1<!DOCTYPE html> 2<html lang="en-US"> 3<head> 4<title>Login | Albert's Diamond Jewelers</title> 5<meta name="title" content="Login | Albert's Diamond Jewelers"> 6<meta name="description" content="Login | Albert's Diamond Jewelers"> 7<link rel="canonical" href="https://www.albertsjewelers.com/login"/> 8<meta name="keywords" content="Login | Albert's Diamond Jewelers"> 9 <meta charset="UTF-8"> 10 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=5"> 11 <link rel="icon" href="/favicon.ico?ver=1677702192" type="image/x-icon" /><link rel="shortcut icon" href="/favicon.ico?ver=1677702192" type="image/x-icon" /><meta name="robots" content="index,follow"><meta name="pinterest-rich-pin" content="false" /> 12 13<!--facebook share this starts--> 14<meta property="og:logo" content="https://www.albertsjewelers.com/public/1.0/uploads/source/website-header-logos---d.png"> 15<meta property="og:url" content="https://www.albertsjewelers.com/login"> 16<meta property="og:type" content="website"> 17<meta property="og:title" content="Login"> 18<meta name="msapplication-TileImage" content="https://www.albertsjewelers.com/public/1.0/uploads/source/website-header-logos---d.png"> 19<meta property="og:image" content="https://www.albertsjewelers.com/public/1.0/uploads/source/website-header-logos---d.png"> 20<meta property="og:image:url" content="https://www.albertsjewelers.com/public/1.0/uploads/source/website-header-logos---d.png"> 21<meta property="og:image:width" content="600"> 22<meta property="og:image:height" content="314"> 23<meta property="og:image:alt" content="Login"> 24<!--facebook share this ends--> 25 26 27<!--twitter share this starts--> 28<meta name="twitter:title" content="Login"> 29<meta name="twitter:image" content="https://www.albertsjewelers.com/public/1.0/uploads/source/alberts-logo-footer-1.png"> 30<meta name="twitter:site" content="https://www.albertsjewelers.com/login"> 31<!--twitter share this ends--> 32 33 <link rel="stylesheet" href="https://www.albertsjewelers.com/skeleton/1.0/view/css/twitter-bootstrap-4-6-0.min.css" integrity="sha512-P5MgMn1jBN01asBgU0z60Qk4QxiXo86+wlFahKrsQf37c9cro517WzVSPPV1tDKzhku2iJ2FVgL67wG03SGnNA==" crossorigin="anonymous" /> 34 <link rel="stylesheet" href="https://www.albertsjewelers.com/skeleton/1.0/view/css/font-awesome-4-7-0.min.css" /><link rel="stylesheet" href="https://www.albertsjewelers.com/includes/view/dashboard/assets/fancybox/jquery.fancybox.min.css"><link rel="stylesheet" type="text/css" href="/skeleton/1.0/view/css/1099.css?ver=1787273671" /><link rel="stylesheet" type="text/css" href="/skeleton/1.0/view/css/shared.css?ver=1.4.8" /> 35
35<script>window.csrf_token = "a16666f14f0b510ce6c8680053f06e461577c04d8faf5a11c68114fea7ba827a"</script>
35 36
36<script>window.scSession = Object.assign({"lifetimeMs":7200000,"expiresAt":1790771552000,"csrfToken":"a16666f14f0b510ce6c8680053f06e461577c04d8faf5a11c68114fea7ba827a","scWsUrl":"https:\/\/www.albertsjewelers.com\/includes\/assets\/shopping_cart\/sc_ws_functions.php"}, window.scSession || {});</script>
36 37
37<script src="https://www.albertsjewelers.com/skeleton/1.0/view/lib/jquery/jquery.min.js"></script>
37 38
38<script src="https://www.albertsjewelers.com/skeleton/1.0/view/js/sc-session-manager.js?v=1789428253" defer></script>
38 39
39<script>window.formSubmitLogUrl = "https://www.albertsjewelers.com/skeleton/1.0/view/ws/ajax_interaction.php";</script>
39 40
40<script src="https://www.albertsjewelers.com/skeleton/1.0/view/js/form_submit_guard.js?v=1787273671" defer></script>
40 41 42
42<script src="/skeleton/1.0/view/js/twitter-bootstrap-4-6-0.min.js" defer></script>
42 43
43<script src="/skeleton/1.0/view/js/input_fields.js?ver=1.0.4"></script>
vendor: 60 bytes, line 43
43<script src="https://www.google.com/recaptcha/api.js?render=
436Le0_CEiAAAAAO2SprdEh3a5J5OGgtavg30c0ya7
vendor: 28 bytes, line 43
43&badge=bottomleft"></script>
43<script src="https://www.albertsjewelers.com/includes/view/dashboard/assets/fancybox/jquery.fancybox.min.js" defer></script>
43<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap"><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Baskervville:ital,wght@0,400..700;1,400..700&display=swap"><link rel="stylesheet" href="https://www.albertsjewelers.com/public/1.0/fonts/68/font.css"><link rel="stylesheet" href="https://www.albertsjewelers.com/public/1.0/fonts/69/font.css"> 44 <!--Scripts Here--> 45
45<script>window.iShowGlobals = { 46 'NO_IMAGE_URL':'', 47 'SITE_LABELS': '', 48 'PHONE_REGEX':/^[\+]?([\d\-\(\). ]){3}.{4,18}$/, 49 'EMAIL_REGEX':/^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/, 50 'RETAILER_FOLDER_NAME':'skeleton', 'SHOW_RAPNET_ID':'0','MAIN_PHONE':'219-322-2700','USE_LOCAL_DIAMOND_PATH':'' , 'GOOGLE_ANALYTICS_4_TAG':'1' 51 }; 52 </script>
52<script src="/skeleton/1.0/view/js/shared.js?ver=2.4.5" defer></script>
52<meta name="ahrefs-site-verification" content="32281f1e620acdf49662ab58f3103703369f3f0685171c59bc73f7aa27c73e91"><!-- Google tag (gtag.js) -->
vendor: 76 bytes, lines 52-53
52 53 <script async src="https://www.googletagmanager.com/gtag/js?id=
53AW-657571256
vendor: 24 bytes, lines 53-54
53"></script> 54
54<script> 55
vendor: 166 bytes, lines 55-58
55window.dataLayer = window.dataLayer || []; 56 function gtag(){dataLayer.push(arguments);} 57 gtag('js', new Date()); 58 gtag('config', '
58AW-657571256
vendor: 42 bytes, lines 58-59
58', { 'anonymize_ip': true }); 59
59</script>
59 <!-- Facebook Pixel Code -->
59<script>!function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;t.setAttribute('data-type','lazy');t.setAttribute('data-src',v);s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,document,'script','https://connect.facebook.net/en_US/fbevents.js');fbq('init', '291926815139821');fbq('track', 'PageView');</script>
59<noscript><img height='1' width='1' style='display:none'src='https://www.facebook.com/tr?id=291926815139821&ev=PageView&noscript=1' alt='facebook pixel' title='facebook pixel'/></noscript><!-- End Facebook Pixel Code --> 60 <!-- Start Google Tag Manager --> 61
61<script> 62 window.addEventListener('load', function() {
vendor: 607 bytes, lines 62-73
62 63 (function (w, d, s, l, i) { 64 w[l] = w[l] || []; 65 w[l].push({'gtm.start': 66 new Date().getTime(), event: 'gtm.js'}); 67 var f = d.getElementsByTagName(s)[0], 68 j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; 69 j.async = true; 70 j.src = 71 '//www.googletagmanager.com/gtm.js?id=' + i + dl; 72 f.parentNode.insertBefore(j, f); 73 })(window, document, 'script', 'dataLayer', '
73GTM-NKMV8Q
vendor: 16 bytes, lines 73-74
73'); 74
74}); 75 </script>
75 76 <!-- End Google Tag Manager --> 77 <!-- Start Google Analytics 4 tags -->
vendor: 80 bytes, lines 77-78
77 78 <script async src="https://www.googletagmanager.com/gtag/js?id=
78G-222X86BSF7
vendor: 28 bytes, lines 78-79
78"></script> 79
79<script> 80
vendor: 184 bytes, lines 80-83
80window.dataLayer = window.dataLayer || []; 81 function gtag(){dataLayer.push(arguments);} 82 gtag("js", new Date()); 83 gtag("config", "
83G-222X86BSF7
vendor: 23 bytes, lines 83-84
83"); 84
84window.gtag = function() { 85 dataLayer.push(arguments); 86 } 87 </script>
87 88 <!-- End Google Analytics 4 tags --> <!-- Facebook Pixel Code -->
88<script>!function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;t.setAttribute('data-type','lazy');t.setAttribute('data-src',v);s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,document,'script','https://connect.facebook.net/en_US/fbevents.js');fbq('init', '1671823847490448');fbq('track', 'PageView');</script>
88<noscript><img height='1' width='1' style='display:none'src='https://www.facebook.com/tr?id=1671823847490448&ev=PageView&noscript=1' alt='facebook pixel' title='facebook pixel'/></noscript><!-- End Facebook Pixel Code --><!-- Begin TVSquared Page Visits Tracking Code -->
89<script type="text/javascript"> 90 var _tvq = window._tvq = window._tvq || []; 91 (function() { 92 var u = (("https:" == document.location.protocol) ? 93 "https://collector-55896.us.tvsquared.com/" 94 : 95 "http://collector-55896.us.tvsquared.com/"); 96 _tvq.push(['setSiteId', "TV-4545180936-1"]); 97 _tvq.push(['setTrackerUrl', u + 'tv2track.php']); 98 _tvq.push([function() { 99 this.deleteCustomVariable(5, 'page') 100 }]); 101 _tvq.push(['trackPageView']); 102 var d = document, 103 g = d.createElement('script'), 104 s = d.getElementsByTagName('script')[0]; 105 g.type = 'text/javascript'; 106 g.defer = true; 107 g.async = true; 108 g.src = u + 'tv2track.js'; 109 s.parentNode.insertBefore(g, s); 110 })(); 111</script>
111 112<!-- End TVSquared Tracking Code -->
113<script> 114(function () { 115 function hookFbq() { 116 var n = window.fbq; 117 if (!n || n.__evtHook) { return; } 118 function w() { 119 try { 120 if (arguments[0] === 'track' || arguments[0] === 'trackCustom') { 121 (w.__fired = w.__fired || {})[arguments[1]] = (new Date()).getTime(); 122 } 123 } catch (e) {} 124 w.callMethod ? w.callMethod.apply(w, arguments) : w.queue.push(arguments); 125 } 126 w.__evtHook = true; 127 w.__fired = {}; 128 w.callMethod = n.callMethod; 129 w.queue = n.queue || []; 130 w.push = w; 131 w.loaded = !!n.loaded; 132 w.version = n.version || '2.0'; 133 window.fbq = w; 134 if (window._fbq === n) { window._fbq = w; } 135 } 136 hookFbq(); 137 138 function firedSince(evt, ts) { 139 return typeof fbq === 'function' && fbq.__fired && fbq.__fired[evt] && fbq.__fired[evt] >= ts; 140 } 141 142 // Also reaches CAPI: these fallbacks never touch the backend on their own otherwise. The server 143 // copy goes out even when fbq is missing â a blocked pixel is exactly when CAPI has to carry it. 144 function fireEvent(evt) { 145 var eventId = (window.crypto && crypto.randomUUID) ? crypto.randomUUID() : (Date.now() + '_' + Math.random().toString(36).slice(2)); 146 if (typeof fbq === 'function') { fbq('track', evt, {}, {eventID: eventId}); } 147 if (!false) { return; } 148 try { 149 fetch('https://www.albertsjewelers.com/skeleton/1.0/view/ws/ajax_meta_capi.php', { 150 method: 'POST', 151 headers: {'Content-Type': 'application/x-www-form-urlencoded'}, 152 body: 'event=' + encodeURIComponent(evt) + '&event_id=' + encodeURIComponent(eventId), 153 keepalive: true 154 }); 155 } catch (e) {} 156 } 157 158 // tel:/mailto: wait ~1.5s if not onclick fired the event - fire this one 159 document.addEventListener('click', function (e) { 160 if (!e.target || !e.target.closest) { return; } 161 var t = e.target.closest('a[href^="tel:"], a[href^="mailto:"]'); 162 if (!t) { return; } 163 hookFbq(); 164 var evt = 'Contact'; 165 var ts = (new Date()).getTime(); 166 setTimeout(function () { 167 if (!firedSince(evt, ts)) { fireEvent(evt); } 168 }, 1500); 169 }, true); 170 171 // conversation_started -> Contact. Podium and Clientbook both render their launcher into the 172 // page's own DOM, so a delegated click reaches it. What happens inside the widget is invisible 173 // to us, so opening the chat is what counts â once per page view, or reopening it would re-fire. 174 var chatContacted = false; 175 document.addEventListener('click', function (e) { 176 if (chatContacted || !e.target || !e.target.closest) { return; } 177 if (!e.target.closest('#wlbkwc_messageButton, #clbkwc_chat_id, #podium-website-widget')) { return; } 178 chatContacted = true; 179 hookFbq(); 180 fireEvent('Contact'); 181 }, true); 182 183 // Search box event: only when the server-side Search on the keyword-search page is not running 184 if (true) { 185 document.addEventListener('submit', function (e) { 186 if (!e.target || !e.target.closest) { return; } 187 var f = e.target.closest('form.sform, #search-box-form'); 188 if (!f) { return; } 189 // The magnifier is a submit button, so it submits an empty box too â that is not a search 190 var q = f.querySelector('input[name=search]'); 191 if (!q || !q.value.trim()) { return; } 192 hookFbq(); 193 if (!firedSince('Search', (new Date()).getTime() - 1500)) { fireEvent('Search'); } 194 }, false); 195 } 196})(); 197</script>
197 198
198<script>
vendor: 410 bytes, lines 198-203
198 199 (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ 200 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), 201 m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) 202 })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); 203 ga('create', '
203UA-45370095-1
vendor: 44 bytes, lines 203-204
203', 'auto', 'googleAnalytics0'); 204
204ga('set', 'anonymizeIp', true); 205 ga('googleAnalytics0.send', 'pageview')</script>
205 206
206<script type="application/ld+json"> 207 { 208 "@context": "https://schema.org", 209 "@graph": [ 210 { 211 "@type": "WebPage", 212 "name": "Login", 213 "description": "Albert's Diamond Jewelers", 214 "keywords": "Albert's Diamond Jewelers", 215 "url": "https://www.albertsjewelers.com/login" 216 }, 217 { 218 "@type": "Organization", 219 "name": "Albert's Diamond Jewelers", 220 "email": "[email protected]", 221 "logo": "https://www.albertsjewelers.comhttps://www.albertsjewelers.com/public/1.0/uploads/source/alberts-logo-footer-1.png", 222 "image": "https://www.albertsjewelers.comhttps://www.albertsjewelers.com/public/1.0/uploads/source/alberts-logo-footer-1.png", 223 "telephone": "219-322-2700", 224 "url": "https://www.albertsjewelers.com/" 225 } 226, 227 { 228 "@type": "BreadcrumbList", 229 "itemListElement": [ 230 { 231 "@type": "ListItem", 232 "position": 1, 233 "name": "Albert's Diamond Jewelers", 234 "item": "https://www.albertsjewelers.com/" 235 }, { 236 "@type": "ListItem", 237 "position": 2, 238 "name": "Login", 239 "item": "https://www.albertsjewelers.com/login" 240 } 241 ] 242 } 243 ] 244 } 245 </script>
245 246 247</head> 248<body class="cmp_mode" data-lazyload="1"> 249 <nav class="skip-links-nav" aria-label="Skip links"> 250 <a href="#main" class="skip-to-main-content-link" title="Skip to main content">Skip to main content</a> 251 </nav> 252 253 <div id="loader_div"> 254 <div class="loader_circle"></div> 255 </div> 256 <noscript> 257 <style> 258 body {overflow: auto;} 259 #loader_div {display: none;} 260 </style> 261 </noscript> 262 263 264 <style> 265 @media (min-width: 992px) { 266 267 .sc_payment_general_style { 268 font-size: 15px !important; 269 font-family: Berthold Akzidenz Grotesk !important; 270 font-weight: 500 !important; 271 font-style: normal !important; 272 273 letter-spacing: px !important; 274 color: #022d57 !important; 275 } 276 h1.general_style, .h1_general_style { 277 font-size: px !important; 278 font-family: ITC Avant Garde !important; 279 font-weight: 400 !important; 280 font-style: normal !important; 281 282 letter-spacing: px !important; 283 color: #022d57 !important; 284 } 285 h2.general_style, .h2_general_style { 286 font-size: px !important; 287 font-family: ITC Avant Garde !important; 288 font-weight: 400 !important; 289 font-style: normal !important; 290 291 letter-spacing: px !important; 292 color: #022d57 !important; 293 } 294 h3.general_style, .h3_general_style { 295 font-size: px !important; 296 font-family: ITC Avant Garde !important; 297 font-weight: 400 !important; 298 font-style: normal !important; 299 300 letter-spacing: px !important; 301 color: #022d57 !important; 302 } 303 h4.general_style, .h4_general_style { 304 font-size: px !important; 305 font-family: ITC Avant Garde !important; 306 font-weight: 400 !important; 307 font-style: normal !important; 308 309 letter-spacing: px !important; 310 color: #022d57 !important; 311 } 312 h5.general_style, .h5_general_style { 313 font-size: px !important; 314 font-family: ITC Avant Garde !important; 315 font-weight: 300 !important; 316 font-style: normal !important; 317 318 letter-spacing: px !important; 319 color: #022d57 !important; 320 } 321 h6.general_style, .h6_general_style { 322 font-size: px !important; 323 font-family: ITC Avant Garde !important; 324 font-weight: 400 !important; 325 font-style: normal !important; 326 327 letter-spacing: px !important; 328 color: #022d57 !important; 329 } 330 p.general_style, .p_general_style { 331 font-size: px !important; 332 font-family: Berthold Akzidenz Grotesk !important; 333 font-weight: !important; 334 font-style: normal !important; 335 336 letter-spacing: px !important; 337 color: !important; 338 } 339 .p2_general_style { 340 font-size: px !important; 341 font-family: Berthold Akzidenz Grotesk !important; 342 font-weight: !important; 343 font-style: normal !important; 344 345 letter-spacing: px !important; 346 color: !important; 347 } 348 .p3_general_style { 349 font-size: px !important; 350 font-family: Berthold Akzidenz Grotesk !important; 351 font-weight: !important; 352 font-style: normal !important; 353 354 letter-spacing: px !important; 355 color: !important; 356 } 357 .p4_general_style { 358 font-size: px !important; 359 font-family: Berthold Akzidenz Grotesk !important; 360 font-weight: !important; 361 font-style: normal !important; 362 363 letter-spacing: px !important; 364 color: !important; 365 } 366 .p5_general_style { 367 font-size: px !important; 368 font-family: Berthold Akzidenz Grotesk !important; 369 font-weight: !important; 370 font-style: normal !important; 371 372 letter-spacing: px !important; 373 color: !important; 374 } 375 .p6_general_style { 376 font-size: px !important; 377 font-family: Berthold Akzidenz Grotesk !important; 378 font-weight: !important; 379 font-style: normal !important; 380 381 letter-spacing: px !important; 382 color: !important; 383 } 384 a.general_style, .a_general_style { 385 text-decoration: !important; 386 color: !important; 387 } 388 a.general_style:hover, .a_general_style:hover { 389 color: !important; 390 } 391 label.general_style, .label_general_style { 392 font-size: px !important; 393 font-family: Berthold Akzidenz Grotesk !important; 394 font-weight: !important; 395 font-style: normal !important; 396 397 letter-spacing: px !important; 398 color: !important; 399 } 400 button.general_style, .button_general_style { 401 font-size: 12px !important; 402 font-family: ITC Avant Garde !important; 403 font-weight: 400 !important; 404 font-style: normal !important; 405 406 color: #ffffff !important; 407 background-color: #022d57 !important; 408 border-style: solid !important; 409 border-width: 1px !important; 410 border-radius: px !important; 411 border-color: #022d57 !important; 412 } 413 button.general_style:hover, .button_general_style:hover { 414 color: !important; 415 background-color: !important; 416 border-color: !important; 417 } 418 .secondary_button_general_style { 419 font-size: 12px !important; 420 font-family: ITC Avant Garde !important; 421 font-weight: 400 !important; 422 font-style: normal !important; 423 424 color: #022d57 !important; 425 background-color: #ffffff !important; 426 border-style: solid !important; 427 border-width: 1px !important; 428 border-radius: px !important; 429 border-color: #003da5 !important; 430 } 431 .secondary_button_general_style:hover { 432 color: #ffffff !important; 433 background-color: #003da5 !important; 434 border-color: !important; 435 } 436 .reset_button_general_style { 437 font-size: px !important; 438 font-family: ITC Avant Garde !important; 439 font-weight: !important; 440 font-style: normal !important; 441 442 color: !important; 443 background-color: !important; 444 445 border-width: px !important; 446 border-radius: px !important; 447 border-color: !important; 448 } 449 .reset_button_general_style:hover { 450 color: !important; 451 background-color: !important; 452 border-color: !important; 453 } 454 .search_box_general_style .sinps::placeholder { 455 font-size: 11px !important; 456 font-family: Berthold Akzidenz Grotesk !important; 457 color: !important; 458 } 459 .search_box_general_style .sinps { 460 height: 100%; 461 font-size: 11px !important; 462 font-family: Berthold Akzidenz Grotesk !important; 463 font-weight: 400 !important; 464 font-style: normal !important; 465 color: !important; 466 background-color: !important; 467 border-style: solid !important; 468 border-width: 1px !important; 469 border-radius: px !important; 470 border-top-right-radius: 0 !important; 471 border-bottom-right-radius: 0 !important; 472 border-color: #022d57 !important; 473 } 474 .search_box_general_style .sinps:hover, 475 .search_box_general_style .sinps:focus, 476 .search_box_general_style .sinps:active { 477 background-color: !important; 478 } 479 .search_box_general_style .sBtns { 480 height: 100%; 481 background-color: #022d57 !important; 482 border-style: solid !important; 483 border-width: 1px !important; 484 border-radius: px !important; 485 border-top-left-radius: 0 !important; 486 border-bottom-left-radius: 0 !important; 487 border-color: #022d57 !important; 488 } 489 .search_box_general_style .sBtns:hover, 490 .search_box_general_style .sBtns:focus, 491 .search_box_general_style .sBtns:active { 492 background-color: #022d57 !important; 493 } 494 .search_box_general_style .sBtns svg { 495 width: 11px !important; 496 height: 11px !important; 497 } 498 .search_box_general_style .sBtns path { 499 fill: #ffffff !important; 500 } 501 .search_box_general_style .sBtns:hover path, 502 .search_box_general_style .sBtns:focus path, 503 .search_box_general_style .sBtns:active path { 504 fill: #ffffff !important; 505 }
506 .search_box_general_style:hover .sinps, 507 .search_box_general_style:focus .sinps, 508 .search_box_general_style:active .sinps, 509 .search_box_general_style:hover .sBtns, 510 .search_box_general_style:focus .sBtns, 511 .search_box_general_style:active .sBtns { 512 border-color: #022d57 !important; 513 } 514 svg.general_style, .svg_general_style { 515 fill: #003da5 !important; 516 stroke-width: .5 !important; 517 stroke: #003da5 !important; 518 } 519 .irs--big .irs-from, .irs--big .irs-to, .irs--big .irs-single { 520 color: #022d57 !important; 521 background: #ffffff !important; 522 } 523 .irs--big .irs-grid-text { 524 color: #022d57 !important; 525 } 526 .irs--big .irs-grid-pol { 527 background: #022d57 !important; 528 } 529 .irs--big .irs-bar { 530 border-color: #ffffff !important; 531 background: linear-gradient(to bottom, #022d57 0%, #022d57 30%, #022d57 100%) !important; 532 } 533 .irs--big .irs-handle { 534 border-color: #B3B3B2; 535 background: linear-gradient(to bottom, 0%, #003da5 30%, #003da5 100%) !important; 536 } 537 .pagination.general_style .page-link { 538 font-size: 12px !important; 539 font-family: ITC Avant Garde !important; 540 font-weight: 400 !important; 541 font-style: normal !important; 542 543 color: #022d57 !important; 544 background-color: !important; 545 border-color: !important; 546 } 547 .pagination.general_style .page-link:hover { 548 color: !important; 549 background-color: !important; 550 border-color: !important; 551 } 552 .pagination.general_style .page-item.active .page-link { 553 color: #ffffff !important; 554 background-color: #022d57 !important; 555 border-color: #022d57 !important; 556 } 557 input[type=checkbox].general_style { 558 accent-color: #003da5 !important; 559 } 560 .breadcrumb.general_style .breadcrumb-item a, 561 .breadcrumb.general_style .breadcrumb-item { 562 font-size: 14px !important; 563 font-family: ITC Avant Garde !important; 564 font-weight: !important; 565 font-style: normal !important; 566 567 letter-spacing: px !important; 568 color: #000 !important; 569 } 570 .shapes-div .shapes-img.active { 571 background-color: !important; 572 color: !important; 573 } 574 .input_general_style { 575 position: relative; 576 } 577 .input_general_style label { 578 width: auto !important; 579 position: absolute; 580 top: 50%; 581 left: 5px; 582 z-index: 1; 583 transform: translateY(-50%); 584 transform-origin: 0% 100%; 585 transition: all .2s ease-out; 586 padding: 0 10px; 587 margin: 0 !important; 588 cursor: text; 589 background: white; 590 } 591 .input_general_style label.active { 592 top: 0; 593 transform: translateY(-55%) scale(0.80); 594 } 595 596 .input_general_style input::placeholder { 597 color: transparent !important; 598 } 599 .input_general_style input { 600 font-size: 16px !important; 601 font-family: Berthold Akzidenz Grotesk !important; 602 font-weight: !important; 603 font-style: !important; 604 color: !important; 605 background-color: white !important; 606 border-style: solid !important; 607 border-width: px !important; 608 border-radius: 0px !important; 609 border-color: !important; 610 } 611 .input_general_style:hover input { 612 border-color: !important; 613 }
614 .input_general_style input:-webkit-autofill, 615 .input_general_style input:-webkit-autofill:hover, 616 .input_general_style input:-webkit-autofill:focus, 617 .input_general_style input:-webkit-autofill:active{ 618 -webkit-box-shadow: 0 0 0 30px white inset !important; 619 } 620 .input_general_style input:focus { 621 border-color: initial; 622 box-shadow: unset; 623 } 624 .input_general_style .toggle-password-visibility { 625 position: absolute; 626 right: 5px; 627 top: 50%; 628 transform: translateY(-50%); 629 border: 0; 630 background: transparent; 631 } 632 .select_general_style { 633 position: relative; 634 } 635 .select_general_style label { 636 width: auto !important; 637 position: absolute; 638 top: 50%; 639 left: 5px; 640 transform: translateY(-50%); 641 transform-origin: 0% 100%; 642 transition: all .2s ease-out; 643 padding: 0 10px; 644 margin: 0 !important; 645 cursor: text; 646 background: white; 647 } 648 .select_general_style label.active { 649 top: 0; 650 transform: translateY(-55%) scale(0.80); 651 } 652 653 .select_general_style select { 654 font-size: 16px !important; 655 font-family: Berthold Akzidenz Grotesk !important; 656 font-weight: !important; 657 font-style: !important; 658 color: !important; 659 border-style: solid !important; 660 border-width: px !important; 661 border-radius: 0px !important; 662 border-color: !important; 663 background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat !important; 664 -webkit-appearance: none !important; 665 -moz-appearance: none !important; 666 appearance: none !important; 667 } 668 .select_general_style:hover select { 669 border-color: !important; 670 } 671 .select_general_style select:focus { 672 border-color: initial; 673 box-shadow: unset; 674 } 675 .select_general_style select:-webkit-autofill, 676 .select_general_style select:-webkit-autofill:hover, 677 .select_general_style select:-webkit-autofill:focus, 678 .select_general_style select:-webkit-autofill:active{ 679 -webkit-box-shadow: 0 0 0 30px white inset !important; 680 } 681 .textarea_general_style { 682 position: relative; 683 } 684 .textarea_general_style label { 685 width: auto !important; 686 position: absolute; 687 top: 18px; 688 left: 5px; 689 transform: translateY(-50%); 690 transform-origin: 0% 100%; 691 transition: all .2s ease-out; 692 padding: 0 10px; 693 margin: 0 !important; 694 cursor: text; 695 background: white; 696 } 697 .textarea_general_style label.active { 698 top: 0; 699 transform: translateY(-55%) scale(0.80); 700 } 701 702 .textarea_general_style textarea { 703 font-size: 16px !important; 704 font-family: Berthold Akzidenz Grotesk !important; 705 font-weight: !important; 706 font-style: !important; 707 color: !important; 708 background-color: white !important; 709 border-style: solid !important; 710 border-width: px !important; 711 border-radius: 0px !important; 712 border-color: !important; 713 } 714 .textarea_general_style:hover textarea { 715 border-color: !important; 716 } 717 .textarea_general_style textarea:focus { 718 border-color: initial; 719 box-shadow: unset; 720 } 721 .textarea_general_style textarea:-webkit-autofill, 722 .textarea_general_style textarea:-webkit-autofill:hover, 723 .textarea_general_style textarea:-webkit-autofill:focus, 724 .textarea_general_style textarea:-webkit-autofill:active{ 725 -webkit-box-shadow: 0 0 0 30px white inset !important; 726 } 727 } 728 </style> <style> 729 @media (min-width: 768px) and (max-width: 991.9px) { 730 731 .sc_payment_general_style { 732 font-size: 15px !important; 733 font-family: Berthold Akzidenz Grotesk !important; 734 font-weight: 500 !important; 735 font-style: normal !important; 736 737 letter-spacing: px !important; 738 color: #022d57 !important; 739 } 740 h1.general_style, .h1_general_style { 741 font-size: px !important; 742 font-family: ITC Avant Garde !important; 743 font-weight: 400 !important; 744 font-style: normal !important; 745 746 letter-spacing: px !important; 747 color: #022d57 !important; 748 } 749 h2.general_style, .h2_general_style { 750 font-size: px !important; 751 font-family: ITC Avant Garde !important; 752 font-weight: 400 !important; 753 font-style: normal !important; 754 755 letter-spacing: px !important; 756 color: #022d57 !important; 757 } 758 h3.general_style, .h3_general_style { 759 font-size: px !important; 760 font-family: ITC Avant Garde !important; 761 font-weight: 400 !important; 762 font-style: normal !important; 763 764 letter-spacing: px !important; 765 color: #022d57 !important; 766 } 767 h4.general_style, .h4_general_style { 768 font-size: px !important; 769 font-family: ITC Avant Garde !important; 770 font-weight: 400 !important; 771 font-style: normal !important; 772 773 letter-spacing: px !important; 774 color: #022d57 !important; 775 } 776 h5.general_style, .h5_general_style { 777 font-size: px !important; 778 font-family: ITC Avant Garde !important; 779 font-weight: 300 !important; 780 font-style: normal !important; 781 782 letter-spacing: px !important; 783 color: #022d57 !important; 784 } 785 h6.general_style, .h6_general_style { 786 font-size: px !important; 787 font-family: ITC Avant Garde !important; 788 font-weight: 400 !important; 789 font-style: normal !important; 790 791 letter-spacing: px !important; 792 color: #022d57 !important; 793 } 794 p.general_style, .p_general_style { 795 font-size: px !important; 796 font-family: Berthold Akzidenz Grotesk !important; 797 font-weight: !important; 798 font-style: normal !important; 799 800 letter-spacing: px !important; 801 color: !important; 802 } 803 .p2_general_style { 804 font-size: px !important; 805 font-family: Berthold Akzidenz Grotesk !important; 806 font-weight: !important; 807 font-style: normal !important; 808 809 letter-spacing: px !important; 810 color: !important; 811 } 812 .p3_general_style { 813 font-size: px !important; 814 font-family: Berthold Akzidenz Grotesk !important; 815 font-weight: !important; 816 font-style: normal !important; 817 818 letter-spacing: px !important; 819 color: !important; 820 } 821 .p4_general_style { 822 font-size: px !important; 823 font-family: Berthold Akzidenz Grotesk !important; 824 font-weight: !important; 825 font-style: normal !important; 826 827 letter-spacing: px !important; 828 color: !important; 829 } 830 .p5_general_style { 831 font-size: px !important; 832 font-family: Berthold Akzidenz Grotesk !important; 833 font-weight: !important; 834 font-style: normal !important; 835 836 letter-spacing: px !important; 837 color: !important; 838 } 839 .p6_general_style { 840 font-size: px !important; 841 font-family: Berthold Akzidenz Grotesk !important; 842 font-weight: !important; 843 font-style: normal !important; 844 845 letter-spacing: px !important; 846 color: !important; 847 } 848 a.general_style, .a_general_style { 849 text-decoration: !important; 850 color: !important; 851 } 852 a.general_style:hover, .a_general_style:hover { 853 color: !important; 854 } 855 label.general_style, .label_general_style { 856 font-size: px !important; 857 font-family: Berthold Akzidenz Grotesk !important; 858 font-weight: !important; 859 font-style: normal !important; 860 861 letter-spacing: px !important; 862 color: !important; 863 } 864 button.general_style, .button_general_style { 865 font-size: 12px !important; 866 font-family: ITC Avant Garde !important; 867 font-weight: 400 !important; 868 font-style: normal !important; 869 870 color: #ffffff !important; 871 background-color: #022d57 !important; 872 border-style: solid !important; 873 border-width: 1px !important; 874 border-radius: px !important; 875 border-color: #022d57 !important; 876 } 877 button.general_style:hover, .button_general_style:hover { 878 color: !important; 879 background-color: !important; 880 border-color: !important; 881 } 882 .secondary_button_general_style { 883 font-size: 12px !important; 884 font-family: ITC Avant Garde !important; 885 font-weight: 400 !important; 886 font-style: normal !important; 887 888 color: #022d57 !important; 889 background-color: #ffffff !important; 890 border-style: solid !important; 891 border-width: 1px !important; 892 border-radius: px !important; 893 border-color: #003da5 !important; 894 } 895 .secondary_button_general_style:hover { 896 color: #ffffff !important; 897 background-color: #003da5 !important; 898 border-color: !important; 899 } 900 .reset_button_general_style { 901 font-size: px !important; 902 font-family: ITC Avant Garde !important; 903 font-weight: !important; 904 font-style: normal !important; 905 906 color: !important; 907 background-color: !important; 908 909 border-width: px !important; 910 border-radius: px !important; 911 border-color: !important; 912 } 913 .reset_button_general_style:hover { 914 color: !important; 915 background-color: !important; 916 border-color: !important; 917 } 918 .search_box_general_style .sinps::placeholder { 919 font-size: 11px !important; 920 font-family: Berthold Akzidenz Grotesk !important; 921 color: !important; 922 } 923 .search_box_general_style .sinps { 924 height: 100%; 925 font-size: 11px !important; 926 font-family: Berthold Akzidenz Grotesk !important; 927 font-weight: 400 !important; 928 font-style: normal !important; 929 color: !important; 930 background-color: !important; 931 border-style: solid !important; 932 border-width: 1px !important; 933 border-radius: px !important; 934 border-top-right-radius: 0 !important; 935 border-bottom-right-radius: 0 !important; 936 border-color: #022d57 !important; 937 } 938 .search_box_general_style .sinps:hover, 939 .search_box_general_style .sinps:focus, 940 .search_box_general_style .sinps:active { 941 background-color: !important; 942 } 943 .search_box_general_style .sBtns { 944 height: 100%; 945 background-color: #022d57 !important; 946 border-style: solid !important; 947 border-width: 1px !important; 948 border-radius: px !important; 949 border-top-left-radius: 0 !important; 950 border-bottom-left-radius: 0 !important; 951 border-color: #022d57 !important; 952 } 953 .search_box_general_style .sBtns:hover, 954 .search_box_general_style .sBtns:focus, 955 .search_box_general_style .sBtns:active { 956 background-color: #022d57 !important; 957 } 958 .search_box_general_style .sBtns svg { 959 width: 11px !important; 960 height: 11px !important; 961 } 962 .search_box_general_style .sBtns path { 963 fill: #ffffff !important; 964 } 965 .search_box_general_style .sBtns:hover path, 966 .search_box_general_style .sBtns:focus path, 967 .search_box_general_style .sBtns:active path { 968 fill: #ffffff !important; 969 }
970 .search_box_general_style:hover .sinps, 971 .search_box_general_style:focus .sinps, 972 .search_box_general_style:active .sinps, 973 .search_box_general_style:hover .sBtns, 974 .search_box_general_style:focus .sBtns, 975 .search_box_general_style:active .sBtns { 976 border-color: #022d57 !important; 977 } 978 svg.general_style, .svg_general_style { 979 fill: #003da5 !important; 980 stroke-width: .5 !important; 981 stroke: #003da5 !important; 982 } 983 .irs--big .irs-from, .irs--big .irs-to, .irs--big .irs-single { 984 color: #022d57 !important; 985 background: #ffffff !important; 986 } 987 .irs--big .irs-grid-text { 988 color: #022d57 !important; 989 } 990 .irs--big .irs-grid-pol { 991 background: #022d57 !important; 992 } 993 .irs--big .irs-bar { 994 border-color: #ffffff !important; 995 background: linear-gradient(to bottom, #022d57 0%, #022d57 30%, #022d57 100%) !important; 996 } 997 .irs--big .irs-handle { 998 border-color: #B3B3B2; 999 background: linear-gradient(to bottom, 0%, #003da5 30%, #003da5 100%) !important; 1000 } 1001 .pagination.general_style .page-link { 1002 font-size: 12px !important; 1003 font-family: ITC Avant Garde !important; 1004 font-weight: 400 !important; 1005 font-style: normal !important; 1006 1007 color: #022d57 !important; 1008 background-color: !important; 1009 border-color: !important; 1010 } 1011 .pagination.general_style .page-link:hover { 1012 color: !important; 1013 background-color: !important; 1014 border-color: !important; 1015 } 1016 .pagination.general_style .page-item.active .page-link { 1017 color: #ffffff !important; 1018 background-color: #022d57 !important; 1019 border-color: #022d57 !important; 1020 } 1021 input[type=checkbox].general_style { 1022 accent-color: #003da5 !important; 1023 } 1024 .breadcrumb.general_style .breadcrumb-item a, 1025 .breadcrumb.general_style .breadcrumb-item { 1026 font-size: 14px !important; 1027 font-family: ITC Avant Garde !important; 1028 font-weight: !important; 1029 font-style: normal !important; 1030 1031 letter-spacing: px !important; 1032 color: #000 !important; 1033 } 1034 .shapes-div .shapes-img.active { 1035 background-color: !important; 1036 color: !important; 1037 } 1038 .input_general_style { 1039 position: relative; 1040 } 1041 .input_general_style label { 1042 width: auto !important; 1043 position: absolute; 1044 top: 50%; 1045 left: 5px; 1046 z-index: 1; 1047 transform: translateY(-50%); 1048 transform-origin: 0% 100%; 1049 transition: all .2s ease-out; 1050 padding: 0 10px; 1051 margin: 0 !important; 1052 cursor: text; 1053 background: white; 1054 } 1055 .input_general_style label.active { 1056 top: 0; 1057 transform: translateY(-55%) scale(0.80); 1058 } 1059 1060 .input_general_style input::placeholder { 1061 color: transparent !important; 1062 } 1063 .input_general_style input { 1064 font-size: 16px !important; 1065 font-family: Berthold Akzidenz Grotesk !important; 1066 font-weight: !important; 1067 font-style: !important; 1068 color: !important; 1069 background-color: white !important; 1070 border-style: solid !important; 1071 border-width: px !important; 1072 border-radius: 0px !important; 1073 border-color: !important; 1074 } 1075 .input_general_style:hover input { 1076 border-color: !important; 1077 }
1078 .input_general_style input:-webkit-autofill, 1079 .input_general_style input:-webkit-autofill:hover, 1080 .input_general_style input:-webkit-autofill:focus, 1081 .input_general_style input:-webkit-autofill:active{ 1082 -webkit-box-shadow: 0 0 0 30px white inset !important; 1083 } 1084 .input_general_style input:focus { 1085 border-color: initial; 1086 box-shadow: unset; 1087 } 1088 .input_general_style .toggle-password-visibility { 1089 position: absolute; 1090 right: 5px; 1091 top: 50%; 1092 transform: translateY(-50%); 1093 border: 0; 1094 background: transparent; 1095 } 1096 .select_general_style { 1097 position: relative; 1098 } 1099 .select_general_style label { 1100 width: auto !important; 1101 position: absolute; 1102 top: 50%; 1103 left: 5px; 1104 transform: translateY(-50%); 1105 transform-origin: 0% 100%; 1106 transition: all .2s ease-out; 1107 padding: 0 10px; 1108 margin: 0 !important; 1109 cursor: text; 1110 background: white; 1111 } 1112 .select_general_style label.active { 1113 top: 0; 1114 transform: translateY(-55%) scale(0.80); 1115 } 1116 1117 .select_general_style select { 1118 font-size: 16px !important; 1119 font-family: Berthold Akzidenz Grotesk !important; 1120 font-weight: !important; 1121 font-style: !important; 1122 color: !important; 1123 border-style: solid !important; 1124 border-width: px !important; 1125 border-radius: 0px !important; 1126 border-color: !important; 1127 background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat !important; 1128 -webkit-appearance: none !important; 1129 -moz-appearance: none !important; 1130 appearance: none !important; 1131 } 1132 .select_general_style:hover select { 1133 border-color: !important; 1134 } 1135 .select_general_style select:focus { 1136 border-color: initial; 1137 box-shadow: unset; 1138 } 1139 .select_general_style select:-webkit-autofill, 1140 .select_general_style select:-webkit-autofill:hover, 1141 .select_general_style select:-webkit-autofill:focus, 1142 .select_general_style select:-webkit-autofill:active{ 1143 -webkit-box-shadow: 0 0 0 30px white inset !important; 1144 } 1145 .textarea_general_style { 1146 position: relative; 1147 } 1148 .textarea_general_style label { 1149 width: auto !important; 1150 position: absolute; 1151 top: 18px; 1152 left: 5px; 1153 transform: translateY(-50%); 1154 transform-origin: 0% 100%; 1155 transition: all .2s ease-out; 1156 padding: 0 10px; 1157 margin: 0 !important; 1158 cursor: text; 1159 background: white; 1160 } 1161 .textarea_general_style label.active { 1162 top: 0; 1163 transform: translateY(-55%) scale(0.80); 1164 } 1165 1166 .textarea_general_style textarea { 1167 font-size: 16px !important; 1168 font-family: Berthold Akzidenz Grotesk !important; 1169 font-weight: !important; 1170 font-style: !important; 1171 color: !important; 1172 background-color: white !important; 1173 border-style: solid !important; 1174 border-width: px !important; 1175 border-radius: 0px !important; 1176 border-color: !important; 1177 } 1178 .textarea_general_style:hover textarea { 1179 border-color: !important; 1180 } 1181 .textarea_general_style textarea:focus { 1182 border-color: initial; 1183 box-shadow: unset; 1184 } 1185 .textarea_general_style textarea:-webkit-autofill, 1186 .textarea_general_style textarea:-webkit-autofill:hover, 1187 .textarea_general_style textarea:-webkit-autofill:focus, 1188 .textarea_general_style textarea:-webkit-autofill:active{ 1189 -webkit-box-shadow: 0 0 0 30px white inset !important; 1190 } 1191 } 1192 </style> <style> 1193 @media (max-width: 767.9px) { 1194 1195 .sc_payment_general_style { 1196 font-size: 15px !important; 1197 font-family: Berthold Akzidenz Grotesk !important; 1198 font-weight: 500 !important; 1199 font-style: normal !important; 1200 1201 letter-spacing: px !important; 1202 color: #022d57 !important; 1203 } 1204 h1.general_style, .h1_general_style { 1205 font-size: px !important; 1206 font-family: ITC Avant Garde !important; 1207 font-weight: 400 !important; 1208 font-style: normal !important; 1209 1210 letter-spacing: px !important; 1211 color: #022d57 !important; 1212 } 1213 h2.general_style, .h2_general_style { 1214 font-size: px !important; 1215 font-family: ITC Avant Garde !important; 1216 font-weight: 400 !important; 1217 font-style: normal !important; 1218 1219 letter-spacing: px !important; 1220 color: #022d57 !important; 1221 } 1222 h3.general_style, .h3_general_style { 1223 font-size: px !important; 1224 font-family: ITC Avant Garde !important; 1225 font-weight: 400 !important; 1226 font-style: normal !important; 1227 1228 letter-spacing: px !important; 1229 color: #022d57 !important; 1230 } 1231 h4.general_style, .h4_general_style { 1232 font-size: px !important; 1233 font-family: ITC Avant Garde !important; 1234 font-weight: 400 !important; 1235 font-style: normal !important; 1236 1237 letter-spacing: px !important; 1238 color: #022d57 !important; 1239 } 1240 h5.general_style, .h5_general_style { 1241 font-size: px !important; 1242 font-family: ITC Avant Garde !important; 1243 font-weight: 300 !important; 1244 font-style: normal !important; 1245 1246 letter-spacing: px !important; 1247 color: #022d57 !important; 1248 } 1249 h6.general_style, .h6_general_style { 1250 font-size: px !important; 1251 font-family: ITC Avant Garde !important; 1252 font-weight: 400 !important; 1253 font-style: normal !important; 1254 1255 letter-spacing: px !important; 1256 color: #022d57 !important; 1257 } 1258 p.general_style, .p_general_style { 1259 font-size: px !important; 1260 font-family: Berthold Akzidenz Grotesk !important; 1261 font-weight: !important; 1262 font-style: normal !important; 1263 1264 letter-spacing: px !important; 1265 color: !important; 1266 } 1267 .p2_general_style { 1268 font-size: px !important; 1269 font-family: Berthold Akzidenz Grotesk !important; 1270 font-weight: !important; 1271 font-style: normal !important; 1272 1273 letter-spacing: px !important; 1274 color: !important; 1275 } 1276 .p3_general_style { 1277 font-size: px !important; 1278 font-family: Berthold Akzidenz Grotesk !important; 1279 font-weight: !important; 1280 font-style: normal !important; 1281 1282 letter-spacing: px !important; 1283 color: !important; 1284 } 1285 .p4_general_style { 1286 font-size: px !important; 1287 font-family: Berthold Akzidenz Grotesk !important; 1288 font-weight: !important; 1289 font-style: normal !important; 1290 1291 letter-spacing: px !important; 1292 color: !important; 1293 } 1294 .p5_general_style { 1295 font-size: px !important; 1296 font-family: Berthold Akzidenz Grotesk !important; 1297 font-weight: !important; 1298 font-style: normal !important; 1299 1300 letter-spacing: px !important; 1301 color: !important; 1302 } 1303 .p6_general_style { 1304 font-size: px !important; 1305 font-family: Berthold Akzidenz Grotesk !important; 1306 font-weight: !important; 1307 font-style: normal !important; 1308 1309 letter-spacing: px !important; 1310 color: !important; 1311 } 1312 a.general_style, .a_general_style { 1313 text-decoration: !important; 1314 color: !important; 1315 } 1316 a.general_style:hover, .a_general_style:hover { 1317 color: !important; 1318 } 1319 label.general_style, .label_general_style { 1320 font-size: px !important; 1321 font-family: Berthold Akzidenz Grotesk !important; 1322 font-weight: !important; 1323 font-style: normal !important; 1324 1325 letter-spacing: px !important; 1326 color: !important; 1327 } 1328 button.general_style, .button_general_style { 1329 font-size: 12px !important; 1330 font-family: ITC Avant Garde !important; 1331 font-weight: 400 !important; 1332 font-style: normal !important; 1333 1334 color: #ffffff !important; 1335 background-color: #022d57 !important; 1336 border-style: solid !important; 1337 border-width: 1px !important; 1338 border-radius: px !important; 1339 border-color: #022d57 !important; 1340 } 1341 button.general_style:hover, .button_general_style:hover { 1342 color: !important; 1343 background-color: !important; 1344 border-color: !important; 1345 } 1346 .secondary_button_general_style { 1347 font-size: 12px !important; 1348 font-family: ITC Avant Garde !important; 1349 font-weight: 400 !important; 1350 font-style: normal !important; 1351 1352 color: #022d57 !important; 1353 background-color: #ffffff !important; 1354 border-style: solid !important; 1355 border-width: 1px !important; 1356 border-radius: px !important; 1357 border-color: #003da5 !important; 1358 } 1359 .secondary_button_general_style:hover { 1360 color: #ffffff !important; 1361 background-color: #003da5 !important; 1362 border-color: !important; 1363 } 1364 .reset_button_general_style { 1365 font-size: px !important; 1366 font-family: ITC Avant Garde !important; 1367 font-weight: !important; 1368 font-style: normal !important; 1369 1370 color: !important; 1371 background-color: !important; 1372 1373 border-width: px !important; 1374 border-radius: px !important; 1375 border-color: !important; 1376 } 1377 .reset_button_general_style:hover { 1378 color: !important; 1379 background-color: !important; 1380 border-color: !important; 1381 } 1382 .search_box_general_style .sinps::placeholder { 1383 font-size: 11px !important; 1384 font-family: Berthold Akzidenz Grotesk !important; 1385 color: !important; 1386 } 1387 .search_box_general_style .sinps { 1388 height: 100%; 1389 font-size: 11px !important; 1390 font-family: Berthold Akzidenz Grotesk !important; 1391 font-weight: 400 !important; 1392 font-style: normal !important; 1393 color: !important; 1394 background-color: !important; 1395 border-style: solid !important; 1396 border-width: 1px !important; 1397 border-radius: px !important; 1398 border-top-right-radius: 0 !important; 1399 border-bottom-right-radius: 0 !important; 1400 border-color: #022d57 !important; 1401 } 1402 .search_box_general_style .sinps:hover, 1403 .search_box_general_style .sinps:focus, 1404 .search_box_general_style .sinps:active { 1405 background-color: !important; 1406 } 1407 .search_box_general_style .sBtns { 1408 height: 100%; 1409 background-color: #022d57 !important; 1410 border-style: solid !important; 1411 border-width: 1px !important; 1412 border-radius: px !important; 1413 border-top-left-radius: 0 !important; 1414 border-bottom-left-radius: 0 !important; 1415 border-color: #022d57 !important; 1416 } 1417 .search_box_general_style .sBtns:hover, 1418 .search_box_general_style .sBtns:focus, 1419 .search_box_general_style .sBtns:active { 1420 background-color: #022d57 !important; 1421 } 1422 .search_box_general_style .sBtns svg { 1423 width: 11px !important; 1424 height: 11px !important; 1425 } 1426 .search_box_general_style .sBtns path { 1427 fill: #ffffff !important; 1428 } 1429 .search_box_general_style .sBtns:hover path, 1430 .search_box_general_style .sBtns:focus path, 1431 .search_box_general_style .sBtns:active path { 1432 fill: #ffffff !important; 1433 }
1434 .search_box_general_style:hover .sinps, 1435 .search_box_general_style:focus .sinps, 1436 .search_box_general_style:active .sinps, 1437 .search_box_general_style:hover .sBtns, 1438 .search_box_general_style:focus .sBtns, 1439 .search_box_general_style:active .sBtns { 1440 border-color: #022d57 !important; 1441 } 1442 svg.general_style, .svg_general_style { 1443 fill: #003da5 !important; 1444 stroke-width: .5 !important; 1445 stroke: #003da5 !important; 1446 } 1447 .irs--big .irs-from, .irs--big .irs-to, .irs--big .irs-single { 1448 color: #022d57 !important; 1449 background: #ffffff !important; 1450 } 1451 .irs--big .irs-grid-text { 1452 color: #022d57 !important; 1453 } 1454 .irs--big .irs-grid-pol { 1455 background: #022d57 !important; 1456 } 1457 .irs--big .irs-bar { 1458 border-color: #ffffff !important; 1459 background: linear-gradient(to bottom, #022d57 0%, #022d57 30%, #022d57 100%) !important; 1460 } 1461 .irs--big .irs-handle { 1462 border-color: #B3B3B2; 1463 background: linear-gradient(to bottom, 0%, #003da5 30%, #003da5 100%) !important; 1464 } 1465 .pagination.general_style .page-link { 1466 font-size: 12px !important; 1467 font-family: ITC Avant Garde !important; 1468 font-weight: 400 !important; 1469 font-style: normal !important; 1470 1471 color: #022d57 !important; 1472 background-color: !important; 1473 border-color: !important; 1474 } 1475 .pagination.general_style .page-link:hover { 1476 color: !important; 1477 background-color: !important; 1478 border-color: !important; 1479 } 1480 .pagination.general_style .page-item.active .page-link { 1481 color: #ffffff !important; 1482 background-color: #022d57 !important; 1483 border-color: #022d57 !important; 1484 } 1485 input[type=checkbox].general_style { 1486 accent-color: #003da5 !important; 1487 } 1488 .breadcrumb.general_style .breadcrumb-item a, 1489 .breadcrumb.general_style .breadcrumb-item { 1490 font-size: 14px !important; 1491 font-family: ITC Avant Garde !important; 1492 font-weight: !important; 1493 font-style: normal !important; 1494 1495 letter-spacing: px !important; 1496 color: #000 !important; 1497 } 1498 .shapes-div .shapes-img.active { 1499 background-color: !important; 1500 color: !important; 1501 } 1502 .input_general_style { 1503 position: relative; 1504 } 1505 .input_general_style label { 1506 width: auto !important; 1507 position: absolute; 1508 top: 50%; 1509 left: 5px; 1510 z-index: 1; 1511 transform: translateY(-50%); 1512 transform-origin: 0% 100%; 1513 transition: all .2s ease-out; 1514 padding: 0 10px; 1515 margin: 0 !important; 1516 cursor: text; 1517 background: white; 1518 } 1519 .input_general_style label.active { 1520 top: 0; 1521 transform: translateY(-55%) scale(0.80); 1522 } 1523 1524 .input_general_style input::placeholder { 1525 color: transparent !important; 1526 } 1527 .input_general_style input { 1528 font-size: 16px !important; 1529 font-family: Berthold Akzidenz Grotesk !important; 1530 font-weight: !important; 1531 font-style: !important; 1532 color: !important; 1533 background-color: white !important; 1534 border-style: solid !important; 1535 border-width: px !important; 1536 border-radius: 0px !important; 1537 border-color: !important; 1538 } 1539 .input_general_style:hover input { 1540 border-color: !important; 1541 }
1542 .input_general_style input:-webkit-autofill, 1543 .input_general_style input:-webkit-autofill:hover, 1544 .input_general_style input:-webkit-autofill:focus, 1545 .input_general_style input:-webkit-autofill:active{ 1546 -webkit-box-shadow: 0 0 0 30px white inset !important; 1547 } 1548 .input_general_style input:focus { 1549 border-color: initial; 1550 box-shadow: unset; 1551 } 1552 .input_general_style .toggle-password-visibility { 1553 position: absolute; 1554 right: 5px; 1555 top: 50%; 1556 transform: translateY(-50%); 1557 border: 0; 1558 background: transparent; 1559 } 1560 .select_general_style { 1561 position: relative; 1562 } 1563 .select_general_style label { 1564 width: auto !important; 1565 position: absolute; 1566 top: 50%; 1567 left: 5px; 1568 transform: translateY(-50%); 1569 transform-origin: 0% 100%; 1570 transition: all .2s ease-out; 1571 padding: 0 10px; 1572 margin: 0 !important; 1573 cursor: text; 1574 background: white; 1575 } 1576 .select_general_style label.active { 1577 top: 0; 1578 transform: translateY(-55%) scale(0.80); 1579 } 1580 1581 .select_general_style select { 1582 font-size: 16px !important; 1583 font-family: Berthold Akzidenz Grotesk !important; 1584 font-weight: !important; 1585 font-style: !important; 1586 color: !important; 1587 border-style: solid !important; 1588 border-width: px !important; 1589 border-radius: 0px !important; 1590 border-color: !important; 1591 background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat !important; 1592 -webkit-appearance: none !important; 1593 -moz-appearance: none !important; 1594 appearance: none !important; 1595 } 1596 .select_general_style:hover select { 1597 border-color: !important; 1598 } 1599 .select_general_style select:focus { 1600 border-color: initial; 1601 box-shadow: unset; 1602 } 1603 .select_general_style select:-webkit-autofill, 1604 .select_general_style select:-webkit-autofill:hover, 1605 .select_general_style select:-webkit-autofill:focus, 1606 .select_general_style select:-webkit-autofill:active{ 1607 -webkit-box-shadow: 0 0 0 30px white inset !important; 1608 } 1609 .textarea_general_style { 1610 position: relative; 1611 } 1612 .textarea_general_style label { 1613 width: auto !important; 1614 position: absolute; 1615 top: 18px; 1616 left: 5px; 1617 transform: translateY(-50%); 1618 transform-origin: 0% 100%; 1619 transition: all .2s ease-out; 1620 padding: 0 10px; 1621 margin: 0 !important; 1622 cursor: text; 1623 background: white; 1624 } 1625 .textarea_general_style label.active { 1626 top: 0; 1627 transform: translateY(-55%) scale(0.80); 1628 } 1629 1630 .textarea_general_style textarea { 1631 font-size: 16px !important; 1632 font-family: Berthold Akzidenz Grotesk !important; 1633 font-weight: !important; 1634 font-style: !important; 1635 color: !important; 1636 background-color: white !important; 1637 border-style: solid !important; 1638 border-width: px !important; 1639 border-radius: 0px !important; 1640 border-color: !important; 1641 } 1642 .textarea_general_style:hover textarea { 1643 border-color: !important; 1644 } 1645 .textarea_general_style textarea:focus { 1646 border-color: initial; 1647 box-shadow: unset; 1648 } 1649 .textarea_general_style textarea:-webkit-autofill, 1650 .textarea_general_style textarea:-webkit-autofill:hover, 1651 .textarea_general_style textarea:-webkit-autofill:focus, 1652 .textarea_general_style textarea:-webkit-autofill:active{ 1653 -webkit-box-shadow: 0 0 0 30px white inset !important; 1654 } 1655 } 1656 </style><header class="appearance-desktop-view-template"> 1657 1658 1659 1660 <style> 1661 .header_container>.flex_row { 1662 display: flex; 1663 } 1664 1665 .header_container_1 { 1666 width: 100%; 1667 max-width: 100%; 1668 margin: 0 auto; 1669 position: relative !important; 1670 transform: inherit !important; 1671 } 1672 .header_container>.flex_row>.flex_col { 1673 display: flex; 1674 flex-wrap: wrap; 1675 box-sizing: border-box; 1676 align-content: baseline; 1677 } 1678 .header_container>.flex_row>.flex_col>.flex_cell { 1679 height: fit-content; 1680 display: flex; 1681 } 1682 .header_container>.flex_row>.flex_col>.flex_cell a { 1683 text-decoration: none; 1684 } 1685 .header_container img { 1686 max-width: 100%; 1687 } 1688 .row_spacer_cs { 1689 display: none; 1690 } 1691 .sticky_row { 1692 position: fixed; 1693 } 1694 .sticky_row + .row_spacer_cs { 1695 display: block; 1696 } 1697 </style> 1698 1699 <div class="header_container header_container_1" data-device-type="1"> 1700 1701 1702 1703 <div class="flex_row flex_row_1 "> 1704 1705 1706 <div class="flex_col flex_col_1"> 1707 1708 1709 </div> 1710 1711 <style> 1712 .header_container_1>.flex_row_1>.flex_col_1 { 1713 width:2%; } 1714 </style> 1715 1716 1717 1718 <div class="flex_col flex_col_2"> 1719 1720 1721<div class="flex_cell flex_cell_1 call_us"> 1722 <div class="flex_cell_content"><a class="phone_number_click " href="tel:219-322-2700" title="Call us 219-322-2700">
1722<svg role="img" aria-label="Call Us" viewBox="0 0 512 512"><path class="path_class" d="M511.2 387l-23.25 100.8c-3.266 14.25-15.79 24.22-30.46 24.22C205.2 512 0 306.8 0 54.5c0-14.66 9.969-27.2 24.22-30.45l100.8-23.25C139.7-2.602 154.7 5.018 160.8 18.92l46.52 108.5c5.438 12.78 1.77 27.67-8.98 36.45L144.5 207.1c33.98 69.22 90.26 125.5 159.5 159.5l44.08-53.8c8.688-10.78 23.69-14.51 36.47-8.975l108.5 46.51C506.1 357.2 514.6 372.4 511.2 387z"/></svg><span>219-322-2700</span></a></div> </div> 1723<style> 1724 .header_container_1>.flex_row_1>.flex_col_2>.flex_cell_1.call_us { 1725 width:px; justify-content:left; -webkit-justify-content:left; align-items:center; -webkit-align-items:center; } 1726 1727 .header_container_1>.flex_row_1>.flex_col_2>.flex_cell_1.call_us { 1728 height:100%; } 1729 1730 .header_container_1>.flex_row_1>.flex_col_2>.flex_cell_1.call_us>.flex_cell_content { 1731 display: flex; 1732 margin-top:px; margin-bottom:px; margin-left:px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 1733 1734 .header_container_1>.flex_row_1>.flex_col_2>.flex_cell_1 a { 1735 color:#ffffff; font-weight:400; font-style:normal; font-size:12px; font-family:ITC Avant Garde; display: flex; 1736 align-items: center; 1737 text-transform:none; } 1738 1739 .header_container_1>.flex_row_1>.flex_col_2>.flex_cell_1.call_us a svg, 1740 .header_container_1>.flex_row_1>.flex_col_2>.flex_cell_1.call_us a img { 1741 margin-right: 5px; 1742 height:11px; } 1743 1744 .header_container_1>.flex_row_1>.flex_col_2>.flex_cell_1 a .path_class { 1745 fill: currentColor; 1746 } 1747 1748 1749 .header_container_1>.flex_row_1>.flex_col_2>.flex_cell_1 a:hover { 1750 color:#ffffff; } 1751</style> 1752<div class="flex_cell flex_cell_2 custom_text"> 1753 <div class="flex_cell_content"> 1754 <a class="txt_link_ig" title="custom link" href="https://www.albertsjewelers.com/request-an-appointment" target="_blank"> 1755 <p class="">Request An Appointment â</p> 1756 </a> 1757 </div> 1758</div> 1759<style> 1760 .header_container_1>.flex_row_1>.flex_col_2>.flex_cell_2.custom_text { 1761 width:px; justify-content:left; -webkit-justify-content:left; align-items:center; -webkit-align-items:center; } 1762 1763 .header_container_1>.flex_row_1>.flex_col_2>.flex_cell_2.custom_text { 1764 height:100%; } 1765 1766 .header_container_1>.flex_row_1>.flex_col_2>.flex_cell_2.custom_text>.flex_cell_content { 1767 display: flex; 1768 margin-top:10px; margin-bottom:10px; margin-left:20px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 1769 1770 .header_container_1>.flex_row_1>.flex_col_2>.flex_cell_2.custom_text>.flex_cell_content>a p { 1771 line-height: inherit; 1772 margin:0; 1773 text-align:left; color:#ffffff; font-weight:300; font-style:normal; font-size:12px;font-family:ITC Avant Garde; text-transform:none; text-decoration:none; } 1774 1775 .header_container_1>.flex_row_1>.flex_col_2>.flex_cell_2.custom_text>.flex_cell_content>a p:hover { 1776 color:#ffffff; } 1777</style> 1778 1779 </div> 1780 1781 <style> 1782 .header_container_1>.flex_row_1>.flex_col_2 { 1783 width:28%; } 1784 </style> 1785 1786 1787 1788 <div class="flex_col flex_col_3"> 1789 1790 1791 </div> 1792 1793 <style> 1794 .header_container_1>.flex_row_1>.flex_col_3 { 1795 width:2%; } 1796 </style> 1797 1798 1799 1800 <div class="flex_col flex_col_4"> 1801 1802 1803<div class="flex_cell flex_cell_1 custom_text"> 1804 <div class="flex_cell_content"> 1805 <a class="txt_link_ig" title="custom link" href="https://www.albertsjewelers.com/best-sellers" > 1806 <p class="">Spend $200 or more for FREE 2-Day Shipping! Free In-Store Pickup!</p> 1807 </a> 1808 </div> 1809</div> 1810<style> 1811 .header_container_1>.flex_row_1>.flex_col_4>.flex_cell_1.custom_text { 1812 width:100%; justify-content:center;
1812 -webkit-justify-content:center; align-items:center; -webkit-align-items:center; } 1813 1814 .header_container_1>.flex_row_1>.flex_col_4>.flex_cell_1.custom_text { 1815 height:100%; } 1816 1817 .header_container_1>.flex_row_1>.flex_col_4>.flex_cell_1.custom_text>.flex_cell_content { 1818 display: flex; 1819 margin-top:13px; margin-bottom:13px; margin-left:px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 1820 1821 .header_container_1>.flex_row_1>.flex_col_4>.flex_cell_1.custom_text>.flex_cell_content>a p { 1822 line-height: inherit; 1823 margin:0; 1824 text-align:center; color:#ffffff; font-weight:300; font-style:normal; font-size:12px;font-family:ITC Avant Garde; text-transform:none; text-decoration:none; } 1825 1826 .header_container_1>.flex_row_1>.flex_col_4>.flex_cell_1.custom_text>.flex_cell_content>a p:hover { 1827 color:#ffffff; } 1828</style> 1829 1830 </div> 1831 1832 <style> 1833 .header_container_1>.flex_row_1>.flex_col_4 { 1834 width:36%; } 1835 </style> 1836 1837 1838 1839 <div class="flex_col flex_col_5"> 1840 1841 1842<div class="flex_cell flex_cell_1 sl_element"> 1843 <div class="flex_cell_content"><a class="fas-store " href="javascript:" title="Store Locator"><svg class="store-locator-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 64 64"><path d="M32,0C18.746,0,8,10.746,8,24c0,5.219,1.711,10.008,4.555,13.93l16,24C29.414,63.332,30.664,64,32,64s2.586-0.668,3.328-1.781l16-24C54.289,34.008,56,29.219,56,24C56,10.746,45.254,0,32,0z M32,32c-4.418,0-8-3.582-8-8s3.582-8,8-8s8,3.582,8,8S36.418,32,32,32z"/></svg><span class="sl-selected-store"></span></a></div> </div> 1844<style> 1845 .header_container_1>.flex_row_1>.flex_col_5>.flex_cell_1.sl_element { 1846 width:100%; justify-content:left; -webkit-justify-content:left; align-items:center; -webkit-align-items:center; } 1847 1848 .header_container_1>.flex_row_1>.flex_col_5>.flex_cell_1.sl_element { 1849 } 1850 1851 .header_container_1>.flex_row_1>.flex_col_5>.flex_cell_1.sl_element>.flex_cell_content { 1852 display: flex; 1853 margin-top:px; margin-bottom:px; margin-left:px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 1854 1855 .header_container_1>.flex_row_1>.flex_col_5>.flex_cell_1 a { 1856 color:#022d57; font-style:normal; font-size:px; font-family:Arial; display: flex; 1857 align-items: center; 1858 text-transform:none; } 1859 1860 .header_container_1>.flex_row_1>.flex_col_5>.flex_cell_1.sl_element a svg, 1861 .header_container_1>.flex_row_1>.flex_col_5>.flex_cell_1.sl_element a img { 1862 margin-right: 5px; 1863 height:16px; } 1864 1865 .header_container_1>.flex_row_1>.flex_col_5>.flex_cell_1 a .path_class { 1866 fill: currentColor; 1867 } 1868 1869 1870 .header_container_1>.flex_row_1>.flex_col_5>.flex_cell_1 a:hover { 1871 color:#022d57; } 1872</style> 1873 1874 </div> 1875 1876 <style> 1877 .header_container_1>.flex_row_1>.flex_col_5 { 1878 width:20%; } 1879 </style> 1880 1881 1882 1883 <div class="flex_col flex_col_6"> 1884 1885 1886<div class="flex_cell flex_cell_1 account_icons"> 1887 <div class="flex_cell_content"> 1888 1889 <a class="" href="/wishlist" title="Wishlist" rel="nofollow" style="order: 1"> 1890 <svg role="img" aria-label="Wishlist" width="640" height="640" viewBox="0 0 640 640" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_107_20)"><path class="path_class" d="M420.2 214.3L563.9 235.5C575.8 237.2 585.8 245.6 589.6 257.1C593.4 268.7 590.3 281.3 581.7 289.9L477.5 392.1L502.1 538.7C504.1 550.7 499.2 562.9 489.2 570C479.3 577.1 466.2 578 455.5 572.3L327.1 503.8L198.8 572.3C188 578 174.9 577.1 165 570C155.1 562.9 150.1 550.7 152.2 538.7L176.8 392.1L72.58 289.9C63.97 281.3 60.91 268.7 64.69 257.1C68.46 245.6 78.43 237.2 90.42 235.5L234 214.3L298.4 81.97C303.7 70.954 314.9 63.9609 327.1 63.9609C339.4 63.9609 350.6 70.954 355.9 81.97L420.2 214.3Z" fill="black"/></g><defs><clipPath id="clip0_107_20"><rect width="576" height="512" fill="white" transform="translate(39 64)"/></clipPath></defs></svg>
1890 <span class="item-count-badge wishlist-count-badge d-none"></span> 1891 </a> 1892 1893 <a class=" build-shopping-cart-icon" href="/shopping-cart" title="Shopping Cart" style="order: 2"> 1894 <svg role="img" aria-label="Shopping Cart" width="640" height="640" viewBox="0 0 640 640" fill="none" xmlns="http://www.w3.org/2000/svg"><path class="path_class" d="M128 64C139.5 64 149.4 72.19 151.6 83.51L153.1 96H573.8C594.1 96 610.3 116.25 604.6 136.66L550.6 328.7C546.7 342.5 534.1 352 519.8 352H202.7L211.9 400H520C533.3 400 544 410.7 544 424C544 437.3 533.3 448 520 448H191.1C180.5 448 170.6 439.8 168.4 428.5L108.14 112H56C42.75 112 32 101.25 32 88C32 74.75 42.75 64 56 64H128ZM160 528C160 501.5 181.5 480 208 480C234.5 480 256 501.5 256 528C256 554.5 234.5 576 208 576C181.5 576 160 554.5 160 528ZM544 528C544 554.5 522.5 576 496 576C469.5 576 448 554.5 448 528C448 501.5 469.5 480 496 480C522.5 480 544 501.5 544 528Z" fill="black"/></svg> <span class="item-count-badge build-shopping-cart-item-counter d-none"></span> 1895 </a> 1896 1897 1898 <a class="" href="/login" title="My Account" style="order: 3"> 1899 <svg role="img" aria-label="My Account" width="640" height="640" viewBox="0 0 640 640" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_107_18)"><path class="path_class" d="M320 320C390.7 320 448 262.69 448 192C448 121.31 390.7 64 320 64C249.3 64 192 121.31 192 192C192 262.69 249.3 320 320 320ZM370.7 368H269.3C173.61 368 96 445.6 96 541.3C96 560.44 111.52 575.97 130.66 575.97H509.36C528.5 576 544 560.5 544 541.3C544 445.6 466.4 368 370.7 368Z" fill="black"/></g><defs><clipPath id="clip0_107_18"><rect width="448" height="512" fill="white" transform="translate(96 64)"/></clipPath></defs></svg> </a> 1900 </div> 1901</div> 1902 1903<style> 1904 .header_container_1>.flex_row_1>.flex_col_6>.flex_cell_1.account_icons { 1905 width:100%; justify-content: flex-end; 1906 align-items:center; -webkit-align-items:center; } 1907 1908 .header_container_1>.flex_row_1>.flex_col_6>.flex_cell_1.account_icons { 1909 height:100%; } 1910 1911 .header_container_1>.flex_row_1>.flex_col_6>.flex_cell_1.account_icons>.flex_cell_content { 1912 display: flex; 1913 margin-top:px; margin-bottom:px; margin-left:px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 1914 1915 .header_container_1>.flex_row_1>.flex_col_6>.flex_cell_1.account_icons .wishlist-count-badge.d-none { 1916 display: none !important; 1917 } 1918 1919 .header_container_1>.flex_row_1>.flex_col_6>.flex_cell_1.account_icons a { 1920 display: flex; 1921 align-items: center; 1922 color:#ffffff; font-weight:400; font-style:normal; font-size:15px; font-family:Libre Baskerville; margin-left: 12px; 1923 text-transform:none; } 1924 1925 .header_container_1>.flex_row_1>.flex_col_6>.flex_cell_1.account_icons a svg, 1926 .header_container_1>.flex_row_1>.flex_col_6>.flex_cell_1.account_icons a img { 1927 flex-shrink: 0; 1928 margin-right: 5px; 1929 width:14px; height:14px; } 1930 1931 .header_container_1>.flex_row_1>.flex_col_6>.flex_cell_1.account_icons a .path_class { 1932 fill: currentColor; 1933 } 1934 1935 .header_container_1>.flex_row_1>.flex_col_6>.flex_cell_1.account_icons a:hover { 1936 color:#ffffff; } 1937 1938 .header_container_1>.flex_row_1>.flex_col_6>.flex_cell_1.account_icons a .item-count-badge { 1939 padding: 0 5px; 1940 height: 16px; 1941 min-width: 16px; 1942 text-align: center; 1943 border-radius: 7px; 1944 line-height: 16px; 1945 border: 1px solid #fff; 1946 font-style: normal; 1947 font-weight: 700; 1948 font-size: 10px; 1949 background-color:#cdb877; color:#ffffff; margin-left: -10px; 1950 margin-top: -15px; 1951 } 1952</style> 1953 </div> 1954 1955 <style> 1956 .header_container_1>.flex_row_1>.flex_col_6 { 1957 width:10%; } 1958 </style> 1959 1960 1961 1962 <div class="flex_col flex_col_7"> 1963 1964 1965 </div> 1966 1967 <style> 1968 .header_container_1>.flex_row_1>.flex_col_7 { 1969 width:2%; } 1970 </style> 1971 1972 1973 1974 </div> 1975 1976 1977 <style> 1978 .header_container_1>.flex_row_1 { 1979 background-color: #022d57; 1980 1981 color:#000000; height:auto; 1982 1983 } 1984 1985 </style> 1986 1987 1988 1989 1990 1991 <div class="flex_row flex_row_2 "> 1992 1993 1994 <div class="flex_col flex_col_1"> 1995 1996 <div class="flex_cell flex_cell_1 line"> 1997 <div class="s_line"></div> 1998 </div> 1999 2000<style> 2001 .header_container_1>.flex_row_2>.flex_col_1>.flex_cell_1 { 2002 width: 100%; 2003 justify-content:center;
2003 -webkit-justify-content:center; margin-top:px; margin-bottom:px; margin-left:px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 2004 2005 2006 .header_container_1>.flex_row_2>.flex_col_1>.flex_cell_1 .s_line { 2007 background-color:#ffffff; border-style: solid; 2008 width:100%; border-radius:0px; border-width:0px; border-color:#000000; } 2009 2010</style> 2011 </div> 2012 2013 <style> 2014 .header_container_1>.flex_row_2>.flex_col_1 { 2015 width:100%; } 2016 </style> 2017 2018 2019 2020 </div> 2021 2022 2023 <style> 2024 .header_container_1>.flex_row_2 { 2025 background-color: #ffffff; 2026 2027 color:#000000; height:20px; 2028 2029 } 2030 2031 </style> 2032 2033 2034 2035 2036 2037 <div class="flex_row flex_row_3 "> 2038 2039 2040 <div class="flex_col flex_col_1"> 2041 2042 2043 </div> 2044 2045 <style> 2046 .header_container_1>.flex_row_3>.flex_col_1 { 2047 width:2%; } 2048 </style> 2049 2050 2051 2052 <div class="flex_col flex_col_2"> 2053 2054 <div class="flex_cell flex_cell_1 menu"> 2055 <div class="flex_cell_content"> 2056 <style> 2057 .header_container_1>.flex_row_3>.flex_col_2>.flex_cell_1.menu .hamburger-button-inner, 2058 .header_container_1>.flex_row_3>.flex_col_2>.flex_cell_1.menu .hamburger-button-parent { 2059 width: 30px; 2060 height: 24px; 2061 position: relative; 2062 cursor: pointer; 2063 } 2064 .header_container_1>.flex_row_3>.flex_col_2>.flex_cell_1.menu .hamburger-button-inner .hamburger-icon rect { 2065 fill: #022d57; } 2066 2067 2068 .header_container_1>.flex_row_3>.flex_col_2>.flex_cell_1.menu a.hamburger-menu-nav-section, 2069 .header_container_1>.flex_row_3>.flex_col_2>.flex_cell_1.menu a.hamburger-menu-close-button{ 2070 color:#000000; display: flex; 2071 font-weight:400; font-style:normal; font-size:15px; font-family:ITC Avant Garde; text-transform:none; line-height:48px; } 2072 </style> 2073 2074 <div id="desktop_hamburger_button" role="button" class="hamburger-button-inner" tabindex="0" aria-label="Hamburger Button" aria-expanded="false" aria-controls="desktop_hamburger_menu_template"> 2075 <div class="hamburger-button-parent"> 2076 <svg class="hamburger-icon" width="30" height="24" viewBox="0 0 30 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"> 2077 <rect y="1" width="30" height="3" rx="1.5" ry="1.5" fill="black"/> 2078 <rect y="10" width="30" height="3" rx="1.5" ry="1.5" fill="black"/> 2079 <rect y="19" width="30" height="3" rx="1.5" ry="1.5" fill="black"/> 2080 </svg> 2081 2082 2083 </div> 2084 </div> 2085 </div> 2086</div> 2087 2088<style> 2089 .header_container_1>.flex_row_3>.flex_col_2>.flex_cell_1.menu { 2090 width:100%; justify-content: flex-start; 2091 align-items:center; -webkit-align-items:center; } 2092 2093 .header_container_1>.flex_row_3>.flex_col_2>.flex_cell_1.menu { 2094 height:100%; } 2095 2096 .header_container_1>.flex_row_3>.flex_col_2>.flex_cell_1.menu>.flex_cell_content { 2097 display: flex; 2098 margin-top:px; margin-bottom:px; margin-left:px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 2099 2100 .header_container_1>.flex_row_3>.flex_col_2>.flex_cell_1.menu>.flex_cell_content>nav>ul>li>a, 2101 .header_container_1>.flex_row_3>.flex_col_2>.flex_cell_1.menu>.flex_cell_content>nav>ul>li>button { 2102 color:#000000; display: flex; 2103 font-weight:400; font-style:normal; font-size:15px; font-family:ITC Avant Garde; text-transform:none; line-height:48px; } 2104 2105 .header_container_1>.flex_row_3>.flex_col_2>.flex_cell_1.menu>.flex_cell_content>nav>ul>li>a:hover { 2106 color:#000000; } 2107</style> 2108 </div> 2109 2110 <style> 2111 .header_container_1>.flex_row_3>.flex_col_2 { 2112 width:5%; } 2113 </style> 2114 2115 2116 2117 <div class="flex_col flex_col_3"> 2118 2119 2120 2121<div class="flex_cell flex_cell_1 image"> 2122 <div class="flex_cell_content"> 2123 2124 <a href="https://www.albertsjewelers.com/" 2125 > 2126 2127 2128 <img 2129 height="100px" width="200px" 2130 2131 src="https://www.albertsjewelers.com/public/1.0/uploads/source/website-header-logos---d.png" 2132 2133 alt="Abert's Diamond Jewelers"> 2134 2135 2136 </a> 2137 2138 </div> 2139</div> 2140 <style> 2141 .header_container_1>.flex_row_3>.flex_col_3>.flex_cell_1.image { 2142 width:100%; justify-content:left;
2142 -webkit-justify-content:left; align-items:center; -webkit-align-items:center; } 2143 .header_container_1>.flex_row_3>.flex_col_3>.flex_cell_1.image>.flex_cell_content { 2144 display: flex; 2145 margin-top:px; margin-bottom:px; margin-left:px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 2146 .header_container_1>.flex_row_3>.flex_col_3>.flex_cell_1.image img { 2147 max-width:180px; } 2148 2149 .header_container_1>.flex_row_3>.flex_col_3>.flex_cell_1.image { 2150 height:100%; } 2151 </style> 2152 2153 2154 </div> 2155 2156 <style> 2157 .header_container_1>.flex_row_3>.flex_col_3 { 2158 width:24%; } 2159 </style> 2160 2161 2162 2163 <div class="flex_col flex_col_4"> 2164 2165 2166<div class="flex_cell flex_cell_1 search_box"> 2167 <div class="flex_cell_content"> 2168 <form class="sform" id="search-box-form" 2169 onsubmit="javascript: window.location = '/keyword-search?search=' + encodeURIComponent($(this).find('input[name=search]').val()); return false;"> 2170 <div class="inputs-group"> 2171 <button class="sBtn"> 2172 <svg role="img" aria-label="Search" viewBox="0 0 512 512"><path class="path_class" d="M500.3 443.7l-119.7-119.7c27.22-40.41 40.65-90.9 33.46-144.7C401.8 87.79 326.8 13.32 235.2 1.723C99.01-15.51-15.51 99.01 1.724 235.2c11.6 91.64 86.08 166.7 177.6 178.9c53.8 7.189 104.3-6.236 144.7-33.46l119.7 119.7c15.62 15.62 40.95 15.62 56.57 0C515.9 484.7 515.9 459.3 500.3 443.7zM79.1 208c0-70.58 57.42-128 128-128s128 57.42 128 128c0 70.58-57.42 128-128 128S79.1 278.6 79.1 208z"/></svg> 2173 </button> 2174 <input class="sinp" type="text" name="search" 2175 placeholder="Watches, Jewelry, Rings..." 2176 aria-label="Watches, Jewelry, Rings..." 2177 > 2178 </div> 2179 </form> 2180 </div> 2181</div> 2182<style> 2183 .header_container_1>.flex_row_3>.flex_col_4>.flex_cell_1.search_box { 2184 width:100%; justify-content:center; -webkit-justify-content:center; align-items:center; -webkit-align-items:center; } 2185 2186 .header_container_1>.flex_row_3>.flex_col_4>.flex_cell_1.search_box { 2187 height:100%; } 2188 2189 .header_container_1>.flex_row_3>.flex_col_4>.flex_cell_1.search_box>.flex_cell_content { 2190 display: flex; 2191 margin-top:px; margin-bottom:px; margin-left:px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; width:75%; } 2192 2193 .header_container_1>.flex_row_3>.flex_col_4>.flex_cell_1 .sform, .header_container_1>.flex_row_3>.flex_col_4>.flex_cell_1 .inputs-group { 2194 width: 100%; 2195 display: flex; 2196 flex-wrap: nowrap; 2197 } 2198 2199 .header_container_1>.flex_row_3>.flex_col_4>.flex_cell_1 .sinp { 2200 border-radius: 0px; 2201 padding: 4px 8px; 2202 outline: 0px; 2203 box-shadow: none; 2204 font-size:12px; font-family:Libre Baskerville; color:#022d57; font-weight:400; font-style:normal; background-color:#ffffff; 2205 2206 2207 border-style: solid; 2208 border-width:1px; border-color:#ffffff; 2209 2210 border-left:0px; 2211 width: 100%; 2212 2213 border-bottom-color:#022d57; } 2214 2215 .header_container_1>.flex_row_3>.flex_col_4>.flex_cell_1 .sinp:hover { 2216 } 2217 2218 .header_container_1>.flex_row_3>.flex_col_4>.flex_cell_1 .sinp::placeholder { 2219 font-size:12px; font-family:Libre Baskerville; color:#022d57; opacity: 1;
2220 } 2221 2222 .header_container_1>.flex_row_3>.flex_col_4>.flex_cell_1 .sBtn { 2223 height: 100%; 2224 border-radius: 0px; 2225 padding: 4px; 2226 align-items: center; 2227 justify-content: center; 2228 display: flex; 2229 border-style: solid; 2230 border-width:1px; border-color:#ffffff; color:#022d57; font-weight:400; font-style:normal; background-color:#ffffff; border-right:0px; 2231 2232 } 2233 2234 .header_container_1>.flex_row_3>.flex_col_4>.flex_cell_1 .sBtn:hover { 2235 background-color:#ffffff; } 2236 2237 .header_container_1>.flex_row_3>.flex_col_4>.flex_cell_1 .sBtn svg { 2238 width:11px; height:11px; } 2239 2240 .header_container_1>.flex_row_3>.flex_col_4>.flex_cell_1 .sBtn .path_class { 2241 fill:#022d57; } 2242 2243 .header_container_1>.flex_row_3>.flex_col_4>.flex_cell_1 .sBtn:hover .path_class { 2244 fill:#022d57; } 2245 2246</style> 2247 </div> 2248 2249 <style> 2250 .header_container_1>.flex_row_3>.flex_col_4 { 2251 width:37%; } 2252 </style> 2253 2254 2255 2256 <div class="flex_col flex_col_5"> 2257 2258 2259 2260<div class="flex_cell flex_cell_1 image"> 2261 <div class="flex_cell_content"> 2262 2263 <a href="https://www.albertsjewelers.com/david-yurman" 2264 > 2265 2266 2267 <img 2268 height="65px" width="140px" 2269 2270 src="https://www.albertsjewelers.com/public/1.0/uploads/source/dy_widget.jpg" 2271 2272 alt="David Yurman Logo"> 2273 2274 2275 </a> 2276 2277 </div> 2278</div> 2279 <style> 2280 .header_container_1>.flex_row_3>.flex_col_5>.flex_cell_1.image { 2281 width:140px; justify-content:center; -webkit-justify-content:center; align-items:center; -webkit-align-items:center; } 2282 .header_container_1>.flex_row_3>.flex_col_5>.flex_cell_1.image>.flex_cell_content { 2283 display: flex; 2284 margin-top:px; margin-bottom:px; margin-left:px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 2285 .header_container_1>.flex_row_3>.flex_col_5>.flex_cell_1.image img { 2286 } 2287 2288 .header_container_1>.flex_row_3>.flex_col_5>.flex_cell_1.image { 2289 height:100%; } 2290 </style> 2291 2292 2293 2294<div class="flex_cell flex_cell_2 image"> 2295 <div class="flex_cell_content"> 2296 2297 <a href="https://www.albertsjewelers.com/breitling" 2298 target="_blank" rel="noopener noreferrer"> 2299 2300 2301 <img 2302 height="65px" width="140px" 2303 2304 src="https://www.albertsjewelers.com/public/1.0/uploads/source/breitling_plaque.jpg" 2305 2306 alt="Breitling"> 2307 2308 2309 </a> 2310 2311 </div> 2312</div> 2313 <style> 2314 .header_container_1>.flex_row_3>.flex_col_5>.flex_cell_2.image { 2315 width:140px; justify-content:right; -webkit-justify-content:right; align-items:center; -webkit-align-items:center; } 2316 .header_container_1>.flex_row_3>.flex_col_5>.flex_cell_2.image>.flex_cell_content { 2317 display: flex; 2318 margin-top:px; margin-bottom:px; margin-left:5px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 2319 .header_container_1>.flex_row_3>.flex_col_5>.flex_cell_2.image img { 2320 } 2321 2322 .header_container_1>.flex_row_3>.flex_col_5>.flex_cell_2.image { 2323 height:100%; } 2324 </style> 2325 2326 2327 </div> 2328 2329 <style> 2330 .header_container_1>.flex_row_3>.flex_col_5 { 2331 width:30%; } 2332 </style> 2333 2334 2335 2336 <div class="flex_col flex_col_6"> 2337 2338 2339 </div> 2340 2341 <style> 2342 .header_container_1>.flex_row_3>.flex_col_6 { 2343 width:2%; } 2344 </style> 2345 2346 2347 2348 </div> 2349 2350 2351 <style> 2352 .header_container_1>.flex_row_3 { 2353 background-color: #ffffff; 2354 2355 color:#000000; height:auto; 2356 2357 } 2358 2359 </style> 2360 2361 2362 2363 2364 2365 <div class="flex_row flex_row_4 "> 2366 2367 2368 <div class="flex_col flex_col_1"> 2369 2370 2371 </div> 2372 2373 <style> 2374 .header_container_1>.flex_row_4>.flex_col_1 { 2375 width:100%; } 2376 </style> 2377 2378 2379 2380 </div> 2381 2382 2383 <style> 2384 .header_container_1>.flex_row_4 { 2385 background-color: #ffffff; 2386 2387 color:#000000; height:17px; 2388 2389 } 2390 2391 </style> 2392 2393 2394 2395 2396 2397 2398 <div class="flex_row"> 2399 2400 2401 <div class="flex_col"> 2402 2403 2404 </div> 2405 2406 <div class="flex_col"> 2407 2408 2409 </div> 2410 2411 <div class="flex_col"> 2412 2413 2414 </div> 2415 2416 <div class="flex_col"> 2417 2418 2419 </div> 2420 2421 <div class="flex_col"> 2422 2423 2424 </div> 2425 2426 <div class="flex_col"> 2427 2428 2429 </div> 2430 2431 <div class="flex_col"> 2432 2433 2434 </div> 2435 2436 </div> 2437 2438 2439 2440 <div class="flex_row"> 2441 2442 2443 <div class="flex_col"> 2444 2445 2446 </div> 2447 2448 </div> 2449 2450 2451 2452 <div class="flex_row"> 2453 2454 2455 <div class="flex_col"> 2456 2457 2458 </div> 2459 2460 <div class="flex_col"> 2461 2462 <div class="flex_cell flex_cell_1 menu"> 2463 <style> 2464 body.no-scroll { 2465 overflow: hidden; 2466 }
2467 #desktop_hamburger_menu_template { 2468 position: fixed; 2469 top: 0; 2470 left: 0; 2471 width: 425px; 2472 overflow-y: auto; 2473 left: -425px; 2474 z-index: 1000000001; 2475 background-color: #ffffff; 2476 transition: all 0.3s ease; 2477 height: 100%; 2478 max-height: 100vh; 2479 -webkit-overflow-scrolling: touch; 2480 box-sizing: border-box; 2481 } 2482 #desktop_hamburger_menu_template_overlay.open { 2483 position: absolute; 2484 top: 0; 2485 left: 0; 2486 right: 0; 2487 z-index: 100; 2488 transition: all 0.3s ease; 2489 height: 100vh; 2490 background: rgba(1, 1, 1, 0.5); 2491 cursor: pointer; 2492 box-sizing: border-box; 2493 } 2494 #desktop_hamburger_menu_template .hamburger-menu-template-inner-m { 2495 height: 100vh; 2496 overflow-y: auto; 2497 -webkit-overflow-scrolling: touch; 2498 box-sizing: border-box; 2499 padding-right: 30px; 2500 } 2501 2502 /* Applies to your scrollable element */ 2503 #desktop_hamburger_menu_template .hamburger-menu-template-inner-m,
2504 #desktop_hamburger_menu_template .sub-menu-panel { 2505 /* existing styles */ 2506 overflow-y: auto; 2507 scroll-behavior: smooth; 2508 2509 /* Optional smoother experience on mobile */ 2510 -webkit-overflow-scrolling: touch; 2511 } 2512 2513 /* Custom scrollbar for WebKit (Chrome, Safari, Edge) */ 2514 #desktop_hamburger_menu_template .hamburger-menu-template-inner-m::-webkit-scrollbar, 2515 #desktop_hamburger_menu_template .sub-menu-panel::-webkit-scrollbar { 2516 width: 8px; 2517 } 2518 2519 #desktop_hamburger_menu_template .hamburger-menu-template-inner-m::-webkit-scrollbar-track, 2520 #desktop_hamburger_menu_template .sub-menu-panel::-webkit-scrollbar-track { 2521 background: #f0f0f0; /* Light background */ 2522 border-radius: 4px; 2523 } 2524 #desktop_hamburger_menu_template .hamburger-menu-template-inner-m::-webkit-scrollbar-thumb, 2525 #desktop_hamburger_menu_template .sub-menu-panel::-webkit-scrollbar-thumb { 2526 background-color: #ccc; 2527 border-radius: 4px; 2528 border: 2px solid #f0f0f0; /* Matches track */ 2529 } 2530 #desktop_hamburger_menu_template .hamburger-menu-template-inner-m::-webkit-scrollbar-thumb:hover,
2531 #desktop_hamburger_menu_template .sub-menu-panel::-webkit-scrollbar-thumb:hover { 2532 background-color: #999; 2533 } 2534 2535 /* Firefox scrollbar styling */ 2536 @supports (scrollbar-color: auto) { 2537 #desktop_hamburger_menu_template .hamburger-menu-template-inner-m, 2538 #desktop_hamburger_menu_template .sub-menu-panel { 2539 scrollbar-width: thin; 2540 scrollbar-color: #ccc #f0f0f0; /* thumb and track */ 2541 } 2542 } 2543 #desktop_hamburger_menu_template .hamburger-menu-template-inner { 2544 padding: 30px; 2545 width: 425px; 2546 padding-right: 0px; 2547 position: fixed; 2548 box-sizing: border-box; 2549 } 2550 #desktop_hamburger_menu_template .hamburger-menu-close-button { 2551 font-size: 14px !important; 2552 display: flex; 2553 align-items: center; 2554 margin-bottom: 20px; 2555 } 2556 #desktop_hamburger_menu_template .hamburger-menu-close-button svg { 2557 height: 24px; 2558 margin-right: 5px; 2559 } 2560 #desktop_hamburger_menu_template .hamburger-menu-nav-section { 2561 display: flex; 2562 justify-content: space-between; 2563 align-items: center; 2564 box-sizing: border-box; 2565 } 2566 #desktop_hamburger_menu_template .sub_title_m { 2567 color: #444; 2568 text-transform: uppercase; 2569 font-weight: 400; 2570 font-size: 14px; 2571 margin-top: 30px; 2572 margin-bottom: 30px; 2573 letter-spacing: 2px; 2574 display:flex; 2575 } 2576 #desktop_hamburger_menu_template .hamburger-menu-nav-section svg { 2577 height: 20px; 2578 float: right; 2579 } 2580 #desktop_hamburger_menu_template .hamburger-menu-nav-section.parent_men span{ 2581 text-decoration: underline; 2582 } 2583 #desktop_hamburger_menu_template .hamburger-menu-nav-section.parent_men_arrow{ 2584 min-width:30px; 2585 justify-content: end; 2586 } 2587 #desktop_hamburger_menu_template .icon_and_name { 2588 display:flex; 2589 align-items:center; 2590 gap:10px; 2591 } 2592 #desktop_hamburger_menu_template .ham_menu_container { 2593 display:flex; 2594 justify-content: space-between; 2595 } 2596 #desktop_hamburger_menu_template.open { 2597 left: 0; 2598 2599 }
2600 #desktop_hamburger_menu_template .sub-menu-panel { 2601 padding: 30px; 2602 padding-top: 60px; 2603 position: absolute; 2604 top: 0; 2605 left: 425px; 2606 width: 425px; 2607 height: 100vh; 2608 background-color: #fff; 2609 overflow-y: auto; 2610 z-index: 999999; 2611 opacity: 0; 2612 transition: opacity 0.5s ease; 2613 } 2614 2615 #desktop_hamburger_menu_template .sub-menu-panel.open { 2616 opacity: 1; 2617 z-index: 9999999; 2618 } 2619 2620 2621 2622 #desktop_hamburger_menu_template a.hamburger-menu-nav-section, 2623 #desktop_hamburger_menu_template button.hamburger-menu-nav-section, 2624 #desktop_hamburger_menu_template a.hamburger-menu-close-button, 2625 #desktop_hamburger_menu_template button.hamburger-menu-close-button { 2626 position: relative; 2627 color:#000000; display: flex; 2628 font-weight:400; font-style:normal; font-size:15px; font-family:ITC Avant Garde; text-transform:none; line-height:48px; } 2629 #desktop_hamburger_menu_template button.hamburger-menu-nav-section,
2630 #desktop_hamburger_menu_template button.hamburger-menu-close-button { 2631 background: none; 2632 border: none; 2633 padding: 0; 2634 cursor: pointer; 2635 width: 100%; 2636 } 2637 /* this is not working in dash */ 2638 #desktop_hamburger_menu_template a.hamburger-menu-nav-section:hover, 2639 #desktop_hamburger_menu_template button.hamburger-menu-nav-section:hover, 2640 #desktop_hamburger_menu_template a.hamburger-menu-nav-section.active, 2641 #desktop_hamburger_menu_template button.hamburger-menu-nav-section.active 2642 { 2643 color: #000; 2644 } 2645 #desktop_hamburger_menu_template a.hamburger-menu-nav-section::after, 2646 #desktop_hamburger_menu_template button.hamburger-menu-nav-section::after { 2647 content: ""; 2648 position: absolute; 2649 left: 0; 2650 bottom: 0; 2651 width: 0%; 2652 height: 0.5px; 2653 background-color: #000; 2654 transition: width 0.5s ease; 2655 } 2656 #desktop_hamburger_menu_template a.hamburger-menu-nav-section.active::after,
2657 #desktop_hamburger_menu_template button.hamburger-menu-nav-section.active::after { 2658 width: 100%; 2659 } 2660 2661 #desktop_hamburger_menu_template a.hamburger-menu-nav-section:hover::after, 2662 #desktop_hamburger_menu_template button.hamburger-menu-nav-section:hover::after { 2663 width: 100%; 2664 } 2665 #desktop_hamburger_menu_template.hamburger-menu-template .nav_list_trd { 2666 display: none; 2667 padding: 15px 0px; 2668 padding-left: 20px; 2669 background: #fff; 2670 } 2671 #desktop_hamburger_menu_template.hamburger-menu-template .nav_list_trd.open { 2672 display: block; 2673 padding-top:2px; 2674 } 2675 2676 #desktop_hamburger_menu_template a.hamburger-menu-nav-section .icon_and_name img, 2677 #desktop_hamburger_menu_template button.hamburger-menu-nav-section .icon_and_name img { 2678 height:25px; 2679 } 2680 @media (min-width: 768px) { 2681 .hide_desktop { 2682 display:none!important; 2683 } 2684 } 2685 2686 @media (max-width: 767.9px) { 2687 .hide_mobile { 2688 display:none!important; 2689 } 2690 #desktop_hamburger_menu_template .sub_title_m svg { 2691 height: 20px; 2692 transform: rotate(180deg); 2693 } 2694 #desktop_hamburger_menu_template .sub_title_m { 2695 align-items: center; 2696 gap: 8px; 2697 cursor: pointer; 2698 } 2699 #desktop_hamburger_menu_template { 2700 position: fixed; 2701 top: 0; 2702 left: 0; 2703 width: 100%; 2704 overflow-y: auto; 2705 left: -100%; 2706 z-index: 9999998; 2707 background-color: #ffffff; 2708 transition: all 0.3s ease; 2709 height: 100%; 2710 max-height: 100vh; 2711 -webkit-overflow-scrolling: touch; 2712 box-sizing: border-box; 2713 } 2714 2715 #desktop_hamburger_menu_template .sub-menu-panel { 2716 padding: 30px; 2717 padding-top: 30px; 2718 padding-bottom: 100px; 2719 position: absolute; 2720 top: 0; 2721 left: 200%; 2722 width: 100%; 2723 height: 100vh; 2724 background-color: #fff; 2725 overflow-y: auto; 2726 z-index: -1; 2727 opacity: 1; 2728 transition: 0.5s ease; 2729 box-sizing: border-box; 2730 } 2731 #desktop_hamburger_menu_template .sub-menu-panel.open { 2732 opacity: 1; 2733 left: 0px; 2734 z-index: 9999999; 2735 } 2736 2737 #desktop_hamburger_menu_template .hamburger-menu-template-inner { 2738 width: 100%; 2739 } 2740 2741 2742 } 2743 2744 2745 2746 </style> 2747 2748 <nav id="desktop_hamburger_menu_template" class="hamburger-menu-template" inert="inert"> 2749 2750 <div class="hamburger-menu-template-inner"> 2751 <div class="hamburger-menu-template-inner-m"> 2752 <a href="#!" class="hamburger-menu-close-button mr-4" title="Close" id="desktop_hamburger_close_button" role="button"> 2753 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-13ewnpa" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 11.2928L17.7703 5.52254L18.4774 6.22964L12.7071 11.9999L18.4775 17.7704L17.7704 18.4775L12 12.7071L6.22957 18.4775L5.52246 17.7704L11.2929 11.9999L5.52256 6.22964L6.22967 5.52254L12 11.2928Z" fill="currentColor"></path></svg> 2754 </a> 2755 2756 <div class="script_before_menu"> 2757 2758 2759<div class="flex_cell flex_cell_1 image"> 2760 <div class="flex_cell_content"> 2761 2762 2763 2764 <img 2765 2766 2767 src="https://www.albertsjewelers.com/public/1.0/uploads/source/homepage-2025/header-2025/frame-32.png" 2768 2769 alt="Albert's Jewelers"> 2770 2771 2772 2773 </div> 2774</div> 2775 <style> 2776 .header_container_1 .flex_row .flex_col .script_before_menu .image { 2777 width:100%; justify-content:left !important; align-items:center !important; } 2778 .header_container_1 .flex_row .flex_col .script_before_menu .image>.flex_cell_content { 2779 display: flex; 2780 margin-top:px !important; margin-bottom:px !important; margin-left:px !important; margin-right:px !important; padding-top:px !important; padding-bottom:px !important; padding-left:px !important; padding-right:px !important; } 2781 .header_container_1 .flex_row .flex_col .script_before_menu .image img { 2782 max-width:180px; } 2783 2784 .header_container_1>.flex_row_3>.flex_col_2>.flex_cell_1.image { 2785 } 2786 </style> 2787 2788 </div> 2789 <div style="clear: both"></div> 2790 2791 2792 <a style="margin-top:25px"
2793 class="hamburger-menu-nav-section " 2794 title="New Arrivals" 2795 href="#!" > 2796 2797 <span class="icon_and_name"> 2798 2799 New Arrivals </span> 2800 2801 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path></svg> 2802 2803 </a> 2804 2805 2806 2807 <div class="sub-menu-panel" id="desktop-sub-menu-panel-216"> 2808 <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0"> 2809 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"> 2810 <path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path> 2811</svg> 2812 2813 New Arrivals 2814 </div> 2815 <div class="sub_title_m hide_mobile">New Arrivals</div> 2816 2817 2818 <!-- desktop_hamburger_menu_216_start --> 2819 <div id="desktop_hamburger_menu_216"></div> 2820 <!-- desktop_hamburger_menu_216_end --> 2821 </div> 2822 2823 2824 2825 <a style="margin-top:25px" 2826 class="hamburger-menu-nav-section " 2827 title="Engagement Rings" 2828 href="#!" > 2829 2830 <span class="icon_and_name"> 2831 2832 Engagement Rings </span> 2833 2834 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path></svg> 2835 2836 </a> 2837 2838 2839 2840 <div class="sub-menu-panel" id="desktop-sub-menu-panel-6"> 2841 <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0"> 2842 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"> 2843 <path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path> 2844</svg> 2845 2846 Engagement Rings 2847 </div> 2848 <div class="sub_title_m hide_mobile">Engagement Rings</div> 2849 2850 2851 <!-- desktop_hamburger_menu_6_start --> 2852 <div id="desktop_hamburger_menu_6"></div> 2853 <!-- desktop_hamburger_menu_6_end --> 2854 </div> 2855 2856 2857 2858 <a style="" 2859 class="hamburger-menu-nav-section " 2860 title="Wedding Bands" 2861 href="#!" > 2862 2863 <span class="icon_and_name"> 2864 2865 Wedding Bands </span> 2866 2867 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path></svg> 2868 2869 </a> 2870 2871 2872
2873 <div class="sub-menu-panel" id="desktop-sub-menu-panel-12"> 2874 <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0"> 2875 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"> 2876 <path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path> 2877</svg> 2878 2879 Wedding Bands 2880 </div> 2881 <div class="sub_title_m hide_mobile">Wedding Bands</div> 2882 2883 2884 <!-- desktop_hamburger_menu_12_start --> 2885 <div id="desktop_hamburger_menu_12"></div> 2886 <!-- desktop_hamburger_menu_12_end --> 2887 </div> 2888 2889 2890 2891 <a style="" 2892 class="hamburger-menu-nav-section " 2893 title="Diamonds" 2894 href="#!" > 2895 2896 <span class="icon_and_name"> 2897 2898 Diamonds </span> 2899 2900 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path></svg> 2901 2902 </a> 2903 2904 2905 2906 <div class="sub-menu-panel" id="desktop-sub-menu-panel-11"> 2907 <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0"> 2908 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"> 2909 <path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path> 2910</svg> 2911 2912 Diamonds 2913 </div> 2914 <div class="sub_title_m hide_mobile">Diamonds</div> 2915 2916 2917 <!-- desktop_hamburger_menu_11_start --> 2918 <div id="desktop_hamburger_menu_11"></div> 2919 <!-- desktop_hamburger_menu_11_end --> 2920 </div> 2921 2922 2923 2924 <a style="margin-top:20px" 2925 class="hamburger-menu-nav-section " 2926 title="Designers " 2927 href="#!" > 2928 2929 <span class="icon_and_name"> 2930 2931 Designers </span> 2932 2933 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path></svg> 2934 2935 </a> 2936 2937 2938 2939 <div class="sub-menu-panel" id="desktop-sub-menu-panel-72"> 2940 <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0"> 2941 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"> 2942 <path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path> 2943</svg> 2944 2945 Designers 2946 </div> 2947 <div class="sub_title_m hide_mobile">Designers </div> 2948 2949 2950 <!-- desktop_hamburger_menu_72_start --> 2951 <div id="desktop_hamburger_menu_72"></div> 2952 <!-- desktop_hamburger_menu_72_end --> 2953 </div> 2954 2955 2956 2957 <a style=""
2958 class="hamburger-menu-nav-section " 2959 title="Fine Jewelry" 2960 href="#!" > 2961 2962 <span class="icon_and_name"> 2963 2964 Fine Jewelry </span> 2965 2966 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path></svg> 2967 2968 </a> 2969 2970 2971 2972 <div class="sub-menu-panel" id="desktop-sub-menu-panel-16"> 2973 <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0"> 2974 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"> 2975 <path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path> 2976</svg> 2977 2978 Fine Jewelry 2979 </div> 2980 <div class="sub_title_m hide_mobile">Fine Jewelry</div> 2981 2982 2983 <!-- desktop_hamburger_menu_16_start --> 2984 <div id="desktop_hamburger_menu_16"></div> 2985 <!-- desktop_hamburger_menu_16_end --> 2986 </div> 2987 2988 2989 2990 <a style="" 2991 class="hamburger-menu-nav-section " 2992 title="Timepieces" 2993 href="#!" > 2994 2995 <span class="icon_and_name"> 2996 2997 Timepieces </span> 2998 2999 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path></svg> 3000 3001 </a> 3002 3003 3004 3005 <div class="sub-menu-panel" id="desktop-sub-menu-panel-20"> 3006 <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0"> 3007 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"> 3008 <path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path> 3009</svg> 3010 3011 Timepieces 3012 </div> 3013 <div class="sub_title_m hide_mobile">Timepieces</div> 3014 3015 3016 <!-- desktop_hamburger_menu_20_start --> 3017 <div id="desktop_hamburger_menu_20"></div> 3018 <!-- desktop_hamburger_menu_20_end --> 3019 </div> 3020 3021 3022 3023 <a style="margin-top:20px" 3024 class="hamburger-menu-nav-section " 3025 title="Services" 3026 href="#!" > 3027 3028 <span class="icon_and_name"> 3029 3030 Services </span> 3031 3032 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path></svg> 3033 3034 </a> 3035 3036 3037
3038 <div class="sub-menu-panel" id="desktop-sub-menu-panel-179"> 3039 <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0"> 3040 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"> 3041 <path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path> 3042</svg> 3043 3044 Services 3045 </div> 3046 <div class="sub_title_m hide_mobile">Services</div> 3047 3048 3049 <!-- desktop_hamburger_menu_179_start --> 3050 <div id="desktop_hamburger_menu_179"></div> 3051 <!-- desktop_hamburger_menu_179_end --> 3052 </div> 3053 3054 3055 3056 <a style="" 3057 class="hamburger-menu-nav-section " 3058 title="Contact" 3059 href="#!" > 3060 3061 <span class="icon_and_name"> 3062 3063 Contact </span> 3064 3065 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path></svg> 3066 3067 </a> 3068 3069 3070 3071 <div class="sub-menu-panel" id="desktop-sub-menu-panel-22"> 3072 <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0"> 3073 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"> 3074 <path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path> 3075</svg> 3076 3077 Contact 3078 </div> 3079 <div class="sub_title_m hide_mobile">Contact</div> 3080 3081 3082 <!-- desktop_hamburger_menu_22_start --> 3083 <div id="desktop_hamburger_menu_22"></div> 3084 <!-- desktop_hamburger_menu_22_end --> 3085 </div> 3086 3087 <div class="script_after_menu"> 3088 </div> 3089 </div> 3090 </div> 3091 </nav>
3092 <div class="hamburger-menu-template-overlay" id="desktop_hamburger_menu_template_overlay"></div> 3093 3094
3094<script> 3095 $(function () { 3096 3097 3098 const trap = focusTrap.createFocusTrap('#desktop_hamburger_menu_template', { 3099 onActivate: () => $('#desktop_hamburger_menu_template').addClass('is-active'), 3100 onDeactivate: () => $('#desktop_hamburger_menu_template').removeClass('is-active'), 3101 clickOutsideDeactivates: true 3102 }); 3103 3104 3105 3106 function updatePanelWidth() { 3107 const elements = document.querySelectorAll('.custom_bm_fw'); 3108 3109 elements.forEach(element => { 3110 const panel = element.closest('.sub-menu-panel'); 3111 if (panel) { 3112 if (window.innerWidth > 768) { 3113 const newWidth = window.innerWidth - 425; 3114 panel.style.width = `${newWidth}px`; 3115 } else { 3116 panel.removeAttribute('style'); 3117 } 3118 } 3119 }); 3120 } 3121 3122 updatePanelWidth(); 3123 window.addEventListener('resize', updatePanelWidth); 3124 3125 let $lastNavTrigger = null; 3126 $('.sub-menu-panel').attr('tabindex', '-1'); 3127 $('.sub-menu-panel').find('a, button, .close_sub_menu').attr('tabindex', '-1'); 3128 3129 3130 3131 $('#desktop_hamburger_button').on('click keypress', function (event) { 3132 if(event.which === 13 || event.which === 32 || event.type == 'click') { 3133 if(event.which === 32) { 3134 event.preventDefault(); 3135 } 3136 document.body.classList.add('no-scroll'); 3137 $('#desktop_hamburger_menu_template').toggleClass('open') 3138 $('#desktop_hamburger_menu_template_overlay').toggleClass('open') 3139 $('#desktop_hamburger_menu_template').removeAttr('inert') 3140 trap.activate() 3141 $('#desktop_hamburger_close_button').focus() 3142 } 3143 }) 3144 3145 function closeSubMenu() { 3146 document.querySelectorAll('.sub-menu-panel').forEach(panel => { 3147 panel.classList.remove('open'); 3148 }) 3149 document.querySelectorAll('.hamburger-menu-nav-section').forEach(panel => { 3150 panel.classList.remove('active'); 3151 }) 3152 $('.sub-menu-panel').find('a, button, .close_sub_menu').attr('tabindex', '-1'); 3153 // Restore main-list nav items to the tab order 3154 $('.hamburger-menu-nav-section').removeAttr('tabindex'); 3155 if ($lastNavTrigger) { 3156 $lastNavTrigger.focus(); 3157 $lastNavTrigger = null; 3158 } 3159 } 3160 3161 $('.header_container_1').on('click', '.close_sub_menu', function() { 3162 closeSubMenu(); 3163 }) 3164 3165 $('.header_container_1').on('keydown', '.close_sub_menu', function(event) { 3166 if (event.key === 'Enter' || event.key === ' ') { 3167 event.preventDefault(); 3168 closeSubMenu(); 3169 } 3170 }) 3171 3172 3173 3174 // Cycle Tab focus within the open sub-menu-panel (last item â first item) 3175 $(document).on('keydown', '.sub-menu-panel.open [tabindex="0"]', function(event) { 3176 if (event.key !== 'Tab' || event.shiftKey) return; 3177 var $panel = $(this).closest('.sub-menu-panel.open'); 3178 var $focusable = $panel.find('a[tabindex="0"], button[tabindex="0"], .close_sub_menu[tabindex="0"]'); 3179 if ($focusable.last().is(this)) { 3180 event.preventDefault(); 3181 $focusable.first().trigger('focus'); 3182 } 3183 }); 3184 3185 $('#desktop_hamburger_close_button, #desktop_hamburger_menu_template_overlay').on('click keypress', function (event) { 3186 // <button> fires a synthetic click on Enter/Space â skip keypress to avoid double-fire 3187 if (event.type === 'keypress' && this.tagName === 'BUTTON') { 3188 return; 3189 } 3190 if(event.which === 13 || event.which === 32 || event.type == 'click') { 3191 if (event.which === 32) { 3192 event.preventDefault(); 3193 } 3194 3195 closeHamburgerMenu(); 3196 } 3197 }) 3198 3199 $(window).resize(function () { 3200 if($(window).width() <= 992) closeHamburgerMenu(); 3201 }) 3202 3203 function closeHamburgerMenu() {
3204 document.querySelectorAll('.sub-menu-panel').forEach(panel => { 3205 panel.classList.remove('open'); 3206 }) 3207 document.querySelectorAll('.hamburger-menu-nav-section').forEach(panel => { 3208 panel.classList.remove('active'); 3209 }) 3210 $('.sub-menu-panel').find('a, button, .close_sub_menu').attr('tabindex', '-1'); 3211 // Restore main-list nav items to the tab order 3212 $('.hamburger-menu-nav-section').removeAttr('tabindex'); 3213 $lastNavTrigger = null; 3214 document.body.classList.remove('no-scroll'); 3215 $('#desktop_hamburger_menu_template').removeClass('open') 3216 $('#desktop_hamburger_menu_template_overlay').removeClass('open') 3217 $('#desktop_hamburger_menu_template').attr('inert', 'inert') 3218 trap.deactivate() 3219 } 3220 3221 $('.header_container_1').on('click', '.hamburger-menu-nav-section', function() { 3222 3223 if ($(this).hasClass("active")) { 3224 document.querySelectorAll('.sub-menu-panel').forEach(panel => { 3225 panel.classList.remove('open'); 3226 }) 3227 document.querySelectorAll('.hamburger-menu-nav-section').forEach(panel => { 3228 panel.classList.remove('active'); 3229 }) 3230 $('.sub-menu-panel').find('a, button, .close_sub_menu').attr('tabindex', '-1'); 3231 // Restore main-list nav items to the tab order 3232 $('.hamburger-menu-nav-section').removeAttr('tabindex'); 3233 } else { 3234 // For parent_men_arrow, the sub-menu-panel is after ham_menu_container, not after the button 3235 let $checkPanel = $(this).hasClass("parent_men_arrow") 3236 ? $(this).closest('.ham_menu_container').next('.sub-menu-panel') 3237 : $(this).next('.sub-menu-panel'); 3238 3239 if ($checkPanel.find('.nav_a_trd').length > 0 || $checkPanel.find('.custom_build_menu').length > 0) { 3240 document.querySelectorAll('.sub-menu-panel').forEach(panel => { 3241 panel.classList.remove('open'); 3242 }) 3243 document.querySelectorAll('.hamburger-menu-nav-section').forEach(panel => { 3244 panel.classList.remove('active'); 3245 }) 3246 $('.sub-menu-panel').find('a, button, .close_sub_menu').attr('tabindex', '-1'); 3247 3248 $(this).addClass('active'); 3249 $lastNavTrigger = $(this); 3250 3251 let $openedPanel = null; 3252 3253 if (!$(this).hasClass("parent_men")) { 3254 updatePanelWidth(); 3255 $(this).next('.sub-menu-panel').toggleClass('open'); 3256 $openedPanel = $(this).next('.sub-menu-panel'); 3257 } 3258 if ($(this).hasClass("parent_men_arrow")) { 3259 $(this).closest('.ham_menu_container').next('.sub-menu-panel').toggleClass('open'); 3260 $openedPanel = $(this).closest('.ham_menu_container').next('.sub-menu-panel'); 3261 } 3262 3263 if ($openedPanel && $openedPanel.hasClass('open')) { 3264 // Hide main-list nav items from tab order while panel is open 3265 $('.hamburger-menu-nav-section').attr('tabindex', '-1'); 3266 $openedPanel.find('a, button, .close_sub_menu').attr('tabindex', '0'); 3267 setTimeout(function() { 3268 $openedPanel.find('[tabindex="0"]').first().trigger('focus'); 3269 }, 50); 3270 } 3271 } 3272 } 3273 3274 }) 3275 }) 3276 3277 function setHamburgerInnerHeight() { 3278 const inner = document.querySelector('.hamburger-menu
3278-template-inner-m'); 3279 const offset = 0; // adjust this if there's a header/footer inside 3280 inner.style.height = `${window.innerHeight - offset - 70}px`; 3281 } 3282 3283 // Run on load and resize 3284 window.addEventListener('load', setHamburgerInnerHeight); 3285 window.addEventListener('resize', setHamburgerInnerHeight); 3286 3287 </script>
3287 3288</div> 3289 3290<style> 3291 #desktop_hamburger_menu_template>ul>li>a { 3292 color:#000000; display: flex; 3293 font-weight:400; font-style:normal; font-size:15px; font-family:ITC Avant Garde; text-transform:none; line-height:48px; } 3294 3295 #desktop_hamburger_menu_template>ul>li>a:hover { 3296 color:#000000; } 3297 3298 3299 3300</style> 3301 </div> 3302 3303 <div class="flex_col"> 3304 3305 3306 </div> 3307 3308 <div class="flex_col"> 3309 3310 3311 </div> 3312 3313 <div class="flex_col"> 3314 3315 3316 </div> 3317 3318 <div class="flex_col"> 3319 3320 3321 </div> 3322 3323 </div> 3324 3325 3326 3327 <div class="flex_row"> 3328 3329 3330 <div class="flex_col"> 3331 3332 3333 </div> 3334 3335 </div> 3336 3337 3338 </div> 3339 3340 3341 3342</header> 3343<header class="appearance-tablet-view-template"> 3344 3345 3346 3347 <style> 3348 .header_container>.flex_row { 3349 display: flex; 3350 } 3351 3352 .header_container_2 { 3353 width: 100%; 3354 max-width: 100%; 3355 margin: 0 auto; 3356 position: relative !important; 3357 transform: inherit !important; 3358 } 3359 .header_container>.flex_row>.flex_col { 3360 display: flex; 3361 flex-wrap: wrap; 3362 box-sizing: border-box; 3363 align-content: baseline; 3364 } 3365 .header_container>.flex_row>.flex_col>.flex_cell { 3366 height: fit-content; 3367 display: flex; 3368 } 3369 .header_container>.flex_row>.flex_col>.flex_cell a { 3370 text-decoration: none; 3371 } 3372 .header_container img { 3373 max-width: 100%; 3374 } 3375 .row_spacer_cs { 3376 display: none; 3377 } 3378 .sticky_row { 3379 position: fixed; 3380 } 3381 .sticky_row + .row_spacer_cs { 3382 display: block; 3383 } 3384 </style> 3385 3386 <div class="header_container header_container_2" data-device-type="2"> 3387 3388 3389 3390 <div class="flex_row flex_row_1 "> 3391 3392 3393 <div class="flex_col flex_col_1"> 3394 3395 3396 </div> 3397 3398 <style> 3399 .header_container_2>.flex_row_1>.flex_col_1 { 3400 width:3%; } 3401 </style> 3402 3403 3404 3405 <div class="flex_col flex_col_2"> 3406 3407 3408<div class="flex_cell flex_cell_1 custom_text"> 3409 <div class="flex_cell_content"> 3410 <a class="txt_link_ig" title="custom link" href="https://www.albertsjewelers.com/request-an-appointment" > 3411 <p class="">Request An Appointment â</p> 3412 </a> 3413 </div> 3414</div> 3415<style> 3416 .header_container_2>.flex_row_1>.flex_col_2>.flex_cell_1.custom_text { 3417 width:100%; justify-content:left; -webkit-justify-content:left; align-items:center; -webkit-align-items:center; } 3418 3419 .header_container_2>.flex_row_1>.flex_col_2>.flex_cell_1.custom_text { 3420 height:100%; } 3421 3422 .header_container_2>.flex_row_1>.flex_col_2>.flex_cell_1.custom_text>.flex_cell_content { 3423 display: flex; 3424 margin-top:10px; margin-bottom:10px; margin-left:3px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 3425 3426 .header_container_2>.flex_row_1>.flex_col_2>.flex_cell_1.custom_text>.flex_cell_content>a p { 3427 line-height: inherit; 3428 margin:0; 3429 text-align:center; color:#ffffff; font-weight:400; font-style:normal; font-size:11px;font-family:ITC Avant Garde; text-transform:none; text-decoration:none; } 3430 3431 .header_container_2>.flex_row_1>.flex_col_2>.flex_cell_1.custom_text>.flex_cell_content>a p:hover { 3432 color:#ffffff; } 3433</style> 3434 3435 </div> 3436 3437 <style> 3438 .header_container_2>.flex_row_1>.flex_col_2 { 3439 width:47%; } 3440 </style> 3441 3442 3443 3444 <div class="flex_col flex_col_3"> 3445 3446 3447<div class="flex_cell flex_cell_1 call_us"> 3448 <div class="flex_cell_content"><a class="phone_number_click " href="tel:219-322-2700" title="Call us 219-322-2700">
3448<svg role="img" aria-label="Call Us" viewBox="0 0 512 512"><path class="path_class" d="M511.2 387l-23.25 100.8c-3.266 14.25-15.79 24.22-30.46 24.22C205.2 512 0 306.8 0 54.5c0-14.66 9.969-27.2 24.22-30.45l100.8-23.25C139.7-2.602 154.7 5.018 160.8 18.92l46.52 108.5c5.438 12.78 1.77 27.67-8.98 36.45L144.5 207.1c33.98 69.22 90.26 125.5 159.5 159.5l44.08-53.8c8.688-10.78 23.69-14.51 36.47-8.975l108.5 46.51C506.1 357.2 514.6 372.4 511.2 387z"/></svg><span>Call Us</span></a></div> </div> 3449<style> 3450 .header_container_2>.flex_row_1>.flex_col_3>.flex_cell_1.call_us { 3451 width:100%; justify-content:right; -webkit-justify-content:right; align-items:center; -webkit-align-items:center; } 3452 3453 .header_container_2>.flex_row_1>.flex_col_3>.flex_cell_1.call_us { 3454 height:100%; } 3455 3456 .header_container_2>.flex_row_1>.flex_col_3>.flex_cell_1.call_us>.flex_cell_content { 3457 display: flex; 3458 margin-top:10px; margin-bottom:10px; margin-left:px; margin-right:3px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 3459 3460 .header_container_2>.flex_row_1>.flex_col_3>.flex_cell_1 a { 3461 color:#ffffff; font-weight:400; font-style:normal; font-size:11px; font-family:ITC Avant Garde; display: flex; 3462 align-items: center; 3463 text-transform:none; } 3464 3465 .header_container_2>.flex_row_1>.flex_col_3>.flex_cell_1.call_us a svg, 3466 .header_container_2>.flex_row_1>.flex_col_3>.flex_cell_1.call_us a img { 3467 margin-right: 5px; 3468 height:10px; } 3469 3470 .header_container_2>.flex_row_1>.flex_col_3>.flex_cell_1 a .path_class { 3471 fill: currentColor; 3472 } 3473 3474 3475 .header_container_2>.flex_row_1>.flex_col_3>.flex_cell_1 a:hover { 3476 color:#ffffff; } 3477</style> 3478 </div> 3479 3480 <style> 3481 .header_container_2>.flex_row_1>.flex_col_3 { 3482 width:47%; } 3483 </style> 3484 3485 3486 3487 <div class="flex_col flex_col_4"> 3488 3489 3490 </div> 3491 3492 <style> 3493 .header_container_2>.flex_row_1>.flex_col_4 { 3494 width:3%; } 3495 </style> 3496 3497 3498 3499 </div> 3500 3501 3502 <style> 3503 .header_container_2>.flex_row_1 { 3504 background-color: #022d57; 3505 3506 color:#000000; height:auto; 3507 3508 } 3509 3510 </style> 3511 3512 3513 3514 3515 3516 <div class="flex_row flex_row_2 "> 3517 3518 3519 <div class="flex_col flex_col_1"> 3520 3521 <div class="flex_cell flex_cell_1 menu"> 3522 <div class="flex_cell_content"> 3523 <style> 3524 .header_container_2>.flex_row_2>.flex_col_1>.flex_cell_1.menu .hamburger-button-inner, 3525 .header_container_2>.flex_row_2>.flex_col_1>.flex_cell_1.menu .hamburger-button-parent { 3526 width: 30px; 3527 height: 24px; 3528 position: relative; 3529 cursor: pointer; 3530 } 3531 .header_container_2>.flex_row_2>.flex_col_1>.flex_cell_1.menu .hamburger-button-inner .hamburger-icon rect { 3532 fill: #022d57; } 3533 3534 3535 .header_container_2>.flex_row_2>.flex_col_1>.flex_cell_1.menu a.hamburger-menu-nav-section, 3536 .header_container_2>.flex_row_2>.flex_col_1>.flex_cell_1.menu a.hamburger-menu-close-button{ 3537 color:#000000; display: flex; 3538 font-weight:400; font-style:normal; font-size:14px; font-family:ITC Avant Garde; text-transform:none; line-height:35px; } 3539 </style> 3540 3541 <div id="tablet_hamburger_button" role="button" class="hamburger-button-inner" tabindex="0" aria-label="Hamburger Button" aria-expanded="false" aria-controls="tablet_hamburger_menu_template"> 3542 <div class="hamburger-button-parent"> 3543 <svg class="hamburger-icon" width="30" height="24" viewBox="0 0 30 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"> 3544 <rect y="1" width="30" height="3" rx="1.5" ry="1.5" fill="black"/> 3545 <rect y="10" width="30" height="3" rx="1.5" ry="1.5" fill="black"/> 3546 <rect y="19" width="30" height="3" rx="1.5" ry="1.5" fill="black"/> 3547 </svg> 3548 3549 3550 </div> 3551 </div> 3552 </div> 3553</div> 3554 3555<style> 3556 .header_container_2>.flex_row_2>.flex_col_1>.flex_cell_1.menu { 3557 width:100%; justify-content: center; 3558 align-items:center; -webkit-align-items:center; } 3559 3560 .header_container_2>.flex_row_2>.flex_col_1>.flex_cell_1.menu { 3561 height:100%; } 3562 3563 .header_container_2>.flex_row_2>.flex_col_1>.flex_cell_1.menu>.flex_cell_content { 3564 display: flex; 3565 margin-top:px; margin-bottom:px; margin-left:px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 3566 3567 .header_container_2>.flex_row_2>.flex_col_1>.flex_cell_1.menu>.flex_cell_content>nav>ul>li>a, 3568 .header_container_2>.flex_row_2>.flex_col_1>.flex_cell_1.menu>.flex_cell_content>nav>ul>li>button { 3569 color:#000000; display: flex; 3570 font-weight:400; font-style:normal; font-size:14px; font-family:ITC Avant Garde; text-transform:none; line-height:35px; } 3571 3572 .header_container_2>.flex_row_2>.flex_col_1>.flex_cell_1.menu>.flex_cell_content>nav>ul>li>a:hover { 3573 color:#000000; } 3574</style> 3575 </div> 3576 3577 <style> 3578 .header_container_2>.flex_row_2>.flex_col_1 { 3579 width:12%; } 3580 </style> 3581 3582 3583 3584 <div class="flex_col flex_col_2"> 3585 3586 3587 3588<div class="flex_cell flex_cell_1 image"> 3589 <div class="flex_cell_content"> 3590 3591 <a href="https://www.albertsjewelers.com/" 3592 > 3593 3594 3595 <img 3596 3597 3598 src="https://www.albertsjewelers.com/public/1.0/uploads/source/ad-logo-t.png" 3599 3600 alt="Albert's Diamond Jewelers"> 3601 3602 3603 </a> 3604 3605 </div> 3606</div> 3607 <style> 3608 .header_container_2>.flex_row_2>.flex_col_2>.flex_cell_1.image { 3609 width:100%; justify-content:left;
3609 -webkit-justify-content:left; align-items:center; -webkit-align-items:center; } 3610 .header_container_2>.flex_row_2>.flex_col_2>.flex_cell_1.image>.flex_cell_content { 3611 display: flex; 3612 margin-top:10px; margin-bottom:10px; margin-left:px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 3613 .header_container_2>.flex_row_2>.flex_col_2>.flex_cell_1.image img { 3614 max-width:100%; } 3615 3616 .header_container_2>.flex_row_2>.flex_col_2>.flex_cell_1.image { 3617 height:100%; } 3618 </style> 3619 3620 3621 </div> 3622 3623 <style> 3624 .header_container_2>.flex_row_2>.flex_col_2 { 3625 width:60%; } 3626 </style> 3627 3628 3629 3630 <div class="flex_col flex_col_3"> 3631 3632 3633<div class="flex_cell flex_cell_1 account_icons"> 3634 <div class="flex_cell_content"> 3635 3636 <a class="" href="/wishlist" title="Wishlist" rel="nofollow" style="order: 1"> 3637 <svg role="img" aria-label="Wishlist" width="640" height="640" viewBox="0 0 640 640" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_107_20)"><path class="path_class" d="M420.2 214.3L563.9 235.5C575.8 237.2 585.8 245.6 589.6 257.1C593.4 268.7 590.3 281.3 581.7 289.9L477.5 392.1L502.1 538.7C504.1 550.7 499.2 562.9 489.2 570C479.3 577.1 466.2 578 455.5 572.3L327.1 503.8L198.8 572.3C188 578 174.9 577.1 165 570C155.1 562.9 150.1 550.7 152.2 538.7L176.8 392.1L72.58 289.9C63.97 281.3 60.91 268.7 64.69 257.1C68.46 245.6 78.43 237.2 90.42 235.5L234 214.3L298.4 81.97C303.7 70.954 314.9 63.9609 327.1 63.9609C339.4 63.9609 350.6 70.954 355.9 81.97L420.2 214.3Z" fill="black"/></g><defs><clipPath id="clip0_107_20"><rect width="576" height="512" fill="white" transform="translate(39 64)"/></clipPath></defs></svg> <span class="item-count-badge wishlist-count-badge d-none"></span> 3638 </a> 3639 3640 <a class=" build-shopping-cart-icon" href="/shopping-cart" title="Shopping Cart" style="order: 2"> 3641 <svg role="img" aria-label="Shopping Cart" width="640" height="640" viewBox="0 0 640 640" fill="none" xmlns="http://www.w3.org/2000/svg"><path class="path_class" d="M128 64C139.5 64 149.4 72.19 151.6 83.51L153.1 96H573.8C594.1 96 610.3 116.25 604.6 136.66L550.6 328.7C546.7 342.5 534.1 352 519.8 352H202.7L211.9 400H520C533.3 400 544 410.7 544 424C544 437.3 533.3 448 520 448H191.1C180.5 448 170.6 439.8 168.4 428.5L108.14 112H56C42.75 112 32 101.25 32 88C32 74.75 42.75 64 56 64H128ZM160 528C160 501.5 181.5 480 208 480C234.5 480 256 501.5 256 528C256 554.5 234.5 576 208 576C181.5 576 160 554.5 160 528ZM544 528C544 554.5 522.5 576 496 576C469.5 576 448 554.5 448 528C448 501.5 469.5 480 496 480C522.5 480 544 501.5 544 528Z" fill="black"/></svg> <span class="item-count-badge build-shopping-cart-item-counter d-none"></span> 3642 </a> 3643 3644 3645 <a class="" href="/login" title="My Account" style="order: 3"> 3646 <svg role="img" aria-label="My Account" width="640" height="640" viewBox="0 0 640 640" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_107_18)"><path class="path_class" d="M320 320C390.7 320 448 262.69 448 192C448 121.31 390.7 64 320 64C249.3 64 192 121.31 192 192C192 262.69 249.3 320 320 320ZM370.7 368H269.3C173.61 368 96 445.6 96 541.3C96 560.44 111.52 575.97 130.66 575.97H509.36C528.5 576 544 560.5 544 541.3C544 445.6 466.4 368 370.7 368Z" fill="black"/></g><defs><clipPath id="clip0_107_18"><rect width="448" height="512" fill="white" transform="translate(96 64)"/></clipPath></defs></svg> </a> 3647 </div> 3648</div> 3649 3650<style> 3651 .header_container_2>.flex_row_2>.flex_col_3>.flex_cell_1.account_icons { 3652 width:100%; justify-content: flex-end; 3653 align-items:center; -webkit-align-items:center; } 3654 3655 .header_container_2>.flex_row_2>.flex_col_3>.flex_cell_1.account_icons { 3656 height:100%; } 3657 3658 .header_container_2>.flex_row_2>.flex_col_3>.flex_cell_1.account_icons>.flex_cell_content { 3659 display: flex; 3660 margin-top:px; margin-bottom:px; margin-left:px; margin-right:25px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 3661 3662 .header_container_2>.flex_row_2>.flex_col_3>.flex_cell_1.account_icons .wishlist-count-badge.d-none { 3663 display: none !important; 3664 } 3665 3666 .header_container_2>.flex_row_2>.flex_col_3>.flex_cell_1.account_icons a { 3667 display: flex; 3668 align-items: center; 3669 color:#022d57; font-weight:400; font-style:normal; font-size:16px; font-family:Baskerville; margin-left: 12px; 3670 text-transform:none; } 3671 3672 .header_container_2>.flex_row_2>.flex_col_3>.flex_cell_1.account_icons a svg, 3673 .header_container_2>.flex_row_2>.flex_col_3>.flex_cell_1.account_icons a img { 3674 flex-shrink: 0; 3675 margin-right: 5px; 3676 width:15px; height:15px; } 3677 3678 .header_container_2>.flex_row_2>.flex_col_3>.flex_cell_1.account_icons a .path_class { 3679 fill: currentColor; 3680 } 3681 3682 .header_container_2>.flex_row_2>.flex_col_3>.flex_cell_1.account_icons a:hover { 3683 color:#003da5; } 3684 3685 .header_container_2>.flex_row_2>.flex_col_3>.flex_cell_1.account_icons a .item-count-badge { 3686 padding: 0 5px; 3687 height: 16px; 3688 min-width: 16px; 3689 text-align: center; 3690 border-radius: 7px; 3691 line-height: 16px; 3692 border: 1px solid #fff; 3693 font-style: normal; 3694 font-weight: 700; 3695 font-size: 10px; 3696 background-color:#cdb877; color:#ffffff; margin-left: -10px; 3697 margin-top: -15px; 3698 } 3699</style> 3700 </div> 3701 3702 <style> 3703 .header_container_2>.flex_row_2>.flex_col_3 { 3704 width:28%; } 3705 </style> 3706 3707 3708 3709 </div> 3710 3711 3712 <style> 3713 .header_container_2>.flex_row_2 { 3714 background-color: #ffffff; 3715 3716 color:#000000; height:auto; 3717 3718 } 3719 3720 </style> 3721 3722 3723 3724 3725 3726 <div class="flex_row flex_row_3 "> 3727 3728 3729 <div class="flex_col flex_col_1"> 3730 3731 3732<div class="flex_cell flex_cell_1 search_box"> 3733 <div class="flex_cell_content"> 3734 <form class="sform" id="search-box-form"
3735 onsubmit="javascript: window.location = '/keyword-search?search=' + encodeURIComponent($(this).find('input[name=search]').val()); return false;"> 3736 <div class="inputs-group"> 3737 <button class="sBtn"> 3738 <svg role="img" aria-label="Search" viewBox="0 0 512 512"><path class="path_class" d="M500.3 443.7l-119.7-119.7c27.22-40.41 40.65-90.9 33.46-144.7C401.8 87.79 326.8 13.32 235.2 1.723C99.01-15.51-15.51 99.01 1.724 235.2c11.6 91.64 86.08 166.7 177.6 178.9c53.8 7.189 104.3-6.236 144.7-33.46l119.7 119.7c15.62 15.62 40.95 15.62 56.57 0C515.9 484.7 515.9 459.3 500.3 443.7zM79.1 208c0-70.58 57.42-128 128-128s128 57.42 128 128c0 70.58-57.42 128-128 128S79.1 278.6 79.1 208z"/></svg> 3739 </button> 3740 <input class="sinp" type="text" name="search" 3741 placeholder="Watches, Jewelry, Rings..." 3742 aria-label="Watches, Jewelry, Rings..." 3743 > 3744 </div> 3745 </form> 3746 </div> 3747</div> 3748<style> 3749 .header_container_2>.flex_row_3>.flex_col_1>.flex_cell_1.search_box { 3750 width:100%; justify-content:center; -webkit-justify-content:center; align-items:center; -webkit-align-items:center; } 3751 3752 .header_container_2>.flex_row_3>.flex_col_1>.flex_cell_1.search_box { 3753 height:100%; } 3754 3755 .header_container_2>.flex_row_3>.flex_col_1>.flex_cell_1.search_box>.flex_cell_content { 3756 display: flex; 3757 margin-top:10px; margin-bottom:10px; margin-left:px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; width:85%; } 3758 3759 .header_container_2>.flex_row_3>.flex_col_1>.flex_cell_1 .sform, .header_container_2>.flex_row_3>.flex_col_1>.flex_cell_1 .inputs-group { 3760 width: 100%; 3761 display: flex; 3762 flex-wrap: nowrap; 3763 } 3764 3765 .header_container_2>.flex_row_3>.flex_col_1>.flex_cell_1 .sinp { 3766 border-radius: 0px; 3767 padding: 4px 8px; 3768 outline: 0px; 3769 box-shadow: none; 3770 font-size:12px; font-family:Baskerville; color:#022d57; font-weight:400; font-style:normal; background-color:#ffffff; 3771 3772 3773 border-style: solid; 3774 border-width:1px; border-color:#ffffff; 3775 3776 border-left:0px; 3777 width: 100%; 3778 3779 border-bottom-color:#022d57; } 3780 3781 .header_container_2>.flex_row_3>.flex_col_1>.flex_cell_1 .sinp:hover { 3782 } 3783 3784 .header_container_2>.flex_row_3>.flex_col_1>.flex_cell_1 .sinp::placeholder { 3785 font-size:12px; font-family:Baskerville; color:#022d75; opacity: 1; 3786 } 3787 3788 .header_container_2>.flex_row_3>.flex_col_1>.flex_cell_1 .sBtn { 3789 height: 100%; 3790 border-radius: 0px; 3791 padding: 4px; 3792 align-items: center; 3793 justify-content: center; 3794 display: flex; 3795 border-style: solid; 3796 border-width:1px; border-color:#ffffff; color:#022d57; font-weight:400; font-style:normal; background-color:#ffffff; border-right:0px; 3797 3798 } 3799 3800 .header_container_2>.flex_row_3>.flex_col_1>.flex_cell_1 .sBtn:hover { 3801 background-color:#ffffff; } 3802 3803 .header_container_2>.flex_row_3>.flex_col_1>.flex_cell_1 .sBtn svg { 3804 width:11px; height:11px; } 3805 3806 .header_container_2>.flex_row_3>.flex_col_1>.flex_cell_1 .sBtn .path_class { 3807 fill:#022d57; } 3808 3809 .header_container_2>.flex_row_3>.flex_col_1>.flex_cell_1 .sBtn:hover .path_class { 3810 fill:#022d57; } 3811 3812</style> 3813 </div> 3814 3815 <style> 3816 .header_container_2>.flex_row_3>.flex_col_1 { 3817 width:100%; } 3818 </style> 3819 3820 3821 3822 </div> 3823 3824 3825 <style> 3826 .header_container_2>.flex_row_3 { 3827 background-color: #ffffff; 3828 3829 color:#000000; height:auto; 3830 3831 } 3832 3833 </style> 3834 3835 3836 3837 3838 3839 3840 <div class="flex_row"> 3841 3842 3843 <div class="flex_col"> 3844 3845 3846 </div> 3847 3848 <div class="flex_col"> 3849 3850 3851 </div> 3852 3853 <div class="flex_col"> 3854 3855 3856 </div> 3857 3858 <div class="flex_col"> 3859 3860 3861 </div> 3862 3863 </div> 3864 3865 3866 3867 <div class="flex_row"> 3868 3869 3870 <div class="flex_col"> 3871 3872 <div class="flex_cell flex_cell_1 menu"> 3873 <style> 3874 body.no-scroll { 3875 overflow: hidden; 3876 } 3877 #tablet_hamburger_menu_template { 3878 position: fixed; 3879 top: 0; 3880 left: 0; 3881 width: 425px; 3882 overflow-y: auto; 3883 left: -425px; 3884 z-index: 1000000001; 3885 background-color: #ffffff; 3886 transition: all 0.3s ease; 3887 height: 100%; 3888 max-height: 100vh; 3889 -webkit-overflow-scrolling: touch; 3890 box-sizing: border-box; 3891 } 3892 #tablet_hamburger_menu_template_overlay.open { 3893 position: absolute; 3894 top: 0; 3895 left: 0; 3896 right: 0; 3897 z-index: 100; 3898 transition: all 0.3s ease; 3899 height: 100vh; 3900 background: rgba(1, 1, 1, 0.5); 3901 cursor: pointer; 3902 box-sizing: border-box; 3903 }
3904 #tablet_hamburger_menu_template .hamburger-menu-template-inner-m { 3905 height: 100vh; 3906 overflow-y: auto; 3907 -webkit-overflow-scrolling: touch; 3908 box-sizing: border-box; 3909 padding-right: 30px; 3910 } 3911 3912 /* Applies to your scrollable element */ 3913 #tablet_hamburger_menu_template .hamburger-menu-template-inner-m, 3914 #tablet_hamburger_menu_template .sub-menu-panel { 3915 /* existing styles */ 3916 overflow-y: auto; 3917 scroll-behavior: smooth; 3918 3919 /* Optional smoother experience on mobile */ 3920 -webkit-overflow-scrolling: touch; 3921 } 3922 3923 /* Custom scrollbar for WebKit (Chrome, Safari, Edge) */ 3924 #tablet_hamburger_menu_template .hamburger-menu-template-inner-m::-webkit-scrollbar, 3925 #tablet_hamburger_menu_template .sub-menu-panel::-webkit-scrollbar { 3926 width: 8px; 3927 } 3928 3929 #tablet_hamburger_menu_template .hamburger-menu-template-inner-m::-webkit-scrollbar-track, 3930 #tablet_hamburger_menu_template .sub-menu-panel::-webkit-scrollbar-track { 3931 background: #f0f0f0; /* Light background */ 3932 border-radius: 4px; 3933 } 3934 #tablet_hamburger_menu_template .hamburger-menu-template-inner-m::-webkit-scrollbar-thumb, 3935 #tablet_hamburger_menu_template .sub-menu-panel::-webkit-scrollbar-thumb { 3936 background-color: #ccc; 3937 border-radius: 4px; 3938 border: 2px solid #f0f0f0; /* Matches track */ 3939 } 3940 #tablet_hamburger_menu_template .hamburger-menu-template-inner-m::-webkit-scrollbar-thumb:hover, 3941 #tablet_hamburger_menu_template .sub-menu-panel::-webkit-scrollbar-thumb:hover { 3942 background-color: #999; 3943 } 3944 3945 /* Firefox scrollbar styling */ 3946 @supports (scrollbar-color: auto) { 3947 #tablet_hamburger_menu_template .hamburger-menu-template-inner-m, 3948 #tablet_hamburger_menu_template .sub-menu-panel { 3949 scrollbar-width: thin; 3950 scrollbar-color: #ccc #f0f0f0; /* thumb and track */ 3951 } 3952 } 3953 #tablet_hamburger_menu_template .hamburger-menu-template-inner { 3954 padding: 30px; 3955 width: 425px; 3956 padding-right: 0px; 3957 position: fixed; 3958 box-sizing: border-box; 3959 } 3960 #tablet_hamburger_menu_template .hamburger-menu-close-button { 3961 font-size: 14px !important; 3962 display: flex; 3963 align-items: center; 3964 margin-bottom: 20px; 3965 } 3966 #tablet_hamburger_menu_template .hamburger-menu-close-button svg { 3967 height: 24px; 3968 margin-right: 5px; 3969 } 3970 #tablet_hamburger_menu_template .hamburger-menu-nav-section { 3971 display: flex; 3972 justify-content: space-between; 3973 align-items: center; 3974 box-sizing: border-box; 3975 } 3976 #tablet_hamburger_menu_template .sub_title_m { 3977 color: #444; 3978 text-transform: uppercase; 3979 font-weight: 400; 3980 font-size: 14px; 3981 margin-top: 30px; 3982 margin-bottom: 30px; 3983 letter-spacing: 2px; 3984 display:flex; 3985 } 3986 #tablet_hamburger_menu_template .hamburger-menu-nav-section svg { 3987 height: 20px; 3988 float: right; 3989 } 3990 #tablet_hamburger_menu_template .hamburger-menu-nav-section.parent_men span{ 3991 text-decoration: underline; 3992 } 3993 #tablet_hamburger_menu_template .hamburger-menu-nav-section.parent_men_arrow{ 3994 min-width:30px; 3995 justify-content: end; 3996 } 3997 #tablet_hamburger_menu_template .icon_and_name { 3998 display:flex; 3999 align-items:center; 4000 gap:10px; 4001 } 4002 #tablet_hamburger_menu_template .ham_menu_container { 4003 display:flex; 4004 justify-content: space-between; 4005 } 4006 #tablet_hamburger_menu_template.open { 4007 left: 0; 4008 4009 } 4010 #tablet_hamburger_menu_template .sub-menu-panel { 4011 padding: 30px; 4012 padding-top: 60px; 4013 position: absolute; 4014 top: 0; 4015 left: 425px; 4016 width: 425px; 4017 height: 100vh; 4018 background-color: #fff; 4019 overflow-y: auto; 4020 z-index: 999999; 4021 opacity: 0; 4022 transition: opacity 0.5s ease; 4023 } 4024
4025 #tablet_hamburger_menu_template .sub-menu-panel.open { 4026 opacity: 1; 4027 z-index: 9999999; 4028 } 4029 4030 4031 4032 #tablet_hamburger_menu_template a.hamburger-menu-nav-section, 4033 #tablet_hamburger_menu_template button.hamburger-menu-nav-section, 4034 #tablet_hamburger_menu_template a.hamburger-menu-close-button, 4035 #tablet_hamburger_menu_template button.hamburger-menu-close-button { 4036 position: relative; 4037 color:#000000; display: flex; 4038 font-weight:400; font-style:normal; font-size:14px; font-family:ITC Avant Garde; text-transform:none; line-height:35px; } 4039 #tablet_hamburger_menu_template button.hamburger-menu-nav-section, 4040 #tablet_hamburger_menu_template button.hamburger-menu-close-button { 4041 background: none; 4042 border: none; 4043 padding: 0; 4044 cursor: pointer; 4045 width: 100%; 4046 } 4047 /* this is not working in dash */ 4048 #tablet_hamburger_menu_template a.hamburger-menu-nav-section:hover, 4049 #tablet_hamburger_menu_template button.hamburger-menu-nav-section:hover, 4050 #tablet_hamburger_menu_template a.hamburger-menu-nav-section.active, 4051 #tablet_hamburger_menu_template button.hamburger-menu-nav-section.active 4052 { 4053 color: #000; 4054 } 4055 #tablet_hamburger_menu_template a.hamburger-menu-nav-section::after, 4056 #tablet_hamburger_menu_template button.hamburger-menu-nav-section::after { 4057 content: ""; 4058 position: absolute; 4059 left: 0; 4060 bottom: 0; 4061 width: 0%; 4062 height: 0.5px; 4063 background-color: #000; 4064 transition: width 0.5s ease; 4065 } 4066 #tablet_hamburger_menu_template a.hamburger-menu-nav-section.active::after, 4067 #tablet_hamburger_menu_template button.hamburger-menu-nav-section.active::after { 4068 width: 100%; 4069 } 4070 4071 #tablet_hamburger_menu_template a.hamburger-menu-nav-section:hover::after, 4072 #tablet_hamburger_menu_template button.hamburger-menu-nav-section:hover::after { 4073 width: 100%; 4074 } 4075 #tablet_hamburger_menu_template.hamburger-menu-template .nav_list_trd { 4076 display: none; 4077 padding: 15px 0px; 4078 padding-left: 20px; 4079 background: #fff; 4080 } 4081 #tablet_hamburger_menu_template.hamburger-menu-template .nav_list_trd.open { 4082 display: block; 4083 padding-top:2px; 4084 } 4085 4086 #tablet_hamburger_menu_template a.hamburger-menu-nav-section .icon_and_name img, 4087 #tablet_hamburger_menu_template button.hamburger-menu-nav-section .icon_and_name img { 4088 height:30px; 4089 } 4090 @media (min-width: 768px) { 4091 .hide_desktop { 4092 display:none!important; 4093 } 4094 } 4095 4096 @media (max-width: 767.9px) { 4097 .hide_mobile { 4098 display:none!important; 4099 } 4100 #tablet_hamburger_menu_template .sub_title_m svg { 4101 height: 20px; 4102 transform: rotate(180deg); 4103 } 4104 #tablet_hamburger_menu_template .sub_title_m { 4105 align-items: center; 4106 gap: 8px; 4107 cursor: pointer; 4108 } 4109 #tablet_hamburger_menu_template { 4110 position: fixed; 4111 top: 0; 4112 left: 0; 4113 width: 100%; 4114 overflow-y: auto; 4115 left: -100%; 4116 z-index: 9999998; 4117 background-color: #ffffff; 4118 transition: all 0.3s ease; 4119 height: 100%; 4120 max-height: 100vh; 4121 -webkit-overflow-scrolling: touch; 4122 box-sizing: border-box; 4123 } 4124 4125 #tablet_hamburger_menu_template .sub-menu-panel { 4126 padding: 30px; 4127 padding-top: 30px; 4128 padding-bottom: 100px; 4129 position: absolute; 4130 top: 0; 4131 left: 200%; 4132 width: 100%; 4133 height: 100vh; 4134 background-color: #fff; 4135 overflow-y: auto; 4136 z-index: -1; 4137 opacity: 1; 4138 transition: 0.5s ease; 4139 box-sizing: border-box; 4140 }
4141 #tablet_hamburger_menu_template .sub-menu-panel.open { 4142 opacity: 1; 4143 left: 0px; 4144 z-index: 9999999; 4145 } 4146 4147 #tablet_hamburger_menu_template .hamburger-menu-template-inner { 4148 width: 100%; 4149 } 4150 4151 4152 } 4153 4154 4155 4156 </style> 4157 4158 <nav id="tablet_hamburger_menu_template" class="hamburger-menu-template" inert="inert"> 4159 4160 <div class="hamburger-menu-template-inner"> 4161 <div class="hamburger-menu-template-inner-m"> 4162 <a href="#!" class="hamburger-menu-close-button mr-4" title="Close" id="tablet_hamburger_close_button" role="button"> 4163 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-13ewnpa" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 11.2928L17.7703 5.52254L18.4774 6.22964L12.7071 11.9999L18.4775 17.7704L17.7704 18.4775L12 12.7071L6.22957 18.4775L5.52246 17.7704L11.2929 11.9999L5.52256 6.22964L6.22967 5.52254L12 11.2928Z" fill="currentColor"></path></svg> 4164 </a> 4165 4166 <div class="script_before_menu"> 4167 4168 4169<div class="flex_cell flex_cell_1 image"> 4170 <div class="flex_cell_content"> 4171 4172 4173 4174 <img 4175 4176 4177 src="https://www.albertsjewelers.com/public/1.0/uploads/source/homepage-2025/header-2025/frame-32.png" 4178 4179 alt="Albert's Jewelers"> 4180 4181 4182 4183 </div> 4184</div> 4185 <style> 4186 .header_container_2 .flex_row .flex_col .script_before_menu .image { 4187 width:100%; justify-content:left !important; align-items:center !important; } 4188 .header_container_2 .flex_row .flex_col .script_before_menu .image>.flex_cell_content { 4189 display: flex; 4190 margin-top:px !important; margin-bottom:px !important; margin-left:px !important; margin-right:px !important; padding-top:px !important; padding-bottom:px !important; padding-left:px !important; padding-right:px !important; } 4191 .header_container_2 .flex_row .flex_col .script_before_menu .image img { 4192 max-width:150px; } 4193 4194 .header_container_2>.flex_row_2>.flex_col_1>.flex_cell_1.image { 4195 } 4196 </style> 4197 4198 </div> 4199 <div style="clear: both"></div> 4200 4201 4202 <a style="margin-top:25px" 4203 class="hamburger-menu-nav-section " 4204 title="New Arrivals" 4205 href="#!" > 4206 4207 <span class="icon_and_name"> 4208 4209 New Arrivals </span> 4210 4211 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path></svg> 4212 4213 </a> 4214 4215 4216 4217 <div class="sub-menu-panel" id="tablet-sub-menu-panel-216"> 4218 <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0"> 4219 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"> 4220 <path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path> 4221</svg> 4222 4223 New Arrivals 4224 </div> 4225 <div class="sub_title_m hide_mobile">New Arrivals</div> 4226 4227 4228 <!-- tablet_hamburger_menu_216_start --> 4229 <div id="tablet_hamburger_menu_216"></div> 4230 <!-- tablet_hamburger_menu_216_end --> 4231 </div> 4232 4233 4234 4235 <a style="margin-top:25px"
4236 class="hamburger-menu-nav-section " 4237 title="Engagement Rings" 4238 href="#!" > 4239 4240 <span class="icon_and_name"> 4241 4242 Engagement Rings </span> 4243 4244 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path></svg> 4245 4246 </a> 4247 4248 4249 4250 <div class="sub-menu-panel" id="tablet-sub-menu-panel-6"> 4251 <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0"> 4252 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"> 4253 <path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path> 4254</svg> 4255 4256 Engagement Rings 4257 </div> 4258 <div class="sub_title_m hide_mobile">Engagement Rings</div> 4259 4260 4261 <!-- tablet_hamburger_menu_6_start --> 4262 <div id="tablet_hamburger_menu_6"></div> 4263 <!-- tablet_hamburger_menu_6_end --> 4264 </div> 4265 4266 4267 4268 <a style="" 4269 class="hamburger-menu-nav-section " 4270 title="Wedding Bands" 4271 href="#!" > 4272 4273 <span class="icon_and_name"> 4274 4275 Wedding Bands </span> 4276 4277 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path></svg> 4278 4279 </a> 4280 4281 4282 4283 <div class="sub-menu-panel" id="tablet-sub-menu-panel-12"> 4284 <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0"> 4285 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"> 4286 <path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path> 4287</svg> 4288 4289 Wedding Bands 4290 </div> 4291 <div class="sub_title_m hide_mobile">Wedding Bands</div> 4292 4293 4294 <!-- tablet_hamburger_menu_12_start --> 4295 <div id="tablet_hamburger_menu_12"></div> 4296 <!-- tablet_hamburger_menu_12_end --> 4297 </div> 4298 4299 4300 4301 <a style="" 4302 class="hamburger-menu-nav-section " 4303 title="Diamonds" 4304 href="#!" > 4305 4306 <span class="icon_and_name"> 4307 4308 Diamonds </span> 4309 4310 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path></svg> 4311 4312 </a> 4313 4314 4315
4316 <div class="sub-menu-panel" id="tablet-sub-menu-panel-11"> 4317 <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0"> 4318 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"> 4319 <path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path> 4320</svg> 4321 4322 Diamonds 4323 </div> 4324 <div class="sub_title_m hide_mobile">Diamonds</div> 4325 4326 4327 <!-- tablet_hamburger_menu_11_start --> 4328 <div id="tablet_hamburger_menu_11"></div> 4329 <!-- tablet_hamburger_menu_11_end --> 4330 </div> 4331 4332 4333 4334 <a style="margin-top:20px" 4335 class="hamburger-menu-nav-section " 4336 title="Designers " 4337 href="#!" > 4338 4339 <span class="icon_and_name"> 4340 4341 Designers </span> 4342 4343 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path></svg> 4344 4345 </a> 4346 4347 4348 4349 <div class="sub-menu-panel" id="tablet-sub-menu-panel-72"> 4350 <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0"> 4351 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"> 4352 <path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path> 4353</svg> 4354 4355 Designers 4356 </div> 4357 <div class="sub_title_m hide_mobile">Designers </div> 4358 4359 4360 <!-- tablet_hamburger_menu_72_start --> 4361 <div id="tablet_hamburger_menu_72"></div> 4362 <!-- tablet_hamburger_menu_72_end --> 4363 </div> 4364 4365 4366 4367 <a style="" 4368 class="hamburger-menu-nav-section " 4369 title="Fine Jewelry" 4370 href="#!" > 4371 4372 <span class="icon_and_name"> 4373 4374 Fine Jewelry </span> 4375 4376 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path></svg> 4377 4378 </a> 4379 4380 4381 4382 <div class="sub-menu-panel" id="tablet-sub-menu-panel-16"> 4383 <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0"> 4384 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"> 4385 <path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path> 4386</svg> 4387 4388 Fine Jewelry 4389 </div> 4390 <div class="sub_title_m hide_mobile">Fine Jewelry</div> 4391 4392 4393 <!-- tablet_hamburger_menu_16_start --> 4394 <div id="tablet_hamburger_menu_16"></div> 4395 <!-- tablet_hamburger_menu_16_end --> 4396 </div> 4397 4398 4399 4400 <a style=""
4401 class="hamburger-menu-nav-section " 4402 title="Timepieces" 4403 href="#!" > 4404 4405 <span class="icon_and_name"> 4406 4407 Timepieces </span> 4408 4409 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path></svg> 4410 4411 </a> 4412 4413 4414 4415 <div class="sub-menu-panel" id="tablet-sub-menu-panel-20"> 4416 <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0"> 4417 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"> 4418 <path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path> 4419</svg> 4420 4421 Timepieces 4422 </div> 4423 <div class="sub_title_m hide_mobile">Timepieces</div> 4424 4425 4426 <!-- tablet_hamburger_menu_20_start --> 4427 <div id="tablet_hamburger_menu_20"></div> 4428 <!-- tablet_hamburger_menu_20_end --> 4429 </div> 4430 4431 4432 4433 <a style="margin-top:20px" 4434 class="hamburger-menu-nav-section " 4435 title="Services" 4436 href="#!" > 4437 4438 <span class="icon_and_name"> 4439 4440 Services </span> 4441 4442 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path></svg> 4443 4444 </a> 4445 4446 4447 4448 <div class="sub-menu-panel" id="tablet-sub-menu-panel-179"> 4449 <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0"> 4450 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"> 4451 <path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path> 4452</svg> 4453 4454 Services 4455 </div> 4456 <div class="sub_title_m hide_mobile">Services</div> 4457 4458 4459 <!-- tablet_hamburger_menu_179_start --> 4460 <div id="tablet_hamburger_menu_179"></div> 4461 <!-- tablet_hamburger_menu_179_end --> 4462 </div> 4463 4464 4465 4466 <a style="" 4467 class="hamburger-menu-nav-section " 4468 title="Contact" 4469 href="#!" > 4470 4471 <span class="icon_and_name"> 4472 4473 Contact </span> 4474 4475 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path></svg> 4476 4477 </a> 4478 4479 4480
4481 <div class="sub-menu-panel" id="tablet-sub-menu-panel-22"> 4482 <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0"> 4483 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"> 4484 <path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path> 4485</svg> 4486 4487 Contact 4488 </div> 4489 <div class="sub_title_m hide_mobile">Contact</div> 4490 4491 4492 <!-- tablet_hamburger_menu_22_start --> 4493 <div id="tablet_hamburger_menu_22"></div> 4494 <!-- tablet_hamburger_menu_22_end --> 4495 </div> 4496 4497 <div class="script_after_menu"> 4498 </div> 4499 </div> 4500 </div> 4501 </nav> 4502 <div class="hamburger-menu-template-overlay" id="tablet_hamburger_menu_template_overlay"></div> 4503 4504
4504<script> 4505 $(function () { 4506 4507 4508 const trap = focusTrap.createFocusTrap('#tablet_hamburger_menu_template', { 4509 onActivate: () => $('#tablet_hamburger_menu_template').addClass('is-active'), 4510 onDeactivate: () => $('#tablet_hamburger_menu_template').removeClass('is-active'), 4511 clickOutsideDeactivates: true 4512 }); 4513 4514 4515 4516 function updatePanelWidth() { 4517 const elements = document.querySelectorAll('.custom_bm_fw'); 4518 4519 elements.forEach(element => { 4520 const panel = element.closest('.sub-menu-panel'); 4521 if (panel) { 4522 if (window.innerWidth > 768) { 4523 const newWidth = window.innerWidth - 425; 4524 panel.style.width = `${newWidth}px`; 4525 } else { 4526 panel.removeAttribute('style'); 4527 } 4528 } 4529 }); 4530 } 4531 4532 updatePanelWidth(); 4533 window.addEventListener('resize', updatePanelWidth); 4534 4535 let $lastNavTrigger = null; 4536 $('.sub-menu-panel').attr('tabindex', '-1'); 4537 $('.sub-menu-panel').find('a, button, .close_sub_menu').attr('tabindex', '-1'); 4538 4539 4540 4541 $('#tablet_hamburger_button').on('click keypress', function (event) { 4542 if(event.which === 13 || event.which === 32 || event.type == 'click') { 4543 if(event.which === 32) { 4544 event.preventDefault(); 4545 } 4546 document.body.classList.add('no-scroll'); 4547 $('#tablet_hamburger_menu_template').toggleClass('open') 4548 $('#tablet_hamburger_menu_template_overlay').toggleClass('open') 4549 $('#tablet_hamburger_menu_template').removeAttr('inert') 4550 trap.activate() 4551 $('#tablet_hamburger_close_button').focus() 4552 } 4553 }) 4554 4555 function closeSubMenu() { 4556 document.querySelectorAll('.sub-menu-panel').forEach(panel => { 4557 panel.classList.remove('open'); 4558 }) 4559 document.querySelectorAll('.hamburger-menu-nav-section').forEach(panel => { 4560 panel.classList.remove('active'); 4561 }) 4562 $('.sub-menu-panel').find('a, button, .close_sub_menu').attr('tabindex', '-1'); 4563 // Restore main-list nav items to the tab order 4564 $('.hamburger-menu-nav-section').removeAttr('tabindex'); 4565 if ($lastNavTrigger) { 4566 $lastNavTrigger.focus(); 4567 $lastNavTrigger = null; 4568 } 4569 } 4570 4571 $('.header_container_2').on('click', '.close_sub_menu', function() { 4572 closeSubMenu(); 4573 }) 4574 4575 $('.header_container_2').on('keydown', '.close_sub_menu', function(event) { 4576 if (event.key === 'Enter' || event.key === ' ') { 4577 event.preventDefault(); 4578 closeSubMenu(); 4579 } 4580 }) 4581 4582 4583 4584 // Cycle Tab focus within the open sub-menu-panel (last item â first item) 4585 $(document).on('keydown', '.sub-menu-panel.open [tabindex="0"]', function(event) { 4586 if (event.key !== 'Tab' || event.shiftKey) return; 4587 var $panel = $(this).closest('.sub-menu-panel.open'); 4588 var $focusable = $panel.find('a[tabindex="0"], button[tabindex="0"], .close_sub_menu[tabindex="0"]'); 4589 if ($focusable.last().is(this)) { 4590 event.preventDefault(); 4591 $focusable.first().trigger('focus'); 4592 } 4593 }); 4594 4595 $('#tablet_hamburger_close_button, #tablet_hamburger_menu_template_overlay').on('click keypress', function (event) { 4596 // <button> fires a synthetic click on Enter/Space â skip keypress to avoid double-fire 4597 if (event.type === 'keypress' && this.tagName === 'BUTTON') { 4598 return; 4599 } 4600 if(event.which === 13 || event.which === 32 || event.type == 'click') { 4601 if (event.which === 32) { 4602 event.preventDefault(); 4603 } 4604 4605 closeHamburgerMenu(); 4606 } 4607 }) 4608 4609 $(window).resize(function () { 4610 if($(window).width() > 992 || $(window).width() <= 768) closeHamburgerMenu(); 4611 }) 4612 4613 function closeHamburgerMenu() {
4614 document.querySelectorAll('.sub-menu-panel').forEach(panel => { 4615 panel.classList.remove('open'); 4616 }) 4617 document.querySelectorAll('.hamburger-menu-nav-section').forEach(panel => { 4618 panel.classList.remove('active'); 4619 }) 4620 $('.sub-menu-panel').find('a, button, .close_sub_menu').attr('tabindex', '-1'); 4621 // Restore main-list nav items to the tab order 4622 $('.hamburger-menu-nav-section').removeAttr('tabindex'); 4623 $lastNavTrigger = null; 4624 document.body.classList.remove('no-scroll'); 4625 $('#tablet_hamburger_menu_template').removeClass('open') 4626 $('#tablet_hamburger_menu_template_overlay').removeClass('open') 4627 $('#tablet_hamburger_menu_template').attr('inert', 'inert') 4628 trap.deactivate() 4629 } 4630 4631 $('.header_container_2').on('click', '.hamburger-menu-nav-section', function() { 4632 4633 if ($(this).hasClass("active")) { 4634 document.querySelectorAll('.sub-menu-panel').forEach(panel => { 4635 panel.classList.remove('open'); 4636 }) 4637 document.querySelectorAll('.hamburger-menu-nav-section').forEach(panel => { 4638 panel.classList.remove('active'); 4639 }) 4640 $('.sub-menu-panel').find('a, button, .close_sub_menu').attr('tabindex', '-1'); 4641 // Restore main-list nav items to the tab order 4642 $('.hamburger-menu-nav-section').removeAttr('tabindex'); 4643 } else { 4644 // For parent_men_arrow, the sub-menu-panel is after ham_menu_container, not after the button 4645 let $checkPanel = $(this).hasClass("parent_men_arrow") 4646 ? $(this).closest('.ham_menu_container').next('.sub-menu-panel') 4647 : $(this).next('.sub-menu-panel'); 4648 4649 if ($checkPanel.find('.nav_a_trd').length > 0 || $checkPanel.find('.custom_build_menu').length > 0) { 4650 document.querySelectorAll('.sub-menu-panel').forEach(panel => { 4651 panel.classList.remove('open'); 4652 }) 4653 document.querySelectorAll('.hamburger-menu-nav-section').forEach(panel => { 4654 panel.classList.remove('active'); 4655 }) 4656 $('.sub-menu-panel').find('a, button, .close_sub_menu').attr('tabindex', '-1'); 4657 4658 $(this).addClass('active'); 4659 $lastNavTrigger = $(this); 4660 4661 let $openedPanel = null; 4662 4663 if (!$(this).hasClass("parent_men")) { 4664 updatePanelWidth(); 4665 $(this).next('.sub-menu-panel').toggleClass('open'); 4666 $openedPanel = $(this).next('.sub-menu-panel'); 4667 } 4668 if ($(this).hasClass("parent_men_arrow")) { 4669 $(this).closest('.ham_menu_container').next('.sub-menu-panel').toggleClass('open'); 4670 $openedPanel = $(this).closest('.ham_menu_container').next('.sub-menu-panel'); 4671 } 4672 4673 if ($openedPanel && $openedPanel.hasClass('open')) { 4674 // Hide main-list nav items from tab order while panel is open 4675 $('.hamburger-menu-nav-section').attr('tabindex', '-1'); 4676 $openedPanel.find('a, button, .close_sub_menu').attr('tabindex', '0'); 4677 setTimeout(function() { 4678 $openedPanel.find('[tabindex="0"]').first().trigger('focus'); 4679 }, 50); 4680 } 4681 } 4682 } 4683 4684 }) 4685 }) 4686 4687 function setHamburgerInnerHeight() { 4688 const inner = document.querySelector('.hamburger-menu
4688-template-inner-m'); 4689 const offset = 0; // adjust this if there's a header/footer inside 4690 inner.style.height = `${window.innerHeight - offset - 70}px`; 4691 } 4692 4693 // Run on load and resize 4694 window.addEventListener('load', setHamburgerInnerHeight); 4695 window.addEventListener('resize', setHamburgerInnerHeight); 4696 4697 </script>
4697 4698</div> 4699 4700<style> 4701 #tablet_hamburger_menu_template>ul>li>a { 4702 color:#000000; display: flex; 4703 font-weight:400; font-style:normal; font-size:14px; font-family:ITC Avant Garde; text-transform:none; line-height:35px; } 4704 4705 #tablet_hamburger_menu_template>ul>li>a:hover { 4706 color:#000000; } 4707 4708 4709 4710</style> 4711 </div> 4712 4713 <div class="flex_col"> 4714 4715 4716 </div> 4717 4718 <div class="flex_col"> 4719 4720 4721 </div> 4722 4723 </div> 4724 4725 4726 4727 <div class="flex_row"> 4728 4729 4730 <div class="flex_col"> 4731 4732 4733 </div> 4734 4735 </div> 4736 4737 4738 </div> 4739 4740 4741 4742</header> 4743<header class="appearance-mobile-view-template"> 4744 4745 4746 4747 <style> 4748 .header_container>.flex_row { 4749 display: flex; 4750 } 4751 4752 .header_container_3 { 4753 width: 100%; 4754 max-width: 100%; 4755 margin: 0 auto; 4756 position: relative !important; 4757 transform: inherit !important; 4758 } 4759 .header_container>.flex_row>.flex_col { 4760 display: flex; 4761 flex-wrap: wrap; 4762 box-sizing: border-box; 4763 align-content: baseline; 4764 } 4765 .header_container>.flex_row>.flex_col>.flex_cell { 4766 height: fit-content; 4767 display: flex; 4768 } 4769 .header_container>.flex_row>.flex_col>.flex_cell a { 4770 text-decoration: none; 4771 } 4772 .header_container img { 4773 max-width: 100%; 4774 } 4775 .row_spacer_cs { 4776 display: none; 4777 } 4778 .sticky_row { 4779 position: fixed; 4780 } 4781 .sticky_row + .row_spacer_cs { 4782 display: block; 4783 } 4784 </style> 4785 4786 <div class="header_container header_container_3" data-device-type="3"> 4787 4788 4789 4790 <div class="flex_row flex_row_1 "> 4791 4792 4793 <div class="flex_col flex_col_1"> 4794 4795 4796 </div> 4797 4798 <style> 4799 .header_container_3>.flex_row_1>.flex_col_1 { 4800 width:1%; } 4801 </style> 4802 4803 4804 4805 <div class="flex_col flex_col_2"> 4806 4807 4808<div class="flex_cell flex_cell_1 custom_text"> 4809 <div class="flex_cell_content"> 4810 <a class="txt_link_ig" title="custom link" href="https://www.albertsjewelers.com/request-an-appointment" > 4811 <p class="">Appointments â</p> 4812 </a> 4813 </div> 4814</div> 4815<style> 4816 .header_container_3>.flex_row_1>.flex_col_2>.flex_cell_1.custom_text { 4817 width:100%; justify-content:left; -webkit-justify-content:left; align-items:center; -webkit-align-items:center; } 4818 4819 .header_container_3>.flex_row_1>.flex_col_2>.flex_cell_1.custom_text { 4820 height:100%; } 4821 4822 .header_container_3>.flex_row_1>.flex_col_2>.flex_cell_1.custom_text>.flex_cell_content { 4823 display: flex; 4824 margin-top:10px; margin-bottom:10px; margin-left:3px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 4825 4826 .header_container_3>.flex_row_1>.flex_col_2>.flex_cell_1.custom_text>.flex_cell_content>a p { 4827 line-height: inherit; 4828 margin:0; 4829 text-align:left; color:#ffffff; font-weight:400; font-style:normal; font-size:10px;font-family:ITC Avant Garde; text-transform:none; text-decoration:none; } 4830 4831 .header_container_3>.flex_row_1>.flex_col_2>.flex_cell_1.custom_text>.flex_cell_content>a p:hover { 4832 color:#ffffff; } 4833</style> 4834 4835 </div> 4836 4837 <style> 4838 .header_container_3>.flex_row_1>.flex_col_2 { 4839 width:48%; } 4840 </style> 4841 4842 4843 4844 <div class="flex_col flex_col_3"> 4845 4846 4847<div class="flex_cell flex_cell_1 call_us"> 4848 <div class="flex_cell_content"><a class="phone_number_click " href="tel:219-322-2700" title="Call us 219-322-2700">
4848<svg role="img" aria-label="Call Us" viewBox="0 0 512 512"><path class="path_class" d="M511.2 387l-23.25 100.8c-3.266 14.25-15.79 24.22-30.46 24.22C205.2 512 0 306.8 0 54.5c0-14.66 9.969-27.2 24.22-30.45l100.8-23.25C139.7-2.602 154.7 5.018 160.8 18.92l46.52 108.5c5.438 12.78 1.77 27.67-8.98 36.45L144.5 207.1c33.98 69.22 90.26 125.5 159.5 159.5l44.08-53.8c8.688-10.78 23.69-14.51 36.47-8.975l108.5 46.51C506.1 357.2 514.6 372.4 511.2 387z"/></svg><span>Call Us</span></a></div> </div> 4849<style> 4850 .header_container_3>.flex_row_1>.flex_col_3>.flex_cell_1.call_us { 4851 width:100%; justify-content:right; -webkit-justify-content:right; align-items:center; -webkit-align-items:center; } 4852 4853 .header_container_3>.flex_row_1>.flex_col_3>.flex_cell_1.call_us { 4854 height:100%; } 4855 4856 .header_container_3>.flex_row_1>.flex_col_3>.flex_cell_1.call_us>.flex_cell_content { 4857 display: flex; 4858 margin-top:10px; margin-bottom:10px; margin-left:px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 4859 4860 .header_container_3>.flex_row_1>.flex_col_3>.flex_cell_1 a { 4861 color:#ffffff; font-weight:400; font-style:normal; font-size:10px; font-family:ITC Avant Garde; display: flex; 4862 align-items: center; 4863 text-transform:none; } 4864 4865 .header_container_3>.flex_row_1>.flex_col_3>.flex_cell_1.call_us a svg, 4866 .header_container_3>.flex_row_1>.flex_col_3>.flex_cell_1.call_us a img { 4867 margin-right: 5px; 4868 height:9px; } 4869 4870 .header_container_3>.flex_row_1>.flex_col_3>.flex_cell_1 a .path_class { 4871 fill: currentColor; 4872 } 4873 4874 4875 .header_container_3>.flex_row_1>.flex_col_3>.flex_cell_1 a:hover { 4876 color:#ffffff; } 4877</style> 4878 </div> 4879 4880 <style> 4881 .header_container_3>.flex_row_1>.flex_col_3 { 4882 width:48%; } 4883 </style> 4884 4885 4886 4887 <div class="flex_col flex_col_4"> 4888 4889 4890 </div> 4891 4892 <style> 4893 .header_container_3>.flex_row_1>.flex_col_4 { 4894 width:1%; } 4895 </style> 4896 4897 4898 4899 </div> 4900 4901 4902 <style> 4903 .header_container_3>.flex_row_1 { 4904 background-color: #022d57; 4905 4906 color:#000000; height:auto; 4907 4908 } 4909 4910 </style> 4911 4912 4913 4914 4915 4916 <div class="flex_row flex_row_2 "> 4917 4918 4919 <div class="flex_col flex_col_1"> 4920 4921 <div class="flex_cell flex_cell_1 menu"> 4922 <div class="flex_cell_content"> 4923 <style> 4924 .header_container_3>.flex_row_2>.flex_col_1>.flex_cell_1.menu .hamburger-button-inner, 4925 .header_container_3>.flex_row_2>.flex_col_1>.flex_cell_1.menu .hamburger-button-parent { 4926 width: 30px; 4927 height: 24px; 4928 position: relative; 4929 cursor: pointer; 4930 } 4931 .header_container_3>.flex_row_2>.flex_col_1>.flex_cell_1.menu .hamburger-button-inner .hamburger-icon rect { 4932 fill: #022d57; } 4933 4934 4935 .header_container_3>.flex_row_2>.flex_col_1>.flex_cell_1.menu a.hamburger-menu-nav-section, 4936 .header_container_3>.flex_row_2>.flex_col_1>.flex_cell_1.menu a.hamburger-menu-close-button{ 4937 color:#000000; display: flex; 4938 font-weight:400; font-style:normal; font-size:14px; font-family:ITC Avant Garde; text-transform:none; line-height:35px; } 4939 </style> 4940 4941 <div id="mobile_hamburger_button" role="button" class="hamburger-button-inner" tabindex="0" aria-label="Hamburger Button" aria-expanded="false" aria-controls="mobile_hamburger_menu_template"> 4942 <div class="hamburger-button-parent"> 4943 <svg class="hamburger-icon" width="30" height="24" viewBox="0 0 30 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"> 4944 <rect y="1" width="30" height="3" rx="1.5" ry="1.5" fill="black"/> 4945 <rect y="10" width="30" height="3" rx="1.5" ry="1.5" fill="black"/> 4946 <rect y="19" width="30" height="3" rx="1.5" ry="1.5" fill="black"/> 4947 </svg> 4948 4949 4950 </div> 4951 </div> 4952 </div> 4953</div> 4954 4955<style> 4956 .header_container_3>.flex_row_2>.flex_col_1>.flex_cell_1.menu { 4957 width:100%; justify-content: flex-start; 4958 align-items:center; -webkit-align-items:center; } 4959 4960 .header_container_3>.flex_row_2>.flex_col_1>.flex_cell_1.menu { 4961 height:100%; } 4962 4963 .header_container_3>.flex_row_2>.flex_col_1>.flex_cell_1.menu>.flex_cell_content { 4964 display: flex; 4965 margin-top:px; margin-bottom:px; margin-left:10px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 4966 4967 .header_container_3>.flex_row_2>.flex_col_1>.flex_cell_1.menu>.flex_cell_content>nav>ul>li>a, 4968 .header_container_3>.flex_row_2>.flex_col_1>.flex_cell_1.menu>.flex_cell_content>nav>ul>li>button { 4969 color:#000000; display: flex; 4970 font-weight:400; font-style:normal; font-size:14px; font-family:ITC Avant Garde; text-transform:none; line-height:35px; } 4971 4972 .header_container_3>.flex_row_2>.flex_col_1>.flex_cell_1.menu>.flex_cell_content>nav>ul>li>a:hover { 4973 color:#000000; } 4974</style> 4975 </div> 4976 4977 <style> 4978 .header_container_3>.flex_row_2>.flex_col_1 { 4979 width:10%; } 4980 </style> 4981 4982 4983 4984 <div class="flex_col flex_col_2"> 4985 4986 4987 4988<div class="flex_cell flex_cell_1 image"> 4989 <div class="flex_cell_content"> 4990 4991 <a href="https://www.albertsjewelers.com/" 4992 > 4993 4994 4995 <img 4996 height="50px" width="100px" 4997 4998 src="https://www.albertsjewelers.com/public/1.0/uploads/source/website-header-logos1---m.jpg" 4999 5000 alt="Albert's Diamond Jewelers"> 5001 5002 5003 </a> 5004 5005 </div> 5006</div> 5007 <style> 5008 .header_container_3>.flex_row_2>.flex_col_2>.flex_cell_1.image { 5009 width:100%; justify-content:left;
5009 -webkit-justify-content:left; align-items:center; -webkit-align-items:center; } 5010 .header_container_3>.flex_row_2>.flex_col_2>.flex_cell_1.image>.flex_cell_content { 5011 display: flex; 5012 margin-top:5px; margin-bottom:5px; margin-left:15px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 5013 .header_container_3>.flex_row_2>.flex_col_2>.flex_cell_1.image img { 5014 } 5015 5016 .header_container_3>.flex_row_2>.flex_col_2>.flex_cell_1.image { 5017 height:100%; } 5018 </style> 5019 5020 5021 </div> 5022 5023 <style> 5024 .header_container_3>.flex_row_2>.flex_col_2 { 5025 width:50%; } 5026 </style> 5027 5028 5029 5030 <div class="flex_col flex_col_3"> 5031 5032 5033<div class="flex_cell flex_cell_1 account_icons"> 5034 <div class="flex_cell_content"> 5035 5036 <a class="" href="/wishlist" title="Wishlist" rel="nofollow" style="order: 1"> 5037 <svg role="img" aria-label="Wishlist" width="640" height="640" viewBox="0 0 640 640" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_107_20)"><path class="path_class" d="M420.2 214.3L563.9 235.5C575.8 237.2 585.8 245.6 589.6 257.1C593.4 268.7 590.3 281.3 581.7 289.9L477.5 392.1L502.1 538.7C504.1 550.7 499.2 562.9 489.2 570C479.3 577.1 466.2 578 455.5 572.3L327.1 503.8L198.8 572.3C188 578 174.9 577.1 165 570C155.1 562.9 150.1 550.7 152.2 538.7L176.8 392.1L72.58 289.9C63.97 281.3 60.91 268.7 64.69 257.1C68.46 245.6 78.43 237.2 90.42 235.5L234 214.3L298.4 81.97C303.7 70.954 314.9 63.9609 327.1 63.9609C339.4 63.9609 350.6 70.954 355.9 81.97L420.2 214.3Z" fill="black"/></g><defs><clipPath id="clip0_107_20"><rect width="576" height="512" fill="white" transform="translate(39 64)"/></clipPath></defs></svg> <span class="item-count-badge wishlist-count-badge d-none"></span> 5038 </a> 5039 5040 <a class=" build-shopping-cart-icon" href="/shopping-cart" title="Shopping Cart" style="order: 2"> 5041 <svg role="img" aria-label="Shopping Cart" width="640" height="640" viewBox="0 0 640 640" fill="none" xmlns="http://www.w3.org/2000/svg"><path class="path_class" d="M128 64C139.5 64 149.4 72.19 151.6 83.51L153.1 96H573.8C594.1 96 610.3 116.25 604.6 136.66L550.6 328.7C546.7 342.5 534.1 352 519.8 352H202.7L211.9 400H520C533.3 400 544 410.7 544 424C544 437.3 533.3 448 520 448H191.1C180.5 448 170.6 439.8 168.4 428.5L108.14 112H56C42.75 112 32 101.25 32 88C32 74.75 42.75 64 56 64H128ZM160 528C160 501.5 181.5 480 208 480C234.5 480 256 501.5 256 528C256 554.5 234.5 576 208 576C181.5 576 160 554.5 160 528ZM544 528C544 554.5 522.5 576 496 576C469.5 576 448 554.5 448 528C448 501.5 469.5 480 496 480C522.5 480 544 501.5 544 528Z" fill="black"/></svg> <span class="item-count-badge build-shopping-cart-item-counter d-none"></span> 5042 </a> 5043 5044 5045 <a class="" href="/login" title="My Account" style="order: 3"> 5046 <svg role="img" aria-label="My Account" width="640" height="640" viewBox="0 0 640 640" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_107_18)"><path class="path_class" d="M320 320C390.7 320 448 262.69 448 192C448 121.31 390.7 64 320 64C249.3 64 192 121.31 192 192C192 262.69 249.3 320 320 320ZM370.7 368H269.3C173.61 368 96 445.6 96 541.3C96 560.44 111.52 575.97 130.66 575.97H509.36C528.5 576 544 560.5 544 541.3C544 445.6 466.4 368 370.7 368Z" fill="black"/></g><defs><clipPath id="clip0_107_18"><rect width="448" height="512" fill="white" transform="translate(96 64)"/></clipPath></defs></svg> </a> 5047 </div> 5048</div> 5049 5050<style> 5051 .header_container_3>.flex_row_2>.flex_col_3>.flex_cell_1.account_icons { 5052 width:100%; justify-content: flex-end; 5053 align-items:center; -webkit-align-items:center; } 5054 5055 .header_container_3>.flex_row_2>.flex_col_3>.flex_cell_1.account_icons { 5056 height:100%; } 5057 5058 .header_container_3>.flex_row_2>.flex_col_3>.flex_cell_1.account_icons>.flex_cell_content { 5059 display: flex; 5060 margin-top:px; margin-bottom:5px; margin-left:px; margin-right:4px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 5061 5062 .header_container_3>.flex_row_2>.flex_col_3>.flex_cell_1.account_icons .wishlist-count-badge.d-none { 5063 display: none !important; 5064 } 5065 5066 .header_container_3>.flex_row_2>.flex_col_3>.flex_cell_1.account_icons a { 5067 display: flex; 5068 align-items: center; 5069 color:#022d57; font-weight:400; font-style:normal; font-size:14px; font-family:ITC Avant Garde; margin-left: 12px; 5070 text-transform:none; } 5071 5072 .header_container_3>.flex_row_2>.flex_col_3>.flex_cell_1.account_icons a svg, 5073 .header_container_3>.flex_row_2>.flex_col_3>.flex_cell_1.account_icons a img { 5074 flex-shrink: 0; 5075 margin-right: 5px; 5076 width:13px; height:13px; } 5077 5078 .header_container_3>.flex_row_2>.flex_col_3>.flex_cell_1.account_icons a .path_class { 5079 fill: currentColor; 5080 } 5081 5082 .header_container_3>.flex_row_2>.flex_col_3>.flex_cell_1.account_icons a:hover { 5083 color:#003da5; } 5084 5085 .header_container_3>.flex_row_2>.flex_col_3>.flex_cell_1.account_icons a .item-count-badge { 5086 padding: 0 5px; 5087 height: 16px; 5088 min-width: 16px; 5089 text-align: center; 5090 border-radius: 7px; 5091 line-height: 16px; 5092 border: 1px solid #fff; 5093 font-style: normal; 5094 font-weight: 700; 5095 font-size: 10px; 5096 background-color:#cdb877; color:#ffffff; margin-left: -10px; 5097 margin-top: -15px; 5098 } 5099</style> 5100 </div> 5101 5102 <style> 5103 .header_container_3>.flex_row_2>.flex_col_3 { 5104 width:40%; } 5105 </style> 5106 5107 5108 5109 </div> 5110 5111 5112 <style> 5113 .header_container_3>.flex_row_2 { 5114 background-color: #ffffff; 5115 5116 color:#000000; height:auto; 5117 5118 } 5119 5120 </style> 5121 5122 5123 5124 5125 5126 <div class="flex_row flex_row_3 "> 5127 5128 5129 <div class="flex_col flex_col_1"> 5130 5131 5132<div class="flex_cell flex_cell_1 search_box"> 5133 <div class="flex_cell_content"> 5134 <form class="sform" id="search-box-form"
5135 onsubmit="javascript: window.location = '/keyword-search?search=' + encodeURIComponent($(this).find('input[name=search]').val()); return false;"> 5136 <div class="inputs-group"> 5137 <button class="sBtn"> 5138 <svg role="img" aria-label="Search" viewBox="0 0 512 512"><path class="path_class" d="M500.3 443.7l-119.7-119.7c27.22-40.41 40.65-90.9 33.46-144.7C401.8 87.79 326.8 13.32 235.2 1.723C99.01-15.51-15.51 99.01 1.724 235.2c11.6 91.64 86.08 166.7 177.6 178.9c53.8 7.189 104.3-6.236 144.7-33.46l119.7 119.7c15.62 15.62 40.95 15.62 56.57 0C515.9 484.7 515.9 459.3 500.3 443.7zM79.1 208c0-70.58 57.42-128 128-128s128 57.42 128 128c0 70.58-57.42 128-128 128S79.1 278.6 79.1 208z"/></svg> 5139 </button> 5140 <input class="sinp" type="text" name="search" 5141 placeholder="Search Products..." 5142 aria-label="Search Products..." 5143 > 5144 </div> 5145 </form> 5146 </div> 5147</div> 5148<style> 5149 .header_container_3>.flex_row_3>.flex_col_1>.flex_cell_1.search_box { 5150 width:100%; justify-content:center; -webkit-justify-content:center; align-items:center; -webkit-align-items:center; } 5151 5152 .header_container_3>.flex_row_3>.flex_col_1>.flex_cell_1.search_box { 5153 height:100%; } 5154 5155 .header_container_3>.flex_row_3>.flex_col_1>.flex_cell_1.search_box>.flex_cell_content { 5156 display: flex; 5157 margin-top:15px; margin-bottom:5px; margin-left:px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; width:70%; } 5158 5159 .header_container_3>.flex_row_3>.flex_col_1>.flex_cell_1 .sform, .header_container_3>.flex_row_3>.flex_col_1>.flex_cell_1 .inputs-group { 5160 width: 100%; 5161 display: flex; 5162 flex-wrap: nowrap; 5163 } 5164 5165 .header_container_3>.flex_row_3>.flex_col_1>.flex_cell_1 .sinp { 5166 border-radius: 0px; 5167 padding: 4px 8px; 5168 outline: 0px; 5169 box-shadow: none; 5170 font-size:12px; font-family:Baskerville; color:#022d57; font-weight:400; font-style:normal; background-color:#ffffff; 5171 5172 5173 border-style: solid; 5174 border-width:1px; border-color:#ffffff; 5175 5176 border-left:0px; 5177 width: 100%; 5178 5179 border-bottom-color:#022d57; } 5180 5181 .header_container_3>.flex_row_3>.flex_col_1>.flex_cell_1 .sinp:hover { 5182 } 5183 5184 .header_container_3>.flex_row_3>.flex_col_1>.flex_cell_1 .sinp::placeholder { 5185 font-size:12px; font-family:Baskerville; color:#022d57; opacity: 1; 5186 } 5187 5188 .header_container_3>.flex_row_3>.flex_col_1>.flex_cell_1 .sBtn { 5189 height: 100%; 5190 border-radius: 0px; 5191 padding: 4px; 5192 align-items: center; 5193 justify-content: center; 5194 display: flex; 5195 border-style: solid; 5196 border-width:1px; border-color:#ffffff; color:#022d57; font-weight:400; font-style:normal; background-color:#ffffff; border-right:0px; 5197 5198 } 5199 5200 .header_container_3>.flex_row_3>.flex_col_1>.flex_cell_1 .sBtn:hover { 5201 background-color:#022d57; } 5202 5203 .header_container_3>.flex_row_3>.flex_col_1>.flex_cell_1 .sBtn svg { 5204 width:11px; height:11px; } 5205 5206 .header_container_3>.flex_row_3>.flex_col_1>.flex_cell_1 .sBtn .path_class { 5207 fill:#022d57; } 5208 5209 .header_container_3>.flex_row_3>.flex_col_1>.flex_cell_1 .sBtn:hover .path_class { 5210 fill:#022d57; } 5211 5212</style> 5213 </div> 5214 5215 <style> 5216 .header_container_3>.flex_row_3>.flex_col_1 { 5217 width:100%; } 5218 </style> 5219 5220 5221 5222 </div> 5223 5224 5225 <style> 5226 .header_container_3>.flex_row_3 { 5227 background-color: #ffffff; 5228 5229 color:#000000; height:auto; 5230 5231 } 5232 5233 </style> 5234 5235 5236 5237 5238 5239 5240 <div class="flex_row"> 5241 5242 5243 <div class="flex_col"> 5244 5245 5246 </div> 5247 5248 <div class="flex_col"> 5249 5250 5251 </div> 5252 5253 <div class="flex_col"> 5254 5255 5256 </div> 5257 5258 <div class="flex_col"> 5259 5260 5261 </div> 5262 5263 </div> 5264 5265 5266 5267 <div class="flex_row"> 5268 5269 5270 <div class="flex_col"> 5271 5272 <div class="flex_cell flex_cell_1 menu"> 5273 <style> 5274 body.no-scroll { 5275 overflow: hidden; 5276 } 5277 #mobile_hamburger_menu_template { 5278 position: fixed; 5279 top: 0; 5280 left: 0; 5281 width: 425px; 5282 overflow-y: auto; 5283 left: -425px; 5284 z-index: 1000000001; 5285 background-color: #ffffff; 5286 transition: all 0.3s ease; 5287 height: 100%; 5288 max-height: 100vh; 5289 -webkit-overflow-scrolling: touch; 5290 box-sizing: border-box; 5291 } 5292 #mobile_hamburger_menu_template_overlay.open { 5293 position: absolute; 5294 top: 0; 5295 left: 0; 5296 right: 0; 5297 z-index: 100; 5298 transition: all 0.3s ease; 5299 height: 100vh; 5300 background: rgba(1, 1, 1, 0.5); 5301 cursor: pointer; 5302 box-sizing: border-box; 5303 }
5304 #mobile_hamburger_menu_template .hamburger-menu-template-inner-m { 5305 height: 100vh; 5306 overflow-y: auto; 5307 -webkit-overflow-scrolling: touch; 5308 box-sizing: border-box; 5309 padding-right: 30px; 5310 } 5311 5312 /* Applies to your scrollable element */ 5313 #mobile_hamburger_menu_template .hamburger-menu-template-inner-m, 5314 #mobile_hamburger_menu_template .sub-menu-panel { 5315 /* existing styles */ 5316 overflow-y: auto; 5317 scroll-behavior: smooth; 5318 5319 /* Optional smoother experience on mobile */ 5320 -webkit-overflow-scrolling: touch; 5321 } 5322 5323 /* Custom scrollbar for WebKit (Chrome, Safari, Edge) */ 5324 #mobile_hamburger_menu_template .hamburger-menu-template-inner-m::-webkit-scrollbar, 5325 #mobile_hamburger_menu_template .sub-menu-panel::-webkit-scrollbar { 5326 width: 8px; 5327 } 5328 5329 #mobile_hamburger_menu_template .hamburger-menu-template-inner-m::-webkit-scrollbar-track, 5330 #mobile_hamburger_menu_template .sub-menu-panel::-webkit-scrollbar-track { 5331 background: #f0f0f0; /* Light background */ 5332 border-radius: 4px; 5333 } 5334 #mobile_hamburger_menu_template .hamburger-menu-template-inner-m::-webkit-scrollbar-thumb, 5335 #mobile_hamburger_menu_template .sub-menu-panel::-webkit-scrollbar-thumb { 5336 background-color: #ccc; 5337 border-radius: 4px; 5338 border: 2px solid #f0f0f0; /* Matches track */ 5339 } 5340 #mobile_hamburger_menu_template .hamburger-menu-template-inner-m::-webkit-scrollbar-thumb:hover, 5341 #mobile_hamburger_menu_template .sub-menu-panel::-webkit-scrollbar-thumb:hover { 5342 background-color: #999; 5343 } 5344 5345 /* Firefox scrollbar styling */ 5346 @supports (scrollbar-color: auto) { 5347 #mobile_hamburger_menu_template .hamburger-menu-template-inner-m, 5348 #mobile_hamburger_menu_template .sub-menu-panel { 5349 scrollbar-width: thin; 5350 scrollbar-color: #ccc #f0f0f0; /* thumb and track */ 5351 } 5352 } 5353 #mobile_hamburger_menu_template .hamburger-menu-template-inner { 5354 padding: 30px; 5355 width: 425px; 5356 padding-right: 0px; 5357 position: fixed; 5358 box-sizing: border-box; 5359 } 5360 #mobile_hamburger_menu_template .hamburger-menu-close-button { 5361 font-size: 14px !important; 5362 display: flex; 5363 align-items: center; 5364 margin-bottom: 20px; 5365 } 5366 #mobile_hamburger_menu_template .hamburger-menu-close-button svg { 5367 height: 24px; 5368 margin-right: 5px; 5369 } 5370 #mobile_hamburger_menu_template .hamburger-menu-nav-section { 5371 display: flex; 5372 justify-content: space-between; 5373 align-items: center; 5374 box-sizing: border-box; 5375 } 5376 #mobile_hamburger_menu_template .sub_title_m { 5377 color: #444; 5378 text-transform: uppercase; 5379 font-weight: 400; 5380 font-size: 14px; 5381 margin-top: 30px; 5382 margin-bottom: 30px; 5383 letter-spacing: 2px; 5384 display:flex; 5385 } 5386 #mobile_hamburger_menu_template .hamburger-menu-nav-section svg { 5387 height: 20px; 5388 float: right; 5389 } 5390 #mobile_hamburger_menu_template .hamburger-menu-nav-section.parent_men span{ 5391 text-decoration: underline; 5392 } 5393 #mobile_hamburger_menu_template .hamburger-menu-nav-section.parent_men_arrow{ 5394 min-width:30px; 5395 justify-content: end; 5396 } 5397 #mobile_hamburger_menu_template .icon_and_name { 5398 display:flex; 5399 align-items:center; 5400 gap:10px; 5401 } 5402 #mobile_hamburger_menu_template .ham_menu_container { 5403 display:flex; 5404 justify-content: space-between; 5405 } 5406 #mobile_hamburger_menu_template.open { 5407 left: 0; 5408 5409 } 5410 #mobile_hamburger_menu_template .sub-menu-panel { 5411 padding: 30px; 5412 padding-top: 60px; 5413 position: absolute; 5414 top: 0; 5415 left: 425px; 5416 width: 425px; 5417 height: 100vh; 5418 background-color: #fff; 5419 overflow-y: auto; 5420 z-index: 999999; 5421 opacity: 0; 5422 transition: opacity 0.5s ease; 5423 } 5424
5425 #mobile_hamburger_menu_template .sub-menu-panel.open { 5426 opacity: 1; 5427 z-index: 9999999; 5428 } 5429 5430 5431 5432 #mobile_hamburger_menu_template a.hamburger-menu-nav-section, 5433 #mobile_hamburger_menu_template button.hamburger-menu-nav-section, 5434 #mobile_hamburger_menu_template a.hamburger-menu-close-button, 5435 #mobile_hamburger_menu_template button.hamburger-menu-close-button { 5436 position: relative; 5437 color:#000000; display: flex; 5438 font-weight:400; font-style:normal; font-size:14px; font-family:ITC Avant Garde; text-transform:none; line-height:35px; } 5439 #mobile_hamburger_menu_template button.hamburger-menu-nav-section, 5440 #mobile_hamburger_menu_template button.hamburger-menu-close-button { 5441 background: none; 5442 border: none; 5443 padding: 0; 5444 cursor: pointer; 5445 width: 100%; 5446 } 5447 /* this is not working in dash */ 5448 #mobile_hamburger_menu_template a.hamburger-menu-nav-section:hover, 5449 #mobile_hamburger_menu_template button.hamburger-menu-nav-section:hover, 5450 #mobile_hamburger_menu_template a.hamburger-menu-nav-section.active, 5451 #mobile_hamburger_menu_template button.hamburger-menu-nav-section.active 5452 { 5453 color: #000; 5454 } 5455 #mobile_hamburger_menu_template a.hamburger-menu-nav-section::after, 5456 #mobile_hamburger_menu_template button.hamburger-menu-nav-section::after { 5457 content: ""; 5458 position: absolute; 5459 left: 0; 5460 bottom: 0; 5461 width: 0%; 5462 height: 0.5px; 5463 background-color: #000; 5464 transition: width 0.5s ease; 5465 } 5466 #mobile_hamburger_menu_template a.hamburger-menu-nav-section.active::after, 5467 #mobile_hamburger_menu_template button.hamburger-menu-nav-section.active::after { 5468 width: 100%; 5469 } 5470 5471 #mobile_hamburger_menu_template a.hamburger-menu-nav-section:hover::after, 5472 #mobile_hamburger_menu_template button.hamburger-menu-nav-section:hover::after { 5473 width: 100%; 5474 } 5475 #mobile_hamburger_menu_template.hamburger-menu-template .nav_list_trd { 5476 display: none; 5477 padding: 15px 0px; 5478 padding-left: 20px; 5479 background: #fff; 5480 } 5481 #mobile_hamburger_menu_template.hamburger-menu-template .nav_list_trd.open { 5482 display: block; 5483 padding-top:2px; 5484 } 5485 5486 #mobile_hamburger_menu_template a.hamburger-menu-nav-section .icon_and_name img, 5487 #mobile_hamburger_menu_template button.hamburger-menu-nav-section .icon_and_name img { 5488 height:30px; 5489 } 5490 @media (min-width: 768px) { 5491 .hide_desktop { 5492 display:none!important; 5493 } 5494 } 5495 5496 @media (max-width: 767.9px) { 5497 .hide_mobile { 5498 display:none!important; 5499 } 5500 #mobile_hamburger_menu_template .sub_title_m svg { 5501 height: 20px; 5502 transform: rotate(180deg); 5503 } 5504 #mobile_hamburger_menu_template .sub_title_m { 5505 align-items: center; 5506 gap: 8px; 5507 cursor: pointer; 5508 } 5509 #mobile_hamburger_menu_template { 5510 position: fixed; 5511 top: 0; 5512 left: 0; 5513 width: 100%; 5514 overflow-y: auto; 5515 left: -100%; 5516 z-index: 9999998; 5517 background-color: #ffffff; 5518 transition: all 0.3s ease; 5519 height: 100%; 5520 max-height: 100vh; 5521 -webkit-overflow-scrolling: touch; 5522 box-sizing: border-box; 5523 } 5524 5525 #mobile_hamburger_menu_template .sub-menu-panel { 5526 padding: 30px; 5527 padding-top: 30px; 5528 padding-bottom: 100px; 5529 position: absolute; 5530 top: 0; 5531 left: 200%; 5532 width: 100%; 5533 height: 100vh; 5534 background-color: #fff; 5535 overflow-y: auto; 5536 z-index: -1; 5537 opacity: 1; 5538 transition: 0.5s ease; 5539 box-sizing: border-box; 5540 }
5541 #mobile_hamburger_menu_template .sub-menu-panel.open { 5542 opacity: 1; 5543 left: 0px; 5544 z-index: 9999999; 5545 } 5546 5547 #mobile_hamburger_menu_template .hamburger-menu-template-inner { 5548 width: 100%; 5549 } 5550 5551 5552 } 5553 5554 5555 5556 </style> 5557 5558 <nav id="mobile_hamburger_menu_template" class="hamburger-menu-template" inert="inert"> 5559 5560 <div class="hamburger-menu-template-inner"> 5561 <div class="hamburger-menu-template-inner-m"> 5562 <a href="#!" class="hamburger-menu-close-button mr-4" title="Close" id="mobile_hamburger_close_button" role="button"> 5563 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-13ewnpa" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 11.2928L17.7703 5.52254L18.4774 6.22964L12.7071 11.9999L18.4775 17.7704L17.7704 18.4775L12 12.7071L6.22957 18.4775L5.52246 17.7704L11.2929 11.9999L5.52256 6.22964L6.22967 5.52254L12 11.2928Z" fill="currentColor"></path></svg> 5564 </a> 5565 5566 <div class="script_before_menu"> 5567 5568 5569<div class="flex_cell flex_cell_1 image"> 5570 <div class="flex_cell_content"> 5571 5572 5573 5574 <img 5575 5576 5577 src="https://www.albertsjewelers.com/public/1.0/uploads/source/homepage-2025/header-2025/frame-32.png" 5578 5579 alt="Albert's Jewelers"> 5580 5581 5582 5583 </div> 5584</div> 5585 <style> 5586 .header_container_3 .flex_row .flex_col .script_before_menu .image { 5587 width:100%; justify-content:left !important; align-items:center !important; } 5588 .header_container_3 .flex_row .flex_col .script_before_menu .image>.flex_cell_content { 5589 display: flex; 5590 margin-top:px !important; margin-bottom:px !important; margin-left:px !important; margin-right:px !important; padding-top:px !important; padding-bottom:px !important; padding-left:px !important; padding-right:px !important; } 5591 .header_container_3 .flex_row .flex_col .script_before_menu .image img { 5592 max-width:130px; } 5593 5594 .header_container_3>.flex_row_2>.flex_col_1>.flex_cell_1.image { 5595 } 5596 </style> 5597 5598 </div> 5599 <div style="clear: both"></div> 5600 5601 5602 <a style="margin-top:25px" 5603 class="hamburger-menu-nav-section " 5604 title="New Arrivals" 5605 href="#!" > 5606 5607 <span class="icon_and_name"> 5608 5609 New Arrivals </span> 5610 5611 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path></svg> 5612 5613 </a> 5614 5615 5616 5617 <div class="sub-menu-panel" id="mobile-sub-menu-panel-216"> 5618 <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0"> 5619 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"> 5620 <path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path> 5621</svg> 5622 5623 New Arrivals 5624 </div> 5625 <div class="sub_title_m hide_mobile">New Arrivals</div> 5626 5627 5628 <!-- mobile_hamburger_menu_216_start --> 5629 <div id="mobile_hamburger_menu_216"></div> 5630 <!-- mobile_hamburger_menu_216_end --> 5631 </div> 5632 5633 5634 5635 <a style="margin-top:25px"
5636 class="hamburger-menu-nav-section " 5637 title="Engagement Rings" 5638 href="#!" > 5639 5640 <span class="icon_and_name"> 5641 5642 Engagement Rings </span> 5643 5644 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path></svg> 5645 5646 </a> 5647 5648 5649 5650 <div class="sub-menu-panel" id="mobile-sub-menu-panel-6"> 5651 <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0"> 5652 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"> 5653 <path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path> 5654</svg> 5655 5656 Engagement Rings 5657 </div> 5658 <div class="sub_title_m hide_mobile">Engagement Rings</div> 5659 5660 5661 <!-- mobile_hamburger_menu_6_start --> 5662 <div id="mobile_hamburger_menu_6"></div> 5663 <!-- mobile_hamburger_menu_6_end --> 5664 </div> 5665 5666 5667 5668 <a style="" 5669 class="hamburger-menu-nav-section " 5670 title="Wedding Bands" 5671 href="#!" > 5672 5673 <span class="icon_and_name"> 5674 5675 Wedding Bands </span> 5676 5677 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path></svg> 5678 5679 </a> 5680 5681 5682 5683 <div class="sub-menu-panel" id="mobile-sub-menu-panel-12"> 5684 <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0"> 5685 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"> 5686 <path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path> 5687</svg> 5688 5689 Wedding Bands 5690 </div> 5691 <div class="sub_title_m hide_mobile">Wedding Bands</div> 5692 5693 5694 <!-- mobile_hamburger_menu_12_start --> 5695 <div id="mobile_hamburger_menu_12"></div> 5696 <!-- mobile_hamburger_menu_12_end --> 5697 </div> 5698 5699 5700 5701 <a style="" 5702 class="hamburger-menu-nav-section " 5703 title="Diamonds" 5704 href="#!" > 5705 5706 <span class="icon_and_name"> 5707 5708 Diamonds </span> 5709 5710 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path></svg> 5711 5712 </a> 5713 5714 5715
5716 <div class="sub-menu-panel" id="mobile-sub-menu-panel-11"> 5717 <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0"> 5718 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"> 5719 <path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path> 5720</svg> 5721 5722 Diamonds 5723 </div> 5724 <div class="sub_title_m hide_mobile">Diamonds</div> 5725 5726 5727 <!-- mobile_hamburger_menu_11_start --> 5728 <div id="mobile_hamburger_menu_11"></div> 5729 <!-- mobile_hamburger_menu_11_end --> 5730 </div> 5731 5732 5733 5734 <a style="margin-top:20px" 5735 class="hamburger-menu-nav-section " 5736 title="Designers " 5737 href="#!" > 5738 5739 <span class="icon_and_name"> 5740 5741 Designers </span> 5742 5743 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path></svg> 5744 5745 </a> 5746 5747 5748 5749 <div class="sub-menu-panel" id="mobile-sub-menu-panel-72"> 5750 <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0"> 5751 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"> 5752 <path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path> 5753</svg> 5754 5755 Designers 5756 </div> 5757 <div class="sub_title_m hide_mobile">Designers </div> 5758 5759 5760 <!-- mobile_hamburger_menu_72_start --> 5761 <div id="mobile_hamburger_menu_72"></div> 5762 <!-- mobile_hamburger_menu_72_end --> 5763 </div> 5764 5765 5766 5767 <a style="" 5768 class="hamburger-menu-nav-section " 5769 title="Fine Jewelry" 5770 href="#!" > 5771 5772 <span class="icon_and_name"> 5773 5774 Fine Jewelry </span> 5775 5776 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path></svg> 5777 5778 </a> 5779 5780 5781 5782 <div class="sub-menu-panel" id="mobile-sub-menu-panel-16"> 5783 <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0"> 5784 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"> 5785 <path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path> 5786</svg> 5787 5788 Fine Jewelry 5789 </div> 5790 <div class="sub_title_m hide_mobile">Fine Jewelry</div> 5791 5792 5793 <!-- mobile_hamburger_menu_16_start --> 5794 <div id="mobile_hamburger_menu_16"></div> 5795 <!-- mobile_hamburger_menu_16_end --> 5796 </div> 5797 5798 5799 5800 <a style=""
5801 class="hamburger-menu-nav-section " 5802 title="Timepieces" 5803 href="#!" > 5804 5805 <span class="icon_and_name"> 5806 5807 Timepieces </span> 5808 5809 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path></svg> 5810 5811 </a> 5812 5813 5814 5815 <div class="sub-menu-panel" id="mobile-sub-menu-panel-20"> 5816 <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0"> 5817 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"> 5818 <path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path> 5819</svg> 5820 5821 Timepieces 5822 </div> 5823 <div class="sub_title_m hide_mobile">Timepieces</div> 5824 5825 5826 <!-- mobile_hamburger_menu_20_start --> 5827 <div id="mobile_hamburger_menu_20"></div> 5828 <!-- mobile_hamburger_menu_20_end --> 5829 </div> 5830 5831 5832 5833 <a style="margin-top:20px" 5834 class="hamburger-menu-nav-section " 5835 title="Services" 5836 href="#!" > 5837 5838 <span class="icon_and_name"> 5839 5840 Services </span> 5841 5842 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path></svg> 5843 5844 </a> 5845 5846 5847 5848 <div class="sub-menu-panel" id="mobile-sub-menu-panel-179"> 5849 <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0"> 5850 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"> 5851 <path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path> 5852</svg> 5853 5854 Services 5855 </div> 5856 <div class="sub_title_m hide_mobile">Services</div> 5857 5858 5859 <!-- mobile_hamburger_menu_179_start --> 5860 <div id="mobile_hamburger_menu_179"></div> 5861 <!-- mobile_hamburger_menu_179_end --> 5862 </div> 5863 5864 5865 5866 <a style="" 5867 class="hamburger-menu-nav-section " 5868 title="Contact" 5869 href="#!" > 5870 5871 <span class="icon_and_name"> 5872 5873 Contact </span> 5874 5875 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path></svg> 5876 5877 </a> 5878 5879 5880
5881 <div class="sub-menu-panel" id="mobile-sub-menu-panel-22"> 5882 <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0"> 5883 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"> 5884 <path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path> 5885</svg> 5886 5887 Contact 5888 </div> 5889 <div class="sub_title_m hide_mobile">Contact</div> 5890 5891 5892 <!-- mobile_hamburger_menu_22_start --> 5893 <div id="mobile_hamburger_menu_22"></div> 5894 <!-- mobile_hamburger_menu_22_end --> 5895 </div> 5896 5897 <div class="script_after_menu"> 5898 <div class="custom_script_after_menu"> 5899 <br><br><br><br><br> </div> 5900 </div> 5901 </div> 5902 </div> 5903 </nav> 5904 <div class="hamburger-menu-template-overlay" id="mobile_hamburger_menu_template_overlay"></div> 5905 5906
5906<script> 5907 $(function () { 5908 5909 5910 const trap = focusTrap.createFocusTrap('#mobile_hamburger_menu_template', { 5911 onActivate: () => $('#mobile_hamburger_menu_template').addClass('is-active'), 5912 onDeactivate: () => $('#mobile_hamburger_menu_template').removeClass('is-active'), 5913 clickOutsideDeactivates: true 5914 }); 5915 5916 5917 5918 function updatePanelWidth() { 5919 const elements = document.querySelectorAll('.custom_bm_fw'); 5920 5921 elements.forEach(element => { 5922 const panel = element.closest('.sub-menu-panel'); 5923 if (panel) { 5924 if (window.innerWidth > 768) { 5925 const newWidth = window.innerWidth - 425; 5926 panel.style.width = `${newWidth}px`; 5927 } else { 5928 panel.removeAttribute('style'); 5929 } 5930 } 5931 }); 5932 } 5933 5934 updatePanelWidth(); 5935 window.addEventListener('resize', updatePanelWidth); 5936 5937 let $lastNavTrigger = null; 5938 $('.sub-menu-panel').attr('tabindex', '-1'); 5939 $('.sub-menu-panel').find('a, button, .close_sub_menu').attr('tabindex', '-1'); 5940 5941 5942 5943 $('#mobile_hamburger_button').on('click keypress', function (event) { 5944 if(event.which === 13 || event.which === 32 || event.type == 'click') { 5945 if(event.which === 32) { 5946 event.preventDefault(); 5947 } 5948 document.body.classList.add('no-scroll'); 5949 $('#mobile_hamburger_menu_template').toggleClass('open') 5950 $('#mobile_hamburger_menu_template_overlay').toggleClass('open') 5951 $('#mobile_hamburger_menu_template').removeAttr('inert') 5952 trap.activate() 5953 $('#mobile_hamburger_close_button').focus() 5954 } 5955 }) 5956 5957 function closeSubMenu() { 5958 document.querySelectorAll('.sub-menu-panel').forEach(panel => { 5959 panel.classList.remove('open'); 5960 }) 5961 document.querySelectorAll('.hamburger-menu-nav-section').forEach(panel => { 5962 panel.classList.remove('active'); 5963 }) 5964 $('.sub-menu-panel').find('a, button, .close_sub_menu').attr('tabindex', '-1'); 5965 // Restore main-list nav items to the tab order 5966 $('.hamburger-menu-nav-section').removeAttr('tabindex'); 5967 if ($lastNavTrigger) { 5968 $lastNavTrigger.focus(); 5969 $lastNavTrigger = null; 5970 } 5971 } 5972 5973 $('.header_container_3').on('click', '.close_sub_menu', function() { 5974 closeSubMenu(); 5975 }) 5976 5977 $('.header_container_3').on('keydown', '.close_sub_menu', function(event) { 5978 if (event.key === 'Enter' || event.key === ' ') { 5979 event.preventDefault(); 5980 closeSubMenu(); 5981 } 5982 }) 5983 5984 5985 5986 // Cycle Tab focus within the open sub-menu-panel (last item â first item) 5987 $(document).on('keydown', '.sub-menu-panel.open [tabindex="0"]', function(event) { 5988 if (event.key !== 'Tab' || event.shiftKey) return; 5989 var $panel = $(this).closest('.sub-menu-panel.open'); 5990 var $focusable = $panel.find('a[tabindex="0"], button[tabindex="0"], .close_sub_menu[tabindex="0"]'); 5991 if ($focusable.last().is(this)) { 5992 event.preventDefault(); 5993 $focusable.first().trigger('focus'); 5994 } 5995 }); 5996 5997 $('#mobile_hamburger_close_button, #mobile_hamburger_menu_template_overlay').on('click keypress', function (event) { 5998 // <button> fires a synthetic click on Enter/Space â skip keypress to avoid double-fire 5999 if (event.type === 'keypress' && this.tagName === 'BUTTON') { 6000 return; 6001 } 6002 if(event.which === 13 || event.which === 32 || event.type == 'click') { 6003 if (event.which === 32) { 6004 event.preventDefault(); 6005 } 6006 6007 closeHamburgerMenu(); 6008 } 6009 }) 6010 6011 $(window).resize(function () { 6012 if($(window).width() > 768) closeHamburgerMenu(); 6013 }) 6014 6015 function closeHamburgerMenu() {
6016 document.querySelectorAll('.sub-menu-panel').forEach(panel => { 6017 panel.classList.remove('open'); 6018 }) 6019 document.querySelectorAll('.hamburger-menu-nav-section').forEach(panel => { 6020 panel.classList.remove('active'); 6021 }) 6022 $('.sub-menu-panel').find('a, button, .close_sub_menu').attr('tabindex', '-1'); 6023 // Restore main-list nav items to the tab order 6024 $('.hamburger-menu-nav-section').removeAttr('tabindex'); 6025 $lastNavTrigger = null; 6026 document.body.classList.remove('no-scroll'); 6027 $('#mobile_hamburger_menu_template').removeClass('open') 6028 $('#mobile_hamburger_menu_template_overlay').removeClass('open') 6029 $('#mobile_hamburger_menu_template').attr('inert', 'inert') 6030 trap.deactivate() 6031 } 6032 6033 $('.header_container_3').on('click', '.hamburger-menu-nav-section', function() { 6034 6035 if ($(this).hasClass("active")) { 6036 document.querySelectorAll('.sub-menu-panel').forEach(panel => { 6037 panel.classList.remove('open'); 6038 }) 6039 document.querySelectorAll('.hamburger-menu-nav-section').forEach(panel => { 6040 panel.classList.remove('active'); 6041 }) 6042 $('.sub-menu-panel').find('a, button, .close_sub_menu').attr('tabindex', '-1'); 6043 // Restore main-list nav items to the tab order 6044 $('.hamburger-menu-nav-section').removeAttr('tabindex'); 6045 } else { 6046 // For parent_men_arrow, the sub-menu-panel is after ham_menu_container, not after the button 6047 let $checkPanel = $(this).hasClass("parent_men_arrow") 6048 ? $(this).closest('.ham_menu_container').next('.sub-menu-panel') 6049 : $(this).next('.sub-menu-panel'); 6050 6051 if ($checkPanel.find('.nav_a_trd').length > 0 || $checkPanel.find('.custom_build_menu').length > 0) { 6052 document.querySelectorAll('.sub-menu-panel').forEach(panel => { 6053 panel.classList.remove('open'); 6054 }) 6055 document.querySelectorAll('.hamburger-menu-nav-section').forEach(panel => { 6056 panel.classList.remove('active'); 6057 }) 6058 $('.sub-menu-panel').find('a, button, .close_sub_menu').attr('tabindex', '-1'); 6059 6060 $(this).addClass('active'); 6061 $lastNavTrigger = $(this); 6062 6063 let $openedPanel = null; 6064 6065 if (!$(this).hasClass("parent_men")) { 6066 updatePanelWidth(); 6067 $(this).next('.sub-menu-panel').toggleClass('open'); 6068 $openedPanel = $(this).next('.sub-menu-panel'); 6069 } 6070 if ($(this).hasClass("parent_men_arrow")) { 6071 $(this).closest('.ham_menu_container').next('.sub-menu-panel').toggleClass('open'); 6072 $openedPanel = $(this).closest('.ham_menu_container').next('.sub-menu-panel'); 6073 } 6074 6075 if ($openedPanel && $openedPanel.hasClass('open')) { 6076 // Hide main-list nav items from tab order while panel is open 6077 $('.hamburger-menu-nav-section').attr('tabindex', '-1'); 6078 $openedPanel.find('a, button, .close_sub_menu').attr('tabindex', '0'); 6079 setTimeout(function() { 6080 $openedPanel.find('[tabindex="0"]').first().trigger('focus'); 6081 }, 50); 6082 } 6083 } 6084 } 6085 6086 }) 6087 }) 6088 6089 function setHamburgerInnerHeight() { 6090 const inner = document.querySelector('.hamburger-menu
6090-template-inner-m'); 6091 const offset = 0; // adjust this if there's a header/footer inside 6092 inner.style.height = `${window.innerHeight - offset - 70}px`; 6093 } 6094 6095 // Run on load and resize 6096 window.addEventListener('load', setHamburgerInnerHeight); 6097 window.addEventListener('resize', setHamburgerInnerHeight); 6098 6099 </script>
6099 6100</div> 6101 6102<style> 6103 #mobile_hamburger_menu_template>ul>li>a { 6104 color:#000000; display: flex; 6105 font-weight:400; font-style:normal; font-size:14px; font-family:ITC Avant Garde; text-transform:none; line-height:35px; } 6106 6107 #mobile_hamburger_menu_template>ul>li>a:hover { 6108 color:#000000; } 6109 6110 6111 6112</style> 6113 </div> 6114 6115 <div class="flex_col"> 6116 6117 6118 </div> 6119 6120 <div class="flex_col"> 6121 6122 6123 </div> 6124 6125 </div> 6126 6127 6128 6129 <div class="flex_row"> 6130 6131 6132 <div class="flex_col"> 6133 6134 6135 </div> 6136 6137 </div> 6138 6139 6140 </div> 6141 6142 6143 6144</header> 6145 6146 6147<main id="main" class="main_page_container page_type_1099 page_guid_3000004"> 6148 <div class="registration-div"> 6149 <div class="img-container"></div> 6150 <form method="post" class="registration-form" id="r-registration-form"> 6151 <input type="hidden" name="_csrf_token" value="a16666f14f0b510ce6c8680053f06e461577c04d8faf5a11c68114fea7ba827a"> 6152 <h1 class="h1_general_style "> 6153 SIGN IN </h1> 6154 6155 <div class="input_general_style general_style mb-4"> 6156 <label for="registration_email" class="general_style ">Email</label> 6157 <input type="email" class="form-control form-control-lg" id="registration_email" name="login[email]" value=""> 6158 </div> 6159 <div class="input_general_style general_style mb-4"> 6160 <label for="registration_password" class="general_style">Password</label> 6161 <div class="position-relative w-100"> 6162 <input type="password" class="form-control form-control-lg" id="registration_password" name="login[password]" required> 6163 <button type="button" class="toggle-password-visibility" title="View password button" aria-label="View password button"> 6164 <span class="fa fa-fw fa-lg fa-eye-slash" aria-hidden="true"></span> 6165 </button> 6166 </div> 6167 </div> 6168 6169 <div class="button_group"> 6170 <input type="hidden" name="login[token]" value=""> 6171 <button type="submit" class="btn-sign-up general_style" id="registration-submit" title="Sign in" aria-label="Sign in">Sign in</button> 6172 </div> 6173 <div class="reg_links"> 6174 <p class="p4_general_style"> 6175 <a href="forgot-password" class="general_style" title="Forgot your password?" aria-label="Forgot your password?">Forgot your password?</a> 6176 </p> 6177 <p class="p4_general_style"> 6178 Don't have an account? <a href="register" class="general_style" title="Sign up" aria-label="Sign up">Sign up</a> 6179 </p> 6180 </div> 6181 </form> 6182 </div> 6183</main> 6184 6185<style> 6186 @media (min-width: 992px) { 6187 .img-container { 6188 display: none !important; 6189 } 6190 .registration-div { 6191 max-width: 600px; 6192 } 6193 .registration-form { 6194 width: 100%; 6195 } 6196 } 6197 @media (max-width: 991.9px) and (min-width: 768px) { 6198 .img-container { 6199 display: none !important; 6200 } 6201 .registration-div { 6202 max-width: 600px; 6203 } 6204 .registration-form { 6205 width: 100%; 6206 } 6207 } 6208 @media (max-width: 767.9px) { 6209 .img-container { 6210 display: none !important; 6211 } 6212 .registration-div { 6213 max-width: 600px; 6214 } 6215 .registration-form { 6216 width: 100%; 6217 } 6218 } 6219 </style> 6220 6221
6221<script> 6222 let recaptcha = []; 6223 function onRecaptchaLoadCallback() { 6224 6225 } 6226 6227 $(function () { 6228 $('#r-registration-form').on('submit', function (event) { 6229 const $form = $(this); 6230 const formId = $form.attr('id'); 6231 event.preventDefault(); 6232 6233 grecaptcha.ready(function() { 6234 grecaptcha.execute('6Le0_CEiAAAAAO2SprdEh3a5J5OGgtavg30c0ya7', {action: 'form_builder_submissions'}).then(function(token) { 6235 $form.prepend(`<input type="hidden" name="g-recaptcha-response" value="${token}">`) 6236 $form.unbind('submit').submit() 6237 }); 6238 }); 6239 }); 6240 }); 6241 </script>
6241 6242 6243 6244 <div class="my-scope fas"> 6245 6246 <div class="fas-tab-wrap"> 6247 <input type="radio" id="fas-tab1" name="fas-tabGroup1" class="fas-tab" checked style='display: none'> 6248 <h3 class="show-in-calendar general_style" id="bookInStore">Please select the store you wish to book your appointment with</h3> 6249 <button class="close-fas-btn bg-white border-0 d-block"> 6250 <svg xmlns="http://www.w3.org/2000/svg" class="w-100 h-100" viewBox="0 0 21.03 21.03" aria-label="Close" 6251 title="Close"> 6252 <path id="x" fill="#979bc0" 6253 d="M1283.15,3219.45l9.81-9.81-0.7-.7-9.81,9.81-9.81-9.81-0.7.7,9.81,9.81-9.81,9.81,0.7,0.7,9.81-9.81,9.81,9.81,0.7-.7Z" 6254 transform="translate(-1271.94 -3208.94)"/> 6255 </svg> 6256 </button> 6257 <div class="fas-actions hide-in-calendar"> 6258 <div class="map-btn"><a href="/store-locator?map" class="a_general_style"> 6259 View Map</a> 6260 </div> 6261 <div id="search-by-zip" class="input_general_style general_style"> 6262 <label for="sl_zipcode" class="general_style">Search by Zip Code</label> 6263 <input type="text" class="form-control" id="sl_zipcode" inputmode="numeric" pattern="[0-9]*" placeholder="Search by Zip Code"> 6264 <button type="button" class="form-control" tabindex="-1"> 6265 <svg style="width: 15px" role="img" aria-label="Search" viewBox="0 0 512 512"> 6266 <path class="path_class" 6267 d="M500.3 443.7l-119.7-119.7c27.22-40.41 40.65-90.9 33.46-144.7C401.8 87.79 326.8 13.32 235.2 1.723C99.01-15.51-15.51 99.01 1.724 235.2c11.6 91.64 86.08 166.7 177.6 178.9c53.8 7.189 104.3-6.236 144.7-33.46l119.7 119.7c15.62 15.62 40.95 15.62 56.57 0C515.9 484.7 515.9 459.3 500.3 443.7zM79.1 208c0-70.58 57.42-128 128-128s128 57.42 128 128c0 70.58-57.42 128-128 128S79.1 278.6 79.1 208z"></path> 6268 </svg> 6269 </button> 6270 </div> 6271 <button type="button" class="form-control get-location a_general_style" onclick="getLocation()"> 6272 <svg style="" xmlns="http://www.w3.org/2000/svg" 6273 xmlns:xlink="http://www.w3.org/1999/xlink" version="1.0" id="Layer_1" width="800px" height="800px"
6274 viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve"> 6275 <path fill="#231F20", 6276 d="M32,0C18.746,0,8,10.746,8,24c0,5.219,1.711,10.008,4.555,13.93c0.051,0.094,0.059,0.199,0.117,0.289l16,24 C29.414,63.332,30.664,64,32,64s2.586-0.668,3.328-1.781l16-24c0.059-0.09,0.066-0.195,0.117-0.289C54.289,34.008,56,29.219,56,24 C56,10.746,45.254,0,32,0z M32,32c-4.418,0-8-3.582-8-8s3.582-8,8-8s8,3.582,8,8S36.418,32,32,32z"></path> 6277 </svg> 6278 Use My Location 6279 </button> 6280 </div> 6281 <p class="find-ts-error"></p> 6282 6283 6284 6285 <div class="fas-tab__content"> 6286 <table class="table" id="store-locator"> 6287 <thead style="display: none"><tr><th></th><th></th></tr></thead> 6288 <tbody> 6289 <tr data-lat="41.495073" data-lng="-87.469032"> 6290 <td class="fas-row-store"> 6291 <div class="fas-logo-store"> 6292 <img src="https://www.albertsjewelers.com/public/1.0/uploads/source/alberts-logo-footer-1.png" width="200px"> 6293 </div> 6294 <div style="width: 400px"> 6295 <h4 class="general_style">SCHERERVILLE STORE</h4> 6296 <p class="p2_general_style"> 6297 711 MAIN STREET<br> 6298 SCHERERVILLE, Indiana, 46375<br> 6299 219-322-2700 </p> 6300 6301 <div class="text-success hide-in-calendar">You're Currently Shopping</div> 6302 6303 </div> 6304 </td> 6305 6306 <td class="fas-row-distance hide-in-calendar" style="display: block"> 6307 <div class="p2_general_style">Distance <b>6041.33</b> miles 6308 </div> 6309 </td> 6310 <td class="fas-row-actions"> 6311 <div class="d-flex" style="align-items: center"> 6312 <div class='hide-in-calendar'><a class="btn d-flex flex-column mr-2 general_style phone_number_click" style="align-items: center" href="tel:219-322-2700"> 6313 <img src="/skeleton/1.0/view/img/itemPage/find-the-store/phone.png" alt="phone" title="phone" width="20px" style="padding: 4px 0px; padding-bottom: 10px;"> 6314 Call</a></div> 6315 <div class='hide-in-calendar'><a class="btn d-flex flex-column mr-2 general_style email_click" style="align-items: center" href="/cdn-cgi/l/email-protection#f39e92819896879a9d94b3929f9196818780999684969f968180dd909c9e"> 6316 <img src="/skeleton/1.0/view/img/itemPage/find-the-store/mail.png" alt="mail" title="mail" width="20px" style="padding: 8px 0px; padding-bottom: 10px;"> 6317 Email</a></div> 6318 <div class='hide-in-calendar'><a class="btn d-flex flex-column mr-2 general_style get_directions_click" style="align-items: center" href="https://goo.gl/maps/Yb8vj7hvRahHMHtJ8" style="padding: 12px 8px" target="blank"> 6319 <img src="/skeleton/1.0/view/img/itemPage/find-the-store/directions.png" alt="directions" title="directions" width="15px" style="padding: 4px 0px; padding-bottom: 10px;"> 6320 Directions</a></div> 6321 <div class='hide-in-calendar'> 6322 <a class="btn d-flex flex-column mr-2 general_style req_app_click" id="store_locator" href="javascript:void(0);" style="padding: 12px 8px; align-items: center" data-toggle="modal" data-target="#appointment-modal" title="Book an appointment" aria-label="Book an appointment" 6323 data-location_id="3"> 6324 <img src="/skeleton/1.0/view/img/itemPage/find-the-store/loc_app_3.png" alt="Appointment" title="Ap
6324pointment" width="30px" style="padding: 0px; padding-bottom: 10px;"> 6325 Appointment</a> 6326 </div> 6327 <div class='show-in-calendar'> 6328 <button class="btn primary-button req_app_click" id="in_store_try" href="javascript:void(0);" data-toggle="modal" data-target="#appointment-modal" title="Book an appointment" aria-label="Book an appointment" 6329 data-location_id="3"> 6330 Select 6331 </button> 6332 </div> 6333 </div> 6334 </td> 6335 </tr> 6336 </tbody> 6337 </table> 6338 </div> 6339 6340 <div class="fas-tab__content"> 6341 <div id="map"></div> 6342 </div> 6343 </div> 6344 6345 6346 </div> 6347 <form method="POST" id="r-app-form"> 6348 <input type="hidden" name="_csrf_token" value="a16666f14f0b510ce6c8680053f06e461577c04d8faf5a11c68114fea7ba827a"> <style id="rApp-MainSettings"> 6349 :root { 6350 --calendar-left-background: #022d57; 6351 --calendar-store-info: #ffffff; 6352 --calendar-color: 255, 255, 255; 6353 --calendar-opp-color: 17, 24, 39; 6354 --calendar-text-opacity: 1; 6355 --calendar-bg-opacity: 1; 6356 --calendar-btn-bg-opacity: 0.25; 6357 --calendar-hover-bg-opacity: 0.35; 6358 --calendar-3-step-confirm-color: #15803d; 6359 --rdp-color: 255,255,255; 6360 --rdp-opp-color: 17, 24, 39; 6361 --rdp-text-opacity: 1; 6362 --rdp-bg-opacity: 1; 6363 --rdp-btn-bg-opacity: 0.25; 6364 --rdp-hover-bg-opacity: 0.35; 6365 } 6366</style> 6367 6368<div class="rApp-container"> 6369 <div class="antialiased font-sans w-full h-full md:p-4 sm:bg-gray-100 flex items-center h-event" 6370 style="border-color: rgb(0, 0, 0); position: fixed; top: 0; display: none; z-index: 9999" id="rApp"> 6371 <div class="md:max-w-4xl h-full mx-auto w-full text-gray-700 flex flex-col justify-between md:max-h-800" 6372 style="transition: width 0.2s;"> 6373 <div 6374 class="relative flex h-full flex-grow flex-col overflow-hidden rounded-b bg-white shadow md:rounded-lg"> 6375 <button type="button" data-dismiss="modal" aria-label="Close" class="close" style="display: none"><span aria-hidden="true">Ã</span></button> 6376 <div class="flex h-full" id="steps"> 6377 <div 6378 class="active md:w-1/2 w-full h-full px-4 py-3 overflow-x-hidden overflow-y-auto text-center text-white rounded-b md:rounded-lg" 6379 style="transition: width 0.2s; background-color: var(--calendar-left-background);" id="calendar"> 6380 <div class="flex min-h-full flex-col"> 6381 <div class="justify-center flex flex-col flex-grow relative" id="store-info"> 6382 <div class="flex-2"> 6383 <div class="mt-4 sm:mt-2"> 6384 <div id="l_store_img" class="inline-block h-28 w-28 rounded-full overflow-hidden bg-gray-100 bg-cover bg-center border border-gray-100"></div> 6385 </div> 6386 <div class="px-2 mt-2 text-center h4_general_style" id="l_name" style="color: var(--calendar-store-info) !important;">SCHERERVILLE STORE</div> 6387 <div class="px-2 mt-2 text-center h5_general_style" id="l_address" style="color: var(--calendar-store-info) !important;">711 MAIN STREET<br>SCHERERVILLE, Indiana, 46375</div> 6388 </div> 6389 </div> 6390 <div class="noselect notranslate relative mx-2 mt-5 pb-2 sm:mx-4"> 6391 6392 <div class="absolute flex h-full w-full items-center justify-center appLoader calendar hidden" style="background: #00000036;z-index: 9;border-radius: 25px;margin: -10px 0;"><span class="spinner">loading</span></div> 6393 <div class="rdp " dir="ltr"> 6394 <div class="calendar-months"> 6395 <div class="calendar-month calendar-caption_start calendar-caption_end"> 6396 <div class="calendar-caption relative z-20 space-x-2" style="direction: ltr;"> 6397 <button type="button" id="prevMonth" 6398 class="calendar-button_reset calendar-button calendar-nav_button calendar-nav_button_previous focu
6398s:outline-none" 6399 style="width: 10%;" disabled> 6400 <svg width="16px" height="16px" viewBox="0 0 120 120" class="calendar-nav_icon focus:outline-none"> 6401 <path 6402 d="M69.490332,3.34314575 C72.6145263,0.218951416 77.6798462,0.218951416 80.8040405,3.34314575 C83.8617626,6.40086786 83.9268205,11.3179931 80.9992143,14.4548388 L80.8040405,14.6568542 L35.461,60 L80.8040405,105.343146 C83.8617626,108.400868 83.9268205,113.317993 80.9992143,116.454839 L80.8040405,116.656854 C77.7463184,119.714576 72.8291931,119.779634 69.6923475,116.852028 L69.490332,116.656854 L18.490332,65.6568542 C15.4326099,62.5991321 15.367552,57.6820069 18.2951583,54.5451612 L18.490332,54.3431458 L69.490332,3.34314575 Z" 6403 fill="currentColor" fill-rule="nonzero"></path> 6404 </svg> 6405 </button> 6406 <div class="calendar-caption_label" aria-live="polite" role="presentation" id="react-day-picker-1"> 6407 April 2025 6408 </div> 6409 <button type="button" id="nextMonth" 6410 class="calendar-button_reset calendar-button calendar-nav_button calendar-nav_button_next focus:outline-none" 6411 style="width: 10%;"> 6412 <svg width="16px" height="16px" viewBox="0 0 120 120" class="calendar-nav_icon focus:outline-none"> 6413 <path 6414 d="M49.8040405,3.34314575 C46.6798462,0.218951416 41.6145263,0.218951416 38.490332,3.34314575 C35.4326099,6.40086786 35.367552,11.3179931 38.2951583,14.4548388 L38.490332,14.6568542 L83.8333725,60 L38.490332,105.343146 C35.4326099,108.400868 35.367552,113.317993 38.2951583,116.454839 L38.490332,116.656854 C41.5480541,119.714576 46.4651794,119.779634 49.602025,116.852028 L49.8040405,116.656854 L100.804041,65.6568542 C103.861763,62.5991321 103.926821,57.6820069 100.999214,54.5451612 L100.804041,54.3431458 L49.8040405,3.34314575 Z" 6415 fill="currentColor"></path> 6416 </svg> 6417 </button> 6418 </div> 6419 <table class="calendar-table" role="grid" aria-labelledby="react-day-picker-141"> 6420 <thead class="rdp-head"><tr class="rdp-head_row"><th scope="col" class="rdp-head_cell" aria-label="Monday">Mo</th><th scope="col" class="rdp-head_cell" aria-label="Tuesday">Tu</th><th scope="col" class="rdp-head_cell" aria-label="Wednesday">We</th><th scope="col" class="rdp-head_cell" aria-label="Thursday">Th</th><th scope="col" class="rdp-head_cell" aria-label="Friday">Fr</th><th scope="col" class="rdp-head_cell" aria-label="Saturday">Sa</th><th scope="col" class="rdp-head_cell" aria-label="Sunday">Su</th></tr></thead> 6421 <tbody class="calendar-tbody"></tbody> 6422 </table> 6423 </div> 6424 </div> 6425 </div> 6426 </div> 6427 </div> 6428 </div> 6429 <div id="time" class="relative flex h-full w-full flex-col overflow-x-hidden px-6 py-6 text-gray-600 md:w-1/2 md:px-10 md:py-10"> 6430 <div class="absolute flex flex-col h-full w-full justify-center items-center appLoader hidden"><span style="display: inherit; position: relative; width: 42px; height: 42px; animation: 2s linear 0s infinite normal forwards running react-spinners-DotLoader-rotate;"><span style="position: absolute; top: 0px; bottom: auto; height: 21px; width: 21px; background-color: rgb(31, 42, 55); border-radius: 100%; animation: 2s linear 0s infinite normal forwards running react-spinners-DotLoader-bounce;"></span><span style="position: absolute; top: auto; bottom: 0px; height: 21px; width: 21px; background-color: rgb(31, 42, 55); border-radius: 100%; animation: 2s linear -1s infinite normal forwards running react-spinners-DotLoader-bounce;"></span></span></div> 6431 6432 <div class="cursor-default rounded bg-gray-100 px-4 py-2 text-center font-semibold text-gray-600 appLoader-hide"> 6433 <div class="truncate appDate"></div> 6434 </div> 6435 <div class="flex mt-5 font-semibold capitalize appLoader-hide"> 6436 timezone: 6437 <div class="ml-2">
6438 <span class="l_timeZ"></span> 6439 <span class="l_timeZ_now" style="display: none;">(Now 11:11)</span> 6440 </div> 6441 </div> 6442 <div class="-mr-4 mt-1 flex h-full min-h-160 flex-col overflow-y-scroll pr-2 pt-1 md:h-auto appLoader-hide" id="time-select"></div> 6443 </div> 6444 <div id="confirm" class="relative h-full flex-grow flex-col overflow-hidden rounded-b bg-white shadow md:rounded-lg md:border md:border-gray-100 px-6 pt-8 md:px-10" style="display: none"> 6445 <div class="booking-top mx-auto flex h-full max-w-lg flex-col"> 6446 <div class="space-y-2"> 6447 <div class="rApp-product-image-tablet"> 6448 <img src="" style="display: none"> 6449 </div> 6450 <div class="text-xl font-semibold">Confirm booking</div> 6451 <div class="flex text-base font-semibold"> 6452 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="h-6 w-6 flex-shrink-0"> 6453 <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 0 1 2.25-2.25h13.5A2.25 2.25 0 0 1 21 7.5v11.25m-18 0A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75m-18 0v-7.5A2.25 2.25 0 0 1 5.25 9h13.5A2.25 2.25 0 0 1 21 11.25v7.5m-9-6h.008v.008H12v-.008ZM12 15h.008v.008H12V15Zm0 2.25h.008v.008H12v-.008ZM9.75 15h.008v.008H9.75V15Zm0 2.25h.008v.008H9.75v-.008ZM7.5 15h.008v.008H7.5V15Zm0 2.25h.008v.008H7.5v-.008Zm6.75-4.5h.008v.008h-.008v-.008Zm0 2.25h.008v.008h-.008V15Zm0 2.25h.008v.008h-.008v-.008Zm2.25-4.5h.008v.008H16.5v-.008Zm0 2.25h.008v.008H16.5V15Z"></path> 6454 </svg> 6455 <span class="ml-2"> 6456 <span class="appDate"></span>, <span class="appYear"></span> 6457 <br> 6458 <span class="appTime"></span> 6459 (<span class="appTimeZone">PST</span>) 6460 </span> 6461 </div> 6462 </div> 6463 <div class="flex items-center text-base font-semibold mt-2"> 6464 <div class="flex"> 6465 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="h-6 w-6 flex-shrink-0"> 6466 <path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6h4.5m4.5 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"></path> 6467 </svg> 6468 <span class="ml-2 appDiff"></span></div> 6469 </div> 6470 <div class="mt-6 flex w-full flex-1 flex-col justify-between"> 6471 <div class="booking-form h-full w-full overflow-x-hidden overflow-y-scroll px-1">
vendor: 147 bytes, lines 6471-6472
6471 6472 <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
6472<script>$("#store-info img").remove();</script>
6472 6473 <input name="store_locator_book_appointment[last_name]" type="hidden"> 6474 <input name="store_locator_book_appointment[pg_type]" type="hidden" value="1099"> 6475 <input name="store_locator_book_appointment[guid]" type="hidden" value="3000004"> 6476 <input name="store_locator_book_appointment[title]" type="hidden" value="Login"> 6477 <input name="store_locator_book_appointment[module]" type="hidden" value="store_locator_book_appointment"> 6478 <input name="store_locator_book_appointment[location_id]" type="hidden" id="location_id"> 6479 <input name="store_locator_book_appointment[date]" type="hidden" id="date_field"> 6480 <input name="store_locator_book_appointment[timezone]" type="hidden" id="timezone"> 6481 <input name="store_locator_book_appointment[appointment_type]" type="hidden" id="formType"> 6482 <input name="store_locator_book_appointment[time]" type="hidden" id="appointmentTime" > 6483 <div id='calendarForm'> 6484 <div class="-mx-2 flex flex-wrap sm:mt-6"> 6485 <div class="w-full px-2 sm:w-1/2 "> 6486 <div class="flex w-full flex-col"> 6487 <div class="block"> 6488 <label class="flex text-sm leading-5 font-semibold text-gray-700" for="name">Name * </label> 6489 </div> 6490 <input type="text" required name="store_locator_book_appointment[first_name]" maxlength="50" id="rApp_name" class="undefined px-3 appearance-none block w-full border rounded-md placeholder-gray-400 focus:outline-none px-3 py-2 sm:text-sm sm:leading-5 border-gray-300 focus:ring-indigo-500 focus:border-indigo-500 focus-primary"> 6491 </div> 6492 </div> 6493 </div> 6494 <div class="-mx-2 flex flex-wrap sm:mt-6"> 6495 <div class="w-full px-2 sm:w-1/2 "> 6496 <div class="flex w-full flex-col"> 6497 <div class="block"> 6498 <label class="flex text-sm leading-5 font-semibold text-gray-700" for="phone">Phone * </label> 6499 </div> 6500 <input type="tel" required name="store_locator_book_appointment[phone]" maxlength="50" id="rApp_phone" class="undefined px-3 appearance-none block w-full border rounded-md placeholder-gray-400 focus:outline-none px-3 py-2 sm:text-sm sm:leading-5 border-gray-300 focus:ring-indigo-500 focus:border-indigo-500 focus-primary"> 6501 </div> 6502 </div> 6503 </div> 6504 <div class="-mx-2 flex flex-wrap sm:mt-6"> 6505 <div class="w-full px-2 sm:w-1/2 "> 6506 <div class="flex w-full flex-col"> 6507 <div class="block"> 6508 <label class="flex text-sm leading-5 font-semibold text-gray-700" for="email">Email * </label> 6509 </div> 6510 <input type="email" required name="store_locator_book_appointment[email]" maxlength="50" id="rApp_email" class="undefined px-3 appearance-none block w-full border rounded-md placeholder-gray-400 focus:outline-none px-3 py-2 sm:text-sm sm:leading-5 border-gray-300 focus:ring-indigo-500 focus:border-indigo-500 focus-primary"> 6511 </div> 6512 </div> 6513 </div> 6514 <div class="-mx-2 flex flex-wrap sm:mt-6"> 6515 <div class="w-full px-2 w-full "> 6516 <div class="flex w-full flex-col"> 6517 <div class="block"> 6518 <label class="flex text-sm leading-5 font-semibold text-gray-700" for="comments">Comment * </label> 6519 </div> 6520 <textarea maxlength="500" required name="store_locator_book_appointment[comments]" id="rApp_comments" step="any" class="undefined px-3 appearance-none block w-full border rounded-md placeholder-gray-400 focus:outline-none px-3 py-2 sm:text-sm sm:leading-5 border-gray-300 focus:ring-indigo-500 focus:border-indigo-500 focus-primary "></textarea> 6521 </div> 6522 </div> 6523 </div> 6524 <div class="mt-5 " id="req-app-recaptcha" data-form="r-
6524app-form"></div> 6525 </div> 6526 </div> 6527 <div class="form-buttons bottom-0 left-0 mt-6 flex w-full flex-shrink-0 flex-col pb-6 text-right sm:mt-0 sm:pt-4"> 6528 <div class="flex w-full justify-between"> 6529 <button id="back-step-1" class="flex items-center rounded border border-gray-500 bg-white px-6 py-2 text-sm text-gray-700 focus:outline-none " type="button"> 6530 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="h-4 w-4"> 6531 <path stroke-linecap="round" stroke-linejoin="round" d="M15.75 19.5 8.25 12l7.5-7.5"></path> 6532 </svg> 6533 <span class="ml-2">Back</span></button> 6534 6535 <button class="ml-2 text-sm rounded focus:outline-none py-2 px-6 cursor-pointer bg-calendar-btn text-white " type="submit">Confirm 6536 </button> 6537 </div> 6538 </div> 6539 </div> 6540 </div> 6541 </div> 6542 </div> 6543 </div> 6544 </div> 6545 </div> 6546 6547 </div> 6548 6549
6549<script> 6550 6551 $(function () { 6552 $('#r-app-form').on('submit', function (event) { 6553 const $form = $(this); 6554 event.preventDefault() 6555 grecaptcha.ready(function() { 6556 grecaptcha.execute('6Le0_CEiAAAAAO2SprdEh3a5J5OGgtavg30c0ya7', {action: 'form_builder_submissions'}).then(function(token) { 6557 $form.prepend(`<input type="hidden" name="g-recaptcha-response" value="${token}">`) 6558 $form.unbind('submit').submit() 6559 }); 6560 }); 6561 }); 6562 }) 6563 </script>
vendor: 1 bytes, line 6563
6563
6564<script> 6565 6566 let step = 1; 6567 let today = new Date(); 6568 let currentMonthIndex = 0; 6569 let currentYear = today.getFullYear(); 6570 6571 const monthTitle = $("#react-day-picker-1"); 6572 const months = [ 6573 {month: today.getMonth(), year: today.getFullYear()}, 6574 {month: (today.getMonth() + 1) % 12, year: today.getFullYear() + (today.getMonth() === 11 ? 1 : 0)} 6575 ]; 6576 6577 const prevButton = $("#prevMonth"); 6578 const nextButton = $("#nextMonth"); 6579 6580 businessHours = {}; 6581 renderCalendar(currentMonthIndex); 6582 6583 function addCalendarStylesheet() { 6584 if ($('link[href="/skeleton/1.0/view/css/calendar.css?v=1.66"]').length === 0) { 6585 var link = $('<link>', { 6586 rel: 'stylesheet', 6587 href: '/skeleton/1.0/view/css/calendar.css?v=1.66' 6588 }); 6589 $("head").append(link); 6590 } 6591 } 6592 6593 $(document).ready(function () { 6594 addCalendarStylesheet(); 6595 }); 6596 6597 $("#back-step-1").click(function () { 6598 $('#calendar').toggleClass('md:w-1/2 md:w-1/3').addClass('active'); 6599 $('#store-info').toggleClass('justify-center justify-start'); 6600 $('#store-info img').toggle(); 6601 $("#time, #confirm, .noselect").toggle(); 6602 step = 2 6603 }); 6604 6605 $("#back-step-2").click(function () { 6606 $("#time").addClass('active') 6607 $("#confirm, #calendar").removeClass('active') 6608 step = 1 6609 }); 6610 6611 $(".rApp-container .close").on('click', function() { 6612 $('#rApp').hide(); 6613 $('body').removeClass('overflow-hidden'); 6614 }) 6615 let updateLocation = true; 6616 6617 $(document).on("click", ".req_app_click", function () { 6618 var formType = $(this).attr('id'); 6619 6620 updateLocation = true; 6621 addCalendarStylesheet(); 6622 var productImage = $(".item-image img").attr("src"); 6623 6624 // Create product image div if it doesn't exist (separate from store image) 6625 if ($("#store-info img").length === 0 && productImage) { 6626 $("#store-info").append('<div><img src="" style="display: none"></div>'); 6627 } 6628 $("#store-info img, .rApp-product-image-tablet img, #rApp-image").attr("src", productImage); 6629 6630 $(".rApp-product-image-tablet img").each(function() { 6631 if (!$(this).attr("src")) { 6632 $(this).closest(".rApp-product-image-tablet").css("height", "0"); 6633 } else { 6634 $(this).closest(".rApp-product-image-tablet").css("height", ""); // Reset height if src is not empty 6635 } 6636 }); 6637 6638 $(".appLoader").toggleClass("hidden") 6639 $("#l_name, #l_address, #l_store_img").hide(); 6640 6641 if ($(this).attr('id') == 'virtual') { 6642 updateLocation = false; 6643 } else { 6644 $("#l_name").show(); 6645 $("#rApp").removeClass('hide-product'); 6646 } 6647 6648 if (!isDesktop()) { 6649 $(".rApp-product-image-tablet img").show(); 6650 } else { 6651 $(".rApp-product-image-tablet img").hide(); 6652 } 6653 6654 var location_id = $(this).data("location_id"); 6655 $("body").addClass("overflow-hidden"); 6656 setTimeout(function(){ 6657 $("#rApp").toggle(); 6658 },200) 6659 6660 if ($(".fas").length) { 6661 $(".fas").removeClass("open"); 6662 $(".fas-overlay").addClass("d-none"); 6663 } 6664 6665 $.post({ 6666 url: "/skeleton/1.0/view/ws/ajax_calendar.php", 6667 data: { location_id: location_id }, 6668 headers: { 6669 'X-CSRF-TOKEN': window.csrf_token 6670 }, 6671 dataType: "json", 6672 success: function(response) { 6673 if (response.status === "success") { 6674 let { l_BusinessHours, l_Address, l_Name, l_Store_img, l_TimeZone} = response.message; 6675 6676 businessHours = JSON.parse(l_BusinessHours || "{}"); 6677 6678 if (updateLocation) { 6679 6680 $("#l_name").html(l_Name); 6681 $("#l_address").html(l_Address.replace(/<br>/g, "<br>")); 6682 } 6683 6684 if (l_TimeZone == null || l_TimeZone == '') { 6685 l_TimeZone = "Pacific Time"; 6686 } 6687 6688 $(".l_timeZ, .appTimeZone").html(l_TimeZone); 6689 $("#timezone").val(l_TimeZone); 6690 if (formType == "in_store_try") formType = "in-store"; 6691 $("#formType").val(formType); 6692 6693 if (l_Store_img.length > 1 && updateLocation) { 6694 $("#l_store_img").fadeIn(); 6695 $("#l_store_img").css("background-image", `url("${l_Store_img}")`); 6696 } 6697 6698 if (updateLocation) { 6699 $("#l_name, #l_address").fadeIn(); 6700 } else { 6701 $("#l_address").fadeIn(); 6702 } 6703 console.log(updateLocation); 6704 if (updateLocation == false) { 6705 $("#l_name").hide(); 6706 $("#l_address").html('Book a zoom meeting <br>to view the above product'); 6707 $("#l_address").fadeIn(); 6708 $("#l_store_img").fadeIn(); 6709 $("#l_store_img").css("background-image", `url("${productImage}")`); 6710 $("#rApp").addClass('hide-product'); 6711 } 6712 6713 renderCalendar(currentMonthIndex); 6714 6715 setTimeout(function () { 6716 $(".appLoader").toggleClass("hidden") 6717 }, 500) 6718 } 6719 }, 6720 error: function(xhr, textStatus, errorThrown) { 6721 // console.error(xhr.responseText); 6722 } 6723 }); 6724 6725 $("#location_id").val(location_id); 6726 }); 6727 6728 $(document).on('click', function(e) { 6729 if ($(e.target).closest('#rApp > div').length === 0 && $(e.target).is('.antialiased')) { 6730 $('#rApp').hide(); 6731 $('body').removeClass('overflow-hidden'); 6732 } 6733 }); 6734 6735 function isDesktop() { 6736 return window.matchMedia("(min-width: 768px)").matches; 6737 } 6738 6739 isDesktop(); 6740 window.addEventListener("resize", function () { 6741 isDesktop(); 6742 6743 if (!isDesktop()) { 6744 $(".rApp-product-image-tablet img").show(); 6745 } else { 6746 $(".rApp-product-image-tablet img").hide(); 6747 } 6748 }); 6749 6750 function renderCalendar(monthIndex) { 6751 populateMonthDropdown(monthIndex); 6752 const calendarBody = $(".calendar-tbody"); 6753 calendarBody.empty(); 6754 6755 const {month, year} = months[monthIndex]; 6756 const daysInMonth = new Date(year, month + 1, 0).getDate(); 6757 const firstDayOfMonth = new Date(year, month, 1).getDay(); 6758 6759 let dayToSelect = null; 6760 if (isDesktop()) { 6761 const todayWeekDay = today.getDay(); 6762 const isTodayOpen = isBusinessDay(todayWeekDay); 6763 6764 if (isTodayOpen) { 6765 dayToSelect = new Date(today); 6766 } else { 6767 dayToSelect = findNextOpenDay(); 6768 } 6769 } 6770 6771 let startOffset = (firstDayOfMonth === 0) ? 6 : firstDayOfMonth - 1; 6772 let day = 1; 6773 6774 while (day <= daysInMonth) { 6775 let row = $("<tr></tr>").addClass("calendar-row"); 6776 6777 for (let i = 0; i < 7; i++) { 6778 let cell = $("<td></td>").addClass("calendar-cell").attr("role", "presentation"); 6779 6780 if (startOffset > 0) { 6781 cell.append("<div role='gridcell'></div>"); 6782 startOffset--; 6783 } else if (day <= daysInMonth) { 6784 let currentDate = new Date(year, month, day); 6785 let button = $("<button></button>") 6786 .addClass("calendar-button_reset calendar-button calendar-day") 6787 .attr("role", "gridcell") 6788 .attr("type", "button") 6789 .attr("data-day", day) 6790 .attr("data-month", month) 6791 .attr("data-year", year) 6792 .text(day); 6793 6794 let isToday = 6795 today.getFullYear() === year && 6796 today.getMonth() === month && 6797 today.getDate() === day; 6798 6799 let isFirstDayOfMonth = 1 === day; 6800 6801 if ((isToday || isFirstDayOfMonth) && isDesktop()) { 6802 $(".calendar-day_selected").removeClass("calendar-day_selected"); 6803 button.addClass("calendar-day_selected"); 6804 selectDate(button); 6805 } 6806 6807 let weekDay = currentDate.getDay(); 6808 let isDayDisabled = false;
6809 6810 if (typeof isBusinessDay(weekDay) !== 'undefined') { 6811 if (currentDate < new Date().setHours(0, 0, 0, 0) || !isBusinessDay(weekDay)) { 6812 button.addClass("calendar-day_disabled").prop("disabled", true); 6813 isDayDisabled = true; 6814 } else { 6815 button.on("click", function () { 6816 $(".calendar-day_selected").removeClass("calendar-day_selected"); 6817 $(this).addClass("calendar-day_selected"); 6818 selectDate($(this)); 6819 }); 6820 } 6821 } else if (weekDay === 0 || weekDay === 6 || currentDate < new Date().setHours(0, 0, 0, 0)) { 6822 button.addClass("calendar-day_disabled").prop("disabled", true); 6823 isDayDisabled = true; 6824 } else { 6825 button.on("click", function () { 6826 $(".calendar-day_selected").removeClass("calendar-day_selected"); 6827 $(this).addClass("calendar-day_selected"); 6828 selectDate($(this)); 6829 }); 6830 } 6831 6832 let shouldAutoSelect = false; 6833 if (dayToSelect && isDesktop() && !isDayDisabled) { 6834 shouldAutoSelect = 6835 dayToSelect.getFullYear() === year && 6836 dayToSelect.getMonth() === month && 6837 dayToSelect.getDate() === day; 6838 } 6839 6840 if (shouldAutoSelect) { 6841 $(".calendar-day_selected").removeClass("calendar-day_selected"); 6842 button.addClass("calendar-day_selected"); 6843 selectDate(button); 6844 } 6845 6846 cell.append(button); 6847 day++; 6848 } 6849 6850 row.append(cell); 6851 } 6852 6853 calendarBody.append(row); 6854 } 6855 } 6856 6857 function isBusinessDay(weekDay) { 6858 if (!businessHours || typeof businessHours !== "object") return false; 6859 const dayHours = businessHours[weekDay]; 6860 return dayHours && !dayHours.closed && dayHours.open && dayHours.close; 6861 } 6862 6863 function findNextOpenDay() { 6864 let checkDate = new Date(today); 6865 checkDate.setHours(0, 0, 0, 0); 6866 6867 // Check up to 30 days ahead 6868 for (let i = 0; i < 30; i++) { 6869 const weekDay = checkDate.getDay(); 6870 const dateValue = checkDate.getTime(); 6871 6872 // Skip if date is in the past 6873 if (dateValue < new Date().setHours(0, 0, 0, 0)) { 6874 checkDate.setDate(checkDate.getDate() + 1); 6875 continue; 6876 } 6877 6878 // Check if it's a business day 6879 if (isBusinessDay(weekDay)) { 6880 return checkDate; 6881 } 6882 6883 checkDate.setDate(checkDate.getDate() + 1); 6884 } 6885 6886 return null; // No open day found 6887 } 6888 6889 let selectedMonth = today.getMonth(); 6890 let selectedYear = today.getFullYear(); 6891 6892 function selectDate(day) { 6893 if (day.hasClass("calendar-day_disabled")) return; 6894 6895 const selectedDay = day.html().split('<br>')[0].trim(); 6896 const selectedMonth = parseInt(day.attr('data-month')); 6897 const selectedYear = parseInt(day.attr('data-year')); 6898 6899 const formattedDate = `${selectedYear}-${String(selectedMonth + 1).padStart(2, '0')}-${String(selectedDay).padStart(2, '0')}`; 6900 $("#date_field").val(formattedDate); 6901 6902 let selectedDateObj = new Date(selectedYear, selectedMonth, selectedDay); 6903 updateTimeSlots(selectedDateObj); 6904 // console.log("111111") 6905 6906 if (!isDesktop()) { 6907 $("#calendar").removeClass('active'); 6908 $("div#time").addClass('active'); 6909 } 6910 } 6911 6912 function updateTimeSlots(selectedDay) { 6913 const selectedWeekday = selectedDay.getDay(); 6914 const selectedMonth = selectedDay.toLocaleString('en-US', {month: 'long'}); 6915 const selectedDate = selectedDay.getDate(); 6916 const selectedYear = selectedDay.getFullYear(); 6917 6918 const weekdayNames = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"]; 6919 const weekdayName = weekdayNames[selectedWeekday]; 6920 6921 $(".appDate").each(function () { 6922 $(this).html(`${weekdayName}, ${selectedMonth} ${selectedDate}`); 6923 }); 6924 6925 $('.appYear').html(selectedYear); 6926 6927 const buttonsContainer = document.getElementById("time-select"); 6928 const hiddenInput = document.getElementById("appointmentTime"); 6929 buttonsContainer.innerHTML = ""; 6930 6931 const defaultTimes = ["10:00 AM", "11:00 AM", "1:00 PM", "2:00 PM", "3:00 PM", "4:00 PM"]; 6932
6933 try { 6934 const hoursObj = businessHours; 6935 const hours = hoursObj ? hoursObj[selectedWeekday] : null; 6936 let timeSlots = defaultTimes; 6937 6938 if (hours && !hours.closed) { 6939 timeSlots = generateTimeSlots(parseTime(hours.open), parseTime(hours.close)); 6940 } 6941 6942 timeSlots.forEach((time, index) => { 6943 const wrapperDiv = document.createElement("div"); 6944 wrapperDiv.className = "relative first:mt-0 w-full border mt-2 border-gray-300 hover:border-gray-400 bg-white text-gray-600 text-base rounded"; 6945 6946 const timeDiv = document.createElement("div"); 6947 timeDiv.className = "font-light w-full py-3 hover:bg-gray-100 cursor-pointer text-center rounded"; 6948 timeDiv.setAttribute("data-testid", `time-slot-${index}`); 6949 timeDiv.textContent = time; 6950 6951 6952 timeDiv.onclick = function () { 6953 let [h, m] = time.split(' ')[0].split(':').map(Number); 6954 let period = time.includes('PM') ? 'PM' : 'AM'; 6955 6956 if (time.includes('PM') && h !== 12) h += 12; 6957 if (time.includes('AM') && h === 12) h = 0; 6958 6959 h = (h + 1) % 24; 6960 6961 let newPeriod = h >= 12 ? 'PM' : 'AM'; 6962 let displayH = h % 12 || 12; 6963 6964 let newTime = `${displayH}:${String(m).padStart(2, '0')} ${newPeriod}`; 6965 hiddenInput.value = `${String(h - 1).padStart(2, '0')}
6965:${String(m).padStart(2, '0')}`; 6966 6967 6968 $('#calendar').toggleClass('md:w-1/2 md:w-1/3'); 6969 $('#store-info').toggleClass('justify-center justify-start'); 6970 $('#store-info img').toggle(); 6971 $("#time, #confirm, .noselect").toggle(); 6972 step = 3; 6973 $("#confirm").addClass('active') 6974 6975 $("#time, #calendar").removeClass('active') 6976 6977 $('.appTime').html(`${time} - ${newTime}`); 6978 6979 // Difference in days 6980 let timeDiff = Math.ceil((selectedDay - new Date()) / (1000 * 60 * 60 * 24)); 6981 6982 if (timeDiff === 0) { 6983 timeDiff = "Today"; 6984 } else if (timeDiff > 1) { 6985 timeDiff = "In <b>" + timeDiff + "</b>" + " days"; 6986 } else { 6987 timeDiff = "In <b>" + timeDiff + "</b>" + " day"; 6988 } 6989 6990 $(".appDiff").html(timeDiff); 6991 }; 6992 6993 wrapperDiv.appendChild(timeDiv); 6994 buttonsContainer.appendChild(wrapperDiv); 6995 }); 6996 } catch (error) { 6997 console.error("Invalid businessHours data", e); 6998 } 6999 } 7000 7001 function generateTimeSlots(openTime, closeTime) { 7002 let slots = []; 7003 let currentTime = new Date(openTime); 7004 7005 while (currentTime < closeTime) { 7006 let hours = currentTime.getHours(); 7007 let minutes = currentTime.getMinutes(); 7008 let period = hours >= 12 ? "PM" : "AM"; 7009 let formattedHours = hours % 12 || 12; // 12-hours format 7010 7011 slots.push(`${formattedHours}:${String(minutes).padStart(2, '0')} ${period}`); 7012 currentTime.setHours(currentTime.getHours() + 1); 7013 } 7014 7015 return slots; 7016 } 7017 7018 function parseTime(timeString) { 7019 const [time, modifier] = timeString.split(" "); 7020 let [hours, minutes] = time.split(":").map(num => parseInt(num)); 7021 7022 if (modifier === "PM" && hours < 12) { 7023 hours += 12; 7024 } else if (modifier === "AM" && hours === 12) { 7025 hours = 0; 7026 } 7027 7028 const now = new Date(); 7029 now.setHours(hours, minutes, 0, 0); 7030 7031 return now; 7032 } 7033 7034 function populateMonthDropdown(currentMonthIndex) { 7035 monthTitle.empty(); 7036 7037 currentMonthIndex = today.getMonth() + currentMonthIndex; 7038 let date = new Date(currentYear, (currentMonthIndex) % 12, 1); 7039 7040 monthTitle.text(date.toLocaleString("en", {month: "long", year: "numeric"})); 7041 } 7042 7043 prevButton.on("click", () => { 7044 renderCalendar(0); 7045 populateMonthDropdown(0); 7046 prevButton.attr("disabled", true); 7047 nextButton.attr("disabled", false); 7048 }); 7049 7050 nextButton.on("click", () => { 7051 renderCalendar(1); 7052 populateMonthDropdown(1); 7053 prevButton.attr("disabled", false); 7054 nextButton.attr("disabled", true); 7055 }); 7056 7057 // fields Validation 7058 $('#r-app-form input, #r-app-form textarea').on('input', function() { 7059 const $this = $(this); 7060 const maxLength = $this.attr('maxlength'); 7061 const currentLength = $this.val().length; 7062 const $maxLengthMessage = $this.next('.max-length-message'); 7063 7064 if (maxLength < currentLength) { 7065 if (!$maxLengthMessage.length) { 7066 $this.after('<div class="max-length-message text-gray-500 text-sm mt-1"></div>'); 7067 } 7068 $this.next('.max-length-message').text(`The max allowed amount - ${currentLength} symbols`); 7069 7070 if (currentLength > maxLength) { 7071 $this.addClass('border-red-500'); 7072 $this.next('.max-length-message').addClass('text-red-500'); 7073 } else { 7074 $this.removeClass('border-red-500'); 7075 $this.next('.max-length-message').removeClass('text-red-500'); 7076 } 7077 } else { 7078 $maxLengthMessage.remove(); 7079 $this.removeClass('border-red-500'); // Ensure red border is removed if no max length 7080 } 7081 }); 7082 7083 $('#r-app-form button[type=submit]').on('click', function(e) { 7084 7085 let isValid = true; 7086 let errors = {}; 7087 7088 let email = $('#rApp_email').val().trim(); 7089 let emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/; 7090 const $maxLengthMessage = $('#rApp_email').next('.error-message'); 7091 7092 if (!emailRegex.test(email)) { 7093 $this.after('<div class="error-message text-gray-500 text-sm mt-1"></div>'); 7094 isValid = false;
7095 $('#rApp_email').next('.error-message').text(`Invalid email format.`); 7096 $('#rApp_email').addClass('border-red-500'); 7097 } else { 7098 $maxLengthMessage.remove(); 7099 $('#rApp_email').removeClass('border-red-500'); 7100 } 7101 7102 $('.error-message').remove(); 7103 for (let field in errors) { 7104 let errorMsg = errors[field]; 7105 $('#' + field).after('<div class="error-message text-red-500 text-sm">' + errorMsg + '</div>'); 7106 } 7107 7108 if (!isValid) { 7109 e.preventDefault(); 7110 } 7111 }); 7112 7113 // Load location image 7114 $('#l_store_img').css('background-image', 'url(https://www.albertsjewelers.com/public/1.0/uploads/source/alberts-logo-footer-1.png)'); 7115 7116</script>
7116 7117 </form> 7118 <div class="fas-overlay d-none"></div> 7119 7120
7120<script> 7121 function isStoreDesktop() { 7122 return window.matchMedia("(min-width: 1102px)").matches; 7123 } 7124 7125 function updateLogoStoreVisibility() { 7126 document.querySelectorAll('.fas-logo-store').forEach(logoStore => { 7127 if (!isStoreDesktop() && !logoStore.querySelector('img')) { 7128 logoStore.style.display = 'none'; 7129 } else { 7130 logoStore.style.display = ''; 7131 } 7132 }); 7133 } 7134 7135 updateLogoStoreVisibility(); 7136 7137 window.addEventListener("resize", updateLogoStoreVisibility); 7138 7139 var storeCount = 1; 7140 7141 $(document).ready(function () { 7142 var images = $('#store-locator img'), 7143 table = $('#store-locator_wrapper table'); 7144 7145 var loadedImages = 0; 7146 var totalImages = images.length; 7147 7148 function forceDisplay(selector, value) { 7149 document.querySelectorAll(selector).forEach(function(el) { 7150 if (value === 'none') { 7151 el.style.setProperty('display', value, 'important'); 7152 } else { 7153 el.style.removeProperty('display'); 7154 el.style.display = value; 7155 } 7156 }); 7157 } 7158 7159 7160 table.on('page.dt', function() { 7161 $('html, body, .fas').animate({ scrollTop: 0 }, 'slow'); 7162 }); 7163 7164 $(".hide-in-calendar").each(function() { 7165 $(this).show(); 7166 }) 7167 $(".show-in-calendar").each(function() { 7168 $(this).hide(); 7169 $(this).css("display", "none !important"); 7170 }) 7171 7172 $('.fas-store, .fas-btn, .close-fas-btn, .fas-overlay').on('click', function () { 7173 $('body').toggleClass('overflow-hidden'); 7174 $('.fas').toggleClass('open'); 7175 $('.fas-overlay').toggleClass('d-none'); 7176 }) 7177 7178 // RS 2025-06-25 Hide zip-code sort on Map page 7179 const $mapRadio = $("#fas-tab2"); // Map 7180 const $listRadio = $("#fas-tab1"); // List 7181 const $zipSearch = $("#search-by-zip"); 7182 const $useLocationButton = $(".get-location"); 7183 7184 function toggleVisibility() { 7185 if ($mapRadio.is(":checked")) { 7186 $zipSearch.hide(); 7187 $useLocationButton.hide(); 7188 } else { 7189 $zipSearch.css("display", "flex"); // или .show(), еÑли Ð¿Ð¾Ð´Ð¾Ð¹Ð´ÐµÑ 7190 $useLocationButton.show(); 7191 } 7192 } 7193 7194 // Initial check 7195 toggleVisibility(); 7196 7197 // Add event listeners 7198 $mapRadio.on("change", toggleVisibility); 7199 $listRadio.on("change", toggleVisibility); 7200 }); 7201 7202 $(".fas-tab-wrap label").on('keydown', function(event) { 7203 if (event.key === 'Enter') { 7204 var id = $(this).attr("for"); 7205 7206 $(".fas-tab-wrap input").each(function() { 7207 $(this).removeAttr('checked') 7208 }); 7209 7210 $("#"+id).attr('checked', 'checked') 7211 } 7212 }) 7213 7214 function errorMessage(type = 'show', message) { 7215 var $container = $('.find-ts-error'); 7216 if (type == 'show') { 7217 $container.animate({"opacity": "1", "height": "24px", "margin-top": "20px", "margin-bottom": "35px"}, 900); 7218 $container.html(message); 7219 7220 setTimeout(function () { 7221 $container.animate({"opacity": "0", "height": "0px", "margin-top": "0px", "margin-bottom": "0px"}, 900); 7222 }, 2000); 7223 } else { 7224 $container.animate({"opacity": "0", "height": "0px", "margin-top": "0px", "margin-bottom": "0px"}, 900); 7225 $container.html(""); 7226 } 7227 } 7228 7229 const $searchInput = $('#search-by-zip input'); 7230 const $searchButton = $('#search-by-zip button'); 7231 7232 $searchInput.on('keydown', function(event) { 7233 if (event.key === 'Enter') { 7234 $searchButton.click(); 7235 } 7236 }); 7237 7238 $('#search-by-zip button').on("click", function () { 7239 var $input = $('#search-by-zip input'); 7240 var zipCode = $input.val(); 7241 var $table = $('#store-locator_wrapper table'); 7242 7243 if (isValidZipCode(zipCode)) { 7244 $table.fadeOut(); 7245 $.ajax({
7246 url: '/skeleton/1.0/view/ws/ajax_find_a_store.php', 7247 type: 'POST', 7248 headers: {'X-CSRF-TOKEN': window.csrf_token}, 7249 data: { 7250 action: 'GET_LOCATION', 7251 zipCode: zipCode 7252 }, 7253 dataType: 'json', 7254 success: function (response) { 7255 if (response.status === 'success') { 7256 var targetLat = response.message.lat; 7257 var targetLng = response.message.lng; 7258 7259 var rows = $('#store-locator tr').get(); 7260 var uniqueRows = {}; 7261 7262 rows.forEach(function (row) { 7263 var lat = parseFloat($(row).data('lat')); 7264 var lng = parseFloat($(row).data('lng')); 7265 7266 if (!isNaN(lat) && !isNaN(lng)) { 7267 var distance = getDistanceFromLatLonInMiles(targetLat, targetLng, lat, lng); 7268 var roundedDistance = Math.round(distance); 7269 7270 $(row).find("td:nth-child(2) b").text(roundedDistance); 7271 $(row).find("td:nth-child(2)").css('display', 'block'); 7272 $(".fas-row-actions").each(function() { 7273 $(this).css('bottom', '30px'); 7274 }) 7275 7276 var key = lat.toFixed(6) + ',' + lng.toFixed(6); 7277 7278 if (!uniqueRows.hasOwnProperty(key)) { 7279 uniqueRows[key] = { element: row, distance: distance }; 7280 } 7281 } 7282 }); 7283 7284 var uniqueRowsArray = Object.values(uniqueRows); 7285 uniqueRowsArray.sort(function (a, b) { 7286 return a.distance - b.distance; 7287 7288 }); 7289 7290 // Select the parent container of the table rows 7291 var tableBody = $('#store-locator tbody'); 7292 7293 tableBody.empty(); // Ensure tbody is empty before appending new rows 7294 uniqueRowsArray.forEach(function (row) { 7295 tableBody.append(row.element); 7296 }); 7297 7298 // Reinitialize DataTable 7299 setTimeout(function () { 7300 $table.fadeIn(); // Show table after DataTable initialization 7301 }, 500); 7302 } else { 7303 console.log('Error message:', response.message); 7304 errorMessage('show', response.message); 7305 $table.fadeIn(); // Ensure table is visible even in case of error 7306 } 7307 }, 7308 error: function (xhr, status, error) { 7309 // RS 2026-07-06 https://www.wrike.com/open.htm?id=4445249726 7310 if (window.scHandleAjaxError && window.scHandleAjaxError(xhr)) return; 7311 // console.error(xhr); 7312 // If backend returned HTML page 7313 if (xhr.responseText) { 7314 document.open(); 7315 document.write(xhr.responseText); 7316 document.close(); 7317 return; 7318 } 7319 } 7320 }); 7321 } else { 7322 console.log('Invalid ZIP Code'); 7323 errorMessage('show', 'ZIP code not found.'); 7324 $table.fadeIn(); // Ensure table is visible even in case of invalid ZIP 7325 } 7326 }); 7327 7328 function getDistanceFromLatLonInMiles(lat1, lon1, lat2, lon2) { 7329 var R = 3958.8; 7330 var dLat = deg2rad(lat2 - lat1); 7331 var dLon = deg2rad(lon2 - lon1); 7332 var a = 7333 Math.sin(dLat / 2) * Math.sin(dLat / 2) + 7334 Math.cos(deg2rad(lat1)) * Math.cos(deg2rad(lat2)) * 7335 Math.sin(dLon / 2) * Math.sin(dLon / 2); 7336 var c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1 - a)); 7337 var d = R * c; 7338 return d; 7339 } 7340 7341 function deg2rad(deg) { 7342 return deg * (Math.PI / 180); 7343 } 7344 7345 function getLocation() { 7346 if (navigator.geolocation) { 7347 navigator.geolocation.getCurrentPosition(showPosition, showError); 7348 } else { 7349 document.getElementById("location").innerHTML = "Geolocation is not supported by this browser."; 7350 } 7351 } 7352 7353 // subhan code to make the store selection 7354 $('body').on("click",".select-store", function () { 7355 const storeId = $(this).data('store'); 7356 // const storeId = ''; 7357 $.ajax({
7358 url: '/skeleton/1.0/view/ws/ajax_find_a_store.php', 7359 type: 'POST', 7360 headers: {'X-CSRF-TOKEN': window.csrf_token}, 7361 data: { 7362 action: 'SELECT_STORE', 7363 storeId: storeId 7364 }, 7365 dataType: 'json', 7366 success: function (response) { 7367 if (response.status === 'success') { 7368 window.location.reload(); 7369 } else { 7370 console.log('Error message:', response.message); 7371 // toastr.success(response.message); 7372 } 7373 }, 7374 error: function (xhr, status, error) { 7375 // RS 2026-07-06 https://www.wrike.com/open.htm?id=4445249726 7376 if (window.scHandleAjaxError && window.scHandleAjaxError(xhr)) return; 7377 // console.error(xhr); 7378 // If backend returned HTML page 7379 if (xhr.responseText) { 7380 document.open(); 7381 document.write(xhr.responseText); 7382 document.close(); 7383 return; 7384 } 7385 } 7386 }); 7387 }); 7388 7389 7390 function showPosition(position) { 7391 console.log(position) 7392 const targetLat = position.coords.latitude; 7393 const targetLng = position.coords.longitude; 7394 7395 $.ajax({
7396 url: '/skeleton/1.0/view/ws/ajax_find_a_store.php', 7397 type: 'POST', 7398 headers: {'X-CSRF-TOKEN': window.csrf_token}, 7399 data: { 7400 action: 'UPDATE_LOCATION_BY_COORDINATES', 7401 lat: targetLat, 7402 lon: targetLng 7403 }, 7404 dataType: 'json', 7405 success: function (response) { 7406 if (response.success) { 7407 document.location.reload() 7408 } else { 7409 // errorMessage('show', response.message); 7410 7411 var $table = $('#store-locator_wrapper table'); 7412 var $tbody = $('#store-locator tbody'); 7413 7414 $table.fadeOut(); 7415 7416 setTimeout(function () { 7417 var rows = $tbody.find('tr').get(); 7418 7419 var uniqueRows = {}; 7420 7421 rows.forEach(function (row) { 7422 var lat = parseFloat($(row).data('lat')); 7423 var lng = parseFloat($(row).data('lng')); 7424 7425 if (!isNaN(lat) && !isNaN(lng)) { 7426 var distance = getDistanceFromLatLonInMiles(targetLat, targetLng, lat, lng); 7427 var roundedDistance = Math.round(distance); 7428 7429 $(row).find("td:nth-child(2) b").text(roundedDistance); 7430 $(row).find("td:nth-child(2)").css('display', 'block'); 7431 $(".fas-row-actions").css('bottom', '30px'); 7432 7433 var key = lat.toFixed(6) + ',' + lng.toFixed(6); 7434 7435 if (!uniqueRows.hasOwnProperty(key)) { 7436 uniqueRows[key] = {element: row, distance: distance}; 7437 } 7438 } 7439 }); 7440 7441 var uniqueRowsArray = Object.values(uniqueRows); 7442 7443 uniqueRowsArray.sort(function (a, b) { 7444 return a.distance - b.distance; 7445 }); 7446 7447 $tbody.empty(); 7448 uniqueRowsArray.forEach(function (row) { 7449 $tbody.append(row.element); 7450 }); 7451 7452 setTimeout(function () { 7453 $table.fadeIn(); 7454 }, 200); 7455 }, 200); 7456 } 7457 }, 7458 error: function (xhr, status, error) { 7459 // RS 2026-07-06 https://www.wrike.com/open.htm?id=4445249726 7460 if (window.scHandleAjaxError && window.scHandleAjaxError(xhr)) return; 7461 // console.error(xhr); 7462 // If backend returned HTML page 7463 if (xhr.responseText) { 7464 document.open(); 7465 document.write(xhr.responseText); 7466 document.close(); 7467 return; 7468 } 7469 } 7470 }); 7471 } 7472 7473 function showError(error) { 7474 switch (error.code) { 7475 case error.PERMISSION_DENIED: 7476 errorMessage("show", "You denied the request for Geolocation."); 7477 break; 7478 case error.POSITION_UNAVAILABLE: 7479 errorMessage("show", "Location information is unavailable, please enter ZIP Code"); 7480 break; 7481 case error.TIMEOUT: 7482 errorMessage("show", "The request to get user location timed out."); 7483 break; 7484 case error.UNKNOWN_ERROR: 7485 errorMessage("show", "An unknown error occurred."); 7486 break; 7487 } 7488 } 7489</script>
7489 7490
7490<script> 7491 const zipcode = document.getElementById('sl_zipcode'); 7492 if(zipcode){ 7493 zipcode.addEventListener('input', function (e) { 7494 this.value = this.value.replace(/\D/g, ''); 7495 }); 7496 } 7497 </script>
7497 7498 7499 <style> 7500 #bookInStore { 7501 background: transparent !important; 7502 display: flex !important; 7503 width: 75%; 7504 align-items: center; 7505 padding-left: 30px; 7506 } 7507 7508 #store-locator { 7509 width: 100% !important; 7510 } 7511 .page-item .page-link { 7512 color: black !important; 7513 box-shadow: none; 7514 } 7515 .page-item.active .page-link { 7516 border-color: #dee2e6!important; 7517 background: #f2f2f2 !important; 7518 } 7519 .page-item.disabled .page-link { 7520 color: gray !important; 7521 } 7522 7523 .page-item.active .page-link:hover { 7524 opacity: 0.7!important; 7525 } 7526 7527 .fas .col-md-5 { 7528 display: none; 7529 } 7530 7531 .fas .col-md-7 { 7532 max-width: 100%; 7533 flex: 100%; 7534 display: flex; 7535 justify-content: center; 7536 } 7537 7538 #store-locator_length, #store-locator_filter, #store-locator_info { 7539 display: none; 7540 } 7541 .fas-btn:hover { 7542 background-color: #3172ab; 7543 } 7544 7545 #store-locator_wrapper { 7546 overflow-x: hidden; 7547 } 7548 7549 .fas:not(.landing) { 7550 position: fixed; 7551 left: 50%; 7552 right: 0; 7553 top: 0; 7554 bottom: 0; 7555 z-index: 1045; 7556 background: white; 7557 transition: 300ms; 7558 transform: translateX(105%); 7559 box-shadow: 0 0 12px 2px rgba(0, 0, 0, .35); 7560 overflow-y: scroll; 7561 } 7562 7563 .fas:not(.landing) .fas-logo-store { 7564 display: none; 7565 } 7566 7567 label svg { 7568 width: 19px; 7569 height: 21px; 7570 margin: 0 13px 2px -13px; 7571 } 7572 7573 .fas.landing { 7574 max-width: 1260px; 7575 margin: 20px auto 0 auto; 7576 position: relative; 7577 } 7578 7579 .fas.landing label { 7580 z-index: 10; 7581 } 7582 7583 .fas-actions { 7584 align-items: center; 7585 margin-bottom: 20px; 7586 padding: 0 20px; 7587 right: 0; 7588 z-index: 9; 7589 width: 100%; 7590 display: grid !important; 7591 grid-template-columns: repeat(3, minmax(0, 1fr)); 7592 } 7593 7594 .fas.landing .fas-actions { 7595 position: absolute; 7596 } 7597 7598 .find-ts-error { 7599 text-align: center; 7600 margin: 0 auto; 7601 color: #8f0000; 7602 height: 0; 7603 font-weight: 600; 7604 } 7605 7606 .fas-tab__content table tr { 7607 position: relative; 7608 min-height: 150px; 7609 padding: 30px; 7610 display: flex; 7611 align-items: center; 7612 border-bottom: 1px solid #dbdbdb; 7613 } 7614 .fas-tab__content .row{ 7615 margin: 0!important; 7616 } 7617 7618 #search-by-zip { 7619 display: flex; 7620 align-items: center; 7621 margin: auto; 7622 } 7623 7624 .fas-row-store { 7625 width: 100%; 7626 padding-left: 0; 7627 display: flex; 7628 align-items: center; 7629 border: none; 7630 justify-content: left !important; 7631 } 7632 7633 .fas-row-store p { 7634 margin-bottom: 0 !important; 7635 } 7636 7637 .fas-logo-store { 7638 margin-bottom: 20px; 7639 } 7640 7641 .fas-logo-store { 7642 margin-right: 40px; 7643 display: flex; 7644 align-items: center; 7645 width: 150px; 7646 height: 150px; 7647 display: flex; 7648 align-items: center; 7649 justify-content: center; 7650 overflow: hidden; 7651 border-radius: 50%; 7652 } 7653 7654 .fas-logo-store img { 7655 width: 100%; 7656 height: 100%; 7657 object-fit: cover; 7658 object-position: center; 7659 } 7660 7661 .fas-row-distance { 7662 border: none; 7663 align-items: center; 7664 justify-content: end !important; 7665 display: none; 7666 position: absolute; 7667 right: 0; 7668 top: 5px; 7669 } 7670 7671 .fas-row-distance > div { 7672 align-items: center; 7673 display: flex; 7674 font-size: 18px; 7675 padding-right: 20px; 7676 justify-content: end; 7677 } 7678 7679 .fas-row-distance > div > b { 7680 margin: 15px; 7681 font-size: 20px; 7682 } 7683 7684 .fas-row-actions { 7685 border: none; 7686 align-items: center; 7687 display: flex; 7688 position: absolute; 7689 right: 0; 7690 } 7691 7692 .fas-row-actions svg { 7693 width: 25px; 7694 height: 25px; 7695 margin-bottom: 10px; 7696 } 7697 7698 .fas.landing #search-by-zip { 7699 justify-content: center 7700 } 7701 7702 #search-by-zip input { 7703 width: 180px!important; 7704 box-shadow: none !important; 7705 border: none!important;; 7706 border-radius: 0!important;; 7707 border-bottom: 1px solid darkgrey!important;; 7708 padding: 0 10px!important;; 7709 } 7710 7711 #search-by-zip button { 7712 width: auto; 7713 height: 28px; 7714 border-top-left-radius: 0; 7715 border-bottom-left-radius: 0; 7716 box-shadow: none !important; 7717 border-color: #ced4da; 7718 border: none; 7719 padding: 5px; 7720 padding-right: 10px; 7721 border-left: 0; 7722 } 7723 7724 .get-location { 7725 margin: 0 5px!important; 7726 padding: 0 5px !important; 7727 border: 1px solid white!important; 7728 text-align: end!important; 7729 width: auto!important; 7730 position: absolute!important; 7731 right: 0!important; 7732 } 7733 7734 .get-location svg { 7735 width: 18px;
7736 height: 16px; 7737 margin-top: 4px; 7738 margin-right: 3px; 7739 float: left; 7740 } 7741 7742 .fas-actions .map-btn { 7743 width: 100%; 7744 padding: 0 20px; 7745 } 7746 .map-btn a{ 7747 color: inherit; 7748 } 7749 7750 .fas.landing .fas-actions { 7751 max-width: 1260px; 7752 margin: auto; 7753 } 7754 7755 .fas.open { 7756 transform: translateX(0); 7757 } 7758 7759 .fas .close-fas-btn { 7760 width: 130px; 7761 padding: 3rem; 7762 cursor: pointer; 7763 margin-left: auto; 7764 } 7765 7766 .fas .btn { 7767 border-radius: 0; 7768 padding: 12px 25px; 7769 } 7770 7771 .fas svg:not(.store-hours-arrow) { 7772 margin-bottom: 7px; 7773 } 7774 7775 .fas-actions path { 7776 fill: #767676; 7777 } 7778 7779 .fas-overlay.d-none { 7780 opacity: 0; 7781 visibility: hidden; 7782 } 7783 7784 .fas-overlay { 7785 position: fixed; 7786 left: 0; 7787 right: 0; 7788 top: 0; 7789 bottom: 0; 7790 z-index: 1043; 7791 background: rgba(1, 1, 1, 0.5); 7792 opacity: 1; 7793 visibility: visible; 7794 } 7795 7796 .fas-tab__content tr td { 7797 justify-content: center; 7798 border-top: none!important; 7799 } 7800 7801 .fas-tab__content tr td:nth-child(3) { 7802 min-width: 30%; 7803 padding-bottom: 0; 7804 } 7805 7806 .fas button:focus { 7807 outline: none !important; 7808 box-shadow: none !important; 7809 } 7810 7811 .fas button:hover { 7812 opacity: 0.8 7813 } 7814 7815 7816 .green { 7817 color: green 7818 } 7819 .mtb-4 { 7820 margin: 40px 0; 7821 } 7822 .ma { 7823 margin-left: auto; 7824 margin-right: auto; 7825 } 7826 .mb-4 { 7827 margin-bottom: 40px; 7828 } 7829 .p-4 { 7830 padding: 40px; 7831 } 7832 .pb-3 { 7833 padding-bottom: 30px; 7834 } 7835 7836 .card a { 7837 cursor: pointer; 7838 } 7839 7840 @media (max-width: 768px) { 7841 .main_page_container .col-6 { 7842 max-width: 100%; 7843 flex: 0 0 100%; 7844 margin-bottom: 40px; 7845 } 7846 } 7847 7848 7849 7850 /***********/ 7851 @media (max-width: 1600px) { 7852 .fas-tab__content tr td:nth-child(3) { 7853 height: auto; 7854 justify-content: center; 7855 text-align: center; 7856 } 7857 7858 .fas:not(.landing) { 7859 left: 30%; 7860 } 7861 7862 7863 } 7864 7865 .fas-tab-wrap { 7866 transition: 0.3s box-shadow ease; 7867 border-radius: 6px; 7868 max-width: 100%; 7869 display: flex; 7870 flex-wrap: wrap; 7871 position: relative; 7872 list-style: none; 7873 background-color: #fff; 7874 } 7875 7876 .fas-tab { 7877 display: none; 7878 } 7879 7880 .fas-tab:checked:nth-of-type(1) ~ .fas-tab__content:nth-of-type(2) { 7881 opacity: 1; 7882 transition: 0.5s opacity ease-in, 0.8s transform ease; 7883 position: relative; 7884 top: 0; 7885 z-index: 97; 7886 transform: translateY(0px); 7887 text-shadow: 0 0 0; 7888 } 7889 7890 .fas-tab:checked:nth-of-type(2) ~ .fas-tab__content:nth-of-type(3) { 7891 opacity: 1; 7892 transition: 0.5s opacity ease-in, 0.8s transform ease; 7893 position: relative; 7894 top: 0; 7895 z-index: 97; 7896 transform: translateY(0px); 7897 text-shadow: 0 0 0; 7898 } 7899 7900 .fas-tab:first-of-type:not(:last-of-type) + label { 7901 border-top-right-radius: 0; 7902 border-bottom-right-radius: 0; 7903 } 7904 7905 .fas-tab:not(:first-of-type):not(:last-of-type) + label { 7906 border-radius: 0; 7907 } 7908 7909 .fas-tab:last-of-type:not(:first-of-type) + label { 7910 border-top-left-radius: 0; 7911 border-bottom-left-radius: 0; 7912 } 7913 7914 .fas-tab:checked + label { 7915 background-color: #f2f2f2; 7916 box-shadow: 0 -1px 0 #f2f2f2 inset; 7917 cursor: default; 7918 } 7919 7920 .fas-tab:checked + label:hover { 7921 background-color: #f2f2f2; 7922 box-shadow: 0 -1px 0 #f2f2f2 inset; 7923 } 7924 7925 .fas-tab + label { 7926 box-shadow: 0 -1px 0 #eee inset; 7927 border-radius: 6px 6px 0 0; 7928 cursor: pointer; 7929 display: block; 7930 text-decoration: none; 7931 color: #333; 7932 flex-grow: 3; 7933 text-align: center; 7934 background-color: #fff; 7935 -webkit-user-select: none; 7936 -moz-user-select: none;
7937 -ms-user-select: none; 7938 user-select: none; 7939 text-align: center; 7940 transition: 0.1s background-color ease, 0.1s box-shadow ease; 7941 height: 50px; 7942 box-sizing: border-box; 7943 padding: 15px; 7944 max-width: 150px; 7945 margin: 0; 7946 } 7947 7948 .fas-tab + label:hover { 7949 background-color: #f9f9f9; 7950 box-shadow: 0 1px 0 #f4f4f4 inset; 7951 } 7952 7953 .fas-tab__content { 7954 background-color: transparent; 7955 position: absolute; 7956 width: 100%; 7957 z-index: -1; 7958 opacity: 0; 7959 left: 0; 7960 transform: translateY(-3px); 7961 border-top: 1px solid #dbdbdb; 7962 } 7963 7964 .fas-tab__content tr:nth-child(odd) { 7965 background: #f8f8f8; 7966 } 7967 7968 .container { 7969 margin: 0 auto; 7970 display: block; 7971 width: 100%; 7972 } 7973 7974 .container > *:not(.fas-tab-wrap) { 7975 padding: 0 80px; 7976 } 7977 7978 /* MAP styles */ 7979 #map { 7980 height: 800px; 7981 width: 100%; 7982 } 7983 7984 .infoWindow { 7985 font-family: Arial, sans-serif; 7986 text-align: center; 7987 padding: 5px 10px; 7988 } 7989 7990 .infoWindow h2 { 7991 font-size: 22px; 7992 line-height: 20.7px; 7993 text-align: left; 7994 margin: 10px auto; 7995 } 7996 7997 .infoWindow h4 { 7998 font-size: 12px; 7999 line-height: 16px; 8000 font-weight: 100; 8001 margin-bottom: 15px; 8002 } 8003 8004 .infoWindow .actions { 8005 display: flex; 8006 justify-content: center; 8007 } 8008 8009 .infoWindow svg { 8010 width: 16px; 8011 height: 16px; 8012 margin: 0; 8013 } 8014 8015 .infoWindow button, 8016 .infoWindow a { 8017 border-radius: 15px; 8018 color: white; 8019 background: rgb(49, 114, 171); 8020 border: 1px solid rgb(49, 114, 171); 8021 margin: 0 3px; 8022 padding: 6px; 8023 display: flex; 8024 align-items: center; 8025 text-decoration: none; 8026 padding: 5px 9px; 8027 } 8028 8029 .infoWindow button:hover, 8030 .infoWindow a:hover { 8031 border: 1px solid rgb(49, 114, 171); 8032 } 8033 8034 .get-location { 8035 margin-top: 5px!important; 8036 } 8037 8038 @media (max-width: 1200px) { 8039 .fas:not(.landing) { 8040 left: 15%; 8041 } 8042 } 8043 8044 @media (max-width: 1101.9px) { 8045 .store-hours-container { 8046 display: flex; 8047 justify-content: center; 8048 } 8049 .fas-row-actions { 8050 position: relative; 8051 } 8052 .fas-row-distance { 8053 position: inherit; 8054 } 8055 .fas-row-distance > div { 8056 justify-content: center; 8057 margin-bottom: 20px; 8058 } 8059 .fas-row-store { 8060 display: block !important; 8061 } 8062 .fas-logo-store { 8063 margin: 0px auto 40px auto; 8064 } 8065 8066 .fas-tab__content tr td:nth-child(3) > div { 8067 grid-template-columns: repeat(2, minmax(0, 1fr)); 8068 } 8069 8070 .fas-tab__content tr td:nth-child(3) > div > div:nth-child(4) { 8071 grid-column: auto; 8072 } 8073 8074 .fas .close-fas-btn { 8075 padding: 1.5rem; 8076 width: 80px; 8077 } 8078 8079 .products-list .item-title { 8080 font-size: 14px; 8081 } 8082 8083 .fas { 8084 left: 0 !important; 8085 } 8086 8087 .fas-tab__content table tr { 8088 display: inline-grid !important; 8089 width: 100%; 8090 } 8091 8092 .fas-tab__content table td, .fas-tab__content table td > div:not(.fas-logo-store) { 8093 width: auto !important; 8094 text-align: center; 8095 } 8096 8097 .fas-row-distance { 8098 height: auto; 8099 } 8100 8101 .fas-tab__content tr td p{ 8102 margin: 0 auto; 8103 } 8104 8105 } 8106 8107 @media (max-width: 979.9px) { 8108 .fas-tab + label { 8109 max-width: 95px; 8110 } 8111 8112 label svg { 8113 width: 15px; 8114 margin: 0 8px 0 0; 8115 } 8116 } 8117 8118 @media (max-width: 550px) { 8119 .fas-actions .form-control { 8120 width: auto !important; 8121 } 8122 8123 .fas-tab-wrap > .fas-actions { 8124 padding: 0; 8125 margin: 0 10px !important; 8126 } 8127 8128 .fas-tab-wrap > .fas-actions > #search-by-zip > label { 8129 padding: 0; 8130 } 8131 8132 .fas-tab-wrap > .fas-actions > .get-location { 8133 margin: 0 10px 0 0 !important; 8134 } 8135 8136 #search-by-zip { 8137 width: 190px; 8138 margin: 0 auto 10px auto; 8139 } 8140 8141 .get-location { 8142 margin-top: 27px !important; 8143 } 8144 8145 .fas.landing { 8146 margin: 0; 8147 } 8148 8149 .fas.landing .fas-actions { 8150 position: inherit; 8151 } 8152 8153 .fas-actions { 8154 display: block; 8155 grid-template-columns: repeat(2, minmax(0, 1fr)); 8156 text-align: center; 8157 } 8158 8159 .fas-tab__content tr td { 8160 height: auto !important; 8161 } 8162 8163 .fas-actions > div:nth-child(1) { 8164 grid-column: 1 / -1; 8165 margin-bottom: 10px; 8166 padding: 0; 8167 } 8168 8169 .get-location { 8170 position: inherit; 8171 font-size: 14px; 8172 margin: auto; 8173 } 8174 8175 .fas-tab:checked + label { 8176 display: none; 8177 } 8178 } 8179 8180 @media (max-width: 480px) { 8181 .fas-row-actions > div { 8182 display: grid !important; 8183 grid-template-columns: repeat(2, minmax(0, 2fr)); 8184 } 8185 } 8186 8187 .fas.in_store_try { 8188 left: 63%; 8189 } 8190 8191 @media (max-width: 1600px) { 8192 .fas.in_store_try { 8193 left: 56%; 8194 } 8195 } 8196 8197 @media (max-width: 1200px) { 8198 .fas.in_store_try { 8199 left: 46%; 8200 } 8201 } 8202 </style> <div class="my-scope offcanvas left offcanvas-md" id="update-zipAddress"> 8203 <div class="offcanvas-header border-bottom"> 8204 <h3 class="general_style">Update Location</h3> 8205 <button aria-label="Close menu" class="close-offcanvas btn-close"></button> 8206 </div> 8207 <div class="offcanvas-body"> 8208 <form id="zipcode-form"> 8209 <p class="p2_general_style">Your location helps us to offer delivery options available for you.</p> 8210 <div class="input_general_style general_style"> 8211 <label for="zipcode" class="general_style ">Zipcode <span class="text-danger">*</span></label> 8212 <input type="text" id="zipcode" value="" name="zipcode" required="required" maxlength="50" class="form-control form-control-lg"> 8213 <div class="invalid-feedback">Please enter valid zip code.</div> 8214 </div> 8215 <button type="submit" title="Update Zipcode" aria-label="Update" class="btn-modal button_general_style">Update Location</button> 8216 </form> 8217 <button type="button" title="Use My Location" aria-label="Update" class="btn-modal-outline secondary_button_general_style use-my-location"> 8218 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.0" id="Layer_1" width="14px" height="14px" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve"> 8219 <path fill="#231F20" d="M32,0C18.746,0,8,10.746,8,24c0,5.219,1.711,10.008,4.555,13.93c0.
8219051,0.094,0.059,0.199,0.117,0.289l16,24 C29.414,63.332,30.664,64,32,64s2.586-0.668,3.328-1.781l16-24c0.059-0.09,0.066-0.195,0.117-0.289C54.289,34.008,56,29.219,56,24 C56,10.746,45.254,0,32,0z M32,32c-4.418,0-8-3.582-8-8s3.582-8,8-8s8,3.582,8,8S36.418,32,32,32z"></path> 8220 </svg> 8221 Use My Location 8222 </button> 8223 </div> 8224</div>
8225<script> 8226 $(document).ready(function() { 8227 $("#zipcode-form").submit(function (e) { 8228 e.preventDefault(); 8229 var $input = $('#zipcode-form input'); 8230 const $error_box = $('#zipcode-form .invalid-feedback'); 8231 $error_box.hide(); 8232 var zipCode = $input.val(); 8233 console.log(zipCode) 8234 if (isValidZipCode(zipCode)) { 8235 $.ajax({ 8236 url: '/skeleton/1.0/view/ws/ajax_find_a_store.php', 8237 type: 'POST', 8238 headers: {'X-CSRF-TOKEN': window.csrf_token}, 8239 data: { 8240 action: 'UPDATE_LOCATION', 8241 zipCode: zipCode 8242 }, 8243 dataType: 'json', 8244 success: function (response) { 8245 if (response.success) { 8246 document.location.reload() 8247 } else { 8248 $error_box.show(); 8249 // errorMessage('show', response.message); 8250 } 8251 }, 8252 error: function (xhr, status, error) { 8253 // console.error(xhr); 8254 // If backend returned HTML page 8255 if (xhr.responseText) { 8256 if (window.scHandleAjaxError && window.scHandleAjaxError(xhr)) return; 8257 document.open(); 8258 document.write(xhr.responseText); 8259 document.close(); 8260 return; 8261 } 8262 } 8263 }); 8264 } else { 8265 $error_box.show(); 8266 // console.log('Invalid ZIP Code'); 8267 // errorMessage('show', 'ZIP code not found.'); 8268 } 8269 8270 }); 8271 8272 $('.use-my-location').on('click', function () { 8273 if (navigator.geolocation) { 8274 navigator.geolocation.getCurrentPosition(sendMyLocation, showError); 8275 } else { 8276 document.getElementById("location").innerHTML = "Geolocation is not supported by this browser."; 8277 } 8278 }); 8279 8280 function sendMyLocation(position) { 8281 console.log(position) 8282 const targetLat = position.coords.latitude; 8283 const targetLng = position.coords.longitude; 8284 8285 $.ajax({ 8286 url: '/skeleton/1.0/view/ws/ajax_find_a_store.php', 8287 type: 'POST', 8288 headers: {'X-CSRF-TOKEN': window.csrf_token}, 8289 data: { 8290 action: 'UPDATE_LOCATION_BY_COORDINATES', 8291 lat: targetLat, 8292 lon: targetLng 8293 }, 8294 dataType: 'json', 8295 success: function (response) { 8296 if (response.success) { 8297 document.location.reload() 8298 } else { 8299 console.log('cannot update location'); 8300 } 8301 }, 8302 error: function (xhr, status, error) { 8303 // console.error(xhr); 8304 // If backend returned HTML page 8305 if (xhr.responseText) { 8306 if (window.scHandleAjaxError && window.scHandleAjaxError(xhr)) return; 8307 document.open(); 8308 document.write(xhr.responseText); 8309 document.close(); 8310 return; 8311 } 8312 } 8313 }); 8314 } 8315 8316 function showError(error) { 8317 switch (error.code) { 8318 case error.PERMISSION_DENIED: 8319 errorMessage("show", "You denied the request for Geolocation."); 8320 break; 8321 case error.POSITION_UNAVAILABLE: 8322 errorMessage("show", "Location information is unavailable, please enter ZIP Code"); 8323 break; 8324 case error.TIMEOUT: 8325 errorMessage("show", "The request to get user location timed out."); 8326 break; 8327 case error.UNKNOWN_ERROR: 8328 errorMessage("show", "An unknown error occurred."); 8329 break; 8330 } 8331 } 8332 }); 8333</script>
8333<footer class="appearance-desktop-view-template"> 8334 8335 8336 8337 <div class="footer_container footer_container_1"> 8338 8339 8340 8341 8342 <div class="flex_row flex_row_1"> 8343 8344 8345 <div class="flex_col flex_col_1"> 8346 8347 8348 </div> 8349 8350 <style> 8351 .footer_container_1 .flex_row_1 .flex_col_1 { 8352 } 8353 </style> 8354 8355 8356 8357 <div class="flex_col flex_col_2"> 8358 8359 8360 </div> 8361 8362 <style> 8363 .footer_container_1 .flex_row_1 .flex_col_2 { 8364 } 8365 </style> 8366 8367 8368 8369 <div class="flex_col flex_col_3"> 8370 8371 8372<div class="flex_cell flex_cell_1 social_icons"> 8373 <div class="flex_cell_content"> 8374 <a title="Facebook" class="" target="_blank" href="https://www.facebook.com/albertsjewelers" style="order: 1"> 8375 <svg role="img" aria-label="Facebook" viewBox="0 0 320 512"><path class="path_class" d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z"/></svg> </a> 8376 8377 <a title="X" class="" target="_blank" href="https://twitter.com/AlbertsJewelers" style="order: 2"> 8378 <svg role="img" aria-label="X" width="1342" height="1342" viewBox="0 0 1342 1342" fill="none" xmlns="http://www.w3.org/2000/svg"><path class="path_class" fill-rule="evenodd" clip-rule="evenodd" d="M1341 670.962C1341 1040.97 1041.03 1340.92 671 1340.92C300.969 1340.92 1 1040.97 1 670.962C1 300.952 300.969 1 671 1C1041.03 1 1341 300.952 1341 670.962ZM578.531 710.981L258.279 282.805H505.104L715.056 563.509L974.896 282.805H1047.43L747.461 606.853L1085.74 1059.11H838.914L610.95 754.31L328.797 1059.11H256.261L578.531 710.981ZM478.337 336.226H364.946L865.668 1005.69H979.058L478.337 336.226Z" fill="black"/><path d="M258.279 282.805V282.305H257.281L257.879 283.105L258.279 282.805ZM578.531 710.981L578.898 711.32L579.181 711.015L578.931 710.681L578.531 710.981ZM505.104 282.805L505.505 282.506L505.355 282.305H505.104V282.805ZM715.056 563.509L714.656 563.809L715.015 564.289L715.423 563.849L715.056 563.509ZM974.896 282.805V282.305H974.678L974.529 282.466L974.896 282.805ZM1047.43 282.805L1047.8 283.145L1048.58 282.305H1047.43V282.805ZM747.461 606.853L747.094 606.513L746.811 606.819L747.061 607.152L747.461 606.853ZM1085.74 1059.11V1059.61H1086.74L1086.14 1058.81L1085.74 1059.11ZM838.914 1059.11L838.514 1059.41L838.664 1059.61H838.914V1059.11ZM610.95 754.31L611.351 754.011L610.991 753.53L610.583 753.971L610.95 754.31ZM328.797 1059.11V1059.61H329.015L329.163 1059.45L328.797 1059.11ZM256.261 1059.11L255.894 1058.77L255.116 1059.61H256.261V1059.11ZM364.946 336.226V335.726H363.948L364.546 336.526L364.946 336.226ZM478.337 336.226L478.737 335.927L478.587 335.726H478.337V336.226ZM865.668 1005.69L865.268 1005.99L865.418 1006.19H865.668V1005.69ZM979.058 1005.69V1006.19H980.057L979.459 1005.39L979.058 1005.69ZM671 1341.42C1041.31 1341.42 1341.5 1041.25 1341.5 670.962H1340.5C1340.5 1040.69 1040.75 1340.42 671 1340.42V1341.42ZM0.5 670.962C0.5 1041.25 300.693 1341.42 671 1341.42V1340.42C301.245 1340.42 1.5 1040.69 1.5 670.962H0.5ZM671 0.5C300.693 0.5 0.5 300.676 0.5 670.962H1.5C1.5 301.228 301.245 1.5 671 1.5V0.5ZM1341.5 670.962C1341.5 300.676 1041.31 0.5 671 0.5V1.5C1040.75 1.5 1340.5 301.228 1340.5 670.962H1341.5ZM257.879 283.105L578.131 711.28L578.931 710.681L258.679 282.506L257.879 283.105ZM505.104 282.305H258.279V283.305H505.104V282.305ZM715.456 563.21L505.505 282.506L504.704 283.105L714.656 563.809L715.456 563.21ZM974.529 282.466L714.689 563.17L715.423 563.849L975.263 283.145L974.529 282.466ZM1047.43 282.305H974.896V283.305H1047.43V282.305ZM747.828 607.192L1047.8 283.145L1047.07 282.466L747.094 606.513L747.828 607.192ZM1086.14 1058.81L747.862 606.553L747.061 607.152L1085.34 1059.41L1086.14 1058.81ZM838.914 1059.61H1085.74V1058.61H838.914V1059.61ZM610.55 754.61L838.514 1059.41L839.315 1058.81L611.351 754.011L610.55 754.61ZM329.163 1059.45L611.317 754.65L610.583 753.971L328.43 1058.77L329.163 1059.45ZM256.261 1059.61H328.797V1058.61H256.261V1059.61ZM578.164 710.641L255.894 1058.77L256.628 1059.45L578.898 711.32L578.164 710.641ZM364.946 336.726H478.337V335.726H364.946V336.726ZM866.068 1005.39L365.347 335.927L364.546 336.526L865.268 1005.99L866.068 1005.39ZM979.058 1005.19H865.668V1006.19H979.058V1005.19ZM477.936 336.526L978.658 1005.99L979.459 1005.39L478.737 335.927L477.936 336.526Z" fill="white"/></svg> </a> 8379 8380 <a title="Instagram" class="" target="_blank" href="https://www.instagram.com/albertsjewelers
8380/" style="order: 3"> 8381 <svg role="img" aria-label="Instagram" viewBox="0 0 448 512"><path class="path_class" d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"/></svg> </a> 8382 8383 <a title="Youtube" class="" target="_blank" href="https://www.youtube.com/channel/UCQ4ouMJM2mY7apgDZpzNWow" style="order: 4"> 8384 <svg role="img" aria-label="Youtube" viewBox="0 0 576 512"><path class="path_class" d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"/></svg> </a> 8385 8386 <a title="Pinterest" class="" target="_blank" href="https://www.pinterest.com/albertsjewelers/" style="order: 5"> 8387 <svg role="img" aria-label="Pinterest" viewBox="0 0 496 512"><path class="path_class" d="M496 256c0 137-111 248-248 248-25.6 0-50.2-3.9-73.4-11.1 10.1-16.5 25.2-43.5 30.8-65 3-11.6 15.4-59 15.4-59 8.1 15.4 31.7 28.5 56.8 28.5 74.8 0 128.7-68.8 128.7-154.3 0-81.9-66.9-143.2-152.9-143.2-107 0-163.9 71.8-163.9 150.1 0 36.4 19.4 81.7 50.3 96.1 4.7 2.2 7.2 1.2 8.3-3.3.8-3.4 5-20.3 6.9-28.1.6-2.5.3-4.7-1.7-7.1-10.1-12.5-18.3-35.3-18.3-56.6 0-54.7 41.4-107.6 112-107.6 60.9 0 103.6 41.5 103.6 100.9 0 67.1-33.9 113.6-78 113.6-24.3 0-42.6-20.1-36.7-44.8 7-29.5 20.5-61.3 20.5-82.6 0-19-10.2-34.9-31.4-34.9-24.9 0-44.9 25.7-44.9 60.2 0 22 7.4 36.8 7.4 36.8s-24.5 103.8-29 123.2c-5 21.4-3 51.6-.9 71.2C65.4 450.9 0 361.1 0 256 0 119 111 8 248 8s248 111 248 248z"/></svg> </a> 8388 8389 <a title="Yelp" class="" target="_blank" href="https://www.yelp.com/biz/alberts-diamond-jewelers-schererville-4" style="order: 6"> 8390 <svg role="img" aria-label="Yelp" viewBox="0 0 384 512"><path class="path_class" d="M42.9 240.32l99.62 48.61c19.2 9.4 16.2 37.51-4.5 42.71L30.5 358.45a22.79 22.79 0 0 1-28.21-19.6 197.16 197.16 0 0 1 9-85.32 22.8 22.8 0 0 1 31.61-13.21zm44 239.25a199.45 199.45 0 0 0 79.42 32.11A22.78 22.78 0 0 0 192.94 490l3.9-110.82c.7-21.3-25.5-31.91-39.81-16.1l-74.21 82.4a22.82 22.82 0 0 0 4.09 34.09zm145.34-109.92l58.81 94a22.93 22.93 0 0 0 34 5.5 198.36 198.36 0 0 0 52.71-67.61A23 23 0 0 0 364.17 370l-105.42-34.26c-20.31-6.5-37.81 15.8-26.51 33.91zm148.33-132.23a197.44 197.44 0 0 0-50.41-69.31 22.85 22.85 0 0 0-34 4.4l-62 91.92c-11.9 17.7 4.7 40.61 25.2 34.71L366 268.63a23 23 0 0 0 14.61-31.21zM62.11 30.18a22.86 22.86 0 0 0-9.9 32l104.12 180.44c11.7 20.2 42.61 11.9 42.61-11.4V22.88a22.67 22.67 0 0 0-24.5-22.8 320.37 320.37 0 0 0-112.33 30.1z"/></svg> </a> 8391 8392 8393 8394 8395 <a title="Tiktok" class="" target="_blank" href="https://www.tiktok.com/@albertsjewelers219" style="order: 9"> 8396 <svg class="path_class" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M448,209.91a210.06,210.06,0,0,1-122.77-39.25V349.38A162.55,162.55,0,1,1,185,188.31V278.2a74.62,74.62,0,1,0,52.23,71.18V0l88,0a121.18,121.18,0,0,0,1.86,22.17h0A122.18,122.18,0,0,0,381,102.39a121.43,121.43,0,0,0,67,20.14Z"/></svg> </a> 8397 8398 </div> 8399</div> 8400 8401<style> 8402 .footer_container_1>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons { 8403 width:100%; justify-content: flex-end; 8404 align-items:center; -webkit-align-items:center; } 8405 8406 .footer_container_1>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons { 8407 height:100%; } 8408 8409 .footer_container_1>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons>.flex_cell_content { 8410 display: flex; 8411 margin-top:50px; margin-bottom:50px; margin-left:px; margin-right:400px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 8412 8413 .footer_container_1>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons a { 8414 display: flex; 8415 align-items: center; 8416 color:#ffffff; font-weight:400; font-style:normal; margin-left: 6px; 8417 margin-right: 6px; 8418 font-size:17px;font-family:ITC Avant Garde; text-transform:none; } 8419 8420 .footer_container_1>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons a svg{ 8421 margin-right: 5px; 8422 width:16px; height:16px; } 8423 8424 .footer_container_1>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons a .path_class { 8425 fill: currentColor; 8426 } 8427 8428 8429 .footer_container_1>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons a:hover { 8430 color:#ffffff; } 8431</style> 8432 8433 </div> 8434 8435 <style> 8436 .footer_container_1 .flex_row_1 .flex_col_3 { 8437 width:98%; } 8438 </style> 8439 8440 8441 8442 <div class="flex_col flex_col_4"> 8443 8444 8445 </div> 8446 8447 <style> 8448 .footer_container_1 .flex_row_1 .flex_col_4 { 8449 width:2%; } 8450 </style> 8451 8452 8453 8454 </div> 8455 8456 8457 <style> 8458 .footer_container_1 .flex_row_1 { 8459 background-color: #122d57; 8460 color:#000000; height:auto; 8461 } 8462 </style> 8463 8464 8465 8466 8467 8468 8469 <div class="flex_row flex_row_2"> 8470 8471 8472 <div class="flex_col flex_col_1"> 8473 8474 8475 </div> 8476 8477 <style> 8478 .footer_container_1 .flex_row_2 .flex_col_1 { 8479 width:2%; } 8480 </style> 8481 8482 8483 8484 <div class="flex_col flex_col_2"> 8485 8486 <div class="flex_cell flex_cell_1 custom_code"> 8487 <div class="flex_cell_content"> 8488 <div style="padding-bottom: 40px;"> 8489<div style="padding-bottom: 40px;"> 8490<table border="0" class="ftbl"> 8491<tbody> 8492<tr class="tr1"> 8493<td> 8494<div class="right-side"> 8495<div class="col1"> 8496<div id="fclm1img" style="width: 165px; height: 165px; background: #ccc; border-radius: 50%; display: flex; justify-content: center; align-items: center; overflow: hidden;"><img style="max-width: 100%; object-fit: cover; height: 100% !important;" alt="Albert's Jewelers Logo" title="Albert's Jewelers Logo" width="500" height="500" src="/public/1.0/uploads/source/alberts-logo-footer-1.png" /></div> 8497</div> 8498<div class="col2"> 8499<h5 style="font-family: 'ITC Avant Garde'; color: #fff;">Visit our showroom</h5> 8500<p>711 Main St. Schererville, Indiana 46375</p> 8501<a style="color: #fff; font-size: 14px;" href="https://www.google.com/maps/place/Albert's+Diamond+Jewelers/@41.5223006,-87.4714827,17z/data=!3m1!4b1!4m6!3m5!1s0x8811e13019bb206d:0xb4de08229baafd1d!8m2!3d41.5222966!4d-87.469294!16s%2Fg%2F1tk688rc" title="Get Directions">Get Directions</a></div> 8502</div> 8503</td> 8504<td class="td2"></td> 8505<td style="padding-top: 0px;"> 8506<div class="left-side"> 8507<div class="col1"><span style="font-size: 14px; font-weight: bold;">Regular Hours</span> 8508<p><br />Mon - Sat:</p> 8509<p>11:00am - 6:00pm</p> 8510<p>Sunday: Closed </p> 8511<p></p> 8512</div> 8513<div class="col2"> 8514<h5 style="font-family: 'ITC Avant Garde'; color: #fff;">Store Contacts</h5> 8515<a style="color: #fff; font-size: 14px; display: block; line-height: 18px;" href="tel:219-322-2700" title="phone">Call: 219-322-2700</a><a style="color: #fff; font-size: 14px; display: block; line-height: 18px;" href="sms:219-322-2700" title="sms">Text: 219-322-2700</a> <a style="color: #fff; font-size: 14px; display: block; line-height: 18px;" href="/cdn-cgi/l/email-protection#264b47544d43524f484166474a44435452554c4351434a4354550845494b" title="mail"><span class="__cf_email__" data-cfemail="2944485b424c5d40474e6948454b4c5b5d5a434c5e4c454c5b5a074a4644">[email protected]</span></a></div> 8516</div> 8517</td> 8518</tr> 8519<tr class="tr2"> 8520<td> 8521<div class="tr2right-side"> 8522<p class="tr2right-side-p1"></p> 8523<p class="tr2right-side-p2">Receive email updates on stuff you’ll probably want to know about, including products, launches, and events. Unsubscribe anytime. Some exclusions apply.</p> 8524<a class="newsletter_btn" href="/newsletter-signup" title="Newsletter Signup" style="margin-top: 5px; color: #ffffff; font-weight: 400; font-style: normal; font-size: 14px; font-family: ITC Avant Garde; display: inline-flex; white-space: nowrap; align-items: center; padding: 10px 40px; justify-content: center; text-transform: none; border-radius: 0px; border: 1px solid #ffffff;"> Newsletter Signup <svg role="img" aria-label="Sign Up" version="1.1" id="Layer_1" x="0px" y="0px" width="38px" height="20px" viewbox="0 0 38 20" enable-background="new 0 0 38 20" xml:space="preserve" style="height: 16px; margin-left: 6px; fill: currentColor;"> <g> <path d="M37.6,14.35l-0.081-0.492L29.693,9.59l-1.213,1.232c-0.479,0.487-1.162,0.823-1.926,0.948
8525 c-0.762,0.123-1.516,0.021-2.125-0.289l-1.541-0.785l-6.068,6.533l0.081,0.49c0.087,0.537,0.636,0.896,1.225,0.8l18.564-3.023 8526 C37.278,15.4,37.687,14.886,37.6,14.35z"></path> <path d="M14.961,5.812l9.812,4.997c0.933,0.475,2.435,0.232,3.167-0.516l7.72-7.851L35.571,1.9 8527 c-0.087-0.537-0.637-0.896-1.227-0.8L15.782,4.124c-0.589,0.096-0.996,0.61-0.908,1.147L14.961,5.812z"></path> <polygon points="37.365,12.915 35.811,3.366 30.242,9.03 "></polygon> <polygon points="15.112,6.736 6.674,8.11 6.807,8.928 15.246,7.555 16.577,15.73 16.667,16.285 22.189,10.34 "></polygon> <rect x="8.114" y="9.012" transform="matrix(-0.1608 -0.987 0.987 -0.1608 -7.0682 28.3718)" width="0.829" height="16.357"></rect> <rect x="4.268" y="12.036" transform="matrix(0.987 -0.1607 0.1607 0.987 -1.8696 1.7878)" width="11.697" height="0.83"></rect> </g> </svg> </a></div> 8528</td> 8529<td></td> 8530<td> 8531<div class="tr2left-side"> 8532<div class="tr2col1"><a href="/david-yurman" style="color: #fff;" title="David Yurman">David Yurman »</a> <a href="/cartier-watches" style="color: #fff;" title="Cartier">Cartier »</a><a href="/verragio" style="color: #fff;" title="Verragio">Verragio »</a></div> 8533<div class="tr2col2"><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> 8534<div class="tr2col3"><a href="/return-policy" style="color: #fff;" title="Return Policy">Return Policy »</a> <a href="/mobile-terms-of-service" style="color: #fff; max-width: 180px;" title="Mobile Terms of Service">Mobile Terms of Service » </a><a style="color: #fff; max-width: 180px;" title=""></a></div> 8535</div> 8536</td> 8537</tr> 8538</tbody> 8539</table> 8540</div> 8541</div> 8542<style> 8543 .ftbl{ 8544 color:#fff; 8545 font-family: 'ITC Avant Garde'; 8546 /*padding:0 3%;*/ 8547 padding-bottom:43px; 8548 } 8549 .tr1 td{ 8550 padding-bottom: 98px; 8551 } 8552 .tr3 { 8553 position: relative; 8554 display:none; 8555 } 8556 .tr3 td{ 8557 padding-top: 76px; 8558 padding-bottom: 43px; 8559 } 8560 .ftbl h5, 8561 .ftbl p{ 8562 margin:0; 8563 } 8564 .ftbl h5{ 8565 line-height: 25px; 8566 font-size: 28px; 8567 font-weight: 400; 8568 padding-bottom: 9px; 8569 } 8570 .ftbl .right-side p{ 8571 font-size: 14px; 8572 font-weight: 400; 8573 width: 235px; 8574 line-height: 18px; 8575 } 8576 .ftbl .left-side p{ 8577 font-size: 14px; 8578 font-weight: 400; 8579 line-height: 18px; 8580 } 8581 #fclm1img { 8582 width: 165px; 8583 height: 165px; 8584 background: #ccc; 8585 border-radius: 50%; 8586 display: flex; 8587 justify-content: center; 8588 align-items: center; 8589 overflow: hidden; 8590 } 8591 .td2{ 8592 width:100%; 8593 } 8594 .right-side{ 8595 display: flex; 8596 } 8597 .left-side{ 8598 display: flex; 8599 padding-bottom: 34px; 8600 justify-content: start; 8601 /* width: 380px; */ 8602 } 8603 8604 .right-side .col1{ 8605 padding-right: 34px; 8606 } 8607 .left-side .col1{ 8608 padding-right: 90px; 8609 } 8610 .right-side .col2{ 8611 width: 300px; 8612 display: flex; 8613 flex-direction: column; 8614 justify-content: start; 8615 padding-top: 30px; 8616 } 8617 .right-side .col2 h5{ 8618 text-transform: capitalize; 8619 white-space: nowrap; 8620 } 8621 .left-side h5{ 8622 font-size: 14px; 8623 font-weight: 700; 8624 padding-bottom: 15px; 8625 } 8626 .tr2right-side{ 8627 padding-right:10px ; 8628 } 8629 .tr2right-side input{ 8630 width: 595px; 8631 height: 51px; 8632 background: transparent !important; 8633 border:none; 8634 border-bottom: 1px solid #fff !important; 8635 color: #fff; 8636 width: 350px; 8637 border-radius: 0px !important; 8638 text-indent:0px; 8639 outline: none; 8640 } 8641 .tr2right-side input:focus{ 8642 border:none; 8643 border-bottom: 1px solid #fff !important; 8644 border-radius: 0px !important; 8645background: transparent;color: white !important; 8646 box-shadow: none !important; 8647 outline: none !important; 8648 } 8649 .tr2right-side input::placeholder { 8650 color: #fff; 8651 font-size: 14px; 8652 padding: 13px 19px 13px 0; 8653 } 8654 .tr2left-side{ 8655 display: flex; 8656 height: 120px; 8657 } 8658 .tr2col1,.tr2col2,.tr2col3{ 8659 display: flex; 8660 flex-direction: column; 8661 justify-content: space-around; 8662 min-width: 130px; 8663 box-sizing: content-box; 8664 } 8665 .tr2col2{ 8666 padding-left: 80px; 8667 padding-right: 80px; 8668 } 8669 .tr2col3{ 8670 height: auto; 8671 width: 200px; 8672 } 8673 .tr2left-side a{ 8674 color:#fff; 8675 text-decoration: none; 8676 } 8677 .tr2right-side-p2{ 8678 font-size: 14px; 8679 font-weight: 400; 8680 padding: 10px 0 20px 0; 8681 padding: 10px 0 0px 0; 8682 } 8683 8684 .tr3col1{ 8685 margin-right:33px; 8686 } 8687 .tr3col2{ 8688 display: flex; 8689 flex-direction: column; 8690 justify-content: end; 8691 } 8692 .tr3td3{ 8693 padding-top: 76px; 8694 display: flex; 8695 flex-direction: column; 8696 justify-content: end; 8697 align-items: end; 8698 position: absolute; 8699 bottom: 0; 8700 right: 0; 8701 } 8702 #tr3col1imbl{ 8703 max-width: 165px; 8704 display: flex; 8705 overflow: hidden; 8706 } 8707 #tr3col1imbl img{ 8708 object-fit: cover; 8709 } 8710 .tr3td3 a{ 8711 color: #fff; 8712 text-decoration: none; 8713 font-size: 14px; 8714 text-align: right; 8715 } 8716 .ftbl .tr3col2 p{ 8717 width:100%; 8718 } 8719 @media (max-width:1200px){ 8720 .tr2col2{ 8721 padding-left: 95px; 8722 padding-right: 95px; 8723 } 8724 .tr2col1, .tr2col2, .tr2col3{ 8725 min-width: auto; 8726 } 8727 .ftbl .tr3col2 p{ 8728 width:95%; 8729 } 8730 .left-side .col1{ 8731 padding-right: 60px; 8732 } 8733 .tr2right-side input{ 8734 width: 470px; 8735 width: 350px; 8736 } 8737 .tr2col3 { 8738 width: 140px; 8739 } 8740 .ftbl h5 { 8741 padding-bottom: 15px; 8742 } 8743 .right-side .col2 { 8744 padding-top: 15px; 8745 } 8746 } 8747@media(max-width:1200px) and (min-width:992px){ 8748footer .flex_cell.flex_cell_1.social_icons .flex_cell_content{ 8749 margin-right: 232px !important; 8750} 8751} 8752 </style> </div> 8753</div> 8754 8755<style> 8756 .footer_container_1>.flex_row_2>.flex_col_2>.flex_cell_1.custom_code { 8757 width:100%; } 8758 8759 .footer_container_1>.flex_row_2>.flex_col_2>.flex_cell_1.custom_code { 8760 } 8761 8762 .footer_container_1>.flex_row_2>.flex_col_2>.flex_cell_1.custom_code>.flex_cell_content { 8763 width: 100%; 8764 height: 100%; 8765 } 8766</style> 8767 </div> 8768 8769 <style> 8770 .footer_container_1 .flex_row_2 .flex_col_2 { 8771 width:96%; } 8772 </style> 8773 8774 8775 8776 <div class="flex_col flex_col_3"> 8777 8778 8779 </div> 8780 8781 <style> 8782 .footer_container_1 .flex_row_2 .flex_col_3 { 8783 width:2%; } 8784 </style> 8785 8786 8787 8788 </div> 8789 8790 8791 <style> 8792 .footer_container_1 .flex_row_2 { 8793 background-color: #122d57; 8794 color:#000000; height:auto; 8795 } 8796 </style> 8797 8798 8799 8800 8801 </div> 8802 <style> 8803 .footer_container .flex_row { 8804 display: flex; 8805 } 8806 .footer_container_1 { 8807 width:100%; 8808 max-width:100%; 8809 margin: 0 auto; 8810 } 8811 .footer_container .flex_row .flex_col{ 8812 display: flex; 8813 flex-wrap: wrap; 8814 box-sizing: border-box; 8815 align-content: baseline; 8816 } 8817 .footer_container .flex_row .flex_col .flex_cell{ 8818 height: fit-content; 8819 display: flex; 8820 } 8821 .footer_container .flex_row .flex_col .flex_cell a{ 8822 text-decoration: none; 8823 } 8824 .footer_container img { 8825 max-width: 100%; 8826 } 8827 </style> 8828 8829 8830</footer> 8831<footer class="appearance-tablet-view-template"> 8832 8833 8834 8835 <div class="footer_container footer_container_2"> 8836 8837 8838 8839 8840 <div class="flex_row flex_row_1"> 8841 8842 8843 <div class="flex_col flex_col_1"> 8844 8845 8846 </div> 8847 8848 <style> 8849 .footer_container_2 .flex_row_1 .flex_col_1 { 8850 } 8851 </style> 8852 8853 8854 8855 <div class="flex_col flex_col_2"> 8856 8857 8858 </div> 8859 8860 <style> 8861 .footer_container_2 .flex_row_1 .flex_col_2 { 8862 } 8863 </style> 8864 8865 8866 8867 <div class="flex_col flex_col_3"> 8868 8869 8870<div class="flex_cell flex_cell_1 social_icons"> 8871 <div class="flex_cell_content"> 8872 <a title="Facebook" class="" target="_blank" href="https://www.facebook.com/albertsjewelers" style="order: 1">
8873 <svg role="img" aria-label="Facebook" viewBox="0 0 320 512"><path class="path_class" d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z"/></svg> </a> 8874 8875 <a title="X" class="" target="_blank" href="https://twitter.com/AlbertsJewelers" style="order: 2"> 8876 <svg role="img" aria-label="X" width="1342" height="1342" viewBox="0 0 1342 1342" fill="none" xmlns="http://www.w3.org/2000/svg"><path class="path_class" fill-rule="evenodd" clip-rule="evenodd" d="M1341 670.962C1341 1040.97 1041.03 1340.92 671 1340.92C300.969 1340.92 1 1040.97 1 670.962C1 300.952 300.969 1 671 1C1041.03 1 1341 300.952 1341 670.962ZM578.531 710.981L258.279 282.805H505.104L715.056 563.509L974.896 282.805H1047.43L747.461 606.853L1085.74 1059.11H838.914L610.95 754.31L328.797 1059.11H256.261L578.531 710.981ZM478.337 336.226H364.946L865.668 1005.69H979.058L478.337 336.226Z" fill="black"/><path d="M258.279 282.805V282.305H257.281L257.879 283.105L258.279 282.805ZM578.531 710.981L578.898 711.32L579.181 711.015L578.931 710.681L578.531 710.981ZM505.104 282.805L505.505 282.506L505.355 282.305H505.104V282.805ZM715.056 563.509L714.656 563.809L715.015 564.289L715.423 563.849L715.056 563.509ZM974.896 282.805V282.305H974.678L974.529 282.466L974.896 282.805ZM1047.43 282.805L1047.8 283.145L1048.58 282.305H1047.43V282.805ZM747.461 606.853L747.094 606.513L746.811 606.819L747.061 607.152L747.461 606.853ZM1085.74 1059.11V1059.61H1086.74L1086.14 1058.81L1085.74 1059.11ZM838.914 1059.11L838.514 1059.41L838.664 1059.61H838.914V1059.11ZM610.95 754.31L611.351 754.011L610.991 753.53L610.583 753.971L610.95 754.31ZM328.797 1059.11V1059.61H329.015L329.163 1059.45L328.797 1059.11ZM256.261 1059.11L255.894 1058.77L255.116 1059.61H256.261V1059.11ZM364.946 336.226V335.726H363.948L364.546 336.526L364.946 336.226ZM478.337 336.226L478.737 335.927L478.587 335.726H478.337V336.226ZM865.668 1005.69L865.268 1005.99L865.418 1006.19H865.668V1005.69ZM979.058 1005.69V1006.19H980.057L979.459 1005.39L979.058 1005.69ZM671 1341.42C1041.31 1341.42 1341.5 1041.25 1341.5 670.962H1340.5C1340.5 1040.69 1040.75 1340.42 671 1340.42V1341.42ZM0.5 670.962C0.5 1041.25 300.693 1341.42 671 1341.42V1340.42C301.245 1340.42 1.5 1040.69 1.5 670.962H0.5ZM671 0.5C300.693 0.5 0.5 300.676 0.5 670.962H1.5C1.5 301.228 301.245 1.5 671 1.5V0.5ZM1341.5 670.962C1341.5 300.676 1041.31 0.5 671 0.5V1.5C1040.75 1.5 1340.5 301.228 1340.5 670.962H1341.5ZM257.879 283.105L578.131 711.28L578.931 710.681L258.679 282.506L257.879 283.105ZM505.104 282.305H258.279V283.305H505.104V282.305ZM715.456 563.21L505.505 282.506L504.704 283.105L714.656 563.809L715.456 563.21ZM974.529 282.466L714.689 563.17L715.423 563.849L975.263 283.145L974.529 282.466ZM1047.43 282.305H974.896V283.305H1047.43V282.305ZM747.828 607.192L1047.8 283.145L1047.07 282.466L747.094 606.513L747.828 607.192ZM1086.14 1058.81L747.862 606.553L747.061 607.152L1085.34 1059.41L1086.14 1058.81ZM838.914 1059.61H1085.74V1058.61H838.914V1059.61ZM610.55 754.61L838.514 1059.41L839.315 1058.81L611.351 754.011L610.55 754.61ZM329.163 1059.45L611.317 754.65L610.583 753.971L328.43 1058.77L329.163 1059.45ZM256.261 1059.61H328.797V1058.61H256.261V1059.61ZM578.164 710.641L255.894 1058.77L256.628 1059.45L578.898 711.32L578.164 710.641ZM364.946 336.726H478.337V335.726H364.946V336.726ZM866.068 1005.39L365.347 335.927L364.546 336.526L865.268 1005.99L866.068 1005.39ZM979.058 1005.19H865.668V1006.19H979.058V1005.19ZM477.936 336.526L978.658 1005.99L979.459 1005.39L478.737 335.927L477.936 336.526Z" fill="white"/></svg> </a> 8877 8878 <a title="Instagram" class="" target="_blank" href="https://www.instagram.com/albertsjewelers/" style="order: 3"> 8879 <svg role="img" aria-label="Instagram" viewBox="0 0 448 512"><path class="path_class" d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"/></svg> </a> 8880 8881 <a title="Youtube" class="" target="_blank" href="https://www.youtube.com/channel/UC
8881Q4ouMJM2mY7apgDZpzNWow" style="order: 4"> 8882 <svg role="img" aria-label="Youtube" viewBox="0 0 576 512"><path class="path_class" d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"/></svg> </a> 8883 8884 <a title="Pinterest" class="" target="_blank" href="https://www.pinterest.com/albertsjewelers/" style="order: 5"> 8885 <svg role="img" aria-label="Pinterest" viewBox="0 0 496 512"><path class="path_class" d="M496 256c0 137-111 248-248 248-25.6 0-50.2-3.9-73.4-11.1 10.1-16.5 25.2-43.5 30.8-65 3-11.6 15.4-59 15.4-59 8.1 15.4 31.7 28.5 56.8 28.5 74.8 0 128.7-68.8 128.7-154.3 0-81.9-66.9-143.2-152.9-143.2-107 0-163.9 71.8-163.9 150.1 0 36.4 19.4 81.7 50.3 96.1 4.7 2.2 7.2 1.2 8.3-3.3.8-3.4 5-20.3 6.9-28.1.6-2.5.3-4.7-1.7-7.1-10.1-12.5-18.3-35.3-18.3-56.6 0-54.7 41.4-107.6 112-107.6 60.9 0 103.6 41.5 103.6 100.9 0 67.1-33.9 113.6-78 113.6-24.3 0-42.6-20.1-36.7-44.8 7-29.5 20.5-61.3 20.5-82.6 0-19-10.2-34.9-31.4-34.9-24.9 0-44.9 25.7-44.9 60.2 0 22 7.4 36.8 7.4 36.8s-24.5 103.8-29 123.2c-5 21.4-3 51.6-.9 71.2C65.4 450.9 0 361.1 0 256 0 119 111 8 248 8s248 111 248 248z"/></svg> </a> 8886 8887 <a title="Yelp" class="" target="_blank" href="https://www.yelp.com/biz/alberts-diamond-jewelers-schererville-4" style="order: 6"> 8888 <svg role="img" aria-label="Yelp" viewBox="0 0 384 512"><path class="path_class" d="M42.9 240.32l99.62 48.61c19.2 9.4 16.2 37.51-4.5 42.71L30.5 358.45a22.79 22.79 0 0 1-28.21-19.6 197.16 197.16 0 0 1 9-85.32 22.8 22.8 0 0 1 31.61-13.21zm44 239.25a199.45 199.45 0 0 0 79.42 32.11A22.78 22.78 0 0 0 192.94 490l3.9-110.82c.7-21.3-25.5-31.91-39.81-16.1l-74.21 82.4a22.82 22.82 0 0 0 4.09 34.09zm145.34-109.92l58.81 94a22.93 22.93 0 0 0 34 5.5 198.36 198.36 0 0 0 52.71-67.61A23 23 0 0 0 364.17 370l-105.42-34.26c-20.31-6.5-37.81 15.8-26.51 33.91zm148.33-132.23a197.44 197.44 0 0 0-50.41-69.31 22.85 22.85 0 0 0-34 4.4l-62 91.92c-11.9 17.7 4.7 40.61 25.2 34.71L366 268.63a23 23 0 0 0 14.61-31.21zM62.11 30.18a22.86 22.86 0 0 0-9.9 32l104.12 180.44c11.7 20.2 42.61 11.9 42.61-11.4V22.88a22.67 22.67 0 0 0-24.5-22.8 320.37 320.37 0 0 0-112.33 30.1z"/></svg> </a> 8889 8890 8891 8892 8893 <a title="Tiktok" class="" target="_blank" href="https://www.tiktok.com/@albertsjewelers219" style="order: 9"> 8894 <svg class="path_class" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M448,209.91a210.06,210.06,0,0,1-122.77-39.25V349.38A162.55,162.55,0,1,1,185,188.31V278.2a74.62,74.62,0,1,0,52.23,71.18V0l88,0a121.18,121.18,0,0,0,1.86,22.17h0A122.18,122.18,0,0,0,381,102.39a121.43,121.43,0,0,0,67,20.14Z"/></svg> </a> 8895 8896 </div> 8897</div> 8898 8899<style> 8900 .footer_container_2>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons { 8901 width:100%; justify-content: flex-end; 8902 align-items:center; -webkit-align-items:center; } 8903 8904 .footer_container_2>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons { 8905 height:100%; } 8906 8907 .footer_container_2>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons>.flex_cell_content { 8908 display: flex; 8909 margin-top:50px; margin-bottom:0px; margin-left:px; margin-right:72px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 8910 8911 .footer_container_2>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons a { 8912 display: flex; 8913 align-items: center; 8914 color:#ffffff; font-weight:400; font-style:normal; margin-left: 6px; 8915 margin-right: 6px; 8916 font-size:17px;font-family:ITC Avant Garde; text-transform:none; } 8917 8918 .footer_container_2>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons a svg{ 8919 margin-right: 5px; 8920 width:16px; height:16px; } 8921 8922 .footer_container_2>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons a .path_class { 8923 fill: currentColor; 8924 } 8925 8926 8927 .footer_container_2>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons a:hover { 8928 color:#ffffff; } 8929</style> 8930 8931 </div> 8932 8933 <style> 8934 .footer_container_2 .flex_row_1 .flex_col_3 { 8935 width:98%; } 8936 </style> 8937 8938 8939 8940 <div class="flex_col flex_col_4"> 8941 8942 8943 </div> 8944 8945 <style> 8946 .footer_container_2 .flex_row_1 .flex_col_4 { 8947 width:2%; } 8948 </style> 8949 8950 8951 8952 </div> 8953 8954 8955 <style> 8956 .footer_container_2 .flex_row_1 { 8957 background-color: #122d57; 8958 color:#000000; height:auto; 8959 } 8960 </style> 8961 8962 8963 8964 8965 8966 8967 <div class="flex_row flex_row_2"> 8968 8969 8970 <div class="flex_col flex_col_1"> 8971 8972 8973 </div> 8974 8975 <style> 8976 .footer_container_2 .flex_row_2 .flex_col_1 { 8977 width:2%; } 8978 </style> 8979 8980 8981 8982 <div class="flex_col flex_col_2"> 8983 8984 <div class="flex_cell flex_cell_1 custom_code"> 8985 <div class="flex_cell_content"> 8986 <div style="padding-bottom: 63px;"> 8987<table border="0" class="ftbl"> 8988<tbody> 8989<tr class="tr1"> 8990<td class="td1"> 8991<div class="right-side"> 8992<div class="col1"> 8993<div id="fclm1img" style="width: 165px; h;height: 165px; ackground: #ccc; border-radius: 50%; display: flex; justify-content: center; align-items: center; overflow: hidden;"><img style="max-width: 100%; object-fit: cover; height: 100% !important;" alt="Albert's Jewelers Logo" title="Albert's Jewelers Storefront" width="500" height="500" src="/public/1.0/uploads/source/alberts-logo-footer-1.png" /></div> 8994</div> 8995<div class="col2"> 8996<h5 style="color: #fff; font-family: 'ITC Avant Garde';">Visit our showroom</h5> 8997<p>711 Main St. Schererville <br />Indiana 46375</p> 8998<a style="color: #fff; font-size: 14px;" href="https://www.google.com/maps/place/Albert's+Diamond+Jewelers/@41.5223006,-87.4714827,17z/data=!3m1!4b1!4m6!3m5!1s0x8811e13019bb206d:0xb4de08229baafd1d!8m2!3d41.5222966!4d-87.469294!16s%2Fg%2F1tk688rc" title="Get Directions">Get Directions</a></div> 8999</div> 9000</td> 9001<td class="td2"></td> 9002<td> 9003<div class="left-side"> 9004<div class="col1"> 9005<pre style="color: #fff; font-family: 'ITC Avant Garde';"><span style="font-size: 10pt;"><strong>Regular Hours<br /></strong></span></pre> 9006<p>Mon-Sat: 11am — 6pm</p> 9007<p>Sunday: Closed</p> 9008<p></p> 9009</div> 9010<div class="col2"> 9011<h5 style="font-family: 'ITC Avant Garde'; color: #fff;">Store Contacts</h5> 9012<a style="color: #fff; font-size: 14px; display: block; line-height: 18px;" href="tel:219-322-2700" title="phone">Call: 219-322-2700</a><a style="color: #fff; font-size: 14px; display: block; line-height: 18px;" href="sms:219-322-2700" title="sms">Text: 219-322-2700</a> <a style="color: #fff; font-size: 14px; display: block; line-height: 18px;" href="/cdn-cgi/l/email-protection#8ae7ebf8e1effee3e4edcaebe6e8eff8fef9e0effdefe6eff8f9a4e9e5e7" title="mail">
9012<span class="__cf_email__" data-cfemail="4e232f3c252b3a2720290e2f222c2b3c3a3d242b392b222b3c3d602d2123">[email protected]</span></a></div> 9013</div> 9014</td> 9015</tr> 9016<tr class="tr2"> 9017<td> 9018<div class="tr2right-side"> 9019<p class="tr2right-side-p2">Receive email updates on stuff you’ll probably want to know about, including products, launches, and events. Unsubscribe anytime. Some exclusions apply.</p> 9020<a class="newsletter_btn" href="/newsletter-signup" title="Newsletter Signup" style="color: #ffffff; margin-top: 5px; font-weight: 400; font-style: normal; font-size: 14px; font-family: ITC Avant Garde; display: inline-flex; white-space: nowrap; align-items: center; padding: 10px 40px; justify-content: center; text-transform: none; border-radius: 0px; border: 1px solid #ffffff;"> Newsletter Signup <svg role="img" aria-label="Sign Up" version="1.1" id="Layer_1" x="0px" y="0px" width="38px" height="20px" viewbox="0 0 38 20" enable-background="new 0 0 38 20" xml:space="preserve" style="height: 16px; margin-left: 6px; fill: currentColor;"> <g> <path d="M37.6,14.35l-0.081-0.492L29.693,9.59l-1.213,1.232c-0.479,0.487-1.162,0.823-1.926,0.948 9021 c-0.762,0.123-1.516,0.021-2.125-0.289l-1.541-0.785l-6.068,6.533l0.081,0.49c0.087,0.537,0.636,0.896,1.225,0.8l18.564-3.023 9022 C37.278,15.4,37.687,14.886,37.6,14.35z"></path> <path d="M14.961,5.812l9.812,4.997c0.933,0.475,2.435,0.232,3.167-0.516l7.72-7.851L35.571,1.9 9023 c-0.087-0.537-0.637-0.896-1.227-0.8L15.782,4.124c-0.589,0.096-0.996,0.61-0.908,1.147L14.961,5.812z"></path> <polygon points="37.365,12.915 35.811,3.366 30.242,9.03 "></polygon> <polygon points="15.112,6.736 6.674,8.11 6.807,8.928 15.246,7.555 16.577,15.73 16.667,16.285 22.189,10.34 "></polygon> <rect x="8.114" y="9.012" transform="matrix(-0.1608 -0.987 0.987 -0.1608 -7.0682 28.3718)" width="0.829" height="16.357"></rect> <rect x="4.268" y="12.036" transform="matrix(0.987 -0.1607 0.1607 0.987 -1.8696 1.7878)" width="11.697" height="0.83"></rect> </g> </svg> </a></div> 9024</td> 9025<td></td> 9026<td class="td3"> 9027<div class="tr2left-side"> 9028<div class="tr2col1"><a href="/david-yurman" style="color: #fff;" title="David Yurman"> David Yurman »</a> <a href="/cartier-watches" style="color: #fff;" title="Cartier">Cartier »</a> <a href="/verragio" style="color: #fff;" title="Verragio">Verragio »</a></div> 9029<div class="tr2col2"><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> 9030<div class="tr2col3"><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></div> 9031</div> 9032</td> 9033</tr> 9034</tbody> 9035</table> 9036</div> 9037<style> 9038 @media (max-width:991.9px){ 9039 .footer_container .flex_row .flex_col .flex_cell a{ 9040 font-size: 14px; 9041 } 9042 .ftbl{ 9043 color:#fff; 9044 font-family: 'ITC Avant Garde'; 9045 /*padding: 0 25px;*/ 9046 padding-bottom:43px; 9047 } 9048 .tr1 td{ 9049 padding-bottom: 98px; 9050 padding-top: 43px; 9051 } 9052 .tr3 { 9053 position: relative; 9054 } 9055 .tr3 td{ 9056 padding-top: 76px; 9057 padding-bottom: 43px; 9058 } 9059 .ftbl h5, 9060 .ftbl p{ 9061 margin:0; 9062 } 9063 .ftbl h5{ 9064 line-height: 25px; 9065 font-size: 28px; 9066 font-weight: 400; 9067 padding-bottom: 19px; 9068 } 9069 .ftbl .right-side p{ 9070 font-size: 14px; 9071 font-weight: 400; 9072 width: 235px; 9073 line-height: 18px; 9074 } 9075 .ftbl .left-side p{ 9076 font-size: 14px; 9077 font-weight: 400; 9078 line-height: 18px; 9079 } 9080 #fclm1img { 9081 width: 165px; 9082 height: 165px; 9083 background: #ccc; 9084 border-radius: 50%; 9085 display: flex; 9086 justify-content: center; 9087 align-items: center; 9088 overflow: hidden; 9089 } 9090 .td1{ 9091 padding-top: 0;
9092 display: flex; 9093 } 9094 .td2{ 9095 width:100%; 9096 } 9097 .right-side{ 9098 display: flex; 9099 } 9100 .left-side { 9101 display: flex; 9102 padding-bottom: 34px; 9103 flex-direction: column; 9104 justify-content: end; 9105 } 9106 .left-side .col1, 9107 .right-side .col1{ 9108 padding-right: 34px; 9109 } 9110 .left-side .col1{ 9111 padding-bottom: 20px; 9112 padding-top: 26px; 9113 } 9114 .right-side .col2{ 9115 width: 100%; 9116 display: flex; 9117 flex-direction: column; 9118 justify-content: start; 9119 padding-top: 30px; 9120 } 9121 .left-side h5{ 9122 font-size: 14px; 9123 font-weight: 700; 9124 padding-bottom: 15px; 9125 } 9126 .right-side h5{ 9127 white-space: nowrap; 9128 } 9129 .tr2right-side{ 9130 padding-right:10px ; 9131 } 9132 .tr2right-side input{ 9133 width: 595px; 9134 width: 470px; 9135 width:100%; 9136 width: 350px; 9137 9138 height: 51px; 9139 background: transparent !important; 9140 border:none; 9141 border-bottom: 1px solid #fff !important; 9142 color: #fff; 9143 border-radius: 0px !important; 9144 outline: none; 9145padding-left: 0 !important; 9146text-indent:0px; 9147 } 9148 .tr2right-side input::placeholder { 9149 color: #fff; 9150 font-size: 16px; 9151 padding: 13px 19px 13px 0; 9152 } 9153.tr2right-side input:focus{ 9154 border:none; 9155 border-bottom: 1px solid #fff !important; 9156 border-radius: 0px !important; 9157background: transparent;color: white !important; 9158 box-shadow: none !important; 9159 outline: none !important; 9160 } 9161 .tr2left-side{ 9162 display: flex; 9163 height: 106px; 9164 } 9165 .tr2col1,.tr2col2,.tr2col3{ 9166 display: flex; 9167 flex-direction: column; 9168 justify-content: space-between; 9169 } 9170 .tr2 .td3{ 9171 display:flex; 9172 } 9173 .tr2col2 { 9174 padding-left: 46px; 9175 padding-right: 31px; 9176 } 9177 .tr2col3{ 9178 width: 107px; 9179 } 9180 .tr2left-side a{ 9181 color:#fff; 9182 text-decoration: none; 9183 } 9184 .tr2right-side-p2{ 9185 font-size: 14px; 9186 font-weight: 400; 9187 padding: 10px 0 20px 0; 9188 padding: 10px 0 0px 0; 9189 } 9190 9191 .tr3col1{ 9192 margin-right:33px; 9193 } 9194 .tr3col2{ 9195 display: flex; 9196 flex-direction: column; 9197 justify-content: end; 9198 } 9199 .tr3td3{ 9200 padding-top: 76px; 9201 display: flex; 9202 flex-direction: column; 9203 justify-content: end; 9204 align-items: end; 9205 position: absolute; 9206 bottom: 0; 9207 right: 0; 9208 } 9209 #tr3col1imbl{ 9210 max-width: 165px; 9211 display: flex; 9212 overflow: hidden; 9213 } 9214 #tr3col1imbl img{ 9215 object-fit: cover; 9216 } 9217 .tr3td3 a{ 9218 color: #fff; 9219 text-decoration: none; 9220 font-size: 14px; 9221 text-align: right; 9222 } 9223 .ftbl .tr3col2 p{ 9224 width:100%; 9225 }} 9226 @media (max-width: 870px) { 9227 .right-side .col2 h5 { 9228 white-space: wrap; 9229 } 9230 .ftbl .right-side p { 9231 width: 100%; 9232 white-space: wrap; 9233 } 9234 } 9235 </style> </div> 9236</div> 9237 9238<style> 9239 .footer_container_2>.flex_row_2>.flex_col_2>.flex_cell_1.custom_code { 9240 width:100%; } 9241 9242 .footer_container_2>.flex_row_2>.flex_col_2>.flex_cell_1.custom_code { 9243 } 9244 9245 .footer_container_2>.flex_row_2>.flex_col_2>.flex_cell_1.custom_code>.flex_cell_content { 9246 width: 100%; 9247 height: 100%; 9248 } 9249</style> 9250 </div> 9251 9252 <style> 9253 .footer_container_2 .flex_row_2 .flex_col_2 { 9254 width:96%; } 9255 </style> 9256 9257 9258 9259 <div class="flex_col flex_col_3"> 9260 9261 9262 </div> 9263 9264 <style> 9265 .footer_container_2 .flex_row_2 .flex_col_3 { 9266 width:2%; } 9267 </style> 9268 9269 9270 9271 </div> 9272 9273 9274 <style> 9275 .footer_container_2 .flex_row_2 { 9276 background-color: #122d57; 9277 color:#000000; height:auto; 9278 } 9279 </style> 9280 9281 9282 9283 9284 </div> 9285 <style> 9286 .footer_container .flex_row { 9287 display: flex; 9288 } 9289 .footer_container_2 { 9290 width:100%; 9291 max-width:100%; 9292 margin: 0 auto; 9293 } 9294 .footer_container .flex_row .flex_col{ 9295 display: flex; 9296 flex-wrap: wrap; 9297 box-sizing: border-box; 9298 align-content: baseline; 9299 } 9300 .footer_container .flex_row .flex_col .flex_cell{ 9301 height: fit-content; 9302 display: flex; 9303 } 9304 .footer_container .flex_row .flex_col .flex_cell a{ 9305 text-decoration: none; 9306 } 9307 .footer_container img { 9308 max-width: 100%; 9309 } 9310 </style> 9311 9312 9313</footer> 9314<footer class="appearance-mobile-view-template"> 9315 9316 9317 9318 <div class="footer_container footer_container_3"> 9319 9320 9321 9322 9323 <div class="flex_row flex_row_1"> 9324 9325 9326 <div class="flex_col flex_col_1"> 9327 9328 9329 </div> 9330 9331 <style> 9332 .footer_container_3 .flex_row_1 .flex_col_1 { 9333 width:5%; } 9334 </style> 9335 9336 9337 9338 <div class="flex_col flex_col_2"> 9339 9340 9341<div class="flex_cell flex_cell_1 social_icons"> 9342 <div class="flex_cell_content"> 9343 <a title="Facebook" class="" target="_blank" href="https://www.facebook.com/albertsjewelers" style="order: 1">
9344 <svg role="img" aria-label="Facebook" viewBox="0 0 320 512"><path class="path_class" d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z"/></svg> </a> 9345 9346 <a title="X" class="" target="_blank" href="https://twitter.com/AlbertsJewelers" style="order: 2"> 9347 <svg role="img" aria-label="X" width="1342" height="1342" viewBox="0 0 1342 1342" fill="none" xmlns="http://www.w3.org/2000/svg"><path class="path_class" fill-rule="evenodd" clip-rule="evenodd" d="M1341 670.962C1341 1040.97 1041.03 1340.92 671 1340.92C300.969 1340.92 1 1040.97 1 670.962C1 300.952 300.969 1 671 1C1041.03 1 1341 300.952 1341 670.962ZM578.531 710.981L258.279 282.805H505.104L715.056 563.509L974.896 282.805H1047.43L747.461 606.853L1085.74 1059.11H838.914L610.95 754.31L328.797 1059.11H256.261L578.531 710.981ZM478.337 336.226H364.946L865.668 1005.69H979.058L478.337 336.226Z" fill="black"/><path d="M258.279 282.805V282.305H257.281L257.879 283.105L258.279 282.805ZM578.531 710.981L578.898 711.32L579.181 711.015L578.931 710.681L578.531 710.981ZM505.104 282.805L505.505 282.506L505.355 282.305H505.104V282.805ZM715.056 563.509L714.656 563.809L715.015 564.289L715.423 563.849L715.056 563.509ZM974.896 282.805V282.305H974.678L974.529 282.466L974.896 282.805ZM1047.43 282.805L1047.8 283.145L1048.58 282.305H1047.43V282.805ZM747.461 606.853L747.094 606.513L746.811 606.819L747.061 607.152L747.461 606.853ZM1085.74 1059.11V1059.61H1086.74L1086.14 1058.81L1085.74 1059.11ZM838.914 1059.11L838.514 1059.41L838.664 1059.61H838.914V1059.11ZM610.95 754.31L611.351 754.011L610.991 753.53L610.583 753.971L610.95 754.31ZM328.797 1059.11V1059.61H329.015L329.163 1059.45L328.797 1059.11ZM256.261 1059.11L255.894 1058.77L255.116 1059.61H256.261V1059.11ZM364.946 336.226V335.726H363.948L364.546 336.526L364.946 336.226ZM478.337 336.226L478.737 335.927L478.587 335.726H478.337V336.226ZM865.668 1005.69L865.268 1005.99L865.418 1006.19H865.668V1005.69ZM979.058 1005.69V1006.19H980.057L979.459 1005.39L979.058 1005.69ZM671 1341.42C1041.31 1341.42 1341.5 1041.25 1341.5 670.962H1340.5C1340.5 1040.69 1040.75 1340.42 671 1340.42V1341.42ZM0.5 670.962C0.5 1041.25 300.693 1341.42 671 1341.42V1340.42C301.245 1340.42 1.5 1040.69 1.5 670.962H0.5ZM671 0.5C300.693 0.5 0.5 300.676 0.5 670.962H1.5C1.5 301.228 301.245 1.5 671 1.5V0.5ZM1341.5 670.962C1341.5 300.676 1041.31 0.5 671 0.5V1.5C1040.75 1.5 1340.5 301.228 1340.5 670.962H1341.5ZM257.879 283.105L578.131 711.28L578.931 710.681L258.679 282.506L257.879 283.105ZM505.104 282.305H258.279V283.305H505.104V282.305ZM715.456 563.21L505.505 282.506L504.704 283.105L714.656 563.809L715.456 563.21ZM974.529 282.466L714.689 563.17L715.423 563.849L975.263 283.145L974.529 282.466ZM1047.43 282.305H974.896V283.305H1047.43V282.305ZM747.828 607.192L1047.8 283.145L1047.07 282.466L747.094 606.513L747.828 607.192ZM1086.14 1058.81L747.862 606.553L747.061 607.152L1085.34 1059.41L1086.14 1058.81ZM838.914 1059.61H1085.74V1058.61H838.914V1059.61ZM610.55 754.61L838.514 1059.41L839.315 1058.81L611.351 754.011L610.55 754.61ZM329.163 1059.45L611.317 754.65L610.583 753.971L328.43 1058.77L329.163 1059.45ZM256.261 1059.61H328.797V1058.61H256.261V1059.61ZM578.164 710.641L255.894 1058.77L256.628 1059.45L578.898 711.32L578.164 710.641ZM364.946 336.726H478.337V335.726H364.946V336.726ZM866.068 1005.39L365.347 335.927L364.546 336.526L865.268 1005.99L866.068 1005.39ZM979.058 1005.19H865.668V1006.19H979.058V1005.19ZM477.936 336.526L978.658 1005.99L979.459 1005.39L478.737 335.927L477.936 336.526Z" fill="white"/></svg> </a> 9348 9349 <a title="Instagram" class="" target="_blank" href="https://www.instagram.com/albertsjewelers/" style="order: 3"> 9350 <svg role="img" aria-label="Instagram" viewBox="0 0 448 512"><path class="path_class" d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"/></svg> </a> 9351 9352 <a title="Youtube" class="" target="_blank" href="https://www.youtube.com/channel/UC
9352Q4ouMJM2mY7apgDZpzNWow" style="order: 4"> 9353 <svg role="img" aria-label="Youtube" viewBox="0 0 576 512"><path class="path_class" d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"/></svg> </a> 9354 9355 <a title="Pinterest" class="" target="_blank" href="https://www.pinterest.com/albertsjewelers/" style="order: 5"> 9356 <svg role="img" aria-label="Pinterest" viewBox="0 0 496 512"><path class="path_class" d="M496 256c0 137-111 248-248 248-25.6 0-50.2-3.9-73.4-11.1 10.1-16.5 25.2-43.5 30.8-65 3-11.6 15.4-59 15.4-59 8.1 15.4 31.7 28.5 56.8 28.5 74.8 0 128.7-68.8 128.7-154.3 0-81.9-66.9-143.2-152.9-143.2-107 0-163.9 71.8-163.9 150.1 0 36.4 19.4 81.7 50.3 96.1 4.7 2.2 7.2 1.2 8.3-3.3.8-3.4 5-20.3 6.9-28.1.6-2.5.3-4.7-1.7-7.1-10.1-12.5-18.3-35.3-18.3-56.6 0-54.7 41.4-107.6 112-107.6 60.9 0 103.6 41.5 103.6 100.9 0 67.1-33.9 113.6-78 113.6-24.3 0-42.6-20.1-36.7-44.8 7-29.5 20.5-61.3 20.5-82.6 0-19-10.2-34.9-31.4-34.9-24.9 0-44.9 25.7-44.9 60.2 0 22 7.4 36.8 7.4 36.8s-24.5 103.8-29 123.2c-5 21.4-3 51.6-.9 71.2C65.4 450.9 0 361.1 0 256 0 119 111 8 248 8s248 111 248 248z"/></svg> </a> 9357 9358 <a title="Yelp" class="" target="_blank" href="https://www.yelp.com/biz/alberts-diamond-jewelers-schererville-4" style="order: 6"> 9359 <svg role="img" aria-label="Yelp" viewBox="0 0 384 512"><path class="path_class" d="M42.9 240.32l99.62 48.61c19.2 9.4 16.2 37.51-4.5 42.71L30.5 358.45a22.79 22.79 0 0 1-28.21-19.6 197.16 197.16 0 0 1 9-85.32 22.8 22.8 0 0 1 31.61-13.21zm44 239.25a199.45 199.45 0 0 0 79.42 32.11A22.78 22.78 0 0 0 192.94 490l3.9-110.82c.7-21.3-25.5-31.91-39.81-16.1l-74.21 82.4a22.82 22.82 0 0 0 4.09 34.09zm145.34-109.92l58.81 94a22.93 22.93 0 0 0 34 5.5 198.36 198.36 0 0 0 52.71-67.61A23 23 0 0 0 364.17 370l-105.42-34.26c-20.31-6.5-37.81 15.8-26.51 33.91zm148.33-132.23a197.44 197.44 0 0 0-50.41-69.31 22.85 22.85 0 0 0-34 4.4l-62 91.92c-11.9 17.7 4.7 40.61 25.2 34.71L366 268.63a23 23 0 0 0 14.61-31.21zM62.11 30.18a22.86 22.86 0 0 0-9.9 32l104.12 180.44c11.7 20.2 42.61 11.9 42.61-11.4V22.88a22.67 22.67 0 0 0-24.5-22.8 320.37 320.37 0 0 0-112.33 30.1z"/></svg> </a> 9360 9361 9362 9363 9364 <a title="Tiktok" class="" target="_blank" href="https://www.tiktok.com/@albertsjewelers219" style="order: 9"> 9365 <svg class="path_class" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M448,209.91a210.06,210.06,0,0,1-122.77-39.25V349.38A162.55,162.55,0,1,1,185,188.31V278.2a74.62,74.62,0,1,0,52.23,71.18V0l88,0a121.18,121.18,0,0,0,1.86,22.17h0A122.18,122.18,0,0,0,381,102.39a121.43,121.43,0,0,0,67,20.14Z"/></svg> </a> 9366 9367 </div> 9368</div> 9369 9370<style> 9371 .footer_container_3>.flex_row_1>.flex_col_2>.flex_cell_1.social_icons { 9372 width:100%; justify-content: center; 9373 align-items:center; -webkit-align-items:center; } 9374 9375 .footer_container_3>.flex_row_1>.flex_col_2>.flex_cell_1.social_icons { 9376 height:100%; } 9377 9378 .footer_container_3>.flex_row_1>.flex_col_2>.flex_cell_1.social_icons>.flex_cell_content { 9379 display: flex; 9380 margin-top:25px; margin-bottom:25px; margin-left:px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 9381 9382 .footer_container_3>.flex_row_1>.flex_col_2>.flex_cell_1.social_icons a { 9383 display: flex; 9384 align-items: center; 9385 color:#ffffff; font-weight:400; font-style:normal; margin-left: 6px; 9386 margin-right: 6px; 9387 font-size:16px;font-family:ITC Avant Garde; text-transform:none; } 9388 9389 .footer_container_3>.flex_row_1>.flex_col_2>.flex_cell_1.social_icons a svg{ 9390 margin-right: 5px; 9391 width:15px; height:15px; } 9392 9393 .footer_container_3>.flex_row_1>.flex_col_2>.flex_cell_1.social_icons a .path_class { 9394 fill: currentColor; 9395 } 9396 9397 9398 .footer_container_3>.flex_row_1>.flex_col_2>.flex_cell_1.social_icons a:hover { 9399 color:#ffffff; } 9400</style> 9401 9402 </div> 9403 9404 <style> 9405 .footer_container_3 .flex_row_1 .flex_col_2 { 9406 width:90%; } 9407 </style> 9408 9409 9410 9411 <div class="flex_col flex_col_3"> 9412 9413 9414 </div> 9415 9416 <style> 9417 .footer_container_3 .flex_row_1 .flex_col_3 { 9418 width:5%; } 9419 </style> 9420 9421 9422 9423 </div> 9424 9425 9426 <style> 9427 .footer_container_3 .flex_row_1 { 9428 background-color: #122d57; 9429 color:#000000; height:50; 9430 } 9431 </style> 9432 9433 9434 9435 9436 9437 9438 <div class="flex_row flex_row_2"> 9439 9440 9441 <div class="flex_col flex_col_1"> 9442 9443 9444 </div> 9445 9446 <style> 9447 .footer_container_3 .flex_row_2 .flex_col_1 { 9448 width:5%; } 9449 </style> 9450 9451 9452 9453 <div class="flex_col flex_col_2"> 9454 9455 <div class="flex_cell flex_cell_1 custom_code"> 9456 <div class="flex_cell_content"> 9457 <div> 9458<table border="0" class="ftbl"> 9459<tbody> 9460<tr class="tr1"> 9461<td class="td1"> 9462<div class="right-side"> 9463<div class="col1"> 9464<div id="fclm1img"><img alt="Albert's Logo" title="Albert's Logo" src="/public/1.0/uploads/source/alberts-logo-footer-1.png" width="200" height="200" style="max-width: 100%; object-fit: cover; height: 100% !important;" /></div> 9465</div> 9466<div class="col2"> 9467<h5 style="color: #fff; font-family: 'ITC Avant Garde';">Visit our showroom</h5> 9468<p>711 Main St. Schererville, Indiana 46375</p> 9469<p><a style="color: #fff; font-size: 14px;" href="https://www.google.com/maps/place/Albert's+Diamond+Jewelers/@41.5223006,-87.4714827,17z/data=!3m1!4b1!4m6!3m5!1s0x8811e13019bb206d:0xb4de08229baafd1d!8m2!3d41.5222966!4d-87.469294!16s%2Fg%2F1tk688rc" title="Get Directions">Get Directions</a></p> 9470</div> 9471</div> 9472</td> 9473<td class="td2"> 9474<div class="left-side"> 9475<div class="col1"><span style="font-size: 10pt;"><strong>Regular Hours<br /><br /></strong></span> 9476<p>Mon-Sat: 11am â 6pm</p> 9477<p>Sunday: Closed</p> 9478<p></p> 9479</div> 9480<div class="col2"> 9481<h5 style="font-family: 'ITC Avant Garde'; color: #fff;">Store Contacts</h5> 9482<a style="color: #fff; font-size: 14px; display: block; line-height: 18px;" href="tel:219-322-2700" title="phone">Call: 219-322-2700</a><a style="color: #fff; font-size: 14px; display: block; line-height: 18px;" href="sms:219-322-2700" title="sms">Text: 219-322-2700</a> <a style="color: #fff; font-size: 14px; display: block; line-height: 18px;" href="/cdn-cgi/l/email-protection#5b363a29303e2f32353c1b3a37393e292f28313e2c3e373e292875383436" title="mail"><span class="__cf_email__" data-cfemail="dfb2beadb4baabb6b1b89fbeb3bdbaadabacb5baa8bab3baadacf1bcb0b2">[email protected]</span></a></div> 9483</div> 9484</td> 9485</tr> 9486<tr class="tr2" style="padding-bottom: 53px;"> 9487<td> 9488<div class="tr2right-side"> 9489<p class="tr2right-side-p2">Receive email updates on stuff youâll probably want to know about, including products, launches, and events. Unsubscribe anytime. Some exclusions apply.</p> 9490<a class="newsletter_btn" href="/newsletter-signup" title="Newsletter Signup" style="color: #ffffff; margin-top: 5px; font-weight: 400; font-style: normal; font-size: 14px; font-family: ITC Avant Garde; display: inline-flex; white-space: nowrap; align-items: center; padding: 10px 40px; justify-content: center; text-transform: none; border-radius: 0px; border: 1px solid #ffffff;"> Newsletter Signup <svg role="img" aria-label="Sign Up" version="1.1" id="Layer_1" x="0px" y="0px" width="38px" height="20px" viewbox="0 0 38 20" enable-background="new 0 0 38 20" xml:space="preserve" style="height: 16px; margin-left: 6px; fill: currentColor;"> <g> <path d="M37.6,14.35l-0.081-0.492L29.693,9.59l-1.213,1.232c-0.479,0.487-1.162,0.823-1.926,0.948
9491 c-0.762,0.123-1.516,0.021-2.125-0.289l-1.541-0.785l-6.068,6.533l0.081,0.49c0.087,0.537,0.636,0.896,1.225,0.8l18.564-3.023 9492 C37.278,15.4,37.687,14.886,37.6,14.35z"></path> <path d="M14.961,5.812l9.812,4.997c0.933,0.475,2.435,0.232,3.167-0.516l7.72-7.851L35.571,1.9 9493 c-0.087-0.537-0.637-0.896-1.227-0.8L15.782,4.124c-0.589,0.096-0.996,0.61-0.908,1.147L14.961,5.812z"></path> <polygon points="37.365,12.915 35.811,3.366 30.242,9.03 "></polygon> <polygon points="15.112,6.736 6.674,8.11 6.807,8.928 15.246,7.555 16.577,15.73 16.667,16.285 22.189,10.34 "></polygon> <rect x="8.114" y="9.012" transform="matrix(-0.1608 -0.987 0.987 -0.1608 -7.0682 28.3718)" width="0.829" height="16.357"></rect> <rect x="4.268" y="12.036" transform="matrix(0.987 -0.1607 0.1607 0.987 -1.8696 1.7878)" width="11.697" height="0.83"></rect> </g> </svg> </a></div> 9494</td> 9495<td class="td3"> 9496<div class="tr2left-side"> 9497<div class="tr2col1" style="width: 100%;"><a href="/david-yurman" style="color: #fff;" title="David Yurman">David Yurman</a> <a href="/cartier-watches" style="color: #fff;" title="Cartier">Cartier </a> <a href="/verragio" style="color: #fff;" title="Verragio">Verragio </a></div> 9498<div class="tr2col2" style="width: 100%;"><a href="/roberto-coin" style="color: #fff;" title="Roberto Coin">Roberto Coin </a> <a href="/privacy-policy" style="color: #fff;" title="Privacy Policy">Privacy Policy</a><a href="/cookie-policy" style="color: #fff;" title="Cookie Policy">Cookie Policy </a></div> 9499<div class="tr2col3" style="width: 100%;"><a href="/return-policy" style="color: #fff;" title="Return Policy">Return Policy </a> <a href="/mobile-terms-of-service" style="color: #fff;" title="Mobile Terms of Service">Mobile Terms of Service</a><a style="color: #fff;"></a></div> 9500</div> 9501</td> 9502</tr> 9503</tbody> 9504</table> 9505</div> 9506<style> 9507@media (max-width:767.9px){ 9508 .ftbl{ 9509 color:#fff; 9510 font-family: 'ITC Avant Garde'; 9511 /*padding: 0 25px;*/ 9512padding-bottom:42px; 9513 } 9514.tr1{ 9515display: flex; 9516 flex-direction: column; 9517} 9518 .tr1 .left-side{ 9519 flex-direction: row; 9520 justify-content: flex-start; 9521padding-bottom: 0px; 9522} 9523 .tr1 .left-side .col1{ 9524 padding-top: 0px; 9525} 9526 .tr1 td{ 9527 padding-bottom: 98px; 9528 padding-top: 43px; 9529 } 9530.tr1 .td1{ 9531 padding-top: 42px; 9532 padding-bottom: 50px; 9533} 9534.tr1 .td2{ 9535padding-top: 0; 9536padding-bottom: 60px; 9537} 9538.tr3 { 9539 position: relative; 9540} 9541 .tr3 td{ 9542 padding-top: 76px; 9543padding-bottom: 43px; 9544 } 9545.tr3 .td3{ 9546padding-top: 65px; 9547 display: flex; 9548} 9549.tr3 . right-side{ 9550flex-direction: column; 9551} 9552.tr3col1{ 9553margin-right: 0; 9554 padding-bottom: 19.52px; 9555} 9556 .ftbl h5, 9557 .ftbl p{ 9558 margin:0; 9559 } 9560 .ftbl h5{ 9561 line-height: 25px; 9562 font-size: 27px; 9563 font-weight: 400; 9564 padding-bottom: 19px; 9565 } 9566 .ftbl .right-side p{ 9567 font-size: 14px; 9568 font-weight: 400; 9569 width: 235px; 9570 line-height: 18px; 9571 } 9572 .ftbl .left-side p{ 9573 font-size: 14px; 9574 font-weight: 400; 9575 line-height: 18px; 9576 } 9577 #fclm1img { 9578 width: 117px; 9579 height: 117px; 9580 background: #ccc; 9581 border-radius: 50%; 9582 display: flex; 9583 justify-content: center; 9584 align-items: center; 9585 overflow: hidden; 9586} 9587.td1{ 9588 padding-top: 0; 9589 display: flex; 9590} 9591.td2{ 9592 width:100%; 9593} 9594.right-side{ 9595 display: flex; 9596} 9597.left-side { 9598 display: flex; 9599 padding-bottom: 34px; 9600 flex-direction: column; 9601 justify-content: end; 9602} 9603.td1 .left-side{ 9604flex-direction: row; 9605 justify-content: normal; 9606 padding-bottom: 0; 9607} 9608.td1 .col1{ 9609padding-top: 0; 9610} 9611.tr1 .col1 p, 9612.tr1 .col2 p{ 9613 white-space: nowrap; 9614} 9615.left-side .col1, 9616.right-side .col1{ 9617 padding-right: 34px; 9618} 9619.left-side .col1{ 9620padding-bottom: 20px; 9621 padding-top: 26px; 9622} 9623.right-side .col2{ 9624 width: 100%; 9625 display: flex; 9626 flex-direction: column; 9627 justify-content: start; 9628 padding-top: 30px; 9629} 9630.left-side h5{ 9631 font-size: 14px; 9632 font-weight: 700; 9633 padding-bottom: 15px; 9634} 9635.right-side h5{ 9636white-space: nowrap; 9637} 9638.tr2{ 9639 display: flex; 9640 flex-direction: column; 9641} 9642.tr2right-side{ 9643 padding-bottom: 60px; 9644 padding-right: 0; 9645} 9646.tr2right-side input{ 9647 width: 595px; 9648width: 470px; 9649width:100%; 9650max-width:350px; 9651 height: 51px; 9652 background: transparent !important; 9653border:none; 9654border-bottom: 1px solid #fff !important; 9655 color: #fff; 9656 border-radius: 0px !important; 9657outline: none; 9658padding-left: 0 !important; 9659 text-indent:0px; 9660} 9661.tr2right-side input::placeholder { 9662 color: #fff; 9663 font-size: 14px; 9664 padding: 13px 19px 13px 0; 9665} 9666.tr2left-side{ 9667 display: flex; 9668 height: 106px; 9669} 9670.tr2col1,.tr2col2,.tr2col3{ 9671 display: flex; 9672 flex-direction: column; 9673 justify-content: space-between; 9674} 9675.tr2 .td3{ 9676display:flex; 9677} 9678.tr2col2 { 9679 padding-left: 60px; 9680 padding-right: 60px; 9681} 9682.tr2left-side a{ 9683 color:#fff; 9684 text-decoration: none; 9685} 9686.tr2right-side-p2{ 9687 font-size: 14px; 9688 font-weight: 400; 9689 padding: 10px 0 40px 0; 9690padding: 10px 0 0px 0; 9691} 9692 9693.tr3col1{ 9694 margin-right:33px; 9695} 9696.tr3col2{ 9697 display: flex; 9698 flex-direction: column; 9699 justify-content: end; 9700} 9701.tr3td3{ 9702 padding-top: 76px; 9703 display: flex; 9704 flex-direction: column; 9705 justify-content: end;
9706 align-items: end; 9707 position: absolute; 9708 bottom: 0; 9709 right: 0; 9710} 9711#tr3col1imbl{ 9712 max-width: 165px; 9713 display: flex; 9714 overflow: hidden; 9715} 9716#tr3col1imbl img{ 9717 object-fit: cover; 9718} 9719.tr3td3 a{ 9720 color: #fff; 9721 text-decoration: none; 9722 font-size: 14px; 9723 text-align: right; 9724} 9725.ftbl .tr3col2 p{ 9726 width:100%; 9727} 9728.tr3col2p1{ 9729line-height: 14px; 9730 padding-bottom: 10px; 9731} 9732.tr3right-side .right-side{ 9733 flex-direction: column; 9734} 9735} 9736@media (max-width: 840px) { 9737 .right-side h5 { 9738 white-space: wrap; 9739 } 9740 .ftbl .right-side p { 9741 width: 100%; 9742white-space: wrap; 9743 } 9744} 9745@media (max-width:432px){ 9746.right-side{ 9747flex-direction: column; 9748} 9749.tr1 .left-side{ 9750flex-direction: column; 9751} 9752.tr2left-side{ 9753flex-direction: column; 9754 height: auto; 9755} 9756 .tr2col2{ 9757padding: 20px 0; 9758} 9759} 9760</style> </div> 9761</div> 9762 9763<style> 9764 .footer_container_3>.flex_row_2>.flex_col_2>.flex_cell_1.custom_code { 9765 width:100%; } 9766 9767 .footer_container_3>.flex_row_2>.flex_col_2>.flex_cell_1.custom_code { 9768 } 9769 9770 .footer_container_3>.flex_row_2>.flex_col_2>.flex_cell_1.custom_code>.flex_cell_content { 9771 width: 100%; 9772 height: 100%; 9773 } 9774</style> 9775 </div> 9776 9777 <style> 9778 .footer_container_3 .flex_row_2 .flex_col_2 { 9779 width:90%; } 9780 </style> 9781 9782 9783 9784 <div class="flex_col flex_col_3"> 9785 9786 9787 </div> 9788 9789 <style> 9790 .footer_container_3 .flex_row_2 .flex_col_3 { 9791 width:5%; } 9792 </style> 9793 9794 9795 9796 </div> 9797 9798 9799 <style> 9800 .footer_container_3 .flex_row_2 { 9801 background-color: #122d57; 9802 color:#000000; height:auto; 9803 } 9804 </style> 9805 9806 9807 9808 9809 </div> 9810 <style> 9811 .footer_container .flex_row { 9812 display: flex; 9813 } 9814 .footer_container_3 { 9815 width:100%; 9816 max-width:100%; 9817 margin: 0 auto; 9818 } 9819 .footer_container .flex_row .flex_col{ 9820 display: flex; 9821 flex-wrap: wrap; 9822 box-sizing: border-box; 9823 align-content: baseline; 9824 } 9825 .footer_container .flex_row .flex_col .flex_cell{ 9826 height: fit-content; 9827 display: flex; 9828 } 9829 .footer_container .flex_row .flex_col .flex_cell a{ 9830 text-decoration: none; 9831 } 9832 .footer_container img { 9833 max-width: 100%; 9834 } 9835 </style> 9836 9837 9838</footer>
vendor: 110 bytes, lines 9838-9840
9838 9839 9840<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
9840<script> 9841 $(window).on('load', function() { 9842 $(window).scroll(function() { 9843 if(!$("#acsb-widget-get").length){ 9844 //var topOffset = $(window).scrollTop(); 9845 //if (topOffset > 10) { 9846 9847 var s = document.createElement('script'),e = ! document.body ? document.querySelector('head') : document.body; 9848 s.src = 'https://acsbapp.com/apps/app/assets/js/acsb.js'; 9849 s.async = s.defer = true; 9850 s.onload = function(){ 9851 acsbJS.init({ 9852 statementLink : '', 9853 feedbackLink : '', 9854 footerHtml : 'Powered by i-Showcase', 9855 hideMobile : false, 9856 hideTrigger : false, 9857 language : 'en', 9858 position : 'left', 9859 leadColor : '#146ff8', 9860 triggerColor : '#146ff8', 9861 triggerRadius : '50%', 9862 triggerPositionX : 'left', 9863 triggerPositionY : 'bottom', 9864 triggerIcon : 'default', 9865 triggerSize : 'medium', 9866 triggerOffsetX : 16, 9867 triggerOffsetY : 74, 9868 mobile : {triggerSize : 'small',triggerPositionX : 'left',triggerPositionY : 'center',triggerOffsetX : 0,triggerOffsetY : 0,triggerRadius : '0'}});};e.appendChild(s); 9869 9870 // } 9871 } 9872 }); 9873 }); 9874 9875</script>
9875<!-- Start cookieyes banner -->
9876<script id="cookieyes" type="text/javascript" data-type="lazy" data-src="https://cdn-cookieyes.com/client_data/23bc58b93990ccdd481bb0ce/script.js"></script>
9876 9877<!-- End cookieyes banner --><style> 9878 .header_container_1>.flex_row_3>.flex_col_5 { justify-content: flex-end; } 9879 .header_container_3>.flex_row_2>.flex_col_1>.flex_cell_1.menu { 9880 justify-content: center; 9881 align-items: center !important; 9882 } 9883</style>
9883<script> 9884(function () { 9885 let loaded = false; 9886 9887 function loadPodium() { 9888 if (loaded) return; 9889 loaded = true; 9890 9891 const script = document.createElement('script'); 9892 script.src = 'https://connect.podium.com/widget.js#ORG_TOKEN=062deac6-6423-4fed-963a-b9bbdf7c689d'; 9893 script.defer = true; 9894 script.id = 'podium-widget'; 9895 script.setAttribute( 9896 'data-organization-api-token', 9897 '062deac6-6423-4fed-963a-b9bbdf7c689d' 9898 ); 9899 9900 document.body.appendChild(script); 9901 9902 window.removeEventListener('scroll', onScroll); 9903 } 9904 9905 function onScroll() { 9906 if (window.scrollY > 0) { 9907 loadPodium(); 9908 } 9909 } 9910 9911 window.addEventListener('scroll', onScroll, { passive: true }); 9912})(); 9913</script>
vendor: 1 bytes, line 9913
9913
9914<script src="/skeleton/1.0/view/js/focus-trap.js?v=2.1"></script>
9914<script src="/skeleton/1.0/view/js/focus-trap_dist.js?v=2.1"></script>
9914<script src="/skeleton/1.0/view/js/min/fr_act.js?v=1.3"></script>
vendor: 1 bytes, line 9914
9914
9915<script> if (typeof gtag != "undefined") { $(document).on("click", "a.phone_number_click", function(){ gtag("event", "phone_number_click");}); }</script>
9915<script> if (typeof gtag != "undefined") { $(document).on("click", "a.get_directions_click", function(){ gtag("event", "get_directions_click");}); }</script>
9915<script> if (typeof gtag != "undefined") { $(document).on("click", "a.email_click", function(){ gtag("event", "email_click");}); }</script>
9915<script> if (typeof gtag != "undefined") { $(document).on("click", "a.text_message_click", function(){ gtag("event", "text_message_click");}); }</script>
9915<script> 9916 (function () { 9917 function ga4Click(eventName, params) { 9918 if (typeof gtag != "undefined") { gtag("event", eventName, params || {}); } 9919 } 9920 9921 $(document).on("click", ".get-location, .use-my-location", function () { 9922 ga4Click("usemylocation_click"); 9923 }); 9924 9925 $(document).on("click", ".select-store", function () { 9926 ga4Click("shopthisstore_click", {StoreID: $(this).data("store") || ""}); 9927 }); 9928 9929 $(document).on("click", "#search-by-zip button", function () { 9930 var zip = $("#search-by-zip input").val() || ""; 9931 if (zip.trim()) { ga4Click("searchlocationbyzip", {ZipCode: zip.trim()}); } 9932 }); 9933 $(document).on("submit", "#zipcode-form", function () { 9934 var zip = $(this).find("input[name=zipcode]").val() || ""; 9935 if (zip.trim()) { ga4Click("searchlocationbyzip", {ZipCode: zip.trim()}); } 9936 }); 9937 9938 // Anything clickable inside the popup except its own close control 9939 $(document).on("click", ".popup-container a, .popup-container button", function () { 9940 if ($(this).closest(".close, .popup-close, [data-dismiss]").length) { return; } 9941 ga4Click("popup_click", {LinkText: ($(this).text() || "").trim().slice(0, 100)}); 9942 }); 9943 9944 // Opening a chat widget (Podium / Clientbook) is as close as we get to a 9945 // conversation starting â what happens inside the widget is not visible to us. 9946 var ga4ChatStarted = false; 9947 $(document).on("click", "#wlbkwc_messageButton, #clbkwc_chat_id, #podium-website-widget", function () { 9948 if (ga4ChatStarted) { return; } 9949 ga4ChatStarted = true; 9950 ga4Click("conversation_started"); 9951 }); 9952 })(); 9953 </script>
vendor: 1 bytes, line 9953
9953
9954<script type="text/javascript" async="" src="https://static.klaviyo.com/onsite/js/klaviyo.js?company_id=XbCCdn"></script>
vendor: 1 bytes, line 9954
9954
9955<script>window.KLAVIYO_AJAX_URL = "\/skeleton\/1.0\/view\/ws\/ajax_klaviyo.php";</script>
vendor: 1 bytes, line 9955
9955
9956<script type="text/javascript" src="/skeleton/1.0/view/js/klaviyo.js"></script>
9956 9957 9958 <style> 9959 .footer-bottom-outer { font-family: arial, helvetica, sans-serif; color: #343434; font-size: 8pt; display: flex; align-items: center; width: 80%; margin: auto; padding: 15px 0; justify-content: space-between; } 9960 .footer-bottom-inner-left { width: 67%; text-transform: uppercase; } 9961 .footer-bottom-inner-right { font-size: 10pt; width: 30%; display: flex; justify-content: end; } 9962 @media (max-width: 767px) { 9963 .footer-bottom-outer { display: block; text-align: center; font-weight: 700; } 9964 .footer-bottom-inner-left, .footer-bottom-inner-right { width: 100%; padding: 5px; display: block; } 9965 } 9966 </style> 9967 <div class="footer-bottom-outer"><div class="footer-bottom-inner-left"> 9968 COPYRIGHT © 2026 ALBERT'S DIAMOND JEWELERS. Jewelry website design by <a href="https://www.amptive.com/" target="_blank" title="Amptive"><u>Amptive</u></a>. Jewelry Website Platform by <a href="https://build.shop/" target="_blank" title="Build.Shop"><u>Build.Shop</u></a> | <a title="Site Map" href="/sitemap" class="general_style"><u>SITE MAP</u></a> 9969 </div>
9969<script>window.local_view_folder = '/skeleton/1.0/view';</script>
9969</div> 9970 9971</body> 9972</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.