PageSourceSearch

https://www.albertsjewelers.com/shopping-cart

html albertsjewelers.com collected 2026-09-30 10:32:34 UTC 644,236 bytes, 13,447 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en-US">
3<head>
4<title>Shopping Cart | Albert's Diamond Jewelers</title>
5<meta name="title" content="Shopping Cart | Albert&#039;s Diamond Jewelers">
6<meta name="description" content="Shopping Cart | Albert&#039;s Diamond Jewelers">
7<link rel="canonical" href="https://www.albertsjewelers.com/shopping-cart"/>
8<meta name="keywords" content="Shopping Cart | 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="noindex, 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/shopping-cart">
16<meta property="og:type"          content="website">
17<meta property="og:title"         content="Shopping Cart">
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="Shopping Cart">
24<!--facebook share this ends-->
25
26
27<!--twitter share this starts-->
28<meta name="twitter:title" content="Shopping Cart">
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/shopping-cart">
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/toastr.min.css" />
35            <link rel="stylesheet" type="text/css" href="https://www.albertsjewelers.com/skeleton/1.0/view/css/slick.css"/>
36            <link rel="stylesheet" type="text/css" href="https://www.albertsjewelers.com/skeleton/1.0/view/css/slick-theme.css"/><link rel="stylesheet" href="https://www.albertsjewelers.com/skeleton/1.0/view/css/sweetalert2.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/900.css?ver=1787273671" /><link rel="stylesheet" type="text/css" href="/skeleton/1.0/view/css/shared.css?ver=1.4.8" />
37            
37<script>window.csrf_token = "4cb7f049a9f3cf52d6cb8bb2b1286566b6fbaf29a80251037edd0e005581af57"</script>
37
38            
38<script>window.scSession = Object.assign({"lifetimeMs":7200000,"expiresAt":1790771554000,"csrfToken":"4cb7f049a9f3cf52d6cb8bb2b1286566b6fbaf29a80251037edd0e005581af57","scWsUrl":"https:\/\/www.albertsjewelers.com\/includes\/assets\/shopping_cart\/sc_ws_functions.php"}, window.scSession || {});</script>
38
39            
39<script src="https://www.albertsjewelers.com/skeleton/1.0/view/lib/jquery/jquery.min.js"></script>
39
40            
40<script src="https://www.albertsjewelers.com/skeleton/1.0/view/js/sc-session-manager.js?v=1789428253" defer></script>
40
41            
41<script>window.formSubmitLogUrl = "https://www.albertsjewelers.com/skeleton/1.0/view/ws/ajax_interaction.php";</script>
41
42            
42<script src="https://www.albertsjewelers.com/skeleton/1.0/view/js/form_submit_guard.js?v=1787273671" defer></script>
42
43        
44            
44<script src="/skeleton/1.0/view/js/twitter-bootstrap-4-6-0.min.js" defer></script>
44
45            
45<script src="/skeleton/1.0/view/js/toastr.min.js"></script>
45
46            
46<script type="text/javascript" src="/skeleton/1.0/view/js/slick.min.js"></script>
46<script src="/skeleton/1.0/view/js/sweetalert2.min.js"></script>
46<script src="/skeleton/1.0/view/js/input_fields.js?ver=1.0.4"></script>
vendor: 60 bytes, line 46
46<script src="https://www.google.com/recaptcha/api.js?render=
466Le0_CEiAAAAAO2SprdEh3a5J5OGgtavg30c0ya7
vendor: 138 bytes, line 46
46&badge=bottomleft"></script><script src="https://www.google.com/recaptcha/api.js?render=explicit&onload=onRecaptchaLoadCallback"></script>
46<script src="https://www.albertsjewelers.com/includes/view/dashboard/assets/fancybox/jquery.fancybox.min.js" defer></script>
46<script src="/skeleton/1.0/view/js/900.js?v=1789682889"></script>
46<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">
47            <!--Scripts Here-->
48			
48<script>window.iShowGlobals = {
49                        'NO_IMAGE_URL':'',
50                        'SITE_LABELS': '',
51                        'PHONE_REGEX':/^[\+]?([\d\-\(\). ]){3}.{4,18}$/,
52                        'EMAIL_REGEX':/^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/,
53                        'RETAILER_FOLDER_NAME':'skeleton', 'SHOW_RAPNET_ID':'0','MAIN_PHONE':'219-322-2700','USE_LOCAL_DIAMOND_PATH':''  , 'GOOGLE_ANALYTICS_4_TAG':'1'
54                    };
55            </script>
55<script src="/skeleton/1.0/view/js/shared.js?ver=2.4.5" defer></script>
55<meta name="ahrefs-site-verification" content="32281f1e620acdf49662ab58f3103703369f3f0685171c59bc73f7aa27c73e91"><!-- Google tag (gtag.js) -->
vendor: 76 bytes, lines 55-56
55
56            <script async src="https://www.googletagmanager.com/gtag/js?id=
56AW-657571256
vendor: 24 bytes, lines 56-57
56"></script>
57            
57<script>
58             
vendor: 166 bytes, lines 58-61
58window.dataLayer = window.dataLayer || [];
59             function gtag(){dataLayer.push(arguments);}
60             gtag('js', new Date());
61             gtag('config', '
61AW-657571256
vendor: 42 bytes, lines 61-62
61', { 'anonymize_ip': true });
62            
62</script>
62 <!-- Facebook Pixel Code -->
62<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>
62<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 -->
63            <!-- Start Google Tag Manager -->
64            
64<script>
65            window.addEventListener('load', function() {
vendor: 607 bytes, lines 65-76
65
66                (function (w, d, s, l, i) {
67                    w[l] = w[l] || [];
68                    w[l].push({'gtm.start':
69                                new Date().getTime(), event: 'gtm.js'});
70                    var f = d.getElementsByTagName(s)[0],
71                            j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : '';
72                    j.async = true;
73                    j.src =
74                            '//www.googletagmanager.com/gtm.js?id=' + i + dl;
75                    f.parentNode.insertBefore(j, f);
76                })(window, document, 'script', 'dataLayer', '
76GTM-NKMV8Q
vendor: 16 bytes, lines 76-77
76');
77            
77});
78            </script>
78
79            <!-- End Google Tag Manager -->
80                <!-- Start Google Analytics 4 tags -->
vendor: 80 bytes, lines 80-81
80
81                <script async src="https://www.googletagmanager.com/gtag/js?id=
81G-222X86BSF7
vendor: 28 bytes, lines 81-82
81"></script>
82                
82<script>
83                   
vendor: 184 bytes, lines 83-86
83window.dataLayer = window.dataLayer || [];
84                   function gtag(){dataLayer.push(arguments);}
85                   gtag("js", new Date());
86                   gtag("config", "
86G-222X86BSF7
vendor: 23 bytes, lines 86-87
86");
87                   
87window.gtag = function() {
88                       dataLayer.push(arguments);
89                    }
90                </script>
90
91                <!-- End Google Analytics 4 tags  --> <!-- Facebook Pixel Code -->
91<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>
91<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 -->
92<script type="text/javascript">
93    var _tvq = window._tvq = window._tvq || [];
94    (function() {
95      var u = (("https:" == document.location.protocol) ?
96          "https://collector-55896.us.tvsquared.com/"
97          :
98          "http://collector-55896.us.tvsquared.com/");
99      _tvq.push(['setSiteId', "TV-4545180936-1"]);
100      _tvq.push(['setTrackerUrl', u + 'tv2track.php']);
101      _tvq.push([function() {
102          this.deleteCustomVariable(5, 'page')
103      }]);
104      _tvq.push(['trackPageView']);
105      var d = document,
106          g = d.createElement('script'),
107          s = d.getElementsByTagName('script')[0];
108      g.type = 'text/javascript';
109      g.defer = true;
110      g.async = true;
111      g.src = u + 'tv2track.js';
112      s.parentNode.insertBefore(g, s);
113    })();
114</script>
114
115<!-- End TVSquared Tracking Code -->
116<script>
117(function () {
118    function hookFbq() {
119        var n = window.fbq;
120        if (!n || n.__evtHook) { return; }
121        function w() {
122            try {
123                if (arguments[0] === 'track' || arguments[0] === 'trackCustom') {
124                    (w.__fired = w.__fired || {})[arguments[1]] = (new Date()).getTime();
125                }
126            } catch (e) {}
127            w.callMethod ? w.callMethod.apply(w, arguments) : w.queue.push(arguments);
128        }
129        w.__evtHook = true;
130        w.__fired = {};
131        w.callMethod = n.callMethod;
132        w.queue = n.queue || [];
133        w.push = w;
134        w.loaded = !!n.loaded;
135        w.version = n.version || '2.0';
136        window.fbq = w;
137        if (window._fbq === n) { window._fbq = w; }
138    }
139    hookFbq();
140
141    function firedSince(evt, ts) {
142        return typeof fbq === 'function' && fbq.__fired && fbq.__fired[evt] && fbq.__fired[evt] >= ts;
143    }
144
145    // Also reaches CAPI: these fallbacks never touch the backend on their own otherwise. The server
146    // copy goes out even when fbq is missing — a blocked pixel is exactly when CAPI has to carry it.
147    function fireEvent(evt) {
148        var eventId = (window.crypto && crypto.randomUUID) ? crypto.randomUUID() : (Date.now() + '_' + Math.random().toString(36).slice(2));
149        if (typeof fbq === 'function') { fbq('track', evt, {}, {eventID: eventId}); }
150        if (!false) { return; }
151        try {
152            fetch('https://www.albertsjewelers.com/skeleton/1.0/view/ws/ajax_meta_capi.php', {
153                method: 'POST',
154                headers: {'Content-Type': 'application/x-www-form-urlencoded'},
155                body: 'event=' + encodeURIComponent(evt) + '&event_id=' + encodeURIComponent(eventId),
156                keepalive: true
157            });
158        } catch (e) {}
159    }
160
161    // tel:/mailto: wait ~1.5s if not onclick fired the event - fire this one
162    document.addEventListener('click', function (e) {
163        if (!e.target || !e.target.closest) { return; }
164        var t = e.target.closest('a[href^="tel:"], a[href^="mailto:"]');
165        if (!t) { return; }
166        hookFbq();
167        var evt = 'Contact';
168        var ts = (new Date()).getTime();
169        setTimeout(function () {
170            if (!firedSince(evt, ts)) { fireEvent(evt); }
171        }, 1500);
172    }, true);
173
174    // conversation_started -> Contact. Podium and Clientbook both render their launcher into the
175    // page's own DOM, so a delegated click reaches it. What happens inside the widget is invisible
176    // to us, so opening the chat is what counts — once per page view, or reopening it would re-fire.
177    var chatContacted = false;
178    document.addEventListener('click', function (e) {
179        if (chatContacted || !e.target || !e.target.closest) { return; }
180        if (!e.target.closest('#wlbkwc_messageButton, #clbkwc_chat_id, #podium-website-widget')) { return; }
181        chatContacted = true;
182        hookFbq();
183        fireEvent('Contact');
184    }, true);
185
186    // Search box event: only when the server-side Search on the keyword-search page is not running
187    if (true) {
188        document.addEventListener('submit', function (e) {
189            if (!e.target || !e.target.closest) { return; }
190            var f = e.target.closest('form.sform, #search-box-form');
191            if (!f) { return; }
192            // The magnifier is a submit button, so it submits an empty box too — that is not a search
193            var q = f.querySelector('input[name=search]');
194            if (!q || !q.value.trim()) { return; }
195            hookFbq();
196            if (!firedSince('Search', (new Date()).getTime() - 1500)) { fireEvent('Search'); }
197        }, false);
198    }
199})();
200</script>
200
201                
201<script>
vendor: 410 bytes, lines 201-206
201
202                (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
203                  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
204                  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
205                  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
206            ga('create', '
206UA-45370095-1
vendor: 44 bytes, lines 206-207
206', 'auto', 'googleAnalytics0');
207            
207ga('set', 'anonymizeIp', true);
208            ga('googleAnalytics0.send', 'pageview')</script>
208
209    
209<script type="application/ld+json">
210    {
211        "@context": "https://schema.org",
212        "@graph": [
213                {
214            "@type": "WebPage",
215            "name": "Shopping Cart",
216            "description": "Albert's Diamond Jewelers",
217            "keywords": "Albert's Diamond Jewelers",
218            "url": "https://www.albertsjewelers.com/shopping-cart" 
219        },
220        {
221            "@type": "Organization",
222            "name": "Albert's Diamond Jewelers",
223            "email": "[email protected]",
224            "logo": "https://www.albertsjewelers.comhttps://www.albertsjewelers.com/public/1.0/uploads/source/alberts-logo-footer-1.png",
225            "image": "https://www.albertsjewelers.comhttps://www.albertsjewelers.com/public/1.0/uploads/source/alberts-logo-footer-1.png",
226            "telephone": "219-322-2700",
227            "url": "https://www.albertsjewelers.com/"
228        }
229,
230        {
231            "@type": "BreadcrumbList",
232            "itemListElement": [
233                            {
234                "@type": "ListItem",
235                "position": 1,
236                "name": "Albert's Diamond Jewelers",
237                "item": "https://www.albertsjewelers.com/"
238            },            {
239                "@type": "ListItem",
240                "position": 2,
241                "name": "Shopping Cart",
242                "item": "https://www.albertsjewelers.com/shopping-cart"
243            }
244            ]
245        }
246        ]
247    }
248    </script>
248
249
250</head>
251<body class="cmp_mode" data-lazyload="1">
252            <nav class="skip-links-nav" aria-label="Skip links">
253                <a href="#main" class="skip-to-main-content-link" title="Skip to main content">Skip to main content</a>
254            </nav>
255        
256            <div id="loader_div">
257                <div class="loader_circle"></div>
258            </div>
259            <noscript>
260                <style>
261                    body {overflow: auto;}
262                    #loader_div {display: none;}
263                </style>
264            </noscript>
265        
266
267            <style>
268                @media (min-width: 992px) {
269                                .main_page_container {
270                    font-family: Berthold Akzidenz Grotesk;
271                }
272                .sc_payment_general_style {
273                    font-size: 15px !important;
274                    font-family: Berthold Akzidenz Grotesk !important;
275                    font-weight: 500 !important;
276                    font-style: normal !important;
277                    
278                    letter-spacing: px !important;
279                    color: #022d57 !important;
280                }
281                h1.general_style, .h1_general_style {
282                    font-size: px !important;
283                    font-family: ITC Avant Garde !important;
284                    font-weight: 400 !important;
285                    font-style: normal !important;
286                    
287                    letter-spacing: px !important;
288                    color: #022d57 !important;
289                }
290                h2.general_style, .h2_general_style {
291                    font-size: px !important;
292                    font-family: ITC Avant Garde !important;
293                    font-weight: 400 !important;
294                    font-style: normal !important;
295                    
296                    letter-spacing: px !important;
297                    color: #022d57 !important;
298                }
299                h3.general_style, .h3_general_style {
300                    font-size: px !important;
301                    font-family: ITC Avant Garde !important;
302                    font-weight: 400 !important;
303                    font-style: normal !important;
304                    
305                    letter-spacing: px !important;
306                    color: #022d57 !important;
307                }
308                h4.general_style, .h4_general_style {
309                    font-size: px !important;
310                    font-family: ITC Avant Garde !important;
311                    font-weight: 400 !important;
312                    font-style: normal !important;
313                    
314                    letter-spacing: px !important;
315                    color: #022d57 !important;
316                }
317                h5.general_style, .h5_general_style {
318                    font-size: px !important;
319                    font-family: ITC Avant Garde !important;
320                    font-weight: 300 !important;
321                    font-style: normal !important;
322                    
323                    letter-spacing: px !important;
324                    color: #022d57 !important;
325                }
326                h6.general_style, .h6_general_style {
327                    font-size: px !important;
328                    font-family: ITC Avant Garde !important;
329                    font-weight: 400 !important;
330                    font-style: normal !important;
331                    
332                    letter-spacing: px !important;
333                    color: #022d57 !important;
334                }
335                p.general_style, .p_general_style {
336                    font-size: px !important;
337                    font-family: Berthold Akzidenz Grotesk !important;
338                    font-weight:  !important;
339                    font-style: normal !important;
340                    
341                    letter-spacing: px !important;
342                    color:  !important;
343                }
344                .p2_general_style {
345                    font-size: px !important;
346                    font-family: Berthold Akzidenz Grotesk !important;
347                    font-weight:  !important;
348                    font-style: normal !important;
349                    
350                    letter-spacing: px !important;
351                    color:  !important;
352                }
353                .p3_general_style {
354                    font-size: px !important;
355                    font-family: Berthold Akzidenz Grotesk !important;
356                    font-weight:  !important;
357                    font-style: normal !important;
358                    
359                    letter-spacing: px !important;
360                    color:  !important;
361                }
362                .p4_general_style {
363                    font-size: px !important;
364                    font-family: Berthold Akzidenz Grotesk !important;
365                    font-weight:  !important;
366                    font-style: normal !important;
367                    
368                    letter-spacing: px !important;
369                    color:  !important;
370                }
371                .p5_general_style {
372                    font-size: px !important;
373                    font-family: Berthold Akzidenz Grotesk !important;
374                    font-weight:  !important;
375                    font-style: normal !important;
376                    
377                    letter-spacing: px !important;
378                    color:  !important;
379                }
380                .p6_general_style {
381                    font-size: px !important;
382                    font-family: Berthold Akzidenz Grotesk !important;
383                    font-weight:  !important;
384                    font-style: normal !important;
385                    
386                    letter-spacing: px !important;
387                    color:  !important;
388                }
389                a.general_style, .a_general_style {
390                    text-decoration:  !important;
391                    color:  !important;
392                }
393                a.general_style:hover, .a_general_style:hover {
394                    color:  !important;
395                }
396                label.general_style, .label_general_style {
397                    font-size: px !important;
398                    font-family: Berthold Akzidenz Grotesk !important;
399                    font-weight:  !important;
400                    font-style: normal !important;
401                    
402                    letter-spacing: px !important;
403                    color:  !important;
404                }
405                button.general_style, .button_general_style {
406                    font-size: 12px !important;
407                    font-family: ITC Avant Garde !important;
408                    font-weight: 400 !important;
409                    font-style: normal !important;
410                    
411                    color: #ffffff !important;
412                    background-color: #022d57 !important;
413                    border-style: solid !important;
414                    border-width: 1px !important;
415                    border-radius: px !important;
416                    border-color: #022d57 !important;
417                }
418                button.general_style:hover, .button_general_style:hover {
419                    color:  !important;
420                    background-color:  !important;
421                    border-color:  !important;
422                }
423                .secondary_button_general_style {
424                    font-size: 12px !important;
425                    font-family: ITC Avant Garde !important;
426                    font-weight: 400 !important;
427                    font-style: normal !important;
428                    
429                    color: #022d57 !important;
430                    background-color: #ffffff !important;
431                    border-style: solid !important;
432                    border-width: 1px !important;
433                    border-radius: px !important;
434                    border-color: #003da5 !important;
435                }
436                .secondary_button_general_style:hover {
437                    color: #ffffff !important;
438                    background-color: #003da5 !important;
439                    border-color:  !important;
440                }
441                .reset_button_general_style {
442                    font-size: px !important;
443                    font-family: ITC Avant Garde !important;
444                    font-weight:  !important;
445                    font-style: normal !important;
446                    
447                    color:  !important;
448                    background-color:  !important;
449                    
450                    border-width: px !important;
451                    border-radius: px !important;
452                    border-color:  !important;
453                }
454                .reset_button_general_style:hover {
455                    color:  !important;
456                    background-color:  !important;
457                    border-color:  !important;
458                }
459                .search_box_general_style .sinps::placeholder {
460                    font-size: 11px !important;
461                    font-family: Berthold Akzidenz Grotesk !important;
462                    color:  !important;
463                }
464                .search_box_general_style .sinps {
465                    height: 100%;
466                    font-size: 11px !important;
467                    font-family: Berthold Akzidenz Grotesk !important;
468                    font-weight: 400 !important;
469                    font-style: normal !important;
470                    color:  !important;
471                    background-color:  !important;
472                    border-style: solid !important;
473                    border-width: 1px !important;
474                    border-radius: px !important;
475                    border-top-right-radius: 0 !important;
476                    border-bottom-right-radius: 0 !important;
477                    border-color: #022d57 !important;
478                }
479                .search_box_general_style .sinps:hover,
480                .search_box_general_style .sinps:focus,
481                .search_box_general_style .sinps:active {
482                    background-color:  !important;
483                }
484                .search_box_general_style .sBtns {
485                    height: 100%;
486                    background-color: #022d57 !important;
487                    border-style: solid !important;
488                    border-width: 1px !important;
489                    border-radius: px !important;
490                    border-top-left-radius: 0 !important;
491                    border-bottom-left-radius: 0 !important;
492                    border-color: #022d57 !important;
493                }
494                .search_box_general_style .sBtns:hover,
495                .search_box_general_style .sBtns:focus,
496                .search_box_general_style .sBtns:active {
497                    background-color: #022d57 !important;
498                }
499                .search_box_general_style .sBtns svg {
500                    width: 11px !important;
501                    height: 11px !important;
502                }
503                .search_box_general_style .sBtns path {
504                    fill: #ffffff !important;
505                }
506                .search_box_general_style .sBtns:hover path,
507                .search_box_general_style .sBtns:focus path,
508                .search_box_general_style .sBtns:active path {
509                    fill: #ffffff !important;
510                }
511                .search_box_general_style:hover .sinps,
512                .search_box_general_style:focus .sinps,
513                .search_box_general_style:active .sinps,
514                .search_box_general_style:hover .sBtns,
515                .search_box_general_style:focus .sBtns,
516                .search_box_general_style:active .sBtns {
517                    border-color: #022d57 !important;
518                }
519                svg.general_style, .svg_general_style {
520                    fill: #003da5 !important;
521                    stroke-width: .5 !important;
522                    stroke: #003da5 !important;
523                }
524                .irs--big .irs-from, .irs--big .irs-to, .irs--big .irs-single {
525                    color: #022d57 !important;
526                    background: #ffffff !important;
527                }
528                .irs--big .irs-grid-text {
529                    color: #022d57 !important;
530                }
531                .irs--big .irs-grid-pol {
532                    background: #022d57 !important;
533                }
534                .irs--big .irs-bar {
535                    border-color: #ffffff !important;
536                    background: linear-gradient(to bottom, #022d57 0%, #022d57 30%, #022d57 100%) !important;
537                }
538                .irs--big .irs-handle {
539                    border-color: #B3B3B2;
540                    background: linear-gradient(to bottom,  0%, #003da5 30%, #003da5 100%) !important;
541                }
542                .pagination.general_style .page-link {
543                    font-size: 12px !important;
544                    font-family: ITC Avant Garde !important;
545                    font-weight: 400 !important;
546                    font-style: normal !important;
547                    
548                    color: #022d57 !important;
549                    background-color:  !important;
550                    border-color:  !important;
551                }
552                .pagination.general_style .page-link:hover {
553                    color:  !important;
554                    background-color:  !important;
555                    border-color:  !important;
556                }
557                .pagination.general_style .page-item.active .page-link {
558                    color: #ffffff !important;
559                    background-color: #022d57 !important;
560                    border-color: #022d57 !important;
561                }
562                input[type=checkbox].general_style {
563                    accent-color: #003da5 !important;
564                }
565                .breadcrumb.general_style .breadcrumb-item a,
566                .breadcrumb.general_style .breadcrumb-item {
567                    font-size: 14px !important;
568                    font-family: ITC Avant Garde !important;
569                    font-weight:  !important;
570                    font-style: normal !important;
571                    
572                    letter-spacing: px !important;
573                    color: #000 !important;
574                }
575                .shapes-div .shapes-img.active {
576                    background-color:  !important;
577                    color:  !important;
578                }
579                                .input_general_style {
580                    position: relative;
581                }
582                .input_general_style label {
583                    width: auto !important;
584                    position: absolute;
585                    top: 50%;
586                    left: 5px;
587                    z-index: 1;
588                    transform: translateY(-50%);
589                    transform-origin: 0% 100%;
590                    transition: all .2s ease-out;
591                    padding: 0 10px;
592                    margin: 0 !important;
593                    cursor: text;
594                    background: white;
595                }
596                .input_general_style label.active {
597                    top: 0;
598                    transform: translateY(-55%) scale(0.80);
599                }
600            
601                .input_general_style input::placeholder {
602                    color: transparent !important;
603                }
604                .input_general_style input {
605                    font-size: 16px !important;
606                    font-family: Berthold Akzidenz Grotesk !important;
607                    font-weight:  !important;
608                    font-style:  !important;
609                    color:  !important;
610                    background-color: white !important;
611                    border-style: solid !important;
612                    border-width: px !important;
613                    border-radius: 0px !important;
614                    border-color:  !important;
615                }
616                .input_general_style:hover input {
617                    border-color:  !important;
618                }
619                .input_general_style input:-webkit-autofill,
620                .input_general_style input:-webkit-autofill:hover,
621                .input_general_style input:-webkit-autofill:focus,
622                .input_general_style input:-webkit-autofill:active{
623                    -webkit-box-shadow: 0 0 0 30px white inset !important;
624                }
625                .input_general_style input:focus {
626                    border-color: initial;
627                    box-shadow: unset;
628                }
629                .input_general_style .toggle-password-visibility {
630                    position: absolute;
631                    right: 5px;
632                    top: 50%;
633                    transform: translateY(-50%);
634                    border: 0;
635                    background: transparent;
636                }
637                                .select_general_style {
638                    position: relative;
639                }
640                .select_general_style label {
641                    width: auto !important;
642                    position: absolute;
643                    top: 50%;
644                    left: 5px;
645                    transform: translateY(-50%);
646                    transform-origin: 0% 100%;
647                    transition: all .2s ease-out;
648                    padding: 0 10px;
649                    margin: 0 !important;
650                    cursor: text;
651                    background: white;
652                }
653                .select_general_style label.active {
654                    top: 0;
655                    transform: translateY(-55%) scale(0.80);
656                }
657
658                .select_general_style select {
659                    font-size: 16px !important;
660                    font-family: Berthold Akzidenz Grotesk !important;
661                    font-weight:  !important;
662                    font-style:  !important;
663                    color:  !important;
664                    border-style: solid !important;
665                    border-width: px !important;
666                    border-radius: 0px !important;
667                    border-color:  !important;
668                    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;
669                    -webkit-appearance: none !important;
670                    -moz-appearance: none !important;
671                    appearance: none !important;
672                }
673                .select_general_style:hover select {
674                    border-color:  !important;
675                }
676                .select_general_style select:focus {
677                    border-color: initial;
678                    box-shadow: unset;
679                }
680                .select_general_style select:-webkit-autofill,
681                .select_general_style select:-webkit-autofill:hover,
682                .select_general_style select:-webkit-autofill:focus,
683                .select_general_style select:-webkit-autofill:active{
684                    -webkit-box-shadow: 0 0 0 30px white inset !important;
685                }
686                                .textarea_general_style {
687                    position: relative;
688                }
689                .textarea_general_style label {
690                    width: auto !important;
691                    position: absolute;
692                    top: 18px;
693                    left: 5px;
694                    transform: translateY(-50%);
695                    transform-origin: 0% 100%;
696                    transition: all .2s ease-out;
697                    padding: 0 10px;
698                    margin: 0 !important;
699                    cursor: text;
700                    background: white;
701                }
702                .textarea_general_style label.active {
703                    top: 0;
704                    transform: translateY(-55%) scale(0.80);
705                }
706
707                .textarea_general_style textarea {
708                    font-size: 16px !important;
709                    font-family: Berthold Akzidenz Grotesk !important;
710                    font-weight:  !important;
711                    font-style:  !important;
712                    color:  !important;
713                    background-color: white !important;
714                    border-style: solid !important;
715                    border-width: px !important;
716                    border-radius: 0px !important;
717                    border-color:  !important;
718                }
719                .textarea_general_style:hover textarea {
720                    border-color:  !important;
721                }
722                .textarea_general_style textarea:focus {
723                    border-color: initial;
724                    box-shadow: unset;
725                }
726                .textarea_general_style textarea:-webkit-autofill,
727                .textarea_general_style textarea:-webkit-autofill:hover,
728                .textarea_general_style textarea:-webkit-autofill:focus,
729                .textarea_general_style textarea:-webkit-autofill:active{
730                    -webkit-box-shadow: 0 0 0 30px white inset !important;
731                }
732                }
733            </style>            <style>
734                @media (min-width: 768px) and (max-width: 991.9px) {
735                                .main_page_container {
736                    font-family: Berthold Akzidenz Grotesk;
737                }
738                .sc_payment_general_style {
739                    font-size: 15px !important;
740                    font-family: Berthold Akzidenz Grotesk !important;
741                    font-weight: 500 !important;
742                    font-style: normal !important;
743                    
744                    letter-spacing: px !important;
745                    color: #022d57 !important;
746                }
747                h1.general_style, .h1_general_style {
748                    font-size: px !important;
749                    font-family: ITC Avant Garde !important;
750                    font-weight: 400 !important;
751                    font-style: normal !important;
752                    
753                    letter-spacing: px !important;
754                    color: #022d57 !important;
755                }
756                h2.general_style, .h2_general_style {
757                    font-size: px !important;
758                    font-family: ITC Avant Garde !important;
759                    font-weight: 400 !important;
760                    font-style: normal !important;
761                    
762                    letter-spacing: px !important;
763                    color: #022d57 !important;
764                }
765                h3.general_style, .h3_general_style {
766                    font-size: px !important;
767                    font-family: ITC Avant Garde !important;
768                    font-weight: 400 !important;
769                    font-style: normal !important;
770                    
771                    letter-spacing: px !important;
772                    color: #022d57 !important;
773                }
774                h4.general_style, .h4_general_style {
775                    font-size: px !important;
776                    font-family: ITC Avant Garde !important;
777                    font-weight: 400 !important;
778                    font-style: normal !important;
779                    
780                    letter-spacing: px !important;
781                    color: #022d57 !important;
782                }
783                h5.general_style, .h5_general_style {
784                    font-size: px !important;
785                    font-family: ITC Avant Garde !important;
786                    font-weight: 300 !important;
787                    font-style: normal !important;
788                    
789                    letter-spacing: px !important;
790                    color: #022d57 !important;
791                }
792                h6.general_style, .h6_general_style {
793                    font-size: px !important;
794                    font-family: ITC Avant Garde !important;
795                    font-weight: 400 !important;
796                    font-style: normal !important;
797                    
798                    letter-spacing: px !important;
799                    color: #022d57 !important;
800                }
801                p.general_style, .p_general_style {
802                    font-size: px !important;
803                    font-family: Berthold Akzidenz Grotesk !important;
804                    font-weight:  !important;
805                    font-style: normal !important;
806                    
807                    letter-spacing: px !important;
808                    color:  !important;
809                }
810                .p2_general_style {
811                    font-size: px !important;
812                    font-family: Berthold Akzidenz Grotesk !important;
813                    font-weight:  !important;
814                    font-style: normal !important;
815                    
816                    letter-spacing: px !important;
817                    color:  !important;
818                }
819                .p3_general_style {
820                    font-size: px !important;
821                    font-family: Berthold Akzidenz Grotesk !important;
822                    font-weight:  !important;
823                    font-style: normal !important;
824                    
825                    letter-spacing: px !important;
826                    color:  !important;
827                }
828                .p4_general_style {
829                    font-size: px !important;
830                    font-family: Berthold Akzidenz Grotesk !important;
831                    font-weight:  !important;
832                    font-style: normal !important;
833                    
834                    letter-spacing: px !important;
835                    color:  !important;
836                }
837                .p5_general_style {
838                    font-size: px !important;
839                    font-family: Berthold Akzidenz Grotesk !important;
840                    font-weight:  !important;
841                    font-style: normal !important;
842                    
843                    letter-spacing: px !important;
844                    color:  !important;
845                }
846                .p6_general_style {
847                    font-size: px !important;
848                    font-family: Berthold Akzidenz Grotesk !important;
849                    font-weight:  !important;
850                    font-style: normal !important;
851                    
852                    letter-spacing: px !important;
853                    color:  !important;
854                }
855                a.general_style, .a_general_style {
856                    text-decoration:  !important;
857                    color:  !important;
858                }
859                a.general_style:hover, .a_general_style:hover {
860                    color:  !important;
861                }
862                label.general_style, .label_general_style {
863                    font-size: px !important;
864                    font-family: Berthold Akzidenz Grotesk !important;
865                    font-weight:  !important;
866                    font-style: normal !important;
867                    
868                    letter-spacing: px !important;
869                    color:  !important;
870                }
871                button.general_style, .button_general_style {
872                    font-size: 12px !important;
873                    font-family: ITC Avant Garde !important;
874                    font-weight: 400 !important;
875                    font-style: normal !important;
876                    
877                    color: #ffffff !important;
878                    background-color: #022d57 !important;
879                    border-style: solid !important;
880                    border-width: 1px !important;
881                    border-radius: px !important;
882                    border-color: #022d57 !important;
883                }
884                button.general_style:hover, .button_general_style:hover {
885                    color:  !important;
886                    background-color:  !important;
887                    border-color:  !important;
888                }
889                .secondary_button_general_style {
890                    font-size: 12px !important;
891                    font-family: ITC Avant Garde !important;
892                    font-weight: 400 !important;
893                    font-style: normal !important;
894                    
895                    color: #022d57 !important;
896                    background-color: #ffffff !important;
897                    border-style: solid !important;
898                    border-width: 1px !important;
899                    border-radius: px !important;
900                    border-color: #003da5 !important;
901                }
902                .secondary_button_general_style:hover {
903                    color: #ffffff !important;
904                    background-color: #003da5 !important;
905                    border-color:  !important;
906                }
907                .reset_button_general_style {
908                    font-size: px !important;
909                    font-family: ITC Avant Garde !important;
910                    font-weight:  !important;
911                    font-style: normal !important;
912                    
913                    color:  !important;
914                    background-color:  !important;
915                    
916                    border-width: px !important;
917                    border-radius: px !important;
918                    border-color:  !important;
919                }
920                .reset_button_general_style:hover {
921                    color:  !important;
922                    background-color:  !important;
923                    border-color:  !important;
924                }
925                .search_box_general_style .sinps::placeholder {
926                    font-size: 11px !important;
927                    font-family: Berthold Akzidenz Grotesk !important;
928                    color:  !important;
929                }
930                .search_box_general_style .sinps {
931                    height: 100%;
932                    font-size: 11px !important;
933                    font-family: Berthold Akzidenz Grotesk !important;
934                    font-weight: 400 !important;
935                    font-style: normal !important;
936                    color:  !important;
937                    background-color:  !important;
938                    border-style: solid !important;
939                    border-width: 1px !important;
940                    border-radius: px !important;
941                    border-top-right-radius: 0 !important;
942                    border-bottom-right-radius: 0 !important;
943                    border-color: #022d57 !important;
944                }
945                .search_box_general_style .sinps:hover,
946                .search_box_general_style .sinps:focus,
947                .search_box_general_style .sinps:active {
948                    background-color:  !important;
949                }
950                .search_box_general_style .sBtns {
951                    height: 100%;
952                    background-color: #022d57 !important;
953                    border-style: solid !important;
954                    border-width: 1px !important;
955                    border-radius: px !important;
956                    border-top-left-radius: 0 !important;
957                    border-bottom-left-radius: 0 !important;
958                    border-color: #022d57 !important;
959                }
960                .search_box_general_style .sBtns:hover,
961                .search_box_general_style .sBtns:focus,
962                .search_box_general_style .sBtns:active {
963                    background-color: #022d57 !important;
964                }
965                .search_box_general_style .sBtns svg {
966                    width: 11px !important;
967                    height: 11px !important;
968                }
969                .search_box_general_style .sBtns path {
970                    fill: #ffffff !important;
971                }
972                .search_box_general_style .sBtns:hover path,
973                .search_box_general_style .sBtns:focus path,
974                .search_box_general_style .sBtns:active path {
975                    fill: #ffffff !important;
976                }
977                .search_box_general_style:hover .sinps,
978                .search_box_general_style:focus .sinps,
979                .search_box_general_style:active .sinps,
980                .search_box_general_style:hover .sBtns,
981                .search_box_general_style:focus .sBtns,
982                .search_box_general_style:active .sBtns {
983                    border-color: #022d57 !important;
984                }
985                svg.general_style, .svg_general_style {
986                    fill: #003da5 !important;
987                    stroke-width: .5 !important;
988                    stroke: #003da5 !important;
989                }
990                .irs--big .irs-from, .irs--big .irs-to, .irs--big .irs-single {
991                    color: #022d57 !important;
992                    background: #ffffff !important;
993                }
994                .irs--big .irs-grid-text {
995                    color: #022d57 !important;
996                }
997                .irs--big .irs-grid-pol {
998                    background: #022d57 !important;
999                }
1000                .irs--big .irs-bar {
1001                    border-color: #ffffff !important;
1002                    background: linear-gradient(to bottom, #022d57 0%, #022d57 30%, #022d57 100%) !important;
1003                }
1004                .irs--big .irs-handle {
1005                    border-color: #B3B3B2;
1006                    background: linear-gradient(to bottom,  0%, #003da5 30%, #003da5 100%) !important;
1007                }
1008                .pagination.general_style .page-link {
1009                    font-size: 12px !important;
1010                    font-family: ITC Avant Garde !important;
1011                    font-weight: 400 !important;
1012                    font-style: normal !important;
1013                    
1014                    color: #022d57 !important;
1015                    background-color:  !important;
1016                    border-color:  !important;
1017                }
1018                .pagination.general_style .page-link:hover {
1019                    color:  !important;
1020                    background-color:  !important;
1021                    border-color:  !important;
1022                }
1023                .pagination.general_style .page-item.active .page-link {
1024                    color: #ffffff !important;
1025                    background-color: #022d57 !important;
1026                    border-color: #022d57 !important;
1027                }
1028                input[type=checkbox].general_style {
1029                    accent-color: #003da5 !important;
1030                }
1031                .breadcrumb.general_style .breadcrumb-item a,
1032                .breadcrumb.general_style .breadcrumb-item {
1033                    font-size: 14px !important;
1034                    font-family: ITC Avant Garde !important;
1035                    font-weight:  !important;
1036                    font-style: normal !important;
1037                    
1038                    letter-spacing: px !important;
1039                    color: #000 !important;
1040                }
1041                .shapes-div .shapes-img.active {
1042                    background-color:  !important;
1043                    color:  !important;
1044                }
1045                                .input_general_style {
1046                    position: relative;
1047                }
1048                .input_general_style label {
1049                    width: auto !important;
1050                    position: absolute;
1051                    top: 50%;
1052                    left: 5px;
1053                    z-index: 1;
1054                    transform: translateY(-50%);
1055                    transform-origin: 0% 100%;
1056                    transition: all .2s ease-out;
1057                    padding: 0 10px;
1058                    margin: 0 !important;
1059                    cursor: text;
1060                    background: white;
1061                }
1062                .input_general_style label.active {
1063                    top: 0;
1064                    transform: translateY(-55%) scale(0.80);
1065                }
1066            
1067                .input_general_style input::placeholder {
1068                    color: transparent !important;
1069                }
1070                .input_general_style input {
1071                    font-size: 16px !important;
1072                    font-family: Berthold Akzidenz Grotesk !important;
1073                    font-weight:  !important;
1074                    font-style:  !important;
1075                    color:  !important;
1076                    background-color: white !important;
1077                    border-style: solid !important;
1078                    border-width: px !important;
1079                    border-radius: 0px !important;
1080                    border-color:  !important;
1081                }
1082                .input_general_style:hover input {
1083                    border-color:  !important;
1084                }
1085                .input_general_style input:-webkit-autofill,
1086                .input_general_style input:-webkit-autofill:hover,
1087                .input_general_style input:-webkit-autofill:focus,
1088                .input_general_style input:-webkit-autofill:active{
1089                    -webkit-box-shadow: 0 0 0 30px white inset !important;
1090                }
1091                .input_general_style input:focus {
1092                    border-color: initial;
1093                    box-shadow: unset;
1094                }
1095                .input_general_style .toggle-password-visibility {
1096                    position: absolute;
1097                    right: 5px;
1098                    top: 50%;
1099                    transform: translateY(-50%);
1100                    border: 0;
1101                    background: transparent;
1102                }
1103                                .select_general_style {
1104                    position: relative;
1105                }
1106                .select_general_style label {
1107                    width: auto !important;
1108                    position: absolute;
1109                    top: 50%;
1110                    left: 5px;
1111                    transform: translateY(-50%);
1112                    transform-origin: 0% 100%;
1113                    transition: all .2s ease-out;
1114                    padding: 0 10px;
1115                    margin: 0 !important;
1116                    cursor: text;
1117                    background: white;
1118                }
1119                .select_general_style label.active {
1120                    top: 0;
1121                    transform: translateY(-55%) scale(0.80);
1122                }
1123
1124                .select_general_style select {
1125                    font-size: 16px !important;
1126                    font-family: Berthold Akzidenz Grotesk !important;
1127                    font-weight:  !important;
1128                    font-style:  !important;
1129                    color:  !important;
1130                    border-style: solid !important;
1131                    border-width: px !important;
1132                    border-radius: 0px !important;
1133                    border-color:  !important;
1134                    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;
1135                    -webkit-appearance: none !important;
1136                    -moz-appearance: none !important;
1137                    appearance: none !important;
1138                }
1139                .select_general_style:hover select {
1140                    border-color:  !important;
1141                }
1142                .select_general_style select:focus {
1143                    border-color: initial;
1144                    box-shadow: unset;
1145                }
1146                .select_general_style select:-webkit-autofill,
1147                .select_general_style select:-webkit-autofill:hover,
1148                .select_general_style select:-webkit-autofill:focus,
1149                .select_general_style select:-webkit-autofill:active{
1150                    -webkit-box-shadow: 0 0 0 30px white inset !important;
1151                }
1152                                .textarea_general_style {
1153                    position: relative;
1154                }
1155                .textarea_general_style label {
1156                    width: auto !important;
1157                    position: absolute;
1158                    top: 18px;
1159                    left: 5px;
1160                    transform: translateY(-50%);
1161                    transform-origin: 0% 100%;
1162                    transition: all .2s ease-out;
1163                    padding: 0 10px;
1164                    margin: 0 !important;
1165                    cursor: text;
1166                    background: white;
1167                }
1168                .textarea_general_style label.active {
1169                    top: 0;
1170                    transform: translateY(-55%) scale(0.80);
1171                }
1172
1173                .textarea_general_style textarea {
1174                    font-size: 16px !important;
1175                    font-family: Berthold Akzidenz Grotesk !important;
1176                    font-weight:  !important;
1177                    font-style:  !important;
1178                    color:  !important;
1179                    background-color: white !important;
1180                    border-style: solid !important;
1181                    border-width: px !important;
1182                    border-radius: 0px !important;
1183                    border-color:  !important;
1184                }
1185                .textarea_general_style:hover textarea {
1186                    border-color:  !important;
1187                }
1188                .textarea_general_style textarea:focus {
1189                    border-color: initial;
1190                    box-shadow: unset;
1191                }
1192                .textarea_general_style textarea:-webkit-autofill,
1193                .textarea_general_style textarea:-webkit-autofill:hover,
1194                .textarea_general_style textarea:-webkit-autofill:focus,
1195                .textarea_general_style textarea:-webkit-autofill:active{
1196                    -webkit-box-shadow: 0 0 0 30px white inset !important;
1197                }
1198                }
1199            </style>            <style>
1200                @media (max-width: 767.9px) {
1201                                .main_page_container {
1202                    font-family: Berthold Akzidenz Grotesk;
1203                }
1204                .sc_payment_general_style {
1205                    font-size: 15px !important;
1206                    font-family: Berthold Akzidenz Grotesk !important;
1207                    font-weight: 500 !important;
1208                    font-style: normal !important;
1209                    
1210                    letter-spacing: px !important;
1211                    color: #022d57 !important;
1212                }
1213                h1.general_style, .h1_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                h2.general_style, .h2_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                h3.general_style, .h3_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                h4.general_style, .h4_general_style {
1241                    font-size: px !important;
1242                    font-family: ITC Avant Garde !important;
1243                    font-weight: 400 !important;
1244                    font-style: normal !important;
1245                    
1246                    letter-spacing: px !important;
1247                    color: #022d57 !important;
1248                }
1249                h5.general_style, .h5_general_style {
1250                    font-size: px !important;
1251                    font-family: ITC Avant Garde !important;
1252                    font-weight: 300 !important;
1253                    font-style: normal !important;
1254                    
1255                    letter-spacing: px !important;
1256                    color: #022d57 !important;
1257                }
1258                h6.general_style, .h6_general_style {
1259                    font-size: px !important;
1260                    font-family: ITC Avant Garde !important;
1261                    font-weight: 400 !important;
1262                    font-style: normal !important;
1263                    
1264                    letter-spacing: px !important;
1265                    color: #022d57 !important;
1266                }
1267                p.general_style, .p_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                .p2_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                .p3_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                .p4_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                .p5_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                .p6_general_style {
1313                    font-size: px !important;
1314                    font-family: Berthold Akzidenz Grotesk !important;
1315                    font-weight:  !important;
1316                    font-style: normal !important;
1317                    
1318                    letter-spacing: px !important;
1319                    color:  !important;
1320                }
1321                a.general_style, .a_general_style {
1322                    text-decoration:  !important;
1323                    color:  !important;
1324                }
1325                a.general_style:hover, .a_general_style:hover {
1326                    color:  !important;
1327                }
1328                label.general_style, .label_general_style {
1329                    font-size: px !important;
1330                    font-family: Berthold Akzidenz Grotesk !important;
1331                    font-weight:  !important;
1332                    font-style: normal !important;
1333                    
1334                    letter-spacing: px !important;
1335                    color:  !important;
1336                }
1337                button.general_style, .button_general_style {
1338                    font-size: 12px !important;
1339                    font-family: ITC Avant Garde !important;
1340                    font-weight: 400 !important;
1341                    font-style: normal !important;
1342                    
1343                    color: #ffffff !important;
1344                    background-color: #022d57 !important;
1345                    border-style: solid !important;
1346                    border-width: 1px !important;
1347                    border-radius: px !important;
1348                    border-color: #022d57 !important;
1349                }
1350                button.general_style:hover, .button_general_style:hover {
1351                    color:  !important;
1352                    background-color:  !important;
1353                    border-color:  !important;
1354                }
1355                .secondary_button_general_style {
1356                    font-size: 12px !important;
1357                    font-family: ITC Avant Garde !important;
1358                    font-weight: 400 !important;
1359                    font-style: normal !important;
1360                    
1361                    color: #022d57 !important;
1362                    background-color: #ffffff !important;
1363                    border-style: solid !important;
1364                    border-width: 1px !important;
1365                    border-radius: px !important;
1366                    border-color: #003da5 !important;
1367                }
1368                .secondary_button_general_style:hover {
1369                    color: #ffffff !important;
1370                    background-color: #003da5 !important;
1371                    border-color:  !important;
1372                }
1373                .reset_button_general_style {
1374                    font-size: px !important;
1375                    font-family: ITC Avant Garde !important;
1376                    font-weight:  !important;
1377                    font-style: normal !important;
1378                    
1379                    color:  !important;
1380                    background-color:  !important;
1381                    
1382                    border-width: px !important;
1383                    border-radius: px !important;
1384                    border-color:  !important;
1385                }
1386                .reset_button_general_style:hover {
1387                    color:  !important;
1388                    background-color:  !important;
1389                    border-color:  !important;
1390                }
1391                .search_box_general_style .sinps::placeholder {
1392                    font-size: 11px !important;
1393                    font-family: Berthold Akzidenz Grotesk !important;
1394                    color:  !important;
1395                }
1396                .search_box_general_style .sinps {
1397                    height: 100%;
1398                    font-size: 11px !important;
1399                    font-family: Berthold Akzidenz Grotesk !important;
1400                    font-weight: 400 !important;
1401                    font-style: normal !important;
1402                    color:  !important;
1403                    background-color:  !important;
1404                    border-style: solid !important;
1405                    border-width: 1px !important;
1406                    border-radius: px !important;
1407                    border-top-right-radius: 0 !important;
1408                    border-bottom-right-radius: 0 !important;
1409                    border-color: #022d57 !important;
1410                }
1411                .search_box_general_style .sinps:hover,
1412                .search_box_general_style .sinps:focus,
1413                .search_box_general_style .sinps:active {
1414                    background-color:  !important;
1415                }
1416                .search_box_general_style .sBtns {
1417                    height: 100%;
1418                    background-color: #022d57 !important;
1419                    border-style: solid !important;
1420                    border-width: 1px !important;
1421                    border-radius: px !important;
1422                    border-top-left-radius: 0 !important;
1423                    border-bottom-left-radius: 0 !important;
1424                    border-color: #022d57 !important;
1425                }
1426                .search_box_general_style .sBtns:hover,
1427                .search_box_general_style .sBtns:focus,
1428                .search_box_general_style .sBtns:active {
1429                    background-color: #022d57 !important;
1430                }
1431                .search_box_general_style .sBtns svg {
1432                    width: 11px !important;
1433                    height: 11px !important;
1434                }
1435                .search_box_general_style .sBtns path {
1436                    fill: #ffffff !important;
1437                }
1438                .search_box_general_style .sBtns:hover path,
1439                .search_box_general_style .sBtns:focus path,
1440                .search_box_general_style .sBtns:active path {
1441                    fill: #ffffff !important;
1442                }
1443                .search_box_general_style:hover .sinps,
1444                .search_box_general_style:focus .sinps,
1445                .search_box_general_style:active .sinps,
1446                .search_box_general_style:hover .sBtns,
1447                .search_box_general_style:focus .sBtns,
1448                .search_box_general_style:active .sBtns {
1449                    border-color: #022d57 !important;
1450                }
1451                svg.general_style, .svg_general_style {
1452                    fill: #003da5 !important;
1453                    stroke-width: .5 !important;
1454                    stroke: #003da5 !important;
1455                }
1456                .irs--big .irs-from, .irs--big .irs-to, .irs--big .irs-single {
1457                    color: #022d57 !important;
1458                    background: #ffffff !important;
1459                }
1460                .irs--big .irs-grid-text {
1461                    color: #022d57 !important;
1462                }
1463                .irs--big .irs-grid-pol {
1464                    background: #022d57 !important;
1465                }
1466                .irs--big .irs-bar {
1467                    border-color: #ffffff !important;
1468                    background: linear-gradient(to bottom, #022d57 0%, #022d57 30%, #022d57 100%) !important;
1469                }
1470                .irs--big .irs-handle {
1471                    border-color: #B3B3B2;
1472                    background: linear-gradient(to bottom,  0%, #003da5 30%, #003da5 100%) !important;
1473                }
1474                .pagination.general_style .page-link {
1475                    font-size: 12px !important;
1476                    font-family: ITC Avant Garde !important;
1477                    font-weight: 400 !important;
1478                    font-style: normal !important;
1479                    
1480                    color: #022d57 !important;
1481                    background-color:  !important;
1482                    border-color:  !important;
1483                }
1484                .pagination.general_style .page-link:hover {
1485                    color:  !important;
1486                    background-color:  !important;
1487                    border-color:  !important;
1488                }
1489                .pagination.general_style .page-item.active .page-link {
1490                    color: #ffffff !important;
1491                    background-color: #022d57 !important;
1492                    border-color: #022d57 !important;
1493                }
1494                input[type=checkbox].general_style {
1495                    accent-color: #003da5 !important;
1496                }
1497                .breadcrumb.general_style .breadcrumb-item a,
1498                .breadcrumb.general_style .breadcrumb-item {
1499                    font-size: 14px !important;
1500                    font-family: ITC Avant Garde !important;
1501                    font-weight:  !important;
1502                    font-style: normal !important;
1503                    
1504                    letter-spacing: px !important;
1505                    color: #000 !important;
1506                }
1507                .shapes-div .shapes-img.active {
1508                    background-color:  !important;
1509                    color:  !important;
1510                }
1511                                .input_general_style {
1512                    position: relative;
1513                }
1514                .input_general_style label {
1515                    width: auto !important;
1516                    position: absolute;
1517                    top: 50%;
1518                    left: 5px;
1519                    z-index: 1;
1520                    transform: translateY(-50%);
1521                    transform-origin: 0% 100%;
1522                    transition: all .2s ease-out;
1523                    padding: 0 10px;
1524                    margin: 0 !important;
1525                    cursor: text;
1526                    background: white;
1527                }
1528                .input_general_style label.active {
1529                    top: 0;
1530                    transform: translateY(-55%) scale(0.80);
1531                }
1532            
1533                .input_general_style input::placeholder {
1534                    color: transparent !important;
1535                }
1536                .input_general_style input {
1537                    font-size: 16px !important;
1538                    font-family: Berthold Akzidenz Grotesk !important;
1539                    font-weight:  !important;
1540                    font-style:  !important;
1541                    color:  !important;
1542                    background-color: white !important;
1543                    border-style: solid !important;
1544                    border-width: px !important;
1545                    border-radius: 0px !important;
1546                    border-color:  !important;
1547                }
1548                .input_general_style:hover input {
1549                    border-color:  !important;
1550                }
1551                .input_general_style input:-webkit-autofill,
1552                .input_general_style input:-webkit-autofill:hover,
1553                .input_general_style input:-webkit-autofill:focus,
1554                .input_general_style input:-webkit-autofill:active{
1555                    -webkit-box-shadow: 0 0 0 30px white inset !important;
1556                }
1557                .input_general_style input:focus {
1558                    border-color: initial;
1559                    box-shadow: unset;
1560                }
1561                .input_general_style .toggle-password-visibility {
1562                    position: absolute;
1563                    right: 5px;
1564                    top: 50%;
1565                    transform: translateY(-50%);
1566                    border: 0;
1567                    background: transparent;
1568                }
1569                                .select_general_style {
1570                    position: relative;
1571                }
1572                .select_general_style label {
1573                    width: auto !important;
1574                    position: absolute;
1575                    top: 50%;
1576                    left: 5px;
1577                    transform: translateY(-50%);
1578                    transform-origin: 0% 100%;
1579                    transition: all .2s ease-out;
1580                    padding: 0 10px;
1581                    margin: 0 !important;
1582                    cursor: text;
1583                    background: white;
1584                }
1585                .select_general_style label.active {
1586                    top: 0;
1587                    transform: translateY(-55%) scale(0.80);
1588                }
1589
1590                .select_general_style select {
1591                    font-size: 16px !important;
1592                    font-family: Berthold Akzidenz Grotesk !important;
1593                    font-weight:  !important;
1594                    font-style:  !important;
1595                    color:  !important;
1596                    border-style: solid !important;
1597                    border-width: px !important;
1598                    border-radius: 0px !important;
1599                    border-color:  !important;
1600                    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;
1601                    -webkit-appearance: none !important;
1602                    -moz-appearance: none !important;
1603                    appearance: none !important;
1604                }
1605                .select_general_style:hover select {
1606                    border-color:  !important;
1607                }
1608                .select_general_style select:focus {
1609                    border-color: initial;
1610                    box-shadow: unset;
1611                }
1612                .select_general_style select:-webkit-autofill,
1613                .select_general_style select:-webkit-autofill:hover,
1614                .select_general_style select:-webkit-autofill:focus,
1615                .select_general_style select:-webkit-autofill:active{
1616                    -webkit-box-shadow: 0 0 0 30px white inset !important;
1617                }
1618                                .textarea_general_style {
1619                    position: relative;
1620                }
1621                .textarea_general_style label {
1622                    width: auto !important;
1623                    position: absolute;
1624                    top: 18px;
1625                    left: 5px;
1626                    transform: translateY(-50%);
1627                    transform-origin: 0% 100%;
1628                    transition: all .2s ease-out;
1629                    padding: 0 10px;
1630                    margin: 0 !important;
1631                    cursor: text;
1632                    background: white;
1633                }
1634                .textarea_general_style label.active {
1635                    top: 0;
1636                    transform: translateY(-55%) scale(0.80);
1637                }
1638
1639                .textarea_general_style textarea {
1640                    font-size: 16px !important;
1641                    font-family: Berthold Akzidenz Grotesk !important;
1642                    font-weight:  !important;
1643                    font-style:  !important;
1644                    color:  !important;
1645                    background-color: white !important;
1646                    border-style: solid !important;
1647                    border-width: px !important;
1648                    border-radius: 0px !important;
1649                    border-color:  !important;
1650                }
1651                .textarea_general_style:hover textarea {
1652                    border-color:  !important;
1653                }
1654                .textarea_general_style textarea:focus {
1655                    border-color: initial;
1656                    box-shadow: unset;
1657                }
1658                .textarea_general_style textarea:-webkit-autofill,
1659                .textarea_general_style textarea:-webkit-autofill:hover,
1660                .textarea_general_style textarea:-webkit-autofill:focus,
1661                .textarea_general_style textarea:-webkit-autofill:active{
1662                    -webkit-box-shadow: 0 0 0 30px white inset !important;
1663                }
1664                }
1665            </style><header class="appearance-desktop-view-template">    
1666    
1667    
1668        
1669        <style>
1670            .header_container>.flex_row {
1671                display: flex;
1672            }
1673
1674            .header_container_1 {
1675                            width: 100%;
1676                                        max-width: 100%;
1677                            margin: 0 auto;
1678                position: relative !important;
1679                transform: inherit !important;
1680            }
1681            .header_container>.flex_row>.flex_col {
1682                display: flex;
1683                flex-wrap: wrap;
1684                box-sizing: border-box;
1685                align-content: baseline;
1686            }
1687            .header_container>.flex_row>.flex_col>.flex_cell {
1688                height: fit-content;
1689                display: flex;
1690            }
1691            .header_container>.flex_row>.flex_col>.flex_cell a {
1692                text-decoration: none;
1693            }
1694            .header_container img {
1695                max-width: 100%;
1696            }
1697            .row_spacer_cs {
1698                display: none;
1699            }
1700            .sticky_row {
1701                position: fixed;
1702            }
1703            .sticky_row + .row_spacer_cs {
1704                display: block;
1705            }
1706        </style>
1707
1708        <div class="header_container header_container_1" data-device-type="1">
1709
1710            
1711                
1712                <div class="flex_row flex_row_1 ">
1713
1714                    
1715                        <div class="flex_col flex_col_1">
1716
1717                            
1718                        </div>
1719
1720                        <style>
1721                            .header_container_1>.flex_row_1>.flex_col_1 {
1722                            width:2%;                            }
1723                        </style>
1724
1725
1726                    
1727                        <div class="flex_col flex_col_2">
1728
1729                            
1730<div class="flex_cell flex_cell_1 call_us">
1731            <div class="flex_cell_content"><a class="phone_number_click " href="tel:219-322-2700" title="Call us 219-322-2700">
1731<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>
1732<style>
1733    .header_container_1>.flex_row_1>.flex_col_2>.flex_cell_1.call_us {
1734        width:px;        justify-content:left; -webkit-justify-content:left;        align-items:center; -webkit-align-items:center;    }
1735
1736            .header_container_1>.flex_row_1>.flex_col_2>.flex_cell_1.call_us {
1737        height:100%;        }
1738    
1739    .header_container_1>.flex_row_1>.flex_col_2>.flex_cell_1.call_us>.flex_cell_content {
1740        display: flex;
1741        margin-top:px;        margin-bottom:px;        margin-left:px;        margin-right:px;        padding-top:px;        padding-bottom:px;        padding-left:px;        padding-right:px;    }
1742
1743    .header_container_1>.flex_row_1>.flex_col_2>.flex_cell_1 a {
1744        color:#ffffff;        font-weight:400;        font-style:normal;                        font-size:12px;        font-family:ITC Avant Garde;        display: flex;
1745        align-items: center;
1746        text-transform:none;    }
1747
1748    .header_container_1>.flex_row_1>.flex_col_2>.flex_cell_1.call_us a svg,
1749    .header_container_1>.flex_row_1>.flex_col_2>.flex_cell_1.call_us a img {
1750        margin-right: 5px;
1751        height:11px;    }
1752
1753    .header_container_1>.flex_row_1>.flex_col_2>.flex_cell_1 a .path_class {
1754        fill: currentColor;
1755    }
1756
1757
1758    .header_container_1>.flex_row_1>.flex_col_2>.flex_cell_1 a:hover {
1759    color:#ffffff;    }
1760</style>
1761<div class="flex_cell flex_cell_2 custom_text">
1762    <div class="flex_cell_content">
1763                <a class="txt_link_ig" title="custom link" href="https://www.albertsjewelers.com/request-an-appointment" target="_blank">
1764                    <p class="">Request An Appointment →</p>
1765                </a>
1766            </div>
1767</div>
1768<style>
1769    .header_container_1>.flex_row_1>.flex_col_2>.flex_cell_2.custom_text {
1770    width:px;    justify-content:left; -webkit-justify-content:left;    align-items:center; -webkit-align-items:center;    }
1771
1772            .header_container_1>.flex_row_1>.flex_col_2>.flex_cell_2.custom_text {
1773        height:100%;        }
1774    
1775    .header_container_1>.flex_row_1>.flex_col_2>.flex_cell_2.custom_text>.flex_cell_content {
1776    display: flex;
1777    margin-top:10px;    margin-bottom:10px;    margin-left:20px;    margin-right:px;    padding-top:px;    padding-bottom:px;    padding-left:px;    padding-right:px;    }
1778
1779    .header_container_1>.flex_row_1>.flex_col_2>.flex_cell_2.custom_text>.flex_cell_content>a p {
1780    line-height: inherit;
1781    margin:0;
1782    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;    }
1783
1784    .header_container_1>.flex_row_1>.flex_col_2>.flex_cell_2.custom_text>.flex_cell_content>a p:hover {
1785    color:#ffffff;    }
1786</style>
1787
1788                        </div>
1789
1790                        <style>
1791                            .header_container_1>.flex_row_1>.flex_col_2 {
1792                            width:28%;                            }
1793                        </style>
1794
1795
1796                    
1797                        <div class="flex_col flex_col_3">
1798
1799                            
1800                        </div>
1801
1802                        <style>
1803                            .header_container_1>.flex_row_1>.flex_col_3 {
1804                            width:2%;                            }
1805                        </style>
1806
1807
1808                    
1809                        <div class="flex_col flex_col_4">
1810
1811                            
1812<div class="flex_cell flex_cell_1 custom_text">
1813    <div class="flex_cell_content">
1814                <a class="txt_link_ig" title="custom link" href="https://www.albertsjewelers.com/best-sellers" >
1815                    <p class="">Spend $200 or more for FREE 2-Day Shipping! Free In-Store Pickup!</p>
1816                </a>
1817            </div>
1818</div>
1819<style>
1820    .header_container_1>.flex_row_1>.flex_col_4>.flex_cell_1.custom_text {
1821    width:100%;    justify-content:center;
1821 -webkit-justify-content:center;    align-items:center; -webkit-align-items:center;    }
1822
1823            .header_container_1>.flex_row_1>.flex_col_4>.flex_cell_1.custom_text {
1824        height:100%;        }
1825    
1826    .header_container_1>.flex_row_1>.flex_col_4>.flex_cell_1.custom_text>.flex_cell_content {
1827    display: flex;
1828    margin-top:13px;    margin-bottom:13px;    margin-left:px;    margin-right:px;    padding-top:px;    padding-bottom:px;    padding-left:px;    padding-right:px;    }
1829
1830    .header_container_1>.flex_row_1>.flex_col_4>.flex_cell_1.custom_text>.flex_cell_content>a p {
1831    line-height: inherit;
1832    margin:0;
1833    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;    }
1834
1835    .header_container_1>.flex_row_1>.flex_col_4>.flex_cell_1.custom_text>.flex_cell_content>a p:hover {
1836    color:#ffffff;    }
1837</style>
1838
1839                        </div>
1840
1841                        <style>
1842                            .header_container_1>.flex_row_1>.flex_col_4 {
1843                            width:36%;                            }
1844                        </style>
1845
1846
1847                    
1848                        <div class="flex_col flex_col_5">
1849
1850                            
1851<div class="flex_cell flex_cell_1 sl_element">
1852        <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>
1853<style>
1854    .header_container_1>.flex_row_1>.flex_col_5>.flex_cell_1.sl_element {
1855    width:100%;    justify-content:left; -webkit-justify-content:left;    align-items:center; -webkit-align-items:center;    }
1856
1857        .header_container_1>.flex_row_1>.flex_col_5>.flex_cell_1.sl_element {
1858        }
1859    
1860    .header_container_1>.flex_row_1>.flex_col_5>.flex_cell_1.sl_element>.flex_cell_content {
1861        display: flex;
1862    margin-top:px;    margin-bottom:px;    margin-left:px;    margin-right:px;    padding-top:px;    padding-bottom:px;    padding-left:px;    padding-right:px;    }
1863
1864    .header_container_1>.flex_row_1>.flex_col_5>.flex_cell_1 a {
1865    color:#022d57;        font-style:normal;            font-size:px;    font-family:Arial;        display: flex;
1866        align-items: center;
1867    text-transform:none;    }
1868
1869    .header_container_1>.flex_row_1>.flex_col_5>.flex_cell_1.sl_element a svg,
1870    .header_container_1>.flex_row_1>.flex_col_5>.flex_cell_1.sl_element a img {
1871        margin-right: 5px;
1872    height:16px;    }
1873
1874    .header_container_1>.flex_row_1>.flex_col_5>.flex_cell_1 a .path_class {
1875        fill: currentColor;
1876    }
1877
1878
1879    .header_container_1>.flex_row_1>.flex_col_5>.flex_cell_1 a:hover {
1880    color:#022d57;    }
1881</style>
1882
1883                        </div>
1884
1885                        <style>
1886                            .header_container_1>.flex_row_1>.flex_col_5 {
1887                            width:20%;                            }
1888                        </style>
1889
1890
1891                    
1892                        <div class="flex_col flex_col_6">
1893
1894                            
1895<div class="flex_cell flex_cell_1 account_icons">
1896    <div class="flex_cell_content">
1897        
1898                    <a class="" href="/wishlist" title="Wishlist" rel="nofollow" style="order: 1">
1899                <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>
1899                                                <span class="item-count-badge wishlist-count-badge d-none"></span>
1900                            </a>
1901        
1902                    <a class=" build-shopping-cart-icon" href="/shopping-cart" title="Shopping Cart" style="order: 2">
1903                <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>
1904                            </a>
1905        
1906        
1907                                    <a class="" href="/login" title="My Account" style="order: 3">
1908                    <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>
1909                        </div>
1910</div>
1911
1912<style>
1913    .header_container_1>.flex_row_1>.flex_col_6>.flex_cell_1.account_icons {
1914        width:100%;                                    justify-content: flex-end;
1915                            align-items:center; -webkit-align-items:center;    }
1916
1917            .header_container_1>.flex_row_1>.flex_col_6>.flex_cell_1.account_icons {
1918        height:100%;        }
1919    
1920    .header_container_1>.flex_row_1>.flex_col_6>.flex_cell_1.account_icons>.flex_cell_content {
1921    display: flex;
1922    margin-top:px;    margin-bottom:px;    margin-left:px;    margin-right:px;    padding-top:px;    padding-bottom:px;    padding-left:px;    padding-right:px;    }
1923
1924    .header_container_1>.flex_row_1>.flex_col_6>.flex_cell_1.account_icons .wishlist-count-badge.d-none {
1925        display: none !important;
1926    }
1927
1928    .header_container_1>.flex_row_1>.flex_col_6>.flex_cell_1.account_icons a {
1929        display: flex;
1930        align-items: center;
1931        color:#ffffff;        font-weight:400;        font-style:normal;                        font-size:15px;        font-family:Libre Baskerville;        margin-left: 12px;
1932        text-transform:none;    }
1933
1934    .header_container_1>.flex_row_1>.flex_col_6>.flex_cell_1.account_icons a svg,
1935    .header_container_1>.flex_row_1>.flex_col_6>.flex_cell_1.account_icons a img {
1936        flex-shrink: 0;
1937        margin-right: 5px;
1938        width:14px;        height:14px;    }
1939
1940    .header_container_1>.flex_row_1>.flex_col_6>.flex_cell_1.account_icons a .path_class {
1941        fill: currentColor;
1942    }
1943
1944    .header_container_1>.flex_row_1>.flex_col_6>.flex_cell_1.account_icons a:hover {
1945        color:#ffffff;    }
1946
1947    .header_container_1>.flex_row_1>.flex_col_6>.flex_cell_1.account_icons a .item-count-badge {
1948        padding: 0 5px;
1949        height: 16px;
1950        min-width: 16px;
1951        text-align: center;
1952        border-radius: 7px;
1953        line-height: 16px;
1954        border: 1px solid #fff;
1955        font-style: normal;
1956        font-weight: 700;
1957        font-size: 10px;
1958        background-color:#cdb877;        color:#ffffff;        margin-left: -10px;
1959        margin-top: -15px;
1960    }
1961</style>
1962                        </div>
1963
1964                        <style>
1965                            .header_container_1>.flex_row_1>.flex_col_6 {
1966                            width:10%;                            }
1967                        </style>
1968
1969
1970                    
1971                        <div class="flex_col flex_col_7">
1972
1973                            
1974                        </div>
1975
1976                        <style>
1977                            .header_container_1>.flex_row_1>.flex_col_7 {
1978                            width:2%;                            }
1979                        </style>
1980
1981
1982                    
1983                </div>
1984
1985                
1986                <style>
1987    .header_container_1>.flex_row_1 {
1988                    background-color: #022d57;
1989        
1990        color:#000000;        height:auto;                
1991        
1992            }
1993
1994    </style>
1995
1996
1997                                
1998            
1999                
2000                <div class="flex_row flex_row_2 ">
2001
2002                    
2003                        <div class="flex_col flex_col_1">
2004
2005                            <div class="flex_cell flex_cell_1 line">
2006            <div class="s_line"></div>
2007    </div>
2008
2009<style>
2010    .header_container_1>.flex_row_2>.flex_col_1>.flex_cell_1 {
2011        width: 100%;
2012        justify-content:center;
2012 -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;    }
2013
2014    
2015    .header_container_1>.flex_row_2>.flex_col_1>.flex_cell_1 .s_line {
2016        background-color:#ffffff;        border-style: solid;
2017                width:100%;        border-radius:0px;        border-width:0px;        border-color:#000000;    }
2018
2019</style>
2020                        </div>
2021
2022                        <style>
2023                            .header_container_1>.flex_row_2>.flex_col_1 {
2024                            width:100%;                            }
2025                        </style>
2026
2027
2028                    
2029                </div>
2030
2031                
2032                <style>
2033    .header_container_1>.flex_row_2 {
2034                    background-color: #ffffff;
2035        
2036        color:#000000;        height:20px;                
2037        
2038            }
2039
2040    </style>
2041
2042
2043                                
2044            
2045                
2046                <div class="flex_row flex_row_3 ">
2047
2048                    
2049                        <div class="flex_col flex_col_1">
2050
2051                            
2052                        </div>
2053
2054                        <style>
2055                            .header_container_1>.flex_row_3>.flex_col_1 {
2056                            width:2%;                            }
2057                        </style>
2058
2059
2060                    
2061                        <div class="flex_col flex_col_2">
2062
2063                            <div class="flex_cell flex_cell_1 menu">
2064    <div class="flex_cell_content">
2065            <style>
2066            .header_container_1>.flex_row_3>.flex_col_2>.flex_cell_1.menu .hamburger-button-inner,
2067            .header_container_1>.flex_row_3>.flex_col_2>.flex_cell_1.menu .hamburger-button-parent {
2068                width: 30px;
2069                height: 24px;
2070                position: relative;
2071                cursor: pointer;
2072            }
2073            .header_container_1>.flex_row_3>.flex_col_2>.flex_cell_1.menu .hamburger-button-inner .hamburger-icon rect {
2074                fill: #022d57;            }
2075
2076            
2077            .header_container_1>.flex_row_3>.flex_col_2>.flex_cell_1.menu a.hamburger-menu-nav-section,
2078            .header_container_1>.flex_row_3>.flex_col_2>.flex_cell_1.menu a.hamburger-menu-close-button{
2079            color:#000000;                display: flex;
2080            font-weight:400;            font-style:normal;                        font-size:15px;            font-family:ITC Avant Garde;            text-transform:none;                        line-height:48px;            }
2081        </style>
2082
2083        <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">
2084            <div class="hamburger-button-parent">
2085               <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">
2086                    <rect y="1" width="30" height="3" rx="1.5" ry="1.5" fill="black"/>
2087                    <rect y="10" width="30" height="3" rx="1.5" ry="1.5" fill="black"/>
2088                    <rect y="19" width="30" height="3" rx="1.5" ry="1.5" fill="black"/>
2089                </svg>
2090
2091
2092            </div>
2093                    </div>
2094        </div>
2095</div>
2096
2097<style>
2098    .header_container_1>.flex_row_3>.flex_col_2>.flex_cell_1.menu {
2099        width:100%;                                    justify-content: flex-start;
2100                            align-items:center; -webkit-align-items:center;    }
2101
2102            .header_container_1>.flex_row_3>.flex_col_2>.flex_cell_1.menu {
2103        height:100%;        }
2104    
2105    .header_container_1>.flex_row_3>.flex_col_2>.flex_cell_1.menu>.flex_cell_content {
2106        display: flex;
2107        margin-top:px;        margin-bottom:px;        margin-left:px;        margin-right:px;        padding-top:px;        padding-bottom:px;        padding-left:px;        padding-right:px;    }
2108
2109    .header_container_1>.flex_row_3>.flex_col_2>.flex_cell_1.menu>.flex_cell_content>nav>ul>li>a,
2110    .header_container_1>.flex_row_3>.flex_col_2>.flex_cell_1.menu>.flex_cell_content>nav>ul>li>button {
2111        color:#000000; display: flex;
2112        font-weight:400;        font-style:normal;                font-size:15px;        font-family:ITC Avant Garde;        text-transform:none;                line-height:48px;    }
2113
2114    .header_container_1>.flex_row_3>.flex_col_2>.flex_cell_1.menu>.flex_cell_content>nav>ul>li>a:hover {
2115        color:#000000;    }
2116</style>
2117                        </div>
2118
2119                        <style>
2120                            .header_container_1>.flex_row_3>.flex_col_2 {
2121                            width:5%;                            }
2122                        </style>
2123
2124
2125                    
2126                        <div class="flex_col flex_col_3">
2127
2128                            
2129
2130<div class="flex_cell flex_cell_1 image">
2131    <div class="flex_cell_content">
2132
2133            <a href="https://www.albertsjewelers.com/"
2134           >
2135    
2136        
2137            <img
2138                height="100px"                width="200px"
2139                
2140                src="https://www.albertsjewelers.com/public/1.0/uploads/source/website-header-logos---d.png"
2141
2142                alt="Abert&#039;s Diamond Jewelers">
2143
2144        
2145            </a>
2146    
2147    </div>
2148</div>
2149    <style>
2150                .header_container_1>.flex_row_3>.flex_col_3>.flex_cell_1.image {
2151        width:100%;        justify-content:left;
2151 -webkit-justify-content:left;                align-items:center; -webkit-align-items:center;        }
2152        .header_container_1>.flex_row_3>.flex_col_3>.flex_cell_1.image>.flex_cell_content {
2153        display: flex;
2154        margin-top:px;        margin-bottom:px;        margin-left:px;        margin-right:px;        padding-top:px;        padding-bottom:px;        padding-left:px;        padding-right:px;        }
2155        .header_container_1>.flex_row_3>.flex_col_3>.flex_cell_1.image img {
2156        max-width:180px;        }
2157        
2158                .header_container_1>.flex_row_3>.flex_col_3>.flex_cell_1.image {
2159        height:100%;        }
2160            </style>
2161
2162
2163                        </div>
2164
2165                        <style>
2166                            .header_container_1>.flex_row_3>.flex_col_3 {
2167                            width:24%;                            }
2168                        </style>
2169
2170
2171                    
2172                        <div class="flex_col flex_col_4">
2173
2174                            
2175<div class="flex_cell flex_cell_1 search_box">
2176    <div class="flex_cell_content">
2177                    <form class="sform" id="search-box-form"
2178            onsubmit="javascript: window.location = '/keyword-search?search=' + encodeURIComponent($(this).find('input[name=search]').val()); return false;">
2179                    <div class="inputs-group">
2180                                    <button class="sBtn">
2181                        <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>
2182                    </button>
2183                                <input class="sinp" type="text" name="search"
2184                       placeholder="Watches, Jewelry, Rings..." 
2185                       aria-label="Watches, Jewelry, Rings..."
2186                       >
2187                            </div>
2188                    </form>
2189            </div>
2190</div>
2191<style>
2192    .header_container_1>.flex_row_3>.flex_col_4>.flex_cell_1.search_box {
2193        width:100%;        justify-content:center; -webkit-justify-content:center;        align-items:center; -webkit-align-items:center;    }
2194
2195            .header_container_1>.flex_row_3>.flex_col_4>.flex_cell_1.search_box {
2196        height:100%;        }
2197    
2198    .header_container_1>.flex_row_3>.flex_col_4>.flex_cell_1.search_box>.flex_cell_content {
2199        display: flex;
2200        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%;    }
2201
2202    .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 {
2203        width: 100%;
2204        display: flex;
2205        flex-wrap: nowrap;
2206    }
2207
2208    .header_container_1>.flex_row_3>.flex_col_4>.flex_cell_1 .sinp {
2209        border-radius: 0px;
2210        padding: 4px 8px;
2211        outline: 0px;
2212        box-shadow: none;
2213        font-size:12px;        font-family:Libre Baskerville;        color:#022d57;        font-weight:400;        font-style:normal;                        background-color:#ffffff;        
2214        
2215       
2216                border-style: solid;
2217        border-width:1px;        border-color:#ffffff;        
2218
2219                    border-left:0px;
2220                        width: 100%;        
2221        
2222                border-bottom-color:#022d57;    }
2223
2224    .header_container_1>.flex_row_3>.flex_col_4>.flex_cell_1 .sinp:hover {
2225            }
2226
2227    .header_container_1>.flex_row_3>.flex_col_4>.flex_cell_1 .sinp::placeholder {
2228        font-size:12px;        font-family:Libre Baskerville;        color:#022d57;        opacity: 1;
2229    }
2230
2231    .header_container_1>.flex_row_3>.flex_col_4>.flex_cell_1 .sBtn {
2232        height: 100%;
2233        border-radius: 0px;
2234        padding: 4px;
2235        align-items: center;
2236        justify-content: center;
2237        display: flex;
2238        border-style: solid;
2239        border-width:1px;        border-color:#ffffff;        color:#022d57;        font-weight:400;        font-style:normal;                        background-color:#ffffff;                                    border-right:0px;
2240                            
2241            }
2242
2243    .header_container_1>.flex_row_3>.flex_col_4>.flex_cell_1 .sBtn:hover {
2244        background-color:#ffffff;            }
2245
2246    .header_container_1>.flex_row_3>.flex_col_4>.flex_cell_1 .sBtn svg {
2247        width:11px;        height:11px;    }
2248
2249    .header_container_1>.flex_row_3>.flex_col_4>.flex_cell_1 .sBtn .path_class {
2250        fill:#022d57;    }
2251
2252    .header_container_1>.flex_row_3>.flex_col_4>.flex_cell_1 .sBtn:hover .path_class {
2253        fill:#022d57;    }
2254
2255</style>
2256                        </div>
2257
2258                        <style>
2259                            .header_container_1>.flex_row_3>.flex_col_4 {
2260                            width:37%;                            }
2261                        </style>
2262
2263
2264                    
2265                        <div class="flex_col flex_col_5">
2266
2267                            
2268
2269<div class="flex_cell flex_cell_1 image">
2270    <div class="flex_cell_content">
2271
2272            <a href="https://www.albertsjewelers.com/david-yurman"
2273           >
2274    
2275        
2276            <img
2277                height="65px"                width="140px"
2278                
2279                src="https://www.albertsjewelers.com/public/1.0/uploads/source/dy_widget.jpg"
2280
2281                alt="David Yurman Logo">
2282
2283        
2284            </a>
2285    
2286    </div>
2287</div>
2288    <style>
2289                .header_container_1>.flex_row_3>.flex_col_5>.flex_cell_1.image {
2290        width:140px;        justify-content:center; -webkit-justify-content:center;                align-items:center; -webkit-align-items:center;        }
2291        .header_container_1>.flex_row_3>.flex_col_5>.flex_cell_1.image>.flex_cell_content {
2292        display: flex;
2293        margin-top:px;        margin-bottom:px;        margin-left:px;        margin-right:px;        padding-top:px;        padding-bottom:px;        padding-left:px;        padding-right:px;        }
2294        .header_container_1>.flex_row_3>.flex_col_5>.flex_cell_1.image img {
2295                }
2296        
2297                .header_container_1>.flex_row_3>.flex_col_5>.flex_cell_1.image {
2298        height:100%;        }
2299            </style>
2300
2301
2302
2303<div class="flex_cell flex_cell_2 image">
2304    <div class="flex_cell_content">
2305
2306            <a href="https://www.albertsjewelers.com/breitling"
2307           target="_blank" rel="noopener noreferrer">
2308    
2309        
2310            <img
2311                height="65px"                width="140px"
2312                
2313                src="https://www.albertsjewelers.com/public/1.0/uploads/source/breitling_plaque.jpg"
2314
2315                alt="Breitling">
2316
2317        
2318            </a>
2319    
2320    </div>
2321</div>
2322    <style>
2323                .header_container_1>.flex_row_3>.flex_col_5>.flex_cell_2.image {
2324        width:140px;        justify-content:right; -webkit-justify-content:right;                align-items:center; -webkit-align-items:center;        }
2325        .header_container_1>.flex_row_3>.flex_col_5>.flex_cell_2.image>.flex_cell_content {
2326        display: flex;
2327        margin-top:px;        margin-bottom:px;        margin-left:5px;        margin-right:px;        padding-top:px;        padding-bottom:px;        padding-left:px;        padding-right:px;        }
2328        .header_container_1>.flex_row_3>.flex_col_5>.flex_cell_2.image img {
2329                }
2330        
2331                .header_container_1>.flex_row_3>.flex_col_5>.flex_cell_2.image {
2332        height:100%;        }
2333            </style>
2334
2335
2336                        </div>
2337
2338                        <style>
2339                            .header_container_1>.flex_row_3>.flex_col_5 {
2340                            width:30%;                            }
2341                        </style>
2342
2343
2344                    
2345                        <div class="flex_col flex_col_6">
2346
2347                            
2348                        </div>
2349
2350                        <style>
2351                            .header_container_1>.flex_row_3>.flex_col_6 {
2352                            width:2%;                            }
2353                        </style>
2354
2355
2356                    
2357                </div>
2358
2359                
2360                <style>
2361    .header_container_1>.flex_row_3 {
2362                    background-color: #ffffff;
2363        
2364        color:#000000;        height:auto;                
2365        
2366            }
2367
2368    </style>
2369
2370
2371                                
2372            
2373                
2374                <div class="flex_row flex_row_4 ">
2375
2376                    
2377                        <div class="flex_col flex_col_1">
2378
2379                            
2380                        </div>
2381
2382                        <style>
2383                            .header_container_1>.flex_row_4>.flex_col_1 {
2384                            width:100%;                            }
2385                        </style>
2386
2387
2388                    
2389                </div>
2390
2391                
2392                <style>
2393    .header_container_1>.flex_row_4 {
2394                    background-color: #ffffff;
2395        
2396        color:#000000;        height:17px;                
2397        
2398            }
2399
2400    </style>
2401
2402
2403                                
2404            
2405            
2406                
2407                    <div class="flex_row">
2408
2409                        
2410                            <div class="flex_col">
2411
2412                                
2413                            </div>
2414                        
2415                            <div class="flex_col">
2416
2417                                
2418                            </div>
2419                        
2420                            <div class="flex_col">
2421
2422                                
2423                            </div>
2424                        
2425                            <div class="flex_col">
2426
2427                                
2428                            </div>
2429                        
2430                            <div class="flex_col">
2431
2432                                
2433                            </div>
2434                        
2435                            <div class="flex_col">
2436
2437                                
2438                            </div>
2439                        
2440                            <div class="flex_col">
2441
2442                                
2443                            </div>
2444                        
2445                    </div>
2446                
2447            
2448                
2449                    <div class="flex_row">
2450
2451                        
2452                            <div class="flex_col">
2453
2454                                
2455                            </div>
2456                        
2457                    </div>
2458                
2459            
2460                
2461                    <div class="flex_row">
2462
2463                        
2464                            <div class="flex_col">
2465
2466                                
2467                            </div>
2468                        
2469                            <div class="flex_col">
2470
2471                                <div class="flex_cell flex_cell_1 menu">
2472    <style>
2473        body.no-scroll {
2474            overflow: hidden;
2475        }
2476        #desktop_hamburger_menu_template {
2477            position: fixed;
2478            top: 0;
2479            left: 0;
2480            width: 425px;
2481            overflow-y: auto;
2482            left: -425px;
2483            z-index: 1000000001;
2484            background-color: #ffffff;
2485            transition: all 0.3s ease;
2486            height: 100%;
2487            max-height: 100vh;
2488            -webkit-overflow-scrolling: touch;
2489            box-sizing: border-box;
2490        }
2491        #desktop_hamburger_menu_template_overlay.open {
2492            position: absolute;
2493            top: 0;
2494            left: 0;
2495            right: 0;
2496            z-index: 100;
2497            transition: all 0.3s ease;
2498            height: 100vh;
2499            background: rgba(1, 1, 1, 0.5);
2500            cursor: pointer;
2501            box-sizing: border-box;
2502        }
2503        #desktop_hamburger_menu_template .hamburger-menu-template-inner-m {
2504            height: 100vh;
2505            overflow-y: auto;
2506            -webkit-overflow-scrolling: touch;
2507            box-sizing: border-box;
2508            padding-right: 30px;
2509        }
2510        
2511        /* Applies to your scrollable element */
2512        #desktop_hamburger_menu_template .hamburger-menu-template-inner-m,
2513        #desktop_hamburger_menu_template .sub-menu-panel {
2514          /* existing styles */
2515          overflow-y: auto;
2516          scroll-behavior: smooth;
2517
2518          /* Optional smoother experience on mobile */
2519          -webkit-overflow-scrolling: touch;
2520        }
2521
2522        /* Custom scrollbar for WebKit (Chrome, Safari, Edge) */
2523        #desktop_hamburger_menu_template .hamburger-menu-template-inner-m::-webkit-scrollbar,
2524        #desktop_hamburger_menu_template .sub-menu-panel::-webkit-scrollbar {
2525          width: 8px;
2526        }
2527
2528        #desktop_hamburger_menu_template .hamburger-menu-template-inner-m::-webkit-scrollbar-track,
2529        #desktop_hamburger_menu_template .sub-menu-panel::-webkit-scrollbar-track {
2530          background: #f0f0f0; /* Light background */
2531          border-radius: 4px;
2532        }
2533        #desktop_hamburger_menu_template .hamburger-menu-template-inner-m::-webkit-scrollbar-thumb,
2534        #desktop_hamburger_menu_template .sub-menu-panel::-webkit-scrollbar-thumb {
2535          background-color: #ccc;
2536          border-radius: 4px;
2537          border: 2px solid #f0f0f0; /* Matches track */
2538        }
2539        #desktop_hamburger_menu_template .hamburger-menu-template-inner-m::-webkit-scrollbar-thumb:hover,
2540        #desktop_hamburger_menu_template .sub-menu-panel::-webkit-scrollbar-thumb:hover {
2541          background-color: #999;
2542        }
2543
2544        /* Firefox scrollbar styling */
2545        @supports (scrollbar-color: auto) {
2546            #desktop_hamburger_menu_template .hamburger-menu-template-inner-m,
2547          #desktop_hamburger_menu_template .sub-menu-panel {
2548            scrollbar-width: thin;
2549            scrollbar-color: #ccc #f0f0f0; /* thumb and track */
2550          }
2551        }
2552        #desktop_hamburger_menu_template .hamburger-menu-template-inner {
2553            padding: 30px;
2554            width: 425px;
2555            padding-right: 0px;
2556            position: fixed;
2557            box-sizing: border-box;
2558        }
2559        #desktop_hamburger_menu_template .hamburger-menu-close-button {
2560            font-size: 14px !important;
2561            display: flex;
2562            align-items: center;
2563            margin-bottom: 20px;
2564        }
2565        #desktop_hamburger_menu_template .hamburger-menu-close-button svg {
2566            height: 24px;
2567            margin-right: 5px;
2568        }
2569        #desktop_hamburger_menu_template .hamburger-menu-nav-section {
2570            display: flex;
2571            justify-content: space-between;
2572            align-items: center;
2573            box-sizing: border-box;
2574        }
2575        #desktop_hamburger_menu_template .sub_title_m {
2576            color: #444;
2577            text-transform: uppercase;
2578            font-weight: 400;
2579            font-size: 14px;
2580            margin-top: 30px;
2581            margin-bottom: 30px;
2582            letter-spacing: 2px;
2583            display:flex;
2584        }
2585        #desktop_hamburger_menu_template .hamburger-menu-nav-section svg {
2586            height: 20px;
2587            float: right;
2588        }
2589        #desktop_hamburger_menu_template .hamburger-menu-nav-section.parent_men span{
2590            text-decoration: underline;
2591        }
2592        #desktop_hamburger_menu_template .hamburger-menu-nav-section.parent_men_arrow{
2593            min-width:30px;
2594            justify-content: end;
2595        }
2596        #desktop_hamburger_menu_template .icon_and_name {
2597            display:flex;
2598            align-items:center;
2599            gap:10px;
2600        }
2601        #desktop_hamburger_menu_template .ham_menu_container {
2602            display:flex;
2603            justify-content: space-between;
2604        }
2605        #desktop_hamburger_menu_template.open {
2606            left: 0;
2607            
2608        }        
2609        #desktop_hamburger_menu_template .sub-menu-panel {
2610            padding: 30px;
2611            padding-top: 60px;
2612            position: absolute;
2613            top: 0;
2614            left: 425px;
2615            width: 425px;
2616            height: 100vh;
2617            background-color: #fff;
2618            overflow-y: auto;
2619            z-index: 999999;
2620            opacity: 0;
2621            transition: opacity 0.5s ease;
2622        }
2623
2624        #desktop_hamburger_menu_template .sub-menu-panel.open {       
2625            opacity: 1;
2626            z-index: 9999999;
2627        }
2628         
2629        
2630        
2631        #desktop_hamburger_menu_template a.hamburger-menu-nav-section,
2632        #desktop_hamburger_menu_template button.hamburger-menu-nav-section,
2633        #desktop_hamburger_menu_template a.hamburger-menu-close-button,
2634        #desktop_hamburger_menu_template button.hamburger-menu-close-button {
2635            position: relative;
2636        color:#000000;            display: flex;
2637        font-weight:400;        font-style:normal;                font-size:15px;        font-family:ITC Avant Garde;        text-transform:none;                line-height:48px;        }
2638        #desktop_hamburger_menu_template button.hamburger-menu-nav-section,
2639        #desktop_hamburger_menu_template button.hamburger-menu-close-button {
2640            background: none;
2641            border: none;
2642            padding: 0;
2643            cursor: pointer;
2644            width: 100%;
2645        }
2646        /* this is not working in dash */
2647        #desktop_hamburger_menu_template a.hamburger-menu-nav-section:hover, 
2648        #desktop_hamburger_menu_template button.hamburger-menu-nav-section:hover,
2649        #desktop_hamburger_menu_template a.hamburger-menu-nav-section.active,
2650        #desktop_hamburger_menu_template button.hamburger-menu-nav-section.active
2651        {
2652            color: #000;
2653        }
2654        #desktop_hamburger_menu_template a.hamburger-menu-nav-section::after,
2655        #desktop_hamburger_menu_template button.hamburger-menu-nav-section::after {
2656            content: "";
2657            position: absolute;
2658            left: 0;
2659            bottom: 0;
2660            width: 0%;
2661            height: 0.5px;
2662            background-color: #000;
2663            transition: width 0.5s ease;
2664        }
2665        #desktop_hamburger_menu_template a.hamburger-menu-nav-section.active::after,
2666        #desktop_hamburger_menu_template button.hamburger-menu-nav-section.active::after {
2667            width: 100%;
2668        }
2669
2670        #desktop_hamburger_menu_template a.hamburger-menu-nav-section:hover::after,
2671        #desktop_hamburger_menu_template button.hamburger-menu-nav-section:hover::after {
2672            width: 100%;
2673        }
2674        #desktop_hamburger_menu_template.hamburger-menu-template .nav_list_trd {
2675            display: none;
2676            padding: 15px 0px;
2677            padding-left: 20px;
2678            background: #fff;
2679        }
2680        #desktop_hamburger_menu_template.hamburger-menu-template .nav_list_trd.open {
2681            display: block;
2682            padding-top:2px;
2683        }        
2684        
2685        #desktop_hamburger_menu_template a.hamburger-menu-nav-section .icon_and_name img,
2686        #desktop_hamburger_menu_template button.hamburger-menu-nav-section .icon_and_name img {
2687                            height:25px;
2688                    }
2689        @media (min-width: 768px) {             
2690            .hide_desktop {
2691                display:none!important;
2692            }
2693        }
2694        
2695        @media (max-width: 767.9px) {            
2696            .hide_mobile {
2697                display:none!important;
2698            }
2699            #desktop_hamburger_menu_template .sub_title_m svg {
2700                height: 20px;
2701                transform: rotate(180deg);
2702            }
2703            #desktop_hamburger_menu_template .sub_title_m {
2704                align-items: center;
2705                gap: 8px;
2706                cursor: pointer;
2707            }
2708            #desktop_hamburger_menu_template {
2709                position: fixed;
2710                top: 0;
2711                left: 0;
2712                width: 100%;
2713                overflow-y: auto;
2714                left: -100%;
2715                z-index: 9999998;
2716                background-color: #ffffff;
2717                transition: all 0.3s ease;
2718                height: 100%;
2719                max-height: 100vh;
2720                -webkit-overflow-scrolling: touch;
2721                box-sizing: border-box;
2722            }
2723        
2724            #desktop_hamburger_menu_template .sub-menu-panel {
2725                padding: 30px;
2726                padding-top: 30px;
2727                padding-bottom: 100px;
2728                position: absolute;
2729                top: 0;
2730                left: 200%;
2731                width: 100%;
2732                height: 100vh;
2733                background-color: #fff;
2734                overflow-y: auto;
2735                z-index: -1;
2736                opacity: 1;
2737                transition: 0.5s ease;
2738                box-sizing: border-box;
2739            }
2740            #desktop_hamburger_menu_template .sub-menu-panel.open {       
2741                opacity: 1;
2742                left: 0px;
2743                z-index: 9999999;
2744            }
2745            
2746            #desktop_hamburger_menu_template .hamburger-menu-template-inner {
2747                width: 100%;
2748            }
2749            
2750            
2751        }
2752        
2753        
2754       
2755    </style>
2756
2757    <nav id="desktop_hamburger_menu_template" class="hamburger-menu-template" inert="inert">
2758        
2759        <div class="hamburger-menu-template-inner">
2760            <div class="hamburger-menu-template-inner-m">
2761                        <a href="#!" class="hamburger-menu-close-button mr-4" title="Close" id="desktop_hamburger_close_button" role="button">
2762                <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>
2763            </a>
2764            
2765            <div class="script_before_menu">
2766                                
2767
2768<div class="flex_cell flex_cell_1 image">
2769    <div class="flex_cell_content">
2770
2771    
2772        
2773            <img
2774                                
2775                
2776                src="https://www.albertsjewelers.com/public/1.0/uploads/source/homepage-2025/header-2025/frame-32.png"
2777
2778                alt="Albert&#039;s Jewelers">
2779
2780        
2781    
2782    </div>
2783</div>
2784    <style>
2785                .header_container_1 .flex_row .flex_col .script_before_menu .image {
2786        width:100%;        justify-content:left !important;                align-items:center !important;        }
2787        .header_container_1 .flex_row .flex_col .script_before_menu .image>.flex_cell_content {
2788        display: flex;
2789        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;        }
2790        .header_container_1 .flex_row .flex_col .script_before_menu .image img {
2791        max-width:180px;        }
2792        
2793                .header_container_1>.flex_row_3>.flex_col_2>.flex_cell_1.image {
2794                }
2795            </style>
2796
2797                            </div>
2798            <div style="clear: both"></div>
2799                                                                                                                        
2800                    
2801                                                <a style="margin-top:25px"
2802                           class="hamburger-menu-nav-section " 
2803                           title="New Arrivals" 
2804                           href="#!" >
2805                            
2806                        <span class="icon_and_name">
2807                        
2808                            New Arrivals                        </span>
2809                            
2810                                                    <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>
2811                        
2812                        </a>
2813                                            
2814
2815                    
2816                    <div class="sub-menu-panel" id="desktop-sub-menu-panel-216">
2817                        <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0">
2818                            <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne">
2819  <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>
2820</svg>
2821
2822                            New Arrivals                        
2823                        </div>
2824                        <div class="sub_title_m hide_mobile">New Arrivals</div>
2825                        
2826                        
2827                            <!-- desktop_hamburger_menu_216_start -->
2828                            <div id="desktop_hamburger_menu_216"></div>
2829                            <!-- desktop_hamburger_menu_216_end -->
2830                                            </div>
2831
2832                                        
2833                    
2834                                                <a style="margin-top:25px"
2835                           class="hamburger-menu-nav-section " 
2836                           title="Engagement Rings" 
2837                           href="#!" >
2838                            
2839                        <span class="icon_and_name">
2840                        
2841                            Engagement Rings                        </span>
2842                            
2843                                                    <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>
2844                        
2845                        </a>
2846                                            
2847
2848                    
2849                    <div class="sub-menu-panel" id="desktop-sub-menu-panel-6">
2850                        <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0">
2851                            <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne">
2852  <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>
2853</svg>
2854
2855                            Engagement Rings                        
2856                        </div>
2857                        <div class="sub_title_m hide_mobile">Engagement Rings</div>
2858                        
2859                        
2860                            <!-- desktop_hamburger_menu_6_start -->
2861                            <div id="desktop_hamburger_menu_6"></div>
2862                            <!-- desktop_hamburger_menu_6_end -->
2863                                            </div>
2864
2865                            
2866                    
2867                                                <a style=""
2868                           class="hamburger-menu-nav-section " 
2869                           title="Wedding Bands" 
2870                           href="#!" >
2871                            
2872                        <span class="icon_and_name">
2873                        
2874                            Wedding Bands                        </span>
2875                            
2876                                                    <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>
2877                        
2878                        </a>
2879                                            
2880
2881                    
2882                    <div class="sub-menu-panel" id="desktop-sub-menu-panel-12">
2883                        <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0">
2884                            <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne">
2885  <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>
2886</svg>
2887
2888                            Wedding Bands                        
2889                        </div>
2890                        <div class="sub_title_m hide_mobile">Wedding Bands</div>
2891                        
2892                        
2893                            <!-- desktop_hamburger_menu_12_start -->
2894                            <div id="desktop_hamburger_menu_12"></div>
2895                            <!-- desktop_hamburger_menu_12_end -->
2896                                            </div>
2897
2898                            
2899                    
2900                                                <a style=""
2901                           class="hamburger-menu-nav-section " 
2902                           title="Diamonds" 
2903                           href="#!" >
2904                            
2905                        <span class="icon_and_name">
2906                        
2907                            Diamonds                        </span>
2908                            
2909                                                    <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>
2910                        
2911                        </a>
2912                                            
2913
2914                    
2915                    <div class="sub-menu-panel" id="desktop-sub-menu-panel-11">
2916                        <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0">
2917                            <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne">
2918  <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>
2919</svg>
2920
2921                            Diamonds                        
2922                        </div>
2923                        <div class="sub_title_m hide_mobile">Diamonds</div>
2924                        
2925                        
2926                            <!-- desktop_hamburger_menu_11_start -->
2927                            <div id="desktop_hamburger_menu_11"></div>
2928                            <!-- desktop_hamburger_menu_11_end -->
2929                                            </div>
2930
2931                            
2932                    
2933                                                <a style="margin-top:20px"
2934                           class="hamburger-menu-nav-section " 
2935                           title="Designers " 
2936                           href="#!" >
2937                            
2938                        <span class="icon_and_name">
2939                        
2940                            Designers                         </span>
2941                            
2942                                                    <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>
2943                        
2944                        </a>
2945                                            
2946
2947                    
2948                    <div class="sub-menu-panel" id="desktop-sub-menu-panel-72">
2949                        <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0">
2950                            <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne">
2951  <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>
2952</svg>
2953
2954                            Designers                         
2955                        </div>
2956                        <div class="sub_title_m hide_mobile">Designers </div>
2957                        
2958                        
2959                            <!-- desktop_hamburger_menu_72_start -->
2960                            <div id="desktop_hamburger_menu_72"></div>
2961                            <!-- desktop_hamburger_menu_72_end -->
2962                                            </div>
2963
2964                            
2965                    
2966                                                <a style=""
2967                           class="hamburger-menu-nav-section " 
2968                           title="Fine Jewelry" 
2969                           href="#!" >
2970                            
2971                        <span class="icon_and_name">
2972                        
2973                            Fine Jewelry                        </span>
2974                            
2975                                                    <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>
2976                        
2977                        </a>
2978                                            
2979
2980                    
2981                    <div class="sub-menu-panel" id="desktop-sub-menu-panel-16">
2982                        <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0">
2983                            <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne">
2984  <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>
2985</svg>
2986
2987                            Fine Jewelry                        
2988                        </div>
2989                        <div class="sub_title_m hide_mobile">Fine Jewelry</div>
2990                        
2991                        
2992                            <!-- desktop_hamburger_menu_16_start -->
2993                            <div id="desktop_hamburger_menu_16"></div>
2994                            <!-- desktop_hamburger_menu_16_end -->
2995                                            </div>
2996
2997                            
2998                    
2999                                                <a style=""
3000                           class="hamburger-menu-nav-section " 
3001                           title="Timepieces" 
3002                           href="#!" >
3003                            
3004                        <span class="icon_and_name">
3005                        
3006                            Timepieces                        </span>
3007                            
3008                                                    <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>
3009                        
3010                        </a>
3011                                            
3012
3013                    
3014                    <div class="sub-menu-panel" id="desktop-sub-menu-panel-20">
3015                        <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0">
3016                            <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne">
3017  <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>
3018</svg>
3019
3020                            Timepieces                        
3021                        </div>
3022                        <div class="sub_title_m hide_mobile">Timepieces</div>
3023                        
3024                        
3025                            <!-- desktop_hamburger_menu_20_start -->
3026                            <div id="desktop_hamburger_menu_20"></div>
3027                            <!-- desktop_hamburger_menu_20_end -->
3028                                            </div>
3029
3030                            
3031                    
3032                                                <a style="margin-top:20px"
3033                           class="hamburger-menu-nav-section " 
3034                           title="Services" 
3035                           href="#!" >
3036                            
3037                        <span class="icon_and_name">
3038                        
3039                            Services                        </span>
3040                            
3041                                                    <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>
3042                        
3043                        </a>
3044                                            
3045
3046                    
3047                    <div class="sub-menu-panel" id="desktop-sub-menu-panel-179">
3048                        <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0">
3049                            <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne">
3050  <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>
3051</svg>
3052
3053                            Services                        
3054                        </div>
3055                        <div class="sub_title_m hide_mobile">Services</div>
3056                        
3057                        
3058                            <!-- desktop_hamburger_menu_179_start -->
3059                            <div id="desktop_hamburger_menu_179"></div>
3060                            <!-- desktop_hamburger_menu_179_end -->
3061                                            </div>
3062
3063                            
3064                    
3065                                                <a style=""
3066                           class="hamburger-menu-nav-section " 
3067                           title="Contact" 
3068                           href="#!" >
3069                            
3070                        <span class="icon_and_name">
3071                        
3072                            Contact                        </span>
3073                            
3074                                                    <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>
3075                        
3076                        </a>
3077                                            
3078
3079                    
3080                    <div class="sub-menu-panel" id="desktop-sub-menu-panel-22">
3081                        <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0">
3082                            <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne">
3083  <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>
3084</svg>
3085
3086                            Contact                        
3087                        </div>
3088                        <div class="sub_title_m hide_mobile">Contact</div>
3089                        
3090                        
3091                            <!-- desktop_hamburger_menu_22_start -->
3092                            <div id="desktop_hamburger_menu_22"></div>
3093                            <!-- desktop_hamburger_menu_22_end -->
3094                                            </div>
3095
3096                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                <div class="script_after_menu">
3097                                            </div>
3098        </div>
3099        </div>
3100    </nav>
3101    <div class="hamburger-menu-template-overlay" id="desktop_hamburger_menu_template_overlay"></div>
3102
3103    
3103<script>
3104        $(function () {
3105            
3106            
3107            const trap = focusTrap.createFocusTrap('#desktop_hamburger_menu_template', {
3108                onActivate: () => $('#desktop_hamburger_menu_template').addClass('is-active'),
3109                onDeactivate: () => $('#desktop_hamburger_menu_template').removeClass('is-active'),
3110                clickOutsideDeactivates: true
3111            });
3112    
3113    
3114    
3115            function updatePanelWidth() {
3116                const elements = document.querySelectorAll('.custom_bm_fw');
3117
3118                elements.forEach(element => {
3119                  const panel = element.closest('.sub-menu-panel');
3120                  if (panel) {
3121                    if (window.innerWidth > 768) { 
3122                      const newWidth = window.innerWidth - 425;
3123                      panel.style.width = `${newWidth}px`;
3124                    } else {
3125                      panel.removeAttribute('style');
3126                    }
3127                  }
3128                });
3129              }
3130
3131            updatePanelWidth();
3132            window.addEventListener('resize', updatePanelWidth);
3133
3134            let $lastNavTrigger = null;
3135            $('.sub-menu-panel').attr('tabindex', '-1');
3136            $('.sub-menu-panel').find('a, button, .close_sub_menu').attr('tabindex', '-1');
3137
3138
3139
3140            $('#desktop_hamburger_button').on('click keypress', function (event) {
3141                if(event.which === 13 || event.which === 32 || event.type == 'click') {
3142                    if(event.which === 32) {
3143                        event.preventDefault();
3144                    }
3145                    document.body.classList.add('no-scroll');
3146                    $('#desktop_hamburger_menu_template').toggleClass('open')
3147                    $('#desktop_hamburger_menu_template_overlay').toggleClass('open')
3148                    $('#desktop_hamburger_menu_template').removeAttr('inert')
3149                    trap.activate()
3150                    $('#desktop_hamburger_close_button').focus()
3151                }
3152            })
3153            
3154            function closeSubMenu() {
3155                document.querySelectorAll('.sub-menu-panel').forEach(panel => {
3156                    panel.classList.remove('open');
3157                })
3158                document.querySelectorAll('.hamburger-menu-nav-section').forEach(panel => {
3159                    panel.classList.remove('active');
3160                })
3161                $('.sub-menu-panel').find('a, button, .close_sub_menu').attr('tabindex', '-1');
3162                // Restore main-list nav items to the tab order
3163                $('.hamburger-menu-nav-section').removeAttr('tabindex');
3164                if ($lastNavTrigger) {
3165                    $lastNavTrigger.focus();
3166                    $lastNavTrigger = null;
3167                }
3168            }
3169
3170            $('.header_container_1').on('click', '.close_sub_menu', function() {
3171                closeSubMenu();
3172            })
3173
3174            $('.header_container_1').on('keydown', '.close_sub_menu', function(event) {
3175                if (event.key === 'Enter' || event.key === ' ') {
3176                    event.preventDefault();
3177                    closeSubMenu();
3178                }
3179            })
3180            
3181            
3182
3183            // Cycle Tab focus within the open sub-menu-panel (last item → first item)
3184            $(document).on('keydown', '.sub-menu-panel.open [tabindex="0"]', function(event) {
3185                if (event.key !== 'Tab' || event.shiftKey) return;
3186                var $panel = $(this).closest('.sub-menu-panel.open');
3187                var $focusable = $panel.find('a[tabindex="0"], button[tabindex="0"], .close_sub_menu[tabindex="0"]');
3188                if ($focusable.last().is(this)) {
3189                    event.preventDefault();
3190                    $focusable.first().trigger('focus');
3191                }
3192            });
3193
3194            $('#desktop_hamburger_close_button, #desktop_hamburger_menu_template_overlay').on('click keypress', function (event) {
3195                // <button> fires a synthetic click on Enter/Space — skip keypress to avoid double-fire
3196                if (event.type === 'keypress' && this.tagName === 'BUTTON') {
3197                    return;
3198                }
3199                if(event.which === 13 || event.which === 32 || event.type == 'click') {
3200                    if (event.which === 32) {
3201                        event.preventDefault();
3202                    }
3203
3204                    closeHamburgerMenu();
3205                }
3206            })
3207
3208            $(window).resize(function () {
3209                                if($(window).width() <= 992) closeHamburgerMenu();
3210                            })
3211
3212            function closeHamburgerMenu() {
3213                document.querySelectorAll('.sub-menu-panel').forEach(panel => {
3214                    panel.classList.remove('open');
3215                })
3216                document.querySelectorAll('.hamburger-menu-nav-section').forEach(panel => {
3217                    panel.classList.remove('active');
3218                })
3219                $('.sub-menu-panel').find('a, button, .close_sub_menu').attr('tabindex', '-1');
3220                // Restore main-list nav items to the tab order
3221                $('.hamburger-menu-nav-section').removeAttr('tabindex');
3222                $lastNavTrigger = null;
3223                document.body.classList.remove('no-scroll');
3224                $('#desktop_hamburger_menu_template').removeClass('open')
3225                $('#desktop_hamburger_menu_template_overlay').removeClass('open')
3226                $('#desktop_hamburger_menu_template').attr('inert', 'inert')
3227                trap.deactivate()
3228            }
3229
3230            $('.header_container_1').on('click', '.hamburger-menu-nav-section', function() {
3231
3232                if ($(this).hasClass("active")) {
3233                    document.querySelectorAll('.sub-menu-panel').forEach(panel => {
3234                        panel.classList.remove('open');
3235                    })
3236                    document.querySelectorAll('.hamburger-menu-nav-section').forEach(panel => {
3237                        panel.classList.remove('active');
3238                    })
3239                    $('.sub-menu-panel').find('a, button, .close_sub_menu').attr('tabindex', '-1');
3240                    // Restore main-list nav items to the tab order
3241                    $('.hamburger-menu-nav-section').removeAttr('tabindex');
3242                } else {
3243                    // For parent_men_arrow, the sub-menu-panel is after ham_menu_container, not after the button
3244                    let $checkPanel = $(this).hasClass("parent_men_arrow")
3245                        ? $(this).closest('.ham_menu_container').next('.sub-menu-panel')
3246                        : $(this).next('.sub-menu-panel');
3247
3248                    if ($checkPanel.find('.nav_a_trd').length > 0 || $checkPanel.find('.custom_build_menu').length > 0) {
3249                        document.querySelectorAll('.sub-menu-panel').forEach(panel => {
3250                            panel.classList.remove('open');
3251                        })
3252                        document.querySelectorAll('.hamburger-menu-nav-section').forEach(panel => {
3253                            panel.classList.remove('active');
3254                        })
3255                        $('.sub-menu-panel').find('a, button, .close_sub_menu').attr('tabindex', '-1');
3256
3257                        $(this).addClass('active');
3258                        $lastNavTrigger = $(this);
3259
3260                        let $openedPanel = null;
3261
3262                        if (!$(this).hasClass("parent_men")) {
3263                            updatePanelWidth();
3264                            $(this).next('.sub-menu-panel').toggleClass('open');
3265                            $openedPanel = $(this).next('.sub-menu-panel');
3266                        }
3267                        if ($(this).hasClass("parent_men_arrow")) {
3268                            $(this).closest('.ham_menu_container').next('.sub-menu-panel').toggleClass('open');
3269                            $openedPanel = $(this).closest('.ham_menu_container').next('.sub-menu-panel');
3270                        }
3271
3272                        if ($openedPanel && $openedPanel.hasClass('open')) {
3273                            // Hide main-list nav items from tab order while panel is open
3274                            $('.hamburger-menu-nav-section').attr('tabindex', '-1');
3275                            $openedPanel.find('a, button, .close_sub_menu').attr('tabindex', '0');
3276                            setTimeout(function() {
3277                                $openedPanel.find('[tabindex="0"]').first().trigger('focus');
3278                            }, 50);
3279                        }
3280                    }
3281                }
3282
3283            })
3284        })
3285        
3286        function setHamburgerInnerHeight() {
3287            const inner = document.querySelector('.hamburger-menu
3287-template-inner-m');
3288            const offset = 0; // adjust this if there's a header/footer inside
3289            inner.style.height = `${window.innerHeight - offset - 70}px`;
3290        }
3291
3292        // Run on load and resize
3293        window.addEventListener('load', setHamburgerInnerHeight);
3294        window.addEventListener('resize', setHamburgerInnerHeight);
3295
3296    </script>
3296
3297</div>
3298
3299<style>
3300    #desktop_hamburger_menu_template>ul>li>a {
3301        color:#000000; display: flex;
3302        font-weight:400;        font-style:normal;                font-size:15px;        font-family:ITC Avant Garde;        text-transform:none;                line-height:48px;    }
3303
3304    #desktop_hamburger_menu_template>ul>li>a:hover {
3305        color:#000000;    }
3306    
3307    
3308
3309</style>
3310                            </div>
3311                        
3312                            <div class="flex_col">
3313
3314                                
3315                            </div>
3316                        
3317                            <div class="flex_col">
3318
3319                                
3320                            </div>
3321                        
3322                            <div class="flex_col">
3323
3324                                
3325                            </div>
3326                        
3327                            <div class="flex_col">
3328
3329                                
3330                            </div>
3331                        
3332                    </div>
3333                
3334            
3335                
3336                    <div class="flex_row">
3337
3338                        
3339                            <div class="flex_col">
3340
3341                                
3342                            </div>
3343                        
3344                    </div>
3345                
3346            
3347        </div>
3348
3349
3350    
3351</header>
3352<header class="appearance-tablet-view-template">    
3353    
3354    
3355        
3356        <style>
3357            .header_container>.flex_row {
3358                display: flex;
3359            }
3360
3361            .header_container_2 {
3362                            width: 100%;
3363                                        max-width: 100%;
3364                            margin: 0 auto;
3365                position: relative !important;
3366                transform: inherit !important;
3367            }
3368            .header_container>.flex_row>.flex_col {
3369                display: flex;
3370                flex-wrap: wrap;
3371                box-sizing: border-box;
3372                align-content: baseline;
3373            }
3374            .header_container>.flex_row>.flex_col>.flex_cell {
3375                height: fit-content;
3376                display: flex;
3377            }
3378            .header_container>.flex_row>.flex_col>.flex_cell a {
3379                text-decoration: none;
3380            }
3381            .header_container img {
3382                max-width: 100%;
3383            }
3384            .row_spacer_cs {
3385                display: none;
3386            }
3387            .sticky_row {
3388                position: fixed;
3389            }
3390            .sticky_row + .row_spacer_cs {
3391                display: block;
3392            }
3393        </style>
3394
3395        <div class="header_container header_container_2" data-device-type="2">
3396
3397            
3398                
3399                <div class="flex_row flex_row_1 ">
3400
3401                    
3402                        <div class="flex_col flex_col_1">
3403
3404                            
3405                        </div>
3406
3407                        <style>
3408                            .header_container_2>.flex_row_1>.flex_col_1 {
3409                            width:3%;                            }
3410                        </style>
3411
3412
3413                    
3414                        <div class="flex_col flex_col_2">
3415
3416                            
3417<div class="flex_cell flex_cell_1 custom_text">
3418    <div class="flex_cell_content">
3419                <a class="txt_link_ig" title="custom link" href="https://www.albertsjewelers.com/request-an-appointment" >
3420                    <p class="">Request An Appointment →</p>
3421                </a>
3422            </div>
3423</div>
3424<style>
3425    .header_container_2>.flex_row_1>.flex_col_2>.flex_cell_1.custom_text {
3426    width:100%;    justify-content:left; -webkit-justify-content:left;    align-items:center; -webkit-align-items:center;    }
3427
3428            .header_container_2>.flex_row_1>.flex_col_2>.flex_cell_1.custom_text {
3429        height:100%;        }
3430    
3431    .header_container_2>.flex_row_1>.flex_col_2>.flex_cell_1.custom_text>.flex_cell_content {
3432    display: flex;
3433    margin-top:10px;    margin-bottom:10px;    margin-left:3px;    margin-right:px;    padding-top:px;    padding-bottom:px;    padding-left:px;    padding-right:px;    }
3434
3435    .header_container_2>.flex_row_1>.flex_col_2>.flex_cell_1.custom_text>.flex_cell_content>a p {
3436    line-height: inherit;
3437    margin:0;
3438    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;    }
3439
3440    .header_container_2>.flex_row_1>.flex_col_2>.flex_cell_1.custom_text>.flex_cell_content>a p:hover {
3441    color:#ffffff;    }
3442</style>
3443
3444                        </div>
3445
3446                        <style>
3447                            .header_container_2>.flex_row_1>.flex_col_2 {
3448                            width:47%;                            }
3449                        </style>
3450
3451
3452                    
3453                        <div class="flex_col flex_col_3">
3454
3455                            
3456<div class="flex_cell flex_cell_1 call_us">
3457            <div class="flex_cell_content"><a class="phone_number_click " href="tel:219-322-2700" title="Call us 219-322-2700">
3457<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>
3458<style>
3459    .header_container_2>.flex_row_1>.flex_col_3>.flex_cell_1.call_us {
3460        width:100%;        justify-content:right; -webkit-justify-content:right;        align-items:center; -webkit-align-items:center;    }
3461
3462            .header_container_2>.flex_row_1>.flex_col_3>.flex_cell_1.call_us {
3463        height:100%;        }
3464    
3465    .header_container_2>.flex_row_1>.flex_col_3>.flex_cell_1.call_us>.flex_cell_content {
3466        display: flex;
3467        margin-top:10px;        margin-bottom:10px;        margin-left:px;        margin-right:3px;        padding-top:px;        padding-bottom:px;        padding-left:px;        padding-right:px;    }
3468
3469    .header_container_2>.flex_row_1>.flex_col_3>.flex_cell_1 a {
3470        color:#ffffff;        font-weight:400;        font-style:normal;                        font-size:11px;        font-family:ITC Avant Garde;        display: flex;
3471        align-items: center;
3472        text-transform:none;    }
3473
3474    .header_container_2>.flex_row_1>.flex_col_3>.flex_cell_1.call_us a svg,
3475    .header_container_2>.flex_row_1>.flex_col_3>.flex_cell_1.call_us a img {
3476        margin-right: 5px;
3477        height:10px;    }
3478
3479    .header_container_2>.flex_row_1>.flex_col_3>.flex_cell_1 a .path_class {
3480        fill: currentColor;
3481    }
3482
3483
3484    .header_container_2>.flex_row_1>.flex_col_3>.flex_cell_1 a:hover {
3485    color:#ffffff;    }
3486</style>
3487                        </div>
3488
3489                        <style>
3490                            .header_container_2>.flex_row_1>.flex_col_3 {
3491                            width:47%;                            }
3492                        </style>
3493
3494
3495                    
3496                        <div class="flex_col flex_col_4">
3497
3498                            
3499                        </div>
3500
3501                        <style>
3502                            .header_container_2>.flex_row_1>.flex_col_4 {
3503                            width:3%;                            }
3504                        </style>
3505
3506
3507                    
3508                </div>
3509
3510                
3511                <style>
3512    .header_container_2>.flex_row_1 {
3513                    background-color: #022d57;
3514        
3515        color:#000000;        height:auto;                
3516        
3517            }
3518
3519    </style>
3520
3521
3522                                
3523            
3524                
3525                <div class="flex_row flex_row_2 ">
3526
3527                    
3528                        <div class="flex_col flex_col_1">
3529
3530                            <div class="flex_cell flex_cell_1 menu">
3531    <div class="flex_cell_content">
3532            <style>
3533            .header_container_2>.flex_row_2>.flex_col_1>.flex_cell_1.menu .hamburger-button-inner,
3534            .header_container_2>.flex_row_2>.flex_col_1>.flex_cell_1.menu .hamburger-button-parent {
3535                width: 30px;
3536                height: 24px;
3537                position: relative;
3538                cursor: pointer;
3539            }
3540            .header_container_2>.flex_row_2>.flex_col_1>.flex_cell_1.menu .hamburger-button-inner .hamburger-icon rect {
3541                fill: #022d57;            }
3542
3543            
3544            .header_container_2>.flex_row_2>.flex_col_1>.flex_cell_1.menu a.hamburger-menu-nav-section,
3545            .header_container_2>.flex_row_2>.flex_col_1>.flex_cell_1.menu a.hamburger-menu-close-button{
3546            color:#000000;                display: flex;
3547            font-weight:400;            font-style:normal;                        font-size:14px;            font-family:ITC Avant Garde;            text-transform:none;                        line-height:35px;            }
3548        </style>
3549
3550        <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">
3551            <div class="hamburger-button-parent">
3552               <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">
3553                    <rect y="1" width="30" height="3" rx="1.5" ry="1.5" fill="black"/>
3554                    <rect y="10" width="30" height="3" rx="1.5" ry="1.5" fill="black"/>
3555                    <rect y="19" width="30" height="3" rx="1.5" ry="1.5" fill="black"/>
3556                </svg>
3557
3558
3559            </div>
3560                    </div>
3561        </div>
3562</div>
3563
3564<style>
3565    .header_container_2>.flex_row_2>.flex_col_1>.flex_cell_1.menu {
3566        width:100%;                                    justify-content: center;
3567                            align-items:center; -webkit-align-items:center;    }
3568
3569            .header_container_2>.flex_row_2>.flex_col_1>.flex_cell_1.menu {
3570        height:100%;        }
3571    
3572    .header_container_2>.flex_row_2>.flex_col_1>.flex_cell_1.menu>.flex_cell_content {
3573        display: flex;
3574        margin-top:px;        margin-bottom:px;        margin-left:px;        margin-right:px;        padding-top:px;        padding-bottom:px;        padding-left:px;        padding-right:px;    }
3575
3576    .header_container_2>.flex_row_2>.flex_col_1>.flex_cell_1.menu>.flex_cell_content>nav>ul>li>a,
3577    .header_container_2>.flex_row_2>.flex_col_1>.flex_cell_1.menu>.flex_cell_content>nav>ul>li>button {
3578        color:#000000; display: flex;
3579        font-weight:400;        font-style:normal;                font-size:14px;        font-family:ITC Avant Garde;        text-transform:none;                line-height:35px;    }
3580
3581    .header_container_2>.flex_row_2>.flex_col_1>.flex_cell_1.menu>.flex_cell_content>nav>ul>li>a:hover {
3582        color:#000000;    }
3583</style>
3584                        </div>
3585
3586                        <style>
3587                            .header_container_2>.flex_row_2>.flex_col_1 {
3588                            width:12%;                            }
3589                        </style>
3590
3591
3592                    
3593                        <div class="flex_col flex_col_2">
3594
3595                            
3596
3597<div class="flex_cell flex_cell_1 image">
3598    <div class="flex_cell_content">
3599
3600            <a href="https://www.albertsjewelers.com/"
3601           >
3602    
3603        
3604            <img
3605                                
3606                
3607                src="https://www.albertsjewelers.com/public/1.0/uploads/source/ad-logo-t.png"
3608
3609                alt="Albert&#039;s Diamond Jewelers">
3610
3611        
3612            </a>
3613    
3614    </div>
3615</div>
3616    <style>
3617                .header_container_2>.flex_row_2>.flex_col_2>.flex_cell_1.image {
3618        width:100%;        justify-content:left;
3618 -webkit-justify-content:left;                align-items:center; -webkit-align-items:center;        }
3619        .header_container_2>.flex_row_2>.flex_col_2>.flex_cell_1.image>.flex_cell_content {
3620        display: flex;
3621        margin-top:10px;        margin-bottom:10px;        margin-left:px;        margin-right:px;        padding-top:px;        padding-bottom:px;        padding-left:px;        padding-right:px;        }
3622        .header_container_2>.flex_row_2>.flex_col_2>.flex_cell_1.image img {
3623        max-width:100%;        }
3624        
3625                .header_container_2>.flex_row_2>.flex_col_2>.flex_cell_1.image {
3626        height:100%;        }
3627            </style>
3628
3629
3630                        </div>
3631
3632                        <style>
3633                            .header_container_2>.flex_row_2>.flex_col_2 {
3634                            width:60%;                            }
3635                        </style>
3636
3637
3638                    
3639                        <div class="flex_col flex_col_3">
3640
3641                            
3642<div class="flex_cell flex_cell_1 account_icons">
3643    <div class="flex_cell_content">
3644        
3645                    <a class="" href="/wishlist" title="Wishlist" rel="nofollow" style="order: 1">
3646                <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>
3647                            </a>
3648        
3649                    <a class=" build-shopping-cart-icon" href="/shopping-cart" title="Shopping Cart" style="order: 2">
3650                <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>
3651                            </a>
3652        
3653        
3654                                    <a class="" href="/login" title="My Account" style="order: 3">
3655                    <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>
3656                        </div>
3657</div>
3658
3659<style>
3660    .header_container_2>.flex_row_2>.flex_col_3>.flex_cell_1.account_icons {
3661        width:100%;                                    justify-content: flex-end;
3662                            align-items:center; -webkit-align-items:center;    }
3663
3664            .header_container_2>.flex_row_2>.flex_col_3>.flex_cell_1.account_icons {
3665        height:100%;        }
3666    
3667    .header_container_2>.flex_row_2>.flex_col_3>.flex_cell_1.account_icons>.flex_cell_content {
3668    display: flex;
3669    margin-top:px;    margin-bottom:px;    margin-left:px;    margin-right:25px;    padding-top:px;    padding-bottom:px;    padding-left:px;    padding-right:px;    }
3670
3671    .header_container_2>.flex_row_2>.flex_col_3>.flex_cell_1.account_icons .wishlist-count-badge.d-none {
3672        display: none !important;
3673    }
3674
3675    .header_container_2>.flex_row_2>.flex_col_3>.flex_cell_1.account_icons a {
3676        display: flex;
3677        align-items: center;
3678        color:#022d57;        font-weight:400;        font-style:normal;                        font-size:16px;        font-family:Baskerville;        margin-left: 12px;
3679        text-transform:none;    }
3680
3681    .header_container_2>.flex_row_2>.flex_col_3>.flex_cell_1.account_icons a svg,
3682    .header_container_2>.flex_row_2>.flex_col_3>.flex_cell_1.account_icons a img {
3683        flex-shrink: 0;
3684        margin-right: 5px;
3685        width:15px;        height:15px;    }
3686
3687    .header_container_2>.flex_row_2>.flex_col_3>.flex_cell_1.account_icons a .path_class {
3688        fill: currentColor;
3689    }
3690
3691    .header_container_2>.flex_row_2>.flex_col_3>.flex_cell_1.account_icons a:hover {
3692        color:#003da5;    }
3693
3694    .header_container_2>.flex_row_2>.flex_col_3>.flex_cell_1.account_icons a .item-count-badge {
3695        padding: 0 5px;
3696        height: 16px;
3697        min-width: 16px;
3698        text-align: center;
3699        border-radius: 7px;
3700        line-height: 16px;
3701        border: 1px solid #fff;
3702        font-style: normal;
3703        font-weight: 700;
3704        font-size: 10px;
3705        background-color:#cdb877;        color:#ffffff;        margin-left: -10px;
3706        margin-top: -15px;
3707    }
3708</style>
3709                        </div>
3710
3711                        <style>
3712                            .header_container_2>.flex_row_2>.flex_col_3 {
3713                            width:28%;                            }
3714                        </style>
3715
3716
3717                    
3718                </div>
3719
3720                
3721                <style>
3722    .header_container_2>.flex_row_2 {
3723                    background-color: #ffffff;
3724        
3725        color:#000000;        height:auto;                
3726        
3727            }
3728
3729    </style>
3730
3731
3732                                
3733            
3734                
3735                <div class="flex_row flex_row_3 ">
3736
3737                    
3738                        <div class="flex_col flex_col_1">
3739
3740                            
3741<div class="flex_cell flex_cell_1 search_box">
3742    <div class="flex_cell_content">
3743                    <form class="sform" id="search-box-form"
3744            onsubmit="javascript: window.location = '/keyword-search?search=' + encodeURIComponent($(this).find('input[name=search]').val()); return false;">
3745                    <div class="inputs-group">
3746                                    <button class="sBtn">
3747                        <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>
3748                    </button>
3749                                <input class="sinp" type="text" name="search"
3750                       placeholder="Watches, Jewelry, Rings..." 
3751                       aria-label="Watches, Jewelry, Rings..."
3752                       >
3753                            </div>
3754                    </form>
3755            </div>
3756</div>
3757<style>
3758    .header_container_2>.flex_row_3>.flex_col_1>.flex_cell_1.search_box {
3759        width:100%;        justify-content:center; -webkit-justify-content:center;        align-items:center; -webkit-align-items:center;    }
3760
3761            .header_container_2>.flex_row_3>.flex_col_1>.flex_cell_1.search_box {
3762        height:100%;        }
3763    
3764    .header_container_2>.flex_row_3>.flex_col_1>.flex_cell_1.search_box>.flex_cell_content {
3765        display: flex;
3766        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%;    }
3767
3768    .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 {
3769        width: 100%;
3770        display: flex;
3771        flex-wrap: nowrap;
3772    }
3773
3774    .header_container_2>.flex_row_3>.flex_col_1>.flex_cell_1 .sinp {
3775        border-radius: 0px;
3776        padding: 4px 8px;
3777        outline: 0px;
3778        box-shadow: none;
3779        font-size:12px;        font-family:Baskerville;        color:#022d57;        font-weight:400;        font-style:normal;                        background-color:#ffffff;        
3780        
3781       
3782                border-style: solid;
3783        border-width:1px;        border-color:#ffffff;        
3784
3785                    border-left:0px;
3786                        width: 100%;        
3787        
3788                border-bottom-color:#022d57;    }
3789
3790    .header_container_2>.flex_row_3>.flex_col_1>.flex_cell_1 .sinp:hover {
3791            }
3792
3793    .header_container_2>.flex_row_3>.flex_col_1>.flex_cell_1 .sinp::placeholder {
3794        font-size:12px;        font-family:Baskerville;        color:#022d75;        opacity: 1;
3795    }
3796
3797    .header_container_2>.flex_row_3>.flex_col_1>.flex_cell_1 .sBtn {
3798        height: 100%;
3799        border-radius: 0px;
3800        padding: 4px;
3801        align-items: center;
3802        justify-content: center;
3803        display: flex;
3804        border-style: solid;
3805        border-width:1px;        border-color:#ffffff;        color:#022d57;        font-weight:400;        font-style:normal;                        background-color:#ffffff;                                    border-right:0px;
3806                            
3807            }
3808
3809    .header_container_2>.flex_row_3>.flex_col_1>.flex_cell_1 .sBtn:hover {
3810        background-color:#ffffff;            }
3811
3812    .header_container_2>.flex_row_3>.flex_col_1>.flex_cell_1 .sBtn svg {
3813        width:11px;        height:11px;    }
3814
3815    .header_container_2>.flex_row_3>.flex_col_1>.flex_cell_1 .sBtn .path_class {
3816        fill:#022d57;    }
3817
3818    .header_container_2>.flex_row_3>.flex_col_1>.flex_cell_1 .sBtn:hover .path_class {
3819        fill:#022d57;    }
3820
3821</style>
3822                        </div>
3823
3824                        <style>
3825                            .header_container_2>.flex_row_3>.flex_col_1 {
3826                            width:100%;                            }
3827                        </style>
3828
3829
3830                    
3831                </div>
3832
3833                
3834                <style>
3835    .header_container_2>.flex_row_3 {
3836                    background-color: #ffffff;
3837        
3838        color:#000000;        height:auto;                
3839        
3840            }
3841
3842    </style>
3843
3844
3845                                
3846            
3847            
3848                
3849                    <div class="flex_row">
3850
3851                        
3852                            <div class="flex_col">
3853
3854                                
3855                            </div>
3856                        
3857                            <div class="flex_col">
3858
3859                                
3860                            </div>
3861                        
3862                            <div class="flex_col">
3863
3864                                
3865                            </div>
3866                        
3867                            <div class="flex_col">
3868
3869                                
3870                            </div>
3871                        
3872                    </div>
3873                
3874            
3875                
3876                    <div class="flex_row">
3877
3878                        
3879                            <div class="flex_col">
3880
3881                                <div class="flex_cell flex_cell_1 menu">
3882    <style>
3883        body.no-scroll {
3884            overflow: hidden;
3885        }
3886        #tablet_hamburger_menu_template {
3887            position: fixed;
3888            top: 0;
3889            left: 0;
3890            width: 425px;
3891            overflow-y: auto;
3892            left: -425px;
3893            z-index: 1000000001;
3894            background-color: #ffffff;
3895            transition: all 0.3s ease;
3896            height: 100%;
3897            max-height: 100vh;
3898            -webkit-overflow-scrolling: touch;
3899            box-sizing: border-box;
3900        }
3901        #tablet_hamburger_menu_template_overlay.open {
3902            position: absolute;
3903            top: 0;
3904            left: 0;
3905            right: 0;
3906            z-index: 100;
3907            transition: all 0.3s ease;
3908            height: 100vh;
3909            background: rgba(1, 1, 1, 0.5);
3910            cursor: pointer;
3911            box-sizing: border-box;
3912        }
3913        #tablet_hamburger_menu_template .hamburger-menu-template-inner-m {
3914            height: 100vh;
3915            overflow-y: auto;
3916            -webkit-overflow-scrolling: touch;
3917            box-sizing: border-box;
3918            padding-right: 30px;
3919        }
3920        
3921        /* Applies to your scrollable element */
3922        #tablet_hamburger_menu_template .hamburger-menu-template-inner-m,
3923        #tablet_hamburger_menu_template .sub-menu-panel {
3924          /* existing styles */
3925          overflow-y: auto;
3926          scroll-behavior: smooth;
3927
3928          /* Optional smoother experience on mobile */
3929          -webkit-overflow-scrolling: touch;
3930        }
3931
3932        /* Custom scrollbar for WebKit (Chrome, Safari, Edge) */
3933        #tablet_hamburger_menu_template .hamburger-menu-template-inner-m::-webkit-scrollbar,
3934        #tablet_hamburger_menu_template .sub-menu-panel::-webkit-scrollbar {
3935          width: 8px;
3936        }
3937
3938        #tablet_hamburger_menu_template .hamburger-menu-template-inner-m::-webkit-scrollbar-track,
3939        #tablet_hamburger_menu_template .sub-menu-panel::-webkit-scrollbar-track {
3940          background: #f0f0f0; /* Light background */
3941          border-radius: 4px;
3942        }
3943        #tablet_hamburger_menu_template .hamburger-menu-template-inner-m::-webkit-scrollbar-thumb,
3944        #tablet_hamburger_menu_template .sub-menu-panel::-webkit-scrollbar-thumb {
3945          background-color: #ccc;
3946          border-radius: 4px;
3947          border: 2px solid #f0f0f0; /* Matches track */
3948        }
3949        #tablet_hamburger_menu_template .hamburger-menu-template-inner-m::-webkit-scrollbar-thumb:hover,
3950        #tablet_hamburger_menu_template .sub-menu-panel::-webkit-scrollbar-thumb:hover {
3951          background-color: #999;
3952        }
3953
3954        /* Firefox scrollbar styling */
3955        @supports (scrollbar-color: auto) {
3956            #tablet_hamburger_menu_template .hamburger-menu-template-inner-m,
3957          #tablet_hamburger_menu_template .sub-menu-panel {
3958            scrollbar-width: thin;
3959            scrollbar-color: #ccc #f0f0f0; /* thumb and track */
3960          }
3961        }
3962        #tablet_hamburger_menu_template .hamburger-menu-template-inner {
3963            padding: 30px;
3964            width: 425px;
3965            padding-right: 0px;
3966            position: fixed;
3967            box-sizing: border-box;
3968        }
3969        #tablet_hamburger_menu_template .hamburger-menu-close-button {
3970            font-size: 14px !important;
3971            display: flex;
3972            align-items: center;
3973            margin-bottom: 20px;
3974        }
3975        #tablet_hamburger_menu_template .hamburger-menu-close-button svg {
3976            height: 24px;
3977            margin-right: 5px;
3978        }
3979        #tablet_hamburger_menu_template .hamburger-menu-nav-section {
3980            display: flex;
3981            justify-content: space-between;
3982            align-items: center;
3983            box-sizing: border-box;
3984        }
3985        #tablet_hamburger_menu_template .sub_title_m {
3986            color: #444;
3987            text-transform: uppercase;
3988            font-weight: 400;
3989            font-size: 14px;
3990            margin-top: 30px;
3991            margin-bottom: 30px;
3992            letter-spacing: 2px;
3993            display:flex;
3994        }
3995        #tablet_hamburger_menu_template .hamburger-menu-nav-section svg {
3996            height: 20px;
3997            float: right;
3998        }
3999        #tablet_hamburger_menu_template .hamburger-menu-nav-section.parent_men span{
4000            text-decoration: underline;
4001        }
4002        #tablet_hamburger_menu_template .hamburger-menu-nav-section.parent_men_arrow{
4003            min-width:30px;
4004            justify-content: end;
4005        }
4006        #tablet_hamburger_menu_template .icon_and_name {
4007            display:flex;
4008            align-items:center;
4009            gap:10px;
4010        }
4011        #tablet_hamburger_menu_template .ham_menu_container {
4012            display:flex;
4013            justify-content: space-between;
4014        }
4015        #tablet_hamburger_menu_template.open {
4016            left: 0;
4017            
4018        }        
4019        #tablet_hamburger_menu_template .sub-menu-panel {
4020            padding: 30px;
4021            padding-top: 60px;
4022            position: absolute;
4023            top: 0;
4024            left: 425px;
4025            width: 425px;
4026            height: 100vh;
4027            background-color: #fff;
4028            overflow-y: auto;
4029            z-index: 999999;
4030            opacity: 0;
4031            transition: opacity 0.5s ease;
4032        }
4033
4034        #tablet_hamburger_menu_template .sub-menu-panel.open {       
4035            opacity: 1;
4036            z-index: 9999999;
4037        }
4038         
4039        
4040        
4041        #tablet_hamburger_menu_template a.hamburger-menu-nav-section,
4042        #tablet_hamburger_menu_template button.hamburger-menu-nav-section,
4043        #tablet_hamburger_menu_template a.hamburger-menu-close-button,
4044        #tablet_hamburger_menu_template button.hamburger-menu-close-button {
4045            position: relative;
4046        color:#000000;            display: flex;
4047        font-weight:400;        font-style:normal;                font-size:14px;        font-family:ITC Avant Garde;        text-transform:none;                line-height:35px;        }
4048        #tablet_hamburger_menu_template button.hamburger-menu-nav-section,
4049        #tablet_hamburger_menu_template button.hamburger-menu-close-button {
4050            background: none;
4051            border: none;
4052            padding: 0;
4053            cursor: pointer;
4054            width: 100%;
4055        }
4056        /* this is not working in dash */
4057        #tablet_hamburger_menu_template a.hamburger-menu-nav-section:hover, 
4058        #tablet_hamburger_menu_template button.hamburger-menu-nav-section:hover,
4059        #tablet_hamburger_menu_template a.hamburger-menu-nav-section.active,
4060        #tablet_hamburger_menu_template button.hamburger-menu-nav-section.active
4061        {
4062            color: #000;
4063        }
4064        #tablet_hamburger_menu_template a.hamburger-menu-nav-section::after,
4065        #tablet_hamburger_menu_template button.hamburger-menu-nav-section::after {
4066            content: "";
4067            position: absolute;
4068            left: 0;
4069            bottom: 0;
4070            width: 0%;
4071            height: 0.5px;
4072            background-color: #000;
4073            transition: width 0.5s ease;
4074        }
4075        #tablet_hamburger_menu_template a.hamburger-menu-nav-section.active::after,
4076        #tablet_hamburger_menu_template button.hamburger-menu-nav-section.active::after {
4077            width: 100%;
4078        }
4079
4080        #tablet_hamburger_menu_template a.hamburger-menu-nav-section:hover::after,
4081        #tablet_hamburger_menu_template button.hamburger-menu-nav-section:hover::after {
4082            width: 100%;
4083        }
4084        #tablet_hamburger_menu_template.hamburger-menu-template .nav_list_trd {
4085            display: none;
4086            padding: 15px 0px;
4087            padding-left: 20px;
4088            background: #fff;
4089        }
4090        #tablet_hamburger_menu_template.hamburger-menu-template .nav_list_trd.open {
4091            display: block;
4092            padding-top:2px;
4093        }        
4094        
4095        #tablet_hamburger_menu_template a.hamburger-menu-nav-section .icon_and_name img,
4096        #tablet_hamburger_menu_template button.hamburger-menu-nav-section .icon_and_name img {
4097                            height:30px;
4098                    }
4099        @media (min-width: 768px) {             
4100            .hide_desktop {
4101                display:none!important;
4102            }
4103        }
4104        
4105        @media (max-width: 767.9px) {            
4106            .hide_mobile {
4107                display:none!important;
4108            }
4109            #tablet_hamburger_menu_template .sub_title_m svg {
4110                height: 20px;
4111                transform: rotate(180deg);
4112            }
4113            #tablet_hamburger_menu_template .sub_title_m {
4114                align-items: center;
4115                gap: 8px;
4116                cursor: pointer;
4117            }
4118            #tablet_hamburger_menu_template {
4119                position: fixed;
4120                top: 0;
4121                left: 0;
4122                width: 100%;
4123                overflow-y: auto;
4124                left: -100%;
4125                z-index: 9999998;
4126                background-color: #ffffff;
4127                transition: all 0.3s ease;
4128                height: 100%;
4129                max-height: 100vh;
4130                -webkit-overflow-scrolling: touch;
4131                box-sizing: border-box;
4132            }
4133        
4134            #tablet_hamburger_menu_template .sub-menu-panel {
4135                padding: 30px;
4136                padding-top: 30px;
4137                padding-bottom: 100px;
4138                position: absolute;
4139                top: 0;
4140                left: 200%;
4141                width: 100%;
4142                height: 100vh;
4143                background-color: #fff;
4144                overflow-y: auto;
4145                z-index: -1;
4146                opacity: 1;
4147                transition: 0.5s ease;
4148                box-sizing: border-box;
4149            }
4150            #tablet_hamburger_menu_template .sub-menu-panel.open {       
4151                opacity: 1;
4152                left: 0px;
4153                z-index: 9999999;
4154            }
4155            
4156            #tablet_hamburger_menu_template .hamburger-menu-template-inner {
4157                width: 100%;
4158            }
4159            
4160            
4161        }
4162        
4163        
4164       
4165    </style>
4166
4167    <nav id="tablet_hamburger_menu_template" class="hamburger-menu-template" inert="inert">
4168        
4169        <div class="hamburger-menu-template-inner">
4170            <div class="hamburger-menu-template-inner-m">
4171                        <a href="#!" class="hamburger-menu-close-button mr-4" title="Close" id="tablet_hamburger_close_button" role="button">
4172                <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>
4173            </a>
4174            
4175            <div class="script_before_menu">
4176                                
4177
4178<div class="flex_cell flex_cell_1 image">
4179    <div class="flex_cell_content">
4180
4181    
4182        
4183            <img
4184                                
4185                
4186                src="https://www.albertsjewelers.com/public/1.0/uploads/source/homepage-2025/header-2025/frame-32.png"
4187
4188                alt="Albert&#039;s Jewelers">
4189
4190        
4191    
4192    </div>
4193</div>
4194    <style>
4195                .header_container_2 .flex_row .flex_col .script_before_menu .image {
4196        width:100%;        justify-content:left !important;                align-items:center !important;        }
4197        .header_container_2 .flex_row .flex_col .script_before_menu .image>.flex_cell_content {
4198        display: flex;
4199        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;        }
4200        .header_container_2 .flex_row .flex_col .script_before_menu .image img {
4201        max-width:150px;        }
4202        
4203                .header_container_2>.flex_row_2>.flex_col_1>.flex_cell_1.image {
4204                }
4205            </style>
4206
4207                            </div>
4208            <div style="clear: both"></div>
4209                                                                                                                        
4210                    
4211                                                <a style="margin-top:25px"
4212                           class="hamburger-menu-nav-section " 
4213                           title="New Arrivals" 
4214                           href="#!" >
4215                            
4216                        <span class="icon_and_name">
4217                        
4218                            New Arrivals                        </span>
4219                            
4220                                                    <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>
4221                        
4222                        </a>
4223                                            
4224
4225                    
4226                    <div class="sub-menu-panel" id="tablet-sub-menu-panel-216">
4227                        <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0">
4228                            <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne">
4229  <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>
4230</svg>
4231
4232                            New Arrivals                        
4233                        </div>
4234                        <div class="sub_title_m hide_mobile">New Arrivals</div>
4235                        
4236                        
4237                            <!-- tablet_hamburger_menu_216_start -->
4238                            <div id="tablet_hamburger_menu_216"></div>
4239                            <!-- tablet_hamburger_menu_216_end -->
4240                                            </div>
4241
4242                                        
4243                    
4244                                                <a style="margin-top:25px"
4245                           class="hamburger-menu-nav-section " 
4246                           title="Engagement Rings" 
4247                           href="#!" >
4248                            
4249                        <span class="icon_and_name">
4250                        
4251                            Engagement Rings                        </span>
4252                            
4253                                                    <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>
4254                        
4255                        </a>
4256                                            
4257
4258                    
4259                    <div class="sub-menu-panel" id="tablet-sub-menu-panel-6">
4260                        <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0">
4261                            <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne">
4262  <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>
4263</svg>
4264
4265                            Engagement Rings                        
4266                        </div>
4267                        <div class="sub_title_m hide_mobile">Engagement Rings</div>
4268                        
4269                        
4270                            <!-- tablet_hamburger_menu_6_start -->
4271                            <div id="tablet_hamburger_menu_6"></div>
4272                            <!-- tablet_hamburger_menu_6_end -->
4273                                            </div>
4274
4275                            
4276                    
4277                                                <a style=""
4278                           class="hamburger-menu-nav-section " 
4279                           title="Wedding Bands" 
4280                           href="#!" >
4281                            
4282                        <span class="icon_and_name">
4283                        
4284                            Wedding Bands                        </span>
4285                            
4286                                                    <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>
4287                        
4288                        </a>
4289                                            
4290
4291                    
4292                    <div class="sub-menu-panel" id="tablet-sub-menu-panel-12">
4293                        <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0">
4294                            <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne">
4295  <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>
4296</svg>
4297
4298                            Wedding Bands                        
4299                        </div>
4300                        <div class="sub_title_m hide_mobile">Wedding Bands</div>
4301                        
4302                        
4303                            <!-- tablet_hamburger_menu_12_start -->
4304                            <div id="tablet_hamburger_menu_12"></div>
4305                            <!-- tablet_hamburger_menu_12_end -->
4306                                            </div>
4307
4308                            
4309                    
4310                                                <a style=""
4311                           class="hamburger-menu-nav-section " 
4312                           title="Diamonds" 
4313                           href="#!" >
4314                            
4315                        <span class="icon_and_name">
4316                        
4317                            Diamonds                        </span>
4318                            
4319                                                    <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>
4320                        
4321                        </a>
4322                                            
4323
4324                    
4325                    <div class="sub-menu-panel" id="tablet-sub-menu-panel-11">
4326                        <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0">
4327                            <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne">
4328  <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>
4329</svg>
4330
4331                            Diamonds                        
4332                        </div>
4333                        <div class="sub_title_m hide_mobile">Diamonds</div>
4334                        
4335                        
4336                            <!-- tablet_hamburger_menu_11_start -->
4337                            <div id="tablet_hamburger_menu_11"></div>
4338                            <!-- tablet_hamburger_menu_11_end -->
4339                                            </div>
4340
4341                            
4342                    
4343                                                <a style="margin-top:20px"
4344                           class="hamburger-menu-nav-section " 
4345                           title="Designers " 
4346                           href="#!" >
4347                            
4348                        <span class="icon_and_name">
4349                        
4350                            Designers                         </span>
4351                            
4352                                                    <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>
4353                        
4354                        </a>
4355                                            
4356
4357                    
4358                    <div class="sub-menu-panel" id="tablet-sub-menu-panel-72">
4359                        <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0">
4360                            <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne">
4361  <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>
4362</svg>
4363
4364                            Designers                         
4365                        </div>
4366                        <div class="sub_title_m hide_mobile">Designers </div>
4367                        
4368                        
4369                            <!-- tablet_hamburger_menu_72_start -->
4370                            <div id="tablet_hamburger_menu_72"></div>
4371                            <!-- tablet_hamburger_menu_72_end -->
4372                                            </div>
4373
4374                            
4375                    
4376                                                <a style=""
4377                           class="hamburger-menu-nav-section " 
4378                           title="Fine Jewelry" 
4379                           href="#!" >
4380                            
4381                        <span class="icon_and_name">
4382                        
4383                            Fine Jewelry                        </span>
4384                            
4385                                                    <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>
4386                        
4387                        </a>
4388                                            
4389
4390                    
4391                    <div class="sub-menu-panel" id="tablet-sub-menu-panel-16">
4392                        <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0">
4393                            <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne">
4394  <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>
4395</svg>
4396
4397                            Fine Jewelry                        
4398                        </div>
4399                        <div class="sub_title_m hide_mobile">Fine Jewelry</div>
4400                        
4401                        
4402                            <!-- tablet_hamburger_menu_16_start -->
4403                            <div id="tablet_hamburger_menu_16"></div>
4404                            <!-- tablet_hamburger_menu_16_end -->
4405                                            </div>
4406
4407                            
4408                    
4409                                                <a style=""
4410                           class="hamburger-menu-nav-section " 
4411                           title="Timepieces" 
4412                           href="#!" >
4413                            
4414                        <span class="icon_and_name">
4415                        
4416                            Timepieces                        </span>
4417                            
4418                                                    <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>
4419                        
4420                        </a>
4421                                            
4422
4423                    
4424                    <div class="sub-menu-panel" id="tablet-sub-menu-panel-20">
4425                        <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0">
4426                            <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne">
4427  <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>
4428</svg>
4429
4430                            Timepieces                        
4431                        </div>
4432                        <div class="sub_title_m hide_mobile">Timepieces</div>
4433                        
4434                        
4435                            <!-- tablet_hamburger_menu_20_start -->
4436                            <div id="tablet_hamburger_menu_20"></div>
4437                            <!-- tablet_hamburger_menu_20_end -->
4438                                            </div>
4439
4440                            
4441                    
4442                                                <a style="margin-top:20px"
4443                           class="hamburger-menu-nav-section " 
4444                           title="Services" 
4445                           href="#!" >
4446                            
4447                        <span class="icon_and_name">
4448                        
4449                            Services                        </span>
4450                            
4451                                                    <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>
4452                        
4453                        </a>
4454                                            
4455
4456                    
4457                    <div class="sub-menu-panel" id="tablet-sub-menu-panel-179">
4458                        <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0">
4459                            <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne">
4460  <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>
4461</svg>
4462
4463                            Services                        
4464                        </div>
4465                        <div class="sub_title_m hide_mobile">Services</div>
4466                        
4467                        
4468                            <!-- tablet_hamburger_menu_179_start -->
4469                            <div id="tablet_hamburger_menu_179"></div>
4470                            <!-- tablet_hamburger_menu_179_end -->
4471                                            </div>
4472
4473                            
4474                    
4475                                                <a style=""
4476                           class="hamburger-menu-nav-section " 
4477                           title="Contact" 
4478                           href="#!" >
4479                            
4480                        <span class="icon_and_name">
4481                        
4482                            Contact                        </span>
4483                            
4484                                                    <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>
4485                        
4486                        </a>
4487                                            
4488
4489                    
4490                    <div class="sub-menu-panel" id="tablet-sub-menu-panel-22">
4491                        <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0">
4492                            <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne">
4493  <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>
4494</svg>
4495
4496                            Contact                        
4497                        </div>
4498                        <div class="sub_title_m hide_mobile">Contact</div>
4499                        
4500                        
4501                            <!-- tablet_hamburger_menu_22_start -->
4502                            <div id="tablet_hamburger_menu_22"></div>
4503                            <!-- tablet_hamburger_menu_22_end -->
4504                                            </div>
4505
4506                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                <div class="script_after_menu">
4507                                            </div>
4508        </div>
4509        </div>
4510    </nav>
4511    <div class="hamburger-menu-template-overlay" id="tablet_hamburger_menu_template_overlay"></div>
4512
4513    
4513<script>
4514        $(function () {
4515            
4516            
4517            const trap = focusTrap.createFocusTrap('#tablet_hamburger_menu_template', {
4518                onActivate: () => $('#tablet_hamburger_menu_template').addClass('is-active'),
4519                onDeactivate: () => $('#tablet_hamburger_menu_template').removeClass('is-active'),
4520                clickOutsideDeactivates: true
4521            });
4522    
4523    
4524    
4525            function updatePanelWidth() {
4526                const elements = document.querySelectorAll('.custom_bm_fw');
4527
4528                elements.forEach(element => {
4529                  const panel = element.closest('.sub-menu-panel');
4530                  if (panel) {
4531                    if (window.innerWidth > 768) { 
4532                      const newWidth = window.innerWidth - 425;
4533                      panel.style.width = `${newWidth}px`;
4534                    } else {
4535                      panel.removeAttribute('style');
4536                    }
4537                  }
4538                });
4539              }
4540
4541            updatePanelWidth();
4542            window.addEventListener('resize', updatePanelWidth);
4543
4544            let $lastNavTrigger = null;
4545            $('.sub-menu-panel').attr('tabindex', '-1');
4546            $('.sub-menu-panel').find('a, button, .close_sub_menu').attr('tabindex', '-1');
4547
4548
4549
4550            $('#tablet_hamburger_button').on('click keypress', function (event) {
4551                if(event.which === 13 || event.which === 32 || event.type == 'click') {
4552                    if(event.which === 32) {
4553                        event.preventDefault();
4554                    }
4555                    document.body.classList.add('no-scroll');
4556                    $('#tablet_hamburger_menu_template').toggleClass('open')
4557                    $('#tablet_hamburger_menu_template_overlay').toggleClass('open')
4558                    $('#tablet_hamburger_menu_template').removeAttr('inert')
4559                    trap.activate()
4560                    $('#tablet_hamburger_close_button').focus()
4561                }
4562            })
4563            
4564            function closeSubMenu() {
4565                document.querySelectorAll('.sub-menu-panel').forEach(panel => {
4566                    panel.classList.remove('open');
4567                })
4568                document.querySelectorAll('.hamburger-menu-nav-section').forEach(panel => {
4569                    panel.classList.remove('active');
4570                })
4571                $('.sub-menu-panel').find('a, button, .close_sub_menu').attr('tabindex', '-1');
4572                // Restore main-list nav items to the tab order
4573                $('.hamburger-menu-nav-section').removeAttr('tabindex');
4574                if ($lastNavTrigger) {
4575                    $lastNavTrigger.focus();
4576                    $lastNavTrigger = null;
4577                }
4578            }
4579
4580            $('.header_container_2').on('click', '.close_sub_menu', function() {
4581                closeSubMenu();
4582            })
4583
4584            $('.header_container_2').on('keydown', '.close_sub_menu', function(event) {
4585                if (event.key === 'Enter' || event.key === ' ') {
4586                    event.preventDefault();
4587                    closeSubMenu();
4588                }
4589            })
4590            
4591            
4592
4593            // Cycle Tab focus within the open sub-menu-panel (last item → first item)
4594            $(document).on('keydown', '.sub-menu-panel.open [tabindex="0"]', function(event) {
4595                if (event.key !== 'Tab' || event.shiftKey) return;
4596                var $panel = $(this).closest('.sub-menu-panel.open');
4597                var $focusable = $panel.find('a[tabindex="0"], button[tabindex="0"], .close_sub_menu[tabindex="0"]');
4598                if ($focusable.last().is(this)) {
4599                    event.preventDefault();
4600                    $focusable.first().trigger('focus');
4601                }
4602            });
4603
4604            $('#tablet_hamburger_close_button, #tablet_hamburger_menu_template_overlay').on('click keypress', function (event) {
4605                // <button> fires a synthetic click on Enter/Space — skip keypress to avoid double-fire
4606                if (event.type === 'keypress' && this.tagName === 'BUTTON') {
4607                    return;
4608                }
4609                if(event.which === 13 || event.which === 32 || event.type == 'click') {
4610                    if (event.which === 32) {
4611                        event.preventDefault();
4612                    }
4613
4614                    closeHamburgerMenu();
4615                }
4616            })
4617
4618            $(window).resize(function () {
4619                                if($(window).width() > 992 || $(window).width() <= 768) closeHamburgerMenu();
4620                            })
4621
4622            function closeHamburgerMenu() {
4623                document.querySelectorAll('.sub-menu-panel').forEach(panel => {
4624                    panel.classList.remove('open');
4625                })
4626                document.querySelectorAll('.hamburger-menu-nav-section').forEach(panel => {
4627                    panel.classList.remove('active');
4628                })
4629                $('.sub-menu-panel').find('a, button, .close_sub_menu').attr('tabindex', '-1');
4630                // Restore main-list nav items to the tab order
4631                $('.hamburger-menu-nav-section').removeAttr('tabindex');
4632                $lastNavTrigger = null;
4633                document.body.classList.remove('no-scroll');
4634                $('#tablet_hamburger_menu_template').removeClass('open')
4635                $('#tablet_hamburger_menu_template_overlay').removeClass('open')
4636                $('#tablet_hamburger_menu_template').attr('inert', 'inert')
4637                trap.deactivate()
4638            }
4639
4640            $('.header_container_2').on('click', '.hamburger-menu-nav-section', function() {
4641
4642                if ($(this).hasClass("active")) {
4643                    document.querySelectorAll('.sub-menu-panel').forEach(panel => {
4644                        panel.classList.remove('open');
4645                    })
4646                    document.querySelectorAll('.hamburger-menu-nav-section').forEach(panel => {
4647                        panel.classList.remove('active');
4648                    })
4649                    $('.sub-menu-panel').find('a, button, .close_sub_menu').attr('tabindex', '-1');
4650                    // Restore main-list nav items to the tab order
4651                    $('.hamburger-menu-nav-section').removeAttr('tabindex');
4652                } else {
4653                    // For parent_men_arrow, the sub-menu-panel is after ham_menu_container, not after the button
4654                    let $checkPanel = $(this).hasClass("parent_men_arrow")
4655                        ? $(this).closest('.ham_menu_container').next('.sub-menu-panel')
4656                        : $(this).next('.sub-menu-panel');
4657
4658                    if ($checkPanel.find('.nav_a_trd').length > 0 || $checkPanel.find('.custom_build_menu').length > 0) {
4659                        document.querySelectorAll('.sub-menu-panel').forEach(panel => {
4660                            panel.classList.remove('open');
4661                        })
4662                        document.querySelectorAll('.hamburger-menu-nav-section').forEach(panel => {
4663                            panel.classList.remove('active');
4664                        })
4665                        $('.sub-menu-panel').find('a, button, .close_sub_menu').attr('tabindex', '-1');
4666
4667                        $(this).addClass('active');
4668                        $lastNavTrigger = $(this);
4669
4670                        let $openedPanel = null;
4671
4672                        if (!$(this).hasClass("parent_men")) {
4673                            updatePanelWidth();
4674                            $(this).next('.sub-menu-panel').toggleClass('open');
4675                            $openedPanel = $(this).next('.sub-menu-panel');
4676                        }
4677                        if ($(this).hasClass("parent_men_arrow")) {
4678                            $(this).closest('.ham_menu_container').next('.sub-menu-panel').toggleClass('open');
4679                            $openedPanel = $(this).closest('.ham_menu_container').next('.sub-menu-panel');
4680                        }
4681
4682                        if ($openedPanel && $openedPanel.hasClass('open')) {
4683                            // Hide main-list nav items from tab order while panel is open
4684                            $('.hamburger-menu-nav-section').attr('tabindex', '-1');
4685                            $openedPanel.find('a, button, .close_sub_menu').attr('tabindex', '0');
4686                            setTimeout(function() {
4687                                $openedPanel.find('[tabindex="0"]').first().trigger('focus');
4688                            }, 50);
4689                        }
4690                    }
4691                }
4692
4693            })
4694        })
4695        
4696        function setHamburgerInnerHeight() {
4697            const inner = document.querySelector('.hamburger-menu
4697-template-inner-m');
4698            const offset = 0; // adjust this if there's a header/footer inside
4699            inner.style.height = `${window.innerHeight - offset - 70}px`;
4700        }
4701
4702        // Run on load and resize
4703        window.addEventListener('load', setHamburgerInnerHeight);
4704        window.addEventListener('resize', setHamburgerInnerHeight);
4705
4706    </script>
4706
4707</div>
4708
4709<style>
4710    #tablet_hamburger_menu_template>ul>li>a {
4711        color:#000000; display: flex;
4712        font-weight:400;        font-style:normal;                font-size:14px;        font-family:ITC Avant Garde;        text-transform:none;                line-height:35px;    }
4713
4714    #tablet_hamburger_menu_template>ul>li>a:hover {
4715        color:#000000;    }
4716    
4717    
4718
4719</style>
4720                            </div>
4721                        
4722                            <div class="flex_col">
4723
4724                                
4725                            </div>
4726                        
4727                            <div class="flex_col">
4728
4729                                
4730                            </div>
4731                        
4732                    </div>
4733                
4734            
4735                
4736                    <div class="flex_row">
4737
4738                        
4739                            <div class="flex_col">
4740
4741                                
4742                            </div>
4743                        
4744                    </div>
4745                
4746            
4747        </div>
4748
4749
4750    
4751</header>
4752<header class="appearance-mobile-view-template">    
4753    
4754    
4755        
4756        <style>
4757            .header_container>.flex_row {
4758                display: flex;
4759            }
4760
4761            .header_container_3 {
4762                            width: 100%;
4763                                        max-width: 100%;
4764                            margin: 0 auto;
4765                position: relative !important;
4766                transform: inherit !important;
4767            }
4768            .header_container>.flex_row>.flex_col {
4769                display: flex;
4770                flex-wrap: wrap;
4771                box-sizing: border-box;
4772                align-content: baseline;
4773            }
4774            .header_container>.flex_row>.flex_col>.flex_cell {
4775                height: fit-content;
4776                display: flex;
4777            }
4778            .header_container>.flex_row>.flex_col>.flex_cell a {
4779                text-decoration: none;
4780            }
4781            .header_container img {
4782                max-width: 100%;
4783            }
4784            .row_spacer_cs {
4785                display: none;
4786            }
4787            .sticky_row {
4788                position: fixed;
4789            }
4790            .sticky_row + .row_spacer_cs {
4791                display: block;
4792            }
4793        </style>
4794
4795        <div class="header_container header_container_3" data-device-type="3">
4796
4797            
4798                
4799                <div class="flex_row flex_row_1 ">
4800
4801                    
4802                        <div class="flex_col flex_col_1">
4803
4804                            
4805                        </div>
4806
4807                        <style>
4808                            .header_container_3>.flex_row_1>.flex_col_1 {
4809                            width:1%;                            }
4810                        </style>
4811
4812
4813                    
4814                        <div class="flex_col flex_col_2">
4815
4816                            
4817<div class="flex_cell flex_cell_1 custom_text">
4818    <div class="flex_cell_content">
4819                <a class="txt_link_ig" title="custom link" href="https://www.albertsjewelers.com/request-an-appointment" >
4820                    <p class="">Appointments →</p>
4821                </a>
4822            </div>
4823</div>
4824<style>
4825    .header_container_3>.flex_row_1>.flex_col_2>.flex_cell_1.custom_text {
4826    width:100%;    justify-content:left; -webkit-justify-content:left;    align-items:center; -webkit-align-items:center;    }
4827
4828            .header_container_3>.flex_row_1>.flex_col_2>.flex_cell_1.custom_text {
4829        height:100%;        }
4830    
4831    .header_container_3>.flex_row_1>.flex_col_2>.flex_cell_1.custom_text>.flex_cell_content {
4832    display: flex;
4833    margin-top:10px;    margin-bottom:10px;    margin-left:3px;    margin-right:px;    padding-top:px;    padding-bottom:px;    padding-left:px;    padding-right:px;    }
4834
4835    .header_container_3>.flex_row_1>.flex_col_2>.flex_cell_1.custom_text>.flex_cell_content>a p {
4836    line-height: inherit;
4837    margin:0;
4838    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;    }
4839
4840    .header_container_3>.flex_row_1>.flex_col_2>.flex_cell_1.custom_text>.flex_cell_content>a p:hover {
4841    color:#ffffff;    }
4842</style>
4843
4844                        </div>
4845
4846                        <style>
4847                            .header_container_3>.flex_row_1>.flex_col_2 {
4848                            width:48%;                            }
4849                        </style>
4850
4851
4852                    
4853                        <div class="flex_col flex_col_3">
4854
4855                            
4856<div class="flex_cell flex_cell_1 call_us">
4857            <div class="flex_cell_content"><a class="phone_number_click " href="tel:219-322-2700" title="Call us 219-322-2700">
4857<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>
4858<style>
4859    .header_container_3>.flex_row_1>.flex_col_3>.flex_cell_1.call_us {
4860        width:100%;        justify-content:right; -webkit-justify-content:right;        align-items:center; -webkit-align-items:center;    }
4861
4862            .header_container_3>.flex_row_1>.flex_col_3>.flex_cell_1.call_us {
4863        height:100%;        }
4864    
4865    .header_container_3>.flex_row_1>.flex_col_3>.flex_cell_1.call_us>.flex_cell_content {
4866        display: flex;
4867        margin-top:10px;        margin-bottom:10px;        margin-left:px;        margin-right:px;        padding-top:px;        padding-bottom:px;        padding-left:px;        padding-right:px;    }
4868
4869    .header_container_3>.flex_row_1>.flex_col_3>.flex_cell_1 a {
4870        color:#ffffff;        font-weight:400;        font-style:normal;                        font-size:10px;        font-family:ITC Avant Garde;        display: flex;
4871        align-items: center;
4872        text-transform:none;    }
4873
4874    .header_container_3>.flex_row_1>.flex_col_3>.flex_cell_1.call_us a svg,
4875    .header_container_3>.flex_row_1>.flex_col_3>.flex_cell_1.call_us a img {
4876        margin-right: 5px;
4877        height:9px;    }
4878
4879    .header_container_3>.flex_row_1>.flex_col_3>.flex_cell_1 a .path_class {
4880        fill: currentColor;
4881    }
4882
4883
4884    .header_container_3>.flex_row_1>.flex_col_3>.flex_cell_1 a:hover {
4885    color:#ffffff;    }
4886</style>
4887                        </div>
4888
4889                        <style>
4890                            .header_container_3>.flex_row_1>.flex_col_3 {
4891                            width:48%;                            }
4892                        </style>
4893
4894
4895                    
4896                        <div class="flex_col flex_col_4">
4897
4898                            
4899                        </div>
4900
4901                        <style>
4902                            .header_container_3>.flex_row_1>.flex_col_4 {
4903                            width:1%;                            }
4904                        </style>
4905
4906
4907                    
4908                </div>
4909
4910                
4911                <style>
4912    .header_container_3>.flex_row_1 {
4913                    background-color: #022d57;
4914        
4915        color:#000000;        height:auto;                
4916        
4917            }
4918
4919    </style>
4920
4921
4922                                
4923            
4924                
4925                <div class="flex_row flex_row_2 ">
4926
4927                    
4928                        <div class="flex_col flex_col_1">
4929
4930                            <div class="flex_cell flex_cell_1 menu">
4931    <div class="flex_cell_content">
4932            <style>
4933            .header_container_3>.flex_row_2>.flex_col_1>.flex_cell_1.menu .hamburger-button-inner,
4934            .header_container_3>.flex_row_2>.flex_col_1>.flex_cell_1.menu .hamburger-button-parent {
4935                width: 30px;
4936                height: 24px;
4937                position: relative;
4938                cursor: pointer;
4939            }
4940            .header_container_3>.flex_row_2>.flex_col_1>.flex_cell_1.menu .hamburger-button-inner .hamburger-icon rect {
4941                fill: #022d57;            }
4942
4943            
4944            .header_container_3>.flex_row_2>.flex_col_1>.flex_cell_1.menu a.hamburger-menu-nav-section,
4945            .header_container_3>.flex_row_2>.flex_col_1>.flex_cell_1.menu a.hamburger-menu-close-button{
4946            color:#000000;                display: flex;
4947            font-weight:400;            font-style:normal;                        font-size:14px;            font-family:ITC Avant Garde;            text-transform:none;                        line-height:35px;            }
4948        </style>
4949
4950        <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">
4951            <div class="hamburger-button-parent">
4952               <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">
4953                    <rect y="1" width="30" height="3" rx="1.5" ry="1.5" fill="black"/>
4954                    <rect y="10" width="30" height="3" rx="1.5" ry="1.5" fill="black"/>
4955                    <rect y="19" width="30" height="3" rx="1.5" ry="1.5" fill="black"/>
4956                </svg>
4957
4958
4959            </div>
4960                    </div>
4961        </div>
4962</div>
4963
4964<style>
4965    .header_container_3>.flex_row_2>.flex_col_1>.flex_cell_1.menu {
4966        width:100%;                                    justify-content: flex-start;
4967                            align-items:center; -webkit-align-items:center;    }
4968
4969            .header_container_3>.flex_row_2>.flex_col_1>.flex_cell_1.menu {
4970        height:100%;        }
4971    
4972    .header_container_3>.flex_row_2>.flex_col_1>.flex_cell_1.menu>.flex_cell_content {
4973        display: flex;
4974        margin-top:px;        margin-bottom:px;        margin-left:10px;        margin-right:px;        padding-top:px;        padding-bottom:px;        padding-left:px;        padding-right:px;    }
4975
4976    .header_container_3>.flex_row_2>.flex_col_1>.flex_cell_1.menu>.flex_cell_content>nav>ul>li>a,
4977    .header_container_3>.flex_row_2>.flex_col_1>.flex_cell_1.menu>.flex_cell_content>nav>ul>li>button {
4978        color:#000000; display: flex;
4979        font-weight:400;        font-style:normal;                font-size:14px;        font-family:ITC Avant Garde;        text-transform:none;                line-height:35px;    }
4980
4981    .header_container_3>.flex_row_2>.flex_col_1>.flex_cell_1.menu>.flex_cell_content>nav>ul>li>a:hover {
4982        color:#000000;    }
4983</style>
4984                        </div>
4985
4986                        <style>
4987                            .header_container_3>.flex_row_2>.flex_col_1 {
4988                            width:10%;                            }
4989                        </style>
4990
4991
4992                    
4993                        <div class="flex_col flex_col_2">
4994
4995                            
4996
4997<div class="flex_cell flex_cell_1 image">
4998    <div class="flex_cell_content">
4999
5000            <a href="https://www.albertsjewelers.com/"
5001           >
5002    
5003        
5004            <img
5005                height="50px"                width="100px"
5006                
5007                src="https://www.albertsjewelers.com/public/1.0/uploads/source/website-header-logos1---m.jpg"
5008
5009                alt="Albert&#039;s Diamond Jewelers">
5010
5011        
5012            </a>
5013    
5014    </div>
5015</div>
5016    <style>
5017                .header_container_3>.flex_row_2>.flex_col_2>.flex_cell_1.image {
5018        width:100%;        justify-content:left;
5018 -webkit-justify-content:left;                align-items:center; -webkit-align-items:center;        }
5019        .header_container_3>.flex_row_2>.flex_col_2>.flex_cell_1.image>.flex_cell_content {
5020        display: flex;
5021        margin-top:5px;        margin-bottom:5px;        margin-left:15px;        margin-right:px;        padding-top:px;        padding-bottom:px;        padding-left:px;        padding-right:px;        }
5022        .header_container_3>.flex_row_2>.flex_col_2>.flex_cell_1.image img {
5023                }
5024        
5025                .header_container_3>.flex_row_2>.flex_col_2>.flex_cell_1.image {
5026        height:100%;        }
5027            </style>
5028
5029
5030                        </div>
5031
5032                        <style>
5033                            .header_container_3>.flex_row_2>.flex_col_2 {
5034                            width:50%;                            }
5035                        </style>
5036
5037
5038                    
5039                        <div class="flex_col flex_col_3">
5040
5041                            
5042<div class="flex_cell flex_cell_1 account_icons">
5043    <div class="flex_cell_content">
5044        
5045                    <a class="" href="/wishlist" title="Wishlist" rel="nofollow" style="order: 1">
5046                <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>
5047                            </a>
5048        
5049                    <a class=" build-shopping-cart-icon" href="/shopping-cart" title="Shopping Cart" style="order: 2">
5050                <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>
5051                            </a>
5052        
5053        
5054                                    <a class="" href="/login" title="My Account" style="order: 3">
5055                    <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>
5056                        </div>
5057</div>
5058
5059<style>
5060    .header_container_3>.flex_row_2>.flex_col_3>.flex_cell_1.account_icons {
5061        width:100%;                                    justify-content: flex-end;
5062                            align-items:center; -webkit-align-items:center;    }
5063
5064            .header_container_3>.flex_row_2>.flex_col_3>.flex_cell_1.account_icons {
5065        height:100%;        }
5066    
5067    .header_container_3>.flex_row_2>.flex_col_3>.flex_cell_1.account_icons>.flex_cell_content {
5068    display: flex;
5069    margin-top:px;    margin-bottom:5px;    margin-left:px;    margin-right:4px;    padding-top:px;    padding-bottom:px;    padding-left:px;    padding-right:px;    }
5070
5071    .header_container_3>.flex_row_2>.flex_col_3>.flex_cell_1.account_icons .wishlist-count-badge.d-none {
5072        display: none !important;
5073    }
5074
5075    .header_container_3>.flex_row_2>.flex_col_3>.flex_cell_1.account_icons a {
5076        display: flex;
5077        align-items: center;
5078        color:#022d57;        font-weight:400;        font-style:normal;                        font-size:14px;        font-family:ITC Avant Garde;        margin-left: 12px;
5079        text-transform:none;    }
5080
5081    .header_container_3>.flex_row_2>.flex_col_3>.flex_cell_1.account_icons a svg,
5082    .header_container_3>.flex_row_2>.flex_col_3>.flex_cell_1.account_icons a img {
5083        flex-shrink: 0;
5084        margin-right: 5px;
5085        width:13px;        height:13px;    }
5086
5087    .header_container_3>.flex_row_2>.flex_col_3>.flex_cell_1.account_icons a .path_class {
5088        fill: currentColor;
5089    }
5090
5091    .header_container_3>.flex_row_2>.flex_col_3>.flex_cell_1.account_icons a:hover {
5092        color:#003da5;    }
5093
5094    .header_container_3>.flex_row_2>.flex_col_3>.flex_cell_1.account_icons a .item-count-badge {
5095        padding: 0 5px;
5096        height: 16px;
5097        min-width: 16px;
5098        text-align: center;
5099        border-radius: 7px;
5100        line-height: 16px;
5101        border: 1px solid #fff;
5102        font-style: normal;
5103        font-weight: 700;
5104        font-size: 10px;
5105        background-color:#cdb877;        color:#ffffff;        margin-left: -10px;
5106        margin-top: -15px;
5107    }
5108</style>
5109                        </div>
5110
5111                        <style>
5112                            .header_container_3>.flex_row_2>.flex_col_3 {
5113                            width:40%;                            }
5114                        </style>
5115
5116
5117                    
5118                </div>
5119
5120                
5121                <style>
5122    .header_container_3>.flex_row_2 {
5123                    background-color: #ffffff;
5124        
5125        color:#000000;        height:auto;                
5126        
5127            }
5128
5129    </style>
5130
5131
5132                                
5133            
5134                
5135                <div class="flex_row flex_row_3 ">
5136
5137                    
5138                        <div class="flex_col flex_col_1">
5139
5140                            
5141<div class="flex_cell flex_cell_1 search_box">
5142    <div class="flex_cell_content">
5143                    <form class="sform" id="search-box-form"
5144            onsubmit="javascript: window.location = '/keyword-search?search=' + encodeURIComponent($(this).find('input[name=search]').val()); return false;">
5145                    <div class="inputs-group">
5146                                    <button class="sBtn">
5147                        <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>
5148                    </button>
5149                                <input class="sinp" type="text" name="search"
5150                       placeholder="Search Products..." 
5151                       aria-label="Search Products..."
5152                       >
5153                            </div>
5154                    </form>
5155            </div>
5156</div>
5157<style>
5158    .header_container_3>.flex_row_3>.flex_col_1>.flex_cell_1.search_box {
5159        width:100%;        justify-content:center; -webkit-justify-content:center;        align-items:center; -webkit-align-items:center;    }
5160
5161            .header_container_3>.flex_row_3>.flex_col_1>.flex_cell_1.search_box {
5162        height:100%;        }
5163    
5164    .header_container_3>.flex_row_3>.flex_col_1>.flex_cell_1.search_box>.flex_cell_content {
5165        display: flex;
5166        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%;    }
5167
5168    .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 {
5169        width: 100%;
5170        display: flex;
5171        flex-wrap: nowrap;
5172    }
5173
5174    .header_container_3>.flex_row_3>.flex_col_1>.flex_cell_1 .sinp {
5175        border-radius: 0px;
5176        padding: 4px 8px;
5177        outline: 0px;
5178        box-shadow: none;
5179        font-size:12px;        font-family:Baskerville;        color:#022d57;        font-weight:400;        font-style:normal;                        background-color:#ffffff;        
5180        
5181       
5182                border-style: solid;
5183        border-width:1px;        border-color:#ffffff;        
5184
5185                    border-left:0px;
5186                        width: 100%;        
5187        
5188                border-bottom-color:#022d57;    }
5189
5190    .header_container_3>.flex_row_3>.flex_col_1>.flex_cell_1 .sinp:hover {
5191            }
5192
5193    .header_container_3>.flex_row_3>.flex_col_1>.flex_cell_1 .sinp::placeholder {
5194        font-size:12px;        font-family:Baskerville;        color:#022d57;        opacity: 1;
5195    }
5196
5197    .header_container_3>.flex_row_3>.flex_col_1>.flex_cell_1 .sBtn {
5198        height: 100%;
5199        border-radius: 0px;
5200        padding: 4px;
5201        align-items: center;
5202        justify-content: center;
5203        display: flex;
5204        border-style: solid;
5205        border-width:1px;        border-color:#ffffff;        color:#022d57;        font-weight:400;        font-style:normal;                        background-color:#ffffff;                                    border-right:0px;
5206                            
5207            }
5208
5209    .header_container_3>.flex_row_3>.flex_col_1>.flex_cell_1 .sBtn:hover {
5210        background-color:#022d57;            }
5211
5212    .header_container_3>.flex_row_3>.flex_col_1>.flex_cell_1 .sBtn svg {
5213        width:11px;        height:11px;    }
5214
5215    .header_container_3>.flex_row_3>.flex_col_1>.flex_cell_1 .sBtn .path_class {
5216        fill:#022d57;    }
5217
5218    .header_container_3>.flex_row_3>.flex_col_1>.flex_cell_1 .sBtn:hover .path_class {
5219        fill:#022d57;    }
5220
5221</style>
5222                        </div>
5223
5224                        <style>
5225                            .header_container_3>.flex_row_3>.flex_col_1 {
5226                            width:100%;                            }
5227                        </style>
5228
5229
5230                    
5231                </div>
5232
5233                
5234                <style>
5235    .header_container_3>.flex_row_3 {
5236                    background-color: #ffffff;
5237        
5238        color:#000000;        height:auto;                
5239        
5240            }
5241
5242    </style>
5243
5244
5245                                
5246            
5247            
5248                
5249                    <div class="flex_row">
5250
5251                        
5252                            <div class="flex_col">
5253
5254                                
5255                            </div>
5256                        
5257                            <div class="flex_col">
5258
5259                                
5260                            </div>
5261                        
5262                            <div class="flex_col">
5263
5264                                
5265                            </div>
5266                        
5267                            <div class="flex_col">
5268
5269                                
5270                            </div>
5271                        
5272                    </div>
5273                
5274            
5275                
5276                    <div class="flex_row">
5277
5278                        
5279                            <div class="flex_col">
5280
5281                                <div class="flex_cell flex_cell_1 menu">
5282    <style>
5283        body.no-scroll {
5284            overflow: hidden;
5285        }
5286        #mobile_hamburger_menu_template {
5287            position: fixed;
5288            top: 0;
5289            left: 0;
5290            width: 425px;
5291            overflow-y: auto;
5292            left: -425px;
5293            z-index: 1000000001;
5294            background-color: #ffffff;
5295            transition: all 0.3s ease;
5296            height: 100%;
5297            max-height: 100vh;
5298            -webkit-overflow-scrolling: touch;
5299            box-sizing: border-box;
5300        }
5301        #mobile_hamburger_menu_template_overlay.open {
5302            position: absolute;
5303            top: 0;
5304            left: 0;
5305            right: 0;
5306            z-index: 100;
5307            transition: all 0.3s ease;
5308            height: 100vh;
5309            background: rgba(1, 1, 1, 0.5);
5310            cursor: pointer;
5311            box-sizing: border-box;
5312        }
5313        #mobile_hamburger_menu_template .hamburger-menu-template-inner-m {
5314            height: 100vh;
5315            overflow-y: auto;
5316            -webkit-overflow-scrolling: touch;
5317            box-sizing: border-box;
5318            padding-right: 30px;
5319        }
5320        
5321        /* Applies to your scrollable element */
5322        #mobile_hamburger_menu_template .hamburger-menu-template-inner-m,
5323        #mobile_hamburger_menu_template .sub-menu-panel {
5324          /* existing styles */
5325          overflow-y: auto;
5326          scroll-behavior: smooth;
5327
5328          /* Optional smoother experience on mobile */
5329          -webkit-overflow-scrolling: touch;
5330        }
5331
5332        /* Custom scrollbar for WebKit (Chrome, Safari, Edge) */
5333        #mobile_hamburger_menu_template .hamburger-menu-template-inner-m::-webkit-scrollbar,
5334        #mobile_hamburger_menu_template .sub-menu-panel::-webkit-scrollbar {
5335          width: 8px;
5336        }
5337
5338        #mobile_hamburger_menu_template .hamburger-menu-template-inner-m::-webkit-scrollbar-track,
5339        #mobile_hamburger_menu_template .sub-menu-panel::-webkit-scrollbar-track {
5340          background: #f0f0f0; /* Light background */
5341          border-radius: 4px;
5342        }
5343        #mobile_hamburger_menu_template .hamburger-menu-template-inner-m::-webkit-scrollbar-thumb,
5344        #mobile_hamburger_menu_template .sub-menu-panel::-webkit-scrollbar-thumb {
5345          background-color: #ccc;
5346          border-radius: 4px;
5347          border: 2px solid #f0f0f0; /* Matches track */
5348        }
5349        #mobile_hamburger_menu_template .hamburger-menu-template-inner-m::-webkit-scrollbar-thumb:hover,
5350        #mobile_hamburger_menu_template .sub-menu-panel::-webkit-scrollbar-thumb:hover {
5351          background-color: #999;
5352        }
5353
5354        /* Firefox scrollbar styling */
5355        @supports (scrollbar-color: auto) {
5356            #mobile_hamburger_menu_template .hamburger-menu-template-inner-m,
5357          #mobile_hamburger_menu_template .sub-menu-panel {
5358            scrollbar-width: thin;
5359            scrollbar-color: #ccc #f0f0f0; /* thumb and track */
5360          }
5361        }
5362        #mobile_hamburger_menu_template .hamburger-menu-template-inner {
5363            padding: 30px;
5364            width: 425px;
5365            padding-right: 0px;
5366            position: fixed;
5367            box-sizing: border-box;
5368        }
5369        #mobile_hamburger_menu_template .hamburger-menu-close-button {
5370            font-size: 14px !important;
5371            display: flex;
5372            align-items: center;
5373            margin-bottom: 20px;
5374        }
5375        #mobile_hamburger_menu_template .hamburger-menu-close-button svg {
5376            height: 24px;
5377            margin-right: 5px;
5378        }
5379        #mobile_hamburger_menu_template .hamburger-menu-nav-section {
5380            display: flex;
5381            justify-content: space-between;
5382            align-items: center;
5383            box-sizing: border-box;
5384        }
5385        #mobile_hamburger_menu_template .sub_title_m {
5386            color: #444;
5387            text-transform: uppercase;
5388            font-weight: 400;
5389            font-size: 14px;
5390            margin-top: 30px;
5391            margin-bottom: 30px;
5392            letter-spacing: 2px;
5393            display:flex;
5394        }
5395        #mobile_hamburger_menu_template .hamburger-menu-nav-section svg {
5396            height: 20px;
5397            float: right;
5398        }
5399        #mobile_hamburger_menu_template .hamburger-menu-nav-section.parent_men span{
5400            text-decoration: underline;
5401        }
5402        #mobile_hamburger_menu_template .hamburger-menu-nav-section.parent_men_arrow{
5403            min-width:30px;
5404            justify-content: end;
5405        }
5406        #mobile_hamburger_menu_template .icon_and_name {
5407            display:flex;
5408            align-items:center;
5409            gap:10px;
5410        }
5411        #mobile_hamburger_menu_template .ham_menu_container {
5412            display:flex;
5413            justify-content: space-between;
5414        }
5415        #mobile_hamburger_menu_template.open {
5416            left: 0;
5417            
5418        }        
5419        #mobile_hamburger_menu_template .sub-menu-panel {
5420            padding: 30px;
5421            padding-top: 60px;
5422            position: absolute;
5423            top: 0;
5424            left: 425px;
5425            width: 425px;
5426            height: 100vh;
5427            background-color: #fff;
5428            overflow-y: auto;
5429            z-index: 999999;
5430            opacity: 0;
5431            transition: opacity 0.5s ease;
5432        }
5433
5434        #mobile_hamburger_menu_template .sub-menu-panel.open {       
5435            opacity: 1;
5436            z-index: 9999999;
5437        }
5438         
5439        
5440        
5441        #mobile_hamburger_menu_template a.hamburger-menu-nav-section,
5442        #mobile_hamburger_menu_template button.hamburger-menu-nav-section,
5443        #mobile_hamburger_menu_template a.hamburger-menu-close-button,
5444        #mobile_hamburger_menu_template button.hamburger-menu-close-button {
5445            position: relative;
5446        color:#000000;            display: flex;
5447        font-weight:400;        font-style:normal;                font-size:14px;        font-family:ITC Avant Garde;        text-transform:none;                line-height:35px;        }
5448        #mobile_hamburger_menu_template button.hamburger-menu-nav-section,
5449        #mobile_hamburger_menu_template button.hamburger-menu-close-button {
5450            background: none;
5451            border: none;
5452            padding: 0;
5453            cursor: pointer;
5454            width: 100%;
5455        }
5456        /* this is not working in dash */
5457        #mobile_hamburger_menu_template a.hamburger-menu-nav-section:hover, 
5458        #mobile_hamburger_menu_template button.hamburger-menu-nav-section:hover,
5459        #mobile_hamburger_menu_template a.hamburger-menu-nav-section.active,
5460        #mobile_hamburger_menu_template button.hamburger-menu-nav-section.active
5461        {
5462            color: #000;
5463        }
5464        #mobile_hamburger_menu_template a.hamburger-menu-nav-section::after,
5465        #mobile_hamburger_menu_template button.hamburger-menu-nav-section::after {
5466            content: "";
5467            position: absolute;
5468            left: 0;
5469            bottom: 0;
5470            width: 0%;
5471            height: 0.5px;
5472            background-color: #000;
5473            transition: width 0.5s ease;
5474        }
5475        #mobile_hamburger_menu_template a.hamburger-menu-nav-section.active::after,
5476        #mobile_hamburger_menu_template button.hamburger-menu-nav-section.active::after {
5477            width: 100%;
5478        }
5479
5480        #mobile_hamburger_menu_template a.hamburger-menu-nav-section:hover::after,
5481        #mobile_hamburger_menu_template button.hamburger-menu-nav-section:hover::after {
5482            width: 100%;
5483        }
5484        #mobile_hamburger_menu_template.hamburger-menu-template .nav_list_trd {
5485            display: none;
5486            padding: 15px 0px;
5487            padding-left: 20px;
5488            background: #fff;
5489        }
5490        #mobile_hamburger_menu_template.hamburger-menu-template .nav_list_trd.open {
5491            display: block;
5492            padding-top:2px;
5493        }        
5494        
5495        #mobile_hamburger_menu_template a.hamburger-menu-nav-section .icon_and_name img,
5496        #mobile_hamburger_menu_template button.hamburger-menu-nav-section .icon_and_name img {
5497                            height:30px;
5498                    }
5499        @media (min-width: 768px) {             
5500            .hide_desktop {
5501                display:none!important;
5502            }
5503        }
5504        
5505        @media (max-width: 767.9px) {            
5506            .hide_mobile {
5507                display:none!important;
5508            }
5509            #mobile_hamburger_menu_template .sub_title_m svg {
5510                height: 20px;
5511                transform: rotate(180deg);
5512            }
5513            #mobile_hamburger_menu_template .sub_title_m {
5514                align-items: center;
5515                gap: 8px;
5516                cursor: pointer;
5517            }
5518            #mobile_hamburger_menu_template {
5519                position: fixed;
5520                top: 0;
5521                left: 0;
5522                width: 100%;
5523                overflow-y: auto;
5524                left: -100%;
5525                z-index: 9999998;
5526                background-color: #ffffff;
5527                transition: all 0.3s ease;
5528                height: 100%;
5529                max-height: 100vh;
5530                -webkit-overflow-scrolling: touch;
5531                box-sizing: border-box;
5532            }
5533        
5534            #mobile_hamburger_menu_template .sub-menu-panel {
5535                padding: 30px;
5536                padding-top: 30px;
5537                padding-bottom: 100px;
5538                position: absolute;
5539                top: 0;
5540                left: 200%;
5541                width: 100%;
5542                height: 100vh;
5543                background-color: #fff;
5544                overflow-y: auto;
5545                z-index: -1;
5546                opacity: 1;
5547                transition: 0.5s ease;
5548                box-sizing: border-box;
5549            }
5550            #mobile_hamburger_menu_template .sub-menu-panel.open {       
5551                opacity: 1;
5552                left: 0px;
5553                z-index: 9999999;
5554            }
5555            
5556            #mobile_hamburger_menu_template .hamburger-menu-template-inner {
5557                width: 100%;
5558            }
5559            
5560            
5561        }
5562        
5563        
5564       
5565    </style>
5566
5567    <nav id="mobile_hamburger_menu_template" class="hamburger-menu-template" inert="inert">
5568        
5569        <div class="hamburger-menu-template-inner">
5570            <div class="hamburger-menu-template-inner-m">
5571                        <a href="#!" class="hamburger-menu-close-button mr-4" title="Close" id="mobile_hamburger_close_button" role="button">
5572                <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>
5573            </a>
5574            
5575            <div class="script_before_menu">
5576                                
5577
5578<div class="flex_cell flex_cell_1 image">
5579    <div class="flex_cell_content">
5580
5581    
5582        
5583            <img
5584                                
5585                
5586                src="https://www.albertsjewelers.com/public/1.0/uploads/source/homepage-2025/header-2025/frame-32.png"
5587
5588                alt="Albert&#039;s Jewelers">
5589
5590        
5591    
5592    </div>
5593</div>
5594    <style>
5595                .header_container_3 .flex_row .flex_col .script_before_menu .image {
5596        width:100%;        justify-content:left !important;                align-items:center !important;        }
5597        .header_container_3 .flex_row .flex_col .script_before_menu .image>.flex_cell_content {
5598        display: flex;
5599        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;        }
5600        .header_container_3 .flex_row .flex_col .script_before_menu .image img {
5601        max-width:130px;        }
5602        
5603                .header_container_3>.flex_row_2>.flex_col_1>.flex_cell_1.image {
5604                }
5605            </style>
5606
5607                            </div>
5608            <div style="clear: both"></div>
5609                                                                                                                        
5610                    
5611                                                <a style="margin-top:25px"
5612                           class="hamburger-menu-nav-section " 
5613                           title="New Arrivals" 
5614                           href="#!" >
5615                            
5616                        <span class="icon_and_name">
5617                        
5618                            New Arrivals                        </span>
5619                            
5620                                                    <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>
5621                        
5622                        </a>
5623                                            
5624
5625                    
5626                    <div class="sub-menu-panel" id="mobile-sub-menu-panel-216">
5627                        <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0">
5628                            <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne">
5629  <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>
5630</svg>
5631
5632                            New Arrivals                        
5633                        </div>
5634                        <div class="sub_title_m hide_mobile">New Arrivals</div>
5635                        
5636                        
5637                            <!-- mobile_hamburger_menu_216_start -->
5638                            <div id="mobile_hamburger_menu_216"></div>
5639                            <!-- mobile_hamburger_menu_216_end -->
5640                                            </div>
5641
5642                                        
5643                    
5644                                                <a style="margin-top:25px"
5645                           class="hamburger-menu-nav-section " 
5646                           title="Engagement Rings" 
5647                           href="#!" >
5648                            
5649                        <span class="icon_and_name">
5650                        
5651                            Engagement Rings                        </span>
5652                            
5653                                                    <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>
5654                        
5655                        </a>
5656                                            
5657
5658                    
5659                    <div class="sub-menu-panel" id="mobile-sub-menu-panel-6">
5660                        <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0">
5661                            <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne">
5662  <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>
5663</svg>
5664
5665                            Engagement Rings                        
5666                        </div>
5667                        <div class="sub_title_m hide_mobile">Engagement Rings</div>
5668                        
5669                        
5670                            <!-- mobile_hamburger_menu_6_start -->
5671                            <div id="mobile_hamburger_menu_6"></div>
5672                            <!-- mobile_hamburger_menu_6_end -->
5673                                            </div>
5674
5675                            
5676                    
5677                                                <a style=""
5678                           class="hamburger-menu-nav-section " 
5679                           title="Wedding Bands" 
5680                           href="#!" >
5681                            
5682                        <span class="icon_and_name">
5683                        
5684                            Wedding Bands                        </span>
5685                            
5686                                                    <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>
5687                        
5688                        </a>
5689                                            
5690
5691                    
5692                    <div class="sub-menu-panel" id="mobile-sub-menu-panel-12">
5693                        <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0">
5694                            <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne">
5695  <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>
5696</svg>
5697
5698                            Wedding Bands                        
5699                        </div>
5700                        <div class="sub_title_m hide_mobile">Wedding Bands</div>
5701                        
5702                        
5703                            <!-- mobile_hamburger_menu_12_start -->
5704                            <div id="mobile_hamburger_menu_12"></div>
5705                            <!-- mobile_hamburger_menu_12_end -->
5706                                            </div>
5707
5708                            
5709                    
5710                                                <a style=""
5711                           class="hamburger-menu-nav-section " 
5712                           title="Diamonds" 
5713                           href="#!" >
5714                            
5715                        <span class="icon_and_name">
5716                        
5717                            Diamonds                        </span>
5718                            
5719                                                    <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>
5720                        
5721                        </a>
5722                                            
5723
5724                    
5725                    <div class="sub-menu-panel" id="mobile-sub-menu-panel-11">
5726                        <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0">
5727                            <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne">
5728  <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>
5729</svg>
5730
5731                            Diamonds                        
5732                        </div>
5733                        <div class="sub_title_m hide_mobile">Diamonds</div>
5734                        
5735                        
5736                            <!-- mobile_hamburger_menu_11_start -->
5737                            <div id="mobile_hamburger_menu_11"></div>
5738                            <!-- mobile_hamburger_menu_11_end -->
5739                                            </div>
5740
5741                            
5742                    
5743                                                <a style="margin-top:20px"
5744                           class="hamburger-menu-nav-section " 
5745                           title="Designers " 
5746                           href="#!" >
5747                            
5748                        <span class="icon_and_name">
5749                        
5750                            Designers                         </span>
5751                            
5752                                                    <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>
5753                        
5754                        </a>
5755                                            
5756
5757                    
5758                    <div class="sub-menu-panel" id="mobile-sub-menu-panel-72">
5759                        <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0">
5760                            <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne">
5761  <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>
5762</svg>
5763
5764                            Designers                         
5765                        </div>
5766                        <div class="sub_title_m hide_mobile">Designers </div>
5767                        
5768                        
5769                            <!-- mobile_hamburger_menu_72_start -->
5770                            <div id="mobile_hamburger_menu_72"></div>
5771                            <!-- mobile_hamburger_menu_72_end -->
5772                                            </div>
5773
5774                            
5775                    
5776                                                <a style=""
5777                           class="hamburger-menu-nav-section " 
5778                           title="Fine Jewelry" 
5779                           href="#!" >
5780                            
5781                        <span class="icon_and_name">
5782                        
5783                            Fine Jewelry                        </span>
5784                            
5785                                                    <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>
5786                        
5787                        </a>
5788                                            
5789
5790                    
5791                    <div class="sub-menu-panel" id="mobile-sub-menu-panel-16">
5792                        <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0">
5793                            <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne">
5794  <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>
5795</svg>
5796
5797                            Fine Jewelry                        
5798                        </div>
5799                        <div class="sub_title_m hide_mobile">Fine Jewelry</div>
5800                        
5801                        
5802                            <!-- mobile_hamburger_menu_16_start -->
5803                            <div id="mobile_hamburger_menu_16"></div>
5804                            <!-- mobile_hamburger_menu_16_end -->
5805                                            </div>
5806
5807                            
5808                    
5809                                                <a style=""
5810                           class="hamburger-menu-nav-section " 
5811                           title="Timepieces" 
5812                           href="#!" >
5813                            
5814                        <span class="icon_and_name">
5815                        
5816                            Timepieces                        </span>
5817                            
5818                                                    <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>
5819                        
5820                        </a>
5821                                            
5822
5823                    
5824                    <div class="sub-menu-panel" id="mobile-sub-menu-panel-20">
5825                        <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0">
5826                            <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne">
5827  <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>
5828</svg>
5829
5830                            Timepieces                        
5831                        </div>
5832                        <div class="sub_title_m hide_mobile">Timepieces</div>
5833                        
5834                        
5835                            <!-- mobile_hamburger_menu_20_start -->
5836                            <div id="mobile_hamburger_menu_20"></div>
5837                            <!-- mobile_hamburger_menu_20_end -->
5838                                            </div>
5839
5840                            
5841                    
5842                                                <a style="margin-top:20px"
5843                           class="hamburger-menu-nav-section " 
5844                           title="Services" 
5845                           href="#!" >
5846                            
5847                        <span class="icon_and_name">
5848                        
5849                            Services                        </span>
5850                            
5851                                                    <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>
5852                        
5853                        </a>
5854                                            
5855
5856                    
5857                    <div class="sub-menu-panel" id="mobile-sub-menu-panel-179">
5858                        <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0">
5859                            <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne">
5860  <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>
5861</svg>
5862
5863                            Services                        
5864                        </div>
5865                        <div class="sub_title_m hide_mobile">Services</div>
5866                        
5867                        
5868                            <!-- mobile_hamburger_menu_179_start -->
5869                            <div id="mobile_hamburger_menu_179"></div>
5870                            <!-- mobile_hamburger_menu_179_end -->
5871                                            </div>
5872
5873                            
5874                    
5875                                                <a style=""
5876                           class="hamburger-menu-nav-section " 
5877                           title="Contact" 
5878                           href="#!" >
5879                            
5880                        <span class="icon_and_name">
5881                        
5882                            Contact                        </span>
5883                            
5884                                                    <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>
5885                        
5886                        </a>
5887                                            
5888
5889                    
5890                    <div class="sub-menu-panel" id="mobile-sub-menu-panel-22">
5891                        <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0">
5892                            <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne">
5893  <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>
5894</svg>
5895
5896                            Contact                        
5897                        </div>
5898                        <div class="sub_title_m hide_mobile">Contact</div>
5899                        
5900                        
5901                            <!-- mobile_hamburger_menu_22_start -->
5902                            <div id="mobile_hamburger_menu_22"></div>
5903                            <!-- mobile_hamburger_menu_22_end -->
5904                                            </div>
5905
5906                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                <div class="script_after_menu">
5907                                                    <div class="custom_script_after_menu">
5908                        <br><br><br><br><br>                    </div>
5909                            </div>
5910        </div>
5911        </div>
5912    </nav>
5913    <div class="hamburger-menu-template-overlay" id="mobile_hamburger_menu_template_overlay"></div>
5914
5915    
5915<script>
5916        $(function () {
5917            
5918            
5919            const trap = focusTrap.createFocusTrap('#mobile_hamburger_menu_template', {
5920                onActivate: () => $('#mobile_hamburger_menu_template').addClass('is-active'),
5921                onDeactivate: () => $('#mobile_hamburger_menu_template').removeClass('is-active'),
5922                clickOutsideDeactivates: true
5923            });
5924    
5925    
5926    
5927            function updatePanelWidth() {
5928                const elements = document.querySelectorAll('.custom_bm_fw');
5929
5930                elements.forEach(element => {
5931                  const panel = element.closest('.sub-menu-panel');
5932                  if (panel) {
5933                    if (window.innerWidth > 768) { 
5934                      const newWidth = window.innerWidth - 425;
5935                      panel.style.width = `${newWidth}px`;
5936                    } else {
5937                      panel.removeAttribute('style');
5938                    }
5939                  }
5940                });
5941              }
5942
5943            updatePanelWidth();
5944            window.addEventListener('resize', updatePanelWidth);
5945
5946            let $lastNavTrigger = null;
5947            $('.sub-menu-panel').attr('tabindex', '-1');
5948            $('.sub-menu-panel').find('a, button, .close_sub_menu').attr('tabindex', '-1');
5949
5950
5951
5952            $('#mobile_hamburger_button').on('click keypress', function (event) {
5953                if(event.which === 13 || event.which === 32 || event.type == 'click') {
5954                    if(event.which === 32) {
5955                        event.preventDefault();
5956                    }
5957                    document.body.classList.add('no-scroll');
5958                    $('#mobile_hamburger_menu_template').toggleClass('open')
5959                    $('#mobile_hamburger_menu_template_overlay').toggleClass('open')
5960                    $('#mobile_hamburger_menu_template').removeAttr('inert')
5961                    trap.activate()
5962                    $('#mobile_hamburger_close_button').focus()
5963                }
5964            })
5965            
5966            function closeSubMenu() {
5967                document.querySelectorAll('.sub-menu-panel').forEach(panel => {
5968                    panel.classList.remove('open');
5969                })
5970                document.querySelectorAll('.hamburger-menu-nav-section').forEach(panel => {
5971                    panel.classList.remove('active');
5972                })
5973                $('.sub-menu-panel').find('a, button, .close_sub_menu').attr('tabindex', '-1');
5974                // Restore main-list nav items to the tab order
5975                $('.hamburger-menu-nav-section').removeAttr('tabindex');
5976                if ($lastNavTrigger) {
5977                    $lastNavTrigger.focus();
5978                    $lastNavTrigger = null;
5979                }
5980            }
5981
5982            $('.header_container_3').on('click', '.close_sub_menu', function() {
5983                closeSubMenu();
5984            })
5985
5986            $('.header_container_3').on('keydown', '.close_sub_menu', function(event) {
5987                if (event.key === 'Enter' || event.key === ' ') {
5988                    event.preventDefault();
5989                    closeSubMenu();
5990                }
5991            })
5992            
5993            
5994
5995            // Cycle Tab focus within the open sub-menu-panel (last item → first item)
5996            $(document).on('keydown', '.sub-menu-panel.open [tabindex="0"]', function(event) {
5997                if (event.key !== 'Tab' || event.shiftKey) return;
5998                var $panel = $(this).closest('.sub-menu-panel.open');
5999                var $focusable = $panel.find('a[tabindex="0"], button[tabindex="0"], .close_sub_menu[tabindex="0"]');
6000                if ($focusable.last().is(this)) {
6001                    event.preventDefault();
6002                    $focusable.first().trigger('focus');
6003                }
6004            });
6005
6006            $('#mobile_hamburger_close_button, #mobile_hamburger_menu_template_overlay').on('click keypress', function (event) {
6007                // <button> fires a synthetic click on Enter/Space — skip keypress to avoid double-fire
6008                if (event.type === 'keypress' && this.tagName === 'BUTTON') {
6009                    return;
6010                }
6011                if(event.which === 13 || event.which === 32 || event.type == 'click') {
6012                    if (event.which === 32) {
6013                        event.preventDefault();
6014                    }
6015
6016                    closeHamburgerMenu();
6017                }
6018            })
6019
6020            $(window).resize(function () {
6021                                if($(window).width() > 768) closeHamburgerMenu();
6022                            })
6023
6024            function closeHamburgerMenu() {
6025                document.querySelectorAll('.sub-menu-panel').forEach(panel => {
6026                    panel.classList.remove('open');
6027                })
6028                document.querySelectorAll('.hamburger-menu-nav-section').forEach(panel => {
6029                    panel.classList.remove('active');
6030                })
6031                $('.sub-menu-panel').find('a, button, .close_sub_menu').attr('tabindex', '-1');
6032                // Restore main-list nav items to the tab order
6033                $('.hamburger-menu-nav-section').removeAttr('tabindex');
6034                $lastNavTrigger = null;
6035                document.body.classList.remove('no-scroll');
6036                $('#mobile_hamburger_menu_template').removeClass('open')
6037                $('#mobile_hamburger_menu_template_overlay').removeClass('open')
6038                $('#mobile_hamburger_menu_template').attr('inert', 'inert')
6039                trap.deactivate()
6040            }
6041
6042            $('.header_container_3').on('click', '.hamburger-menu-nav-section', function() {
6043
6044                if ($(this).hasClass("active")) {
6045                    document.querySelectorAll('.sub-menu-panel').forEach(panel => {
6046                        panel.classList.remove('open');
6047                    })
6048                    document.querySelectorAll('.hamburger-menu-nav-section').forEach(panel => {
6049                        panel.classList.remove('active');
6050                    })
6051                    $('.sub-menu-panel').find('a, button, .close_sub_menu').attr('tabindex', '-1');
6052                    // Restore main-list nav items to the tab order
6053                    $('.hamburger-menu-nav-section').removeAttr('tabindex');
6054                } else {
6055                    // For parent_men_arrow, the sub-menu-panel is after ham_menu_container, not after the button
6056                    let $checkPanel = $(this).hasClass("parent_men_arrow")
6057                        ? $(this).closest('.ham_menu_container').next('.sub-menu-panel')
6058                        : $(this).next('.sub-menu-panel');
6059
6060                    if ($checkPanel.find('.nav_a_trd').length > 0 || $checkPanel.find('.custom_build_menu').length > 0) {
6061                        document.querySelectorAll('.sub-menu-panel').forEach(panel => {
6062                            panel.classList.remove('open');
6063                        })
6064                        document.querySelectorAll('.hamburger-menu-nav-section').forEach(panel => {
6065                            panel.classList.remove('active');
6066                        })
6067                        $('.sub-menu-panel').find('a, button, .close_sub_menu').attr('tabindex', '-1');
6068
6069                        $(this).addClass('active');
6070                        $lastNavTrigger = $(this);
6071
6072                        let $openedPanel = null;
6073
6074                        if (!$(this).hasClass("parent_men")) {
6075                            updatePanelWidth();
6076                            $(this).next('.sub-menu-panel').toggleClass('open');
6077                            $openedPanel = $(this).next('.sub-menu-panel');
6078                        }
6079                        if ($(this).hasClass("parent_men_arrow")) {
6080                            $(this).closest('.ham_menu_container').next('.sub-menu-panel').toggleClass('open');
6081                            $openedPanel = $(this).closest('.ham_menu_container').next('.sub-menu-panel');
6082                        }
6083
6084                        if ($openedPanel && $openedPanel.hasClass('open')) {
6085                            // Hide main-list nav items from tab order while panel is open
6086                            $('.hamburger-menu-nav-section').attr('tabindex', '-1');
6087                            $openedPanel.find('a, button, .close_sub_menu').attr('tabindex', '0');
6088                            setTimeout(function() {
6089                                $openedPanel.find('[tabindex="0"]').first().trigger('focus');
6090                            }, 50);
6091                        }
6092                    }
6093                }
6094
6095            })
6096        })
6097        
6098        function setHamburgerInnerHeight() {
6099            const inner = document.querySelector('.hamburger-menu
6099-template-inner-m');
6100            const offset = 0; // adjust this if there's a header/footer inside
6101            inner.style.height = `${window.innerHeight - offset - 70}px`;
6102        }
6103
6104        // Run on load and resize
6105        window.addEventListener('load', setHamburgerInnerHeight);
6106        window.addEventListener('resize', setHamburgerInnerHeight);
6107
6108    </script>
6108
6109</div>
6110
6111<style>
6112    #mobile_hamburger_menu_template>ul>li>a {
6113        color:#000000; display: flex;
6114        font-weight:400;        font-style:normal;                font-size:14px;        font-family:ITC Avant Garde;        text-transform:none;                line-height:35px;    }
6115
6116    #mobile_hamburger_menu_template>ul>li>a:hover {
6117        color:#000000;    }
6118    
6119    
6120
6121</style>
6122                            </div>
6123                        
6124                            <div class="flex_col">
6125
6126                                
6127                            </div>
6128                        
6129                            <div class="flex_col">
6130
6131                                
6132                            </div>
6133                        
6134                    </div>
6135                
6136            
6137                
6138                    <div class="flex_row">
6139
6140                        
6141                            <div class="flex_col">
6142
6143                                
6144                            </div>
6145                        
6146                    </div>
6147                
6148            
6149        </div>
6150
6151
6152    
6153</header>
6154
6155<main id="main" class="main_page_container page_type_900 page_guid_3000016">
6156    
6156<script>
6157        // RS 2026-06-29 https://www.wrike.com/open.htm?id=4445249726
6158        // Current checkout step for sc-session-manager.js.
6159        window.scSession = window.scSession || {};
6160        window.scSession.isCart = true;
6161        window.scSession.currentStep = "cart";
6162    </script>
6162
6163        <form style="display:none" method="post" id="sc_session_form" action="" aria-label="Shopping cart session form">
6164        <input type="hidden" name="_csrf_token" value="4cb7f049a9f3cf52d6cb8bb2b1286566b6fbaf29a80251037edd0e005581af57">      <!--input type="hidden" name="sc_session" id="sc_session"-->
6165      <textarea type="hidden" name="sc_session_info_bar" id="sc_session_info_bar"></textarea>
6166    </form>
6167
6168    <h1 class="title filter-title text-center mb-4 invisible d-none">Information</h1>
6169
6170
6171                        <button type="button" id="final-offers-button" data-toggle="modal" data-target="#final-offers-modal" style="display:none;"></button>
6172        <div class="modal fade" id="final-offers-modal" tabindex="-1" role="dialog" aria-labelledby="final-offers-modal-label"
6173             aria-modal="true">
6174            <div class="modal-dialog modal-dialog-centered modal-xl" role="document">
6175                <div class="modal-content">
6176                    <div class="modal-header position-relative">
6177                        <h5 class="modal-title flex-grow-1 text-center px-4 general_style" id="final-offers-modal-label">Products You May Also Like!</h5>
6178                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
6179                            <span aria-hidden="true">&times;</span>
6180                        </button>
6181                    </div>
6182                    <div class="modal-body">
6183                        <div class="final-offers">
6184                                                            <div class="item d-flex flex-column justify-content-between h-auto">
6185                                    <div class="item-header">
6186                                                                                    <img src="https://s3.us-west-1.amazonaws.com/laravo-cloud/397/product_images/5x8/250/1254782_0.jpg" alt="Necklace" title="Necklace" loading="lazy" width="300" height="300"/>
6187                                                                                <h5 class="item-title general_style">
6188                                            Ania Haie Mother's Day Heart Locket Necklace N099-06G                                        </h5>
6189                                    </div>
6190                                    <div class="item-info">
6191                                        <p class="item-in-cart d-none">
6192                                            ADDED TO CART!
6193                                        </p>
6194                                                                                    <form method="POST" class="offer-add-to-cart-form" data-image-link="https://s3.us-west-1.amazonaws.com/laravo-cloud/397/product_images/original/1254782_0.jpg" data-sale-price="" data-retail-price="$99.00" data-warranty="" aria-label="Add Ania Haie Mother's Day Heart Locket Necklace N099-06G to cart">
6195                                                <input type="hidden" name="_csrf_token" value="4cb7f049a9f3cf52d6cb8bb2b1286566b6fbaf29a80251037edd0e005581af57">                                                <input type="hidden" id="cart-title" name="cart[add][0][title]" value="Ania Haie Mother's Day Heart Locket Necklace N099-06G"/>
6196                                                <input type="hidden" id="cart-guid" name="cart[add][0][guid]" value="10820349">
6197                                                <input type="hidden" id="cart-link" name="cart[add][0][link]" value="https://www.albertsjewelers.com/ania-haie/ania-haie-mother-s-day-heart-locket-necklace-n099-06g/10820349/en">
6198                                                <input type="hidden" id="cart-brandname" name="brandname" value="ANIA HAIE">
6199                                                <button type="button" class="btn btn-primary btn-add-to-cart general_style">
6200                                                    ADD TO CART
6201                                                </button>
6202                                            </form>
6203                                                                                <sp
6203an class="price">
6204                                                                                            $99.00                                                                                    </span>
6205                                        <a href="https://www.albertsjewelers.com/ania-haie/ania-haie-mother-s-day-heart-locket-necklace-n099-06g/10820349/en" target="_blank" class="item-details-link general_style">
6206                                            VIEW DETAILS
6207                                        </a>
6208                                    </div>
6209                                </div>
6210                                                            <div class="item d-flex flex-column justify-content-between h-auto">
6211                                    <div class="item-header">
6212                                                                                    <img src="https://s3.us-west-1.amazonaws.com/laravo-cloud/397/product_images/5x8/250/116089_0.jpg" alt="Necklace" title="Necklace" loading="lazy" width="300" height="300"/>
6213                                                                                <h5 class="item-title general_style">
6214                                            Albert's Sterling Silver 18'' .02ctw Diamond Heart Necklace FP1192-SSD                                        </h5>
6215                                    </div>
6216                                    <div class="item-info">
6217                                        <p class="item-in-cart d-none">
6218                                            ADDED TO CART!
6219                                        </p>
6220                                                                                    <form method="POST" class="offer-add-to-cart-form" data-image-link="https://s3.us-west-1.amazonaws.com/laravo-cloud/397/product_images/original/116089_0.jpg" data-sale-price="" data-retail-price="$169.00" data-warranty="" aria-label="Add Albert's Sterling Silver 18'' .02ctw Diamond Heart Necklace FP1192-SSD to cart">
6221                                                <input type="hidden" name="_csrf_token" value="4cb7f049a9f3cf52d6cb8bb2b1286566b6fbaf29a80251037edd0e005581af57">                                                <input type="hidden" id="cart-title" name="cart[add][0][title]" value="Albert's Sterling Silver 18'' .02ctw Diamond Heart Necklace FP1192-SSD"/>
6222                                                <input type="hidden" id="cart-guid" name="cart[add][0][guid]" value="5550620">
6223                                                <input type="hidden" id="cart-link" name="cart[add][0][link]" value="https://www.albertsjewelers.com/albert-s-collections/albert-s-sterling-silver-18-02ctw-diamond-heart-necklace-fp1192-ssd/5550620/en">
6224                                                <input type="hidden" id="cart-brandname" name="brandname" value="ALBERT'S">
6225                                                <button type="button" class="btn btn-primary btn-add-to-cart general_style">
6226                                                    ADD TO CART
6227                                                </button>
6228                                            </form>
6229                                                                                <span class="price">
6230                                                                                            $169.00                                                                                    </span>
6231                                        <a href="https://www.albertsjewelers.com/albert-s-collections/albert-s-sterling-silver-18-02ctw-diamond-heart-necklace-fp1192-ssd/5550620/en" target="_blank" class="item-details-link general_style">
6232                                            VIEW DETAILS
6233                                        </a>
6234                                    </div>
6235                                </div>
6236                                                            <div class="item d-flex flex-column justify-content-between h-auto">
6237                                    <div class="item-header">
6238                                                                                    <img src="https://s3.us-west-1.amazonaws.com/laravo-cloud/397/product_images/5x8/250/142320_0.jpg" alt="Earring" title="Earring" loading="lazy" width="300" height="300"/>
6239                                                                                <h5 class="item-title general_style">
6240                                            Albert's Sterling Silver Heart Diamond E
6240arrings FE1133-SSD                                        </h5>
6241                                    </div>
6242                                    <div class="item-info">
6243                                        <p class="item-in-cart d-none">
6244                                            ADDED TO CART!
6245                                        </p>
6246                                                                                    <form method="POST" class="offer-add-to-cart-form" data-image-link="https://s3.us-west-1.amazonaws.com/laravo-cloud/397/product_images/original/142320_0.jpg" data-sale-price="" data-retail-price="$169.00" data-warranty="" aria-label="Add Albert's Sterling Silver Heart Diamond Earrings FE1133-SSD to cart">
6247                                                <input type="hidden" name="_csrf_token" value="4cb7f049a9f3cf52d6cb8bb2b1286566b6fbaf29a80251037edd0e005581af57">                                                <input type="hidden" id="cart-title" name="cart[add][0][title]" value="Albert's Sterling Silver Heart Diamond Earrings FE1133-SSD"/>
6248                                                <input type="hidden" id="cart-guid" name="cart[add][0][guid]" value="5550125">
6249                                                <input type="hidden" id="cart-link" name="cart[add][0][link]" value="https://www.albertsjewelers.com/albert-s-collections/albert-s-sterling-silver-heart-diamond-earrings-fe1133/5550125/en">
6250                                                <input type="hidden" id="cart-brandname" name="brandname" value="ALBERT'S">
6251                                                <button type="button" class="btn btn-primary btn-add-to-cart general_style">
6252                                                    ADD TO CART
6253                                                </button>
6254                                            </form>
6255                                                                                <span class="price">
6256                                                                                            $169.00                                                                                    </span>
6257                                        <a href="https://www.albertsjewelers.com/albert-s-collections/albert-s-sterling-silver-heart-diamond-earrings-fe1133/5550125/en" target="_blank" class="item-details-link general_style">
6258                                            VIEW DETAILS
6259                                        </a>
6260                                    </div>
6261                                </div>
6262                                                            <div class="item d-flex flex-column justify-content-between h-auto">
6263                                    <div class="item-header">
6264                                                                                    <img src="https://s3.us-west-1.amazonaws.com/laravo-cloud/397/product_images/5x8/250/160167_0.jpg" alt="Earring" title="Earring" loading="lazy" width="300" height="300"/>
6265                                                                                <h5 class="item-title general_style">
6266                                            Albert's Sterling Silver .08ctw Diamond Hoop Earrings JY0789-RH*SW                                        </h5>
6267                                    </div>
6268                                    <div class="item-info">
6269                                        <p class="item-in-cart d-none">
6270                                            ADDED TO CART!
6271                                        </p>
6272                                                                                    <form method="POST" class="offer-add-to-cart-form" data-image-link="https://s3.us-west-1.amazonaws.com/laravo-cloud/397/product_images/original/160167_0.jpg" data-sale-price="" data-retail-price="$179.00" data-warranty="" aria-label="Add Albert's Sterling Silver .08ctw Diamond Hoop Earrings JY0789-RH*SW to cart">
6273                                                <input type="hidden" name="_csrf_token" value="4cb7f049a9f3cf52d6cb8bb2b1286566b6fbaf29a80251037edd0e005581af57">                                                <input type="hidden" id="cart-title" name="cart[add][0][title]" value="Albert's Sterling Silver .08ctw Diamond Hoop Earrings JY0789-RH*SW"/>
6274                                                <input type="hidden" id="cart-guid" name="cart[add][0][guid]" value="5555450">
6275                                                <input type="hidden" id="cart-link" name="cart[add][0][link]" value="https://www.albertsjewelers.com/albert-s-collections/albert-s-sterling-silver-08ctw-diamond-hoop-earrings/5555450/en">
6276                                                <input type="hidden" id="cart-brandname" name="brandname" value="ALBERT'S">
6277                                                <button type="button" class="btn btn-primary btn-add-to-cart general_style">
6278                                                    ADD TO CART
6279                                                </button>
6280                                            </form>
6281                                                                                <sp
6281an class="price">
6282                                                                                            $179.00                                                                                    </span>
6283                                        <a href="https://www.albertsjewelers.com/albert-s-collections/albert-s-sterling-silver-08ctw-diamond-hoop-earrings/5555450/en" target="_blank" class="item-details-link general_style">
6284                                            VIEW DETAILS
6285                                        </a>
6286                                    </div>
6287                                </div>
6288                                                            <div class="item d-flex flex-column justify-content-between h-auto">
6289                                    <div class="item-header">
6290                                                                                    <img src="https://s3.us-west-1.amazonaws.com/laravo-cloud/397/product_images/5x8/250/674074_0.jpg" alt="Accessory" title="Accessory" loading="lazy" width="300" height="300"/>
6291                                                                                <h5 class="item-title general_style">
6292                                            Albert's Lacquer Dipped Gold Trimmed Burgundy Starburst Rose With Box and Stand DY-5B-A-AU-75                                        </h5>
6293                                    </div>
6294                                    <div class="item-info">
6295                                        <p class="item-in-cart d-none">
6296                                            ADDED TO CART!
6297                                        </p>
6298                                                                                    <form method="POST" class="offer-add-to-cart-form" data-image-link="https://s3.us-west-1.amazonaws.com/laravo-cloud/397/product_images/original/674074_0.jpg" data-sale-price="" data-retail-price="$79.95" data-warranty="" aria-label="Add Albert's Lacquer Dipped Gold Trimmed Burgundy Starburst Rose With Box and Stand DY-5B-A-AU-75 to cart">
6299                                                <input type="hidden" name="_csrf_token" value="4cb7f049a9f3cf52d6cb8bb2b1286566b6fbaf29a80251037edd0e005581af57">                                                <input type="hidden" id="cart-title" name="cart[add][0][title]" value="Albert's Lacquer Dipped Gold Trimmed Burgundy Starburst Rose With Box and Stand DY-5B-A-AU-75"/>
6300                                                <input type="hidden" id="cart-guid" name="cart[add][0][guid]" value="5557341">
6301                                                <input type="hidden" id="cart-link" name="cart[add][0][link]" value="https://www.albertsjewelers.com/albert-s-collections/albert-s-lacquer-dipped-gold-trimmed-burgundy-starburst-rose-with-box-and-stand-dy-5b-a-au-75/5557341/en">
6302                                                <input type="hidden" id="cart-brandname" name="brandname" value="ALBERT'S">
6303                                                <button type="button" class="btn btn-primary btn-add-to-cart general_style">
6304                                                    ADD TO CART
6305                                                </button>
6306                                            </form>
6307                                                                                <span class="price">
6308                                                                                            $79.95                                                                                    </span>
6309                                        <a href="https://www.albertsjewelers.com/albert-s-collections/albert-s-lacquer-dipped-gold-trimmed-burgundy-starburst-rose-with-box-and-stand-dy-5b-a-au-75/5557341/en" target="_blank" class="item-details-link general_style">
6310                                            VIEW DETAILS
6311                                        </a>
6312                                    </div>
6313                                </div>
6314                                                    </div>
6315                    </div>
6316                </div>
6317            </div>
6318        </div>
6319        
6319<script async="async">
6320            $('#final-offers-modal .final-offers').slick({
6321                infinite: true,
6322                slidesToShow: 3,
6323                slidesToScroll: 3,
6324                arrows: true,
6325                responsive: [
6326                    {
6327                        breakpoint: 991,
6328                        settings: {
6329                            slidesToShow: 2,
6330                            slidesToScroll: 2
6331                        }
6332                    },
6333                    {
6334                        breakpoint: 768,
6335                        settings: {
6336                            slidesToShow: 1,
6337                            slidesToScroll: 1
6338                        }
6339                    }
6340                ]
6341            });
6342
6343            $(function () {
6344                                    let isPopupShown = localStorage.getItem("final-offers-shown") ?? false;
6345                
6346                showPopupOnScroll()
6347                $(window).scroll(function(){
6348                    showPopupOnScroll()
6349                });
6350
6351                function showPopupOnScroll() {
6352                    if(isPopupShown) {
6353                        return;
6354                    }
6355
6356                    if($(window).scrollTop() >= parseInt('0')){
6357                        isPopupShown = true;
6358
6359                        const delay = parseInt('0')
6360                        setTimeout(() => {
6361                                                            localStorage.setItem("final-offers-shown", true);
6362                                                        $('#final-offers-button').click();
6363                            if (typeof $('#final-offers-modal .final-offers').slick === 'function')
6364                                $('#final-offers-modal .final-offers').slick('refresh');
6365                            setTimeout(function () {
6366                                $('#final-offers-modal .final-offers').css('visibility', 'visible');
6367                            }, 1000);
6368                                                            const duration = parseInt('15')
6369                                setTimeout(() => {
6370                                    if ($('#final-offers-modal').hasClass('show')) {
6371                                        $('#final-offers-button').click();
6372                                    }
6373                                }, duration * 1000)
6374                                                    }, delay * 1000)
6375                    }
6376                }
6377            });
6378
6379            $('.btn-add-to-cart').on('click', function () {
6380                const $form = $(this).closest('.offer-add-to-cart-form');
6381                const $title = $form.find('#cart-title').val();
6382                const $guid = $form.find('#cart-guid').val();
6383                const $link = $form.find('#cart-link').val();
6384                const $brandname = $form.find('#cart-brandname').val();
6385
6386                $.ajax({
6387                    type: "POST",
6388                    url : "includes/assets/shopping_cart/sc_ws_functions.php",
6389                    headers: {'X-CSRF-TOKEN': window.csrf_token},
6390                    data: {
6391                        offer_add_to_cart: 1,
6392                        cart: {
6393                            add: [
6394                                {
6395                                    title: $title,
6396                                    guid: $guid,
6397                                    link: $link,
6398                                    qty: 1,
6399                                    type: 'guid'
6400                                }
6401                            ]
6402                        },
6403                        brandname: $brandname,
6404                        action: 'add_to_cart',
6405                        tier_list: '',
6406                    },
6407                    dataType: "json",
6408                    cache: false,
6409                    success: function( response ) {
6410                        // console.log(response);
6411
6412                        let firstItemAdded = false;
6413                        if($('.non-empty-cart').hasClass('d-none')) {
6414                            firstItemAdded = true;
6415                            $('.empty-cart').addClass('d-none');
6416                            $('.non-empty-cart').removeClass('d-none');
6417                        }
6418
6419                        if(response.success) {
6420                            
6421                            let quantityInput = $('.quantity-input-' + $guid);
6422
6423                            if(quantityInput.length > 0) {
6424                                quantityInput.val(parseInt(quantityInput.val()) + 1);
6425                            } else {
6426                                let imageLink = $form.data('image-link');
6427                                let salePrice = $form.data('sale-price');
6428                                let retailPrice = $form.data('retail-price');
6429                                let hasWarranty = $form.data('warranty');
6430                                let hasGiftWrap = 0;
6431                                let giftWrapping = 'Add  Gift Wrapping '
6432                                let gwPrice = '0';
6433
6434                                $('#last-shopping-cart-item').before((!firstItemAdded ? '<hr class="w-50 mx-auto">' : '') +
6435                                    '<div class="table_row d-flex align-items-center justify-content-between mb-3">'+
6436                                    '    <div class="item_image mr-3 mb-md-2">'+
6437                                    '        <a href="' + imageLink + '">' +
6438                                    '            <img src="' + imageLink + '" class="img-thumbnail" title="' + $title + '" alt="' + $title + '" height="118" width="123"/>' +
6439                                    '        </a>' +
6440                                    '    </div>' +
6441                                    '    <div class="item_text mr-md-4 mb-md-2 mt-4 mt-md-0">' +
6442                                    '        <a href="' + $link + '" class="item_title_link general_style">' + $title + '</a>' +
6443                                    '<br/><small class="text-small item-quantity">Quantity: <span class="qty">1</span> </small>' +
6444                                    (hasWarranty ? '<button type="button" class="btn btn-primary apply_warranty general_style w-auto d-md-block d-none mt-3" data-guid="' + $guid + '">Add Warranty</button>' : '') +
6445                                    (hasGiftWrap ?
6446                                        '<form method="POST" name="form_'+ $guid +'_add_gift_wrap" id="form_'+ $guid +'_add_gift_wrap" aria-label="Add gift wrapping for ' + $title + '">' +
6447                                            '<input type="hidden" name="_csrf_token" value="4cb7f049a9f3cf52d6cb8bb2b1286566b6fbaf29a80251037edd0e005581af57"><input type="hidden" name="cmd" value="SHOPPING_CART"/>' +
6448                                            '<input type="hidden" name="action" value="add_gift_wrap"/>' +
6449                                            '<input type="hidden" name="type" value="guid"/>' +
6450                                            '<input type="hidden" name="guid" value="'+ $guid +'"/>' +
6451                                            '<input type="hidden" name="gift_wrap_price" value="'+ gwPrice +'"/>' +
6452                                            '<button type="submit" class="apply_gw a_general_style mt-3">' +
6453                                                '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-gift"><polyline points="20 12 20 22 4 22 4 12"></polyline><rect x="2" y="7" width="20" height="5"></rect><line x1="12" y1="22" x2="12" y2="7"></line><path d="M12 7H7.5a2.5 2.5 0 0 1 0-5C11 2 12 7 12 7z"></path><path d="M12 7h4.5a2.5 2.5 0 0 0 0-5C13 2 12 7 12 7z"></path></svg>
6453' +
6454                                                giftWrapping +
6455                                            '</button>' +
6456                                        '</form>' : ''
6457                                    ) +
6458                                    '    </div>' +
6459                                    '    <div class="quancost mt-md-0 mt-3">' +
6460                                    (hasWarranty ? '<button type="button" class="btn btn-primary apply_warranty general_style w-auto d-md-none d-block mt-3 mr-auto" data-guid="' + $guid + '">Add Warranty</button>' : '') +
6461                                    '        <div class="quantity card_display" id="div_quantity_id">' +
6462                                    '            <form  method="post" class="form_quantity_id" aria-label="Update quantity for ' + $title + '"><input type="hidden" name="_csrf_token" value="4cb7f049a9f3cf52d6cb8bb2b1286566b6fbaf29a80251037edd0e005581af57">' +
6463                                    '                <input type="hidden" name="refresh_qty_info[guid]" value="' + $guid + '"/>' +
6464                                    '                <input type="hidden" name="refresh_qty_info[type]" value="guid"/>' +
6465                                    '                <input type="hidden" name="refresh_qty_info[action]" value="update_qty">' +
6466                                    '                <label for="quantity-input-' + $guid + '" class="d-none-i">Quantity</label>' +
6467                                    '                <input type="number" name="refresh_qty_info[qty]" id="quantity-input-' + $guid + '" class="form-control quantity-input quantity-input-' + $guid + '" min="1" max="99" value="1"/>' +
6468                                    '            </form>' +
6469                                    '        </div>' +
6470                                    '        <div class="item_cost">' +
6471                                    (salePrice ? '<small style="color:red;padding-right:1rem"><del>' + retailPrice + '</del></small>' + salePrice : retailPrice) +
6472                                    '    </div>' +
6473                                    '    <div class="remove_cart_item">' +
6474                                    '        <form method="POST" name="form_' + $guid + '_remove" id="form_' + $guid + '_remove" aria-label="Remove ' + $title + ' from cart">' +
6475                                    '            <input type="hidden" name="_csrf_token" value="4cb7f049a9f3cf52d6cb8bb2b1286566b6fbaf29a80251037edd0e005581af57"><input type="hidden" name="cmd" value="SHOPPING_CART"/>' +
6476                                    '            <input type="hidden" name="action" value="remove"/>' +
6477                                    '            <input type="hidden" name="type" value="guid"/>' +
6478                                    '            <input type="hidden" name="guid" value="' + $guid + '"/>' +
6479                                    '            <input type="hidden" class="product_guid" value="' + $guid + '">' +
6480                                    '            <input type="hidden" class="product_name" value="' + $title + '">' +
6481                                    '            <span title="Remove ' + $title + ' from shopping cart" class="remove_svg" >' +
6482                                    '                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" aria-hidden="true" focusable="false"><path d="M160 400C160 408.8 152.8 416 144 416C135.2 416 128 408.8 128 400V192C128 183.2 135.2 176 144 176C152.8 176 160 183.2 160 192V400zM240 400C240 408.8 232.8 416 224 416C215.2 416 208 408.8 208 400V192C208 183.2 215.2 176 224 176C232.8 176 240 183.2 240 192V400zM320 400C320 408.8 312.8 416 304 416C295.2 416 288 408.8 288 400V192C288 183.2 295.2 176 304 176C312.8 176 320 183.2 320 192V400zM317.5 24.94L354.2 80H424C437.3 80 448 90.75 448 104C448 117.3 437.3 128 424 128H416V432C416 476.2 380.2 512 336 512H112C67.82 512 32 476.2 32 432V128H24C10.75 128 0 117.3 0 104C0 90.75 10.75 80 24 80H93.82L130.5 24.94C140.9 9.357 158.4 0 177.1 0H270.9C289.6 0 307.1 9.358 317.5 24.94H317.5zM151.5 80H296.5L277.5 51.56C276 49.34 273.5 48 270.9 48H177.1C174.5 48 171.1 49.34 170.5 51.56L151.5 80zM80 432C80 449.7 94.33 464 112 464H336C353.7 464 368 449.7 368 432V128H80V432z"/></svg>
6482' +
6483                                    '            </span>' +
6484                                    '        </form>' +
6485                                    '    </div>' +
6486                                    '</div>');
6487                            }
6488
6489                            $form.closest('.item-info').find('.item-in-cart').removeClass('d-none');
6490
6491                            $('#cart-total-subtotal').html(response.shopping_cart[0]['total']['subtotal']);
6492
6493                            update_cart_layout(response.shopping_cart[0]);
6494
6495                            const $shoppingCartItemCounter = $('.build-shopping-cart-item-counter')
6496                            if (typeof $shoppingCartItemCounter !== undefined && $shoppingCartItemCounter) {
6497                                $shoppingCartItemCounter.text(response.itemCount || 0)
6498                            }
6499                        }
6500                    },
6501                    error: function (xhr, status, error) {
6502                        // console.error(xhr);
6503                        // If backend returned HTML page
6504                        if (xhr.responseText) {
6505                            if (window.scHandleAjaxError && window.scHandleAjaxError(xhr)) return;
6506                            document.open();
6507                            document.write(xhr.responseText);
6508                            document.close();
6509                            return;
6510                        }
6511                    }
6512                });
6513            });
6514        </script>
6514
6515    
6516    <div class="shopping_content d-flex mt-4 cart_page ">
6517
6518        <div class="card_no_display visible-only-mobile show_order_sum">
6519            <div class="show_order_inner px-3 px-sm-5">
6520                <div>
6521                    <span>Show Order Summary</span>
6522                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" aria-hidden="true" focusable="false"><path d="M27.66 224h264.7c24.6 0 36.89-29.78 19.54-47.12l-132.3-136.8c-5.406-5.406-12.47-8.107-19.53-8.107c-7.055 0-14.09 2.701-19.45 8.107L8.119 176.9C-9.229 194.2 3.055 224 27.66 224zM292.3 288H27.66c-24.6 0-36.89 29.77-19.54 47.12l132.5 136.8C145.9 477.3 152.1 480 160 480c7.053 0 14.12-2.703 19.53-8.109l132.3-136.8C329.2 317.8 316.9 288 292.3 288z"/></svg>
6523                </div>
6524                <span class="total_pay">$0</span>
6525            </div>
6526        </div>
6527
6528        <div class="shopping_left_div d-flex justify-content-lg-end card_no_display">
6529            <div class="information_div p-3 py-sm-3 px-sm-5">
6530
6531                    <div class="dsteps content_information_step" style="display:none">
6532                    
6533<nav aria-label="Shopping Cart Navigation" class="mb-5 cart_navigation">
6534    <a href="javascript:void(0)" class="cart_step">Cart</a> &#9656;
6535    <a href="javascript:void(0)" class="information_step active" aria-current="page">Information</a> &#9656;
6536    <a href="/shopping-cart?step=shipping" class="shipping_step">Shipping</a> <span class="shipping_arrow" aria-hidden="true">&#9656;</span>
6537    <a href="/shopping-cart?step=payment" class="payment_step">Payment</a>
6538</nav>
6539<form id="info-form"  method="post" aria-label="Checkout contact and shipping information form">
6540    <input type="hidden" name="_csrf_token" value="4cb7f049a9f3cf52d6cb8bb2b1286566b6fbaf29a80251037edd0e005581af57"> <div class="hiddenAmazon">
6541<h5 class="mb-3 general_style">Contact Information</h5>
6542<span class="text-right d-block mb-1">Already have an account? <a href="javascript:void(0)" class="general_style" type="button" data-toggle="modal" data-target="#loginModal">Log in</a></span>
6543<div class="row no-gutters">
6544    <div class="col-md-6 mb-4">
6545        <div class="form-group floating mr-md-2">
6546            <label class="sr-only" for="first_name">First Name</label>
6547            <input aria-label="First Name" id="first_name" class="form-control floating" type="text" name="fname" required value="">
6548            <span class="floating-label" aria-hidden="true">First Name</span>
6549        </div>
6550    </div>
6551    <div class="col-md-6 mb-4">
6552        <div class="form-group floating">
6553            <label class="sr-only" for="last_name">Last Name</label>
6554            <input aria-label="Last Name" id="last_name" class="form-control floating" type="text" name="lname" required value="">
6555            <span class="floating-label" aria-hidden="true">Last Name</span>
6556        </div>
6557    </div>
6558</div>
6559<div class="row mb-3">
6560    <div class="col-md-12">
6561        <div class="form-group floating mb-1">
6562            <label class="sr-only" for="phone_number">Phone number</label>            
6563                        <input aria-label="Phone number" id="phone_number" class="form-control floating" type="text" name="phone" required value="">
6564            <span class="floating-label" aria-hidden="true">Phone number</span>
6565        </div>        
6566    </div>
6567</div>
6568<div class="row mb-3">
6569    <div class="col-md-12">
6570        <div class="form-group floating mb-1">
6571            <label class="sr-only" for="email">Email</label>
6572            <input aria-label="Email" id="email" class="form-control floating" type="text" name="email" required value="">
6573            <span class="floating-label" aria-hidden="true">Email</span>
6574        </div>
6575    </div>
6576</div>
6577</div>
6578
6579<div class="hiddenAmazon">
6580
6581<div class="shipping_method_fields shipping_fields">
6582    <h5 class="mb-3 mt-5 general_style">Shipping Address</h5>
6583    <div class="row no-gutters shipping_fields">
6584        <div class="col-md-12 mb-4">
6585            <div class="form-group floating">
6586                <label class="sr-only" for="street_address">Street Address</label>
6587                <input aria-label="Street Address" id="street_address" class="form-control floating" type="text" name="add1" required value="">
6588                <span class="floating-label" aria-hidden="true">Street Address</span>
6589            </div>
6590        </div>
6591    </div>
6592    <div class="row no-gutters shipping_fields">
6593        <div class="col-md-12 mb-4">
6594            <div class="form-group floating">
6595                <label class="sr-only" for="apt_suite">Apt / Suite</label>
6596                <input aria-label="Apt / Suite" id="apt_suite" class="form-control floating" type="text" name="add2" value="">
6597                <span class="floating-label" aria-hidden="true">Apt / Suite</span>
6598            </div>
6599        </div>
6600    </div>
6601
6602    <div class="row no-gutters shipping_fields">
6603        <div class="col-md-6 mb-4">
6604            <div class="form-group floating mr-md-2">
6605                <label class="sr-only" for="city">City</label>
6606                <input aria-label="City" id="city" class="form-control floating" type="text" name="city" required value="">
6607                <span class="floating-label" aria-hidden="true">City</span>
6608            </div>
6609        </div>
6610        <div class="col-md-6 mb-4">
6611            <div class="form-group floating">
6612                <label class="sr-only" for="state">State/Province</label>
6613                <select id="state" required maxlength="80" data-placeholder="Select State/Province..." name="state" class="form-control floating state" data-type="frmselectbox" data-selected="">
6614                    <option value=""></option>
6615                </select>
6616                <span class="floating-label" aria-hidden="true">State/Province</span>
6617            </div>
6618        </div>
6619    </div>
6620
6621    <div class="row no-gutters shipping_fields">
6622        <div class="col-md-6 mb-4">
6623            <div class="form-group floating mr-md-2">
6624                <label class="sr-only" for="zipcode">Zipcode</label>
6625                <input aria-label="Zipcode" id="zipcode" class="form-control floating" type="text" name="zip" required value="">
6626                <span class="floating-label" aria-hidden="true">Zipcode</span>
6627            </div>
6628        </div>
6629        <div class="col-md-6 mb-4">
6630            <div class="form-group floating">
6631                <label class="sr-only" for="country">Country</label>
6632                <select id="country" class="form-control floating" type="text" name="country" required data-selected="UNITED STATES">
6633<!--                    <option value=""></option>-->
6634                                            <option value="United States"
6635                        selected>
6636                        United States                    </option>
6637                                    </select>
6638                <span class="floating-label" aria-hidden="true">Country</span>
6639            </div>
6640            
6641        </div>
6642        
6643    </div>    
6644</div>
6645
6646
6647
6648
6649</div>
6650<div class="row mt-4 invalid_container" style="">
6651    <div class="col-md-12">
6652        <div class="alert alert-danger invalid_inputs_text" role="alert">
6653                    </div>
6654    </div>
6655</div>
6656
6657<div class="row mt-4 cta_section no-gutters">
6658    <div class="col-md-6 align-items-center d-flex mb-4 justify-content-center justify-content-lg-start">
6659        <a href="javascript:void(0)" class="cart_step d-flex align-items-center general_style" style="color: #3172ab">
6660            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" aria-hidden="true" focusable="false"><path d="M77.25 256l137.4-137.4c12.5-12.5 12.5-32.75 0-45.25s-32.75-12.5-45.25 0l-160 160c-12.5 12.5-12.5 32.75 0 45.25l160 160C175.6 444.9 183.8 448 192 448s16.38-3.125 22.62-9.375c12.5-12.5 12.5-32.75 0-45.25L77.25 256zM269.3 256l137.4-137.4c12.5-12.5 12.5-32.75 0-45.25s-32.75-12.5-45.25 0l-160 160c-12.5 12.5-12.5 32.75 0 45.25l160 160C367.6 444.9 375.8 448 384 448s16.38-3.125 22.62-9.375c12.5-12.5 12.5-32.75 0-45.25L269.3 256z"/></svg>
6661            Return to cart</a>
6662    </div>
6663    <div class="col-md-6 mb-4">
6664        <div class="cta">
6665            <button class="btn btn-primary btn-continue shipping_step general_style" area-label="Continue to Shipping page" title="Continue to Shipping page" type="button" >Continue to Shipping</button>
6666        </div>
6667    </div>
6668</div>
6669
6670
6671</form>
6672
6673
6674<!-- Log in Modal -->
6675<div class="modal fade" id="loginModal" tabindex="-1" role="dialog" aria-labelledby="loginModalLabel" aria-modal="true">
6676  <div class="modal-dialog modal-dialog-centered" role="document">
6677    <div class="modal-content">
6678      <div class="modal-header">
6679        <h5 class="modal-title" id="loginModalLabel">Login Form</h5>
6680        <button type="button" class="close" data-dismiss="modal" aria-label="Close" title="Close">
6681          <span aria-hidden="true">&times;</span>
6682        </button>
6683      </div>
6684
6685    <form method="post" class="registration-form" aria-label="Login form">
6686        <input type="hidden" name="_csrf_token" value="4cb7f049a9f3cf52d6cb8bb2b1286566b6fbaf29a80251037edd0e005581af57">        <div class="modal-body">
6687          <p>If you have already created an account, sign-in to expedite the checkout process.</p>
6688            <div class="row mb-3">
6689                <div class="col-md-12">
6690                    <div class="form-group floating mb-1">
6691                        <input aria-label="Registration email" placeholder="Email" class="form-control floating" type="email" id="registration_email" name="email" value="" required autofocus>
6692                        <label for="email_address">Email</label>
6693                    </div>
6694                </div>
6695            </div>
6696            <div class="row mb-3">
6697                <div class="col-md-12">
6698                    <div class="form-group floating mb-1">
6699                        <input aria-label="Registration password" placeholder="Password" class="form-control floating" type="password" id="registration_password" name="password" required>
6700                        <label for="password">Password</label>
6701                    </div>
6702                </div>
6703            </div>
6704          <div class="row mb-3">
6705              <div class="col-md-12">
6706                  <a href="register" class="general_style">Register</a> | <a href="forgot-password" class="general_style">Forgot Password?</a>
6707              </div>
6708          </div>
6709          <div id="error-container" class="row d-none">
6710              <div class="col-12">
6711                  <div class="alert alert-danger" role="alert"></div>
6712              </div>
6713          </div>
6714      </div>
6715      <div class="modal-footer">
6716        <input type="hidden" name="token" value="">
6717        <button type="button" id="registration-submit" class="btn btn-primary apply_coupon general_style" area-label="Log in and Continue" title="Log in and Continue">
6718            <span id="loading" class="spinner-border spinner-border-sm d-none mr-2" role="status" aria-hidden="true"></span>
6719            Log in & Continue
6720        </button>
6721      </div>
6722    </form>
6723
6724    </div>
6725  </div>
6726</div>
6727
6728
6729
6730<script>
6731    window.states = {"United States":{"AL":{"name":"Alabama","excluded":false},"AK":{"name":"Alaska","excluded":false},"AZ":{"name":"Arizona","excluded":false},"AR":{"name":"Arkansas","excluded":false},"CA":{"name":"California","excluded":false},"CO":{"name":"Colorado","excluded":false},"CT":{"name":"Connecticut","excluded":false},"DE":{"name":"Delaware","excluded":false},"DC":{"name":"District Of Columbia","excluded":false},"FL":{"name":"Florida","excluded":false},"GA":{"name":"Georgia","excluded":false},"HI":{"name":"Hawaii","excluded":false},"ID":{"name":"Idaho","excluded":false},"IL":{"name":"Illinois","excluded":false},"IN":{"name":"Indiana","excluded":false},"IA":{"name":"Iowa","excluded":false},"KS":{"name":"Kansas","excluded":false},"KY":{"name":"Kentucky","excluded":false},"LA":{"name":"Louisiana","excluded":false},"ME":{"name":"Maine","excluded":false},"MD":{"name":"Maryland","excluded":false},"MA":{"name":"Massachusetts","excluded":false},"MI":{"name":"Michigan","excluded":false},"MN":{"name":"Minnesota","excluded":false},"MS":{"name":"Mississippi","excluded":false},"MO":{"name":"Missouri","excluded":false},"MT":{"name":"Montana","excluded":false},"NE":{"name":"Nebraska","excluded":false},"NV":{"name":"Nevada","excluded":false},"NH":{"name":"New Hampshire","excluded":false},"NJ":{"name":"New Jersey","excluded":false},"NM":{"name":"New Mexico","excluded":false},"NY":{"name":"New York","excluded":false},"NC":{"name":"North Carolina","excluded":false},"ND":{"name":"North Dakota","excluded":false},"OH":{"name":"Ohio","excluded":false},"OK":{"name":"Oklahoma","excluded":false},"OR":{"name":"Oregon","excluded":false},"PA":{"name":"Pennsylvania","excluded":false},"RI":{"name":"Rhode Island","excluded":false},"SC":{"name":"South Carolina","excluded":false},"SD":{"name":"South Dakota","excluded":false},"TN":{"name":"Tennessee","excluded":false},"TX":{"name":"Texas","excluded":false},"UT":{"name":"Utah","excluded":false},"VT":{"name":"Vermont","excluded":false},"VA":{"name":"Virginia","excluded":false},"WA":{"name":"Washington","excluded":false},"WV":{"name":"West Virginia","excluded":false},"WI":{"name":"Wisconsin","excluded":false},"WY":{"name":"Wyoming","excluded":false}}};
6732    function update_cart_layout(sc){
6733        if(typeof sc != 'undefined' ) {
6734
6735            let tx = 'Tax';
6736            if(typeof sc.tax_inc_shipping != 'undefined' && sc.tax_inc_shipping > 0){
6737                tx += '  Shipping Inc';
6738            }
6739            $('#cart-total-tax_percent').html(tx);
6740
6741            if(sc['info']['validated']){
6742                $('#cart-total-tax').html(sc['total']['tax']);
6743            }else{
6744                $('#cart-total-tax').html('---');
6745            }
6746
6747            if (sc['total']['show_discount']) {
6748                $('#cart-total-promo_discount').parent().removeClass('d-none-i');
6749            } else {
6750                $('#cart-total-promo_discount').parent().addClass('d-none-i');
6751            }
6752            $('#cart-total-promo_discount').html(' - ' + sc['total']['promo_discount']);
6753            $('#cart-total-shipping').html(sc['total']['shipping']);
6754            $('#cart-total-total').html(sc['total']['total']);
6755
6756                        if(sc.has_shipping || sc.has_delivery){
6757                $('.shipping_fields, .cart_navigation .shipping_step, .cart_navigation .shipping_arrow').show();
6758                $('.content_information_step .cta_section .payment_step').removeClass('payment_step').addClass('shipping_step').text('Continue to Shipping');
6759                $('.content_payment_step .cta_section .information_step').removeClass('information_step').addClass('shipping_step').html('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" aria-hidden="true" focusable="false"><path d="M77.25 256l137.4-137.4c12.5-12.5 12.5-32.75 0-45.25s-32.75-12.5-45.25 0l-160 160c-12.5 12.5-12.5 32.75 0 45.25l160 160C175.6 444.9 183.8 448 192 448s16.38-3.125 22.62-9.375c12.5-12.5 12.5-32.75 0-45.25L77.25 256zM269.3 256l137.4-137.4c12.5-12.5 12.5-32.75 0-45.25s-32.75-12.5-45.25 0l-160 160c-12.5 12.5-12.5 32.75 0 45.25l160 160C367.6 444.9 375.8 448 384 448s16.38-3.125 22.62-9.375c12.5-12.5 12.5-32.75 0-45.25L269.3 256z"/></svg> Return to Shipping');
6760                $('.content_payment_step .billing_address_select').show();
6761            }else{
6762                $('.shipping_fields, .cart_navigation .shipping_step, .cart_navigation .shipping_arrow').hide();
6763                $('.content_information_step .cta_section .shipping_step').removeClass('shipping_step').addClass('payment_step').text('Continue to Payment');
6764                $('.content_payment_step .cta_section .shipping_step').removeClass('shipping_step').addClass('information_step').html('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" aria-hidden="true" focusable="false">
6764<path d="M77.25 256l137.4-137.4c12.5-12.5 12.5-32.75 0-45.25s-32.75-12.5-45.25 0l-160 160c-12.5 12.5-12.5 32.75 0 45.25l160 160C175.6 444.9 183.8 448 192 448s16.38-3.125 22.62-9.375c12.5-12.5 12.5-32.75 0-45.25L77.25 256zM269.3 256l137.4-137.4c12.5-12.5 12.5-32.75 0-45.25s-32.75-12.5-45.25 0l-160 160c-12.5 12.5-12.5 32.75 0 45.25l160 160C367.6 444.9 375.8 448 384 448s16.38-3.125 22.62-9.375c12.5-12.5 12.5-32.75 0-45.25L269.3 256z"/></svg> Return to Information');
6765                $('.content_payment_step .billing_address_select').hide();
6766                $('.content_payment_step #billing_address2').prop('checked', true)
6767                $('.content_payment_step .billing_address_fields').show();
6768            }
6769
6770                    }
6771    }
6772    function check_cart_totals(bar,sc){
6773                if(typeof bar != 'undefined') {
6774            $('#cart-total-tax_percent').parent().removeClass('d-none-i');
6775
6776            if (bar['has_shipping'] && bar['ship']['validated']){
6777                $('#cart-total-shipping').parent().removeClass('d-none-i');
6778            }else{
6779                $('#cart-total-shipping').parent().addClass('d-none-i');
6780            }
6781
6782            if (bar['has_delivery']){
6783                $('#cart-total-delivery-cost').parent().removeClass('d-none-i');
6784            }else{
6785                $('#cart-total-delivery-cost').parent().addClass('d-none-i');
6786            }
6787        }else{
6788            $('#cart-total-tax_percent').parent().addClass('d-none-i');
6789            $('#cart-total-shipping').parent().addClass('d-none-i');
6790        }
6791            }
6792
6793    function updateDetailSummary(bar, do_kl = false,shipping_content = true){
6794        // console.log(bar,'anas')
6795        $('.selected_contact .content').html(bar['info']['phone'] + ' ' + bar['info']['email']);
6796                if (bar['has_shipping'] || bar['has_delivery']) {
6797
6798            $('.cart-shipping-container .sub_title').text('Shipping')
6799            $('.selected_shipping, .hr_selected_shipping').show();
6800            $('.selected_shipping .content').html(bar['info']['add1'] + ' ' + bar['info']['add2'] + ' ' + bar['info']['city'] + ' ' + bar['info']['state'] + ' ' + bar['info']['zip'] + ' ' + bar['info']['country']);
6801            $('.selected_shipping').show();
6802
6803
6804
6805            if(bar['has_shipping']) {
6806                $('#cart-total-shipping').parent().removeClass('d-none-i');
6807                $('#shipping_options').show();
6808                if (shipping_content) {
6809                    // $('.selected_method .content').html($('.shipping_mehod_select input:checked + div').html());
6810                    $('.selected_method .content').html('<div class="shipping_method_time">' + bar['ship']['method'] + '</div><div class="shipping_price">' + bar['ship']['fee_shown'] + '</div> ');
6811                    $('.selected_method_hr').show();
6812                    $('.selected_method').show();
6813                }
6814            }else{
6815                $('#cart-total-shipping').parent().addClass('d-none-i');
6816                $('#shipping_options').hide();
6817                $('.selected_method_hr').hide();
6818                $('.selected_method').hide();
6819            }
6820
6821            if(bar['has_instock_delivery']) {
6822                $('#delivery_options').show();
6823            }else{
6824                $('#delivery_options').hide();
6825            }
6826            if(do_kl && window.klaviyo_get !== undefined){
6827                klaviyo_get();
6828            }
6829        }else{
6830            $('.selected_method_hr').hide();
6831            $('.selected_method').hide();
6832            $('.selected_shipping').hide();
6833            $('.selected_shipping, .hr_selected_shipping').hide();
6834        }
6835        
6836    }
6837
6838    $(document).ready(function(){
6839        checkQty();
6840
6841            //Log in & Continue
6842            $('#registration-submit').click(function(event) {
6843            event.preventDefault();
6844
6845            const $submitButton = $(this)
6846            const $loading = $('#loading')
6847            $submitButton.prop('disabled', true)
6848            $loading.removeClass('d-none')
6849            const $errorContainer = $('#error-container')
6850                // // console.log($errorContainer)
6851            if (!$errorContainer.hasClass('d-none')) {
6852                $errorContainer.addClass('d-none')
6853            }
6854
6855            const data = $(this).closest('form').serializeArray() ;
6856            // console.log('registration-submit: data');
6857            // console.log(data);
6858
6859
6860           $.ajax({
6861                type: "POST",
6862                url : "includes/assets/shopping_cart/sc_ws_functions.php",
6863                headers: {'X-CSRF-TOKEN': window.csrf_token},
6864                data: {
6865                    account_login: data,
6866                },
6867                dataType: "json",
6868                cache: false,
6869                success: function( response ) {
6870
6871                    // // console.log(response);
6872                    // console.log('response-success-1');
6873                    if(response.success){
6874                       //document.getElementById('sc_session').value = response.sc_
6874session_encoded;
6875                       document.getElementById('sc_session_info_bar').value = response.sc_session_info_bar_encoded;
6876                       //session_setter();
6877
6878                       window.location.href = '/shopping-cart?&step=information';
6879
6880                    } else {
6881
6882                        // console.log('response-success-error-1');
6883                        // // console.log(response);
6884
6885                        $errorContainer.removeClass('d-none')
6886                        $errorContainer.find('.alert').text('Invalid email or password!')
6887
6888                        event.preventDefault();
6889                    }
6890
6891                },
6892                error: function (xhr, status, error) {
6893                    // console.error(xhr);
6894                    // If backend returned HTML page
6895                    if (xhr.responseText) {
6896                        if (window.scHandleAjaxError && window.scHandleAjaxError(xhr)) return;
6897                        document.open();
6898                        document.write(xhr.responseText);
6899                        document.close();
6900                        return;
6901                    }
6902                },
6903               complete: function () {
6904                   $submitButton.prop('disabled', false)
6905                   $loading.addClass('d-none')
6906               }
6907           });
6908        });
6909
6910
6911            //update address
6912            $('#billAdd').change(function(){
6913               var addressID = $(this).val();
6914               //// console.log('something changed. check it out! ' + addressID);
6915               refresh_address = {};
6916               refresh_address['addressID'] = addressID;
6917               refresh_address['userID'] = $(this).attr('data-user');
6918               //// console.log('refresh_address-data');
6919              // // console.log(refresh_address);
6920
6921
6922
6923               $.ajax({
6924                  url : "includes/assets/shopping_cart/sc_ws_functions.php",
6925                  headers: {'X-CSRF-TOKEN': window.csrf_token},
6926                  data: {refresh_address: refresh_address},
6927                  type: 'post',
6928                   success: function (resp) {
6929                       // console.log('success-response-update address');
6930                       // // console.log(resp);
6931
6932                       let state_value = false;
6933                       let info = $.parseJSON(resp);
6934                       $.each(info, function (i, item) {
6935                           if (i == "state" || i == "country") {
6936                               //alert(i);alert(item.toUpperCase());
6937                               item = item.toLowerCase().replace(/\b[a-z]/g, function (country) {
6938                                   return country.toUpperCase();
6939                               });
6940                               //alert(item);
6941                               $('select[name="' + i + '"]').attr('data-selected', item);
6942                               $('select[name="' + i + '"]').parents('.floating').addClass('filled');
6943
6944                               if (i == "country") {
6945                                   $('select[name="' + i + '"] option').attr('selected', false);
6946                                   $('select[name="' + i + '"] option[value="' + item + '"]').attr("selected", true);
6947                                   $('select[name="' + i + '"]').trigger("change");
6948                                   $('select[name="' + i + '"]').trigger("chosen:updated");
6949                               } else {
6950                                   state_value = item;
6951                               }
6952                           } else {
6953                               $('[name="' + i + '"]').val(item);
6954                               $('[name="' + i + '"]').parents('.floating').addClass('filled');
6955                           }
6956                       });
6957
6958                       if (state_value) {
6959                           refresh_state_shipping(state_value);
6960                           refresh_state_billing(state_value);
6961                       }
6962                   },
6963                   error: function (xhr, status, error) {
6964                        // console.error(xhr);
6965                        // If backend returned HTML page
6966                        if (xhr.responseText) {
6967                            if (window.scHandleAjaxError && window.scHandleAjaxError(xhr)) return;
6968                            document.open();
6969                            document.write(xhr.responseText);
6970                            document.close();
6971                            return;
6972                        }
6973                    }
6974               });
6975            });
6976
6977                            $('#billAdd').trigger('change');
6978            
6979            $('#country').change(function() {
6980                refresh_state_shipping();
6981                state_selected = ($('#country').attr('data-selected'));
6982                if(state_selected != '' && state_selected != undefined) {
6983                    $("#country").parents('.floating').addClass('filled');
6984                } else {
6985                    $("#country").parents('.floating').removeClass('filled');
6986                }
6987                $(this).trigger('chosen:updated');
6988            });
6989
6990
6991            $('#country').trigger("change");
6992
6993     ///Continue to Shipping
6994        $('#state').on('change', function() {
6995            refresh_info('state');
6996        });
6997
6998        
6999        if ($("#sc_session_info_bar").val().length > 0 ) {
7000            const sc_session_info_bar_obj_t = JSON.parse($("#sc_session_info_bar").val());
7001            console.log(sc_session_info_bar_obj_t);
7002
7003            if (typeof sc_session_info_bar_obj_t != "undefined") {
7004                updateDetailSummary(sc_session_info_bar_obj_t, false, false);
7005
7006                check_cart_totals(sc_session_info_bar_obj_t);
7007
7008                                $('#cart-total-tax_percent').parent().addClass('d-none-i');
7009                
7010            }
7011        }
7012
7013                    $('.shipping_fields, .cart_navigation .shipping_step, .cart_navigation .shipping_arrow').hide();
7014            $('.content_information_step .cta_section .shipping_step').removeClass('shipping_step').addClass('payment_step').text('Continue to Payment');
7015            $('.content_payment_step .cta_section .shipping_step').removeClass('shipping_step').addClass('information_step').html('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" aria-hidden="true" focusable="false">
7015<path d="M77.25 256l137.4-137.4c12.5-12.5 12.5-32.75 0-45.25s-32.75-12.5-45.25 0l-160 160c-12.5 12.5-12.5 32.75 0 45.25l160 160C175.6 444.9 183.8 448 192 448s16.38-3.125 22.62-9.375c12.5-12.5 12.5-32.75 0-45.25L77.25 256zM269.3 256l137.4-137.4c12.5-12.5 12.5-32.75 0-45.25s-32.75-12.5-45.25 0l-160 160c-12.5 12.5-12.5 32.75 0 45.25l160 160C367.6 444.9 375.8 448 384 448s16.38-3.125 22.62-9.375c12.5-12.5 12.5-32.75 0-45.25L269.3 256z"/></svg> Return to Information');
7016        
7017
7018
7019    });
7020
7021
7022    document.addEventListener("DOMContentLoaded", function() {
7023        const inputs = document.querySelectorAll(".form-control");
7024
7025        inputs.forEach(input => {
7026            input.addEventListener("input", function() {
7027                if (this.checkValidity()) {
7028                    this.classList.remove("is-invalid");
7029                    this.classList.add("is-valid");
7030                } else {
7031                    this.classList.remove("is-valid");
7032                    this.classList.add("is-invalid");
7033                }
7034            });
7035        });
7036    });
7037
7038    // Abandoned Checkout Module - autosave contact info as it's entered,
7039    // regardless of whether the customer proceeds, refreshes, leaves, or goes back.
7040    (function() {
7041        const fields = ['first_name', 'last_name', 'phone_number', 'email'];
7042
7043        function save_abandoned_checkout_info() {
7044            const email = document.getElementById('email');
7045            if (!email || email.value.indexOf('@') === -1) {
7046                return;
7047            }
7048
7049            $.ajax({
7050                type: "POST",
7051                url: "includes/assets/shopping_cart/sc_ws_functions.php",
7052                headers: {'X-CSRF-TOKEN': window.csrf_token},
7053                data: {
7054                    save_abandoned_checkout: {
7055                        fname: document.getElementById('first_name') ? document.getElementById('first_name').value : '',
7056                        lname: document.getElementById('last_name') ? document.getElementById('last_name').value : '',
7057                        phone: document.getElementById('phone_number') ? document.getElementById('phone_number').value : '',
7058                        email: email.value
7059                    }
7060                },
7061                dataType: "json",
7062                cache: false
7063            });
7064        }
7065
7066        fields.forEach(function(id) {
7067            const el = document.getElementById(id);
7068            if (el) {
7069                el.addEventListener('blur', save_abandoned_checkout_info);
7070            }
7071        });
7072    })();
7073
7074
7075    function refresh_info(st_field = null) {
7076        let data = $('#info-form').serializeArray();
7077        
7078        let res = false;
7079        if($('.completion-inner').length){
7080            let terms_and_conditions = $('#terms_and_conditions');
7081            let marketing_information = $('#marketing_information');            
7082            let policy_errors = [];
7083                                    
7084            if(terms_and_conditions.prop('checked') === false){                
7085                policy_errors.push('You must accept the Terms and Conditions and Privacy Policy to proceed.');                
7086            }
7087            if(marketing_information.prop('checked') === false){                
7088                policy_errors.push('Please confirm that you agree to receive marketing information.');
7089                
7090            }
7091            
7092            if(policy_errors.length){
7093                $('.invalid_inputs_text').html(policy_errors.join('<br>'));                
7094                $('.invalid_container').show();
7095                                
7096                return;
7097            }                                    
7098        }
7099
7100
7101        $.ajax({
7102            type: "POST",
7103            async: false,
7104            url : "includes/assets/shopping_cart/sc_ws_functions.php",
7105            headers: {'X-CSRF-TOKEN': window.csrf_token},
7106            data: {
7107                refresh_info: data,
7108            },
7109            dataType: "json",
7110            cache: false,
7111            success: function(response) {
7112                // console.log(data);
7113                if(response.success) {
7114                    if(response.reload){
7115
7116                        window.location.href = '/shopping-cart?&step=shipping';
7117                        return;
7118                    }
7119                    res = true;
7120                    let state_value = false;
7121                    let info = response.sc_session_info_bar.bill_info;
7122                    $.each(info, function (i, item) {
7123                        if (i == "state" || i == "country") {
7124                            item = item.toLowerCase().replace(/\b[a-z]/g, function (country) {
7125                                return country.toUpperCase();
7126                            });
7127                            $('#bill-bill_info-form select[name="' + i + '"]').attr('data-selected', item);
7128
7129                            if (i == "country") {
7130                                $('#bill-bill_info-form select[name="' + i + '"] option').attr('selected', false);
7131                                $('#bill-bill_info-form select[name="' + i + '"] option[value="' + item + '"]').attr("selected", true);
7132                                $('#bill-bill_info-form select[name="' + i + '"]').trigger("change");
7133                                $('#bill-bill_info-form select[name="' + i + '"]').trigger("chosen:updated");
7134                            }else{
7135                                state_value = item;
7136                            }
7137                        } else{
7138                            $('#bill-bill_info-form [name="' + i + '"]').val(item);
7139                        }
7140                    });
7141
7142                    if (state_value) {
7143                        refresh_state_billing(state_value);
7144                    }
7145
7146                    $('.invalid_container').hide();
7147                    $('#info-form .is-invalid').removeClass('is-invalid');
7148
7149                    update_cart_layout(response.shopping_cart[0]);
7150
7151                    let html_value = "";
7152                    $.each(response.shopping_cart[0]['shipping_options'], function (i, value) {
7153                        if (value['status'] == 1) {
7154                            let checked = '';
7155                            let key = value['id'] + '_' + value['range_id'];
7156                            if (typeof response.shopping_cart[0]['ship'] === 'undefined' || response.shopping_cart[0]['ship'] === null || response.shopping_cart[0]['ship'] === '') {
7157                                if (i == 0) {
7158                                    checked = 'checked';
7159                                }
7160                            } else if ((typeof response.shopping_cart[0]['ship']['key'] !== 'undefined' || response.shopping_cart[0]['ship']['key'] !== undefined || response.shopping_cart[0]['ship']['key'] !== null) && key == response.shopping_cart[0]['ship']['key']) {
7161                                checked = 'checked';
7162                            }
7163
7164                            html_value += ' <label class="btn btn-outline-secondary rounded mb-1 text-left d-flex align-items-center active">  <input aria-label="Ship method" class="ship_method_radio" type="radio" name="ship_method" id="shipping_method_r' + key + '" value="' + value['method'] + '|' + value['rate'] + '|' + key + '" ' + checked + '>'
7165                                + '<div class="h-100 d-flex justify-content-between w-100 align-items-center"><div class="shipping_method_time">' + value['method'] + '</div> <div class="shipping_price">' + value['shown_rate'] + '</div></div> </label> ';
7166                        }
7167                    });
7168                    if(html_value != ""){
7169                        $('#shipping_mehod_div_id').html(html_value);
7170                    }
7171                    $('#sc_session_info_bar').val(response.sc_session_info_bar_encoded);
7172
7173                    if (typeof response.sc_session_info_bar != "undefined") {
7174                       updateDetailSummary(response.sc_session_info_bar,false,false);
7175
7176                        check_cart_totals(response.sc_session_info_bar,response.shopping_cart);
7177
7178                        if (typeof gtag != 'undefined' && gData != '') {
7179                            gtag("event", "add_shipping_info", gData);
7180                        }
7181                    }
7182
7183                } else {
7184                
7185                
7186                    if(st_field !== 'state') {
7187                        if (response.info_errors && response.info_errors[0]) {                    
7188                    
7189                            $('.invalid_inputs_text').html(response.info_errors[0].msg);
7190
7191                            let invalid_inputs = response.info_errors[0];
7192                            
7193                            if(response.has_shipping && !response.info_errors[0].state) {
7194                                $('#cart-total-tax_percent').parent().removeClass('d-none-i');
7195                                $('#cart-total-shipping').parent().removeClass('d-none-i');
7196                            }else{
7197                                $('#cart-total-tax_percent').parent().addClass('d-none-i');
7198                                $('#cart-total-shipping').parent().addClass('d-none-i');
7199                            }
7200
7201                            if(response.has_delivery && !response.info_errors[0].state) {
7202                                $('#cart-total-tax_percent').parent().removeClass('d-none-i');
7203                                $('#cart-total-delivery-cost').parent().removeClass('d-none-i');
7204                            }else{
7205                                $('#cart-total-tax_percent').parent().addClass('d-none-i');
7206                                $('#cart-total-delivery-cost').parent().addClass('d-none-i');
7207                            }
7208
7209                        
7210
7211                            for (key in invalid_inputs){
7212                                if (invalid_inputs[key] == 1) {
7213                                    $('input[name="'+key+'"]').addClass('is-invalid');
7214                                    $('select[name="'+key+'"]').addClass('is-invalid');
7215                                } else {
7216                                    $('input[name="'+key+'"]').removeClass('is-invalid');
7217                                    $('select[name="'+key+'"]').removeClass('is-invalid');
7218                                }
7219                            }
7220                        } else {
7221                            $('.invalid_inputs_text').html(response.message);
7222                        }
7223
7224                        $('.invalid_container').show();
7225                        information_step();
7226                    }
7227                    
7228                }
7229            },
7230            error: function (xhr, status, error) {
7231                // console.error(xhr);
7232                // If backend returned HTML page
7233                if (xhr.responseText) {
7234                    if (window.scHandleAjaxError && window.scHandleAjaxError(xhr)) return;
7235                    document.open();
7236                    document.write(xhr.responseText);
7237                    document.close();
7238                    return;
7239                }
7240            }
7241        });
7242        return res;
7243    }
7244
7245    let shouldTaxUpdate = true;
7246    function updateTax(data) {
7247                if (shouldTaxUpdate) {
7248            shouldTaxUpdate = false;
7249            return;
7250        }
7251        
7252        $.ajax({
7253            type: "POST",
7254            url : "includes/assets/shopping_cart/sc_ws_functions.php",
7255            headers: {'X-CSRF-TOKEN': window.csrf_token},
7256            data: {
7257                refresh_tax_info: data,
7258            },
7259            dataType: "json",
7260            cache: false,
7261            success: function( response ) {
7262
7263                // console.log(response);
7264                if(response.success){
7265                    $('#info-form .is-invalid').removeClass('is-invalid');
7266                    update_cart_layout(response.shopping_cart[0]);
7267
7268                    check_cart_totals(response.sc_session_info_bar,response.shopping_cart);
7269                } else {
7270                    // console.log('response-success-error-1');
7271                    // // console.log(response);
7272                }
7273
7274            },
7275            error: function (xhr, status, error) {
7276                // console.error(xhr);
7277                // If backend returned HTML page
7278                if (xhr.responseText) {
7279                    if (window.scHandleAjaxError && window.scHandleAjaxError(xhr)) return;
7280                    document.open();
7281                    document.write(xhr.responseText);
7282                    document.close();
7283                    return;
7284                }
7285            }
7286        });
7287    }
7288
7289    function refresh_state_shipping(state_value) {
7290        // console.log('refresh_state_shipping',state_value);
7291
7292        country_info = {};
7293        country_info['country'] = $('#country option:selected').val();
7294        // console.log('refresh_state_shipping- country - ' + $('#country option:selected').val());
7295
7296        // console.log('remove states from list');
7297        $('#state option').each(function() {
7298            $(this).remove();
7299        });
7300        //II 2024-01-08 https://www.wrike.com/open.htm?id=1570699375
7301        //if(state_value === undefined) {
7302            // console.log('country_info=' + $('#country option:selected').val());
7303            // console.log('state_value is not defined');
7304            if(country_info['country'] && window.states[country_info['country']]){
7305                let responseText = window.states[country_info['country']];
7306                //// console.log('refresh_state_shipping responseText = ',  responseText);
7307                eq_selected_state = 0;
7308                counter = 1;
7309                state_selected = ($('#state').attr('data-selected'));
7310                // console.log('state_selected anas='+state_selected);
7311                // console.log('eq_selected_state='+eq_selected_state);
7312                $('#state').append('<option value=""></option>');
7313                $.each(responseText, function(state_code, state_info) {
7314                    if (state_info.name != null && !state_info.excluded) {
7315                        if (state_selected && (state_info.name.trim() == state_selected))
7316                            eq_selected_state = counter;
7317                        $('#state').append('<option value="' + state_info.name.trim() + '">' + state_info.name.trim() + '</option>');
7318                        counter++;
7319                    }
7320                });
7321                // console.log('eq_selected_state 2 ='+eq_selected_state);
7322                $("#state option:eq(" + (eq_selected_state) + ")").attr("selected", true);
7323                $("#state").trigger("chosen:updated");
7324                state_selected = ($('#state').attr('data-selected'));
7325                if(state_selected != '' && state_selected != undefined) {
7326                    $("#state").parents('.floating').addClass('filled');
7327                } else {
7328                    $("#state").parents('.floating').removeClass('filled');
7329                }
7330                updateTax($('#info-form').serializeArray());
7331            }
7332
7333        /*} else {
7334            // console.log('state_value is defined', state_value);
7335            $('#state').val(state_value);
7336        }*/
7337        // console.log('value 3 '+$('#state option:selected').val())
7338        // console.log('text 3 '+$('#state option:selected').text())
7339        // console.log('index 3 '+$('#state option:selected').index())
7340    }
7341
7342    function shipping_step(goto = true) {
7343        $('.shopping_content').removeClass('payment_page');
7344        // console.log('shipping_method-change-shipping_step-1');
7345        $('.selected_contact .content').html($('#phone_number').val() + ' ' + $('#email').val());
7346        
7347
7348        
7349        var PO_box_pattern = /\b(?:[Pp]\.?\s*[Oo]\.?|[Pp][Oo][Bb][Xx]|[Pp][Oo]#?|[Bb][Oo][Xx](?!\s+[A-Za-z]+)|[Pp]\.?\s*[Oo]\.?\s*[Bb][Oo][Xx]\.?|[Pp]ostal\s*[Oo]ffice|[Pp]ost\s*[Oo]ffice)(?:\s*\d+(?:\/\d+)?|\b)|\d+\s+[Pp][Oo]\b/;
7350        var disable_po_box = false
7351                if (disable_po_box && (PO_box_pattern.test($('#street_address').val()) || PO_box_pattern.test($('#apt_suite').val()))){
7352            if (PO_box_pattern.test($('#street_address').val())){
7353                $('#street_address').addClass('is-invalid');
7354            }else{
7355                $('#apt_suite').addClass('is-invalid');
7356            }
7357            $('.invalid_inputs_text').html("Error: To ensure the security of your delivery, we can not deliver to P.O boxes ");
7358            $('.invalid_container').show();
7359        }else {
7360            $('.dsteps').hide();
7361            $('.content_shipping_step').show();
7362            insertParam('step', 'shipping');
7363            changeShipping();
7364        }
7365        $("html, body").animate({ scrollTop: 0 }, 600);
7366        if(goto){                        
7367            checkQty();
7368        }
7369
7370        setTimeout(() => {
7371            $('#shipping_mehod_div_id label').focus();
7372        }, 200);
7373    }
7374
7375    function information_step() {
7376        $('.shopping_content').removeClass('payment_page');
7377        $('.dsteps').hide();
7378        $('.content_information_step').show();
7379        insertParam('step', 'information');
7380        //checkQty();
7381        setTimeout(() => {
7382            $('#info-form #first_name').focus();
7383        }, 200);
7384    }
7385
7386    // function payment_step() {
7387    //     $('.shopping_content').addClass('payment_page');
7388    //     $('.dsteps').hide();
7389    //     $('.content_payment_step').show();
7390    //     insertParam('step', 'payment');
7391    // }
7392    function cart_step(goto = true) {
7393        $('.shopping_content').removeClass('not_cart_page').removeClass('payment_page').addClass('cart_page');
7394        information_step();
7395        insertParam('step', 'cart');        
7396        if(goto){                        
7397            checkQty();
7398        }
7399        $(".options-container").show();
7400        $(".selected-method").hide();
7401        
7402        setTimeout(() => {
7403            $('.items_table').focus();
7404        }, 200);
7405    }
7406    function checkQty(){
7407        var data = true;
7408        $.ajax({
7409
7410            type: "POST",
7411            url : "includes/assets/shopping_cart/sc_ws_functions.php",
7412            headers: {'X-CSRF-TOKEN': window.csrf_token},
7413            data: {
7414                check_qty: data,
7415            },
7416            dataType: "json",
7417            cache: false,
7418            success: function( response ) {                
7419                
7420                if(!response.success){
7421                    //window.location.href = '/shopping-cart';
7422                    
7423                    
7424                    cart_step(false);
7425                    $('.empty-qty').removeClass('d-none');
7426                    $('.non-empty-cart').addClass('d-none');                    
7427                }
7428                if(response.success && response.data){
7429                    console.log('rr', response.data);
7430                    
7431                    $('.removed_products_in_cart').remove();
7432                    response.data.map(function(item){
7433                        if($('.products_in_cart_'+item.guid).length){
7434                            $('.products_in_cart_'+item.guid).remove();
7435                        }
7436                        if(item.type && item.type == 'diamond'){
7437                            item.images[0] =  item.image;
7438                            item.pg_name = item.form_title;
7439                            item.retail_price = item.price;
7440                        }
7441                        $('.items_table').append(`
7442                            <hr>
7443                            <div class="table_row d-flex align-items-center justify-content-between mb-3 removed_products_in_cart">
7444                                <div class="item_image mr-3 mb-md-2">
7445                                    <a href="`+item.images[0]+`">
7446                                        <img src="`+item.images[0]+`" class="img-thumbnail" title="`+item.pg_name+`" alt="`+item.pg_name+`" height="118" width="123">
7447                                    </a>
7448                                </div>
7449                                <div class="item_text mr-md-4 mb-md-2 mt-4 mt-md-0">
7450                                    <a href="${item.link}" class="item_title_link general_style">
7451                                        ${item.pg_name}
7452                                    </a>
7453                                    <small class="text-small item-quantity">Quantity: <span class="qty">0</span> </small>
7454                                </div>
7455                                <div class="quancost mt-md-0 mt-3">
7456
7457                                    <div class="quantity card_display" id="div_quantity_id">
7458
7459                                        <label for="quantity-input-${item.guid}" class="d-none-i">Enter Quantity</label>
7460                                        <input type="number"  class="form-control quantity-input quantity-input-${item.guid}
7460" value="0" disabled>
7461
7462                                    </div>
7463                                    <div class="item_cost">
7464                                        Out of stock
7465                                    </div>
7466                                </div>
7467                                <div class="remove_cart_item">
7468                                    <form method="POST" name="form_${item.guid}_remove" id="form_${item.guid}_remove" aria-label="Remove ${item.pg_name} from cart">
7469                                        <input type="hidden" name="_csrf_token" value="4cb7f049a9f3cf52d6cb8bb2b1286566b6fbaf29a80251037edd0e005581af57">                                        <input type="hidden" name="action" value="remove_no_qty"/>                                        
7470                                        <input type="hidden" name="guid" value="${item.guid}"/>                                        
7471                                        <input type="hidden" class="product_guid" value="${item.guid}">
7472                                        <input type="hidden" class="product_name" value="${item.pg_name}">
7473                                        <button title="Remove ${item.pg_name} from shopping cart" class="remove_svg bg-transparent border-0" type="button">
7474                                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" aria-hidden="true" focusable="false"><path d="M160 400C160 408.8 152.8 416 144 416C135.2 416 128 408.8 128 400V192C128 183.2 135.2 176 144 176C152.8 176 160 183.2 160 192V400zM240 400C240 408.8 232.8 416 224 416C215.2 416 208 408.8 208 400V192C208 183.2 215.2 176 224 176C232.8 176 240 183.2 240 192V400zM320 400C320 408.8 312.8 416 304 416C295.2 416 288 408.8 288 400V192C288 183.2 295.2 176 304 176C312.8 176 320 183.2 320 192V400zM317.5 24.94L354.2 80H424C437.3 80 448 90.75 448 104C448 117.3 437.3 128 424 128H416V432C416 476.2 380.2 512 336 512H112C67.82 512 32 476.2 32 432V128H24C10.75 128 0 117.3 0 104C0 90.75 10.75 80 24 80H93.82L130.5 24.94C140.9 9.357 158.4 0 177.1 0H270.9C289.6 0 307.1 9.358 317.5 24.94H317.5zM151.5 80H296.5L277.5 51.56C276 49.34 273.5 48 270.9 48H177.1C174.5 48 171.1 49.34 170.5 51.56L151.5 80zM80 432C80 449.7 94.33 464 112 464H336C353.7 464 368 449.7 368 432V128H80V432z"/></svg>
7475                                        </button>
7476                                    </form>
7477                                    
7478                                </div>
7479                            </div>
7480                        `);
7481                    });
7482                }
7483            },
7484            error: function (xhr, status, error) {
7485                // console.error(xhr);
7486                // If backend returned HTML page
7487                if (xhr.responseText) {
7488                    if (window.scHandleAjaxError && window.scHandleAjaxError(xhr)) return;
7489                    document.open();
7490                    document.write(xhr.responseText);
7491                    document.close();
7492                    return;
7493                }
7494            }
7495        });
7496    }
7497    
7498    function insertParam(key, value) {
7499        key = encodeURIComponent(key);
7500        value = encodeURIComponent(value);
7501
7502        // console.log('insertParam-');
7503        // console.log(value);
7504
7505        // kvp looks like ['key1=value1', 'key2=value2', ...]
7506        var kvp = document.location.search.substr(1).split('&');
7507        let i=0;
7508
7509        for(; i<kvp.length; i++){
7510            if (kvp[i].startsWith(key + '=')) {
7511                let pair = kvp[i].split('=');
7512                pair[1] = value;
7513                kvp[i] = pair.join('=');
7514                break;
7515            }
7516        }
7517
7518        if(i >= kvp.length){
7519            kvp[kvp.length] = [key,value].join('=');
7520        }
7521
7522        // can return this or...
7523        let params = kvp.join('&');
7524// console.log(params);
7525        // reload page with new params
7526        //document.location.search = params;
7527        window.history.replaceState(null, null, 'shopping-cart?'+params);
7528    }
7529</script>
7529
7530                    </div>
7531                    <div class="dsteps content_shipping_step" style="display:none">
7532                    
7533
7534<nav aria-label="Shopping Cart Navigation" class="mb-5 cart_navigation">
7535    <a href="javascript:void(0)" class="cart_step">Cart</a> &#9656;
7536    <a href="javascript:void(0)" class="information_step">Information</a> &#9656;
7537    <a href="javascript:void(0)" class="shipping_step active" aria-current="page">Shipping</a> <span class="shipping_arrow" aria-hidden="true">&#9656;</span>
7538    <a href="javascript:void(0)" class="payment_step">Payment</a>
7539</nav>
7540
7541<div class="info_bar">
7542    <div class="selected_contact justify-content-between align-items-center">
7543        <span class="title">
7544            Contact:
7545        </span>
7546        <span class="content">
7547        </span>
7548    </div>
7549    <hr>
7550    <div class="selected_shipping justify-content-between align-items-center">
7551        <span class="title">
7552            Ship to:
7553        </span>
7554        <span class="content">
7555        </span>
7556    </div>
7557</div>
7558        <div id="delivery_options" style="display:none">
7559        <h5 class="mb-3 mt-5 general_style">Delivery Schedule</h5>
7560        <h6 class="general_style">Delivery Date:</h6>
7561        <div class="date-container">
7562            <div class="date-boxes" id="date-container">
7563                <div class="date-box" id="more-dates">📅<br> More Dates</div>
7564            </div>
7565            <h6 class="general_style">Delivery Window:</h6>
7566            <div class="time-boxes" id="time-container"></div>
7567        </div>
7568    </div>
7569        <form id="shipping-method-form"  method="post" aria-label="Shipping method form">
7570        <input type="hidden" name="_csrf_token" value="4cb7f049a9f3cf52d6cb8bb2b1286566b6fbaf29a80251037edd0e005581af57">        <div id="shipping_options">
7571            <h5 class="mb-3 mt-5 general_style">Shipping Method</h5>
7572            <input type="hidden" name="country" value="UNITED STATES">
7573            <div class="form-group shipping_mehod_select">
7574                <div class="btn-group btn-group-toggle w-100 flex-wrap" data-toggle="buttons" id="shipping_mehod_div_id">
7575                                        <label class="btn btn-outline-secondary rounded mb-1 text-left d-flex align-items-center active">
7576                        <input aria-label="Ship method" class="ship_method_radio" type="radio" name="ship_method" id="shipping_method_r5_1"
7577                               value="Mandatory|14.25|5_1"  checked >
7578
7579                        <div class="h-100 d-flex justify-content-between w-100 align-items-center">
7580                            <div class="shipping_method_time">
7581                            Mandatory                            </div>
7582                            <div class="shipping_price">
7583                                $14.25                            </div>
7584                        </div>
7585                    </label>
7586                                                            <p class="shipping_note_gift_card"></p>
7587                </div>
7588            </div>
7589        </div>
7590        <div class="mt-4" style="border-bottom: 1px solid rgba(0,0,0,.1); display: block;">
7591            <p dir="auto"><span style="font-size: 14pt; color: #000000;"><strong>IN-STORE PICKUP IS AVAILABLE AND READY WITHIN 1 HOUR.</strong></span></p>
7592<p dir="auto"><span style="font-size: 14pt; color: #000000;"><strong><span style="color: #169179; font-size: 14pt;"><b tagname="b">ALL SHIPPING PURCHASES OVER $200.00 MUST BE SIGNED BY AN ADULT AT THE TIME OF DELIVERY.</b></span></strong></span></p>
7593<p dir="auto"><span style="font-size: 14pt; color: #000000;"><strong>WE ONLY SHIP MONDAY THROUGH FRIDAY. WE DO NOT SHIP TO P.O. BOXES.</strong></span></p>
7594<p><span style="font-size: 14pt;"><strong>ALBERT&rsquo;S DIAMOND JEWELERS DOES NOT PROCESS, SHIP, OR DELIVER ORDERS ON WEEKENDS OR HOLIDAYS. ONCE AN ORDER HAS BEEN SHIPPED AND IS IN THE POSSESSION OF UPS, ALBERT&rsquo;S DIAMOND JEWELERS IS NOT RESPONSIBLE FOR ANY DELIVERY DELAYS, DAMAGES, LOST OR STOLEN PACKAGES THAT MAY OCCUR WHILE IN TRANSIT WITH THE CARR
7594IER.</strong></span></p>
7595<p dir="auto"><span style="color: #000000; font-size: 14pt;"><b tagname="b">VISIT OUR <a href="/faq">FAQ PAGE</a>&nbsp;FOR MORE.</b></span></p>        </div>
7596
7597        <div class="row mt-4 invalid_container_shipping" style="display: none;">
7598            <div class="col-md-12">
7599                <div class="alert alert-danger invalid_inputs_text_shipping" role="alert">
7600                                    </div>
7601            </div>
7602        </div>
7603    </form>
7604
7605    <div class="row mt-4 cta_section no-gutters">
7606        <div class="col-md-6 align-items-center d-flex mb-4 justify-content-center justify-content-lg-start">
7607            <a href="javascript:void(0)" class="information_step d-flex align-items-center general_style" style="color: #3172ab">
7608                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" aria-hidden="true" focusable="false"><path d="M77.25 256l137.4-137.4c12.5-12.5 12.5-32.75 0-45.25s-32.75-12.5-45.25 0l-160 160c-12.5 12.5-12.5 32.75 0 45.25l160 160C175.6 444.9 183.8 448 192 448s16.38-3.125 22.62-9.375c12.5-12.5 12.5-32.75 0-45.25L77.25 256zM269.3 256l137.4-137.4c12.5-12.5 12.5-32.75 0-45.25s-32.75-12.5-45.25 0l-160 160c-12.5 12.5-12.5 32.75 0 45.25l160 160C367.6 444.9 375.8 448 384 448s16.38-3.125 22.62-9.375c12.5-12.5 12.5-32.75 0-45.25L269.3 256z"/></svg>
7609                Return to Information</a>
7610        </div>
7611        <div class="col-md-6 mb-4">
7612            <div class="cta">
7613                <button class="btn btn-primary btn-continue payment_step general_style" aria-label="Continue to Payment page" type="button" id='shipping_form_submit'>Continue to Payment</button>
7614            </div>
7615        </div>
7616    </div>
7617
7618<script type="text/javascript" src="https://cdn.jsdelivr.net/momentjs/latest/moment.min.js"></script>
vendor: 2 bytes, line 7618
7618
7619<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.min.js" defer ></script>
7619
7620<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css" />
7621
7622<script>
7623    $(document).ready(function() {
7624        const shoppingCart = {"items":[],"shipping_options":[{"country":"United States","method":"Mandatory","range":"0 - 999999999","rate":14.25,"shown_rate":"$14.25","status":"1","action":"","country_code":"US","id":"5","range_id":"1"}]};
7625                const timeSlots = null;
7626        if(timeSlots) {
7627            let startDate = new Date(timeSlots.start_date);
7628            let selectedDate = '';
7629            let selectedTime = '';
7630
7631            loadAvailableDates(selectedDate, selectedTime);
7632
7633            // Populate available dates based on business hours
7634            function loadAvailableDates(date, slot = null) {
7635                date = new Date(date);
7636                let dateContainer = $("#date-container");
7637                dateContainer.find(".date-box").not("#more-dates").remove(); // Clear previous dates
7638
7639                let count = 0; // To limit the number of displayed dates
7640                let newDate = new Date(date);
7641                for (let i = 0; i < 7; i++) {
7642                    newDate.setDate(date.getDate() + i);
7643                    let dayName = newDate.toLocaleDateString("en-US", {weekday: "long"});
7644
7645                    if (!timeSlots.closed_days.includes(dayName) && timeSlots.slots[dayName]) {
7646                        let formattedDate = newDate.toLocaleDateString("en-US", {day: "numeric", month: "short"});
7647                        const ymdDate = newDate.toISOString().split('T')[0];
7648                        if (ymdDate == timeSlots.today) {
7649                            dayName = 'Today';
7650                        } else if (ymdDate == timeSlots.tomorrow) {
7651                            dayName = 'Tomorrow';
7652                        }
7653
7654                        let dateBox = $("<div class='date-box' data-date='" + ymdDate + "'>" + dayName + ",<br> " + formattedDate + "</div>");
7655                        if (selectedDate === ymdDate) {
7656                            loadAvailableTimeSlots(selectedDate, slot);
7657                            dateBox.addClass("active");
7658                        }
7659
7660                        dateBox.click(function () {
7661                            $(".date-box").removeClass("active");
7662                            $(this).addClass("active");
7663                            selectedDate = $(this).data("date");
7664                            loadAvailableTimeSlots(selectedDate);
7665                        });
7666
7667                        dateBox.insertBefore("#more-dates");
7668                        count++;
7669                        if (count >= 2) break; // Show only 2 dates
7670                    }
7671                }
7672            }
7673
7674            // Generate available time slots based on the selected date
7675            function loadAvailableTimeSlots(date, chosenSlot = null) {
7676                let timeContainer = $("#time-container");
7677                timeContainer.empty(); // Clear previous times
7678
7679                let selectedDay = new Date(date);
7680                let selectedDayName = selectedDay.toLocaleDateString("en-US", {weekday: "long"});
7681
7682                let slots = (selectedDay.toDateString() === startDate.toDateString()) ? timeSlots.start_day_window : timeSlots.slots[selectedDayName];
7683                if (slots) {
7684                    slots.forEach((slot, index) => {
7685                        let timeSlot = $("<div class='time-box' data-time='" + slot + "'>" + slot + "</div>");
7686                        if (slot === chosenSlot) {
7687                            timeSlot.addClass("active");
7688                        }
7689                        if (!chosenSlot && index === 0) {
7690                            timeSlot.addClass("active"); // Select the first available time slot
7691                            selectedTime = slot;
7692                        }
7693
7694                        timeSlot.click(function () {
7695                            $(".time-box").removeClass("active");
7696                            $(this).addClass("active");
7697                            selectedTime = $(this).data("time");
7698                            changeDeliverySchedule()
7699                        });
7700
7701                        timeContainer.append(timeSlot);
7702                    });
7703                }
7704                if (chosenSlot == null) {
7705                    mPicker.data('daterangepicker').setStartDate(selectedDay);
7706                    mPicker.data('daterangepicker').setEndDate(null);
7707                    changeDeliverySchedule()
7708                }
7709            }
7710
7711            const mPicker = $('#more-dates').daterangepicker({
7712                singleDatePicker: true,
7713                startDate: new Date(selectedDate), // Set the start date for the date picker
7714                minDate: startDate,
7715                autoApply: true,
7716                isInvalidDate: function (date) {
7717                    return timeSlots.closed_days.includes(date.format('dddd'));
7718                }
7719            });
7720            // Event handler when a date is selected
7721            mPicker.on('apply.daterangepicker', function (ev, picker) {
7722                selectedDate = picker.startDate.format('YYYY-MM-DD');
7723                loadAvailableDates(selectedDate)
7724
7725            });
7726
7727            function changeDeliverySchedule() {
7728                $.ajax({
7729                    type: "POST",
7730                    url: "includes/assets/shopping_cart/sc_ws_functions.php",
7731                    headers: {'X-CSRF-TOKEN': window.csrf_token},
7732                    data: {
7733                        refresh_delivery_schedule: {
7734                            delivery_date: selectedDate,
7735                            delivery_window: selectedTime
7736                        },
7737                    },
7738                    dataType: "json",
7739                    cache: false,
7740                    success: function (response) {
7741                        if (response.success) {
7742                            const newDate = new Date(selectedDate);
7743                            let dayName = newDate.toLocaleDateString("en-US", {weekday: "short"});
7744                            if (selectedDate === timeSlots.today) {
7745                                dayName = 'Today';
7746                            } else if (selectedDate === timeSlots.tomorrow) {
7747                                dayName = 'Tomorrow';
7748                            } else {
7749                                dayName = dayName + ' ' + newDate.toLocaleDateString("en-US", {
7750                                    day: "numeric",
7751                                    month: "short"
7752                                });
7753                            }
7754
7755                            $('.delivery-instock-msg').html(dayName);
7756                            $('.d-schedule').html(dayName);
7757                            $('.d-window').html(selectedTime);
7758
7759                            // update_cart_layout(response.shopping_cart[0]);
7760                            //
7761                            // document.getElementById('sc_session_info_bar').value = response.sc_session_info_bar_encoded;
7762                            // $('#cart-total-shipping').parent().removeClass('d-none-i');
7763                            // event.preventDefault();
7764                            //
7765                            // if (typeof response.sc_session_info_bar != "undefined") {
7766                            //     updateDetailSummary(response.sc_session_info_bar, true);
7767                            // }
7768                        }
7769
7770                    },
7771                    error: function (xhr, status, error) {
7772                        // console.error(xhr);
7773                        // If backend returned HTML page
7774                        if (xhr.responseText) {
7775                            if (window.scHandleAjaxError && window.scHandleAjaxError(xhr)) return;
7776                            document.open();
7777                            document.write(xhr.responseText);
7778                            document.close();
7779                            return;
7780                        }
7781                    }
7782                });
7783            }
7784
7785        }
7786            
7787        $(document).on('change', '.ship_method_radio', function () {
7788            changeShipping();
7789        });
7790
7791        $('.content_information_step').on('change', 'input[name="shipping_method_r"]', function () {
7792            if ($(this).val() == 1) {
7793                $('.pickup_locations_fields').show();
7794                $('.shipping_method_fields, .cart_navigation .shipping_step, .cart_navigation .shipping_arrow').hide();
7795                $('.content_information_step .cta_section .shipping_step').removeClass('shipping_step').addClass('payment_step').text('Continue to Payment');
7796                $('.content_payment_step .cta_section .shipping_step').removeClass('shipping_step').addClass('information_step').html('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" aria-hidden="true" focusable="false"><path d="M77.25 256l137.4-137.4c12.5-12.5 12.5-32.75 0-45.25s-32.75-12.5-45.25 0l-160 160c-12.5 12.5-12.5 32.75 0 45.25l160 160C175.6 444.9 183.8 448 192 448s16.38-3.125 22.62-9.375c12.5-12.5 12.5-32.75 0-45.25L77.25 256zM269.3 256l137.4-137.4c12.5-12.5 12.5-32.75 0-45.25s-32.75-12.5-45.25 0l-160 160c-12.5 12.5-12.5 32.75 0 45.25l160 160C367.6 444.9 375.8 448 384 448s16.38-3.125 22.62-9.375c12.5-12.5 12.5-32.75 0-45.25L269.3 256z"/></svg> Return to Information');
7797            } else {
7798                $('.pickup_locations_fields').hide();
7799                $('.shipping_method_fields, .cart_navigation .shipping_step, .cart_navigation .shipping_arrow').show();
7800                $('.content_information_step .cta_section .payment_step').removeClass('payment_step').addClass('shipping_step').text('Continue to Shipping');
7801                $('.content_payment_step .cta_section .information_step').removeClass('information_step').addClass('shipping_step').html('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" aria-hidden="true" focusable="false">
7801<path d="M77.25 256l137.4-137.4c12.5-12.5 12.5-32.75 0-45.25s-32.75-12.5-45.25 0l-160 160c-12.5 12.5-12.5 32.75 0 45.25l160 160C175.6 444.9 183.8 448 192 448s16.38-3.125 22.62-9.375c12.5-12.5 12.5-32.75 0-45.25L77.25 256zM269.3 256l137.4-137.4c12.5-12.5 12.5-32.75 0-45.25s-32.75-12.5-45.25 0l-160 160c-12.5 12.5-12.5 32.75 0 45.25l160 160C367.6 444.9 375.8 448 384 448s16.38-3.125 22.62-9.375c12.5-12.5 12.5-32.75 0-45.25L269.3 256z"/></svg> Return to Shipping');
7802            }
7803        });
7804
7805
7806        if ($("#sc_session_info_bar").val().length > 0 ) {
7807            const sc_session_info_bar_obj_t = JSON.parse($("#sc_session_info_bar").val());
7808
7809            if (typeof sc_session_info_bar_obj_t != "undefined") {
7810                updateDetailSummary(sc_session_info_bar_obj_t);
7811            }
7812        }
7813    });
7814
7815
7816    function changeShipping() {
7817        if ($('.ship_method_radio:checked').length == 0) {
7818            $('.ship_method_radio:first').prop('checked', true);
7819        }
7820
7821        const data = $('#shipping-method-form').serializeArray();
7822
7823        // console.log(data);
7824        // console.log('data-shipping_radio-click-2');
7825
7826        $.ajax({
7827            type: "POST",
7828            url : "includes/assets/shopping_cart/sc_ws_functions.php",
7829            headers: {'X-CSRF-TOKEN': window.csrf_token},
7830            data: {
7831                refresh_shipping: data,
7832            },
7833            dataType: "json",
7834            cache: false,
7835            success: function( response ) {
7836
7837                //// console.log(response);
7838                // console.log('response-success-shipping_radio-click-2');
7839
7840                if(response.success){
7841                    update_cart_layout(response.shopping_cart[0]);
7842
7843                    document.getElementById('sc_session_info_bar').value = response.sc_session_info_bar_encoded;
7844                    // $('#cart-total-shipping').parent().removeClass('d-none-i');
7845                    event.preventDefault();
7846
7847                    if (typeof response.sc_session_info_bar != "undefined") {
7848                        updateDetailSummary(response.sc_session_info_bar, true);
7849                                                if(response.sc_session_info_bar['has_shipping'] && response.sc_session_info_bar['ship']){
7850                            $(".item-shipping").html(`<span>Option</span>:<span class="item-option">${response.sc_session_info_bar['ship']['method']}</span><br>`);
7851                        }
7852                                            }
7853                }
7854
7855            },
7856            error: function (xhr, status, error) {
7857                // console.error(xhr);
7858                // If backend returned HTML page
7859                if (xhr.responseText) {
7860                    if (window.scHandleAjaxError && window.scHandleAjaxError(xhr)) return;
7861                    document.open();
7862                    document.write(xhr.responseText);
7863                    document.close();
7864                    return;
7865                }
7866            }
7867        });
7868    }
7869</script>
7869                    </div>
7870                    <div class="dsteps content_payment_step" style="display:none">
7871                    <nav aria-label="Shopping Cart Navigation" class="mb-5 cart_navigation">
7872    <a href="javascript:void(0)" class="cart_step">Cart</a> &#9656;
7873    <a href="javascript:void(0)" class="information_step">Information</a> &#9656;
7874    <a href="javascript:void(0)" class="shipping_step">Shipping</a> <span class="shipping_arrow" aria-hidden="true">&#9656;</span>
7875    <a href="javascript:void(0)" class="payment_step active" aria-current="page">Payment</a>
7876</nav>
7877
7878<div class="bill_info_bar">
7879    <div class="selected_contact justify-content-between align-items-center">
7880        <span class="title">
7881            Contact:
7882        </span>
7883        <span class="content">
7884        </span>
7885    </div>
7886    <hr class="hr_selected_shipping">
7887    <div class="selected_shipping justify-content-between align-items-center">
7888        <span class="title">
7889            Ship to:
7890        </span>
7891        <span class="content">
7892        </span>
7893    </div>
7894    <hr class="selected_method_hr">
7895    <div class="selected_method justify-content-between align-items-center">
7896        <span class="title">
7897            Method:
7898        </span>
7899        <span class="content d-sm-flex align-items-right ml-2">
7900        </span>
7901    </div>
7902</div>
7903
7904<h5 class="mb-3 mt-5 general_style" id="bill-info-title">Billing address</h5>
7905<p class="general_style">Select the address that matches your card or payment method.</p>
7906
7907<form id="bill-bill_info-form"  method="post" aria-label="Billing address form">
7908    <input type="hidden" name="_csrf_token" value="4cb7f049a9f3cf52d6cb8bb2b1286566b6fbaf29a80251037edd0e005581af57">
7909        <div class="form-group billing_address_select" style="display: block">
7910        <fieldset>
7911            <legend class="sr-only">Billing address selection</legend>
7912        <div class="btn-group btn-group-toggle w-100" data-toggle="buttons" role="radiogroup" aria-label="Billing address selection">
7913            <label class="btn btn-outline-secondary d-flex align-items-center active text-left">
7914                <input aria-label="Billing address 1" type="radio" name="billing_address" id="billing_address1" autocomplete="off" checked value="0">
7915                <div>Same as shipping address</div>
7916            </label>
7917            <label class="btn btn-outline-secondary d-flex align-items-center text-left">
7918                <input aria-label="Billing address 2" type="radio" name="billing_address" id="billing_address2" autocomplete="off"  value="1">
7919                <div>Different billing address</div>
7920            </label>
7921        </div>
7922        </fieldset>
7923    </div>
7924
7925    <div class="billing_address_fields" style="display: none">
7926        <div class="row no-gutters">
7927            <div class="col-md-6 mb-4">
7928                <div class="form-group floating mr-md-2">
7929                    <label class="sr-only" for="first_name_b">First Name</label>
7930                    <input id="first_name_b" class="form-control floating" type="text" name="fname" required value="">
7931                    <span class="floating-label" aria-hidden="true">First Name</span>
7932                </div>
7933            </div>
7934            <div class="col-md-6 mb-4">
7935                <div class="form-group floating">
7936                    <label class="sr-only" for="last_name_b">Last Name</label>
7937                    <input id="last_name_b" class="form-control floating" type="text" name="lname" required value="">
7938                    <span class="floating-label" aria-hidden="true">Last Name</span>
7939                </div>
7940            </div>
7941        </div>
7942        <div class="row no-gutters">
7943            <div class="col-md-12 mb-4">
7944                <div class="form-group floating">
7945                    <label class="sr-only" for="street_address_b">Street Address</label>
7946                    <input id="street_address_b" class="form-control floating" type="text" name="add1" required value="">
7947                    <span class="floating-label" aria-hidden="true">Street Address</span>
7948                </div>
7949            </div>
7950        </div>
7951        <div class="row no-gutters">
7952            <div class="col-md-12 mb-4">
7953                <div class="form-group floating">
7954                    <label class="sr-only" for="apt_suite_b">Apt / Suite</label>
7955                    <input id="apt_suite_b" class="form-control floating" type="text" name="add2" value="">
7956                    <span class="floating-label" aria-hidden="true">Apt / Suite</span>
7957                </div>
7958            </div>
7959        </div>
7960
7961        <div class="row no-gutters">
7962            <div class="col-md-6 mb-4">
7963                <div class="form-group floating mr-md-2">
7964                    <label class="sr-only" for="city_b">City</label>
7965                    <input id="city_b" class="form-control floating" type="text" name="city" required value="">
7966                    <span class="floating-label" aria-hidden="true">City</span>
7967                </div>
7968            </div>
7969            <div class="col-md-6 mb-4">
7970                <div class="form-group floating">
7971                    <label class="sr-only" for="state_b">State/Province</label>
7972                    <select id="state_b" required maxlength="80" data-placeholder="Select State/Province..." name="state" class="form-control floating state" data-type="frmselectbox" data-selected="">
7973                        <option value=""></option>
7974                    </select>
7975                    <span class="floating-label" aria-hidden="true">State/Province</span>
7976                </div>
7977            </div>
7978        </div>
7979
7980        <div class="row no-gutters">
7981            <div class="col-md-6 mb-4">
7982                <div class="form-group floating mr-md-2">
7983                    <label class="sr-only" for="zipcode_b">Zipcode</label>
7984                    <input id="zipcode_b" class="form-control floating" type="text" name="zip" required value="">
7985                    <span class="floating-label" aria-hidden="true">Zipcode</span>
7986                </div>
7987            </div>
7988            <div class="col-md-6 mb-4">
7989                <div class="form-group floating">
7990                    <label class="sr-only" for="country_b">Country</label>
7991                    <select aria-label="Country" id="country_b" class="form-control floating" type="text" name="country" required data-selected="UNITED STATES">
7992                                                    <option value="United States"
7993                                selected>
7994                                United States                            </option>
7995                                            </select>
7996                    <span class="floating-label" aria-hidden="true">Country</span>
7997                </div>
7998            </div>
7999        </div>
8000    </div>
8001
8002</form>
8003
8004<div class="row mt-4 invalid_container_payment">
8005    <div class="col-md-12">
8006        <div class="alert alert-danger invalid_inputs_text_payment" role="alert">
8007        </div>
8008    </div>
8009</div>
8010<h5 class="mb-3 mt-5 general_style">Gift Card</h5>
8011
8012<a href="#" type="button" data-toggle="modal" data-target="#giftcardModal" class="btn btn-outline-primary redeem_gift_card">
8013    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" aria-hidden="true" focusable="false"><path d="M432 256c0 17.69-14.33 32.01-32 32.01H256v144c0 17.69-14.33 31.99-32 31.99s-32-14.3-32-31.99v-144H48c-17.67 0-32-14.32-32-32.01s14.33-31.99 32-31.99H192v-144c0-17.69 14.33-32.01 32-32.01s32 14.32 32 32.01v144h144C417.7 224 432 238.3 432 256z"/></svg>
8014    Redeem a Gift Card
8015</a>
8016
8017<div class="applied_gift_cards mt-3"></div>
8018
8019
8020<h5 class="mb-3 mt-5 general_style" >Payment</h5>
8021<p  class="general_style">Select a payment method</p>
8022
8023<div class="form-group payment_mehod_select" id="payment_mehod_select_div" >
8024    <fieldset>
8025        <legend class="sr-only">Payment method selection</legend>
8026    <div class="btn-group btn-group-toggle w-100 flex-wrap" data-toggle="buttons" role="radiogroup" aria-label="Payment method selection">
8027        
8028                            <label class="btn btn-outline-secondary  cp-payment-btn rounded mb-1 text-left d-flex align-items-center" data-pid="#credit_card">
8029                <input type="radio" aria-label="Payment" name="payment_r" id="payment_r2" value="Credit Card" checked >
8030                <div class="d-inline-flex align-items-center h-100">
8031                    Credit Card
8032                </div>
8033            </label>
8034                                    <label class="btn btn-outline-secondary  cp-payment-btn rounded mb-1 text-left d-flex align-items-center only-safari" data-pid="#apple_pay">
8035                <input type="radio" aria-label="Payment" name="payment_r" id="payment_r11" value="Apple Pay"  >
8036                <div class="d-inline-flex align-items-center h-100">
8037                   Apple Pay
8038                </div>
8039            </label>
8040                            <label class="btn btn-outline-secondary  cp-payment-btn rounded mb-1 text-left d-flex align-items-center" data-pid="#google_pay">
8041                <input aria-label="Payment" type="radio" name="payment_r" id="payment_r12" value="Google Pay"  >
8042                <div class="d-inline-flex align-items-center h-100">
8043                   Google Pay
8044                </div>
8045            </label>
8046        
8047                    <label class="btn btn-outline-secondary  cp-payment-btn rounded mb-1 text-left d-flex align-items-center" data-pid="#paypal">
8048                <input aria-label="Payment" type="radio" name="payment_r" id="payment_r1" value="PayPal"  >
8049                <div class="d-inline-flex align-items-center h-100">
8050                    PayPal
8051                </div>
8052            </label>
8053                            <label class="btn btn-outline-secondary  cp-payment-btn rounded mb-1 text-left d-flex align-items-center" data-pid="#affirm">
8054                <input aria-label="Payment" type="radio" name="payment_r" id="payment_r3" value="Affirm"  >
8055                <div class="d-inline-flex align-items-center h-100">
8056                    Buy with Monthly Payments (Affirm)
8057                </div>
8058            </label>
8059                            <label class="btn btn-outline-secondary  cp-payment-btn rounded mb-1 text-left d-flex align-items-center" data-pid="#acima">
8060                <input aria-label="Payment" type="radio" name="payment_r" id="payment_r4" value="Acima"  >
8061                <div class="d-inline-flex align-items-center h-100">
8062                    Acima
8063                </div>
8064            </label>
8065                                    <label class="btn btn-outline-secondary  cp-payment-btn rounded mb-1 text-left d-flex align-items-center" data-pid="#wells_fargo">
8066                <input aria-label="Payment" type="radio" name="payment_r" id="payment_r5" value="Wells Fargo"  >
8067                <div class="d-inline-flex align-items-center h-100">
8068                    Wells Fargo
8069                </div>
8070            </label>
8071            </div>
8072    </fieldset>
8073</div>
8074
8075
8076
8077<div class="payment_mehods">
8078        
8079
8080        <div class="payment_option" id="credit_card" style="display: block">
8081            <form class="shopping-cart-form-auth" id="credit_card_form"  method="post" aria-label="Credit card payment form">
8082                <input type="hidden" name="_csrf_token" value="4cb7f049a9f3cf52d6cb8bb2b1286566b6fbaf29a80251037edd0e005581af57">                <input type="hidden" name="payment_method" value="Credit Card" />
8083                <p class="d-flex align-items-center">
8084                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" aria-hidden="true" focusable="false">
8084<path d="M80 192V144C80 64.47 144.5 0 224 0C303.5 0 368 64.47 368 144V192H384C419.3 192 448 220.7 448 256V448C448 483.3 419.3 512 384 512H64C28.65 512 0 483.3 0 448V256C0 220.7 28.65 192 64 192H80zM144 192H304V144C304 99.82 268.2 64 224 64C179.8 64 144 99.82 144 144V192z"/></svg>
8085                    Secure credit card payment
8086                </p>
8087                <div class="row">
8088                    <div class="col-md-12 mb-4">
8089                        <div class="form-group">
8090                            <label class="sr-only" for="card_type">*Card Type</label>
8091                                                        <select placeholder="Card Type" id="card_type" class="form-control floating" name="cc_type" class="frmselectbox">
8092                                                                    <option value="American Express" >American Express</option>
8093                                                                        <option value="Discover" >Discover</option>
8094                                                                        <option value="Mastercard" >Mastercard</option>
8095                                                                        <option value="Visa" >Visa</option>
8096                                                                </select>
8097
8098                        </div>
8099                    </div>
8100                </div>
8101                <div class="row">
8102                    <div class="col-md-12 mb-4">
8103                        <div class="form-group">
8104                            <label class="sr-only" for="card_num">*Card Number</label>
8105                            <input aria-label="Card number" placeholder="Card Number" name="cc_num" required class="form-control floating" type="text" autocomplete="off" id="card_num" value="" />
8106                        </div>
8107                    </div>
8108                </div>
8109                <div class="row">
8110                    <div class="col-6 mb-4">
8111                        <div class="form-group">
8112                            <label class="sr-only" for="cc_month">Expiration month</label>
8113                            <label class="sr-only" for="cc_year">Expiration year</label>
8114                            <div class="btn-group d-flex">
8115                                <select data-placeholder="select month:" name="cc_month" id="cc_month" style="min-width: 60px;" value="" class=" form-control floating cc_month" >
8116                                                                            <option value="01" >1</option>
8117                                                                            <option value="02" >2</option>
8118                                                                            <option value="03" >3</option>
8119                                                                            <option value="04" >4</option>
8120                                                                            <option value="05" >5</option>
8121                                                                            <option value="06" >6</option>
8122                                                                            <option value="07" >7</option>
8123                                                                            <option value="08" >8</option>
8124                                                                            <option value="09" >9</option>
8125                                                                            <option value="10" >10</option>
8126                                                                            <option value="11" >11</option>
8127                                                                            <option value="12" >12</option>
8128                                                                    </select>
8129                                <select data-placeholder="select year:" name="cc_year" id="cc_year" style="min-width: 100px" value="" class="form-control floating">
8130                                                                            <option value="26" >2026</option>
8131                                                                            <option value="27" >2027</option>
8132                                                                            <option value="28" >2028</option>
8133                                                                            <option value="29" >2029</option>
8134                                                                            <option value="30" >2030</option>
8135                                                                            <option value="31" >2031</option>
8136                                                                            <option value="32" >2032</option>
8137                                                                            <option value="33" >2033</option>
8138                                                                            <option value="34" >2034</option>
8139                                                                            <option value="35" >2035</option>
8140                                                                            <option value="36" >2036</option>
8141                                                                            <option value="37" >2037</option>
8142                                                                            <option value="38" >2038</option>
8143                                                                    </select>
8144                            </div>
8145                        </div>
8146                    </div>
8147                    <div class="col-6 mb-4">
8148                        <div class="form-group floating">
8149                            <label class="sr-only" for="card_ccv">Security code</label>
8150                            <input placeholder="Security code" name="cc_ccv" class="form-control floating" required type="password" autocomplete="off" id="card_ccv" value="" />
8151                        </div>
8152                    </div>
8153                </div>
8154                <div>
8155                    <div class="error-container auth-error-container mb-2"></div>
8156                    <div class="cta">
8157                        <button class="btn btn-primary btn-continue general_style" aria-label="Confirm Payment & Place Order" type="submit">Confirm Payment & Place Order</button>
8158                    </div>
8159                    <div class="inline-recaptcha mt-4" data-form="auth"></div>
8160                </div>
8161            </form>
8162        </div>
8163
8164            
8165            <div class="payment_option" id="apple_pay" >
8166            <div style="height: 60px">
8167                <apple-pay-button class="float-right" buttonstyle="black" onclick="onApplePayButtonClicked(1)" type="buy"></apple-pay-button>
8168            </div>
8169        </div>
8170                <div class="payment_option" id="google_pay" >
8171            <div style="height: 60px">
8172                <div id="google-pay-button" class="float-right" style="width: 100%; "></div>
8173            </div>
8174        </div>
8175    
8176            <div class="payment_option" id="paypal"  >
8177            <!-- PayPal Logo <a href="https://www.paypal.com/webapps/mpp/paypal-popup" title="How PayPal Works" onclick="javascript:window.open('https://www.paypal.com/webapps/mpp/paypal-popup', 'WIPaypal', 'toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=yes, resizable=yes, width=1060, height=700'); return false;">
8178                <img src="https://www.paypalobjects.com/webstatic/mktg/logo/AM_mc_vs_dc_ae.jpg" border="0" alt="PayPal Acceptance Mark"></a> -->
8179            <!-- PayPal Logo -->
8180            <form id="shopping-cart-form-paypal"  method="post" aria-label="PayPal payment form">
8181                <input type="hidden" name="_csrf_token" value="4cb7f049a9f3cf52d6cb8bb2b1286566b6fbaf29a80251037edd0e005581af57">                <input type="hidden" name="payment_method" value="PayPal" />
8182                <div>
8183
8184                    <!-- PayPal Logo -->
8185                    <table border="0" cellpadding="1" cellspacing="0" role="presentation">
8186                        <tr>
8187                            <td>
8188                                <div class="error-container" id="pp-error-container"></div>
8189                                <a id="paypal_expch" class="my-2 d-block">
8190                                    <img src="https://www.paypalobjects.com/digitalassets/c/website/marketing/apac/C2/logos-buttons/44_Yellow_CheckOut_Pill_Button.png" alt="Check out with PayPal" />
8191                                </a>
8192                            </td>
8193                        </tr>
8194                    </table>
8195                    <!-- PayPal Logo -->
8196                                    </div>
8197                <div class="inline-recaptcha mt-4" data-form="pp"></div>
8198            </form>
8199        </div>
8200
8201                <div class="payment_option" id="affirm" >
8202
8203
8204        <form method="post" id="shopping-cart-form-affirm" aria-label="Affirm payment form">
8205            <input type="hidden" name="_csrf_token" value="4cb7f049a9f3cf52d6cb8bb2b1286566b6fbaf29a80251037edd0e005581af57">            <input type="hidden" name="payment_method" value="Affirm" />
8206
8207            <a class="affirm-site-modal" data-page-type="banner" href="javascript:void(0);" role="button" aria-label="Affirm financing options (opens in modal)">
8208                <img src="/skeleton/1.0/view/img/shopping/affirm_300x50.webp" alt="" aria-hidden="true">
8209            </a>
8210
8211            <div class="affirm-promo" data-promo-key="W6WU7UK82RS34HDH" data-promo-size="468x60"></div>
8212
8213            <div>
8214                <div class="cta">
8215                    <button class="btn btn-primary btn-continue general_style" type="submit">Confirm Payment & Place Order with Affirm</button>
8216                </div>
8217            </div>
8218
8219            <div class="inline-recaptcha mt-4" data-form="affirm"></div>
8220
8221            <div class="error-container" id="affirm-error-container"></div>
8222        </form>
8223
8224    </div>
8225        <div class="payment_option" id="acima"  >
8226        <!-- Acima Logo -->
8227        <img src="/includes/assets/shopping_cart/images/acima.png" border="0" alt="Acima Acceptance Mark">
8228        <!-- Acima Logo -->
8229
8230        <form id="shopping-cart-form-acima"  method="post" aria-label="Acima payment form">
8231            <input type="hidden" name="_csrf_token" value="4cb7f049a9f3cf52d6cb8bb2b1286566b6fbaf29a80251037edd0e005581af57">            <input type="hidden" name="payment_method" value="Acima" />
8232            <div class="cta mr-md-2">
8233                <button id="shopping_cart_button_acima" class="btn btn-primary btn-continue general_style" type="submit">Confirm Payment & Place Order with Acima</button>
8234            </div>
8235
8236            <input type="hidden" id="Acima-response-code" name="Acima-response-code-value" value="">
8237            <input type="hidden" id="Acima-response-message" name="Acima-response-message-value" value="">
8238            <input type="hidden" id="Acima-response-leaseId" name="Acima-response-leaseId-value" value="">
8239            <input type="hidden" id="Acima-response-leaseNumber" name="Acima-response-leaseNumber-value" value="">
8240            <input type="hidden" id="Acima-response-checkoutToken" name="Acima-response-checkoutToken-value" value="">
8241                        <input type="hidden" id="Acima-recaptcha_tocken" name="recaptcha_tocken" value="">
8242            
8243            <div>
8244                <div id="iframe-container"></div>
8245                
8245<script src="https://ecom.acimacredit.com/js/acima.min.js"></script>
8245
8246            </div>
8247        </form>
8248        <div class="error-container" id="acima-error-container">
8249            <br>        </div>
8250        <div class="inline-recaptcha mt-3" data-form="acima"></div>
8251    </div>
8252
8253
8254    <div class="payment_option" id="amazon" >
8255            </div>
8256
8257    <div class="payment_option" id="wells_fargo">
8258        <form id="shopping-cart-form-wellsfargo"  method="post" aria-label="Wells Fargo payment form">
8259            <input type="hidden" name="_csrf_token" value="4cb7f049a9f3cf52d6cb8bb2b1286566b6fbaf29a80251037edd0e005581af57">            <input type="hidden" name="payment_method" value="Wells Fargo" />
8260            <input type="hidden" name="shopping_cart_step" value="payment" />
8261            <input type="hidden" id="wellsfargo_payload" name="wellsfargo_payload" value="" />
8262            
8263            
8264            <div class="cta mr-md-2">
8265                <button type="button" id="learnMore" onclick="fireWellsFargo();"class="btn btn-primary btn-continue"   id="one-step-checkout-place-order" name="chng_page">
8266                    Confirm Payment & Place Order with Wells Fargo
8267                </button>
8268                <div class="inline-recaptcha mt-4" data-form="wellsfargo"></div>
8269            </div>
8270            <div class="error-container" id="wellsfargo-error-container"></div>
8271        </form>
8272    </div>
8273</div>
8274
8275<div class="mt-5">
8276    <div class="row no-gutters">
8277        <div class="col-md-12 mb-4">
8278            <div class="form-group floating">
8279                <label for="special_instruction">Special Order Instructions</label>
8280                    <textarea id="special_instruction" class="form-control floating" type="text" name="special_instruction" value="" form="bill-bill_info-form"></textarea>
8281            </div>
8282        </div>
8283    </div>
8284</div>
8285
8286<div class="row mt-4 cta_section no-gutters">
8287    <div class="col-md-6 align-items-center d-flex mb-4 justify-content-center justify-content-lg-start">
8288        <a href="javascript:void(0)" class="shipping_step d-flex align-items-center general_style" style="color: #3172ab">
8289            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" aria-hidden="true" focusable="false"><path d="M77.25 256l137.4-137.4c12.5-12.5 12.5-32.75 0-45.25s-32.75-12.5-45.25 0l-160 160c-12.5 12.5-12.5 32.75 0 45.25l160 160C175.6 444.9 183.8 448 192 448s16.38-3.125 22.62-9.375c12.5-12.5 12.5-32.75 0-45.25L77.25 256zM269.3 256l137.4-137.4c12.5-12.5 12.5-32.75 0-45.25s-32.75-12.5-45.25 0l-160 160c-12.5 12.5-12.5 32.75 0 45.25l160 160C367.6 444.9 375.8 448 384 448s16.38-3.125 22.62-9.375c12.5-12.5 12.5-32.75 0-45.25L269.3 256z"/></svg>
8290            Return to Shipping</a>
8291    </div>
8292</div>
8293<!-- Gift Card Modal -->
8294    <div class="modal fade" id="giftcardModal" tabindex="-1" role="dialog" aria-labelledby="giftcardModalLabel" aria-modal="true">
8295        <div class="modal-dialog" role="document">
8296            <div class="modal-content">
8297                <form id="shopping-cart-form-gift-card"  method="post" aria-label="Redeem gift card form">
8298                    <input type="hidden" name="_csrf_token" value="4cb7f049a9f3cf52d6cb8bb2b1286566b6fbaf29a80251037edd0e005581af57">                <div class="modal-header">
8299                    <h5 class="modal-title" id="giftcardModalLabel">Secured gift card payment</h5>
8300                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
8301                        <span aria-hidden="true">&times;</span>
8302                    </button>
8303                </div>
8304                <div class="modal-body">
8305                    <p>Redeem a Gift Card</p>
8306                    <div class="row mb-3">
8307                        <div class="col-md-12">
8308                            <div class="form-group floating mb-1">
8309                                <input aria-label="Giftcard number" id="giftcard_number" class="form-control floating" type="text" name="giftcard_number">
8310                                <label for="giftcard_number">Gift Card Number - 16 digits</label>
8311                            </div>
8312                        </div>
8313                    </div>
8314                    <div class="row mb-3">
8315                        <div class="col-md-12">
8316                            <div class="form-group floating mb-1">
8317                                <input id="giftcard_token" class="form-control floating" type="text" name="giftcard_token">
8318                                <label for="giftcard_token">Gift Card Token - 12 digits</label>
8319                            </div>
8320                        </div>
8321                    </div>
8322                    <div id="gift-card-error-container" class="row d-none">
8323                        <div class="col-12">
8324                            <div class="alert alert-danger"></div>
8325                        </div>
8326                    </div>
8327                </div>
8328                <div class="modal-footer">
8329                    <input type="hidden" name="payment_method" value="Gift Cards" />
8330                    <button type="submit" class="btn btn-primary add_giftcard">Add</button>
8331                </div>
8332                </form>
8333            </div>
8334        </div>
8335    </div>
8336
8337
8338
8339<script>
8340    function set_payment_total(response){
8341        $('#cart-total-tax').html(response.shopping_cart[0]['total']['tax']);
8342        if (response.shopping_cart[0]['total']['show_discount']) {
8343            $('#cart-total-promo_discount').parent().removeClass('d-none-i');
8344        } else {
8345            $('#cart-total-promo_discount').parent().addClass('d-none-i');
8346        }
8347        $('#cart-total-promo_discount').html(' - ' + response.shopping_cart[0]['total']['promo_discount']);
8348        $('#cart-total-shipping').html(response.shopping_cart[0]['total']['shipping']);
8349        $('#cart-total-total').html(response.shopping_cart[0]['total']['total']);
8350        //document.getElementById('sc_session').value = response.sc_session_encoded;
8351        document.getElementById('sc_session_info_bar').value = response.sc_session_info_bar_encoded;
8352        //session_setter();
8353        window.location.href = '/shopping-cart?&step=payment';
8354    }
8355
8356        let recaptcha = {};
8357        function onRecaptchaLoadCallback() {
8358            document.querySelectorAll('.inline-recaptcha').forEach(function(badge) {
8359                const formId = badge.getAttribute('data-form');
8360                                    recaptcha[formId] = grecaptcha.render(badge, {
8361                        'sitekey': '6Le0_CEiAAAAAO2SprdEh3a5J5OGgtavg30c0ya7',
8362                        'badge': 'inline',
8363                        'size': 'invisible'
8364                    });
8365                            });
8366        }
8367        /**
8368         * Get reCAPTCHA token for v2 or v3
8369         * @param {string} action - For v3, the action name (e.g., 'checkout')
8370         * @returns {Promise<string>} - Resolves with the token
8371         */
8372        async function getRecaptchaToken(method) {
8373            return new Promise((resolve, reject) => {
8374                if (typeof grecaptcha === 'undefined') {
8375                    reject('reCAPTCHA not loaded');
8376                    handleRecaptchaError('reCAPTCHA not loaded.');
8377                    reject({success: false, error: 'reCAPTCHA not loaded.'});
8378                    return;
8379                }
8380                grecaptcha.ready(() => {
8381                                            grecaptcha.execute(recaptcha[method], { action: 'form_builder_submissions' })
8382                            .then(token => resolve({success: true, token: token}))
8383                            .catch(function(error) {
8384                                handleRecaptchaError('reCAPTCHA error: A technical issue occurred. Please contact the administrator for support!');
8385                                reject({success: false, error: 'reCAPTCHA error: A technical issue occurred. Please contact the administrator for support!'});
8386                            });
8387                                    });
8388            });
8389        }
8390       
8391        function handleRecaptchaError(errorMessage) {
8392            $('.error_captcha').remove();
8393            $('.inline-recaptcha').after(`<p class="error_captcha" style="color:red; margin-top:10px;">${errorMessage}</p>`);
8394            $('#loader_div').fadeOut();
8395        }
8396
8397
8398    function refresh_method() {
8399        const method = $("input[name=payment_r]:checked").val();
8400        $.ajax({
8401            type: "POST",
8402            url : "includes/assets/shopping_cart/sc_ws_functions.php",
8403            headers: {'X-CSRF-TOKEN': window.csrf_token},
8404            data: {
8405                refresh_method: method,
8406            },
8407            dataType: "json",
8408            cache: false,
8409            success: function(response) {
8410                // console.log(data);
8411                if(response.success) {
8412
8413                    $('#sc_session_info_bar').val(response.sc_session_info_bar_encoded);
8414                    update_cart_layout(response.shopping_cart[0]);
8415
8416                    if (typeof response.sc_session_info_bar != "undefined") {
8417
8418                        check_cart_totals(response.sc_session_info_bar,response.shopping_cart);
8419
8420                    }
8421                } else {
8422
8423                }
8424            },
8425            error: function (xhr, status, error) {
8426                // console.error(xhr);
8427                // If backend returned HTML page
8428                if (xhr.responseText) {
8429                    if (window.scHandleAjaxError && window.scHandleAjaxError(xhr)) return;
8430                    document.open();
8431                    document.write(xhr.responseText);
8432                    document.close();
8433                    return;
8434                }
8435            }
8436        });
8437    }
8438
8439    $(document).ready(function(){
8440        // $("input[name=payment_r]:checked").closest('label').trigger('click');
8441        window.billing_states = {"United States":{"AL":{"name":"Alabama","excluded":false},"AK":{"name":"Alaska","excluded":false},"AZ":{"name":"Arizona","excluded":false},"AR":{"name":"Arkansas","excluded":false},"CA":{"name":"California","excluded":false},"CO":{"name":"Colorado","excluded":false},"CT":{"name":"Connecticut","excluded":false},"DE":{"name":"Delaware","excluded":false},"DC":{"name":"District Of Columbia","excluded":false},"FL":{"name":"Florida","excluded":false},"GA":{"name":"Georgia","excluded":false},"HI":{"name":"Hawaii","excluded":false},"ID":{"name":"Idaho","excluded":false},"IL":{"name":"Illinois","excluded":false},"IN":{"name":"Indiana","excluded":false},"IA":{"name":"Iowa","excluded":false},"KS":{"name":"Kansas","excluded":false},"KY":{"name":"Kentucky","excluded":false},"LA":{"name":"Louisiana","excluded":false},"ME":{"name":"Maine","excluded":false},"MD":{"name":"Maryland","excluded":false},"MA":{"name":"Massachusetts","excluded":false},"MI":{"name":"Michigan","excluded":false},"MN":{"name":"Minnesota","excluded":false},"MS":{"name":"Mississippi","excluded":false},"MO":{"name":"Missouri","excluded":false},"MT":{"name":"Montana","excluded":false},"NE":{"name":"Nebraska","excluded":false},"NV":{"name":"Nevada","excluded":false},"NH":{"name":"New Hampshire","excluded":false},"NJ":{"name":"New Jersey","excluded":false},"NM":{"name":"New Mexico","excluded":false},"NY":{"name":"New York","excluded":false},"NC":{"name":"North Carolina","excluded":false},"ND":{"name":"North Dakota","excluded":false},"OH":{"name":"Ohio","excluded":false},"OK":{"name":"Oklahoma","excluded":false},"OR":{"name":"Oregon","excluded":false},"PA":{"name":"Pennsylvania","excluded":false},"RI":{"name":"Rhode Island","excluded":false},"SC":{"name":"South Carolina","excluded":false},"SD":{"name":"South Dakota","excluded":false},"TN":{"name":"Tennessee","excluded":false},"TX":{"name":"Texas","excluded":false},"UT":{"name":"Utah","excluded":false},"VT":{"name":"Vermont","excluded":false},"VA":{"name":"Virginia","excluded":false},"WA":{"name":"Washington","excluded":false},"WV":{"name":"West Virginia","excluded":false},"WI":{"name":"Wisconsin","excluded":false},"WY":{"name":"Wyoming","excluded":false}}};
8442
8443        if ($('#billing_address1').length) {
8444            setTimeout(() => {
8445                $('#bill-bill_info-form #billing_address1').focus();
8446            }, 200);
8447        } else {
8448            setTimeout(() => {
8449                $('#bill-bill_info-form #first_name_b').focus();
8450            }, 200);
8451        }
8452                 
8453
8454        $('.cp-payment-btn').on('click', function(e) {
8455            e.preventDefault();
8456            const _this = $(this);
8457            $('.cp-payment-btn').removeClass('active');
8458            $("input[name=payment_r]:checked").removeAttr('checked')
8459            $('.payment_option').hide();
8460            _this.addClass('active');
8461            _this.find("input[name=payment_r]").attr('checked','checked')
8462            $(_this.data('pid')).show();
8463            refresh_method();
8464        });
8465
8466        window.handleBillingError = function(response){
8467            if (response.info_errors && response.info_errors[0]) {
8468                $('.invalid_inputs_text_payment').html(response.info_errors[0].msg);
8469                let invalid_inputs = response.info_errors[0];
8470
8471                for (key in invalid_inputs){
8472                    if (invalid_inputs[key] == 1) {
8473                        $('input[name="'+key+'"]').addClass('is-invalid');
8474                        $('select[name="'+key+'"]').addClass('is-invalid');
8475                    } else {
8476                        $('input[name="'+key+'"]').removeClass('is-invalid');
8477                        $('select[name="'+key+'"]').removeClass('is-invalid');
8478                    }
8479                }
8480            } else {
8481                $('.invalid_inputs_text_payment').html(response.message);
8482            }
8483
8484            $('.invalid_container_payment').show();
8485            window.scrollTo({ top:  document.getElementById("bill-info-title").offsetTop, behavior: 'smooth'});
8486        }
8487
8488        async function refresh_billing() {
8489            let data = $('#bill-bill_info-form').serializeArray();
8490            // console.log(data);
8491            console.log('data-3');
8492
8493            let res = false;
8494            $.ajax({
8495                type: "POST",
8496                async: false,
8497                url : "includes/assets/shopping_cart/sc_ws_functions.php",
8498                headers: {'X-CSRF-TOKEN': window.csrf_token},
8499                data: {
8500                    refresh_billing: data,
8501                },
8502                dataType: "json",
8503                cache: false,
8504                success: function( response ) {
8505
8506                    // console.log(response);
8507                    console.log('response-success-3');
8508
8509                    if(response.success) {
8510                        res = response;
8511                        $('#bill-bill_info-form .is-invalid').removeClass('is-invalid');
8512                        $('.invalid_container_payment').hide();
8513                    } else {
8514                        if (response.info_errors && response.info_errors[0]) {
8515                            $('.invalid_inputs_text_payment').html(response.info_errors[0].msg);
8516
8517                            let invalid_inputs = response.info_errors[0];
8518
8519                            for (key in invalid_inputs){
8520                                if (invalid_inputs[key] == 1) {
8521                                    $('input[name="'+key+'"]').addClass('is-invalid');
8522                                    $('select[name="'+key+'"]').addClass('is-invalid');
8523                                } else {
8524                                    $('input[name="'+key+'"]').removeClass('is-invalid');
8525                                    $('select[name="'+key+'"]').removeClass('is-invalid');
8526                                }
8527                            }
8528                        } else {
8529                            $('.invalid_inputs_text_payment').html(response.message);
8530                        }
8531
8532                        $('.invalid_container_payment').show();
8533                    }
8534                },
8535                error: function (xhr, status, error) {
8536                    // console.error(xhr);
8537                    // If backend returned HTML page
8538                    if (xhr.responseText) {
8539                        if (window.scHandleAjaxError && window.scHandleAjaxError(xhr)) return;
8540                        document.open();
8541                        document.write(xhr.responseText);
8542                        document.close();
8543                        return;
8544                    }
8545                }
8546            });
8547            return res;
8548        }
8549
8550        //Confirm Payment & Place Order - Amazon
8551        $("#shopping-cart-form-amazon").submit(async (event) => {
8552            event.preventDefault();  // avoid to execute the actual submit of the form.
8553            $('#loader_div').fadeIn();
8554            $('#bill-bill_info-form .is-invalid').removeClass('is-invalid');
8555            $('.invalid_container_payment').hide();
8556            $('.error_captcha').remove();
8557
8558            const data = {
8559                billing: $('#bill-bill_info-form').serializeArray(),
8560                complete_checkout: 'amazon',
8561                payload: $("#shopping-cart-form-amazon").serializeArray(),
8562            }
8563
8564                             const result = await getRecaptchaToken('amazon');
8565                if(!result.success){
8566                    return;
8567                }
8568                data.recaptcha_token = result.token;
8569                        
8570            $.ajax({
8571                type: "POST",
8572                url : "includes/assets/shopping_cart/sc_ws_functions.php",
8573                headers: {'X-CSRF-TOKEN': window.csrf_token},
8574                data: data,
8575                dataType: "json",
8576                cache: false,
8577                success: function( response ) {
8578                    $('#loader_div').fadeOut();
8579                    //console.log(response);
8580                    console.log('response-success-amazon-form');
8581                    if (response.success) {
8582                        //document.getElementById('sc_session').value = response.sc_session_encoded;
8583                        document.getElementById('sc_session_info_bar').value = response.sc_session_info_bar_encoded;
8584
8585                        //session_setter();
8586                        //window.location.href = window.location.href;
8587                        window.location.href = '/shopping-cart?&step=payment';
8588                    } else {
8589                         if(response.type == "recaptcha"){
8590                            handleRecaptchaError(response.message);
8591                        }else if(response.type == "billing"){
8592                            handleBillingError(response);
8593                        }else{
8594                            console.log('response-not-success-form-amazon-error');
8595                            $('#amazon-error-container').html('<b style="color:red;">' + response.message + '</b>');
8596                        }
8597                    }
8598
8599                },
8600                error: function (xhr, status, error) {
8601                    $('#loader_div').fadeOut();
8602                    $('#amazon-error-container').html('<b style="color:red;">' + response.message + '</b>');
8603                    // console.error(xhr);
8604                    // If backend returned HTML page
8605                    if (xhr.responseText) {
8606                        if (window.scHandleAjaxError && window.scHandleAjaxError(xhr)) return;
8607                        document.open();
8608                        document.write(xhr.responseText);
8609                        document.close();
8610                        return;
8611                    }
8612                }
8613            });
8614
8615        });
8616
8617        // Redeem Gift Card
8618        $("#shopping-cart-form-gift-card").submit(async (event) => {
8619            event.preventDefault();  // avoid to execute the actual submit of the form.
8620
8621            const $errorContainer = $('#gift-card-error-container')
8622            //console.log($errorContainer)
8623            if (!$errorContainer.hasClass('d-none')) {
8624                $errorContainer.addClass('d-none')
8625            }
8626
8627            const data = $('#shopping-cart-form-gift-card').serializeArray();
8628
8629            console.log('data-form-gift-card-3', data);
8630            $.ajax({
8631                type: "POST",
8632                url : "includes/assets/shopping_cart/sc_ws_functions.php",
8633                headers: {'X-CSRF-TOKEN': window.csrf_token},
8634                data: {
8635                    refresh_shopping_cart_giftcard: data,
8636                },
8637                dataType: "json",
8638                cache: false,
8639                success: function( response ) {
8640
8641                    //console.log(response);
8642                    console.log('response-success-refresh_shopping_cart_giftcard-1');
8643
8644                    if(response.success){
8645                        //console.log('response-success-refresh_shopping_cart_giftcard-success-1');
8646                        //document.getElementById('sc_session').value = response.sc_session_encoded;
8647                        document.getElementById('sc_session_info_bar').value = response.sc_session_info_bar_encoded;
8648                        //session_setter();
8649                        window.location.href = '/shopping-cart?&step=payment';
8650
8651                    } else {
8652
8653                        console.log('response-success-refresh_shopping_cart_giftcard-error-1');
8654                        //console.log(response);
8655                        $errorContainer.removeClass('d-none')
8656                        if(response.errors == ''){
8657                            $errorContainer.find('.alert').text('Gift Card Cant be redeemed!')
8658                        } else {
8659                            $errorContainer.find('.alert').text(response.errors || 'Gift Card Cant be redeemed!')
8660                        }
8661
8662                    }
8663
8664                },
8665                error: function (xhr, status, error) {
8666                    // console.error(xhr);
8667                    // If backend returned HTML page
8668                    if (xhr.responseText) {
8669                        if (window.scHandleAjaxError && window.scHandleAjaxError(xhr)) return;
8670                        document.open();
8671                        document.write(xhr.responseText);
8672                        document.close();
8673                        return;
8674                    }
8675                }
8676           });
8677
8678        });
8679
8680
8681        $("#shopping-cart-form-acima").submit(async (event) => {
8682            event.preventDefault();  // avoid to execute the actual submit of the form.
8683            $('#loader_div').fadeIn();
8684            $('#bill-bill_info-form .is-invalid').removeClass('is-invalid');
8685            $('.invalid_container_payment').hide();
8686            $('.error_captcha').remove();
8687
8688            const data = {
8689                billing: $('#bill-bill_info-form').serializeArray(),
8690                complete_checkout: 'acima',
8691                payload: []
8692            }
8693
8694                            const result = await getRecaptchaToken('acima');
8695                if(!result.success){
8696                    return;
8697                }
8698                data.recaptcha_token = result.token;
8699            
8700            $.ajax({
8701                type: "POST",
8702                url : "includes/assets/shopping_cart/sc_ws_functions.php",
8703                headers: {'X-CSRF-TOKEN': window.csrf_token},
8704                data: data,
8705                dataType: "json",
8706                cache: false,
8707                success: function(response ) {
8708                    console.log('response-success-form-3');
8709                    $('#loader_div').fadeOut();
8710
8711                    if (response.success) {
8712                        if(response.checkout){
8713                            const acima = new Acima.Client({
8714                                merchantId: "loca-39fa0ad0-4d90-4718-884f-15a34ee20e47",
8715                                iframeUrl: "https://ecom.acimacredit.com/" 
8716                            });
8717                            acima.checkout(response.checkout).then(({ leaseId, leaseNumber, checkoutToken }) => {
8718                                // Listen for the pre-approval result
8719                                //console.log('leaseId',leaseId);
8720                                //console.log('leaseNumber',leaseNumber);
8721                                //console.log('checkoutToken',checkoutToken);
8722
8723                                document.getElementById('Acima-response-leaseId').value = leaseId;
8724                                document.getElementById('Acima-response-leaseNumber').value = leaseNumber;
8725                                document.getElementById('Acima-response-checkoutToken').value = checkoutToken;
8726                                document.getElementById('shopping-cart-form-acima').submit();
8727                                //document.getElementById('one-step-checkout-acima-form').submit();
8728                            }).catch(({ code, message }) => {
8729                                // Listen for any errors or interruptions in the customer's application
8730                                //console.log('code',code);
8731                                //console.log('message',message);
8732
8733                                document.getElementById('Acima-response-code').value = code;
8734                                document.getElementById('Acima-response-message').value = message;
8735                                document.getElementById('acima-error-container').innerHTML = "Acima did not process , please try again or select different payment method";
8736
8737                            })
8738
8739                        }
8740                    } else {
8741                        if(response.type == "recaptcha"){
8742                            handleRecaptchaError(response.message);
8743                        }else if(response.type == "billing"){
8744                            handleBillingError(response);
8745                        }else{
8746                            console.log('response-success-form-3-error');
8747                            console.log(response);
8748                        }
8749                       
8750                    }
8751
8752                },
8753                error: function (xhr, status, error) {
8754                    $('#loader_div').fadeOut();
8755                    // console.error(xhr);
8756                    // If backend returned HTML page
8757                    if (xhr.responseText) {
8758                        if (window.scHandleAjaxError && window.scHandleAjaxError(xhr)) return;
8759                        document.open();
8760                        document.write(xhr.responseText);
8761                        document.close();
8762                        return;
8763                    }
8764                }
8765            });
8766        });
8767
8768        
8769        $("#paypal_expch").on("click", async function (event) {
8770            //alert('kk');
8771            event.preventDefault();
8772            $('#bill-bill_info-form .is-invalid').removeClass('is-invalid');
8773            $('.invalid_container_payment').hide();
8774            $('.error_captcha').remove();
8775
8776            if (typeof gtag != 'undefined') {
8777                gtag("event", "paypal_button_click");
8778                console.error('gtag("event", "paypal_button_click")');
8779            }
8780
8781            const data = {
8782                billing: $('#bill-bill_info-form').serializeArray(),
8783                complete_checkout: 'paypal',
8784                payload: $("#shopping-cart-form-paypal").serializeArray(),
8785            }
8786
8787                            const result = await getRecaptchaToken('paypal');
8788                if(!result.success){
8789                    return;
8790                }
8791                data.recaptcha_token = result.token;
8792                        //console.log(data);
8793            console.log('data-form-paypal-3');
8794            //const sc_session_value = document.getElementById('sc_session').value ;
8795            //console.log(sc_session_value);
8796            console.log('data-form-paypal-sc_session_value-3');
8797
8798            $.ajax({
8799                type: "POST",
8800                url : "includes/assets/shopping_cart/sc_ws_functions.php",
8801                headers: {'X-CSRF-TOKEN': window.csrf_token},
8802                data: data,
8803                dataType: "json",
8804                cache: false,
8805                success: function( response ) {
8806                    $('#loader_div').fadeOut();
8807
8808                    //console.log(response);
8809                    console.log('response-success-3');
8810                    if (response.success) {
8811                        //document.getElementById('sc_session').value = response.sc_session_encoded;
8812                        document.getElementById('sc_session_info_bar').value = response.sc_session_info_bar_encoded;
8813                        //session_setter();
8814                        //window.open(response.payPalURL);
8815                        window.open(response.payPalURL,"_self")
8816                    } else {
8817                         if(response.type == "recaptcha"){
8818                            handleRecaptchaError(response.message);
8819                        }else if(response.type == "billing"){
8820                            handleBillingError(response);
8821                        }else{
8822                            $('#pp-error-container').html('<b style="color:red;">' + response.message + '</b>');
8823                        }
8824                    }
8825                },
8826                error: function (xhr, status, error) {
8827                    $('#loader_div').fadeOut();
8828                    // console.error(xhr);
8829                    // If backend returned HTML page
8830                    if (xhr.responseText) {
8831                        if (window.scHandleAjaxError && window.scHandleAjaxError(xhr)) return;
8832                        document.open();
8833                        document.write(xhr.responseText);
8834                        document.close();
8835                        return;
8836                    }
8837                }
8838            });
8839        });
8840        //Confirm Payment & Place Order - Credit Card
8841        $(".shopping-cart-form-auth").on('submit', async (e) => {
8842            e.preventDefault();  // avoid to execute the actual submit of the form.
8843            $('#loader_div').fadeIn();
8844            $('#bill-bill_info-form .is-invalid').removeClass('is-invalid');
8845            $('.invalid_container_payment').hide();
8846            $('.error_captcha').remove();
8847
8848            const formID = e.target.id;
8849            console.log(formID);
8850
8851            var $submitBtn = $(`#${formID} button[type=submit]`), submitBtnOrigText = $submitBtn.html();
8852                
8853            $submitBtn.html('Order Processing');
8854
8855            const data = {
8856                billing: $('#bill-bill_info-form').serializeArray(),
8857                complete_checkout: 'auth',
8858                payload: $("#"+ formID).serializeArray(),
8859            }
8860
8861                            const result = await getRecaptchaToken('auth');
8862                if(!result.success){
8863                    return;
8864                }
8865                data.recaptcha_token = result.token;
8866            
8867            $.ajax({
8868                type: "POST",
8869                url : "includes/assets/shopping_cart/sc_ws_functions.php",
8870                headers: {'X-CSRF-TOKEN': window.csrf_token},
8871                data: data,
8872                dataType: "json",
8873                cache: false,
8874                success: function(response ) {
8875                    // console.log(response);
8876                    $('#loader_div').fadeOut();
8877
8878                    console.log('response-success-form-3');
8879
8880                    if (response.success) {
8881                        set_payment_total(response);
8882                    } else {
8883                        $submitBtn.html(submitBtnOrigText);
8884                        $('#loader_div').fadeOut();
8885                        if(response.type == "recaptcha"){
8886                            handleRecaptchaError(response.message);
8887                        }else if(response.type == "info"){
8888                            window.location.href = '/shopping-cart?&step=information';
8889                        }else if(response.type == "billing"){
8890                            handleBillingError(response);
8891                        }else{
8892                            console.log('response-success-form-3-error');
8893                            console.log(response);
8894                            $(`#${formID} .auth-error-container`).html('<b style="color:red;">' + response.message + '</b>');
8895                            if(response.info_errors) {
8896                                let invalid_inputs = response.info_errors[0];
8897
8898                                for (key in invalid_inputs) {
8899                                    if (invalid_inputs[key] == 1) {
8900                                        $('input[name="' + key + '"]').addClass('is-invalid');
8901                                    } else {
8902                                        $('input[name="' + key + '"]').removeClass('is-invalid');
8903                                    }
8904                                }
8905                            }
8906                        }
8907                       
8908                    }
8909
8910                },
8911                error: function (xhr, status, error) {
8912                    $('#loader_div').fadeOut();
8913                    $submitBtn.html(submitBtnOrigText);
8914                    // console.error(xhr);
8915                    // If backend returned HTML page
8916                    if (xhr.responseText) {
8917                        if (window.scHandleAjaxError && window.scHandleAjaxError(xhr)) return;
8918                        document.open();
8919                        document.write(xhr.responseText);
8920                        document.close();
8921                        return;
8922                    }
8923                }
8924            });
8925            
8926        });
8927
8928        //Confirm Payment & Place Order - Gift Card
8929        $("#shopping-cart-form-gift-pay").submit(async (e) => {
8930            e.preventDefault();  // avoid to execute the actual submit of the form.
8931            $('#loader_div').fadeIn();
8932            $('#bill-bill_info-form .is-invalid').removeClass('is-invalid');
8933            $('.invalid_container_payment').hide();
8934            $('.error_captcha').remove();
8935            //console.log('data-form-gift-pay-3', data);
8936             const data = {
8937                billing: $('#bill-bill_info-form').serializeArray(),
8938                complete_checkout: 'giftcard',
8939                payload: $(this).closest('form').serializeArray()
8940            }
8941
8942                             const result = await getRecaptchaToken('giftcard');
8943                if(!result.success){
8944                    return;
8945                }
8946                data.recaptcha_token = result.token;
8947            
8948            $.ajax({
8949                type: "POST",
8950                url : "includes/assets/shopping_cart/sc_ws_functions.php",
8951                headers: {'X-CSRF-TOKEN': window.csrf_token},
8952                data: data,
8953                dataType: "json",
8954                cache: false,
8955                success: function( response ) {
8956                    console.log('response-success-form-gift-3');
8957                    $('#loader_div').fadeOut();
8958                    if (response.success) {
8959                        set_payment_total(response)
8960                    } else {
8961                         if(response.type == "recaptcha"){
8962                            handleRecaptchaError(response.message);
8963                        }else if(response.type == "billing"){
8964                            handleBillingError(response);
8965                        }else{
8966                             console.log('response-success-form-3-error');
8967                            //console.log(response);
8968                            $('#auth-error-container').html('<b style="color:red;">' + response.message + '</b>');
8969                        }
8970                    }
8971
8972                },
8973                error: function (xhr, status, error) {
8974                    $('#loader_div').fadeOut();
8975                    // console.error(xhr);
8976                    // If backend returned HTML page
8977                    if (xhr.responseText) {
8978                        if (window.scHandleAjaxError && window.scHandleAjaxError(xhr)) return;
8979                        document.open();
8980                        document.write(xhr.responseText);
8981                        document.close();
8982                        return;
8983                    }
8984                }
8985            });
8986        });
8987
8988
8989
8990        $('.content_payment_step').on('change', 'input[name="billing_address"]', function () {
8991            if ($(this).val() == 1) {
8992                $('.billing_address_fields').show();
8993            } else {
8994                $('.billing_address_fields').hide();
8995            }
8996        });
8997
8998        $('#country_b').change(function() {
8999            refresh_state_billing();
9000            $(this).trigger('chosen:updated');
9001        });
9002
9003        $('#country_b').trigger("change");
9004
9005    });
9006
9007    function refresh_state_billing(state_value) {
9008    // console.log('refresh_state_billing');
9009
9010    country_info = {};
9011    country_info['country'] = $('#country_b option:selected').val();
9012    // console.log('country - ' + $('#country_b option:selected').val());
9013
9014    // console.log('remove states from list');
9015    $('#state_b option').each(function() {
9016        $(this).remove();
9017    });
9018    // console.log('country_info=' + $('#country_b option:selected').val());
9019    if(state_value == undefined) {
9020        if(country_info['country'] && window.states[country_info['country']]) {
9021            let responseText = window.states[country_info['country']];
9022            eq_selected_state = 0;
9023            counter = 1;
9024            state_selected = ($('#state_b').attr('data-selected'));
9025            $('#state_b').append('<option value=""></option>');
9026            // console.log('eq_selected_state='+eq_selected_state);
9027            $.each(responseText, function(state_code, state_info) {
9028                if (state_info.name != null) {
9029                    if (state_selected && (state_info.name.trim() == state_selected))
9030                        eq_selected_state = counter;
9031                    $('#state_b').append('<option value="' + state_info.name.trim() + '">' + state_info.name.trim() + '</option>');
9032                    counter++;
9033                }
9034            });
9035            $("#state_b option:eq(" + (eq_selected_state) + ")").attr("selected", true);
9036            $("#state_b").trigger("chosen:updated");
9037            state_selected = ($('#state_b').attr('data-selected'));
9038            if(state_selected != '' && state_selected != undefined) {
9039                $("#state_b").parents('.floating').addClass('filled');
9040            } else {
9041                $("#state_b").parents('.floating').removeClass('filled');
9042            }
9043        }
9044    } else {
9045        // console.log('state_value is defined', state_value);
9046        $('#state_b').val(state_value);
9047    }
9048
9049}
9050
9051
9052function abbrState(input, to){
9053    
9054    var states = [
9055        ['Arizona', 'AZ'],
9056        ['Alabama', 'AL'],
9057        ['Alaska', 'AK'],
9058        ['Arkansas', 'AR'],
9059        ['California', 'CA'],
9060        ['Colorado', 'CO'],
9061        ['Connecticut', 'CT'],
9062        ['Delaware', 'DE'],
9063        ['Florida', 'FL'],
9064        ['Georgia', 'GA'],
9065        ['Hawaii', 'HI'],
9066        ['Idaho', 'ID'],
9067        ['Illinois', 'IL'],
9068        ['Indiana', 'IN'],
9069        ['Iowa', 'IA'],
9070        ['Kansas', 'KS'],
9071        ['Kentucky', 'KY'],
9072        ['Louisiana', 'LA'],
9073        ['Maine', 'ME'],
9074        ['Maryland', 'MD'],
9075        ['Massachusetts', 'MA'],
9076        ['Michigan', 'MI'],
9077        ['Minnesota', 'MN'],
9078        ['Mississippi', 'MS'],
9079        ['Missouri', 'MO'],
9080        ['Montana', 'MT'],
9081        ['Nebraska', 'NE'],
9082        ['Nevada', 'NV'],
9083        ['New Hampshire', 'NH'],
9084        ['New Jersey', 'NJ'],
9085        ['New Mexico', 'NM'],
9086        ['New York', 'NY'],
9087        ['North Carolina', 'NC'],
9088        ['North Dakota', 'ND'],
9089        ['Ohio', 'OH'],
9090        ['Oklahoma', 'OK'],
9091        ['Oregon', 'OR'],
9092        ['Pennsylvania', 'PA'],
9093        ['Rhode Island', 'RI'],
9094        ['South Carolina', 'SC'],
9095        ['South Dakota', 'SD'],
9096        ['Tennessee', 'TN'],
9097        ['Texas', 'TX'],
9098        ['Utah', 'UT'],
9099        ['Vermont', 'VT'],
9100        ['Virginia', 'VA'],
9101        ['Washington', 'WA'],
9102        ['West Virginia', 'WV'],
9103        ['Wisconsin', 'WI'],
9104        ['Wyoming', 'WY'],
9105        
9106        ['Newfoundland and Labrador', 'NL'],
9107        ['Prince Edward Island', 'PE'],
9108        ['Nova Scotia', 'NS'],
9109        ['New Brunswick', 'NB'],
9110        ['Quebec', 'QC'],
9111        ['Ontario', 'ON'],
9112        ['Saskatchewan', 'SK'],
9113        ['Manitoba', 'MB'],
9114        ['Alberta', 'AB'],
9115        ['British Columbia', 'BC'],
9116        ['Yukon', 'YT'],
9117        ['Northwest Territories', 'NT'],
9118        ['Nunavut', 'NU'] 
9119    ];
9120
9121    if (to == 'abbr'){
9122        input = input.replace(/\w\S*/g, function(txt){return txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase();});
9123        for(i = 0; i < states.length; i++){
9124            if(states[i][0] == input){
9125                return(states[i][1]);
9126            }
9127        }    
9128    } else if (to == 'name'){
9129        input = input.toUpperCase();
9130        for(i = 0; i < states.length; i++){
9131            if(states[i][1] == input){
9132                return(states[i][0]);
9133            }
9134        }    
9135    }
9136}
9137</script>
vendor: 2 bytes, line 9137
9137
9138<script>
9139    // Affirm script can inject a broken aria-label with raw HTML; keep a stable accessible name.
9140    (function () {
9141        function normalizeAffirmModalA11y() {
9142            document.querySelectorAll('.affirm-site-modal').forEach(function (el) {
9143                el.setAttribute('aria-label', 'Affirm financing options (opens in modal)');
9144            });
9145        }
9146
9147        document.addEventListener('DOMContentLoaded', normalizeAffirmModalA11y);
9148        setTimeout(normalizeAffirmModalA11y, 0);
9149        setTimeout(normalizeAffirmModalA11y, 500);
9150    })();
9151</script>
9151
9152                    </div>
9153
9154            </div>
9155        </div>
9156
9157        <div class="shopping_right_div justify-content-center justify-content-lg-start hide-summary">
9158            
9159<div class="offcanvas left offcanvas-md" id="customSidebar">
9160    <div class="offcanvas-header border-bottom">
9161        <h5>Select a Store</h5>
9162        <button aria-label="Close menu" class="close-offcanvas btn-close"tabindex="-1"></button>
9163    </div>
9164    <div class="offcanvas-body">
9165    </div>
9166</div>
9167
9168<div class="empty-cart ">
9169    <div class="selected_items p-3 p-sm-5 text-center">
9170        Your cart is empty
9171    </div>
9172</div>
9173
9174<div class="removed-qty d-none ">
9175        <div class="selected_items p-3 p-sm-5 text-center">
9176        Sorry! This item is no longer in stock.
9177    </div>
9178</div>
9179
9180<div class="non-empty-cart d-none">
9181        <div class="selected_items p-3 p-sm-5">
9182        <div class="items_table">
9183            <div class="table_row align-items-center justify-content-between mb-3 card_display invisible-mobile">
9184                <div class="item_image mr-3">
9185
9186                </div>
9187                <div class="item_text mr-4">
9188                    Product
9189                </div>
9190                <div class="quancost">
9191                    <div class="quantity">
9192                        Quantity
9193                    </div>
9194                    <div class="item_cost">
9195                        Price
9196                    </div>
9197                </div>
9198            </div>
9199            <hr>
9200            
9201                            <div id="last-shopping-cart-item" class="d-none"></div>
9202                    </div>
9203        <hr>
9204        <div class="table_row d-flex align-items-center justify-content-between mb-2">
9205            <span class="sub_title">Subtotal</span>
9206            <span
9207                id="cart-total-subtotal">$0.00</span>
9208        </div>
9209                  <div
9210            class="table_row d-flex align-items-center justify-content-between mb-2 cart-total-warranty-container d-none-i">
9211            <span class="sub_title">Warranty</span>
9212            <span
9213                id="cart-total-warranty">$0.00</span>
9214        </div>
9215        <div
9216            class="table_row d-flex align-items-center justify-content-between mb-2 cart-total-engraving-container d-none-i">
9217            <span class="sub_title">Engraving</span>
9218            <span
9219                id="cart-total-engraving">$0.00</span>
9220        </div>
9221        <div
9222            class="table_row d-flex align-items-center justify-content-between mb-2 cart-total-resizing_fee-container d-none-i">
9223            <span class="sub_title">Resizing Fee</span>
9224            <span
9225                id="cart-total-resizing_fee">$0.00</span>
9226        </div>
9227                     <div
9228                class="table_row d-flex align-items-center justify-content-between mb-2 d-none-i">
9229                <span class="sub_title">Delivery</span>
9230                <span id="cart-total-delivery-cost">
9231                    $0.00</span>
9232            </div>
9233                <div
9234            class="table_row d-flex align-items-center justify-content-between mb-2 cart-shipping-container d-none-i">
9235            <span
9236                class="sub_title">Shipping</span>
9237            <span
9238                id="cart-total-shipping">Free</span>
9239        </div>
9240        <div
9241            class="table_row d-flex align-items-center justify-content-between mb-2 d-none-i">
9242            <span class="sub_title">Discount </span>
9243            <span id="cart-total-promo_discount"> -
9244                $0.00</span>
9245        </div>
9246        <div class="table_row d-flex align-items-center justify-content-between mb-2 cart-total-tax-container">
9247                            <span class="sub_title" id="cart-total-tax_percent">Tax</span>
9248                        <span
9249                id="cart-total-tax">---</span>
9250        </div>
9251        <div class="fees_div"></div>
9252                <hr>
9253        <div class="table_row d-flex align-items-center justify-content-between total_results">
9254            <span>Total</span>
9255                            <span id="cart-total-total"
9256                    class="total_pay">$0.00</span>
9257                    </div>
9258    </div>
9259    <hr class="my-0">
9260    
9261    <div class="selected_items p-5">
9262        <div class="row w-100 no-gutters">
9263            <div class="col">
9264                                    <form id="info-form" method="post" aria-label="Coupon code form">
9265                        <input type="hidden" name="_csrf_token" value="4cb7f049a9f3cf52d6cb8bb2b1286566b6fbaf29a80251037edd0e005581af57">                                                    <div class="row no-gutters">
9266                                <div class="col-8">
9267                                    <div class="form-group floating mb-1 mr-2">
9268                                        <label class="sr-only" for="coupon_code">Enter Coupon here</label>
9269                                        <input placeholder="Enter Coupon here" id="coupon_code" class="form-control floating"
9270                                            type="text" name="coupon_code" value="">
9271                                    </div>
9272                                                                    </div>
9273                                <div class="col-4">
9274                                    <button type="submit" class="btn btn-primary apply_coupon general_style" id="apply_coupon"
9275                                        name="apply_coupon" aria-label="Apply coupon">Apply</button>
9276                                </div>
9277                            </div>
9278                                                </form>
9279                                <div class="card_display align-items-center d-flex invisible-mobile">
9280                    <a href="https://www.albertsjewelers.com/" class="cart_step general_style">Continue Shopping</a>
9281                </div>
9282            </div>
9283            <div class="col-md-6 offset-md-6 col-lg-4 pl-lg-5 offset-lg-3 col-xl-3 offset-xl-4 pl-xl-0 card_display">
9284                <div class="w-100 cta flex-column d-flex">
9285                    <button class="btn btn-primary btn-continue proceed_to_checkout mb-3 general_style"
9286                        id="proceed_to_checkout_id" type="button" area-label="Proceed to Checkout">Proceed to
9287                        Checkout</button>
9288                                            <div class="mb-3 easyPay" >
9289                            <div id="google-button" class="float-right" style="width: 100%; height: 58px;"></div>
9290                        </div>
9291                                                                <div class="mb-3 easyPay apple-pay-display" >
9292                            <apple-pay-button class="float-right" buttonstyle="black"
9293                                onclick="onApplePayButtonClicked(0, true)" type="buy"></apple-pay-button>
9294                        </div>
9295                                                        </div>
9296            </div>
9297        </div>
9298    </div>
9299    </div>
9300    
9300<script>
9301        if (typeof window.gpayConfig === 'undefined') {
9302            window.gpayConfig = {"paymentDataRequest":{"apiVersion":2,"apiVersionMinor":0,"allowedPaymentMethods":[{"type":"CARD","parameters":{"allowedCardNetworks":["VISA","MASTERCARD","AMEX","DISCOVER"],"allowedAuthMethods":["PAN_ONLY"],"billingAddressRequired":true,"billingAddressParameters":{"format":"FULL","phoneNumberRequired":true}},"tokenizationSpecification":{"type":"PAYMENT_GATEWAY","parameters":{"gateway":"authorizenet","gatewayMerchantId":"2608973"}}}],"transactionInfo":{"countryCode":"US","currencyCode":"USD","totalPriceStatus":"NOT_CURRENTLY_KNOWN","totalPriceLabel":"Total"},"merchantInfo":{"merchantId":"BCR2DN4TZ3FYN234","merchantName":"Albert's Diamond Jewelers"},"callbackIntents":["SHIPPING_ADDRESS","SHIPPING_OPTION","PAYMENT_AUTHORIZATION","OFFER"],"shippingAddressRequired":true,"emailRequired":true,"shippingAddressParameters":{"allowedCountryCodes":["US"],"phoneNumberRequired":true},"shippingOptionRequired":true},"env":"PRODUCTION"};
9303            window.isGpSet = 1;
9304            window.onlyPay = 0;
9305        }
9306
9307        function loadGooglePay() {
9308            if (typeof onGooglePayLoaded === 'undefined') {
9309                var script = document.createElement('script');
9310                script.src = "/skeleton/1.0/view/js/google-pay.js?v=1790764354";
9311                script.onload = function () {
9312                    var payScript = document.createElement('script');
9313                    payScript.src = "https://pay.google.com/gp/p/js/pay.js";
9314                    payScript.async = true;
9315                    payScript.onload = function () {
9316                        if (typeof onGooglePayLoaded === 'function') {
9317                            onGooglePayLoaded();
9318                        }
9319                    };
9320                    document.head.appendChild(payScript);
9321                };
9322                document.head.appendChild(script);
9323            } else {
9324                onGooglePayLoaded();
9325            }
9326        }
9327        loadGooglePay();
9328    </script>
9328
9329    <style>
9330        apple-pay-button {
9331            --apple-pay-button-width: 100%;
9332            --apple-pay-button-height: 58px;
9333            --apple-pay-button-border-radius: 0px;
9334            --apple-pay-button-padding: 10px 0px;
9335            --apple-pay-button-box-sizing: border-box;
9336        }
9337    </style>
9338    
9338<script>
9339        if (typeof ApplePaySession !== 'undefined') {
9340            if (!document.querySelector('script[src*="apple-pay-sdk.js"]')) {
9341                var script = document.createElement('script');
9342                script.src = "https://applepay.cdn-apple.com/jsapi/v1/apple-pay-sdk.js";
9343                document.head.appendChild(script);
9344            }
9345        }else{
9346            $(".apple-pay-display").hide();
9347        }
9348    </script>
9348
9349    
9349<script>
9350        if (typeof window.isApSet === 'undefined') {
9351            window.isApSet = 1;
9352        }
9353    </script>
9353
9354    
9354<script>
9355        if (!document.querySelector('script[src*="apple-pay.js"]')) {
9356            var script = document.createElement('script');
9357            script.src = "/skeleton/1.0/view/js/apple-pay.js?v=1790764354";
9358            document.head.appendChild(script);
9359        }
9360    </script>
9360
9361<div class="modal fade" id="warranty-modal" tabindex="-1" role="dialog" aria-labelledby="warranty-modal-label"
9362    aria-hidden="true">
9363    <div class="modal-dialog modal-dialog-centered modal-xl" role="document">
9364        <div class="modal-content">
9365            <div class="modal-header">
9366                <h5 class="modal-title" id="warranty-modal-label">
9367                    Would you like to add warranty?                </h5>
9368                <button type="button" class="close" data-dismiss="modal" aria-label="Close" title="Close">
9369                    <span aria-hidden="true">&times;</span>
9370                </button>
9371            </div>
9372            <div class="modal-body">
9373                                <div class="items_table">
9374                    <div class="table_row align-items-center justify-content-between mb-3 card_display"
9375                        style="min-height: auto">
9376                        <div class="item_image mr-3 invisible-mobile">
9377                            Image
9378                        </div>
9379                        <div class="item_quantity mr-4">
9380                            Item Quantity
9381                        </div>
9382                        <div class="warranty_unit_price mr-3">
9383                            Warranty Unit Price
9384                        </div>
9385                        <div class="warranty_cost">
9386                            Warranty Total Cost
9387                        </div>
9388                    </div>
9389                    <hr>
9390                    <div class="table_row warranty_content d-flex align-items-center justify-content-between mb-3">
9391                        <div class="item_image mr-3 invisible-mobile">
9392                            <a href="" class="item_link" aria-label="Warranty link">
9393                                <img src="" class="img-thumbnail" title="" alt="Warranty image" height="118"
9394                                    width="123" />
9395                            </a>
9396                        </div>
9397                        <div class="item_quantity mr-4"></div>
9398                        <div class="warranty_unit_price mr-3"></div>
9399                        <div class="warranty_cost"></div>
9400                    </div>
9401                </div>
9402            </div>
9403            <div class="modal-footer">
9404                <button type="button" class="btn btn-primary apply_warranty_btn general_style" data-dismiss="modal">Add
9405                    Warranty</button>
9406            </div>
9407        </div>
9408    </div>
9409</div>
9410
9411<script>
9412    $(document).ready(function () {
9413        $('.shopping_content').on('click', '.proceed_to_checkout', function (e) {
9414                        proceedCheckout();
9415                    });
9416        function renderCartTotals(response) {
9417            const sc = response.shopping_cart[0];
9418            if (sc['info']['validated']) {
9419                $('#cart-total-tax').html(sc['total']['tax']);
9420            } else {
9421                $('#cart-total-tax').html('---');
9422            }
9423
9424            $('#cart-total-subtotal').html(sc['total']['subtotal']);
9425            $('#cart-total-total').html(sc['total']['total']);
9426
9427            $('#cart-total-warranty').html(sc['total']['warranty']);
9428            if (sc['total']['show_warranty']) {
9429                $('.cart-total-warranty-container').removeClass('d-none-i');
9430            } else {
9431                $('.cart-total-warranty-container').addClass('d-none-i');
9432            }
9433
9434            $('#cart-total-resizing_fee').html(sc['total']['resizing_fee']);
9435            if (sc['total']['show_resizing_fee']) {
9436                $('.cart-total-resizing_fee-container').removeClass('d-none-i');
9437            } else {
9438                $('.cart-total-resizing_fee-container').addClass('d-none-i');
9439            }
9440
9441                            if (sc['has_delivery']) {
9442                    $('#cart-total-delivery-cost').html(sc['total']['delivery_cost']);
9443                    $('#cart-total-delivery-cost').parent().removeClass('d-none-i');
9444                } else {
9445                    $('#cart-total-delivery-cost').parent().addClass('d-none-i');
9446                }
9447
9448                if (sc['has_shipping'] && sc['ship']['validated']) {
9449                    $('#cart-total-shipping').html(sc['total']['shipping']);
9450                    $('#cart-total-shipping').parent().removeClass('d-none-i');
9451                } else {
9452                    $('#cart-total-shipping').parent().addClass('d-none-i');
9453                }
9454
9455
9456                        if (sc['total']['show_discount']) {
9457                $('#cart-total-promo_discount').parent().removeClass('d-none-i');
9458            } else {
9459                $('#cart-total-promo_discount').parent().addClass('d-none-i');
9460            }
9461            $('#cart-total-promo_discount').html(' - ' + sc['total']['promo_discount']);
9462
9463        }
9464
9465
9466        window.gData = {"currency":"USD","coupon":"","items":[]};
9467
9468
9469        ///Cart item quantity change
9470        $(document).on('change', '.form_quantity_id .quantity-input', function () {
9471            $(this).closest('.form_quantity_id').submit();
9472        })
9473
9474        $(document).on('change', '.warranty_quantity_form input[name=qty]', function (event) {
9475
9476            event.preventDefault();
9477            const $this = $(this);
9478
9479            const $form = $(this).closest('form')
9480            const data = $form.serializeArray()
9481
9482            // console.log('warranty_qty_form_submit : ');
9483            // console.log(data);
9484
9485            $.ajax({
9486                type: "POST",
9487                url: "includes/assets/shopping_cart/sc_ws_functions.php",
9488                headers: {'X-CSRF-TOKEN': window.csrf_token},
9489                data: {
9490                    update_warranty: data,
9491                },
9492                dataType: "json",
9493                cache: false,
9494                success: function (response) {
9495                    if (response.success) {
9496                        // console.log(response);
9497                        // console.log('response-success-update_warranty:');
9498                        renderCartTotals(response);
9499                    } else {
9500                        // console.log('response-success-error-update_warranty :');
9501                        // console.log(response);
9502                    }
9503                },
9504                error: function (xhr, status, error) {
9505                    // console.error(xhr);
9506                    // If backend returned HTML page
9507                    if (xhr.responseText) {
9508                        if (window.scHandleAjaxError && window.scHandleAjaxError(xhr)) return;
9509                        document.open();
9510                        document.write(xhr.responseText);
9511                        document.close();
9512                        return;
9513                    }
9514                }
9515            });
9516
9517
9518        })
9519
9520        $('.promotion_div .remove_gift_card').click(function () {
9521
9522            $(this).closest('form').submit();
9523
9524        });
9525
9526        $(document).on('click', '.remove_cart_item .remove_svg', function () {
9527
9528            parent_div = $(this).closest('.remove_cart_item');
9529
9530            product_guid = parent_div.find(".product_guid").val();
9531            product_name = parent_div.find(".product_name").val();
9532
9533            swal.fire({
9534                title: `Are you sure you want to remove ` + product_name,
9535                icon: "question",
9536                showCancelButton: true,
9537                confirmButtonText: "Yes, remove it!",
9538                confirmButtonColor: '#df4759',
9539                cancelButtonText: "No, cancel!",
9540                focusConfirm: true,
9541                //didOpen: () => Swal.getCancelButton().focus()
9542            }).then((result) => {
9543                if (result.value) {
9544                    // $(this).closest('form').submit();
9545                    //// console.log('form_3000016_remove');
9546                    //alert('form_'+ product_guid + '_remove');
9547                    $('#form_' + product_guid + '_remove').submit();
9548                }
9549            });
9550        });
9551
9552        // Open sidebar
9553        $(".store-link").click(function () {
9554            $("#customSidebar .offcanvas-body").html('');
9555            const _this = $(this);
9556
9557            $.ajax({
9558                type: "POST",
9559                url: "includes/assets/shopping_cart/sc_ws_functions.php",
9560                headers: {'X-CSRF-TOKEN': window.csrf_token},
9561                data: {
9562                    module_get_item_stock_details: true,
9563                    guid: _this.data('id'),
9564                },
9565                success: function (response) {
9566                    $("#customSidebar .offcanvas-body").html(response)
9567                },
9568                error: function (xhr, status, error) {
9569                    // console.error(xhr);
9570                    // If backend returned HTML page
9571                    if (xhr.responseText) {
9572                        if (window.scHandleAjaxError && window.scHandleAjaxError(xhr)) return;
9573                        document.open();
9574                        document.write(xhr.responseText);
9575                        document.close();
9576                        return;
9577                    }
9578                }
9579            });
9580        });
9581
9582        $(".stock-box").click(function () {
9583            const el = $(this);
9584            const parent = el.parent().parent();
9585            const current_method = parent.data('method');
9586            const method = el.data('method');
9587            const qty_input = el.closest('.table_row').find('.quantity-input');
9588
9589            if (method != current_method) {
9590                if (qty_input.val() > el.data('stock-qty')) {
9591                    parent.parent().find('.stock-alert').text("Please reduce order qty to select this method!").fadeIn().delay(8000).fadeOut();
9592                    return;
9593                }
9594
9595
9596                const id = parent.data('guid');
9597                parent.find(".stock-box").removeClass('active');
9598                el.addClass('active');
9599                parent.data('method', method)
9600                const selectedBox = parent.closest('.stock-main').find('.selected-method');
9601                if (method === 'pickup') {
9602                    selectedBox.find('.item-method').text('Pickup');
9603                    selectedBox.find('.item-store').text(el.data('storename'));
9604
9605                    selectedBox.find('.item-shipping').hide();
9606                    selectedBox.find('.item-delivery').hide();
9607                    selectedBox.find('.item-pickup').show();
9608
9609                } else if (method === 'delivery') {
9610                    selectedBox.find('.item-method').text('Delivery');
9611
9612                    selectedBox.find('.item-shipping').hide();
9613                    selectedBox.find('.item-pickup').hide();
9614                    selectedBox.find('.item-delivery').show();
9615
9616                } else {
9617                    selectedBox.find('.item-method').text('Shipping');
9618                    selectedBox.find('.item-pickup').hide();
9619                    selectedBox.find('.item-delivery').hide();
9620
9621
9622                    selectedBox.find('.item-shipping').show();
9623                }
9624
9625                $.ajax({
9626                    type: "POST",
9627                    url: "includes/assets/shopping_cart/sc_ws_functions.php",
9628                    dataType: "json",
9629                    cache: false,
9630                    headers: {'X-CSRF-TOKEN': window.csrf_token},
9631                    data: {
9632                        module_update_item_method: true,
9633                        guid: id,
9634                        method: method,
9635                        store: el.data('store')
9636                    },
9637                    success: function (response) {
9638                        if (response.success) {
9639                            qty_input.attr('max', response.max_qty);
9640                            if (response.shopping_cart[0]['has_delivery']) {
9641                                $('.easyPay').hide();
9642                            } else {
9643                                $('.easyPay').show();
9644                            }
9645                            renderCartTotals(response);
9646                        }
9647                        console.log(response);
9648                    },
9649                    error: function (xhr, status, error) {
9650                        // console.error(xhr);
9651                        // If backend returned HTML page
9652                        if (xhr.responseText) {
9653                            if (window.scHandleAjaxError && window.scHandleAjaxError(xhr)) return;
9654                            document.open();
9655                            document.write(xhr.responseText);
9656                            document.close();
9657                            return;
9658                        }
9659                    }
9660                });
9661            }
9662        });
9663
9664            });
9665</script>
9665        </div>
9666
9667    
9668    </div>
9669</div>
9670</main>
9671
9672<script>
9673    const BASEURL = "https://www.albertsjewelers.com/";
9674
9675    function session_setter() {
9676
9677
9678        //const data = document.getElementById('sc_session').value;
9679        const data1 = document.getElementById('sc_session_info_bar').value;
9680        console.log('data-session_setter');
9681        //console.log(data);
9682
9683        $.ajax({
9684                type: "POST",
9685                url : "includes/assets/shopping_cart/session_setter.php",
9686                headers: {'X-CSRF-TOKEN': window.csrf_token},
9687                data: {
9688                    //sc_session: data,
9689                    sc_session_info_bar: data1,
9690                       },
9691                dataType: "json",
9692                cache: false,
9693                async: false,
9694                success: function( response ) {
9695                    // console.log(response);
9696                    console.log('data-result-session_setter');
9697
9698                    if (response.success) {
9699                       console.log('success-session_setter');
9700                    }
9701                },
9702                error: function (xhr, status, error) {
9703                    // console.error(xhr);
9704                    // If backend returned HTML page
9705                    if (xhr.responseText) {
9706                        if (window.scHandleAjaxError && window.scHandleAjaxError(xhr)) return;
9707                        document.open();
9708                        document.write(xhr.responseText);
9709                        document.close();
9710                        return;
9711                    }
9712                }
9713            });
9714    }
9715 </script>
9715
9716
9717
9718  <div class="my-scope fas">
9719
9720    <div class="fas-tab-wrap">
9721              <input type="radio" id="fas-tab1" name="fas-tabGroup1" class="fas-tab" checked style='display: none'>
9722                <h3 class="show-in-calendar general_style" id="bookInStore">Please select the store you wish to book your appointment with</h3>
9723      <button class="close-fas-btn bg-white border-0 d-block">
9724        <svg xmlns="http://www.w3.org/2000/svg" class="w-100 h-100" viewBox="0 0 21.03 21.03" aria-label="Close"
9725             title="Close">
9726          <path id="x" fill="#979bc0"
9727                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"
9728                transform="translate(-1271.94 -3208.94)"/>
9729        </svg>
9730      </button>
9731      <div class="fas-actions hide-in-calendar">
9732                <div class="map-btn"><a href="/store-locator?map" class="a_general_style">
9733            View Map</a>
9734        </div>
9735                <div id="search-by-zip" class="input_general_style general_style">
9736          <label for="sl_zipcode" class="general_style">Search by Zip Code</label>
9737          <input type="text" class="form-control" id="sl_zipcode" inputmode="numeric" pattern="[0-9]*" placeholder="Search by Zip Code">
9738          <button type="button" class="form-control" tabindex="-1">
9739            <svg style="width: 15px" role="img" aria-label="Search" viewBox="0 0 512 512">
9740              <path class="path_class"
9741                    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>
9742            </svg>
9743          </button>
9744        </div>
9745        <button type="button" class="form-control get-location a_general_style" onclick="getLocation()">
9746          <svg style="" xmlns="http://www.w3.org/2000/svg"
9747               xmlns:xlink="http://www.w3.org/1999/xlink" version="1.0" id="Layer_1" width="800px" height="800px"
9748               viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve">
9749          <path fill="#231F20",
9750                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>
9751        </svg>
9752          Use My Location
9753        </button>
9754      </div>
9755      <p class="find-ts-error"></p>
9756    
9757    
9758
9759      <div class="fas-tab__content">
9760                <table class="table" id="store-locator">
9761            <thead style="display: none"><tr><th></th><th></th></tr></thead>
9762          <tbody>
9763                      <tr data-lat="41.495073" data-lng="-87.469032">
9764              <td class="fas-row-store">
9765                                <div class="fas-logo-store">
9766                                                <img src="https://www.albertsjewelers.com/public/1.0/uploads/source/alberts-logo-footer-1.png" width="200px">
9767                                        </div>
9768                                <div style="width: 400px">
9769                    <h4 class="general_style">SCHERERVILLE STORE</h4>
9770                    <p class="p2_general_style">
9771                      711 MAIN STREET<br>
9772                      SCHERERVILLE, Indiana, 46375<br>
9773                      219-322-2700                    </p>
9774
9775                                                                                                                                                                <div class="text-success hide-in-calendar">You're Currently Shopping</div>
9776                                                        
9777                                        </div>
9778              </td>
9779                
9780                <td class="fas-row-distance hide-in-calendar" style="display: block">
9781                  <div class="p2_general_style">Distance <b>6041.33</b> miles
9782                  </div>
9783              </td>
9784                                <td class="fas-row-actions">
9785                <div class="d-flex" style="align-items: center">
9786                  <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">
9787                      <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;">
9788                      Call</a></div>
9789                  <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#84e9e5f6efe1f0edeae3c4e5e8e6e1f6f0f7eee1f3e1e8e1f6f7aae7ebe9">
9790                      <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;">
9791                      Email</a></div>
9792                  <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">
9793                      <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;">
9794                      Directions</a></div>
9795                  <div class='hide-in-calendar'>
9796                                          <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" 
9797                          data-location_id="3">
9798                          <img src="/skeleton/1.0/view/img/itemPage/find-the-store/loc_app_3.png" alt="Appointment" title="Ap
9798pointment" width="30px" style="padding: 0px; padding-bottom: 10px;">
9799                          Appointment</a>
9800                                      </div>
9801                  <div class='show-in-calendar'>
9802                      <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" 
9803                        data-location_id="3">
9804                          Select
9805                      </button>
9806                  </div>
9807                </div>
9808              </td>
9809            </tr>
9810                    </tbody>
9811        </table>
9812      </div>
9813
9814      <div class="fas-tab__content">
9815        <div id="map"></div>
9816      </div>
9817    </div>
9818    
9819
9820  </div>
9821    <form method="POST" id="r-app-form">
9822        <input type="hidden" name="_csrf_token" value="4cb7f049a9f3cf52d6cb8bb2b1286566b6fbaf29a80251037edd0e005581af57">      <style id="rApp-MainSettings">
9823    :root {
9824                        --calendar-left-background: #022d57;
9825                                    --calendar-store-info: #ffffff;
9826                                --calendar-color: 255, 255, 255;
9827                                    --calendar-opp-color: 17, 24, 39;
9828                                    --calendar-text-opacity: 1;
9829                                    --calendar-bg-opacity: 1;
9830                                    --calendar-btn-bg-opacity: 0.25;
9831                                    --calendar-hover-bg-opacity: 0.35;
9832                                    --calendar-3-step-confirm-color: #15803d;
9833                                    --rdp-color: 255,255,255;
9834                                    --rdp-opp-color: 17, 24, 39;
9835                                    --rdp-text-opacity: 1;
9836                                    --rdp-bg-opacity: 1;
9837                                    --rdp-btn-bg-opacity: 0.25;
9838                                    --rdp-hover-bg-opacity: 0.35;
9839                        }
9840</style>
9841
9842<div class="rApp-container">
9843    <div class="antialiased font-sans w-full h-full md:p-4 sm:bg-gray-100 flex items-center h-event"
9844        style="border-color: rgb(0, 0, 0); position: fixed; top: 0; display: none; z-index: 9999" id="rApp">
9845        <div class="md:max-w-4xl h-full mx-auto w-full text-gray-700 flex flex-col justify-between md:max-h-800"
9846             style="transition: width 0.2s;">
9847          <div
9848            class="relative flex h-full flex-grow flex-col overflow-hidden rounded-b bg-white shadow md:rounded-lg">
9849            <button type="button" data-dismiss="modal" aria-label="Close" class="close" style="display: none"><span aria-hidden="true">×</span></button>
9850            <div class="flex h-full" id="steps">
9851            <div
9852              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"
9853              style="transition: width 0.2s; background-color: var(--calendar-left-background);" id="calendar">
9854              <div class="flex min-h-full flex-col">
9855                <div class="justify-center flex flex-col flex-grow relative" id="store-info">
9856                <div class="flex-2">
9857                  <div class="mt-4 sm:mt-2">
9858                    <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>
9859                  </div>
9860                                    <div class="px-2 mt-2 text-center h4_general_style" id="l_name" style="color: var(--calendar-store-info) !important;">SCHERERVILLE STORE</div>
9861                  <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>
9862                </div>
9863                </div>
9864                <div class="noselect notranslate relative mx-2 mt-5 pb-2 sm:mx-4">
9865                    
9866                <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>
9867                <div class="rdp " dir="ltr">
9868                  <div class="calendar-months">
9869                    <div class="calendar-month calendar-caption_start calendar-caption_end">
9870                    <div class="calendar-caption relative z-20 space-x-2" style="direction: ltr;">
9871                      <button type="button" id="prevMonth"
9872                            class="calendar-button_reset calendar-button calendar-nav_button calendar-nav_button_previous focu
9872s:outline-none"
9873                            style="width: 10%;" disabled>
9874                        <svg width="16px" height="16px" viewBox="0 0 120 120" class="calendar-nav_icon focus:outline-none">
9875                        <path
9876                          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"
9877                          fill="currentColor" fill-rule="nonzero"></path>
9878                        </svg>
9879                      </button>
9880                      <div class="calendar-caption_label" aria-live="polite" role="presentation" id="react-day-picker-1">
9881                        April 2025
9882                      </div>
9883                      <button type="button" id="nextMonth"
9884                            class="calendar-button_reset calendar-button calendar-nav_button calendar-nav_button_next focus:outline-none"
9885                            style="width: 10%;">
9886                        <svg width="16px" height="16px" viewBox="0 0 120 120" class="calendar-nav_icon focus:outline-none">
9887                        <path
9888                          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"
9889                          fill="currentColor"></path>
9890                        </svg>
9891                      </button>
9892                    </div>
9893                    <table class="calendar-table" role="grid" aria-labelledby="react-day-picker-141">
9894                      <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>
9895                      <tbody class="calendar-tbody"></tbody>
9896                    </table>
9897                    </div>
9898                  </div>
9899                </div>
9900                </div>
9901              </div>
9902            </div>
9903            <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">
9904              <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>
9905                
9906              <div class="cursor-default rounded bg-gray-100 px-4 py-2 text-center font-semibold text-gray-600 appLoader-hide">
9907                <div class="truncate appDate"></div>
9908              </div>
9909              <div class="flex mt-5 font-semibold capitalize appLoader-hide">
9910                  timezone: 
9911                  <div class="ml-2">
9912                      <span class="l_timeZ"></span>
9913                      <span class="l_timeZ_now" style="display: none;">(Now 11:11)</span>
9914                  </div>
9915              </div>
9916              <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>
9917            </div>
9918            <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">
9919              <div class="booking-top mx-auto flex h-full max-w-lg flex-col">
9920                <div class="space-y-2">
9921                <div class="rApp-product-image-tablet">
9922                  <img src="" style="display: none">
9923                </div>
9924                <div class="text-xl font-semibold">Confirm booking</div>
9925                <div class="flex text-base font-semibold">
9926                  <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">
9927                    <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>
9928                  </svg>
9929                  <span class="ml-2">
9930                    <span class="appDate"></span>, <span class="appYear"></span>
9931                    <br>
9932                    <span class="appTime"></span>
9933                    (<span class="appTimeZone">PST</span>)
9934                  </span>
9935                </div>
9936                </div>
9937                <div class="flex items-center text-base font-semibold mt-2">
9938                <div class="flex">
9939                  <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">
9940                    <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>
9941                  </svg>
9942                  <span class="ml-2 appDiff"></span></div>
9943                </div>
9944                <div class="mt-6 flex w-full flex-1 flex-col justify-between">
9945                <div class="booking-form h-full w-full overflow-x-hidden overflow-y-scroll px-1">
vendor: 147 bytes, lines 9945-9946
9945
9946                                      <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
9946<script>$("#store-info img").remove();</script>
9946
9947                                    <input name="store_locator_book_appointment[last_name]"     type="hidden">
9948                  <input name="store_locator_book_appointment[pg_type]"       type="hidden" value="900">
9949                  <input name="store_locator_book_appointment[guid]"          type="hidden" value="3000016">
9950                  <input name="store_locator_book_appointment[title]"         type="hidden" value="Shopping Cart">
9951                  <input name="store_locator_book_appointment[module]"        type="hidden" value="store_locator_book_appointment">
9952                  <input name="store_locator_book_appointment[location_id]"   type="hidden" id="location_id">
9953                  <input name="store_locator_book_appointment[date]"          type="hidden" id="date_field">
9954                  <input name="store_locator_book_appointment[timezone]"      type="hidden" id="timezone">
9955                  <input name="store_locator_book_appointment[appointment_type]" type="hidden" id="formType">
9956                  <input name="store_locator_book_appointment[time]"          type="hidden" id="appointmentTime" >
9957                  <div id='calendarForm'>
9958                                                                        <div class="-mx-2 flex flex-wrap sm:mt-6">
9959                            <div class="w-full px-2 sm:w-1/2 ">
9960                                <div class="flex w-full flex-col">
9961                                  <div class="block">
9962                                      <label class="flex text-sm leading-5 font-semibold text-gray-700" for="name">Name * </label>
9963                                  </div>
9964                                                                        <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">
9965                                                                  </div>
9966                            </div>
9967                          </div>
9968                                                                                                <div class="-mx-2 flex flex-wrap sm:mt-6">
9969                            <div class="w-full px-2 sm:w-1/2 ">
9970                                <div class="flex w-full flex-col">
9971                                  <div class="block">
9972                                      <label class="flex text-sm leading-5 font-semibold text-gray-700" for="phone">Phone * </label>
9973                                  </div>
9974                                                                        <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">
9975                                                                  </div>
9976                            </div>
9977                          </div>
9978                                                                                                <div class="-mx-2 flex flex-wrap sm:mt-6">
9979                            <div class="w-full px-2 sm:w-1/2 ">
9980                                <div class="flex w-full flex-col">
9981                                  <div class="block">
9982                                      <label class="flex text-sm leading-5 font-semibold text-gray-700" for="email">Email * </label>
9983                                  </div>
9984                                                                        <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">
9985                                                                  </div>
9986                            </div>
9987                          </div>
9988                                                                                                <div class="-mx-2 flex flex-wrap sm:mt-6">
9989                            <div class="w-full px-2 w-full ">
9990                                <div class="flex w-full flex-col">
9991                                  <div class="block">
9992                                      <label class="flex text-sm leading-5 font-semibold text-gray-700" for="comments">Comment * </label>
9993                                  </div>
9994                                                                        <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>
9995                                                                  </div>
9996                            </div>
9997                          </div>
9998                                                                    <div class="mt-5 " id="req-app-recaptcha" data-form="r-
9998app-form"></div>
9999                    </div>
10000                </div>
10001                <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">
10002                  <div class="flex w-full justify-between">
10003                    <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">
10004                    <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">
10005                      <path stroke-linecap="round" stroke-linejoin="round" d="M15.75 19.5 8.25 12l7.5-7.5"></path>
10006                    </svg>
10007                    <span class="ml-2">Back</span></button>
10008                    
10009                    <button class="ml-2 text-sm rounded focus:outline-none py-2 px-6 cursor-pointer bg-calendar-btn text-white " type="submit">Confirm
10010                    </button>
10011                  </div>
10012                </div>
10013                </div>
10014              </div>
10015            </div>
10016            </div>
10017          </div>
10018        </div>
10019    </div>
10020
10021        </div>
10022
10023    
10023<script>
10024                        
10025                              $(function () {
10026                    $('#r-app-form').on('submit', function (event) {
10027                        const $form = $(this);
10028                        event.preventDefault()
10029                        grecaptcha.ready(function() {
10030                            grecaptcha.execute('6Le0_CEiAAAAAO2SprdEh3a5J5OGgtavg30c0ya7', {action: 'form_builder_submissions'}).then(function(token) {
10031                                $form.prepend(`<input type="hidden" name="g-recaptcha-response" value="${token}">`)
10032                                $form.unbind('submit').submit()
10033                            });
10034                        });
10035                    });
10036                })
10037          </script>
vendor: 1 bytes, line 10037
10037
10038<script>
10039
10040    let step = 1;
10041    let today = new Date();
10042    let currentMonthIndex = 0;
10043    let currentYear = today.getFullYear();
10044    
10045    const monthTitle = $("#react-day-picker-1");
10046    const months = [
10047      {month: today.getMonth(), year: today.getFullYear()},
10048      {month: (today.getMonth() + 1) % 12, year: today.getFullYear() + (today.getMonth() === 11 ? 1 : 0)}
10049    ];
10050    
10051    const prevButton = $("#prevMonth");
10052    const nextButton = $("#nextMonth");
10053    
10054    businessHours = {}; 
10055    renderCalendar(currentMonthIndex);
10056    
10057    function addCalendarStylesheet() {
10058        if ($('link[href="/skeleton/1.0/view/css/calendar.css?v=1.66"]').length === 0) {
10059            var link = $('<link>', {
10060                rel: 'stylesheet',
10061                href: '/skeleton/1.0/view/css/calendar.css?v=1.66'
10062            });
10063            $("head").append(link);
10064        }
10065    }
10066    
10067    $(document).ready(function () {
10068        addCalendarStylesheet();
10069    });
10070    
10071            $("#back-step-1").click(function () {
10072          $('#calendar').toggleClass('md:w-1/2 md:w-1/3').addClass('active');
10073          $('#store-info').toggleClass('justify-center justify-start');
10074          $('#store-info img').toggle();
10075          $("#time, #confirm, .noselect").toggle();
10076          step = 2
10077        });
10078        
10079        $("#back-step-2").click(function () {
10080          $("#time").addClass('active')
10081          $("#confirm, #calendar").removeClass('active')
10082          step = 1
10083        });
10084        
10085        $(".rApp-container .close").on('click', function() {
10086            $('#rApp').hide();
10087            $('body').removeClass('overflow-hidden');
10088        })
10089        let updateLocation = true;
10090    
10091    $(document).on("click", ".req_app_click", function () {
10092        var formType = $(this).attr('id');
10093        
10094        updateLocation = true;
10095        addCalendarStylesheet();
10096        var productImage = $(".item-image img").attr("src");
10097        
10098        // Create product image div if it doesn't exist (separate from store image)
10099        if ($("#store-info img").length === 0 && productImage) {
10100            $("#store-info").append('<div><img src="" style="display: none"></div>');
10101        }
10102        $("#store-info img, .rApp-product-image-tablet img, #rApp-image").attr("src", productImage);
10103        
10104        $(".rApp-product-image-tablet img").each(function() {
10105          if (!$(this).attr("src")) {
10106            $(this).closest(".rApp-product-image-tablet").css("height", "0");
10107          } else {
10108            $(this).closest(".rApp-product-image-tablet").css("height", ""); // Reset height if src is not empty
10109          }
10110        });
10111      
10112        $(".appLoader").toggleClass("hidden")
10113        $("#l_name, #l_address, #l_store_img").hide();
10114        
10115        if ($(this).attr('id') == 'virtual') {
10116            updateLocation = false;
10117        } else {
10118            $("#l_name").show();
10119            $("#rApp").removeClass('hide-product');
10120        }
10121        
10122        if (!isDesktop()) {
10123          $(".rApp-product-image-tablet img").show();
10124        } else {
10125          $(".rApp-product-image-tablet img").hide();
10126        }
10127      
10128        var location_id = $(this).data("location_id");
10129        $("body").addClass("overflow-hidden");
10130        setTimeout(function(){
10131          $("#rApp").toggle();
10132        },200)
10133          
10134        if ($(".fas").length) {
10135          $(".fas").removeClass("open");
10136          $(".fas-overlay").addClass("d-none");
10137        }
10138      
10139        $.post({
10140          url: "/skeleton/1.0/view/ws/ajax_calendar.php",
10141          data: { location_id: location_id },
10142          headers: {
10143              'X-CSRF-TOKEN': window.csrf_token
10144          },
10145          dataType: "json",
10146          success: function(response) {
10147            if (response.status === "success") {
10148              let { l_BusinessHours, l_Address, l_Name, l_Store_img, l_TimeZone} = response.message;
10149              
10150              businessHours = JSON.parse(l_BusinessHours || "{}");
10151              
10152              if (updateLocation) {
10153                  
10154                  $("#l_name").html(l_Name);
10155                  $("#l_address").html(l_Address.replace(/&lt;br&gt;/g, "<br>"));
10156              }
10157              
10158              if (l_TimeZone == null || l_TimeZone == '') {
10159                l_TimeZone = "Pacific Time";
10160              }
10161              
10162              $(".l_timeZ, .appTimeZone").html(l_TimeZone);
10163              $("#timezone").val(l_TimeZone);
10164              if (formType == "in_store_try") formType = "in-store";
10165              $("#formType").val(formType);
10166              
10167              if (l_Store_img.length > 1 && updateLocation) {
10168                  $("#l_store_img").fadeIn();
10169                  $("#l_store_img").css("background-image", `url("${l_Store_img}")`);
10170              }
10171              
10172              if (updateLocation) {
10173                  $("#l_name, #l_address").fadeIn();
10174              } else {
10175                  $("#l_address").fadeIn();
10176              }
10177              console.log(updateLocation);
10178              if (updateLocation == false) {
10179                $("#l_name").hide();
10180                $("#l_address").html('Book a zoom meeting <br>to view the above product');
10181                $("#l_address").fadeIn();
10182                $("#l_store_img").fadeIn();
10183                $("#l_store_img").css("background-image", `url("${productImage}")`);
10184                $("#rApp").addClass('hide-product');
10185              }
10186        
10187              renderCalendar(currentMonthIndex);
10188              
10189              setTimeout(function () {
10190                  $(".appLoader").toggleClass("hidden")
10191              }, 500)
10192            }
10193          },
10194          error: function(xhr, textStatus, errorThrown) {
10195              // console.error(xhr.responseText);
10196          }
10197        });
10198      
10199      $("#location_id").val(location_id);
10200    });
10201    
10202    $(document).on('click', function(e) {
10203        if ($(e.target).closest('#rApp > div').length === 0 && $(e.target).is('.antialiased')) {
10204            $('#rApp').hide();
10205            $('body').removeClass('overflow-hidden');
10206        }
10207    });
10208    
10209    function isDesktop() {
10210      return window.matchMedia("(min-width: 768px)").matches;
10211    }
10212    
10213    isDesktop();
10214    window.addEventListener("resize", function () {
10215      isDesktop();
10216        
10217        if (!isDesktop()) {
10218          $(".rApp-product-image-tablet img").show();
10219        } else {
10220          $(".rApp-product-image-tablet img").hide();
10221        }
10222    });
10223    
10224    function renderCalendar(monthIndex) {
10225      populateMonthDropdown(monthIndex);
10226      const calendarBody = $(".calendar-tbody");
10227      calendarBody.empty();
10228    
10229      const {month, year} = months[monthIndex];
10230      const daysInMonth = new Date(year, month + 1, 0).getDate();
10231      const firstDayOfMonth = new Date(year, month, 1).getDay();
10232    
10233            let dayToSelect = null;
10234      if (isDesktop()) {
10235        const todayWeekDay = today.getDay();
10236        const isTodayOpen = isBusinessDay(todayWeekDay);
10237        
10238        if (isTodayOpen) {
10239          dayToSelect = new Date(today);
10240        } else {
10241          dayToSelect = findNextOpenDay();
10242        }
10243      }
10244    
10245      let startOffset = (firstDayOfMonth === 0) ? 6 : firstDayOfMonth - 1;
10246      let day = 1;
10247    
10248      while (day <= daysInMonth) {
10249        let row = $("<tr></tr>").addClass("calendar-row");
10250    
10251        for (let i = 0; i < 7; i++) {
10252        let cell = $("<td></td>").addClass("calendar-cell").attr("role", "presentation");
10253    
10254        if (startOffset > 0) {
10255          cell.append("<div role='gridcell'></div>");
10256          startOffset--;
10257        } else if (day <= daysInMonth) {
10258          let currentDate = new Date(year, month, day);
10259          let button = $("<button></button>")
10260            .addClass("calendar-button_reset calendar-button calendar-day")
10261            .attr("role", "gridcell")
10262            .attr("type", "button")
10263            .attr("data-day", day)
10264            .attr("data-month", month)
10265            .attr("data-year", year)
10266            .text(day);
10267    
10268          let isToday =
10269            today.getFullYear() === year &&
10270            today.getMonth() === month &&
10271            today.getDate() === day;
10272    
10273          let isFirstDayOfMonth = 1 === day;
10274    
10275          if ((isToday || isFirstDayOfMonth) && isDesktop()) {
10276            $(".calendar-day_selected").removeClass("calendar-day_selected");
10277            button.addClass("calendar-day_selected");
10278            selectDate(button);
10279          }
10280    
10281          let weekDay = currentDate.getDay();
10282          let isDayDisabled = false;
10283          
10284          if (typeof isBusinessDay(weekDay) !== 'undefined') {
10285            if (currentDate < new Date().setHours(0, 0, 0, 0) || !isBusinessDay(weekDay)) {
10286            button.addClass("calendar-day_disabled").prop("disabled", true);
10287            isDayDisabled = true;
10288            } else {
10289            button.on("click", function () {
10290              $(".calendar-day_selected").removeClass("calendar-day_selected");
10291              $(this).addClass("calendar-day_selected");
10292              selectDate($(this)); 
10293            });
10294            }
10295          } else if (weekDay === 0 || weekDay === 6 || currentDate < new Date().setHours(0, 0, 0, 0)) {
10296            button.addClass("calendar-day_disabled").prop("disabled", true);
10297            isDayDisabled = true;
10298          } else {
10299            button.on("click", function () {
10300            $(".calendar-day_selected").removeClass("calendar-day_selected");
10301            $(this).addClass("calendar-day_selected");
10302            selectDate($(this));
10303            });
10304          }
10305          
10306          let shouldAutoSelect = false;
10307          if (dayToSelect && isDesktop() && !isDayDisabled) {
10308            shouldAutoSelect = 
10309              dayToSelect.getFullYear() === year &&
10310              dayToSelect.getMonth() === month &&
10311              dayToSelect.getDate() === day;
10312          }
10313    
10314          if (shouldAutoSelect) {
10315            $(".calendar-day_selected").removeClass("calendar-day_selected");
10316            button.addClass("calendar-day_selected");
10317            selectDate(button);
10318          }
10319    
10320          cell.append(button);
10321          day++;
10322        }
10323    
10324        row.append(cell);
10325        }
10326    
10327        calendarBody.append(row);
10328      }
10329    }
10330    
10331    function isBusinessDay(weekDay) {
10332      if (!businessHours || typeof businessHours !== "object") return false;
10333      const dayHours = businessHours[weekDay];
10334      return dayHours && !dayHours.closed && dayHours.open && dayHours.close;
10335    }
10336    
10337    function findNextOpenDay() {
10338      let checkDate = new Date(today);
10339      checkDate.setHours(0, 0, 0, 0);
10340      
10341      // Check up to 30 days ahead
10342      for (let i = 0; i < 30; i++) {
10343        const weekDay = checkDate.getDay();
10344        const dateValue = checkDate.getTime();
10345        
10346        // Skip if date is in the past
10347        if (dateValue < new Date().setHours(0, 0, 0, 0)) {
10348          checkDate.setDate(checkDate.getDate() + 1);
10349          continue;
10350        }
10351        
10352        // Check if it's a business day
10353        if (isBusinessDay(weekDay)) {
10354          return checkDate;
10355        }
10356        
10357        checkDate.setDate(checkDate.getDate() + 1);
10358      }
10359      
10360      return null; // No open day found
10361    }
10362    
10363    let selectedMonth = today.getMonth();
10364    let selectedYear = today.getFullYear();
10365    
10366    function selectDate(day) {
10367      if (day.hasClass("calendar-day_disabled")) return;
10368    
10369      const selectedDay = day.html().split('<br>')[0].trim();
10370      const selectedMonth = parseInt(day.attr('data-month'));
10371      const selectedYear = parseInt(day.attr('data-year'));
10372    
10373      const formattedDate = `${selectedYear}-${String(selectedMonth + 1).padStart(2, '0')}-${String(selectedDay).padStart(2, '0')}`;
10374      $("#date_field").val(formattedDate);
10375    
10376      let selectedDateObj = new Date(selectedYear, selectedMonth, selectedDay);
10377      updateTimeSlots(selectedDateObj);
10378      // console.log("111111")
10379    
10380      if (!isDesktop()) {
10381        $("#calendar").removeClass('active');
10382        $("div#time").addClass('active');
10383      }
10384    }
10385    
10386    function updateTimeSlots(selectedDay) {
10387      const selectedWeekday = selectedDay.getDay();
10388      const selectedMonth = selectedDay.toLocaleString('en-US', {month: 'long'});
10389      const selectedDate = selectedDay.getDate();
10390      const selectedYear = selectedDay.getFullYear();
10391    
10392      const weekdayNames = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"];
10393      const weekdayName = weekdayNames[selectedWeekday];
10394    
10395      $(".appDate").each(function () {
10396        $(this).html(`${weekdayName}, ${selectedMonth} ${selectedDate}`);
10397      });
10398    
10399      $('.appYear').html(selectedYear);
10400    
10401      const buttonsContainer = document.getElementById("time-select");
10402      const hiddenInput = document.getElementById("appointmentTime");
10403      buttonsContainer.innerHTML = "";
10404    
10405      const defaultTimes = ["10:00 AM", "11:00 AM", "1:00 PM", "2:00 PM", "3:00 PM", "4:00 PM"];
10406    
10407      try {
10408        const hoursObj = businessHours;
10409        const hours = hoursObj ? hoursObj[selectedWeekday] : null;
10410        let timeSlots = defaultTimes;
10411    
10412        if (hours && !hours.closed) {
10413        timeSlots = generateTimeSlots(parseTime(hours.open), parseTime(hours.close));
10414        }
10415    
10416        timeSlots.forEach((time, index) => {
10417        const wrapperDiv = document.createElement("div");
10418        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";
10419    
10420        const timeDiv = document.createElement("div");
10421        timeDiv.className = "font-light w-full py-3 hover:bg-gray-100 cursor-pointer text-center rounded";
10422        timeDiv.setAttribute("data-testid", `time-slot-${index}`);
10423        timeDiv.textContent = time;
10424    
10425    
10426        timeDiv.onclick = function () {
10427          let [h, m] = time.split(' ')[0].split(':').map(Number);
10428          let period = time.includes('PM') ? 'PM' : 'AM';
10429    
10430          if (time.includes('PM') && h !== 12) h += 12;
10431          if (time.includes('AM') && h === 12) h = 0;
10432    
10433                      h = (h + 1) % 24;
10434              
10435          let newPeriod = h >= 12 ? 'PM' : 'AM';
10436          let displayH = h % 12 || 12;
10437    
10438          let newTime = `${displayH}:${String(m).padStart(2, '0')} ${newPeriod}`;
10439          hiddenInput.value = `${String(h - 1).padStart(2, '0')}
10439:${String(m).padStart(2, '0')}`;
10440    
10441                    
10442              $('#calendar').toggleClass('md:w-1/2 md:w-1/3');
10443              $('#store-info').toggleClass('justify-center justify-start');
10444              $('#store-info img').toggle();
10445              $("#time, #confirm, .noselect").toggle();
10446              step = 3;
10447              $("#confirm").addClass('active')
10448          
10449              $("#time, #calendar").removeClass('active')
10450              
10451          $('.appTime').html(`${time} - ${newTime}`);
10452    
10453          // Difference in days
10454          let timeDiff = Math.ceil((selectedDay - new Date()) / (1000 * 60 * 60 * 24));
10455          
10456          if (timeDiff === 0) {
10457            timeDiff = "Today";
10458          } else if (timeDiff > 1) {
10459            timeDiff = "In <b>" + timeDiff + "</b>" + " days";
10460          } else {
10461            timeDiff = "In <b>" + timeDiff + "</b>" + " day";
10462          }
10463          
10464          $(".appDiff").html(timeDiff);
10465        };
10466    
10467        wrapperDiv.appendChild(timeDiv);
10468        buttonsContainer.appendChild(wrapperDiv);
10469        });
10470      } catch (error) {
10471        console.error("Invalid businessHours data", e);
10472      }
10473    }
10474    
10475    function generateTimeSlots(openTime, closeTime) {
10476      let slots = [];
10477      let currentTime = new Date(openTime);
10478    
10479      while (currentTime < closeTime) {
10480        let hours = currentTime.getHours();
10481        let minutes = currentTime.getMinutes();
10482        let period = hours >= 12 ? "PM" : "AM";
10483        let formattedHours = hours % 12 || 12; // 12-hours format
10484    
10485        slots.push(`${formattedHours}:${String(minutes).padStart(2, '0')} ${period}`);
10486                    currentTime.setHours(currentTime.getHours() + 1);
10487              }
10488    
10489      return slots;
10490    }
10491    
10492    function parseTime(timeString) {
10493      const [time, modifier] = timeString.split(" ");
10494      let [hours, minutes] = time.split(":").map(num => parseInt(num));
10495    
10496      if (modifier === "PM" && hours < 12) {
10497        hours += 12;
10498      } else if (modifier === "AM" && hours === 12) {
10499        hours = 0;
10500      }
10501    
10502      const now = new Date();
10503      now.setHours(hours, minutes, 0, 0);
10504    
10505      return now;
10506    }
10507    
10508    function populateMonthDropdown(currentMonthIndex) {
10509      monthTitle.empty();
10510    
10511      currentMonthIndex = today.getMonth() + currentMonthIndex;
10512      let date = new Date(currentYear, (currentMonthIndex) % 12, 1);
10513    
10514      monthTitle.text(date.toLocaleString("en", {month: "long", year: "numeric"}));
10515    }
10516    
10517    prevButton.on("click", () => {
10518      renderCalendar(0);
10519      populateMonthDropdown(0);
10520      prevButton.attr("disabled", true);
10521      nextButton.attr("disabled", false);
10522    });
10523    
10524    nextButton.on("click", () => {
10525      renderCalendar(1);
10526      populateMonthDropdown(1);
10527      prevButton.attr("disabled", false);
10528      nextButton.attr("disabled", true);
10529    });
10530    
10531    // fields Validation
10532    $('#r-app-form input, #r-app-form textarea').on('input', function() {
10533        const $this = $(this);
10534        const maxLength = $this.attr('maxlength');
10535        const currentLength = $this.val().length;
10536        const $maxLengthMessage = $this.next('.max-length-message');
10537    
10538        if (maxLength < currentLength) {
10539            if (!$maxLengthMessage.length) {
10540                $this.after('<div class="max-length-message text-gray-500 text-sm mt-1"></div>');
10541            }
10542            $this.next('.max-length-message').text(`The max allowed amount - ${currentLength} symbols`);
10543    
10544            if (currentLength > maxLength) {
10545                $this.addClass('border-red-500');
10546                $this.next('.max-length-message').addClass('text-red-500');
10547            } else {
10548                $this.removeClass('border-red-500');
10549                $this.next('.max-length-message').removeClass('text-red-500');
10550            }
10551        } else {
10552            $maxLengthMessage.remove();
10553            $this.removeClass('border-red-500'); // Ensure red border is removed if no max length
10554        }
10555    });
10556    
10557    $('#r-app-form button[type=submit]').on('click', function(e) {
10558        
10559        let isValid = true;
10560        let errors = {};
10561
10562        let email = $('#rApp_email').val().trim();
10563        let emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
10564        const $maxLengthMessage = $('#rApp_email').next('.error-message');
10565        
10566        if (!emailRegex.test(email)) {
10567            $this.after('<div class="error-message text-gray-500 text-sm mt-1"></div>');
10568            isValid = false;
10569            $('#rApp_email').next('.error-message').text(`Invalid email format.`);
10570            $('#rApp_email').addClass('border-red-500');
10571        } else {
10572            $maxLengthMessage.remove();
10573            $('#rApp_email').removeClass('border-red-500');
10574        }
10575
10576        $('.error-message').remove();
10577        for (let field in errors) {
10578            let errorMsg = errors[field];
10579            $('#' + field).after('<div class="error-message text-red-500 text-sm">' + errorMsg + '</div>');
10580        }
10581
10582        if (!isValid) {
10583            e.preventDefault();
10584        }
10585    });
10586
10587    // Load location image
10588        $('#l_store_img').css('background-image', 'url(https://www.albertsjewelers.com/public/1.0/uploads/source/alberts-logo-footer-1.png)');
10589    
10590</script>
10590
10591  </form>
10592          <div class="fas-overlay d-none"></div>
10593      
10594  
10594<script>
10595    function isStoreDesktop() {
10596      return window.matchMedia("(min-width: 1102px)").matches;
10597    }
10598    
10599    function updateLogoStoreVisibility() {
10600        document.querySelectorAll('.fas-logo-store').forEach(logoStore => {
10601            if (!isStoreDesktop() && !logoStore.querySelector('img')) {
10602                logoStore.style.display = 'none';
10603            } else {
10604                logoStore.style.display = '';
10605            }
10606        });
10607    }
10608    
10609    updateLogoStoreVisibility();
10610    
10611    window.addEventListener("resize", updateLogoStoreVisibility);
10612    
10613    var storeCount = 1;
10614   
10615    $(document).ready(function () {
10616      var images = $('#store-locator img'),
10617        table = $('#store-locator_wrapper table');
10618        
10619      var loadedImages = 0;
10620      var totalImages = images.length;
10621        
10622        function forceDisplay(selector, value) {
10623            document.querySelectorAll(selector).forEach(function(el) {
10624                if (value === 'none') {
10625                    el.style.setProperty('display', value, 'important');
10626                } else {
10627                    el.style.removeProperty('display');
10628                    el.style.display = value;
10629                }
10630            });
10631        }
10632
10633    
10634      table.on('page.dt', function() {
10635        $('html, body, .fas').animate({ scrollTop: 0 }, 'slow');
10636      });
10637
10638        $(".hide-in-calendar").each(function() {
10639            $(this).show();
10640        })
10641        $(".show-in-calendar").each(function() {
10642            $(this).hide();
10643            $(this).css("display", "none !important");
10644        })
10645
10646                $('.fas-store, .fas-btn, .close-fas-btn, .fas-overlay').on('click', function () {
10647            $('body').toggleClass('overflow-hidden');
10648            $('.fas').toggleClass('open');
10649            $('.fas-overlay').toggleClass('d-none');
10650          })
10651            
10652      // RS 2025-06-25 Hide zip-code sort on Map page
10653      const $mapRadio = $("#fas-tab2"); // Map
10654      const $listRadio = $("#fas-tab1"); // List
10655      const $zipSearch = $("#search-by-zip");
10656      const $useLocationButton = $(".get-location");
10657    
10658      function toggleVisibility() {
10659        if ($mapRadio.is(":checked")) {
10660          $zipSearch.hide();
10661          $useLocationButton.hide();
10662        } else {
10663          $zipSearch.css("display", "flex"); // или .show(), если подойдет
10664          $useLocationButton.show();
10665        }
10666      }
10667    
10668      // Initial check
10669      toggleVisibility();
10670    
10671      // Add event listeners
10672      $mapRadio.on("change", toggleVisibility);
10673      $listRadio.on("change", toggleVisibility);
10674    });
10675    
10676    $(".fas-tab-wrap label").on('keydown', function(event) {
10677        if (event.key === 'Enter') {
10678            var id = $(this).attr("for");
10679            
10680            $(".fas-tab-wrap input").each(function() {
10681                $(this).removeAttr('checked')
10682            });
10683            
10684            $("#"+id).attr('checked', 'checked')
10685        }
10686    })
10687
10688    function errorMessage(type = 'show', message) {
10689      var $container = $('.find-ts-error');
10690      if (type == 'show') {
10691        $container.animate({"opacity": "1", "height": "24px", "margin-top": "20px", "margin-bottom": "35px"}, 900);
10692        $container.html(message);
10693
10694        setTimeout(function () {
10695          $container.animate({"opacity": "0", "height": "0px", "margin-top": "0px", "margin-bottom": "0px"}, 900);
10696        }, 2000);
10697      } else {
10698        $container.animate({"opacity": "0", "height": "0px", "margin-top": "0px", "margin-bottom": "0px"}, 900);
10699        $container.html("");
10700      }
10701    }
10702    
10703    const $searchInput = $('#search-by-zip input');
10704    const $searchButton = $('#search-by-zip button');
10705    
10706    $searchInput.on('keydown', function(event) {
10707        if (event.key === 'Enter') {
10708            $searchButton.click();
10709        }
10710    });
10711
10712    $('#search-by-zip button').on("click", function () {
10713        var $input = $('#search-by-zip input');
10714        var zipCode = $input.val();
10715        var $table = $('#store-locator_wrapper table');
10716    
10717        if (isValidZipCode(zipCode)) {
10718            $table.fadeOut();
10719            $.ajax({
10720                url: '/skeleton/1.0/view/ws/ajax_find_a_store.php',
10721                type: 'POST',
10722                headers: {'X-CSRF-TOKEN': window.csrf_token},
10723                data: {
10724                    action: 'GET_LOCATION',
10725                    zipCode: zipCode
10726                },
10727                dataType: 'json',
10728                success: function (response) {
10729                    if (response.status === 'success') {
10730                        var targetLat = response.message.lat;
10731                        var targetLng = response.message.lng;
10732    
10733                        var rows = $('#store-locator tr').get();
10734                        var uniqueRows = {};
10735    
10736                        rows.forEach(function (row) {
10737                            var lat = parseFloat($(row).data('lat'));
10738                            var lng = parseFloat($(row).data('lng'));
10739    
10740                            if (!isNaN(lat) && !isNaN(lng)) {
10741                                var distance = getDistanceFromLatLonInMiles(targetLat, targetLng, lat, lng);
10742                                var roundedDistance = Math.round(distance);
10743    
10744                                $(row).find("td:nth-child(2) b").text(roundedDistance);
10745                                $(row).find("td:nth-child(2)").css('display', 'block');
10746                                $(".fas-row-actions").each(function() {
10747                                    $(this).css('bottom', '30px');
10748                                })
10749    
10750                                var key = lat.toFixed(6) + ',' + lng.toFixed(6);
10751    
10752                                if (!uniqueRows.hasOwnProperty(key)) {
10753                                    uniqueRows[key] = { element: row, distance: distance };
10754                                }
10755                            }
10756                        });
10757    
10758                        var uniqueRowsArray = Object.values(uniqueRows);
10759                        uniqueRowsArray.sort(function (a, b) {
10760                            return a.distance - b.distance;
10761                            
10762                        });
10763                        
10764                        // Select the parent container of the table rows
10765                        var tableBody = $('#store-locator tbody');
10766    
10767                        tableBody.empty(); // Ensure tbody is empty before appending new rows
10768                        uniqueRowsArray.forEach(function (row) {
10769                            tableBody.append(row.element);
10770                        });
10771    
10772                        // Reinitialize DataTable
10773                        setTimeout(function () {
10774                            $table.fadeIn(); // Show table after DataTable initialization
10775                        }, 500);
10776                    } else {
10777                        console.log('Error message:', response.message);
10778                        errorMessage('show', response.message);
10779                        $table.fadeIn(); // Ensure table is visible even in case of error
10780                    }
10781                },
10782                error: function (xhr, status, error) {
10783                    // RS 2026-07-06 https://www.wrike.com/open.htm?id=4445249726
10784                    if (window.scHandleAjaxError && window.scHandleAjaxError(xhr)) return;
10785                  // console.error(xhr);
10786                  // If backend returned HTML page
10787                  if (xhr.responseText) {
10788                      document.open();
10789                      document.write(xhr.responseText);
10790                      document.close();
10791                      return;
10792                  }
10793              }
10794            });
10795        } else {
10796            console.log('Invalid ZIP Code');
10797            errorMessage('show', 'ZIP code not found.');
10798            $table.fadeIn(); // Ensure table is visible even in case of invalid ZIP
10799        }
10800    });
10801
10802    function getDistanceFromLatLonInMiles(lat1, lon1, lat2, lon2) {
10803      var R = 3958.8;
10804      var dLat = deg2rad(lat2 - lat1);
10805      var dLon = deg2rad(lon2 - lon1);
10806      var a =
10807        Math.sin(dLat / 2) * Math.sin(dLat / 2) +
10808        Math.cos(deg2rad(lat1)) * Math.cos(deg2rad(lat2)) *
10809        Math.sin(dLon / 2) * Math.sin(dLon / 2);
10810      var c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1 - a));
10811      var d = R * c;
10812      return d;
10813    }
10814
10815    function deg2rad(deg) {
10816      return deg * (Math.PI / 180);
10817    }
10818
10819    function getLocation() {
10820      if (navigator.geolocation) {
10821        navigator.geolocation.getCurrentPosition(showPosition, showError);
10822      } else {
10823        document.getElementById("location").innerHTML = "Geolocation is not supported by this browser.";
10824      }
10825    }
10826
10827    // subhan code to make the store selection
10828    $('body').on("click",".select-store", function () {
10829        const storeId = $(this).data('store');
10830        // const storeId = '';
10831        $.ajax({
10832            url: '/skeleton/1.0/view/ws/ajax_find_a_store.php',
10833            type: 'POST',
10834            headers: {'X-CSRF-TOKEN': window.csrf_token},
10835            data: {
10836                action: 'SELECT_STORE',
10837                storeId: storeId
10838            },
10839            dataType: 'json',
10840            success: function (response) {
10841                if (response.status === 'success') {
10842                    window.location.reload();
10843                } else {
10844                    console.log('Error message:', response.message);
10845                    // toastr.success(response.message);
10846                }
10847            },
10848            error: function (xhr, status, error) {
10849                // RS 2026-07-06 https://www.wrike.com/open.htm?id=4445249726
10850                if (window.scHandleAjaxError && window.scHandleAjaxError(xhr)) return;
10851                // console.error(xhr);
10852                // If backend returned HTML page
10853                if (xhr.responseText) {
10854                    document.open();
10855                    document.write(xhr.responseText);
10856                    document.close();
10857                    return;
10858                }
10859            }
10860        });
10861    });
10862 
10863
10864    function showPosition(position) {
10865        console.log(position)
10866        const targetLat = position.coords.latitude;
10867        const targetLng = position.coords.longitude;
10868
10869        $.ajax({
10870            url: '/skeleton/1.0/view/ws/ajax_find_a_store.php',
10871            type: 'POST',
10872            headers: {'X-CSRF-TOKEN': window.csrf_token},
10873            data: {
10874                action: 'UPDATE_LOCATION_BY_COORDINATES',
10875                lat: targetLat,
10876                lon: targetLng
10877            },
10878            dataType: 'json',
10879            success: function (response) {
10880                if (response.success) {
10881                    document.location.reload()
10882                } else {
10883                    // errorMessage('show', response.message);
10884
10885                    var $table = $('#store-locator_wrapper table');
10886                    var $tbody = $('#store-locator tbody');
10887
10888                    $table.fadeOut();
10889
10890                    setTimeout(function () {
10891                        var rows = $tbody.find('tr').get();
10892
10893                        var uniqueRows = {};
10894
10895                        rows.forEach(function (row) {
10896                            var lat = parseFloat($(row).data('lat'));
10897                            var lng = parseFloat($(row).data('lng'));
10898
10899                            if (!isNaN(lat) && !isNaN(lng)) {
10900                                var distance = getDistanceFromLatLonInMiles(targetLat, targetLng, lat, lng);
10901                                var roundedDistance = Math.round(distance);
10902
10903                                $(row).find("td:nth-child(2) b").text(roundedDistance);
10904                                $(row).find("td:nth-child(2)").css('display', 'block');
10905                                $(".fas-row-actions").css('bottom', '30px');
10906
10907                                var key = lat.toFixed(6) + ',' + lng.toFixed(6);
10908
10909                                if (!uniqueRows.hasOwnProperty(key)) {
10910                                    uniqueRows[key] = {element: row, distance: distance};
10911                                }
10912                            }
10913                        });
10914
10915                        var uniqueRowsArray = Object.values(uniqueRows);
10916
10917                        uniqueRowsArray.sort(function (a, b) {
10918                            return a.distance - b.distance;
10919                        });
10920
10921                        $tbody.empty();
10922                        uniqueRowsArray.forEach(function (row) {
10923                            $tbody.append(row.element);
10924                        });
10925
10926                        setTimeout(function () {
10927                            $table.fadeIn();
10928                        }, 200);
10929                    }, 200);
10930                }
10931            },
10932            error: function (xhr, status, error) {
10933                // RS 2026-07-06 https://www.wrike.com/open.htm?id=4445249726
10934                if (window.scHandleAjaxError && window.scHandleAjaxError(xhr)) return;
10935              // console.error(xhr);
10936              // If backend returned HTML page
10937              if (xhr.responseText) {
10938                  document.open();
10939                  document.write(xhr.responseText);
10940                  document.close();
10941                  return;
10942              }
10943            }
10944        });
10945    }
10946
10947    function showError(error) {
10948      switch (error.code) {
10949        case error.PERMISSION_DENIED:
10950          errorMessage("show", "You denied the request for Geolocation.");
10951          break;
10952        case error.POSITION_UNAVAILABLE:
10953          errorMessage("show", "Location information is unavailable, please enter ZIP Code");
10954          break;
10955        case error.TIMEOUT:
10956          errorMessage("show", "The request to get user location timed out.");
10957          break;
10958        case error.UNKNOWN_ERROR:
10959          errorMessage("show", "An unknown error occurred.");
10960          break;
10961      }
10962    }
10963</script>
10963
10964    
10964<script>
10965        const zipcode = document.getElementById('sl_zipcode');
10966        if(zipcode){
10967            zipcode.addEventListener('input', function (e) {
10968                this.value = this.value.replace(/\D/g, '');
10969            });
10970        }
10971    </script>
10971
10972
10973  <style>
10974    #bookInStore {
10975        background: transparent !important;
10976        display: flex !important;
10977        width: 75%;
10978        align-items: center;
10979        padding-left: 30px;
10980    }
10981
10982    #store-locator {
10983        width: 100% !important;
10984    }
10985    .page-item .page-link {
10986        color: black !important;
10987        box-shadow: none;
10988    }
10989    .page-item.active .page-link {
10990        border-color: #dee2e6!important;
10991        background: #f2f2f2 !important;
10992    }
10993    .page-item.disabled .page-link {
10994        color: gray !important;
10995    }
10996    
10997    .page-item.active .page-link:hover {
10998        opacity: 0.7!important;
10999    }
11000    
11001    .fas .col-md-5 {
11002        display: none;
11003    }
11004    
11005    .fas .col-md-7 {
11006        max-width: 100%;
11007        flex: 100%;
11008        display: flex;
11009        justify-content: center;
11010    }
11011
11012    #store-locator_length, #store-locator_filter, #store-locator_info {
11013        display: none;
11014    }
11015    .fas-btn:hover {
11016        background-color: #3172ab;
11017    }
11018    
11019    #store-locator_wrapper {
11020        overflow-x: hidden;
11021    }
11022
11023    .fas:not(.landing) {
11024      position: fixed;
11025      left: 50%;
11026      right: 0;
11027      top: 0;
11028      bottom: 0;
11029      z-index: 1045;
11030      background: white;
11031      transition: 300ms;
11032      transform: translateX(105%);
11033      box-shadow: 0 0 12px 2px rgba(0, 0, 0, .35);
11034      overflow-y: scroll;
11035    }
11036    
11037    .fas:not(.landing) .fas-logo-store {
11038        display: none;
11039    }
11040
11041    label svg {
11042      width: 19px;
11043      height: 21px;
11044      margin: 0 13px 2px -13px;
11045    }
11046
11047    .fas.landing {
11048      max-width: 1260px;
11049      margin: 20px auto 0 auto;
11050      position: relative;
11051    }
11052
11053    .fas.landing label {
11054      z-index: 10;
11055    }
11056
11057    .fas-actions {
11058      align-items: center;
11059      margin-bottom: 20px;
11060      padding: 0 20px;
11061      right: 0;
11062      z-index: 9;
11063      width: 100%;
11064      display: grid !important;
11065      grid-template-columns: repeat(3, minmax(0, 1fr));
11066    }
11067
11068    .fas.landing .fas-actions {
11069      position: absolute;
11070    }
11071
11072    .find-ts-error {
11073      text-align: center;
11074      margin: 0 auto;
11075      color: #8f0000;
11076      height: 0;
11077      font-weight: 600;
11078    }
11079
11080    .fas-tab__content table tr {
11081      position: relative;
11082      min-height: 150px;
11083      padding: 30px;
11084      display: flex;
11085      align-items: center;
11086      border-bottom: 1px solid #dbdbdb;
11087    }
11088    .fas-tab__content .row{
11089        margin: 0!important;
11090    }
11091
11092    #search-by-zip {
11093      display: flex;
11094      align-items: center;
11095      margin: auto;
11096    }
11097
11098    .fas-row-store {
11099      width: 100%;
11100      padding-left: 0;
11101      display: flex;
11102      align-items: center;
11103      border: none;
11104      justify-content: left !important;
11105    }
11106    
11107    .fas-row-store p {
11108        margin-bottom: 0 !important;
11109    }
11110    
11111            .fas-logo-store {
11112            margin-bottom: 20px;
11113        }
11114        
11115    .fas-logo-store {
11116        margin-right: 40px;
11117        display: flex;
11118        align-items: center;
11119        width: 150px;
11120        height: 150px;
11121        display: flex;
11122        align-items: center;
11123        justify-content: center;
11124        overflow: hidden;
11125        border-radius: 50%;
11126    }
11127    
11128    .fas-logo-store img {
11129        width: 100%;
11130        height: 100%;
11131        object-fit: cover;
11132        object-position: center;
11133    }
11134
11135    .fas-row-distance {
11136      border: none;
11137      align-items: center;
11138      justify-content: end !important;
11139      display: none;
11140      position: absolute;
11141      right: 0;
11142      top: 5px;
11143    }
11144
11145    .fas-row-distance > div {
11146      align-items: center;
11147      display: flex;
11148      font-size: 18px;
11149      padding-right: 20px;
11150      justify-content: end;
11151    }
11152
11153    .fas-row-distance > div > b {
11154      margin: 15px;
11155      font-size: 20px;
11156    }
11157
11158    .fas-row-actions {
11159      border: none;
11160      align-items: center;
11161      display: flex;
11162      position: absolute;
11163      right: 0;
11164    }
11165
11166    .fas-row-actions svg {
11167      width: 25px;
11168      height: 25px;
11169      margin-bottom: 10px;
11170    }
11171
11172    .fas.landing #search-by-zip {
11173      justify-content: center
11174    }
11175
11176    #search-by-zip input {
11177      width: 180px!important;
11178      box-shadow: none !important;
11179      border: none!important;;
11180      border-radius: 0!important;;
11181      border-bottom: 1px solid darkgrey!important;;
11182      padding: 0 10px!important;;
11183    }
11184
11185    #search-by-zip button {
11186      width: auto;
11187      height: 28px;
11188      border-top-left-radius: 0;
11189      border-bottom-left-radius: 0;
11190      box-shadow: none !important;
11191      border-color: #ced4da;
11192      border: none;
11193      padding: 5px;
11194      padding-right: 10px;
11195      border-left: 0;
11196    }
11197
11198    .get-location {
11199      margin: 0 5px!important;
11200      padding: 0 5px !important;
11201      border: 1px solid white!important;
11202      text-align: end!important;
11203      width: auto!important;
11204      position: absolute!important;
11205      right: 0!important;
11206    }
11207
11208    .get-location svg {
11209      width: 18px;
11210      height: 16px;
11211      margin-top: 4px;
11212      margin-right: 3px;
11213      float: left;
11214    }
11215
11216    .fas-actions .map-btn {
11217      width: 100%;
11218      padding: 0 20px;
11219    }
11220    .map-btn a{
11221        color: inherit;
11222    }
11223
11224    .fas.landing .fas-actions {
11225      max-width: 1260px;
11226      margin: auto;
11227    }
11228
11229    .fas.open {
11230      transform: translateX(0);
11231    }
11232
11233    .fas .close-fas-btn {
11234      width: 130px;
11235      padding: 3rem;
11236      cursor: pointer;
11237      margin-left: auto;
11238    }
11239
11240    .fas .btn {
11241      border-radius: 0;
11242      padding: 12px 25px;
11243    }
11244
11245    .fas svg:not(.store-hours-arrow) {
11246      margin-bottom: 7px;
11247    }
11248
11249    .fas-actions path {
11250      fill: #767676;
11251    }
11252
11253    .fas-overlay.d-none {
11254      opacity: 0;
11255      visibility: hidden;
11256    }
11257
11258    .fas-overlay {
11259      position: fixed;
11260      left: 0;
11261      right: 0;
11262      top: 0;
11263      bottom: 0;
11264      z-index: 1043;
11265      background: rgba(1, 1, 1, 0.5);
11266      opacity: 1;
11267      visibility: visible;
11268    }
11269
11270    .fas-tab__content tr td {
11271      justify-content: center;
11272      border-top: none!important;
11273    }
11274
11275    .fas-tab__content tr td:nth-child(3) {
11276      min-width: 30%;
11277      padding-bottom: 0;
11278    }
11279
11280    .fas button:focus {
11281      outline: none !important;
11282      box-shadow: none !important;
11283    }
11284
11285    .fas button:hover {
11286      opacity: 0.8
11287    }
11288
11289    
11290    .green {
11291        color: green
11292    }
11293    .mtb-4 {
11294        margin: 40px 0;
11295    }
11296    .ma {
11297        margin-left: auto;
11298        margin-right: auto;
11299    }
11300    .mb-4 {
11301        margin-bottom: 40px;
11302    }
11303    .p-4 {
11304        padding: 40px;
11305    }
11306    .pb-3 {
11307        padding-bottom: 30px;
11308    }
11309    
11310    .card a {
11311        cursor: pointer;
11312    }
11313    
11314    @media (max-width: 768px) {
11315        .main_page_container .col-6 {
11316            max-width: 100%;
11317            flex: 0 0 100%;
11318            margin-bottom: 40px;
11319        }
11320    }
11321    
11322
11323    
11324    /***********/
11325    @media (max-width: 1600px) {
11326      .fas-tab__content tr td:nth-child(3) {
11327        height: auto;
11328        justify-content: center;
11329        text-align: center;
11330      }
11331      
11332      .fas:not(.landing) {
11333        left: 30%;
11334      }
11335
11336    
11337        }
11338
11339    .fas-tab-wrap {
11340      transition: 0.3s box-shadow ease;
11341      border-radius: 6px;
11342      max-width: 100%;
11343      display: flex;
11344      flex-wrap: wrap;
11345      position: relative;
11346      list-style: none;
11347      background-color: #fff;
11348    }
11349
11350    .fas-tab {
11351      display: none;
11352    }
11353
11354    .fas-tab:checked:nth-of-type(1) ~ .fas-tab__content:nth-of-type(2) {
11355      opacity: 1;
11356      transition: 0.5s opacity ease-in, 0.8s transform ease;
11357      position: relative;
11358      top: 0;
11359      z-index: 97;
11360      transform: translateY(0px);
11361      text-shadow: 0 0 0;
11362    }
11363
11364    .fas-tab:checked:nth-of-type(2) ~ .fas-tab__content:nth-of-type(3) {
11365      opacity: 1;
11366      transition: 0.5s opacity ease-in, 0.8s transform ease;
11367      position: relative;
11368      top: 0;
11369      z-index: 97;
11370      transform: translateY(0px);
11371      text-shadow: 0 0 0;
11372    }
11373    
11374    .fas-tab:first-of-type:not(:last-of-type) + label {
11375      border-top-right-radius: 0;
11376      border-bottom-right-radius: 0;
11377    }
11378
11379    .fas-tab:not(:first-of-type):not(:last-of-type) + label {
11380      border-radius: 0;
11381    }
11382
11383    .fas-tab:last-of-type:not(:first-of-type) + label {
11384      border-top-left-radius: 0;
11385      border-bottom-left-radius: 0;
11386    }
11387
11388    .fas-tab:checked + label {
11389      background-color: #f2f2f2;
11390      box-shadow: 0 -1px 0 #f2f2f2 inset;
11391      cursor: default;
11392    }
11393
11394    .fas-tab:checked + label:hover {
11395      background-color: #f2f2f2;
11396      box-shadow: 0 -1px 0 #f2f2f2 inset;
11397    }
11398
11399    .fas-tab + label {
11400      box-shadow: 0 -1px 0 #eee inset;
11401      border-radius: 6px 6px 0 0;
11402      cursor: pointer;
11403      display: block;
11404      text-decoration: none;
11405      color: #333;
11406      flex-grow: 3;
11407      text-align: center;
11408      background-color: #fff;
11409      -webkit-user-select: none;
11410      -moz-user-select: none;
11411      -ms-user-select: none;
11412      user-select: none;
11413      text-align: center;
11414      transition: 0.1s background-color ease, 0.1s box-shadow ease;
11415      height: 50px;
11416      box-sizing: border-box;
11417      padding: 15px;
11418      max-width: 150px;
11419      margin: 0;
11420    }
11421
11422    .fas-tab + label:hover {
11423      background-color: #f9f9f9;
11424      box-shadow: 0 1px 0 #f4f4f4 inset;
11425    }
11426
11427    .fas-tab__content {
11428      background-color: transparent;
11429      position: absolute;
11430      width: 100%;
11431      z-index: -1;
11432      opacity: 0;
11433      left: 0;
11434      transform: translateY(-3px);
11435      border-top: 1px solid #dbdbdb;
11436    }
11437
11438    .fas-tab__content tr:nth-child(odd) {
11439      background: #f8f8f8;
11440    }
11441
11442    .container {
11443      margin: 0 auto;
11444      display: block;
11445      width: 100%;
11446    }
11447
11448    .container > *:not(.fas-tab-wrap) {
11449      padding: 0 80px;
11450    }
11451
11452    /* MAP styles */
11453    #map {
11454      height: 800px;
11455      width: 100%;
11456    }
11457
11458    .infoWindow {
11459      font-family: Arial, sans-serif;
11460      text-align: center;
11461      padding: 5px 10px;
11462    }
11463
11464    .infoWindow h2 {
11465      font-size: 22px;
11466      line-height: 20.7px;
11467      text-align: left;
11468      margin: 10px auto;
11469    }
11470
11471    .infoWindow h4 {
11472      font-size: 12px;
11473      line-height: 16px;
11474      font-weight: 100;
11475      margin-bottom: 15px;
11476    }
11477
11478    .infoWindow .actions {
11479      display: flex;
11480      justify-content: center;
11481    }
11482
11483    .infoWindow svg {
11484      width: 16px;
11485      height: 16px;
11486      margin: 0;
11487    }
11488
11489    .infoWindow button,
11490    .infoWindow a {
11491      border-radius: 15px;
11492      color: white;
11493      background: rgb(49, 114, 171);
11494      border: 1px solid rgb(49, 114, 171);
11495      margin: 0 3px;
11496      padding: 6px;
11497      display: flex;
11498      align-items: center;
11499      text-decoration: none;
11500      padding: 5px 9px;
11501    }
11502
11503    .infoWindow button:hover,
11504    .infoWindow a:hover {
11505      border: 1px solid rgb(49, 114, 171);
11506    }
11507    
11508    .get-location {
11509        margin-top: 5px!important;
11510    }
11511    
11512    @media (max-width: 1200px) {
11513        .fas:not(.landing) {
11514            left: 15%;
11515        }
11516    }
11517
11518    @media (max-width: 1101.9px) {
11519        .store-hours-container {
11520          display: flex;
11521          justify-content: center;
11522        }
11523        .fas-row-actions {
11524            position: relative;
11525        }
11526        .fas-row-distance {
11527            position: inherit;
11528        }
11529        .fas-row-distance > div {
11530            justify-content: center;
11531            margin-bottom: 20px;
11532        }
11533        .fas-row-store {
11534            display: block !important;
11535        }
11536        .fas-logo-store {
11537            margin: 0px auto 40px auto;
11538        }
11539        
11540          .fas-tab__content tr td:nth-child(3) > div {
11541        grid-template-columns: repeat(2, minmax(0, 1fr));
11542      }
11543
11544      .fas-tab__content tr td:nth-child(3) > div > div:nth-child(4) {
11545        grid-column: auto;
11546      }
11547
11548      .fas .close-fas-btn {
11549        padding: 1.5rem;
11550        width: 80px;
11551      }
11552
11553      .products-list .item-title {
11554        font-size: 14px;
11555      }
11556
11557      .fas {
11558        left: 0 !important;
11559      }
11560
11561      .fas-tab__content table tr {
11562        display: inline-grid !important;
11563        width: 100%;
11564      }
11565
11566      .fas-tab__content table td, .fas-tab__content table td > div:not(.fas-logo-store) {
11567        width: auto !important;
11568        text-align: center;
11569      }
11570      
11571      .fas-row-distance {
11572          height: auto;
11573      }
11574      
11575      .fas-tab__content tr td p{
11576          margin: 0 auto;
11577      }
11578      
11579    }
11580
11581    @media (max-width: 979.9px) {
11582      .fas-tab + label {
11583        max-width: 95px;
11584      }
11585
11586      label svg {
11587        width: 15px;
11588        margin: 0 8px 0 0;
11589      }
11590    }
11591
11592    @media (max-width: 550px) {
11593       .fas-actions .form-control {
11594        width: auto !important;
11595      }
11596
11597      .fas-tab-wrap > .fas-actions {
11598        padding: 0;
11599        margin: 0 10px !important;
11600      }
11601        
11602      .fas-tab-wrap > .fas-actions > #search-by-zip > label {
11603        padding: 0;
11604      }
11605        
11606      .fas-tab-wrap > .fas-actions > .get-location {
11607        margin: 0 10px 0 0 !important;
11608      }
11609
11610      #search-by-zip {
11611          width: 190px;
11612          margin: 0 auto 10px auto;
11613      }
11614      
11615      .get-location {
11616        margin-top: 27px !important;
11617    }
11618
11619      .fas.landing {
11620          margin: 0;
11621      }
11622      
11623      .fas.landing .fas-actions {
11624          position: inherit;
11625      }
11626
11627      .fas-actions {
11628        display: block;
11629        grid-template-columns: repeat(2, minmax(0, 1fr));
11630        text-align: center;
11631      }
11632      
11633      .fas-tab__content tr td {
11634        height: auto !important;
11635      }
11636
11637      .fas-actions > div:nth-child(1) {
11638        grid-column: 1 / -1;
11639        margin-bottom: 10px;
11640        padding: 0;
11641      }
11642
11643      .get-location {
11644        position: inherit;
11645        font-size: 14px;
11646        margin: auto;
11647      }
11648
11649      .fas-tab:checked + label {
11650        display: none;
11651      }
11652    }
11653    
11654    @media (max-width: 480px) {
11655        .fas-row-actions > div {
11656            display: grid !important;
11657            grid-template-columns: repeat(2, minmax(0, 2fr));
11658        }
11659    }
11660    
11661    .fas.in_store_try {
11662        left: 63%;
11663    }
11664    
11665    @media (max-width: 1600px) {
11666        .fas.in_store_try {
11667            left: 56%;
11668        }
11669    }
11670    
11671    @media (max-width: 1200px) {
11672        .fas.in_store_try {
11673            left: 46%;
11674        }
11675    }
11676  </style> <div class="my-scope offcanvas left offcanvas-md" id="update-zipAddress">
11677    <div class="offcanvas-header border-bottom">
11678        <h3 class="general_style">Update Location</h3>
11679        <button aria-label="Close menu" class="close-offcanvas btn-close"></button>
11680    </div>
11681    <div class="offcanvas-body">
11682        <form id="zipcode-form">
11683            <p class="p2_general_style">Your location helps us to offer delivery options available for you.</p>
11684            <div class="input_general_style general_style">
11685                <label for="zipcode" class="general_style  ">Zipcode <span class="text-danger">*</span></label>
11686                <input type="text" id="zipcode" value="" name="zipcode" required="required" maxlength="50" class="form-control form-control-lg">
11687                <div class="invalid-feedback">Please enter valid zip code.</div>
11688            </div>
11689            <button type="submit" title="Update Zipcode" aria-label="Update" class="btn-modal button_general_style">Update Location</button>
11690        </form>
11691        <button type="button" title="Use My Location" aria-label="Update" class="btn-modal-outline secondary_button_general_style use-my-location">
11692            <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">
11693                <path fill="#231F20" d="M32,0C18.746,0,8,10.746,8,24c0,5.219,1.711,10.008,4.555,13.93c0.
11693051,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>
11694            </svg>
11695            Use My Location
11696        </button>
11697    </div>
11698</div>
11699<script>
11700    $(document).ready(function() {
11701        $("#zipcode-form").submit(function (e) {
11702            e.preventDefault();
11703            var $input = $('#zipcode-form input');
11704            const $error_box = $('#zipcode-form .invalid-feedback');
11705            $error_box.hide();
11706            var zipCode = $input.val();
11707            console.log(zipCode)
11708            if (isValidZipCode(zipCode)) {
11709                $.ajax({
11710                    url: '/skeleton/1.0/view/ws/ajax_find_a_store.php',
11711                    type: 'POST',
11712                    headers: {'X-CSRF-TOKEN': window.csrf_token},
11713                    data: {
11714                        action: 'UPDATE_LOCATION',
11715                        zipCode: zipCode
11716                    },
11717                    dataType: 'json',
11718                    success: function (response) {
11719                        if (response.success) {
11720                            document.location.reload()
11721                        } else {
11722                            $error_box.show();
11723                            // errorMessage('show', response.message);
11724                        }
11725                    },
11726                    error: function (xhr, status, error) {
11727                        // console.error(xhr);
11728                        // If backend returned HTML page
11729                        if (xhr.responseText) {
11730                            if (window.scHandleAjaxError && window.scHandleAjaxError(xhr)) return;
11731                            document.open();
11732                            document.write(xhr.responseText);
11733                            document.close();
11734                            return;
11735                        }
11736                    }
11737                });
11738            } else {
11739                $error_box.show();
11740                // console.log('Invalid ZIP Code');
11741                // errorMessage('show', 'ZIP code not found.');
11742            }
11743
11744        });
11745
11746        $('.use-my-location').on('click', function () {
11747            if (navigator.geolocation) {
11748                navigator.geolocation.getCurrentPosition(sendMyLocation, showError);
11749            } else {
11750                document.getElementById("location").innerHTML = "Geolocation is not supported by this browser.";
11751            }
11752        });
11753
11754        function sendMyLocation(position) {
11755            console.log(position)
11756            const targetLat = position.coords.latitude;
11757            const targetLng = position.coords.longitude;
11758
11759            $.ajax({
11760                url: '/skeleton/1.0/view/ws/ajax_find_a_store.php',
11761                type: 'POST',
11762                headers: {'X-CSRF-TOKEN': window.csrf_token},
11763                data: {
11764                    action: 'UPDATE_LOCATION_BY_COORDINATES',
11765                    lat: targetLat,
11766                    lon: targetLng
11767                },
11768                dataType: 'json',
11769                success: function (response) {
11770                    if (response.success) {
11771                        document.location.reload()
11772                    } else {
11773                        console.log('cannot update location');
11774                    }
11775                },
11776                error: function (xhr, status, error) {
11777                    // console.error(xhr);
11778                    // If backend returned HTML page
11779                    if (xhr.responseText) {
11780                        if (window.scHandleAjaxError && window.scHandleAjaxError(xhr)) return;
11781                        document.open();
11782                        document.write(xhr.responseText);
11783                        document.close();
11784                        return;
11785                    }
11786                }
11787            });
11788        }
11789
11790    function showError(error) {
11791      switch (error.code) {
11792        case error.PERMISSION_DENIED:
11793          errorMessage("show", "You denied the request for Geolocation.");
11794          break;
11795        case error.POSITION_UNAVAILABLE:
11796          errorMessage("show", "Location information is unavailable, please enter ZIP Code");
11797          break;
11798        case error.TIMEOUT:
11799          errorMessage("show", "The request to get user location timed out.");
11800          break;
11801        case error.UNKNOWN_ERROR:
11802          errorMessage("show", "An unknown error occurred.");
11803          break;
11804      }
11805    }
11806    });
11807</script>
11807<footer class="appearance-desktop-view-template">
11808    
11809    
11810        
11811        <div class="footer_container footer_container_1">
11812
11813                        
11814                  
11815
11816                <div class="flex_row flex_row_1">
11817
11818                    
11819                        <div class="flex_col flex_col_1">
11820
11821                            
11822                        </div>
11823
11824                        <style>
11825                            .footer_container_1 .flex_row_1 .flex_col_1 {
11826                                                        }
11827                        </style>
11828
11829
11830                    
11831                        <div class="flex_col flex_col_2">
11832
11833                            
11834                        </div>
11835
11836                        <style>
11837                            .footer_container_1 .flex_row_1 .flex_col_2 {
11838                                                        }
11839                        </style>
11840
11841
11842                    
11843                        <div class="flex_col flex_col_3">
11844
11845                            
11846<div class="flex_cell flex_cell_1 social_icons">
11847    <div class="flex_cell_content">
11848                    <a title="Facebook" class="" target="_blank" href="https://www.facebook.com/albertsjewelers" style="order: 1">
11849                <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>
11850        
11851                    <a title="X" class="" target="_blank" href="https://twitter.com/AlbertsJewelers" style="order: 2">
11852                <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>
11853        
11854                    <a title="Instagram" class="" target="_blank" href="https://www.instagram.com/albertsjewelers
11854/" style="order: 3">
11855                <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>
11856        
11857                    <a title="Youtube" class="" target="_blank" href="https://www.youtube.com/channel/UCQ4ouMJM2mY7apgDZpzNWow" style="order: 4">
11858                <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>
11859        
11860                    <a title="Pinterest" class="" target="_blank" href="https://www.pinterest.com/albertsjewelers/" style="order: 5">
11861                <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>
11862        
11863                    <a title="Yelp" class="" target="_blank" href="https://www.yelp.com/biz/alberts-diamond-jewelers-schererville-4" style="order: 6">
11864                <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>
11865        
11866        
11867
11868        
11869                    <a title="Tiktok" class="" target="_blank" href="https://www.tiktok.com/@albertsjewelers219" style="order: 9">
11870                <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>
11871        
11872            </div>
11873</div>
11874
11875<style>
11876    .footer_container_1>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons {
11877        width:100%;                                    justify-content: flex-end;
11878                            align-items:center; -webkit-align-items:center;    }
11879
11880            .footer_container_1>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons {
11881        height:100%;        }
11882    
11883    .footer_container_1>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons>.flex_cell_content {
11884        display: flex;
11885        margin-top:50px;        margin-bottom:50px;        margin-left:px;        margin-right:400px;        padding-top:px;        padding-bottom:px;        padding-left:px;        padding-right:px;    }
11886
11887    .footer_container_1>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons a {
11888        display: flex;
11889        align-items: center;
11890        color:#ffffff;        font-weight:400;        font-style:normal;                        margin-left: 6px;
11891        margin-right: 6px;
11892        font-size:17px;font-family:ITC Avant Garde;        text-transform:none;    }
11893
11894    .footer_container_1>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons a svg{
11895        margin-right: 5px;
11896        width:16px;        height:16px;    }
11897
11898    .footer_container_1>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons a .path_class {
11899        fill: currentColor;
11900    }
11901
11902
11903    .footer_container_1>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons a:hover {
11904        color:#ffffff;    }
11905</style>
11906
11907                        </div>
11908
11909                        <style>
11910                            .footer_container_1 .flex_row_1 .flex_col_3 {
11911                            width:98%;                            }
11912                        </style>
11913
11914
11915                    
11916                        <div class="flex_col flex_col_4">
11917
11918                            
11919                        </div>
11920
11921                        <style>
11922                            .footer_container_1 .flex_row_1 .flex_col_4 {
11923                            width:2%;                            }
11924                        </style>
11925
11926
11927                    
11928                </div>
11929            
11930                
11931                <style>
11932                    .footer_container_1 .flex_row_1 {
11933                        background-color: #122d57;
11934                        color:#000000;                        height:auto;                                                
11935                                            }
11936                </style>
11937                
11938                                        
11939                
11940                        
11941                  
11942
11943                <div class="flex_row flex_row_2">
11944
11945                    
11946                        <div class="flex_col flex_col_1">
11947
11948                            
11949                        </div>
11950
11951                        <style>
11952                            .footer_container_1 .flex_row_2 .flex_col_1 {
11953                            width:2%;                            }
11954                        </style>
11955
11956
11957                    
11958                        <div class="flex_col flex_col_2">
11959
11960                            <div class="flex_cell flex_cell_1 custom_code">
11961    <div class="flex_cell_content">
11962        <div style="padding-bottom: 40px;">
11963<div style="padding-bottom: 40px;">
11964<table border="0" class="ftbl">
11965<tbody>
11966<tr class="tr1">
11967<td>
11968<div class="right-side">
11969<div class="col1">
11970<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>
11971</div>
11972<div class="col2">
11973<h5 style="font-family: 'ITC Avant Garde'; color: #fff;">Visit our showroom</h5>
11974<p>711 Main St. Schererville, Indiana 46375</p>
11975<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>
11976</div>
11977</td>
11978<td class="td2"></td>
11979<td style="padding-top: 0px;">
11980<div class="left-side">
11981<div class="col1"><span style="font-size: 14px; font-weight: bold;">Regular Hours</span>
11982<p><br />Mon - Sat:</p>
11983<p>11:00am - 6:00pm</p>
11984<p>Sunday: Closed&nbsp;</p>
11985<p></p>
11986</div>
11987<div class="col2">
11988<h5 style="font-family: 'ITC Avant Garde'; color: #fff;">Store Contacts</h5>
11989<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#c8a5a9baa3adbca1a6af88a9a4aaadbabcbba2adbfada4adbabbe6aba7a5" title="mail">
11989<span class="__cf_email__" data-cfemail="167b77647d73627f787156777a74736462657c7361737a7364653875797b">[email&#160;protected]</span></a></div>
11990</div>
11991</td>
11992</tr>
11993<tr class="tr2">
11994<td>
11995<div class="tr2right-side">
11996<p class="tr2right-side-p1"></p>
11997<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>
11998<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
11999                                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
12000                                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
12001                                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>
12002</td>
12003<td></td>
12004<td>
12005<div class="tr2left-side">
12006<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>
12007<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>
12008<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>
12009</div>
12010</td>
12011</tr>
12012</tbody>
12013</table>
12014</div>
12015</div>
12016<style> 
12017    .ftbl{  
12018      color:#fff;
12019          font-family: 'ITC Avant Garde';
12020  /*padding:0 3%;*/
12021  padding-bottom:43px;
12022    }
12023    .tr1 td{ 
12024      padding-bottom: 98px; 
12025    }
12026  .tr3 {
12027      position: relative;
12028  display:none;
12029  }
12030    .tr3 td{
12031      padding-top: 76px;
12032  padding-bottom: 43px;
12033    }
12034    .ftbl h5,
12035    .ftbl p{
12036      margin:0;
12037    }
12038    .ftbl h5{
12039      line-height: 25px;
12040      font-size: 28px;
12041      font-weight: 400;
12042      padding-bottom: 9px;
12043    }
12044    .ftbl .right-side p{
12045      font-size: 14px;
12046      font-weight: 400;
12047      width: 235px;
12048      line-height: 18px;
12049    }
12050    .ftbl .left-side p{
12051      font-size: 14px;
12052      font-weight: 400;
12053      line-height: 18px;
12054    }
12055    #fclm1img {
12056      width: 165px;
12057      height: 165px;
12058      background: #ccc;
12059      border-radius: 50%;
12060      display: flex;
12061      justify-content: center;
12062      align-items: center;
12063      overflow: hidden;
12064  }
12065  .td2{
12066    width:100%;
12067  }
12068  .right-side{
12069    display: flex;
12070  }
12071  .left-side{
12072    display: flex;
12073    padding-bottom: 34px;  
12074    justify-content: start;
12075    /* width: 380px; */
12076  }
12077  
12078  .right-side .col1{
12079    padding-right: 34px;
12080  }
12081  .left-side .col1{
12082  padding-right: 90px;
12083  }
12084  .right-side .col2{
12085    width: 300px;
12086      display: flex;
12087      flex-direction: column;
12088      justify-content: start;
12089      padding-top: 30px;
12090  }
12091  .right-side .col2 h5{
12092  text-transform: capitalize;
12093      white-space: nowrap;
12094  }
12095  .left-side h5{
12096    font-size: 14px;
12097    font-weight: 700;
12098    padding-bottom: 15px;
12099  }
12100  .tr2right-side{
12101    padding-right:10px ;
12102  }
12103  .tr2right-side input{
12104    width: 595px; 
12105    height: 51px;
12106      background: transparent !important;
12107      border:none;
12108      border-bottom: 1px solid #fff !important;
12109      color: #fff;
12110  width: 350px; 
12111      border-radius: 0px !important;
12112  text-indent:0px;
12113  outline: none;
12114  }
12115  .tr2right-side input:focus{
12116  border:none;
12117      border-bottom: 1px solid #fff !important;
12118  border-radius: 0px !important;
12119background: transparent;color: white !important;
12120  box-shadow: none !important;
12121  outline: none !important;
12122  }
12123  .tr2right-side input::placeholder {
12124      color: #fff;
12125      font-size: 14px;
12126      padding: 13px 19px 13px 0; 
12127  }
12128  .tr2left-side{
12129    display: flex;
12130    height: 120px;
12131  } 
12132  .tr2col1,.tr2col2,.tr2col3{
12133    display: flex;
12134      flex-direction: column;
12135      justify-content: space-around;
12136      min-width: 130px;
12137      box-sizing: content-box;
12138  }
12139  .tr2col2{
12140    padding-left: 80px;
12141      padding-right: 80px;
12142  }
12143  .tr2col3{
12144      height: auto;
12145      width: 200px;
12146  }
12147  .tr2left-side a{
12148    color:#fff;
12149    text-decoration: none;
12150  }
12151  .tr2right-side-p2{
12152    font-size: 14px;
12153      font-weight: 400;
12154      padding: 10px 0 20px 0;
12155      padding: 10px 0 0px 0;
12156  }
12157  
12158  .tr3col1{
12159    margin-right:33px;
12160  }
12161  .tr3col2{
12162    display: flex;
12163      flex-direction: column;
12164      justify-content: end;
12165  }
12166  .tr3td3{
12167    padding-top: 76px;
12168      display: flex;
12169      flex-direction: column; 
12170      justify-content: end;
12171      align-items: end;
12172      position: absolute;
12173      bottom: 0;
12174      right: 0;
12175  }
12176  #tr3col1imbl{ 
12177    max-width: 165px;
12178    display: flex;
12179    overflow: hidden;
12180  }
12181  #tr3col1imbl img{
12182    object-fit: cover;
12183  }
12184  .tr3td3 a{
12185    color: #fff;
12186      text-decoration: none;
12187      font-size: 14px;
12188      text-align: right;
12189  }
12190  .ftbl .tr3col2 p{
12191    width:100%;
12192  }
12193  @media (max-width:1200px){
12194  .tr2col2{
12195  padding-left: 95px;
12196      padding-right: 95px;
12197  }
12198  .tr2col1, .tr2col2, .tr2col3{
12199  min-width: auto;
12200  }
12201  .ftbl .tr3col2 p{
12202  width:95%;
12203  }
12204  .left-side .col1{
12205  padding-right: 60px;
12206  }
12207  .tr2right-side input{
12208  width: 470px;
12209  width: 350px;
12210  }
12211  .tr2col3 {
12212  width: 140px;
12213  }
12214  .ftbl h5 {
12215      padding-bottom: 15px;
12216  }
12217  .right-side .col2 {
12218     padding-top: 15px;
12219  }
12220  }
12221@media(max-width:1200px) and (min-width:992px){
12222footer .flex_cell.flex_cell_1.social_icons .flex_cell_content{
12223        margin-right: 232px !important;
12224}
12225}
12226  </style>    </div>
12227</div>
12228
12229<style>
12230    .footer_container_1>.flex_row_2>.flex_col_2>.flex_cell_1.custom_code {
12231    width:100%;    }
12232
12233        .footer_container_1>.flex_row_2>.flex_col_2>.flex_cell_1.custom_code {
12234        }
12235    
12236    .footer_container_1>.flex_row_2>.flex_col_2>.flex_cell_1.custom_code>.flex_cell_content {
12237        width: 100%;
12238        height: 100%;
12239    }
12240</style>
12241                        </div>
12242
12243                        <style>
12244                            .footer_container_1 .flex_row_2 .flex_col_2 {
12245                            width:96%;                            }
12246                        </style>
12247
12248
12249                    
12250                        <div class="flex_col flex_col_3">
12251
12252                            
12253                        </div>
12254
12255                        <style>
12256                            .footer_container_1 .flex_row_2 .flex_col_3 {
12257                            width:2%;                            }
12258                        </style>
12259
12260
12261                    
12262                </div>
12263            
12264                
12265                <style>
12266                    .footer_container_1 .flex_row_2 {
12267                        background-color: #122d57;
12268                        color:#000000;                        height:auto;                                                
12269                                            }
12270                </style>
12271                
12272                                        
12273                
12274            
12275        </div>
12276        <style>
12277            .footer_container .flex_row {
12278                display: flex;
12279            }
12280            .footer_container_1 {
12281                            width:100%;
12282                                        max-width:100%;
12283                            margin: 0 auto;
12284            }
12285            .footer_container .flex_row .flex_col{
12286                display: flex;
12287                flex-wrap: wrap;
12288                box-sizing: border-box;
12289                align-content: baseline;
12290            }
12291            .footer_container .flex_row .flex_col .flex_cell{
12292                height: fit-content;
12293                display: flex;
12294            }
12295            .footer_container .flex_row .flex_col .flex_cell a{
12296                text-decoration: none;
12297            }
12298            .footer_container img {
12299                max-width: 100%;
12300            }
12301        </style>
12302
12303    
12304</footer>
12305<footer class="appearance-tablet-view-template">
12306    
12307    
12308        
12309        <div class="footer_container footer_container_2">
12310
12311                        
12312                  
12313
12314                <div class="flex_row flex_row_1">
12315
12316                    
12317                        <div class="flex_col flex_col_1">
12318
12319                            
12320                        </div>
12321
12322                        <style>
12323                            .footer_container_2 .flex_row_1 .flex_col_1 {
12324                                                        }
12325                        </style>
12326
12327
12328                    
12329                        <div class="flex_col flex_col_2">
12330
12331                            
12332                        </div>
12333
12334                        <style>
12335                            .footer_container_2 .flex_row_1 .flex_col_2 {
12336                                                        }
12337                        </style>
12338
12339
12340                    
12341                        <div class="flex_col flex_col_3">
12342
12343                            
12344<div class="flex_cell flex_cell_1 social_icons">
12345    <div class="flex_cell_content">
12346                    <a title="Facebook" class="" target="_blank" href="https://www.facebook.com/albertsjewelers" style="order: 1">
12347                <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>
12348        
12349                    <a title="X" class="" target="_blank" href="https://twitter.com/AlbertsJewelers" style="order: 2">
12350                <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>
12351        
12352                    <a title="Instagram" class="" target="_blank" href="https://www.instagram.com/albertsjewelers/" style="order: 3">
12353                <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>
12354        
12355                    <a title="Youtube" class="" target="_blank" href="https://www.youtube.com/channel/UC
12355Q4ouMJM2mY7apgDZpzNWow" style="order: 4">
12356                <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>
12357        
12358                    <a title="Pinterest" class="" target="_blank" href="https://www.pinterest.com/albertsjewelers/" style="order: 5">
12359                <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>
12360        
12361                    <a title="Yelp" class="" target="_blank" href="https://www.yelp.com/biz/alberts-diamond-jewelers-schererville-4" style="order: 6">
12362                <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>
12363        
12364        
12365
12366        
12367                    <a title="Tiktok" class="" target="_blank" href="https://www.tiktok.com/@albertsjewelers219" style="order: 9">
12368                <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>
12369        
12370            </div>
12371</div>
12372
12373<style>
12374    .footer_container_2>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons {
12375        width:100%;                                    justify-content: flex-end;
12376                            align-items:center; -webkit-align-items:center;    }
12377
12378            .footer_container_2>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons {
12379        height:100%;        }
12380    
12381    .footer_container_2>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons>.flex_cell_content {
12382        display: flex;
12383        margin-top:50px;        margin-bottom:0px;        margin-left:px;        margin-right:72px;        padding-top:px;        padding-bottom:px;        padding-left:px;        padding-right:px;    }
12384
12385    .footer_container_2>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons a {
12386        display: flex;
12387        align-items: center;
12388        color:#ffffff;        font-weight:400;        font-style:normal;                        margin-left: 6px;
12389        margin-right: 6px;
12390        font-size:17px;font-family:ITC Avant Garde;        text-transform:none;    }
12391
12392    .footer_container_2>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons a svg{
12393        margin-right: 5px;
12394        width:16px;        height:16px;    }
12395
12396    .footer_container_2>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons a .path_class {
12397        fill: currentColor;
12398    }
12399
12400
12401    .footer_container_2>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons a:hover {
12402        color:#ffffff;    }
12403</style>
12404
12405                        </div>
12406
12407                        <style>
12408                            .footer_container_2 .flex_row_1 .flex_col_3 {
12409                            width:98%;                            }
12410                        </style>
12411
12412
12413                    
12414                        <div class="flex_col flex_col_4">
12415
12416                            
12417                        </div>
12418
12419                        <style>
12420                            .footer_container_2 .flex_row_1 .flex_col_4 {
12421                            width:2%;                            }
12422                        </style>
12423
12424
12425                    
12426                </div>
12427            
12428                
12429                <style>
12430                    .footer_container_2 .flex_row_1 {
12431                        background-color: #122d57;
12432                        color:#000000;                        height:auto;                                                
12433                                            }
12434                </style>
12435                
12436                                        
12437                
12438                        
12439                  
12440
12441                <div class="flex_row flex_row_2">
12442
12443                    
12444                        <div class="flex_col flex_col_1">
12445
12446                            
12447                        </div>
12448
12449                        <style>
12450                            .footer_container_2 .flex_row_2 .flex_col_1 {
12451                            width:2%;                            }
12452                        </style>
12453
12454
12455                    
12456                        <div class="flex_col flex_col_2">
12457
12458                            <div class="flex_cell flex_cell_1 custom_code">
12459    <div class="flex_cell_content">
12460        <div style="padding-bottom: 63px;">
12461<table border="0" class="ftbl">
12462<tbody>
12463<tr class="tr1">
12464<td class="td1">
12465<div class="right-side">
12466<div class="col1">
12467<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>
12468</div>
12469<div class="col2">
12470<h5 style="color: #fff; font-family: 'ITC Avant Garde';">Visit our showroom</h5>
12471<p>711 Main St. Schererville <br />Indiana 46375</p>
12472<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>
12473</div>
12474</td>
12475<td class="td2"></td>
12476<td>
12477<div class="left-side">
12478<div class="col1">
12479<pre style="color: #fff; font-family: 'ITC Avant Garde';"><span style="font-size: 10pt;"><strong>Regular Hours<br /></strong></span></pre>
12480<p>Mon-Sat: 11am &mdash; 6pm</p>
12481<p>Sunday: Closed</p>
12482<p></p>
12483</div>
12484<div class="col2">
12485<h5 style="font-family: 'ITC Avant Garde'; color: #fff;">Store Contacts</h5>
12486<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#f59894879e90819c9b92b5949997908781869f90829099908786db969a98" title="mail"><span class="__cf_email__" data-cfemail="670a06150c02130e090027060b05021513140d0210020b0215144904080a">[email&#160;protected]</span></a></div>
12487</div>
12488</td>
12489</tr>
12490<tr class="tr2">
12491<td>
12492<div class="tr2right-side">
12493<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>
12494<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
12495                                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
12496                                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
12497                                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>
12498</td>
12499<td></td>
12500<td class="td3">
12501<div class="tr2left-side">
12502<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>
12503<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>
12504<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>
12505</div>
12506</td>
12507</tr>
12508</tbody>
12509</table>
12510</div>
12511<style> 
12512  @media (max-width:991.9px){
12513    .footer_container .flex_row .flex_col .flex_cell a{
12514      font-size: 14px;
12515    }
12516    .ftbl{ 
12517      color:#fff;
12518      font-family: 'ITC Avant Garde';
12519      /*padding: 0 25px;*/
12520  padding-bottom:43px;
12521    }
12522    .tr1 td{ 
12523      padding-bottom: 98px;
12524   padding-top: 43px;
12525    }
12526  .tr3 {
12527      position: relative;
12528  }
12529    .tr3 td{
12530      padding-top: 76px;
12531  padding-bottom: 43px;
12532    }
12533    .ftbl h5,
12534    .ftbl p{
12535      margin:0;
12536    }
12537    .ftbl h5{
12538      line-height: 25px;
12539      font-size: 28px;
12540      font-weight: 400;
12541      padding-bottom: 19px;
12542    }
12543    .ftbl .right-side p{
12544      font-size: 14px;
12545      font-weight: 400;
12546      width: 235px;
12547      line-height: 18px;
12548    }
12549    .ftbl .left-side p{
12550      font-size: 14px;
12551      font-weight: 400;
12552      line-height: 18px;
12553    }
12554    #fclm1img {
12555      width: 165px;
12556      height: 165px;
12557      background: #ccc;
12558      border-radius: 50%;
12559      display: flex;
12560      justify-content: center;
12561      align-items: center;
12562      overflow: hidden;
12563  }
12564  .td1{
12565      padding-top: 0;
12566      display: flex;
12567  }
12568  .td2{
12569    width:100%;
12570  }
12571  .right-side{
12572    display: flex; 
12573  }
12574  .left-side {
12575      display: flex;
12576      padding-bottom: 34px;
12577      flex-direction: column;
12578      justify-content: end;
12579  }
12580  .left-side .col1,
12581  .right-side .col1{
12582    padding-right: 34px;
12583  }
12584  .left-side .col1{
12585  padding-bottom: 20px;
12586      padding-top: 26px;
12587  }
12588  .right-side .col2{
12589    width: 100%;
12590      display: flex;
12591      flex-direction: column;
12592      justify-content: start;
12593      padding-top: 30px;
12594  }
12595  .left-side h5{
12596    font-size: 14px;
12597    font-weight: 700;
12598    padding-bottom: 15px; 
12599  }
12600  .right-side h5{
12601  white-space: nowrap;
12602  }
12603  .tr2right-side{
12604    padding-right:10px ;
12605  }
12606  .tr2right-side input{
12607    width: 595px;
12608  width: 470px;
12609  width:100%;
12610  width: 350px;
12611  
12612    height: 51px;
12613      background: transparent !important;
12614  border:none;    
12615  border-bottom: 1px solid #fff !important;
12616      color: #fff;
12617      border-radius: 0px !important;
12618  outline: none;
12619padding-left: 0 !important;
12620text-indent:0px;
12621  }
12622  .tr2right-side input::placeholder {
12623      color: #fff;
12624      font-size: 16px;
12625      padding: 13px 19px 13px 0; 
12626  }
12627.tr2right-side input:focus{
12628  border:none;
12629      border-bottom: 1px solid #fff !important;
12630  border-radius: 0px !important;
12631background: transparent;color: white !important;
12632  box-shadow: none !important;
12633  outline: none !important;
12634  }
12635  .tr2left-side{
12636    display: flex;
12637    height: 106px;
12638  } 
12639  .tr2col1,.tr2col2,.tr2col3{
12640    display: flex;
12641      flex-direction: column;
12642      justify-content: space-between;
12643  }
12644  .tr2 .td3{
12645  display:flex;
12646  }
12647  .tr2col2 {
12648      padding-left: 46px;
12649      padding-right: 31px;
12650  }
12651  .tr2col3{
12652    width: 107px;
12653  }
12654  .tr2left-side a{
12655    color:#fff;
12656    text-decoration: none;
12657  }
12658  .tr2right-side-p2{
12659    font-size: 14px;
12660      font-weight: 400;
12661      padding: 10px 0 20px 0;
12662  padding: 10px 0 0px 0;
12663  }
12664  
12665  .tr3col1{
12666    margin-right:33px;
12667  }
12668  .tr3col2{
12669    display: flex;
12670      flex-direction: column;
12671      justify-content: end;
12672  }
12673  .tr3td3{
12674    padding-top: 76px;
12675      display: flex;
12676      flex-direction: column; 
12677      justify-content: end;
12678      align-items: end;
12679      position: absolute;
12680      bottom: 0;
12681      right: 0;
12682  }
12683  #tr3col1imbl{ 
12684    max-width: 165px;
12685    display: flex;
12686    overflow: hidden;
12687  }
12688  #tr3col1imbl img{
12689    object-fit: cover;
12690  }
12691  .tr3td3 a{
12692    color: #fff;
12693      text-decoration: none;
12694      font-size: 14px;
12695      text-align: right;
12696  }
12697  .ftbl .tr3col2 p{
12698    width:100%;
12699  }}
12700  @media (max-width: 870px) {
12701      .right-side .col2 h5 {
12702          white-space: wrap;
12703      }
12704      .ftbl .right-side p {
12705          width: 100%;
12706  white-space: wrap;
12707      }
12708  }
12709  </style>    </div>
12710</div>
12711
12712<style>
12713    .footer_container_2>.flex_row_2>.flex_col_2>.flex_cell_1.custom_code {
12714    width:100%;    }
12715
12716        .footer_container_2>.flex_row_2>.flex_col_2>.flex_cell_1.custom_code {
12717        }
12718    
12719    .footer_container_2>.flex_row_2>.flex_col_2>.flex_cell_1.custom_code>.flex_cell_content {
12720        width: 100%;
12721        height: 100%;
12722    }
12723</style>
12724                        </div>
12725
12726                        <style>
12727                            .footer_container_2 .flex_row_2 .flex_col_2 {
12728                            width:96%;                            }
12729                        </style>
12730
12731
12732                    
12733                        <div class="flex_col flex_col_3">
12734
12735                            
12736                        </div>
12737
12738                        <style>
12739                            .footer_container_2 .flex_row_2 .flex_col_3 {
12740                            width:2%;                            }
12741                        </style>
12742
12743
12744                    
12745                </div>
12746            
12747                
12748                <style>
12749                    .footer_container_2 .flex_row_2 {
12750                        background-color: #122d57;
12751                        color:#000000;                        height:auto;                                                
12752                                            }
12753                </style>
12754                
12755                                        
12756                
12757            
12758        </div>
12759        <style>
12760            .footer_container .flex_row {
12761                display: flex;
12762            }
12763            .footer_container_2 {
12764                            width:100%;
12765                                        max-width:100%;
12766                            margin: 0 auto;
12767            }
12768            .footer_container .flex_row .flex_col{
12769                display: flex;
12770                flex-wrap: wrap;
12771                box-sizing: border-box;
12772                align-content: baseline;
12773            }
12774            .footer_container .flex_row .flex_col .flex_cell{
12775                height: fit-content;
12776                display: flex;
12777            }
12778            .footer_container .flex_row .flex_col .flex_cell a{
12779                text-decoration: none;
12780            }
12781            .footer_container img {
12782                max-width: 100%;
12783            }
12784        </style>
12785
12786    
12787</footer>
12788<footer class="appearance-mobile-view-template">
12789    
12790    
12791        
12792        <div class="footer_container footer_container_3">
12793
12794                        
12795                  
12796
12797                <div class="flex_row flex_row_1">
12798
12799                    
12800                        <div class="flex_col flex_col_1">
12801
12802                            
12803                        </div>
12804
12805                        <style>
12806                            .footer_container_3 .flex_row_1 .flex_col_1 {
12807                            width:5%;                            }
12808                        </style>
12809
12810
12811                    
12812                        <div class="flex_col flex_col_2">
12813
12814                            
12815<div class="flex_cell flex_cell_1 social_icons">
12816    <div class="flex_cell_content">
12817                    <a title="Facebook" class="" target="_blank" href="https://www.facebook.com/albertsjewelers" style="order: 1">
12818                <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>
12819        
12820                    <a title="X" class="" target="_blank" href="https://twitter.com/AlbertsJewelers" style="order: 2">
12821                <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>
12822        
12823                    <a title="Instagram" class="" target="_blank" href="https://www.instagram.com/albertsjewelers/" style="order: 3">
12824                <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>
12825        
12826                    <a title="Youtube" class="" target="_blank" href="https://www.youtube.com/channel/UC
12826Q4ouMJM2mY7apgDZpzNWow" style="order: 4">
12827                <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>
12828        
12829                    <a title="Pinterest" class="" target="_blank" href="https://www.pinterest.com/albertsjewelers/" style="order: 5">
12830                <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>
12831        
12832                    <a title="Yelp" class="" target="_blank" href="https://www.yelp.com/biz/alberts-diamond-jewelers-schererville-4" style="order: 6">
12833                <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>
12834        
12835        
12836
12837        
12838                    <a title="Tiktok" class="" target="_blank" href="https://www.tiktok.com/@albertsjewelers219" style="order: 9">
12839                <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>
12840        
12841            </div>
12842</div>
12843
12844<style>
12845    .footer_container_3>.flex_row_1>.flex_col_2>.flex_cell_1.social_icons {
12846        width:100%;                                    justify-content: center;
12847                            align-items:center; -webkit-align-items:center;    }
12848
12849            .footer_container_3>.flex_row_1>.flex_col_2>.flex_cell_1.social_icons {
12850        height:100%;        }
12851    
12852    .footer_container_3>.flex_row_1>.flex_col_2>.flex_cell_1.social_icons>.flex_cell_content {
12853        display: flex;
12854        margin-top:25px;        margin-bottom:25px;        margin-left:px;        margin-right:px;        padding-top:px;        padding-bottom:px;        padding-left:px;        padding-right:px;    }
12855
12856    .footer_container_3>.flex_row_1>.flex_col_2>.flex_cell_1.social_icons a {
12857        display: flex;
12858        align-items: center;
12859        color:#ffffff;        font-weight:400;        font-style:normal;                        margin-left: 6px;
12860        margin-right: 6px;
12861        font-size:16px;font-family:ITC Avant Garde;        text-transform:none;    }
12862
12863    .footer_container_3>.flex_row_1>.flex_col_2>.flex_cell_1.social_icons a svg{
12864        margin-right: 5px;
12865        width:15px;        height:15px;    }
12866
12867    .footer_container_3>.flex_row_1>.flex_col_2>.flex_cell_1.social_icons a .path_class {
12868        fill: currentColor;
12869    }
12870
12871
12872    .footer_container_3>.flex_row_1>.flex_col_2>.flex_cell_1.social_icons a:hover {
12873        color:#ffffff;    }
12874</style>
12875
12876                        </div>
12877
12878                        <style>
12879                            .footer_container_3 .flex_row_1 .flex_col_2 {
12880                            width:90%;                            }
12881                        </style>
12882
12883
12884                    
12885                        <div class="flex_col flex_col_3">
12886
12887                            
12888                        </div>
12889
12890                        <style>
12891                            .footer_container_3 .flex_row_1 .flex_col_3 {
12892                            width:5%;                            }
12893                        </style>
12894
12895
12896                    
12897                </div>
12898            
12899                
12900                <style>
12901                    .footer_container_3 .flex_row_1 {
12902                        background-color: #122d57;
12903                        color:#000000;                        height:50;                                                
12904                                            }
12905                </style>
12906                
12907                                        
12908                
12909                        
12910                  
12911
12912                <div class="flex_row flex_row_2">
12913
12914                    
12915                        <div class="flex_col flex_col_1">
12916
12917                            
12918                        </div>
12919
12920                        <style>
12921                            .footer_container_3 .flex_row_2 .flex_col_1 {
12922                            width:5%;                            }
12923                        </style>
12924
12925
12926                    
12927                        <div class="flex_col flex_col_2">
12928
12929                            <div class="flex_cell flex_cell_1 custom_code">
12930    <div class="flex_cell_content">
12931        <div>
12932<table border="0" class="ftbl">
12933<tbody>
12934<tr class="tr1">
12935<td class="td1">
12936<div class="right-side">
12937<div class="col1">
12938<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>
12939</div>
12940<div class="col2">
12941<h5 style="color: #fff; font-family: 'ITC Avant Garde';">Visit our showroom</h5>
12942<p>711 Main St. Schererville, Indiana 46375</p>
12943<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>
12944</div>
12945</div>
12946</td>
12947<td class="td2">
12948<div class="left-side">
12949<div class="col1"><span style="font-size: 10pt;"><strong>Regular Hours<br /><br /></strong></span>
12950<p>Mon-Sat: 11am — 6pm</p>
12951<p>Sunday: Closed</p>
12952<p></p>
12953</div>
12954<div class="col2">
12955<h5 style="font-family: 'ITC Avant Garde'; color: #fff;">Store Contacts</h5>
12956<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#99f4f8ebf2fcedf0f7fed9f8f5fbfcebedeaf3fceefcf5fcebeab7faf6f4" title="mail"><span class="__cf_email__" data-cfemail="107d71627b7564797e7750717c72756264637a7567757c7562633e737f7d">[email&#160;protected]</span></a></div>
12957</div>
12958</td>
12959</tr>
12960<tr class="tr2" style="padding-bottom: 53px;">
12961<td>
12962<div class="tr2right-side">
12963<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>
12964<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
12965                                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
12966                                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
12967                                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>
12968</td>
12969<td class="td3">
12970<div class="tr2left-side">
12971<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>
12972<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>
12973<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>
12974</div>
12975</td>
12976</tr>
12977</tbody>
12978</table>
12979</div>
12980<style> 
12981@media (max-width:767.9px){
12982  .ftbl{  
12983    color:#fff;
12984    font-family: 'ITC Avant Garde';
12985    /*padding: 0 25px;*/
12986padding-bottom:42px;
12987  }
12988.tr1{
12989display: flex;
12990    flex-direction: column;
12991}
12992 .tr1 .left-side{
12993    flex-direction: row;
12994        justify-content: flex-start;
12995padding-bottom: 0px;
12996}
12997 .tr1 .left-side .col1{
12998        padding-top: 0px;
12999}
13000  .tr1 td{ 
13001    padding-bottom: 98px;
13002 padding-top: 43px;
13003  }
13004.tr1 .td1{
13005    padding-top: 42px;
13006    padding-bottom: 50px;
13007}
13008.tr1 .td2{
13009padding-top: 0;
13010padding-bottom: 60px;
13011}
13012.tr3 {
13013    position: relative;
13014}
13015  .tr3 td{
13016    padding-top: 76px;
13017padding-bottom: 43px;
13018  }
13019.tr3 .td3{
13020padding-top: 65px;
13021    display: flex;
13022}
13023.tr3  . right-side{
13024flex-direction: column;
13025}
13026.tr3col1{
13027margin-right: 0;
13028    padding-bottom: 19.52px;
13029}
13030  .ftbl h5,
13031  .ftbl p{
13032    margin:0;
13033  }
13034  .ftbl h5{
13035    line-height: 25px;
13036    font-size: 27px;
13037    font-weight: 400;
13038    padding-bottom: 19px;
13039  }
13040  .ftbl .right-side p{
13041    font-size: 14px;
13042    font-weight: 400;
13043    width: 235px;
13044    line-height: 18px;
13045  }
13046  .ftbl .left-side p{
13047    font-size: 14px;
13048    font-weight: 400;
13049    line-height: 18px;
13050  }
13051  #fclm1img {
13052    width: 117px;
13053    height: 117px;
13054    background: #ccc;
13055    border-radius: 50%;
13056    display: flex;
13057    justify-content: center;
13058    align-items: center;
13059    overflow: hidden;
13060}
13061.td1{
13062    padding-top: 0;
13063    display: flex;
13064}
13065.td2{
13066  width:100%;
13067}
13068.right-side{
13069  display: flex; 
13070}
13071.left-side {
13072    display: flex;
13073    padding-bottom: 34px;
13074    flex-direction: column;
13075    justify-content: end;
13076}
13077.td1 .left-side{
13078flex-direction: row;
13079    justify-content: normal;
13080    padding-bottom: 0;
13081}
13082.td1 .col1{
13083padding-top: 0;
13084}
13085.tr1 .col1 p,
13086.tr1 .col2 p{
13087    white-space: nowrap;
13088}
13089.left-side .col1,
13090.right-side .col1{
13091  padding-right: 34px;
13092}
13093.left-side .col1{
13094padding-bottom: 20px;
13095    padding-top: 26px;
13096}
13097.right-side .col2{
13098  width: 100%;
13099    display: flex;
13100    flex-direction: column;
13101    justify-content: start;
13102    padding-top: 30px;
13103}
13104.left-side h5{
13105  font-size: 14px;
13106  font-weight: 700;
13107  padding-bottom: 15px; 
13108}
13109.right-side h5{
13110white-space: nowrap;
13111}
13112.tr2{
13113    display: flex;
13114    flex-direction: column;
13115}
13116.tr2right-side{
13117    padding-bottom: 60px;
13118    padding-right: 0;
13119}
13120.tr2right-side input{
13121  width: 595px;
13122width: 470px;
13123width:100%;
13124max-width:350px;
13125  height: 51px;
13126    background: transparent !important;
13127border:none;    
13128border-bottom: 1px solid #fff !important;
13129    color: #fff;
13130    border-radius: 0px !important;
13131outline: none;
13132padding-left: 0 !important;
13133  text-indent:0px;
13134}
13135.tr2right-side input::placeholder {
13136    color: #fff;
13137    font-size: 14px;
13138    padding: 13px 19px 13px 0; 
13139}
13140.tr2left-side{
13141  display: flex;
13142  height: 106px;
13143} 
13144.tr2col1,.tr2col2,.tr2col3{
13145  display: flex;
13146    flex-direction: column;
13147    justify-content: space-between;
13148}
13149.tr2 .td3{
13150display:flex;
13151}
13152.tr2col2 {
13153    padding-left: 60px;
13154    padding-right: 60px;
13155} 
13156.tr2left-side a{
13157  color:#fff;
13158  text-decoration: none;
13159}
13160.tr2right-side-p2{
13161  font-size: 14px;
13162    font-weight: 400;
13163        padding: 10px 0 40px 0;
13164padding: 10px 0 0px 0;
13165}
13166
13167.tr3col1{
13168  margin-right:33px;
13169}
13170.tr3col2{
13171  display: flex;
13172    flex-direction: column;
13173    justify-content: end;
13174}
13175.tr3td3{
13176  padding-top: 76px;
13177    display: flex;
13178    flex-direction: column; 
13179    justify-content: end;
13180    align-items: end;
13181    position: absolute;
13182    bottom: 0;
13183    right: 0;
13184}
13185#tr3col1imbl{ 
13186  max-width: 165px;
13187  display: flex;
13188  overflow: hidden;
13189}
13190#tr3col1imbl img{
13191  object-fit: cover;
13192}
13193.tr3td3 a{
13194  color: #fff;
13195    text-decoration: none;
13196    font-size: 14px;
13197    text-align: right;
13198}
13199.ftbl .tr3col2 p{
13200  width:100%;
13201}
13202.tr3col2p1{
13203line-height: 14px;
13204    padding-bottom: 10px;
13205}
13206.tr3right-side .right-side{
13207    flex-direction: column;
13208}
13209}
13210@media (max-width: 840px) {
13211    .right-side h5 {
13212        white-space: wrap;
13213    }
13214    .ftbl .right-side p {
13215        width: 100%;
13216white-space: wrap;
13217    }
13218}
13219@media (max-width:432px){
13220.right-side{
13221flex-direction: column;
13222}
13223.tr1 .left-side{
13224flex-direction: column;
13225}
13226.tr2left-side{
13227flex-direction: column;
13228    height: auto;
13229}
13230    .tr2col2{
13231padding: 20px 0;
13232}
13233}
13234</style>    </div>
13235</div>
13236
13237<style>
13238    .footer_container_3>.flex_row_2>.flex_col_2>.flex_cell_1.custom_code {
13239    width:100%;    }
13240
13241        .footer_container_3>.flex_row_2>.flex_col_2>.flex_cell_1.custom_code {
13242        }
13243    
13244    .footer_container_3>.flex_row_2>.flex_col_2>.flex_cell_1.custom_code>.flex_cell_content {
13245        width: 100%;
13246        height: 100%;
13247    }
13248</style>
13249                        </div>
13250
13251                        <style>
13252                            .footer_container_3 .flex_row_2 .flex_col_2 {
13253                            width:90%;                            }
13254                        </style>
13255
13256
13257                    
13258                        <div class="flex_col flex_col_3">
13259
13260                            
13261                        </div>
13262
13263                        <style>
13264                            .footer_container_3 .flex_row_2 .flex_col_3 {
13265                            width:5%;                            }
13266                        </style>
13267
13268
13269                    
13270                </div>
13271            
13272                
13273                <style>
13274                    .footer_container_3 .flex_row_2 {
13275                        background-color: #122d57;
13276                        color:#000000;                        height:auto;                                                
13277                                            }
13278                </style>
13279                
13280                                        
13281                
13282            
13283        </div>
13284        <style>
13285            .footer_container .flex_row {
13286                display: flex;
13287            }
13288            .footer_container_3 {
13289                            width:100%;
13290                                        max-width:100%;
13291                            margin: 0 auto;
13292            }
13293            .footer_container .flex_row .flex_col{
13294                display: flex;
13295                flex-wrap: wrap;
13296                box-sizing: border-box;
13297                align-content: baseline;
13298            }
13299            .footer_container .flex_row .flex_col .flex_cell{
13300                height: fit-content;
13301                display: flex;
13302            }
13303            .footer_container .flex_row .flex_col .flex_cell a{
13304                text-decoration: none;
13305            }
13306            .footer_container img {
13307                max-width: 100%;
13308            }
13309        </style>
13310
13311    
13312</footer>
vendor: 110 bytes, lines 13312-13314
13312
13313
13314<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
13314<script>
13315  $(window).on('load', function() {
13316    $(window).scroll(function() {
13317      if(!$("#acsb-widget-get").length){
13318        //var topOffset = $(window).scrollTop();
13319        //if (topOffset > 10) {
13320
13321    var s = document.createElement('script'),e = ! document.body ? document.querySelector('head') : document.body;
13322    s.src = 'https://acsbapp.com/apps/app/assets/js/acsb.js';
13323    s.async = s.defer = true;
13324    s.onload = function(){
13325      acsbJS.init({
13326        statementLink : '',
13327        feedbackLink : '',
13328        footerHtml : 'Powered by i-Showcase',
13329        hideMobile : false,
13330        hideTrigger : false,
13331        language : 'en',
13332        position : 'left',
13333        leadColor : '#146ff8',
13334        triggerColor : '#146ff8',
13335        triggerRadius : '50%',
13336        triggerPositionX : 'left',
13337        triggerPositionY : 'bottom',
13338        triggerIcon : 'default',
13339        triggerSize : 'medium',
13340        triggerOffsetX : 16,
13341        triggerOffsetY : 74,
13342        mobile : {triggerSize : 'small',triggerPositionX : 'left',triggerPositionY : 'center',triggerOffsetX : 0,triggerOffsetY : 0,triggerRadius : '0'}});};e.appendChild(s);
13343  
13344       // }
13345      }
13346    });
13347  });
13348
13349</script>
13349<!-- Start cookieyes banner -->
13350<script id="cookieyes" type="text/javascript" data-type="lazy" data-src="https://cdn-cookieyes.com/client_data/23bc58b93990ccdd481bb0ce/script.js"></script>
13350
13351<!-- End cookieyes banner --><style>
13352  .header_container_1>.flex_row_3>.flex_col_5 { justify-content: flex-end; }
13353  .header_container_3>.flex_row_2>.flex_col_1>.flex_cell_1.menu {
13354  	justify-content: center;
13355    align-items: center !important;
13356  }
13357</style>
13357<script>
13358(function () {
13359    let loaded = false;
13360
13361    function loadPodium() {
13362        if (loaded) return;
13363        loaded = true;
13364
13365        const script = document.createElement('script');
13366        script.src = 'https://connect.podium.com/widget.js#ORG_TOKEN=062deac6-6423-4fed-963a-b9bbdf7c689d';
13367        script.defer = true;
13368        script.id = 'podium-widget';
13369        script.setAttribute(
13370            'data-organization-api-token',
13371            '062deac6-6423-4fed-963a-b9bbdf7c689d'
13372        );
13373
13374        document.body.appendChild(script);
13375
13376        window.removeEventListener('scroll', onScroll);
13377    }
13378
13379    function onScroll() {
13380        if (window.scrollY > 0) {
13381            loadPodium();
13382        }
13383    }
13384
13385    window.addEventListener('scroll', onScroll, { passive: true });
13386})();
13387</script>
vendor: 1 bytes, line 13387
13387
13388<script src="/skeleton/1.0/view/js/focus-trap.js?v=2.1"></script>
13388<script src="/skeleton/1.0/view/js/focus-trap_dist.js?v=2.1"></script>
13388<script src="/skeleton/1.0/view/js/min/fr_act.js?v=1.3"></script>
vendor: 1 bytes, line 13388
13388
13389<script> analitics_events_run();function analitics_events_run() { 
13390                        if (typeof gtag != "undefined"){ gtag("event", "view_cart", {"currency":"USD","value":0,"items":[]}); } }; </script>
13390<script> if (typeof gtag != "undefined") { $(document).on("click", "a.phone_number_click", function(){ gtag("event", "phone_number_click");}); }</script>
13390<script> if (typeof gtag != "undefined") { $(document).on("click", "a.get_directions_click", function(){ gtag("event", "get_directions_click");}); }</script>
13390<script> if (typeof gtag != "undefined") { $(document).on("click", "a.email_click", function(){ gtag("event", "email_click");}); }</script>
13390<script> if (typeof gtag != "undefined") { $(document).on("click", "a.text_message_click", function(){ gtag("event", "text_message_click");}); }</script>
13390<script>
13391                    (function () {
13392                        function ga4Click(eventName, params) {
13393                            if (typeof gtag != "undefined") { gtag("event", eventName, params || {}); }
13394                        }
13395
13396                        $(document).on("click", ".get-location, .use-my-location", function () {
13397                            ga4Click("usemylocation_click");
13398                        });
13399
13400                        $(document).on("click", ".select-store", function () {
13401                            ga4Click("shopthisstore_click", {StoreID: $(this).data("store") || ""});
13402                        });
13403
13404                        $(document).on("click", "#search-by-zip button", function () {
13405                            var zip = $("#search-by-zip input").val() || "";
13406                            if (zip.trim()) { ga4Click("searchlocationbyzip", {ZipCode: zip.trim()}); }
13407                        });
13408                        $(document).on("submit", "#zipcode-form", function () {
13409                            var zip = $(this).find("input[name=zipcode]").val() || "";
13410                            if (zip.trim()) { ga4Click("searchlocationbyzip", {ZipCode: zip.trim()}); }
13411                        });
13412
13413                        // Anything clickable inside the popup except its own close control
13414                        $(document).on("click", ".popup-container a, .popup-container button", function () {
13415                            if ($(this).closest(".close, .popup-close, [data-dismiss]").length) { return; }
13416                            ga4Click("popup_click", {LinkText: ($(this).text() || "").trim().slice(0, 100)});
13417                        });
13418
13419                        // Opening a chat widget (Podium / Clientbook) is as close as we get to a
13420                        // conversation starting — what happens inside the widget is not visible to us.
13421                        var ga4ChatStarted = false;
13422                        $(document).on("click", "#wlbkwc_messageButton, #clbkwc_chat_id, #podium-website-widget", function () {
13423                            if (ga4ChatStarted) { return; }
13424                            ga4ChatStarted = true;
13425                            ga4Click("conversation_started");
13426                        });
13427                    })();
13428                </script>
vendor: 1 bytes, line 13428
13428
13429<script type="text/javascript" async="" src="https://static.klaviyo.com/onsite/js/klaviyo.js?company_id=XbCCdn"></script>
vendor: 1 bytes, line 13429
13429
13430<script>window.KLAVIYO_AJAX_URL = "\/skeleton\/1.0\/view\/ws\/ajax_klaviyo.php";</script>
vendor: 1 bytes, line 13430
13430
13431<script type="text/javascript" src="/skeleton/1.0/view/js/klaviyo.js"></script>
13431
13432
13433        <style>
13434            .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; }
13435            .footer-bottom-inner-left { width: 67%; text-transform: uppercase; }
13436            .footer-bottom-inner-right { font-size: 10pt; width: 30%; display: flex; justify-content: end; }
13437            @media (max-width: 767px) {
13438                .footer-bottom-outer { display: block; text-align: center; font-weight: 700; }
13439                .footer-bottom-inner-left, .footer-bottom-inner-right { width: 100%; padding: 5px; display: block; }
13440            }
13441        </style>
13442        <div class="footer-bottom-outer"><div class="footer-bottom-inner-left">
13443                     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>
13444                </div>
13444<script>window.local_view_folder = '/skeleton/1.0/view';</script>
13444</div>
13445
13446</body>
13447</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.