1<!DOCTYPE html> 2<html lang="en-US"> 3<head> 4<title>Jewelry Store in Valparaiso, Schererville, Indiana & Chicago, IL - Albert's Diamond Jewelers</title> 5<meta name="title" content="Jewelry Store in Valparaiso, Schererville, Indiana & Chicago, IL - Albert's Diamond Jewelers"> 6<meta name="description" content="Shop fine jewelry, engagement rings, and custom designs at Albert's Diamond Jewelers serving Valparaiso, Schererville, IN, and Chicago, IL. Visit the website."> 7<link rel="canonical" href="https://www.albertsjewelers.com/"/> 8<meta name="keywords" content="Home | Albert's Diamond Jewelers"> 9 <meta charset="UTF-8"> 10 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=5"> 11 <link rel="icon" href="/favicon.ico?ver=1677702192" type="image/x-icon" /><link rel="shortcut icon" href="/favicon.ico?ver=1677702192" type="image/x-icon" /><meta name="robots" content="index,follow"><meta name="pinterest-rich-pin" content="false" /> 12 13<!--facebook share this starts--> 14<meta property="og:logo" content="https://www.albertsjewelers.com/public/1.0/uploads/source/website-header-logos---d.png"> 15<meta property="og:url" content="https://www.albertsjewelers.com/"> 16<meta property="og:type" content="website"> 17<meta property="og:title" content="Jewelry Store in Valparaiso, Schererville, Indiana & Chicago, IL - Albert's Diamond Jewelers"> 18<meta name="msapplication-TileImage" content="https://www.albertsjewelers.com/public/1.0/uploads/source/website-header-logos---d.png"> 19<meta property="og:image" content="https://www.albertsjewelers.com/public/1.0/uploads/source/website-header-logos---d.png"> 20<meta property="og:image:url" content="https://www.albertsjewelers.com/public/1.0/uploads/source/website-header-logos---d.png"> 21<meta property="og:image:width" content="600"> 22<meta property="og:image:height" content="314"> 23<meta property="og:image:alt" content="Jewelry Store in Valparaiso, Schererville, Indiana & Chicago, IL - Albert's Diamond Jewelers"> 24<!--facebook share this ends--> 25 26 27<!--twitter share this starts--> 28<meta name="twitter:title" content="Jewelry Store in Valparaiso, Schererville, Indiana & Chicago, IL - Albert's Diamond Jewelers"> 29<meta name="twitter:image" content="https://www.albertsjewelers.com/public/1.0/uploads/source/alberts-logo-footer-1.png"> 30<meta name="twitter:site" content="https://www.albertsjewelers.com/"> 31<!--twitter share this ends--> 32 33 <link rel="stylesheet" href="https://www.albertsjewelers.com/skeleton/1.0/view/css/scoped-bootstrap-4-6-0.min.css" /> 34 <link rel="stylesheet" href="https://www.albertsjewelers.com/includes/view/dashboard/assets/fancybox/jquery.fancybox.min.css"><link rel="stylesheet" href="https://www.albertsjewelers.com/includes/view/dashboard/assets/grape/stylesheets/new/tailwind.css"><link rel="stylesheet" type="text/css" href="/skeleton/1.0/view/css/shared.css?ver=1.4.8" /> 35
35<script>window.csrf_token = "1bd0984ea999f6b3038b1a5fdf4be7a42e2fa54f46682ee2b592999e8086fb02"</script>
35 36
36<script>window.scSession = Object.assign({"lifetimeMs":7200000,"expiresAt":1790771550000,"csrfToken":"1bd0984ea999f6b3038b1a5fdf4be7a42e2fa54f46682ee2b592999e8086fb02","scWsUrl":"https:\/\/www.albertsjewelers.com\/includes\/assets\/shopping_cart\/sc_ws_functions.php"}, window.scSession || {});</script>
36 37
37<script src="https://www.albertsjewelers.com/skeleton/1.0/view/lib/jquery/jquery.min.js"></script>
37 38
38<script src="https://www.albertsjewelers.com/skeleton/1.0/view/js/sc-session-manager.js?v=1789428253" defer></script>
38 39
39<script>window.formSubmitLogUrl = "https://www.albertsjewelers.com/skeleton/1.0/view/ws/ajax_interaction.php";</script>
39 40
40<script src="https://www.albertsjewelers.com/skeleton/1.0/view/js/form_submit_guard.js?v=1787273671" defer></script>
40 41
41<script data-type="lazy" data-src="https://www.albertsjewelers.com/includes/view/dashboard/assets/grape/js/new/iconify.js"></script>
41<script data-type="lazy" data-src="https://www.albertsjewelers.com/includes/view/dashboard/assets/grape/js/new/iconify.js"></script>
vendor: 60 bytes, line 41
41<script src="https://www.google.com/recaptcha/api.js?render=
416Le0_CEiAAAAAO2SprdEh3a5J5OGgtavg30c0ya7
vendor: 28 bytes, line 41
41&badge=bottomleft"></script>
41<script src="/skeleton/1.0/view/js/firstImageCarousel.js?v=2.6" crossorigin="anonymous"></script>
41<script data-type="lazy" data-src="/includes/view/dashboard/assets/grape/js/new/CarouselSettings.js?v=2.5" crossorigin="anonymous"></script>
41<script src="https://www.albertsjewelers.com/includes/view/dashboard/assets/fancybox/jquery.fancybox.min.js" defer></script>
41<script src="/skeleton/1.0/view/js/10.js?v=1787273671"></script>
41<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700;800;900&display=swap"><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap"><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Baskervville:ital,wght@0,400..700;1,400..700&display=swap"><link rel="stylesheet" href="https://www.albertsjewelers.com/public/1.0/fonts/68/font.css"><link rel="stylesheet" href="https://www.albertsjewelers.com/public/1.0/fonts/69/font.css"> 42 <!--Scripts Here--> 43
43<script>window.iShowGlobals = { 44 'NO_IMAGE_URL':'', 45 'SITE_LABELS': '', 46 'PHONE_REGEX':/^[\+]?([\d\-\(\). ]){3}.{4,18}$/, 47 'EMAIL_REGEX':/^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/, 48 'RETAILER_FOLDER_NAME':'skeleton', 'SHOW_RAPNET_ID':'0','MAIN_PHONE':'219-322-2700','USE_LOCAL_DIAMOND_PATH':'' , 'GOOGLE_ANALYTICS_4_TAG':'1' 49 }; 50 </script>
50<script src="/skeleton/1.0/view/js/shared.js?ver=2.4.5" defer></script>
50<style> 51 @import url('https://fonts.googleapis.com/css2?family=Exo:ital,wght@0,300;0,400;0,500;1,400&display=swap'); 52 @import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap'); 53 @font-face { 54 font-family: futura std; 55 font-style: normal; 56 font-weight: 400; 57 font-display: swap; 58 src: local("Futura Std"), 59 url(https://fonts.cdnfonts.com/s/30938/FuturaStdBook.woff) format("woff"); 60} 61@font-face { 62 font-family: futura std; 63 font-style: italic; 64 font-weight: 400; 65 font-display: swap; 66 src: local("Futura Std"), 67 url(https://fonts.cdnfonts.com/s/30938/FuturaStdBookOblique.woff) 68 format("woff"); 69} 70@font-face { 71 font-family: futura std; 72 font-style: normal; 73 font-weight: 300; 74 font-display: swap; 75 src: local("Futura Std"), 76 url(https://fonts.cdnfonts.com/s/30938/FuturaStdCondensedLight.woff) 77 format("woff"); 78} 79@font-face { 80 font-family: futura std; 81 font-style: italic; 82 font-weight: 300; 83 font-display: swap; 84 src: local("Futura Std"), 85 url(https://fonts.cdnfonts.com/s/30938/FuturaStdCondensedLightObl.woff) 86 format("woff"); 87} 88@font-face { 89 font-family: futura std; 90 font-style: italic; 91 font-weight: 300; 92 font-display: swap; 93 src: local("Futura Std"), 94 url(https://fonts.cdnfonts.com/s/30938/FuturaStdLightOblique.woff) 95 format("woff"); 96} 97@font-face { 98 font-family: futura std; 99 font-style: normal; 100 font-weight: 500; 101 font-display: swap; 102 src: local("Futura Std"), 103 url(https://fonts.cdnfonts.com/s/30938/FuturaStdCondensed.woff) 104 format("woff"); 105} 106@font-face { 107 font-family: futura std; 108 font-style: italic; 109 font-weight: 500; 110 font-display: swap; 111 src: local("Futura Std"), 112 url(https://fonts.cdnfonts.com/s/30938/FuturaStdCondensedOblique.woff) 113 format("woff"); 114} 115@font-face { 116 font-family: futura std; 117 font-style: normal; 118 font-weight: 650; 119 font-display: swap; 120 src: local("Futura Std"), 121 url(https://fonts.cdnfonts.com/s/30938/FuturaStdHeavy.woff) format("woff"); 122} 123@font-face { 124 font-family: futura std; 125 font-style: normal; 126 font-weight: 700; 127 font-display: swap; 128 src: local("Futura Std"), 129 url(https://fonts.cdnfonts.com/s/30938/FuturaStdBold.woff) format("woff"); 130} 131 132 body{ 133 font-family: 'Exo', sans-serif; 134 font-size: 16px; 135 line-height: 1.5; 136 color:#000; 137 } 138 139 h1,h2,h3,h4,h5,h6{ 140 font-family: 'Futura Std', sans-serif; 141 color: #555; 142 text-transform: uppercase; 143 font-family: 'Futura Std Light'; 144 font-weight: 300; 145 } 146 147 h1{ 148 font-size:30px; 149 } 150 .main_page_container p { 151 padding: 0 0 20px; 152 margin: 0; 153} 154 155h2 { 156 margin-bottom: 0; 157 padding-bottom: 10px; 158 padding-top: 0; 159 margin-top: 0; 160} 161 a{ 162 /*color: #222;*/ 163 color: #08c; 164 text-decoration: none; 165 } 166 167 168</style> <meta name="ahrefs-site-verification" content="32281f1e620acdf49662ab58f3103703369f3f0685171c59bc73f7aa27c73e91"><!-- Google tag (gtag.js) -->
vendor: 76 bytes, lines 168-169
168 169 <script async src="https://www.googletagmanager.com/gtag/js?id=
169AW-657571256
vendor: 24 bytes, lines 169-170
169"></script> 170
170<script> 171
vendor: 166 bytes, lines 171-174
171window.dataLayer = window.dataLayer || []; 172 function gtag(){dataLayer.push(arguments);} 173 gtag('js', new Date()); 174 gtag('config', '
174AW-657571256
vendor: 42 bytes, lines 174-175
174', { 'anonymize_ip': true }); 175
175</script>
175 <!-- Facebook Pixel Code -->
175<script>!function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;t.setAttribute('data-type','lazy');t.setAttribute('data-src',v);s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,document,'script','https://connect.facebook.net/en_US/fbevents.js');fbq('init', '291926815139821');fbq('track', 'PageView');</script>
175<noscript><img height='1' width='1' style='display:none'src='https://www.facebook.com/tr?id=291926815139821&ev=PageView&noscript=1' alt='facebook pixel' title='facebook pixel'/></noscript><!-- End Facebook Pixel Code --> 176 <!-- Start Google Tag Manager --> 177
177<script> 178 window.addEventListener('load', function() {
vendor: 607 bytes, lines 178-189
178 179 (function (w, d, s, l, i) { 180 w[l] = w[l] || []; 181 w[l].push({'gtm.start': 182 new Date().getTime(), event: 'gtm.js'}); 183 var f = d.getElementsByTagName(s)[0], 184 j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; 185 j.async = true; 186 j.src = 187 '//www.googletagmanager.com/gtm.js?id=' + i + dl; 188 f.parentNode.insertBefore(j, f); 189 })(window, document, 'script', 'dataLayer', '
189GTM-NKMV8Q
vendor: 16 bytes, lines 189-190
189'); 190
190}); 191 </script>
191 192 <!-- End Google Tag Manager --> 193 <!-- Start Google Analytics 4 tags -->
vendor: 80 bytes, lines 193-194
193 194 <script async src="https://www.googletagmanager.com/gtag/js?id=
194G-222X86BSF7
vendor: 28 bytes, lines 194-195
194"></script> 195
195<script> 196
vendor: 184 bytes, lines 196-199
196window.dataLayer = window.dataLayer || []; 197 function gtag(){dataLayer.push(arguments);} 198 gtag("js", new Date()); 199 gtag("config", "
199G-222X86BSF7
vendor: 23 bytes, lines 199-200
199"); 200
200window.gtag = function() { 201 dataLayer.push(arguments); 202 } 203 </script>
203 204 <!-- End Google Analytics 4 tags --> <!-- Facebook Pixel Code -->
204<script>!function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;t.setAttribute('data-type','lazy');t.setAttribute('data-src',v);s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,document,'script','https://connect.facebook.net/en_US/fbevents.js');fbq('init', '1671823847490448');fbq('track', 'PageView');</script>
204<noscript><img height='1' width='1' style='display:none'src='https://www.facebook.com/tr?id=1671823847490448&ev=PageView&noscript=1' alt='facebook pixel' title='facebook pixel'/></noscript><!-- End Facebook Pixel Code --><!-- Begin TVSquared Page Visits Tracking Code -->
205<script type="text/javascript"> 206 var _tvq = window._tvq = window._tvq || []; 207 (function() { 208 var u = (("https:" == document.location.protocol) ? 209 "https://collector-55896.us.tvsquared.com/" 210 : 211 "http://collector-55896.us.tvsquared.com/"); 212 _tvq.push(['setSiteId', "TV-4545180936-1"]); 213 _tvq.push(['setTrackerUrl', u + 'tv2track.php']); 214 _tvq.push([function() { 215 this.deleteCustomVariable(5, 'page') 216 }]); 217 _tvq.push(['trackPageView']); 218 var d = document, 219 g = d.createElement('script'), 220 s = d.getElementsByTagName('script')[0]; 221 g.type = 'text/javascript'; 222 g.defer = true; 223 g.async = true; 224 g.src = u + 'tv2track.js'; 225 s.parentNode.insertBefore(g, s); 226 })(); 227</script>
227 228<!-- End TVSquared Tracking Code -->
229<script> 230(function () { 231 function hookFbq() { 232 var n = window.fbq; 233 if (!n || n.__evtHook) { return; } 234 function w() { 235 try { 236 if (arguments[0] === 'track' || arguments[0] === 'trackCustom') { 237 (w.__fired = w.__fired || {})[arguments[1]] = (new Date()).getTime(); 238 } 239 } catch (e) {} 240 w.callMethod ? w.callMethod.apply(w, arguments) : w.queue.push(arguments); 241 } 242 w.__evtHook = true; 243 w.__fired = {}; 244 w.callMethod = n.callMethod; 245 w.queue = n.queue || []; 246 w.push = w; 247 w.loaded = !!n.loaded; 248 w.version = n.version || '2.0'; 249 window.fbq = w; 250 if (window._fbq === n) { window._fbq = w; } 251 } 252 hookFbq(); 253 254 function firedSince(evt, ts) { 255 return typeof fbq === 'function' && fbq.__fired && fbq.__fired[evt] && fbq.__fired[evt] >= ts; 256 } 257 258 // Also reaches CAPI: these fallbacks never touch the backend on their own otherwise. The server 259 // copy goes out even when fbq is missing â a blocked pixel is exactly when CAPI has to carry it. 260 function fireEvent(evt) { 261 var eventId = (window.crypto && crypto.randomUUID) ? crypto.randomUUID() : (Date.now() + '_' + Math.random().toString(36).slice(2)); 262 if (typeof fbq === 'function') { fbq('track', evt, {}, {eventID: eventId}); } 263 if (!false) { return; } 264 try { 265 fetch('https://www.albertsjewelers.com/skeleton/1.0/view/ws/ajax_meta_capi.php', { 266 method: 'POST', 267 headers: {'Content-Type': 'application/x-www-form-urlencoded'}, 268 body: 'event=' + encodeURIComponent(evt) + '&event_id=' + encodeURIComponent(eventId), 269 keepalive: true 270 }); 271 } catch (e) {} 272 } 273 274 // tel:/mailto: wait ~1.5s if not onclick fired the event - fire this one 275 document.addEventListener('click', function (e) { 276 if (!e.target || !e.target.closest) { return; } 277 var t = e.target.closest('a[href^="tel:"], a[href^="mailto:"]'); 278 if (!t) { return; } 279 hookFbq(); 280 var evt = 'Contact'; 281 var ts = (new Date()).getTime(); 282 setTimeout(function () { 283 if (!firedSince(evt, ts)) { fireEvent(evt); } 284 }, 1500); 285 }, true); 286 287 // conversation_started -> Contact. Podium and Clientbook both render their launcher into the 288 // page's own DOM, so a delegated click reaches it. What happens inside the widget is invisible 289 // to us, so opening the chat is what counts â once per page view, or reopening it would re-fire. 290 var chatContacted = false; 291 document.addEventListener('click', function (e) { 292 if (chatContacted || !e.target || !e.target.closest) { return; } 293 if (!e.target.closest('#wlbkwc_messageButton, #clbkwc_chat_id, #podium-website-widget')) { return; } 294 chatContacted = true; 295 hookFbq(); 296 fireEvent('Contact'); 297 }, true); 298 299 // Search box event: only when the server-side Search on the keyword-search page is not running 300 if (true) { 301 document.addEventListener('submit', function (e) { 302 if (!e.target || !e.target.closest) { return; } 303 var f = e.target.closest('form.sform, #search-box-form'); 304 if (!f) { return; } 305 // The magnifier is a submit button, so it submits an empty box too â that is not a search 306 var q = f.querySelector('input[name=search]'); 307 if (!q || !q.value.trim()) { return; } 308 hookFbq(); 309 if (!firedSince('Search', (new Date()).getTime() - 1500)) { fireEvent('Search'); } 310 }, false); 311 } 312})(); 313</script>
313 314
314<script>
vendor: 410 bytes, lines 314-319
314 315 (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ 316 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), 317 m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) 318 })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); 319 ga('create', '
319UA-45370095-1
vendor: 44 bytes, lines 319-320
319', 'auto', 'googleAnalytics0'); 320
320ga('set', 'anonymizeIp', true); 321 ga('googleAnalytics0.send', 'pageview')</script>
321 322
322<script type="application/ld+json"> 323 { 324 "@context": "https://schema.org", 325 "@graph": [ 326 { 327 "@type": "WebSite", 328 "name": "Albert's Diamond Jewelers", 329 "url": "https://www.albertsjewelers.com/" 330 }, 331 { 332 "@type": "WebPage", 333 "name": "Jewelry Store in Valparaiso, Schererville, Indiana & Chicago, IL - Albert's Diamond Jewelers", 334 "description": "Shop fine jewelry, engagement rings, and custom designs at Albert's Diamond Jewelers serving Valparaiso, Schererville, IN, and Chicago, IL. Visit the website.", 335 "keywords": "Albert's Diamond Jewelers", 336 "url": "https://www.albertsjewelers.com/" 337 }, 338 { 339 "@type": "Organization", 340 "name": "Albert's Diamond Jewelers", 341 "email": "[email protected]", 342 "logo": "https://www.albertsjewelers.comhttps://www.albertsjewelers.com/public/1.0/uploads/source/alberts-logo-footer-1.png", 343 "image": "https://www.albertsjewelers.comhttps://www.albertsjewelers.com/public/1.0/uploads/source/alberts-logo-footer-1.png", 344 "telephone": "219-322-2700", 345 "url": "https://www.albertsjewelers.com/" 346 }, 347 { 348 "@type": "JewelryStore", 349 "name": "SCHERERVILLE STORE", 350 "parentOrganization": { 351 "@type": "Organization", 352 "name" : "Albert's Diamond Jewelers" 353 }, 354 "address": { 355 "@type": "PostalAddress", 356 "addressCountry": { 357 "@type": "Country", 358 "name": "United States" 359 }, 360 "addressLocality": "SCHERERVILLE", 361 "addressRegion": "Indiana", 362 "postalCode": "46375", 363 "streetAddress": "711 MAIN STREET" 364 }, 365 "faxNumber": "", 366 "telephone": "219-322-2700", 367 "logo": "https://www.albertsjewelers.com/public/1.0/uploads/source/alberts-logo-footer-1.png", 368 "url": "https://www.albertsjewelers.com/", 369 "image": "https://www.albertsjewelers.com/public/1.0/uploads/source/alberts-logo-footer-1.png", 370 "email": "[email protected]", 371 "hasMap": "https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d5974.316994996882!2d-87.47604128150334!3d41.52250728492549!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x8811e13019bb206d%3A0xb4de08229baafd1d!2sAlbert's+Diamond+Jewelers!5e0!3m2!1sen!2sus!4v", 372 "geo": { 373 "@type": "GeoCoordinates", 374 "latitude": "41.495073", 375 "longitude": "-87.469032" 376 }, 377 "priceRange": "$5-$100000", 378"openingHoursSpecification": [ { 379 "@type": "OpeningHoursSpecification", 380 "dayOfWeek": "Monday", 381 "opens": "11:00", 382 "closes": "18:00" 383 }, { 384 "@type": "OpeningHoursSpecification", 385 "dayOfWeek": "Tuesday", 386 "opens": "11:00", 387 "closes": "18:00" 388 }, { 389 "@type": "OpeningHoursSpecification", 390 "dayOfWeek": "Wednesday", 391 "opens": "11:00", 392 "closes": "18:00" 393 }, { 394 "@type": "OpeningHoursSpecification", 395 "dayOfWeek": "Thursday", 396 "opens": "11:00", 397 "closes": "18:00" 398 }, { 399 "@type": "OpeningHoursSpecification", 400 "dayOfWeek": "Friday", 401 "opens": "11:00", 402 "closes": "18:00" 403 }, { 404 "@type": "OpeningHoursSpecification", 405 "dayOfWeek": "Saturday", 406 "opens": "11:00", 407 "closes": "18:00" 408 }] } 409 410 ] 411 } 412 </script>
412 413 414</head> 415<body class="cmp_mode" data-lazyload="1"> 416 <nav class="skip-links-nav" aria-label="Skip links"> 417 <a href="#main" class="skip-to-main-content-link" title="Skip to main content">Skip to main content</a> 418 </nav> 419 420 <div id="loader_div"> 421 <div class="loader_circle"></div> 422 </div> 423 <noscript> 424 <style> 425 body {overflow: auto;} 426 #loader_div {display: none;} 427 </style> 428 </noscript> 429 430 431 <style> 432 @media (min-width: 992px) { 433 434 .sc_payment_general_style { 435 font-size: 15px !important; 436 font-family: Berthold Akzidenz Grotesk !important; 437 font-weight: 500 !important; 438 font-style: normal !important; 439 440 letter-spacing: px !important; 441 color: #022d57 !important; 442 } 443 h1.general_style, .h1_general_style { 444 font-size: px !important; 445 font-family: ITC Avant Garde !important; 446 font-weight: 400 !important; 447 font-style: normal !important; 448 449 letter-spacing: px !important; 450 color: #022d57 !important; 451 } 452 h2.general_style, .h2_general_style { 453 font-size: px !important; 454 font-family: ITC Avant Garde !important; 455 font-weight: 400 !important; 456 font-style: normal !important; 457 458 letter-spacing: px !important; 459 color: #022d57 !important; 460 } 461 h3.general_style, .h3_general_style { 462 font-size: px !important; 463 font-family: ITC Avant Garde !important; 464 font-weight: 400 !important; 465 font-style: normal !important; 466 467 letter-spacing: px !important; 468 color: #022d57 !important; 469 } 470 h4.general_style, .h4_general_style { 471 font-size: px !important; 472 font-family: ITC Avant Garde !important; 473 font-weight: 400 !important; 474 font-style: normal !important; 475 476 letter-spacing: px !important; 477 color: #022d57 !important; 478 } 479 h5.general_style, .h5_general_style { 480 font-size: px !important; 481 font-family: ITC Avant Garde !important; 482 font-weight: 300 !important; 483 font-style: normal !important; 484 485 letter-spacing: px !important; 486 color: #022d57 !important; 487 } 488 h6.general_style, .h6_general_style { 489 font-size: px !important; 490 font-family: ITC Avant Garde !important; 491 font-weight: 400 !important; 492 font-style: normal !important; 493 494 letter-spacing: px !important; 495 color: #022d57 !important; 496 } 497 p.general_style, .p_general_style { 498 font-size: px !important; 499 font-family: Berthold Akzidenz Grotesk !important; 500 font-weight: !important; 501 font-style: normal !important; 502 503 letter-spacing: px !important; 504 color: !important; 505 } 506 .p2_general_style { 507 font-size: px !important; 508 font-family: Berthold Akzidenz Grotesk !important; 509 font-weight: !important; 510 font-style: normal !important; 511 512 letter-spacing: px !important; 513 color: !important; 514 } 515 .p3_general_style { 516 font-size: px !important; 517 font-family: Berthold Akzidenz Grotesk !important; 518 font-weight: !important; 519 font-style: normal !important; 520 521 letter-spacing: px !important; 522 color: !important; 523 } 524 .p4_general_style { 525 font-size: px !important; 526 font-family: Berthold Akzidenz Grotesk !important; 527 font-weight: !important; 528 font-style: normal !important; 529 530 letter-spacing: px !important; 531 color: !important; 532 } 533 .p5_general_style { 534 font-size: px !important; 535 font-family: Berthold Akzidenz Grotesk !important; 536 font-weight: !important; 537 font-style: normal !important; 538 539 letter-spacing: px !important; 540 color: !important; 541 } 542 .p6_general_style { 543 font-size: px !important; 544 font-family: Berthold Akzidenz Grotesk !important; 545 font-weight: !important; 546 font-style: normal !important; 547 548 letter-spacing: px !important; 549 color: !important; 550 } 551 a.general_style, .a_general_style { 552 text-decoration: !important; 553 color: !important; 554 } 555 a.general_style:hover, .a_general_style:hover { 556 color: !important; 557 } 558 label.general_style, .label_general_style { 559 font-size: px !important; 560 font-family: Berthold Akzidenz Grotesk !important; 561 font-weight: !important; 562 font-style: normal !important; 563 564 letter-spacing: px !important; 565 color: !important; 566 } 567 button.general_style, .button_general_style { 568 font-size: 12px !important; 569 font-family: ITC Avant Garde !important; 570 font-weight: 400 !important; 571 font-style: normal !important; 572 573 color: #ffffff !important; 574 background-color: #022d57 !important; 575 border-style: solid !important; 576 border-width: 1px !important; 577 border-radius: px !important; 578 border-color: #022d57 !important; 579 } 580 button.general_style:hover, .button_general_style:hover { 581 color: !important; 582 background-color: !important; 583 border-color: !important; 584 } 585 .secondary_button_general_style { 586 font-size: 12px !important; 587 font-family: ITC Avant Garde !important; 588 font-weight: 400 !important; 589 font-style: normal !important; 590 591 color: #022d57 !important; 592 background-color: #ffffff !important; 593 border-style: solid !important; 594 border-width: 1px !important; 595 border-radius: px !important; 596 border-color: #003da5 !important; 597 } 598 .secondary_button_general_style:hover { 599 color: #ffffff !important; 600 background-color: #003da5 !important; 601 border-color: !important; 602 } 603 .reset_button_general_style { 604 font-size: px !important; 605 font-family: ITC Avant Garde !important; 606 font-weight: !important; 607 font-style: normal !important; 608 609 color: !important; 610 background-color: !important; 611 612 border-width: px !important; 613 border-radius: px !important; 614 border-color: !important; 615 } 616 .reset_button_general_style:hover { 617 color: !important; 618 background-color: !important; 619 border-color: !important; 620 } 621 .search_box_general_style .sinps::placeholder { 622 font-size: 11px !important; 623 font-family: Berthold Akzidenz Grotesk !important; 624 color: !important; 625 } 626 .search_box_general_style .sinps { 627 height: 100%; 628 font-size: 11px !important; 629 font-family: Berthold Akzidenz Grotesk !important; 630 font-weight: 400 !important; 631 font-style: normal !important; 632 color: !important; 633 background-color: !important; 634 border-style: solid !important; 635 border-width: 1px !important; 636 border-radius: px !important; 637 border-top-right-radius: 0 !important; 638 border-bottom-right-radius: 0 !important; 639 border-color: #022d57 !important; 640 } 641 .search_box_general_style .sinps:hover, 642 .search_box_general_style .sinps:focus, 643 .search_box_general_style .sinps:active { 644 background-color: !important; 645 } 646 .search_box_general_style .sBtns { 647 height: 100%; 648 background-color: #022d57 !important; 649 border-style: solid !important; 650 border-width: 1px !important; 651 border-radius: px !important; 652 border-top-left-radius: 0 !important; 653 border-bottom-left-radius: 0 !important; 654 border-color: #022d57 !important; 655 } 656 .search_box_general_style .sBtns:hover, 657 .search_box_general_style .sBtns:focus, 658 .search_box_general_style .sBtns:active { 659 background-color: #022d57 !important; 660 } 661 .search_box_general_style .sBtns svg { 662 width: 11px !important; 663 height: 11px !important; 664 } 665 .search_box_general_style .sBtns path { 666 fill: #ffffff !important; 667 } 668 .search_box_general_style .sBtns:hover path, 669 .search_box_general_style .sBtns:focus path, 670 .search_box_general_style .sBtns:active path { 671 fill: #ffffff !important; 672 }
673 .search_box_general_style:hover .sinps, 674 .search_box_general_style:focus .sinps, 675 .search_box_general_style:active .sinps, 676 .search_box_general_style:hover .sBtns, 677 .search_box_general_style:focus .sBtns, 678 .search_box_general_style:active .sBtns { 679 border-color: #022d57 !important; 680 } 681 svg.general_style, .svg_general_style { 682 fill: #003da5 !important; 683 stroke-width: .5 !important; 684 stroke: #003da5 !important; 685 } 686 .irs--big .irs-from, .irs--big .irs-to, .irs--big .irs-single { 687 color: #022d57 !important; 688 background: #ffffff !important; 689 } 690 .irs--big .irs-grid-text { 691 color: #022d57 !important; 692 } 693 .irs--big .irs-grid-pol { 694 background: #022d57 !important; 695 } 696 .irs--big .irs-bar { 697 border-color: #ffffff !important; 698 background: linear-gradient(to bottom, #022d57 0%, #022d57 30%, #022d57 100%) !important; 699 } 700 .irs--big .irs-handle { 701 border-color: #B3B3B2; 702 background: linear-gradient(to bottom, 0%, #003da5 30%, #003da5 100%) !important; 703 } 704 .pagination.general_style .page-link { 705 font-size: 12px !important; 706 font-family: ITC Avant Garde !important; 707 font-weight: 400 !important; 708 font-style: normal !important; 709 710 color: #022d57 !important; 711 background-color: !important; 712 border-color: !important; 713 } 714 .pagination.general_style .page-link:hover { 715 color: !important; 716 background-color: !important; 717 border-color: !important; 718 } 719 .pagination.general_style .page-item.active .page-link { 720 color: #ffffff !important; 721 background-color: #022d57 !important; 722 border-color: #022d57 !important; 723 } 724 input[type=checkbox].general_style { 725 accent-color: #003da5 !important; 726 } 727 .breadcrumb.general_style .breadcrumb-item a, 728 .breadcrumb.general_style .breadcrumb-item { 729 font-size: 14px !important; 730 font-family: ITC Avant Garde !important; 731 font-weight: !important; 732 font-style: normal !important; 733 734 letter-spacing: px !important; 735 color: #000 !important; 736 } 737 .shapes-div .shapes-img.active { 738 background-color: !important; 739 color: !important; 740 } 741 .input_general_style { 742 position: relative; 743 } 744 .input_general_style label { 745 width: auto !important; 746 position: absolute; 747 top: 50%; 748 left: 5px; 749 z-index: 1; 750 transform: translateY(-50%); 751 transform-origin: 0% 100%; 752 transition: all .2s ease-out; 753 padding: 0 10px; 754 margin: 0 !important; 755 cursor: text; 756 background: white; 757 } 758 .input_general_style label.active { 759 top: 0; 760 transform: translateY(-55%) scale(0.80); 761 } 762 763 .input_general_style input::placeholder { 764 color: transparent !important; 765 } 766 .input_general_style input { 767 font-size: 16px !important; 768 font-family: Berthold Akzidenz Grotesk !important; 769 font-weight: !important; 770 font-style: !important; 771 color: !important; 772 background-color: white !important; 773 border-style: solid !important; 774 border-width: px !important; 775 border-radius: 0px !important; 776 border-color: !important; 777 } 778 .input_general_style:hover input { 779 border-color: !important; 780 }
781 .input_general_style input:-webkit-autofill, 782 .input_general_style input:-webkit-autofill:hover, 783 .input_general_style input:-webkit-autofill:focus, 784 .input_general_style input:-webkit-autofill:active{ 785 -webkit-box-shadow: 0 0 0 30px white inset !important; 786 } 787 .input_general_style input:focus { 788 border-color: initial; 789 box-shadow: unset; 790 } 791 .input_general_style .toggle-password-visibility { 792 position: absolute; 793 right: 5px; 794 top: 50%; 795 transform: translateY(-50%); 796 border: 0; 797 background: transparent; 798 } 799 .select_general_style { 800 position: relative; 801 } 802 .select_general_style label { 803 width: auto !important; 804 position: absolute; 805 top: 50%; 806 left: 5px; 807 transform: translateY(-50%); 808 transform-origin: 0% 100%; 809 transition: all .2s ease-out; 810 padding: 0 10px; 811 margin: 0 !important; 812 cursor: text; 813 background: white; 814 } 815 .select_general_style label.active { 816 top: 0; 817 transform: translateY(-55%) scale(0.80); 818 } 819 820 .select_general_style select { 821 font-size: 16px !important; 822 font-family: Berthold Akzidenz Grotesk !important; 823 font-weight: !important; 824 font-style: !important; 825 color: !important; 826 border-style: solid !important; 827 border-width: px !important; 828 border-radius: 0px !important; 829 border-color: !important; 830 background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat !important; 831 -webkit-appearance: none !important; 832 -moz-appearance: none !important; 833 appearance: none !important; 834 } 835 .select_general_style:hover select { 836 border-color: !important; 837 } 838 .select_general_style select:focus { 839 border-color: initial; 840 box-shadow: unset; 841 } 842 .select_general_style select:-webkit-autofill, 843 .select_general_style select:-webkit-autofill:hover, 844 .select_general_style select:-webkit-autofill:focus, 845 .select_general_style select:-webkit-autofill:active{ 846 -webkit-box-shadow: 0 0 0 30px white inset !important; 847 } 848 .textarea_general_style { 849 position: relative; 850 } 851 .textarea_general_style label { 852 width: auto !important; 853 position: absolute; 854 top: 18px; 855 left: 5px; 856 transform: translateY(-50%); 857 transform-origin: 0% 100%; 858 transition: all .2s ease-out; 859 padding: 0 10px; 860 margin: 0 !important; 861 cursor: text; 862 background: white; 863 } 864 .textarea_general_style label.active { 865 top: 0; 866 transform: translateY(-55%) scale(0.80); 867 } 868 869 .textarea_general_style textarea { 870 font-size: 16px !important; 871 font-family: Berthold Akzidenz Grotesk !important; 872 font-weight: !important; 873 font-style: !important; 874 color: !important; 875 background-color: white !important; 876 border-style: solid !important; 877 border-width: px !important; 878 border-radius: 0px !important; 879 border-color: !important; 880 } 881 .textarea_general_style:hover textarea { 882 border-color: !important; 883 } 884 .textarea_general_style textarea:focus { 885 border-color: initial; 886 box-shadow: unset; 887 } 888 .textarea_general_style textarea:-webkit-autofill, 889 .textarea_general_style textarea:-webkit-autofill:hover, 890 .textarea_general_style textarea:-webkit-autofill:focus, 891 .textarea_general_style textarea:-webkit-autofill:active{ 892 -webkit-box-shadow: 0 0 0 30px white inset !important; 893 } 894 } 895 </style> <style> 896 @media (min-width: 768px) and (max-width: 991.9px) { 897 898 .sc_payment_general_style { 899 font-size: 15px !important; 900 font-family: Berthold Akzidenz Grotesk !important; 901 font-weight: 500 !important; 902 font-style: normal !important; 903 904 letter-spacing: px !important; 905 color: #022d57 !important; 906 } 907 h1.general_style, .h1_general_style { 908 font-size: px !important; 909 font-family: ITC Avant Garde !important; 910 font-weight: 400 !important; 911 font-style: normal !important; 912 913 letter-spacing: px !important; 914 color: #022d57 !important; 915 } 916 h2.general_style, .h2_general_style { 917 font-size: px !important; 918 font-family: ITC Avant Garde !important; 919 font-weight: 400 !important; 920 font-style: normal !important; 921 922 letter-spacing: px !important; 923 color: #022d57 !important; 924 } 925 h3.general_style, .h3_general_style { 926 font-size: px !important; 927 font-family: ITC Avant Garde !important; 928 font-weight: 400 !important; 929 font-style: normal !important; 930 931 letter-spacing: px !important; 932 color: #022d57 !important; 933 } 934 h4.general_style, .h4_general_style { 935 font-size: px !important; 936 font-family: ITC Avant Garde !important; 937 font-weight: 400 !important; 938 font-style: normal !important; 939 940 letter-spacing: px !important; 941 color: #022d57 !important; 942 } 943 h5.general_style, .h5_general_style { 944 font-size: px !important; 945 font-family: ITC Avant Garde !important; 946 font-weight: 300 !important; 947 font-style: normal !important; 948 949 letter-spacing: px !important; 950 color: #022d57 !important; 951 } 952 h6.general_style, .h6_general_style { 953 font-size: px !important; 954 font-family: ITC Avant Garde !important; 955 font-weight: 400 !important; 956 font-style: normal !important; 957 958 letter-spacing: px !important; 959 color: #022d57 !important; 960 } 961 p.general_style, .p_general_style { 962 font-size: px !important; 963 font-family: Berthold Akzidenz Grotesk !important; 964 font-weight: !important; 965 font-style: normal !important; 966 967 letter-spacing: px !important; 968 color: !important; 969 } 970 .p2_general_style { 971 font-size: px !important; 972 font-family: Berthold Akzidenz Grotesk !important; 973 font-weight: !important; 974 font-style: normal !important; 975 976 letter-spacing: px !important; 977 color: !important; 978 } 979 .p3_general_style { 980 font-size: px !important; 981 font-family: Berthold Akzidenz Grotesk !important; 982 font-weight: !important; 983 font-style: normal !important; 984 985 letter-spacing: px !important; 986 color: !important; 987 } 988 .p4_general_style { 989 font-size: px !important; 990 font-family: Berthold Akzidenz Grotesk !important; 991 font-weight: !important; 992 font-style: normal !important; 993 994 letter-spacing: px !important; 995 color: !important; 996 } 997 .p5_general_style { 998 font-size: px !important; 999 font-family: Berthold Akzidenz Grotesk !important; 1000 font-weight: !important; 1001 font-style: normal !important; 1002 1003 letter-spacing: px !important; 1004 color: !important; 1005 } 1006 .p6_general_style { 1007 font-size: px !important; 1008 font-family: Berthold Akzidenz Grotesk !important; 1009 font-weight: !important; 1010 font-style: normal !important; 1011 1012 letter-spacing: px !important; 1013 color: !important; 1014 } 1015 a.general_style, .a_general_style { 1016 text-decoration: !important; 1017 color: !important; 1018 } 1019 a.general_style:hover, .a_general_style:hover { 1020 color: !important; 1021 } 1022 label.general_style, .label_general_style { 1023 font-size: px !important; 1024 font-family: Berthold Akzidenz Grotesk !important; 1025 font-weight: !important; 1026 font-style: normal !important; 1027 1028 letter-spacing: px !important; 1029 color: !important; 1030 } 1031 button.general_style, .button_general_style { 1032 font-size: 12px !important; 1033 font-family: ITC Avant Garde !important; 1034 font-weight: 400 !important; 1035 font-style: normal !important; 1036 1037 color: #ffffff !important; 1038 background-color: #022d57 !important; 1039 border-style: solid !important; 1040 border-width: 1px !important; 1041 border-radius: px !important; 1042 border-color: #022d57 !important; 1043 } 1044 button.general_style:hover, .button_general_style:hover { 1045 color: !important; 1046 background-color: !important; 1047 border-color: !important; 1048 } 1049 .secondary_button_general_style { 1050 font-size: 12px !important; 1051 font-family: ITC Avant Garde !important; 1052 font-weight: 400 !important; 1053 font-style: normal !important; 1054 1055 color: #022d57 !important; 1056 background-color: #ffffff !important; 1057 border-style: solid !important; 1058 border-width: 1px !important; 1059 border-radius: px !important; 1060 border-color: #003da5 !important; 1061 } 1062 .secondary_button_general_style:hover { 1063 color: #ffffff !important; 1064 background-color: #003da5 !important; 1065 border-color: !important; 1066 } 1067 .reset_button_general_style { 1068 font-size: px !important; 1069 font-family: ITC Avant Garde !important; 1070 font-weight: !important; 1071 font-style: normal !important; 1072 1073 color: !important; 1074 background-color: !important; 1075 1076 border-width: px !important; 1077 border-radius: px !important; 1078 border-color: !important; 1079 } 1080 .reset_button_general_style:hover { 1081 color: !important; 1082 background-color: !important; 1083 border-color: !important; 1084 } 1085 .search_box_general_style .sinps::placeholder { 1086 font-size: 11px !important; 1087 font-family: Berthold Akzidenz Grotesk !important; 1088 color: !important; 1089 } 1090 .search_box_general_style .sinps { 1091 height: 100%; 1092 font-size: 11px !important; 1093 font-family: Berthold Akzidenz Grotesk !important; 1094 font-weight: 400 !important; 1095 font-style: normal !important; 1096 color: !important; 1097 background-color: !important; 1098 border-style: solid !important; 1099 border-width: 1px !important; 1100 border-radius: px !important; 1101 border-top-right-radius: 0 !important; 1102 border-bottom-right-radius: 0 !important; 1103 border-color: #022d57 !important; 1104 } 1105 .search_box_general_style .sinps:hover, 1106 .search_box_general_style .sinps:focus, 1107 .search_box_general_style .sinps:active { 1108 background-color: !important; 1109 } 1110 .search_box_general_style .sBtns { 1111 height: 100%; 1112 background-color: #022d57 !important; 1113 border-style: solid !important; 1114 border-width: 1px !important; 1115 border-radius: px !important; 1116 border-top-left-radius: 0 !important; 1117 border-bottom-left-radius: 0 !important; 1118 border-color: #022d57 !important; 1119 } 1120 .search_box_general_style .sBtns:hover, 1121 .search_box_general_style .sBtns:focus, 1122 .search_box_general_style .sBtns:active { 1123 background-color: #022d57 !important; 1124 } 1125 .search_box_general_style .sBtns svg { 1126 width: 11px !important; 1127 height: 11px !important; 1128 } 1129 .search_box_general_style .sBtns path { 1130 fill: #ffffff !important; 1131 } 1132 .search_box_general_style .sBtns:hover path, 1133 .search_box_general_style .sBtns:focus path, 1134 .search_box_general_style .sBtns:active path { 1135 fill: #ffffff !important; 1136 }
1137 .search_box_general_style:hover .sinps, 1138 .search_box_general_style:focus .sinps, 1139 .search_box_general_style:active .sinps, 1140 .search_box_general_style:hover .sBtns, 1141 .search_box_general_style:focus .sBtns, 1142 .search_box_general_style:active .sBtns { 1143 border-color: #022d57 !important; 1144 } 1145 svg.general_style, .svg_general_style { 1146 fill: #003da5 !important; 1147 stroke-width: .5 !important; 1148 stroke: #003da5 !important; 1149 } 1150 .irs--big .irs-from, .irs--big .irs-to, .irs--big .irs-single { 1151 color: #022d57 !important; 1152 background: #ffffff !important; 1153 } 1154 .irs--big .irs-grid-text { 1155 color: #022d57 !important; 1156 } 1157 .irs--big .irs-grid-pol { 1158 background: #022d57 !important; 1159 } 1160 .irs--big .irs-bar { 1161 border-color: #ffffff !important; 1162 background: linear-gradient(to bottom, #022d57 0%, #022d57 30%, #022d57 100%) !important; 1163 } 1164 .irs--big .irs-handle { 1165 border-color: #B3B3B2; 1166 background: linear-gradient(to bottom, 0%, #003da5 30%, #003da5 100%) !important; 1167 } 1168 .pagination.general_style .page-link { 1169 font-size: 12px !important; 1170 font-family: ITC Avant Garde !important; 1171 font-weight: 400 !important; 1172 font-style: normal !important; 1173 1174 color: #022d57 !important; 1175 background-color: !important; 1176 border-color: !important; 1177 } 1178 .pagination.general_style .page-link:hover { 1179 color: !important; 1180 background-color: !important; 1181 border-color: !important; 1182 } 1183 .pagination.general_style .page-item.active .page-link { 1184 color: #ffffff !important; 1185 background-color: #022d57 !important; 1186 border-color: #022d57 !important; 1187 } 1188 input[type=checkbox].general_style { 1189 accent-color: #003da5 !important; 1190 } 1191 .breadcrumb.general_style .breadcrumb-item a, 1192 .breadcrumb.general_style .breadcrumb-item { 1193 font-size: 14px !important; 1194 font-family: ITC Avant Garde !important; 1195 font-weight: !important; 1196 font-style: normal !important; 1197 1198 letter-spacing: px !important; 1199 color: #000 !important; 1200 } 1201 .shapes-div .shapes-img.active { 1202 background-color: !important; 1203 color: !important; 1204 } 1205 .input_general_style { 1206 position: relative; 1207 } 1208 .input_general_style label { 1209 width: auto !important; 1210 position: absolute; 1211 top: 50%; 1212 left: 5px; 1213 z-index: 1; 1214 transform: translateY(-50%); 1215 transform-origin: 0% 100%; 1216 transition: all .2s ease-out; 1217 padding: 0 10px; 1218 margin: 0 !important; 1219 cursor: text; 1220 background: white; 1221 } 1222 .input_general_style label.active { 1223 top: 0; 1224 transform: translateY(-55%) scale(0.80); 1225 } 1226 1227 .input_general_style input::placeholder { 1228 color: transparent !important; 1229 } 1230 .input_general_style input { 1231 font-size: 16px !important; 1232 font-family: Berthold Akzidenz Grotesk !important; 1233 font-weight: !important; 1234 font-style: !important; 1235 color: !important; 1236 background-color: white !important; 1237 border-style: solid !important; 1238 border-width: px !important; 1239 border-radius: 0px !important; 1240 border-color: !important; 1241 } 1242 .input_general_style:hover input { 1243 border-color: !important; 1244 }
1245 .input_general_style input:-webkit-autofill, 1246 .input_general_style input:-webkit-autofill:hover, 1247 .input_general_style input:-webkit-autofill:focus, 1248 .input_general_style input:-webkit-autofill:active{ 1249 -webkit-box-shadow: 0 0 0 30px white inset !important; 1250 } 1251 .input_general_style input:focus { 1252 border-color: initial; 1253 box-shadow: unset; 1254 } 1255 .input_general_style .toggle-password-visibility { 1256 position: absolute; 1257 right: 5px; 1258 top: 50%; 1259 transform: translateY(-50%); 1260 border: 0; 1261 background: transparent; 1262 } 1263 .select_general_style { 1264 position: relative; 1265 } 1266 .select_general_style label { 1267 width: auto !important; 1268 position: absolute; 1269 top: 50%; 1270 left: 5px; 1271 transform: translateY(-50%); 1272 transform-origin: 0% 100%; 1273 transition: all .2s ease-out; 1274 padding: 0 10px; 1275 margin: 0 !important; 1276 cursor: text; 1277 background: white; 1278 } 1279 .select_general_style label.active { 1280 top: 0; 1281 transform: translateY(-55%) scale(0.80); 1282 } 1283 1284 .select_general_style select { 1285 font-size: 16px !important; 1286 font-family: Berthold Akzidenz Grotesk !important; 1287 font-weight: !important; 1288 font-style: !important; 1289 color: !important; 1290 border-style: solid !important; 1291 border-width: px !important; 1292 border-radius: 0px !important; 1293 border-color: !important; 1294 background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat !important; 1295 -webkit-appearance: none !important; 1296 -moz-appearance: none !important; 1297 appearance: none !important; 1298 } 1299 .select_general_style:hover select { 1300 border-color: !important; 1301 } 1302 .select_general_style select:focus { 1303 border-color: initial; 1304 box-shadow: unset; 1305 } 1306 .select_general_style select:-webkit-autofill, 1307 .select_general_style select:-webkit-autofill:hover, 1308 .select_general_style select:-webkit-autofill:focus, 1309 .select_general_style select:-webkit-autofill:active{ 1310 -webkit-box-shadow: 0 0 0 30px white inset !important; 1311 } 1312 .textarea_general_style { 1313 position: relative; 1314 } 1315 .textarea_general_style label { 1316 width: auto !important; 1317 position: absolute; 1318 top: 18px; 1319 left: 5px; 1320 transform: translateY(-50%); 1321 transform-origin: 0% 100%; 1322 transition: all .2s ease-out; 1323 padding: 0 10px; 1324 margin: 0 !important; 1325 cursor: text; 1326 background: white; 1327 } 1328 .textarea_general_style label.active { 1329 top: 0; 1330 transform: translateY(-55%) scale(0.80); 1331 } 1332 1333 .textarea_general_style textarea { 1334 font-size: 16px !important; 1335 font-family: Berthold Akzidenz Grotesk !important; 1336 font-weight: !important; 1337 font-style: !important; 1338 color: !important; 1339 background-color: white !important; 1340 border-style: solid !important; 1341 border-width: px !important; 1342 border-radius: 0px !important; 1343 border-color: !important; 1344 } 1345 .textarea_general_style:hover textarea { 1346 border-color: !important; 1347 } 1348 .textarea_general_style textarea:focus { 1349 border-color: initial; 1350 box-shadow: unset; 1351 } 1352 .textarea_general_style textarea:-webkit-autofill, 1353 .textarea_general_style textarea:-webkit-autofill:hover, 1354 .textarea_general_style textarea:-webkit-autofill:focus, 1355 .textarea_general_style textarea:-webkit-autofill:active{ 1356 -webkit-box-shadow: 0 0 0 30px white inset !important; 1357 } 1358 } 1359 </style> <style> 1360 @media (max-width: 767.9px) { 1361 1362 .sc_payment_general_style { 1363 font-size: 15px !important; 1364 font-family: Berthold Akzidenz Grotesk !important; 1365 font-weight: 500 !important; 1366 font-style: normal !important; 1367 1368 letter-spacing: px !important; 1369 color: #022d57 !important; 1370 } 1371 h1.general_style, .h1_general_style { 1372 font-size: px !important; 1373 font-family: ITC Avant Garde !important; 1374 font-weight: 400 !important; 1375 font-style: normal !important; 1376 1377 letter-spacing: px !important; 1378 color: #022d57 !important; 1379 } 1380 h2.general_style, .h2_general_style { 1381 font-size: px !important; 1382 font-family: ITC Avant Garde !important; 1383 font-weight: 400 !important; 1384 font-style: normal !important; 1385 1386 letter-spacing: px !important; 1387 color: #022d57 !important; 1388 } 1389 h3.general_style, .h3_general_style { 1390 font-size: px !important; 1391 font-family: ITC Avant Garde !important; 1392 font-weight: 400 !important; 1393 font-style: normal !important; 1394 1395 letter-spacing: px !important; 1396 color: #022d57 !important; 1397 } 1398 h4.general_style, .h4_general_style { 1399 font-size: px !important; 1400 font-family: ITC Avant Garde !important; 1401 font-weight: 400 !important; 1402 font-style: normal !important; 1403 1404 letter-spacing: px !important; 1405 color: #022d57 !important; 1406 } 1407 h5.general_style, .h5_general_style { 1408 font-size: px !important; 1409 font-family: ITC Avant Garde !important; 1410 font-weight: 300 !important; 1411 font-style: normal !important; 1412 1413 letter-spacing: px !important; 1414 color: #022d57 !important; 1415 } 1416 h6.general_style, .h6_general_style { 1417 font-size: px !important; 1418 font-family: ITC Avant Garde !important; 1419 font-weight: 400 !important; 1420 font-style: normal !important; 1421 1422 letter-spacing: px !important; 1423 color: #022d57 !important; 1424 } 1425 p.general_style, .p_general_style { 1426 font-size: px !important; 1427 font-family: Berthold Akzidenz Grotesk !important; 1428 font-weight: !important; 1429 font-style: normal !important; 1430 1431 letter-spacing: px !important; 1432 color: !important; 1433 } 1434 .p2_general_style { 1435 font-size: px !important; 1436 font-family: Berthold Akzidenz Grotesk !important; 1437 font-weight: !important; 1438 font-style: normal !important; 1439 1440 letter-spacing: px !important; 1441 color: !important; 1442 } 1443 .p3_general_style { 1444 font-size: px !important; 1445 font-family: Berthold Akzidenz Grotesk !important; 1446 font-weight: !important; 1447 font-style: normal !important; 1448 1449 letter-spacing: px !important; 1450 color: !important; 1451 } 1452 .p4_general_style { 1453 font-size: px !important; 1454 font-family: Berthold Akzidenz Grotesk !important; 1455 font-weight: !important; 1456 font-style: normal !important; 1457 1458 letter-spacing: px !important; 1459 color: !important; 1460 } 1461 .p5_general_style { 1462 font-size: px !important; 1463 font-family: Berthold Akzidenz Grotesk !important; 1464 font-weight: !important; 1465 font-style: normal !important; 1466 1467 letter-spacing: px !important; 1468 color: !important; 1469 } 1470 .p6_general_style { 1471 font-size: px !important; 1472 font-family: Berthold Akzidenz Grotesk !important; 1473 font-weight: !important; 1474 font-style: normal !important; 1475 1476 letter-spacing: px !important; 1477 color: !important; 1478 } 1479 a.general_style, .a_general_style { 1480 text-decoration: !important; 1481 color: !important; 1482 } 1483 a.general_style:hover, .a_general_style:hover { 1484 color: !important; 1485 } 1486 label.general_style, .label_general_style { 1487 font-size: px !important; 1488 font-family: Berthold Akzidenz Grotesk !important; 1489 font-weight: !important; 1490 font-style: normal !important; 1491 1492 letter-spacing: px !important; 1493 color: !important; 1494 } 1495 button.general_style, .button_general_style { 1496 font-size: 12px !important; 1497 font-family: ITC Avant Garde !important; 1498 font-weight: 400 !important; 1499 font-style: normal !important; 1500 1501 color: #ffffff !important; 1502 background-color: #022d57 !important; 1503 border-style: solid !important; 1504 border-width: 1px !important; 1505 border-radius: px !important; 1506 border-color: #022d57 !important; 1507 } 1508 button.general_style:hover, .button_general_style:hover { 1509 color: !important; 1510 background-color: !important; 1511 border-color: !important; 1512 } 1513 .secondary_button_general_style { 1514 font-size: 12px !important; 1515 font-family: ITC Avant Garde !important; 1516 font-weight: 400 !important; 1517 font-style: normal !important; 1518 1519 color: #022d57 !important; 1520 background-color: #ffffff !important; 1521 border-style: solid !important; 1522 border-width: 1px !important; 1523 border-radius: px !important; 1524 border-color: #003da5 !important; 1525 } 1526 .secondary_button_general_style:hover { 1527 color: #ffffff !important; 1528 background-color: #003da5 !important; 1529 border-color: !important; 1530 } 1531 .reset_button_general_style { 1532 font-size: px !important; 1533 font-family: ITC Avant Garde !important; 1534 font-weight: !important; 1535 font-style: normal !important; 1536 1537 color: !important; 1538 background-color: !important; 1539 1540 border-width: px !important; 1541 border-radius: px !important; 1542 border-color: !important; 1543 } 1544 .reset_button_general_style:hover { 1545 color: !important; 1546 background-color: !important; 1547 border-color: !important; 1548 } 1549 .search_box_general_style .sinps::placeholder { 1550 font-size: 11px !important; 1551 font-family: Berthold Akzidenz Grotesk !important; 1552 color: !important; 1553 } 1554 .search_box_general_style .sinps { 1555 height: 100%; 1556 font-size: 11px !important; 1557 font-family: Berthold Akzidenz Grotesk !important; 1558 font-weight: 400 !important; 1559 font-style: normal !important; 1560 color: !important; 1561 background-color: !important; 1562 border-style: solid !important; 1563 border-width: 1px !important; 1564 border-radius: px !important; 1565 border-top-right-radius: 0 !important; 1566 border-bottom-right-radius: 0 !important; 1567 border-color: #022d57 !important; 1568 } 1569 .search_box_general_style .sinps:hover, 1570 .search_box_general_style .sinps:focus, 1571 .search_box_general_style .sinps:active { 1572 background-color: !important; 1573 } 1574 .search_box_general_style .sBtns { 1575 height: 100%; 1576 background-color: #022d57 !important; 1577 border-style: solid !important; 1578 border-width: 1px !important; 1579 border-radius: px !important; 1580 border-top-left-radius: 0 !important; 1581 border-bottom-left-radius: 0 !important; 1582 border-color: #022d57 !important; 1583 } 1584 .search_box_general_style .sBtns:hover, 1585 .search_box_general_style .sBtns:focus, 1586 .search_box_general_style .sBtns:active { 1587 background-color: #022d57 !important; 1588 } 1589 .search_box_general_style .sBtns svg { 1590 width: 11px !important; 1591 height: 11px !important; 1592 } 1593 .search_box_general_style .sBtns path { 1594 fill: #ffffff !important; 1595 } 1596 .search_box_general_style .sBtns:hover path, 1597 .search_box_general_style .sBtns:focus path, 1598 .search_box_general_style .sBtns:active path { 1599 fill: #ffffff !important; 1600 }
1601 .search_box_general_style:hover .sinps, 1602 .search_box_general_style:focus .sinps, 1603 .search_box_general_style:active .sinps, 1604 .search_box_general_style:hover .sBtns, 1605 .search_box_general_style:focus .sBtns, 1606 .search_box_general_style:active .sBtns { 1607 border-color: #022d57 !important; 1608 } 1609 svg.general_style, .svg_general_style { 1610 fill: #003da5 !important; 1611 stroke-width: .5 !important; 1612 stroke: #003da5 !important; 1613 } 1614 .irs--big .irs-from, .irs--big .irs-to, .irs--big .irs-single { 1615 color: #022d57 !important; 1616 background: #ffffff !important; 1617 } 1618 .irs--big .irs-grid-text { 1619 color: #022d57 !important; 1620 } 1621 .irs--big .irs-grid-pol { 1622 background: #022d57 !important; 1623 } 1624 .irs--big .irs-bar { 1625 border-color: #ffffff !important; 1626 background: linear-gradient(to bottom, #022d57 0%, #022d57 30%, #022d57 100%) !important; 1627 } 1628 .irs--big .irs-handle { 1629 border-color: #B3B3B2; 1630 background: linear-gradient(to bottom, 0%, #003da5 30%, #003da5 100%) !important; 1631 } 1632 .pagination.general_style .page-link { 1633 font-size: 12px !important; 1634 font-family: ITC Avant Garde !important; 1635 font-weight: 400 !important; 1636 font-style: normal !important; 1637 1638 color: #022d57 !important; 1639 background-color: !important; 1640 border-color: !important; 1641 } 1642 .pagination.general_style .page-link:hover { 1643 color: !important; 1644 background-color: !important; 1645 border-color: !important; 1646 } 1647 .pagination.general_style .page-item.active .page-link { 1648 color: #ffffff !important; 1649 background-color: #022d57 !important; 1650 border-color: #022d57 !important; 1651 } 1652 input[type=checkbox].general_style { 1653 accent-color: #003da5 !important; 1654 } 1655 .breadcrumb.general_style .breadcrumb-item a, 1656 .breadcrumb.general_style .breadcrumb-item { 1657 font-size: 14px !important; 1658 font-family: ITC Avant Garde !important; 1659 font-weight: !important; 1660 font-style: normal !important; 1661 1662 letter-spacing: px !important; 1663 color: #000 !important; 1664 } 1665 .shapes-div .shapes-img.active { 1666 background-color: !important; 1667 color: !important; 1668 } 1669 .input_general_style { 1670 position: relative; 1671 } 1672 .input_general_style label { 1673 width: auto !important; 1674 position: absolute; 1675 top: 50%; 1676 left: 5px; 1677 z-index: 1; 1678 transform: translateY(-50%); 1679 transform-origin: 0% 100%; 1680 transition: all .2s ease-out; 1681 padding: 0 10px; 1682 margin: 0 !important; 1683 cursor: text; 1684 background: white; 1685 } 1686 .input_general_style label.active { 1687 top: 0; 1688 transform: translateY(-55%) scale(0.80); 1689 } 1690 1691 .input_general_style input::placeholder { 1692 color: transparent !important; 1693 } 1694 .input_general_style input { 1695 font-size: 16px !important; 1696 font-family: Berthold Akzidenz Grotesk !important; 1697 font-weight: !important; 1698 font-style: !important; 1699 color: !important; 1700 background-color: white !important; 1701 border-style: solid !important; 1702 border-width: px !important; 1703 border-radius: 0px !important; 1704 border-color: !important; 1705 } 1706 .input_general_style:hover input { 1707 border-color: !important; 1708 }
1709 .input_general_style input:-webkit-autofill, 1710 .input_general_style input:-webkit-autofill:hover, 1711 .input_general_style input:-webkit-autofill:focus, 1712 .input_general_style input:-webkit-autofill:active{ 1713 -webkit-box-shadow: 0 0 0 30px white inset !important; 1714 } 1715 .input_general_style input:focus { 1716 border-color: initial; 1717 box-shadow: unset; 1718 } 1719 .input_general_style .toggle-password-visibility { 1720 position: absolute; 1721 right: 5px; 1722 top: 50%; 1723 transform: translateY(-50%); 1724 border: 0; 1725 background: transparent; 1726 } 1727 .select_general_style { 1728 position: relative; 1729 } 1730 .select_general_style label { 1731 width: auto !important; 1732 position: absolute; 1733 top: 50%; 1734 left: 5px; 1735 transform: translateY(-50%); 1736 transform-origin: 0% 100%; 1737 transition: all .2s ease-out; 1738 padding: 0 10px; 1739 margin: 0 !important; 1740 cursor: text; 1741 background: white; 1742 } 1743 .select_general_style label.active { 1744 top: 0; 1745 transform: translateY(-55%) scale(0.80); 1746 } 1747 1748 .select_general_style select { 1749 font-size: 16px !important; 1750 font-family: Berthold Akzidenz Grotesk !important; 1751 font-weight: !important; 1752 font-style: !important; 1753 color: !important; 1754 border-style: solid !important; 1755 border-width: px !important; 1756 border-radius: 0px !important; 1757 border-color: !important; 1758 background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat !important; 1759 -webkit-appearance: none !important; 1760 -moz-appearance: none !important; 1761 appearance: none !important; 1762 } 1763 .select_general_style:hover select { 1764 border-color: !important; 1765 } 1766 .select_general_style select:focus { 1767 border-color: initial; 1768 box-shadow: unset; 1769 } 1770 .select_general_style select:-webkit-autofill, 1771 .select_general_style select:-webkit-autofill:hover, 1772 .select_general_style select:-webkit-autofill:focus, 1773 .select_general_style select:-webkit-autofill:active{ 1774 -webkit-box-shadow: 0 0 0 30px white inset !important; 1775 } 1776 .textarea_general_style { 1777 position: relative; 1778 } 1779 .textarea_general_style label { 1780 width: auto !important; 1781 position: absolute; 1782 top: 18px; 1783 left: 5px; 1784 transform: translateY(-50%); 1785 transform-origin: 0% 100%; 1786 transition: all .2s ease-out; 1787 padding: 0 10px; 1788 margin: 0 !important; 1789 cursor: text; 1790 background: white; 1791 } 1792 .textarea_general_style label.active { 1793 top: 0; 1794 transform: translateY(-55%) scale(0.80); 1795 } 1796 1797 .textarea_general_style textarea { 1798 font-size: 16px !important; 1799 font-family: Berthold Akzidenz Grotesk !important; 1800 font-weight: !important; 1801 font-style: !important; 1802 color: !important; 1803 background-color: white !important; 1804 border-style: solid !important; 1805 border-width: px !important; 1806 border-radius: 0px !important; 1807 border-color: !important; 1808 } 1809 .textarea_general_style:hover textarea { 1810 border-color: !important; 1811 } 1812 .textarea_general_style textarea:focus { 1813 border-color: initial; 1814 box-shadow: unset; 1815 } 1816 .textarea_general_style textarea:-webkit-autofill, 1817 .textarea_general_style textarea:-webkit-autofill:hover, 1818 .textarea_general_style textarea:-webkit-autofill:focus, 1819 .textarea_general_style textarea:-webkit-autofill:active{ 1820 -webkit-box-shadow: 0 0 0 30px white inset !important; 1821 } 1822 } 1823 </style><header class="appearance-desktop-view-template"> 1824 1825 1826 1827 <style> 1828 .header_container>.flex_row { 1829 display: flex; 1830 } 1831 1832 .header_container_1 { 1833 width: 100%; 1834 max-width: 100%; 1835 margin: 0 auto; 1836 position: relative !important; 1837 transform: inherit !important; 1838 } 1839 .header_container>.flex_row>.flex_col { 1840 display: flex; 1841 flex-wrap: wrap; 1842 box-sizing: border-box; 1843 align-content: baseline; 1844 } 1845 .header_container>.flex_row>.flex_col>.flex_cell { 1846 height: fit-content; 1847 display: flex; 1848 } 1849 .header_container>.flex_row>.flex_col>.flex_cell a { 1850 text-decoration: none; 1851 } 1852 .header_container img { 1853 max-width: 100%; 1854 } 1855 .row_spacer_cs { 1856 display: none; 1857 } 1858 .sticky_row { 1859 position: fixed; 1860 } 1861 .sticky_row + .row_spacer_cs { 1862 display: block; 1863 } 1864 </style> 1865 1866 <div class="header_container header_container_1" data-device-type="1"> 1867 1868 1869 1870 <div class="flex_row flex_row_1 "> 1871 1872 1873 <div class="flex_col flex_col_1"> 1874 1875 1876 </div> 1877 1878 <style> 1879 .header_container_1>.flex_row_1>.flex_col_1 { 1880 width:2%; } 1881 </style> 1882 1883 1884 1885 <div class="flex_col flex_col_2"> 1886 1887 1888<div class="flex_cell flex_cell_1 call_us"> 1889 <div class="flex_cell_content"><a class="phone_number_click " href="tel:219-322-2700" title="Call us 219-322-2700">
1889<svg role="img" aria-label="Call Us" viewBox="0 0 512 512"><path class="path_class" d="M511.2 387l-23.25 100.8c-3.266 14.25-15.79 24.22-30.46 24.22C205.2 512 0 306.8 0 54.5c0-14.66 9.969-27.2 24.22-30.45l100.8-23.25C139.7-2.602 154.7 5.018 160.8 18.92l46.52 108.5c5.438 12.78 1.77 27.67-8.98 36.45L144.5 207.1c33.98 69.22 90.26 125.5 159.5 159.5l44.08-53.8c8.688-10.78 23.69-14.51 36.47-8.975l108.5 46.51C506.1 357.2 514.6 372.4 511.2 387z"/></svg><span>219-322-2700</span></a></div> </div> 1890<style> 1891 .header_container_1>.flex_row_1>.flex_col_2>.flex_cell_1.call_us { 1892 width:px; justify-content:left; -webkit-justify-content:left; align-items:center; -webkit-align-items:center; } 1893 1894 .header_container_1>.flex_row_1>.flex_col_2>.flex_cell_1.call_us { 1895 height:100%; } 1896 1897 .header_container_1>.flex_row_1>.flex_col_2>.flex_cell_1.call_us>.flex_cell_content { 1898 display: flex; 1899 margin-top:px; margin-bottom:px; margin-left:px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 1900 1901 .header_container_1>.flex_row_1>.flex_col_2>.flex_cell_1 a { 1902 color:#ffffff; font-weight:400; font-style:normal; font-size:12px; font-family:ITC Avant Garde; display: flex; 1903 align-items: center; 1904 text-transform:none; } 1905 1906 .header_container_1>.flex_row_1>.flex_col_2>.flex_cell_1.call_us a svg, 1907 .header_container_1>.flex_row_1>.flex_col_2>.flex_cell_1.call_us a img { 1908 margin-right: 5px; 1909 height:11px; } 1910 1911 .header_container_1>.flex_row_1>.flex_col_2>.flex_cell_1 a .path_class { 1912 fill: currentColor; 1913 } 1914 1915 1916 .header_container_1>.flex_row_1>.flex_col_2>.flex_cell_1 a:hover { 1917 color:#ffffff; } 1918</style> 1919<div class="flex_cell flex_cell_2 custom_text"> 1920 <div class="flex_cell_content"> 1921 <a class="txt_link_ig" title="custom link" href="https://www.albertsjewelers.com/request-an-appointment" target="_blank"> 1922 <p class="">Request An Appointment â</p> 1923 </a> 1924 </div> 1925</div> 1926<style> 1927 .header_container_1>.flex_row_1>.flex_col_2>.flex_cell_2.custom_text { 1928 width:px; justify-content:left; -webkit-justify-content:left; align-items:center; -webkit-align-items:center; } 1929 1930 .header_container_1>.flex_row_1>.flex_col_2>.flex_cell_2.custom_text { 1931 height:100%; } 1932 1933 .header_container_1>.flex_row_1>.flex_col_2>.flex_cell_2.custom_text>.flex_cell_content { 1934 display: flex; 1935 margin-top:10px; margin-bottom:10px; margin-left:20px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 1936 1937 .header_container_1>.flex_row_1>.flex_col_2>.flex_cell_2.custom_text>.flex_cell_content>a p { 1938 line-height: inherit; 1939 margin:0; 1940 text-align:left; color:#ffffff; font-weight:300; font-style:normal; font-size:12px;font-family:ITC Avant Garde; text-transform:none; text-decoration:none; } 1941 1942 .header_container_1>.flex_row_1>.flex_col_2>.flex_cell_2.custom_text>.flex_cell_content>a p:hover { 1943 color:#ffffff; } 1944</style> 1945 1946 </div> 1947 1948 <style> 1949 .header_container_1>.flex_row_1>.flex_col_2 { 1950 width:28%; } 1951 </style> 1952 1953 1954 1955 <div class="flex_col flex_col_3"> 1956 1957 1958 </div> 1959 1960 <style> 1961 .header_container_1>.flex_row_1>.flex_col_3 { 1962 width:2%; } 1963 </style> 1964 1965 1966 1967 <div class="flex_col flex_col_4"> 1968 1969 1970<div class="flex_cell flex_cell_1 custom_text"> 1971 <div class="flex_cell_content"> 1972 <a class="txt_link_ig" title="custom link" href="https://www.albertsjewelers.com/best-sellers" > 1973 <p class="">Spend $200 or more for FREE 2-Day Shipping! Free In-Store Pickup!</p> 1974 </a> 1975 </div> 1976</div> 1977<style> 1978 .header_container_1>.flex_row_1>.flex_col_4>.flex_cell_1.custom_text { 1979 width:100%; justify-content:center;
1979 -webkit-justify-content:center; align-items:center; -webkit-align-items:center; } 1980 1981 .header_container_1>.flex_row_1>.flex_col_4>.flex_cell_1.custom_text { 1982 height:100%; } 1983 1984 .header_container_1>.flex_row_1>.flex_col_4>.flex_cell_1.custom_text>.flex_cell_content { 1985 display: flex; 1986 margin-top:13px; margin-bottom:13px; margin-left:px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 1987 1988 .header_container_1>.flex_row_1>.flex_col_4>.flex_cell_1.custom_text>.flex_cell_content>a p { 1989 line-height: inherit; 1990 margin:0; 1991 text-align:center; color:#ffffff; font-weight:300; font-style:normal; font-size:12px;font-family:ITC Avant Garde; text-transform:none; text-decoration:none; } 1992 1993 .header_container_1>.flex_row_1>.flex_col_4>.flex_cell_1.custom_text>.flex_cell_content>a p:hover { 1994 color:#ffffff; } 1995</style> 1996 1997 </div> 1998 1999 <style> 2000 .header_container_1>.flex_row_1>.flex_col_4 { 2001 width:36%; } 2002 </style> 2003 2004 2005 2006 <div class="flex_col flex_col_5"> 2007 2008 2009<div class="flex_cell flex_cell_1 sl_element"> 2010 <div class="flex_cell_content"><a class="fas-store " href="javascript:" title="Store Locator"><svg class="store-locator-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 64 64"><path d="M32,0C18.746,0,8,10.746,8,24c0,5.219,1.711,10.008,4.555,13.93l16,24C29.414,63.332,30.664,64,32,64s2.586-0.668,3.328-1.781l16-24C54.289,34.008,56,29.219,56,24C56,10.746,45.254,0,32,0z M32,32c-4.418,0-8-3.582-8-8s3.582-8,8-8s8,3.582,8,8S36.418,32,32,32z"/></svg><span class="sl-selected-store"></span></a></div> </div> 2011<style> 2012 .header_container_1>.flex_row_1>.flex_col_5>.flex_cell_1.sl_element { 2013 width:100%; justify-content:left; -webkit-justify-content:left; align-items:center; -webkit-align-items:center; } 2014 2015 .header_container_1>.flex_row_1>.flex_col_5>.flex_cell_1.sl_element { 2016 } 2017 2018 .header_container_1>.flex_row_1>.flex_col_5>.flex_cell_1.sl_element>.flex_cell_content { 2019 display: flex; 2020 margin-top:px; margin-bottom:px; margin-left:px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 2021 2022 .header_container_1>.flex_row_1>.flex_col_5>.flex_cell_1 a { 2023 color:#022d57; font-style:normal; font-size:px; font-family:Arial; display: flex; 2024 align-items: center; 2025 text-transform:none; } 2026 2027 .header_container_1>.flex_row_1>.flex_col_5>.flex_cell_1.sl_element a svg, 2028 .header_container_1>.flex_row_1>.flex_col_5>.flex_cell_1.sl_element a img { 2029 margin-right: 5px; 2030 height:16px; } 2031 2032 .header_container_1>.flex_row_1>.flex_col_5>.flex_cell_1 a .path_class { 2033 fill: currentColor; 2034 } 2035 2036 2037 .header_container_1>.flex_row_1>.flex_col_5>.flex_cell_1 a:hover { 2038 color:#022d57; } 2039</style> 2040 2041 </div> 2042 2043 <style> 2044 .header_container_1>.flex_row_1>.flex_col_5 { 2045 width:20%; } 2046 </style> 2047 2048 2049 2050 <div class="flex_col flex_col_6"> 2051 2052 2053<div class="flex_cell flex_cell_1 account_icons"> 2054 <div class="flex_cell_content"> 2055 2056 <a class="" href="/wishlist" title="Wishlist" rel="nofollow" style="order: 1"> 2057 <svg role="img" aria-label="Wishlist" width="640" height="640" viewBox="0 0 640 640" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_107_20)"><path class="path_class" d="M420.2 214.3L563.9 235.5C575.8 237.2 585.8 245.6 589.6 257.1C593.4 268.7 590.3 281.3 581.7 289.9L477.5 392.1L502.1 538.7C504.1 550.7 499.2 562.9 489.2 570C479.3 577.1 466.2 578 455.5 572.3L327.1 503.8L198.8 572.3C188 578 174.9 577.1 165 570C155.1 562.9 150.1 550.7 152.2 538.7L176.8 392.1L72.58 289.9C63.97 281.3 60.91 268.7 64.69 257.1C68.46 245.6 78.43 237.2 90.42 235.5L234 214.3L298.4 81.97C303.7 70.954 314.9 63.9609 327.1 63.9609C339.4 63.9609 350.6 70.954 355.9 81.97L420.2 214.3Z" fill="black"/></g><defs><clipPath id="clip0_107_20"><rect width="576" height="512" fill="white" transform="translate(39 64)"/></clipPath></defs></svg>
2057 <span class="item-count-badge wishlist-count-badge d-none"></span> 2058 </a> 2059 2060 <a class=" build-shopping-cart-icon" href="/shopping-cart" title="Shopping Cart" style="order: 2"> 2061 <svg role="img" aria-label="Shopping Cart" width="640" height="640" viewBox="0 0 640 640" fill="none" xmlns="http://www.w3.org/2000/svg"><path class="path_class" d="M128 64C139.5 64 149.4 72.19 151.6 83.51L153.1 96H573.8C594.1 96 610.3 116.25 604.6 136.66L550.6 328.7C546.7 342.5 534.1 352 519.8 352H202.7L211.9 400H520C533.3 400 544 410.7 544 424C544 437.3 533.3 448 520 448H191.1C180.5 448 170.6 439.8 168.4 428.5L108.14 112H56C42.75 112 32 101.25 32 88C32 74.75 42.75 64 56 64H128ZM160 528C160 501.5 181.5 480 208 480C234.5 480 256 501.5 256 528C256 554.5 234.5 576 208 576C181.5 576 160 554.5 160 528ZM544 528C544 554.5 522.5 576 496 576C469.5 576 448 554.5 448 528C448 501.5 469.5 480 496 480C522.5 480 544 501.5 544 528Z" fill="black"/></svg> <span class="item-count-badge build-shopping-cart-item-counter d-none"></span> 2062 </a> 2063 2064 2065 <a class="" href="/login" title="My Account" style="order: 3"> 2066 <svg role="img" aria-label="My Account" width="640" height="640" viewBox="0 0 640 640" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_107_18)"><path class="path_class" d="M320 320C390.7 320 448 262.69 448 192C448 121.31 390.7 64 320 64C249.3 64 192 121.31 192 192C192 262.69 249.3 320 320 320ZM370.7 368H269.3C173.61 368 96 445.6 96 541.3C96 560.44 111.52 575.97 130.66 575.97H509.36C528.5 576 544 560.5 544 541.3C544 445.6 466.4 368 370.7 368Z" fill="black"/></g><defs><clipPath id="clip0_107_18"><rect width="448" height="512" fill="white" transform="translate(96 64)"/></clipPath></defs></svg> </a> 2067 </div> 2068</div> 2069 2070<style> 2071 .header_container_1>.flex_row_1>.flex_col_6>.flex_cell_1.account_icons { 2072 width:100%; justify-content: flex-end; 2073 align-items:center; -webkit-align-items:center; } 2074 2075 .header_container_1>.flex_row_1>.flex_col_6>.flex_cell_1.account_icons { 2076 height:100%; } 2077 2078 .header_container_1>.flex_row_1>.flex_col_6>.flex_cell_1.account_icons>.flex_cell_content { 2079 display: flex; 2080 margin-top:px; margin-bottom:px; margin-left:px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 2081 2082 .header_container_1>.flex_row_1>.flex_col_6>.flex_cell_1.account_icons .wishlist-count-badge.d-none { 2083 display: none !important; 2084 } 2085 2086 .header_container_1>.flex_row_1>.flex_col_6>.flex_cell_1.account_icons a { 2087 display: flex; 2088 align-items: center; 2089 color:#ffffff; font-weight:400; font-style:normal; font-size:15px; font-family:Libre Baskerville; margin-left: 12px; 2090 text-transform:none; } 2091 2092 .header_container_1>.flex_row_1>.flex_col_6>.flex_cell_1.account_icons a svg, 2093 .header_container_1>.flex_row_1>.flex_col_6>.flex_cell_1.account_icons a img { 2094 flex-shrink: 0; 2095 margin-right: 5px; 2096 width:14px; height:14px; } 2097 2098 .header_container_1>.flex_row_1>.flex_col_6>.flex_cell_1.account_icons a .path_class { 2099 fill: currentColor; 2100 } 2101 2102 .header_container_1>.flex_row_1>.flex_col_6>.flex_cell_1.account_icons a:hover { 2103 color:#ffffff; } 2104 2105 .header_container_1>.flex_row_1>.flex_col_6>.flex_cell_1.account_icons a .item-count-badge { 2106 padding: 0 5px; 2107 height: 16px; 2108 min-width: 16px; 2109 text-align: center; 2110 border-radius: 7px; 2111 line-height: 16px; 2112 border: 1px solid #fff; 2113 font-style: normal; 2114 font-weight: 700; 2115 font-size: 10px; 2116 background-color:#cdb877; color:#ffffff; margin-left: -10px; 2117 margin-top: -15px; 2118 } 2119</style> 2120 </div> 2121 2122 <style> 2123 .header_container_1>.flex_row_1>.flex_col_6 { 2124 width:10%; } 2125 </style> 2126 2127 2128 2129 <div class="flex_col flex_col_7"> 2130 2131 2132 </div> 2133 2134 <style> 2135 .header_container_1>.flex_row_1>.flex_col_7 { 2136 width:2%; } 2137 </style> 2138 2139 2140 2141 </div> 2142 2143 2144 <style> 2145 .header_container_1>.flex_row_1 { 2146 background-color: #022d57; 2147 2148 color:#000000; height:auto; 2149 2150 } 2151 2152 </style> 2153 2154 2155 2156 2157 2158 <div class="flex_row flex_row_2 "> 2159 2160 2161 <div class="flex_col flex_col_1"> 2162 2163 <div class="flex_cell flex_cell_1 line"> 2164 <div class="s_line"></div> 2165 </div> 2166 2167<style> 2168 .header_container_1>.flex_row_2>.flex_col_1>.flex_cell_1 { 2169 width: 100%; 2170 justify-content:center;
2170 -webkit-justify-content:center; margin-top:px; margin-bottom:px; margin-left:px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 2171 2172 2173 .header_container_1>.flex_row_2>.flex_col_1>.flex_cell_1 .s_line { 2174 background-color:#ffffff; border-style: solid; 2175 width:100%; border-radius:0px; border-width:0px; border-color:#000000; } 2176 2177</style> 2178 </div> 2179 2180 <style> 2181 .header_container_1>.flex_row_2>.flex_col_1 { 2182 width:100%; } 2183 </style> 2184 2185 2186 2187 </div> 2188 2189 2190 <style> 2191 .header_container_1>.flex_row_2 { 2192 background-color: #ffffff; 2193 2194 color:#000000; height:20px; 2195 2196 } 2197 2198 </style> 2199 2200 2201 2202 2203 2204 <div class="flex_row flex_row_3 "> 2205 2206 2207 <div class="flex_col flex_col_1"> 2208 2209 2210 </div> 2211 2212 <style> 2213 .header_container_1>.flex_row_3>.flex_col_1 { 2214 width:2%; } 2215 </style> 2216 2217 2218 2219 <div class="flex_col flex_col_2"> 2220 2221 <div class="flex_cell flex_cell_1 menu"> 2222 <div class="flex_cell_content"> 2223 <style> 2224 .header_container_1>.flex_row_3>.flex_col_2>.flex_cell_1.menu .hamburger-button-inner, 2225 .header_container_1>.flex_row_3>.flex_col_2>.flex_cell_1.menu .hamburger-button-parent { 2226 width: 30px; 2227 height: 24px; 2228 position: relative; 2229 cursor: pointer; 2230 } 2231 .header_container_1>.flex_row_3>.flex_col_2>.flex_cell_1.menu .hamburger-button-inner .hamburger-icon rect { 2232 fill: #022d57; } 2233 2234 2235 .header_container_1>.flex_row_3>.flex_col_2>.flex_cell_1.menu a.hamburger-menu-nav-section, 2236 .header_container_1>.flex_row_3>.flex_col_2>.flex_cell_1.menu a.hamburger-menu-close-button{ 2237 color:#000000; display: flex; 2238 font-weight:400; font-style:normal; font-size:15px; font-family:ITC Avant Garde; text-transform:none; line-height:48px; } 2239 </style> 2240 2241 <div id="desktop_hamburger_button" role="button" class="hamburger-button-inner" tabindex="0" aria-label="Hamburger Button" aria-expanded="false" aria-controls="desktop_hamburger_menu_template"> 2242 <div class="hamburger-button-parent"> 2243 <svg class="hamburger-icon" width="30" height="24" viewBox="0 0 30 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"> 2244 <rect y="1" width="30" height="3" rx="1.5" ry="1.5" fill="black"/> 2245 <rect y="10" width="30" height="3" rx="1.5" ry="1.5" fill="black"/> 2246 <rect y="19" width="30" height="3" rx="1.5" ry="1.5" fill="black"/> 2247 </svg> 2248 2249 2250 </div> 2251 </div> 2252 </div> 2253</div> 2254 2255<style> 2256 .header_container_1>.flex_row_3>.flex_col_2>.flex_cell_1.menu { 2257 width:100%; justify-content: flex-start; 2258 align-items:center; -webkit-align-items:center; } 2259 2260 .header_container_1>.flex_row_3>.flex_col_2>.flex_cell_1.menu { 2261 height:100%; } 2262 2263 .header_container_1>.flex_row_3>.flex_col_2>.flex_cell_1.menu>.flex_cell_content { 2264 display: flex; 2265 margin-top:px; margin-bottom:px; margin-left:px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 2266 2267 .header_container_1>.flex_row_3>.flex_col_2>.flex_cell_1.menu>.flex_cell_content>nav>ul>li>a, 2268 .header_container_1>.flex_row_3>.flex_col_2>.flex_cell_1.menu>.flex_cell_content>nav>ul>li>button { 2269 color:#000000; display: flex; 2270 font-weight:400; font-style:normal; font-size:15px; font-family:ITC Avant Garde; text-transform:none; line-height:48px; } 2271 2272 .header_container_1>.flex_row_3>.flex_col_2>.flex_cell_1.menu>.flex_cell_content>nav>ul>li>a:hover { 2273 color:#000000; } 2274</style> 2275 </div> 2276 2277 <style> 2278 .header_container_1>.flex_row_3>.flex_col_2 { 2279 width:5%; } 2280 </style> 2281 2282 2283 2284 <div class="flex_col flex_col_3"> 2285 2286 2287 2288<div class="flex_cell flex_cell_1 image"> 2289 <div class="flex_cell_content"> 2290 2291 <a href="https://www.albertsjewelers.com/" 2292 > 2293 2294 2295 <img 2296 height="100px" width="200px" 2297 2298 src="https://www.albertsjewelers.com/public/1.0/uploads/source/website-header-logos---d.png" 2299 2300 alt="Abert's Diamond Jewelers"> 2301 2302 2303 </a> 2304 2305 </div> 2306</div> 2307 <style> 2308 .header_container_1>.flex_row_3>.flex_col_3>.flex_cell_1.image { 2309 width:100%; justify-content:left;
2309 -webkit-justify-content:left; align-items:center; -webkit-align-items:center; } 2310 .header_container_1>.flex_row_3>.flex_col_3>.flex_cell_1.image>.flex_cell_content { 2311 display: flex; 2312 margin-top:px; margin-bottom:px; margin-left:px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 2313 .header_container_1>.flex_row_3>.flex_col_3>.flex_cell_1.image img { 2314 max-width:180px; } 2315 2316 .header_container_1>.flex_row_3>.flex_col_3>.flex_cell_1.image { 2317 height:100%; } 2318 </style> 2319 2320 2321 </div> 2322 2323 <style> 2324 .header_container_1>.flex_row_3>.flex_col_3 { 2325 width:24%; } 2326 </style> 2327 2328 2329 2330 <div class="flex_col flex_col_4"> 2331 2332 2333<div class="flex_cell flex_cell_1 search_box"> 2334 <div class="flex_cell_content"> 2335 <form class="sform" id="search-box-form" 2336 onsubmit="javascript: window.location = '/keyword-search?search=' + encodeURIComponent($(this).find('input[name=search]').val()); return false;"> 2337 <div class="inputs-group"> 2338 <button class="sBtn"> 2339 <svg role="img" aria-label="Search" viewBox="0 0 512 512"><path class="path_class" d="M500.3 443.7l-119.7-119.7c27.22-40.41 40.65-90.9 33.46-144.7C401.8 87.79 326.8 13.32 235.2 1.723C99.01-15.51-15.51 99.01 1.724 235.2c11.6 91.64 86.08 166.7 177.6 178.9c53.8 7.189 104.3-6.236 144.7-33.46l119.7 119.7c15.62 15.62 40.95 15.62 56.57 0C515.9 484.7 515.9 459.3 500.3 443.7zM79.1 208c0-70.58 57.42-128 128-128s128 57.42 128 128c0 70.58-57.42 128-128 128S79.1 278.6 79.1 208z"/></svg> 2340 </button> 2341 <input class="sinp" type="text" name="search" 2342 placeholder="Watches, Jewelry, Rings..." 2343 aria-label="Watches, Jewelry, Rings..." 2344 > 2345 </div> 2346 </form> 2347 </div> 2348</div> 2349<style> 2350 .header_container_1>.flex_row_3>.flex_col_4>.flex_cell_1.search_box { 2351 width:100%; justify-content:center; -webkit-justify-content:center; align-items:center; -webkit-align-items:center; } 2352 2353 .header_container_1>.flex_row_3>.flex_col_4>.flex_cell_1.search_box { 2354 height:100%; } 2355 2356 .header_container_1>.flex_row_3>.flex_col_4>.flex_cell_1.search_box>.flex_cell_content { 2357 display: flex; 2358 margin-top:px; margin-bottom:px; margin-left:px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; width:75%; } 2359 2360 .header_container_1>.flex_row_3>.flex_col_4>.flex_cell_1 .sform, .header_container_1>.flex_row_3>.flex_col_4>.flex_cell_1 .inputs-group { 2361 width: 100%; 2362 display: flex; 2363 flex-wrap: nowrap; 2364 } 2365 2366 .header_container_1>.flex_row_3>.flex_col_4>.flex_cell_1 .sinp { 2367 border-radius: 0px; 2368 padding: 4px 8px; 2369 outline: 0px; 2370 box-shadow: none; 2371 font-size:12px; font-family:Libre Baskerville; color:#022d57; font-weight:400; font-style:normal; background-color:#ffffff; 2372 2373 2374 border-style: solid; 2375 border-width:1px; border-color:#ffffff; 2376 2377 border-left:0px; 2378 width: 100%; 2379 2380 border-bottom-color:#022d57; } 2381 2382 .header_container_1>.flex_row_3>.flex_col_4>.flex_cell_1 .sinp:hover { 2383 } 2384 2385 .header_container_1>.flex_row_3>.flex_col_4>.flex_cell_1 .sinp::placeholder { 2386 font-size:12px; font-family:Libre Baskerville; color:#022d57; opacity: 1;
2387 } 2388 2389 .header_container_1>.flex_row_3>.flex_col_4>.flex_cell_1 .sBtn { 2390 height: 100%; 2391 border-radius: 0px; 2392 padding: 4px; 2393 align-items: center; 2394 justify-content: center; 2395 display: flex; 2396 border-style: solid; 2397 border-width:1px; border-color:#ffffff; color:#022d57; font-weight:400; font-style:normal; background-color:#ffffff; border-right:0px; 2398 2399 } 2400 2401 .header_container_1>.flex_row_3>.flex_col_4>.flex_cell_1 .sBtn:hover { 2402 background-color:#ffffff; } 2403 2404 .header_container_1>.flex_row_3>.flex_col_4>.flex_cell_1 .sBtn svg { 2405 width:11px; height:11px; } 2406 2407 .header_container_1>.flex_row_3>.flex_col_4>.flex_cell_1 .sBtn .path_class { 2408 fill:#022d57; } 2409 2410 .header_container_1>.flex_row_3>.flex_col_4>.flex_cell_1 .sBtn:hover .path_class { 2411 fill:#022d57; } 2412 2413</style> 2414 </div> 2415 2416 <style> 2417 .header_container_1>.flex_row_3>.flex_col_4 { 2418 width:37%; } 2419 </style> 2420 2421 2422 2423 <div class="flex_col flex_col_5"> 2424 2425 2426 2427<div class="flex_cell flex_cell_1 image"> 2428 <div class="flex_cell_content"> 2429 2430 <a href="https://www.albertsjewelers.com/david-yurman" 2431 > 2432 2433 2434 <img 2435 height="65px" width="140px" 2436 2437 src="https://www.albertsjewelers.com/public/1.0/uploads/source/dy_widget.jpg" 2438 2439 alt="David Yurman Logo"> 2440 2441 2442 </a> 2443 2444 </div> 2445</div> 2446 <style> 2447 .header_container_1>.flex_row_3>.flex_col_5>.flex_cell_1.image { 2448 width:140px; justify-content:center; -webkit-justify-content:center; align-items:center; -webkit-align-items:center; } 2449 .header_container_1>.flex_row_3>.flex_col_5>.flex_cell_1.image>.flex_cell_content { 2450 display: flex; 2451 margin-top:px; margin-bottom:px; margin-left:px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 2452 .header_container_1>.flex_row_3>.flex_col_5>.flex_cell_1.image img { 2453 } 2454 2455 .header_container_1>.flex_row_3>.flex_col_5>.flex_cell_1.image { 2456 height:100%; } 2457 </style> 2458 2459 2460 2461<div class="flex_cell flex_cell_2 image"> 2462 <div class="flex_cell_content"> 2463 2464 <a href="https://www.albertsjewelers.com/breitling" 2465 target="_blank" rel="noopener noreferrer"> 2466 2467 2468 <img 2469 height="65px" width="140px" 2470 2471 src="https://www.albertsjewelers.com/public/1.0/uploads/source/breitling_plaque.jpg" 2472 2473 alt="Breitling"> 2474 2475 2476 </a> 2477 2478 </div> 2479</div> 2480 <style> 2481 .header_container_1>.flex_row_3>.flex_col_5>.flex_cell_2.image { 2482 width:140px; justify-content:right; -webkit-justify-content:right; align-items:center; -webkit-align-items:center; } 2483 .header_container_1>.flex_row_3>.flex_col_5>.flex_cell_2.image>.flex_cell_content { 2484 display: flex; 2485 margin-top:px; margin-bottom:px; margin-left:5px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 2486 .header_container_1>.flex_row_3>.flex_col_5>.flex_cell_2.image img { 2487 } 2488 2489 .header_container_1>.flex_row_3>.flex_col_5>.flex_cell_2.image { 2490 height:100%; } 2491 </style> 2492 2493 2494 </div> 2495 2496 <style> 2497 .header_container_1>.flex_row_3>.flex_col_5 { 2498 width:30%; } 2499 </style> 2500 2501 2502 2503 <div class="flex_col flex_col_6"> 2504 2505 2506 </div> 2507 2508 <style> 2509 .header_container_1>.flex_row_3>.flex_col_6 { 2510 width:2%; } 2511 </style> 2512 2513 2514 2515 </div> 2516 2517 2518 <style> 2519 .header_container_1>.flex_row_3 { 2520 background-color: #ffffff; 2521 2522 color:#000000; height:auto; 2523 2524 } 2525 2526 </style> 2527 2528 2529 2530 2531 2532 <div class="flex_row flex_row_4 "> 2533 2534 2535 <div class="flex_col flex_col_1"> 2536 2537 2538 </div> 2539 2540 <style> 2541 .header_container_1>.flex_row_4>.flex_col_1 { 2542 width:100%; } 2543 </style> 2544 2545 2546 2547 </div> 2548 2549 2550 <style> 2551 .header_container_1>.flex_row_4 { 2552 background-color: #ffffff; 2553 2554 color:#000000; height:17px; 2555 2556 } 2557 2558 </style> 2559 2560 2561 2562 2563 2564 2565 <div class="flex_row"> 2566 2567 2568 <div class="flex_col"> 2569 2570 2571 </div> 2572 2573 <div class="flex_col"> 2574 2575 2576 </div> 2577 2578 <div class="flex_col"> 2579 2580 2581 </div> 2582 2583 <div class="flex_col"> 2584 2585 2586 </div> 2587 2588 <div class="flex_col"> 2589 2590 2591 </div> 2592 2593 <div class="flex_col"> 2594 2595 2596 </div> 2597 2598 <div class="flex_col"> 2599 2600 2601 </div> 2602 2603 </div> 2604 2605 2606 2607 <div class="flex_row"> 2608 2609 2610 <div class="flex_col"> 2611 2612 2613 </div> 2614 2615 </div> 2616 2617 2618 2619 <div class="flex_row"> 2620 2621 2622 <div class="flex_col"> 2623 2624 2625 </div> 2626 2627 <div class="flex_col"> 2628 2629 <div class="flex_cell flex_cell_1 menu"> 2630 <style> 2631 body.no-scroll { 2632 overflow: hidden; 2633 }
2634 #desktop_hamburger_menu_template { 2635 position: fixed; 2636 top: 0; 2637 left: 0; 2638 width: 425px; 2639 overflow-y: auto; 2640 left: -425px; 2641 z-index: 1000000001; 2642 background-color: #ffffff; 2643 transition: all 0.3s ease; 2644 height: 100%; 2645 max-height: 100vh; 2646 -webkit-overflow-scrolling: touch; 2647 box-sizing: border-box; 2648 } 2649 #desktop_hamburger_menu_template_overlay.open { 2650 position: absolute; 2651 top: 0; 2652 left: 0; 2653 right: 0; 2654 z-index: 100; 2655 transition: all 0.3s ease; 2656 height: 100vh; 2657 background: rgba(1, 1, 1, 0.5); 2658 cursor: pointer; 2659 box-sizing: border-box; 2660 } 2661 #desktop_hamburger_menu_template .hamburger-menu-template-inner-m { 2662 height: 100vh; 2663 overflow-y: auto; 2664 -webkit-overflow-scrolling: touch; 2665 box-sizing: border-box; 2666 padding-right: 30px; 2667 } 2668 2669 /* Applies to your scrollable element */ 2670 #desktop_hamburger_menu_template .hamburger-menu-template-inner-m,
2671 #desktop_hamburger_menu_template .sub-menu-panel { 2672 /* existing styles */ 2673 overflow-y: auto; 2674 scroll-behavior: smooth; 2675 2676 /* Optional smoother experience on mobile */ 2677 -webkit-overflow-scrolling: touch; 2678 } 2679 2680 /* Custom scrollbar for WebKit (Chrome, Safari, Edge) */ 2681 #desktop_hamburger_menu_template .hamburger-menu-template-inner-m::-webkit-scrollbar, 2682 #desktop_hamburger_menu_template .sub-menu-panel::-webkit-scrollbar { 2683 width: 8px; 2684 } 2685 2686 #desktop_hamburger_menu_template .hamburger-menu-template-inner-m::-webkit-scrollbar-track, 2687 #desktop_hamburger_menu_template .sub-menu-panel::-webkit-scrollbar-track { 2688 background: #f0f0f0; /* Light background */ 2689 border-radius: 4px; 2690 } 2691 #desktop_hamburger_menu_template .hamburger-menu-template-inner-m::-webkit-scrollbar-thumb, 2692 #desktop_hamburger_menu_template .sub-menu-panel::-webkit-scrollbar-thumb { 2693 background-color: #ccc; 2694 border-radius: 4px; 2695 border: 2px solid #f0f0f0; /* Matches track */ 2696 } 2697 #desktop_hamburger_menu_template .hamburger-menu-template-inner-m::-webkit-scrollbar-thumb:hover,
2698 #desktop_hamburger_menu_template .sub-menu-panel::-webkit-scrollbar-thumb:hover { 2699 background-color: #999; 2700 } 2701 2702 /* Firefox scrollbar styling */ 2703 @supports (scrollbar-color: auto) { 2704 #desktop_hamburger_menu_template .hamburger-menu-template-inner-m, 2705 #desktop_hamburger_menu_template .sub-menu-panel { 2706 scrollbar-width: thin; 2707 scrollbar-color: #ccc #f0f0f0; /* thumb and track */ 2708 } 2709 } 2710 #desktop_hamburger_menu_template .hamburger-menu-template-inner { 2711 padding: 30px; 2712 width: 425px; 2713 padding-right: 0px; 2714 position: fixed; 2715 box-sizing: border-box; 2716 } 2717 #desktop_hamburger_menu_template .hamburger-menu-close-button { 2718 font-size: 14px !important; 2719 display: flex; 2720 align-items: center; 2721 margin-bottom: 20px; 2722 } 2723 #desktop_hamburger_menu_template .hamburger-menu-close-button svg { 2724 height: 24px; 2725 margin-right: 5px; 2726 } 2727 #desktop_hamburger_menu_template .hamburger-menu-nav-section { 2728 display: flex; 2729 justify-content: space-between; 2730 align-items: center; 2731 box-sizing: border-box; 2732 } 2733 #desktop_hamburger_menu_template .sub_title_m { 2734 color: #444; 2735 text-transform: uppercase; 2736 font-weight: 400; 2737 font-size: 14px; 2738 margin-top: 30px; 2739 margin-bottom: 30px; 2740 letter-spacing: 2px; 2741 display:flex; 2742 } 2743 #desktop_hamburger_menu_template .hamburger-menu-nav-section svg { 2744 height: 20px; 2745 float: right; 2746 } 2747 #desktop_hamburger_menu_template .hamburger-menu-nav-section.parent_men span{ 2748 text-decoration: underline; 2749 } 2750 #desktop_hamburger_menu_template .hamburger-menu-nav-section.parent_men_arrow{ 2751 min-width:30px; 2752 justify-content: end; 2753 } 2754 #desktop_hamburger_menu_template .icon_and_name { 2755 display:flex; 2756 align-items:center; 2757 gap:10px; 2758 } 2759 #desktop_hamburger_menu_template .ham_menu_container { 2760 display:flex; 2761 justify-content: space-between; 2762 } 2763 #desktop_hamburger_menu_template.open { 2764 left: 0; 2765 2766 }
2767 #desktop_hamburger_menu_template .sub-menu-panel { 2768 padding: 30px; 2769 padding-top: 60px; 2770 position: absolute; 2771 top: 0; 2772 left: 425px; 2773 width: 425px; 2774 height: 100vh; 2775 background-color: #fff; 2776 overflow-y: auto; 2777 z-index: 999999; 2778 opacity: 0; 2779 transition: opacity 0.5s ease; 2780 } 2781 2782 #desktop_hamburger_menu_template .sub-menu-panel.open { 2783 opacity: 1; 2784 z-index: 9999999; 2785 } 2786 2787 2788 2789 #desktop_hamburger_menu_template a.hamburger-menu-nav-section, 2790 #desktop_hamburger_menu_template button.hamburger-menu-nav-section, 2791 #desktop_hamburger_menu_template a.hamburger-menu-close-button, 2792 #desktop_hamburger_menu_template button.hamburger-menu-close-button { 2793 position: relative; 2794 color:#000000; display: flex; 2795 font-weight:400; font-style:normal; font-size:15px; font-family:ITC Avant Garde; text-transform:none; line-height:48px; } 2796 #desktop_hamburger_menu_template button.hamburger-menu-nav-section,
2797 #desktop_hamburger_menu_template button.hamburger-menu-close-button { 2798 background: none; 2799 border: none; 2800 padding: 0; 2801 cursor: pointer; 2802 width: 100%; 2803 } 2804 /* this is not working in dash */ 2805 #desktop_hamburger_menu_template a.hamburger-menu-nav-section:hover, 2806 #desktop_hamburger_menu_template button.hamburger-menu-nav-section:hover, 2807 #desktop_hamburger_menu_template a.hamburger-menu-nav-section.active, 2808 #desktop_hamburger_menu_template button.hamburger-menu-nav-section.active 2809 { 2810 color: #000; 2811 } 2812 #desktop_hamburger_menu_template a.hamburger-menu-nav-section::after, 2813 #desktop_hamburger_menu_template button.hamburger-menu-nav-section::after { 2814 content: ""; 2815 position: absolute; 2816 left: 0; 2817 bottom: 0; 2818 width: 0%; 2819 height: 0.5px; 2820 background-color: #000; 2821 transition: width 0.5s ease; 2822 } 2823 #desktop_hamburger_menu_template a.hamburger-menu-nav-section.active::after,
2824 #desktop_hamburger_menu_template button.hamburger-menu-nav-section.active::after { 2825 width: 100%; 2826 } 2827 2828 #desktop_hamburger_menu_template a.hamburger-menu-nav-section:hover::after, 2829 #desktop_hamburger_menu_template button.hamburger-menu-nav-section:hover::after { 2830 width: 100%; 2831 } 2832 #desktop_hamburger_menu_template.hamburger-menu-template .nav_list_trd { 2833 display: none; 2834 padding: 15px 0px; 2835 padding-left: 20px; 2836 background: #fff; 2837 } 2838 #desktop_hamburger_menu_template.hamburger-menu-template .nav_list_trd.open { 2839 display: block; 2840 padding-top:2px; 2841 } 2842 2843 #desktop_hamburger_menu_template a.hamburger-menu-nav-section .icon_and_name img, 2844 #desktop_hamburger_menu_template button.hamburger-menu-nav-section .icon_and_name img { 2845 height:25px; 2846 } 2847 @media (min-width: 768px) { 2848 .hide_desktop { 2849 display:none!important; 2850 } 2851 } 2852 2853 @media (max-width: 767.9px) { 2854 .hide_mobile { 2855 display:none!important; 2856 } 2857 #desktop_hamburger_menu_template .sub_title_m svg { 2858 height: 20px; 2859 transform: rotate(180deg); 2860 } 2861 #desktop_hamburger_menu_template .sub_title_m { 2862 align-items: center; 2863 gap: 8px; 2864 cursor: pointer; 2865 } 2866 #desktop_hamburger_menu_template { 2867 position: fixed; 2868 top: 0; 2869 left: 0; 2870 width: 100%; 2871 overflow-y: auto; 2872 left: -100%; 2873 z-index: 9999998; 2874 background-color: #ffffff; 2875 transition: all 0.3s ease; 2876 height: 100%; 2877 max-height: 100vh; 2878 -webkit-overflow-scrolling: touch; 2879 box-sizing: border-box; 2880 } 2881 2882 #desktop_hamburger_menu_template .sub-menu-panel { 2883 padding: 30px; 2884 padding-top: 30px; 2885 padding-bottom: 100px; 2886 position: absolute; 2887 top: 0; 2888 left: 200%; 2889 width: 100%; 2890 height: 100vh; 2891 background-color: #fff; 2892 overflow-y: auto; 2893 z-index: -1; 2894 opacity: 1; 2895 transition: 0.5s ease; 2896 box-sizing: border-box; 2897 } 2898 #desktop_hamburger_menu_template .sub-menu-panel.open { 2899 opacity: 1; 2900 left: 0px; 2901 z-index: 9999999; 2902 } 2903 2904 #desktop_hamburger_menu_template .hamburger-menu-template-inner { 2905 width: 100%; 2906 } 2907 2908 2909 } 2910 2911 2912 2913 </style> 2914 2915 <nav id="desktop_hamburger_menu_template" class="hamburger-menu-template" inert="inert"> 2916 2917 <div class="hamburger-menu-template-inner"> 2918 <div class="hamburger-menu-template-inner-m"> 2919 <a href="#!" class="hamburger-menu-close-button mr-4" title="Close" id="desktop_hamburger_close_button" role="button"> 2920 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-13ewnpa" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 11.2928L17.7703 5.52254L18.4774 6.22964L12.7071 11.9999L18.4775 17.7704L17.7704 18.4775L12 12.7071L6.22957 18.4775L5.52246 17.7704L11.2929 11.9999L5.52256 6.22964L6.22967 5.52254L12 11.2928Z" fill="currentColor"></path></svg> 2921 </a> 2922 2923 <div class="script_before_menu"> 2924 2925 2926<div class="flex_cell flex_cell_1 image"> 2927 <div class="flex_cell_content"> 2928 2929 2930 2931 <img 2932 2933 2934 src="https://www.albertsjewelers.com/public/1.0/uploads/source/homepage-2025/header-2025/frame-32.png" 2935 2936 alt="Albert's Jewelers"> 2937 2938 2939 2940 </div> 2941</div> 2942 <style> 2943 .header_container_1 .flex_row .flex_col .script_before_menu .image { 2944 width:100%; justify-content:left !important; align-items:center !important; } 2945 .header_container_1 .flex_row .flex_col .script_before_menu .image>.flex_cell_content { 2946 display: flex; 2947 margin-top:px !important; margin-bottom:px !important; margin-left:px !important; margin-right:px !important; padding-top:px !important; padding-bottom:px !important; padding-left:px !important; padding-right:px !important; } 2948 .header_container_1 .flex_row .flex_col .script_before_menu .image img { 2949 max-width:180px; } 2950 2951 .header_container_1>.flex_row_3>.flex_col_2>.flex_cell_1.image { 2952 } 2953 </style> 2954 2955 </div> 2956 <div style="clear: both"></div> 2957 2958 2959 <a style="margin-top:25px"
2960 class="hamburger-menu-nav-section " 2961 title="New Arrivals" 2962 href="#!" > 2963 2964 <span class="icon_and_name"> 2965 2966 New Arrivals </span> 2967 2968 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path></svg> 2969 2970 </a> 2971 2972 2973 2974 <div class="sub-menu-panel" id="desktop-sub-menu-panel-216"> 2975 <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0"> 2976 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"> 2977 <path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path> 2978</svg> 2979 2980 New Arrivals 2981 </div> 2982 <div class="sub_title_m hide_mobile">New Arrivals</div> 2983 2984 2985 <!-- desktop_hamburger_menu_216_start --> 2986 <div id="desktop_hamburger_menu_216"></div> 2987 <!-- desktop_hamburger_menu_216_end --> 2988 </div> 2989 2990 2991 2992 <a style="margin-top:25px" 2993 class="hamburger-menu-nav-section " 2994 title="Engagement Rings" 2995 href="#!" > 2996 2997 <span class="icon_and_name"> 2998 2999 Engagement Rings </span> 3000 3001 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path></svg> 3002 3003 </a> 3004 3005 3006 3007 <div class="sub-menu-panel" id="desktop-sub-menu-panel-6"> 3008 <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0"> 3009 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"> 3010 <path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path> 3011</svg> 3012 3013 Engagement Rings 3014 </div> 3015 <div class="sub_title_m hide_mobile">Engagement Rings</div> 3016 3017 3018 <!-- desktop_hamburger_menu_6_start --> 3019 <div id="desktop_hamburger_menu_6"></div> 3020 <!-- desktop_hamburger_menu_6_end --> 3021 </div> 3022 3023 3024 3025 <a style="" 3026 class="hamburger-menu-nav-section " 3027 title="Wedding Bands" 3028 href="#!" > 3029 3030 <span class="icon_and_name"> 3031 3032 Wedding Bands </span> 3033 3034 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path></svg> 3035 3036 </a> 3037 3038 3039
3040 <div class="sub-menu-panel" id="desktop-sub-menu-panel-12"> 3041 <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0"> 3042 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"> 3043 <path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path> 3044</svg> 3045 3046 Wedding Bands 3047 </div> 3048 <div class="sub_title_m hide_mobile">Wedding Bands</div> 3049 3050 3051 <!-- desktop_hamburger_menu_12_start --> 3052 <div id="desktop_hamburger_menu_12"></div> 3053 <!-- desktop_hamburger_menu_12_end --> 3054 </div> 3055 3056 3057 3058 <a style="" 3059 class="hamburger-menu-nav-section " 3060 title="Diamonds" 3061 href="#!" > 3062 3063 <span class="icon_and_name"> 3064 3065 Diamonds </span> 3066 3067 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path></svg> 3068 3069 </a> 3070 3071 3072 3073 <div class="sub-menu-panel" id="desktop-sub-menu-panel-11"> 3074 <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0"> 3075 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"> 3076 <path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path> 3077</svg> 3078 3079 Diamonds 3080 </div> 3081 <div class="sub_title_m hide_mobile">Diamonds</div> 3082 3083 3084 <!-- desktop_hamburger_menu_11_start --> 3085 <div id="desktop_hamburger_menu_11"></div> 3086 <!-- desktop_hamburger_menu_11_end --> 3087 </div> 3088 3089 3090 3091 <a style="margin-top:20px" 3092 class="hamburger-menu-nav-section " 3093 title="Designers " 3094 href="#!" > 3095 3096 <span class="icon_and_name"> 3097 3098 Designers </span> 3099 3100 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path></svg> 3101 3102 </a> 3103 3104 3105 3106 <div class="sub-menu-panel" id="desktop-sub-menu-panel-72"> 3107 <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0"> 3108 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"> 3109 <path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path> 3110</svg> 3111 3112 Designers 3113 </div> 3114 <div class="sub_title_m hide_mobile">Designers </div> 3115 3116 3117 <!-- desktop_hamburger_menu_72_start --> 3118 <div id="desktop_hamburger_menu_72"></div> 3119 <!-- desktop_hamburger_menu_72_end --> 3120 </div> 3121 3122 3123 3124 <a style=""
3125 class="hamburger-menu-nav-section " 3126 title="Fine Jewelry" 3127 href="#!" > 3128 3129 <span class="icon_and_name"> 3130 3131 Fine Jewelry </span> 3132 3133 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path></svg> 3134 3135 </a> 3136 3137 3138 3139 <div class="sub-menu-panel" id="desktop-sub-menu-panel-16"> 3140 <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0"> 3141 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"> 3142 <path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path> 3143</svg> 3144 3145 Fine Jewelry 3146 </div> 3147 <div class="sub_title_m hide_mobile">Fine Jewelry</div> 3148 3149 3150 <!-- desktop_hamburger_menu_16_start --> 3151 <div id="desktop_hamburger_menu_16"></div> 3152 <!-- desktop_hamburger_menu_16_end --> 3153 </div> 3154 3155 3156 3157 <a style="" 3158 class="hamburger-menu-nav-section " 3159 title="Timepieces" 3160 href="#!" > 3161 3162 <span class="icon_and_name"> 3163 3164 Timepieces </span> 3165 3166 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path></svg> 3167 3168 </a> 3169 3170 3171 3172 <div class="sub-menu-panel" id="desktop-sub-menu-panel-20"> 3173 <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0"> 3174 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"> 3175 <path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path> 3176</svg> 3177 3178 Timepieces 3179 </div> 3180 <div class="sub_title_m hide_mobile">Timepieces</div> 3181 3182 3183 <!-- desktop_hamburger_menu_20_start --> 3184 <div id="desktop_hamburger_menu_20"></div> 3185 <!-- desktop_hamburger_menu_20_end --> 3186 </div> 3187 3188 3189 3190 <a style="margin-top:20px" 3191 class="hamburger-menu-nav-section " 3192 title="Services" 3193 href="#!" > 3194 3195 <span class="icon_and_name"> 3196 3197 Services </span> 3198 3199 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path></svg> 3200 3201 </a> 3202 3203 3204
3205 <div class="sub-menu-panel" id="desktop-sub-menu-panel-179"> 3206 <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0"> 3207 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"> 3208 <path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path> 3209</svg> 3210 3211 Services 3212 </div> 3213 <div class="sub_title_m hide_mobile">Services</div> 3214 3215 3216 <!-- desktop_hamburger_menu_179_start --> 3217 <div id="desktop_hamburger_menu_179"></div> 3218 <!-- desktop_hamburger_menu_179_end --> 3219 </div> 3220 3221 3222 3223 <a style="" 3224 class="hamburger-menu-nav-section " 3225 title="Contact" 3226 href="#!" > 3227 3228 <span class="icon_and_name"> 3229 3230 Contact </span> 3231 3232 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path></svg> 3233 3234 </a> 3235 3236 3237 3238 <div class="sub-menu-panel" id="desktop-sub-menu-panel-22"> 3239 <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0"> 3240 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"> 3241 <path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path> 3242</svg> 3243 3244 Contact 3245 </div> 3246 <div class="sub_title_m hide_mobile">Contact</div> 3247 3248 3249 <!-- desktop_hamburger_menu_22_start --> 3250 <div id="desktop_hamburger_menu_22"></div> 3251 <!-- desktop_hamburger_menu_22_end --> 3252 </div> 3253 3254 <div class="script_after_menu"> 3255 </div> 3256 </div> 3257 </div> 3258 </nav>
3259 <div class="hamburger-menu-template-overlay" id="desktop_hamburger_menu_template_overlay"></div> 3260 3261
3261<script> 3262 $(function () { 3263 3264 3265 const trap = focusTrap.createFocusTrap('#desktop_hamburger_menu_template', { 3266 onActivate: () => $('#desktop_hamburger_menu_template').addClass('is-active'), 3267 onDeactivate: () => $('#desktop_hamburger_menu_template').removeClass('is-active'), 3268 clickOutsideDeactivates: true 3269 }); 3270 3271 3272 3273 function updatePanelWidth() { 3274 const elements = document.querySelectorAll('.custom_bm_fw'); 3275 3276 elements.forEach(element => { 3277 const panel = element.closest('.sub-menu-panel'); 3278 if (panel) { 3279 if (window.innerWidth > 768) { 3280 const newWidth = window.innerWidth - 425; 3281 panel.style.width = `${newWidth}px`; 3282 } else { 3283 panel.removeAttribute('style'); 3284 } 3285 } 3286 }); 3287 } 3288 3289 updatePanelWidth(); 3290 window.addEventListener('resize', updatePanelWidth); 3291 3292 let $lastNavTrigger = null; 3293 $('.sub-menu-panel').attr('tabindex', '-1'); 3294 $('.sub-menu-panel').find('a, button, .close_sub_menu').attr('tabindex', '-1'); 3295 3296 3297 3298 $('#desktop_hamburger_button').on('click keypress', function (event) { 3299 if(event.which === 13 || event.which === 32 || event.type == 'click') { 3300 if(event.which === 32) { 3301 event.preventDefault(); 3302 } 3303 document.body.classList.add('no-scroll'); 3304 $('#desktop_hamburger_menu_template').toggleClass('open') 3305 $('#desktop_hamburger_menu_template_overlay').toggleClass('open') 3306 $('#desktop_hamburger_menu_template').removeAttr('inert') 3307 trap.activate() 3308 $('#desktop_hamburger_close_button').focus() 3309 } 3310 }) 3311 3312 function closeSubMenu() { 3313 document.querySelectorAll('.sub-menu-panel').forEach(panel => { 3314 panel.classList.remove('open'); 3315 }) 3316 document.querySelectorAll('.hamburger-menu-nav-section').forEach(panel => { 3317 panel.classList.remove('active'); 3318 }) 3319 $('.sub-menu-panel').find('a, button, .close_sub_menu').attr('tabindex', '-1'); 3320 // Restore main-list nav items to the tab order 3321 $('.hamburger-menu-nav-section').removeAttr('tabindex'); 3322 if ($lastNavTrigger) { 3323 $lastNavTrigger.focus(); 3324 $lastNavTrigger = null; 3325 } 3326 } 3327 3328 $('.header_container_1').on('click', '.close_sub_menu', function() { 3329 closeSubMenu(); 3330 }) 3331 3332 $('.header_container_1').on('keydown', '.close_sub_menu', function(event) { 3333 if (event.key === 'Enter' || event.key === ' ') { 3334 event.preventDefault(); 3335 closeSubMenu(); 3336 } 3337 }) 3338 3339 3340 3341 // Cycle Tab focus within the open sub-menu-panel (last item â first item) 3342 $(document).on('keydown', '.sub-menu-panel.open [tabindex="0"]', function(event) { 3343 if (event.key !== 'Tab' || event.shiftKey) return; 3344 var $panel = $(this).closest('.sub-menu-panel.open'); 3345 var $focusable = $panel.find('a[tabindex="0"], button[tabindex="0"], .close_sub_menu[tabindex="0"]'); 3346 if ($focusable.last().is(this)) { 3347 event.preventDefault(); 3348 $focusable.first().trigger('focus'); 3349 } 3350 }); 3351 3352 $('#desktop_hamburger_close_button, #desktop_hamburger_menu_template_overlay').on('click keypress', function (event) { 3353 // <button> fires a synthetic click on Enter/Space â skip keypress to avoid double-fire 3354 if (event.type === 'keypress' && this.tagName === 'BUTTON') { 3355 return; 3356 } 3357 if(event.which === 13 || event.which === 32 || event.type == 'click') { 3358 if (event.which === 32) { 3359 event.preventDefault(); 3360 } 3361 3362 closeHamburgerMenu(); 3363 } 3364 }) 3365 3366 $(window).resize(function () { 3367 if($(window).width() <= 992) closeHamburgerMenu(); 3368 }) 3369 3370 function closeHamburgerMenu() {
3371 document.querySelectorAll('.sub-menu-panel').forEach(panel => { 3372 panel.classList.remove('open'); 3373 }) 3374 document.querySelectorAll('.hamburger-menu-nav-section').forEach(panel => { 3375 panel.classList.remove('active'); 3376 }) 3377 $('.sub-menu-panel').find('a, button, .close_sub_menu').attr('tabindex', '-1'); 3378 // Restore main-list nav items to the tab order 3379 $('.hamburger-menu-nav-section').removeAttr('tabindex'); 3380 $lastNavTrigger = null; 3381 document.body.classList.remove('no-scroll'); 3382 $('#desktop_hamburger_menu_template').removeClass('open') 3383 $('#desktop_hamburger_menu_template_overlay').removeClass('open') 3384 $('#desktop_hamburger_menu_template').attr('inert', 'inert') 3385 trap.deactivate() 3386 } 3387 3388 $('.header_container_1').on('click', '.hamburger-menu-nav-section', function() { 3389 3390 if ($(this).hasClass("active")) { 3391 document.querySelectorAll('.sub-menu-panel').forEach(panel => { 3392 panel.classList.remove('open'); 3393 }) 3394 document.querySelectorAll('.hamburger-menu-nav-section').forEach(panel => { 3395 panel.classList.remove('active'); 3396 }) 3397 $('.sub-menu-panel').find('a, button, .close_sub_menu').attr('tabindex', '-1'); 3398 // Restore main-list nav items to the tab order 3399 $('.hamburger-menu-nav-section').removeAttr('tabindex'); 3400 } else { 3401 // For parent_men_arrow, the sub-menu-panel is after ham_menu_container, not after the button 3402 let $checkPanel = $(this).hasClass("parent_men_arrow") 3403 ? $(this).closest('.ham_menu_container').next('.sub-menu-panel') 3404 : $(this).next('.sub-menu-panel'); 3405 3406 if ($checkPanel.find('.nav_a_trd').length > 0 || $checkPanel.find('.custom_build_menu').length > 0) { 3407 document.querySelectorAll('.sub-menu-panel').forEach(panel => { 3408 panel.classList.remove('open'); 3409 }) 3410 document.querySelectorAll('.hamburger-menu-nav-section').forEach(panel => { 3411 panel.classList.remove('active'); 3412 }) 3413 $('.sub-menu-panel').find('a, button, .close_sub_menu').attr('tabindex', '-1'); 3414 3415 $(this).addClass('active'); 3416 $lastNavTrigger = $(this); 3417 3418 let $openedPanel = null; 3419 3420 if (!$(this).hasClass("parent_men")) { 3421 updatePanelWidth(); 3422 $(this).next('.sub-menu-panel').toggleClass('open'); 3423 $openedPanel = $(this).next('.sub-menu-panel'); 3424 } 3425 if ($(this).hasClass("parent_men_arrow")) { 3426 $(this).closest('.ham_menu_container').next('.sub-menu-panel').toggleClass('open'); 3427 $openedPanel = $(this).closest('.ham_menu_container').next('.sub-menu-panel'); 3428 } 3429 3430 if ($openedPanel && $openedPanel.hasClass('open')) { 3431 // Hide main-list nav items from tab order while panel is open 3432 $('.hamburger-menu-nav-section').attr('tabindex', '-1'); 3433 $openedPanel.find('a, button, .close_sub_menu').attr('tabindex', '0'); 3434 setTimeout(function() { 3435 $openedPanel.find('[tabindex="0"]').first().trigger('focus'); 3436 }, 50); 3437 } 3438 } 3439 } 3440 3441 }) 3442 }) 3443 3444 function setHamburgerInnerHeight() { 3445 const inner = document.querySelector('.hamburger-menu
3445-template-inner-m'); 3446 const offset = 0; // adjust this if there's a header/footer inside 3447 inner.style.height = `${window.innerHeight - offset - 70}px`; 3448 } 3449 3450 // Run on load and resize 3451 window.addEventListener('load', setHamburgerInnerHeight); 3452 window.addEventListener('resize', setHamburgerInnerHeight); 3453 3454 </script>
3454 3455</div> 3456 3457<style> 3458 #desktop_hamburger_menu_template>ul>li>a { 3459 color:#000000; display: flex; 3460 font-weight:400; font-style:normal; font-size:15px; font-family:ITC Avant Garde; text-transform:none; line-height:48px; } 3461 3462 #desktop_hamburger_menu_template>ul>li>a:hover { 3463 color:#000000; } 3464 3465 3466 3467</style> 3468 </div> 3469 3470 <div class="flex_col"> 3471 3472 3473 </div> 3474 3475 <div class="flex_col"> 3476 3477 3478 </div> 3479 3480 <div class="flex_col"> 3481 3482 3483 </div> 3484 3485 <div class="flex_col"> 3486 3487 3488 </div> 3489 3490 </div> 3491 3492 3493 3494 <div class="flex_row"> 3495 3496 3497 <div class="flex_col"> 3498 3499 3500 </div> 3501 3502 </div> 3503 3504 3505 </div> 3506 3507 3508 3509</header> 3510<header class="appearance-tablet-view-template"> 3511 3512 3513 3514 <style> 3515 .header_container>.flex_row { 3516 display: flex; 3517 } 3518 3519 .header_container_2 { 3520 width: 100%; 3521 max-width: 100%; 3522 margin: 0 auto; 3523 position: relative !important; 3524 transform: inherit !important; 3525 } 3526 .header_container>.flex_row>.flex_col { 3527 display: flex; 3528 flex-wrap: wrap; 3529 box-sizing: border-box; 3530 align-content: baseline; 3531 } 3532 .header_container>.flex_row>.flex_col>.flex_cell { 3533 height: fit-content; 3534 display: flex; 3535 } 3536 .header_container>.flex_row>.flex_col>.flex_cell a { 3537 text-decoration: none; 3538 } 3539 .header_container img { 3540 max-width: 100%; 3541 } 3542 .row_spacer_cs { 3543 display: none; 3544 } 3545 .sticky_row { 3546 position: fixed; 3547 } 3548 .sticky_row + .row_spacer_cs { 3549 display: block; 3550 } 3551 </style> 3552 3553 <div class="header_container header_container_2" data-device-type="2"> 3554 3555 3556 3557 <div class="flex_row flex_row_1 "> 3558 3559 3560 <div class="flex_col flex_col_1"> 3561 3562 3563 </div> 3564 3565 <style> 3566 .header_container_2>.flex_row_1>.flex_col_1 { 3567 width:3%; } 3568 </style> 3569 3570 3571 3572 <div class="flex_col flex_col_2"> 3573 3574 3575<div class="flex_cell flex_cell_1 custom_text"> 3576 <div class="flex_cell_content"> 3577 <a class="txt_link_ig" title="custom link" href="https://www.albertsjewelers.com/request-an-appointment" > 3578 <p class="">Request An Appointment â</p> 3579 </a> 3580 </div> 3581</div> 3582<style> 3583 .header_container_2>.flex_row_1>.flex_col_2>.flex_cell_1.custom_text { 3584 width:100%; justify-content:left; -webkit-justify-content:left; align-items:center; -webkit-align-items:center; } 3585 3586 .header_container_2>.flex_row_1>.flex_col_2>.flex_cell_1.custom_text { 3587 height:100%; } 3588 3589 .header_container_2>.flex_row_1>.flex_col_2>.flex_cell_1.custom_text>.flex_cell_content { 3590 display: flex; 3591 margin-top:10px; margin-bottom:10px; margin-left:3px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 3592 3593 .header_container_2>.flex_row_1>.flex_col_2>.flex_cell_1.custom_text>.flex_cell_content>a p { 3594 line-height: inherit; 3595 margin:0; 3596 text-align:center; color:#ffffff; font-weight:400; font-style:normal; font-size:11px;font-family:ITC Avant Garde; text-transform:none; text-decoration:none; } 3597 3598 .header_container_2>.flex_row_1>.flex_col_2>.flex_cell_1.custom_text>.flex_cell_content>a p:hover { 3599 color:#ffffff; } 3600</style> 3601 3602 </div> 3603 3604 <style> 3605 .header_container_2>.flex_row_1>.flex_col_2 { 3606 width:47%; } 3607 </style> 3608 3609 3610 3611 <div class="flex_col flex_col_3"> 3612 3613 3614<div class="flex_cell flex_cell_1 call_us"> 3615 <div class="flex_cell_content"><a class="phone_number_click " href="tel:219-322-2700" title="Call us 219-322-2700">
3615<svg role="img" aria-label="Call Us" viewBox="0 0 512 512"><path class="path_class" d="M511.2 387l-23.25 100.8c-3.266 14.25-15.79 24.22-30.46 24.22C205.2 512 0 306.8 0 54.5c0-14.66 9.969-27.2 24.22-30.45l100.8-23.25C139.7-2.602 154.7 5.018 160.8 18.92l46.52 108.5c5.438 12.78 1.77 27.67-8.98 36.45L144.5 207.1c33.98 69.22 90.26 125.5 159.5 159.5l44.08-53.8c8.688-10.78 23.69-14.51 36.47-8.975l108.5 46.51C506.1 357.2 514.6 372.4 511.2 387z"/></svg><span>Call Us</span></a></div> </div> 3616<style> 3617 .header_container_2>.flex_row_1>.flex_col_3>.flex_cell_1.call_us { 3618 width:100%; justify-content:right; -webkit-justify-content:right; align-items:center; -webkit-align-items:center; } 3619 3620 .header_container_2>.flex_row_1>.flex_col_3>.flex_cell_1.call_us { 3621 height:100%; } 3622 3623 .header_container_2>.flex_row_1>.flex_col_3>.flex_cell_1.call_us>.flex_cell_content { 3624 display: flex; 3625 margin-top:10px; margin-bottom:10px; margin-left:px; margin-right:3px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 3626 3627 .header_container_2>.flex_row_1>.flex_col_3>.flex_cell_1 a { 3628 color:#ffffff; font-weight:400; font-style:normal; font-size:11px; font-family:ITC Avant Garde; display: flex; 3629 align-items: center; 3630 text-transform:none; } 3631 3632 .header_container_2>.flex_row_1>.flex_col_3>.flex_cell_1.call_us a svg, 3633 .header_container_2>.flex_row_1>.flex_col_3>.flex_cell_1.call_us a img { 3634 margin-right: 5px; 3635 height:10px; } 3636 3637 .header_container_2>.flex_row_1>.flex_col_3>.flex_cell_1 a .path_class { 3638 fill: currentColor; 3639 } 3640 3641 3642 .header_container_2>.flex_row_1>.flex_col_3>.flex_cell_1 a:hover { 3643 color:#ffffff; } 3644</style> 3645 </div> 3646 3647 <style> 3648 .header_container_2>.flex_row_1>.flex_col_3 { 3649 width:47%; } 3650 </style> 3651 3652 3653 3654 <div class="flex_col flex_col_4"> 3655 3656 3657 </div> 3658 3659 <style> 3660 .header_container_2>.flex_row_1>.flex_col_4 { 3661 width:3%; } 3662 </style> 3663 3664 3665 3666 </div> 3667 3668 3669 <style> 3670 .header_container_2>.flex_row_1 { 3671 background-color: #022d57; 3672 3673 color:#000000; height:auto; 3674 3675 } 3676 3677 </style> 3678 3679 3680 3681 3682 3683 <div class="flex_row flex_row_2 "> 3684 3685 3686 <div class="flex_col flex_col_1"> 3687 3688 <div class="flex_cell flex_cell_1 menu"> 3689 <div class="flex_cell_content"> 3690 <style> 3691 .header_container_2>.flex_row_2>.flex_col_1>.flex_cell_1.menu .hamburger-button-inner, 3692 .header_container_2>.flex_row_2>.flex_col_1>.flex_cell_1.menu .hamburger-button-parent { 3693 width: 30px; 3694 height: 24px; 3695 position: relative; 3696 cursor: pointer; 3697 } 3698 .header_container_2>.flex_row_2>.flex_col_1>.flex_cell_1.menu .hamburger-button-inner .hamburger-icon rect { 3699 fill: #022d57; } 3700 3701 3702 .header_container_2>.flex_row_2>.flex_col_1>.flex_cell_1.menu a.hamburger-menu-nav-section, 3703 .header_container_2>.flex_row_2>.flex_col_1>.flex_cell_1.menu a.hamburger-menu-close-button{ 3704 color:#000000; display: flex; 3705 font-weight:400; font-style:normal; font-size:14px; font-family:ITC Avant Garde; text-transform:none; line-height:35px; } 3706 </style> 3707 3708 <div id="tablet_hamburger_button" role="button" class="hamburger-button-inner" tabindex="0" aria-label="Hamburger Button" aria-expanded="false" aria-controls="tablet_hamburger_menu_template"> 3709 <div class="hamburger-button-parent"> 3710 <svg class="hamburger-icon" width="30" height="24" viewBox="0 0 30 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"> 3711 <rect y="1" width="30" height="3" rx="1.5" ry="1.5" fill="black"/> 3712 <rect y="10" width="30" height="3" rx="1.5" ry="1.5" fill="black"/> 3713 <rect y="19" width="30" height="3" rx="1.5" ry="1.5" fill="black"/> 3714 </svg> 3715 3716 3717 </div> 3718 </div> 3719 </div> 3720</div> 3721 3722<style> 3723 .header_container_2>.flex_row_2>.flex_col_1>.flex_cell_1.menu { 3724 width:100%; justify-content: center; 3725 align-items:center; -webkit-align-items:center; } 3726 3727 .header_container_2>.flex_row_2>.flex_col_1>.flex_cell_1.menu { 3728 height:100%; } 3729 3730 .header_container_2>.flex_row_2>.flex_col_1>.flex_cell_1.menu>.flex_cell_content { 3731 display: flex; 3732 margin-top:px; margin-bottom:px; margin-left:px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 3733 3734 .header_container_2>.flex_row_2>.flex_col_1>.flex_cell_1.menu>.flex_cell_content>nav>ul>li>a, 3735 .header_container_2>.flex_row_2>.flex_col_1>.flex_cell_1.menu>.flex_cell_content>nav>ul>li>button { 3736 color:#000000; display: flex; 3737 font-weight:400; font-style:normal; font-size:14px; font-family:ITC Avant Garde; text-transform:none; line-height:35px; } 3738 3739 .header_container_2>.flex_row_2>.flex_col_1>.flex_cell_1.menu>.flex_cell_content>nav>ul>li>a:hover { 3740 color:#000000; } 3741</style> 3742 </div> 3743 3744 <style> 3745 .header_container_2>.flex_row_2>.flex_col_1 { 3746 width:12%; } 3747 </style> 3748 3749 3750 3751 <div class="flex_col flex_col_2"> 3752 3753 3754 3755<div class="flex_cell flex_cell_1 image"> 3756 <div class="flex_cell_content"> 3757 3758 <a href="https://www.albertsjewelers.com/" 3759 > 3760 3761 3762 <img 3763 3764 3765 src="https://www.albertsjewelers.com/public/1.0/uploads/source/ad-logo-t.png" 3766 3767 alt="Albert's Diamond Jewelers"> 3768 3769 3770 </a> 3771 3772 </div> 3773</div> 3774 <style> 3775 .header_container_2>.flex_row_2>.flex_col_2>.flex_cell_1.image { 3776 width:100%; justify-content:left;
3776 -webkit-justify-content:left; align-items:center; -webkit-align-items:center; } 3777 .header_container_2>.flex_row_2>.flex_col_2>.flex_cell_1.image>.flex_cell_content { 3778 display: flex; 3779 margin-top:10px; margin-bottom:10px; margin-left:px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 3780 .header_container_2>.flex_row_2>.flex_col_2>.flex_cell_1.image img { 3781 max-width:100%; } 3782 3783 .header_container_2>.flex_row_2>.flex_col_2>.flex_cell_1.image { 3784 height:100%; } 3785 </style> 3786 3787 3788 </div> 3789 3790 <style> 3791 .header_container_2>.flex_row_2>.flex_col_2 { 3792 width:60%; } 3793 </style> 3794 3795 3796 3797 <div class="flex_col flex_col_3"> 3798 3799 3800<div class="flex_cell flex_cell_1 account_icons"> 3801 <div class="flex_cell_content"> 3802 3803 <a class="" href="/wishlist" title="Wishlist" rel="nofollow" style="order: 1"> 3804 <svg role="img" aria-label="Wishlist" width="640" height="640" viewBox="0 0 640 640" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_107_20)"><path class="path_class" d="M420.2 214.3L563.9 235.5C575.8 237.2 585.8 245.6 589.6 257.1C593.4 268.7 590.3 281.3 581.7 289.9L477.5 392.1L502.1 538.7C504.1 550.7 499.2 562.9 489.2 570C479.3 577.1 466.2 578 455.5 572.3L327.1 503.8L198.8 572.3C188 578 174.9 577.1 165 570C155.1 562.9 150.1 550.7 152.2 538.7L176.8 392.1L72.58 289.9C63.97 281.3 60.91 268.7 64.69 257.1C68.46 245.6 78.43 237.2 90.42 235.5L234 214.3L298.4 81.97C303.7 70.954 314.9 63.9609 327.1 63.9609C339.4 63.9609 350.6 70.954 355.9 81.97L420.2 214.3Z" fill="black"/></g><defs><clipPath id="clip0_107_20"><rect width="576" height="512" fill="white" transform="translate(39 64)"/></clipPath></defs></svg> <span class="item-count-badge wishlist-count-badge d-none"></span> 3805 </a> 3806 3807 <a class=" build-shopping-cart-icon" href="/shopping-cart" title="Shopping Cart" style="order: 2"> 3808 <svg role="img" aria-label="Shopping Cart" width="640" height="640" viewBox="0 0 640 640" fill="none" xmlns="http://www.w3.org/2000/svg"><path class="path_class" d="M128 64C139.5 64 149.4 72.19 151.6 83.51L153.1 96H573.8C594.1 96 610.3 116.25 604.6 136.66L550.6 328.7C546.7 342.5 534.1 352 519.8 352H202.7L211.9 400H520C533.3 400 544 410.7 544 424C544 437.3 533.3 448 520 448H191.1C180.5 448 170.6 439.8 168.4 428.5L108.14 112H56C42.75 112 32 101.25 32 88C32 74.75 42.75 64 56 64H128ZM160 528C160 501.5 181.5 480 208 480C234.5 480 256 501.5 256 528C256 554.5 234.5 576 208 576C181.5 576 160 554.5 160 528ZM544 528C544 554.5 522.5 576 496 576C469.5 576 448 554.5 448 528C448 501.5 469.5 480 496 480C522.5 480 544 501.5 544 528Z" fill="black"/></svg> <span class="item-count-badge build-shopping-cart-item-counter d-none"></span> 3809 </a> 3810 3811 3812 <a class="" href="/login" title="My Account" style="order: 3"> 3813 <svg role="img" aria-label="My Account" width="640" height="640" viewBox="0 0 640 640" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_107_18)"><path class="path_class" d="M320 320C390.7 320 448 262.69 448 192C448 121.31 390.7 64 320 64C249.3 64 192 121.31 192 192C192 262.69 249.3 320 320 320ZM370.7 368H269.3C173.61 368 96 445.6 96 541.3C96 560.44 111.52 575.97 130.66 575.97H509.36C528.5 576 544 560.5 544 541.3C544 445.6 466.4 368 370.7 368Z" fill="black"/></g><defs><clipPath id="clip0_107_18"><rect width="448" height="512" fill="white" transform="translate(96 64)"/></clipPath></defs></svg> </a> 3814 </div> 3815</div> 3816 3817<style> 3818 .header_container_2>.flex_row_2>.flex_col_3>.flex_cell_1.account_icons { 3819 width:100%; justify-content: flex-end; 3820 align-items:center; -webkit-align-items:center; } 3821 3822 .header_container_2>.flex_row_2>.flex_col_3>.flex_cell_1.account_icons { 3823 height:100%; } 3824 3825 .header_container_2>.flex_row_2>.flex_col_3>.flex_cell_1.account_icons>.flex_cell_content { 3826 display: flex; 3827 margin-top:px; margin-bottom:px; margin-left:px; margin-right:25px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 3828 3829 .header_container_2>.flex_row_2>.flex_col_3>.flex_cell_1.account_icons .wishlist-count-badge.d-none { 3830 display: none !important; 3831 } 3832 3833 .header_container_2>.flex_row_2>.flex_col_3>.flex_cell_1.account_icons a { 3834 display: flex; 3835 align-items: center; 3836 color:#022d57; font-weight:400; font-style:normal; font-size:16px; font-family:Baskerville; margin-left: 12px; 3837 text-transform:none; } 3838 3839 .header_container_2>.flex_row_2>.flex_col_3>.flex_cell_1.account_icons a svg, 3840 .header_container_2>.flex_row_2>.flex_col_3>.flex_cell_1.account_icons a img { 3841 flex-shrink: 0; 3842 margin-right: 5px; 3843 width:15px; height:15px; } 3844 3845 .header_container_2>.flex_row_2>.flex_col_3>.flex_cell_1.account_icons a .path_class { 3846 fill: currentColor; 3847 } 3848 3849 .header_container_2>.flex_row_2>.flex_col_3>.flex_cell_1.account_icons a:hover { 3850 color:#003da5; } 3851 3852 .header_container_2>.flex_row_2>.flex_col_3>.flex_cell_1.account_icons a .item-count-badge { 3853 padding: 0 5px; 3854 height: 16px; 3855 min-width: 16px; 3856 text-align: center; 3857 border-radius: 7px; 3858 line-height: 16px; 3859 border: 1px solid #fff; 3860 font-style: normal; 3861 font-weight: 700; 3862 font-size: 10px; 3863 background-color:#cdb877; color:#ffffff; margin-left: -10px; 3864 margin-top: -15px; 3865 } 3866</style> 3867 </div> 3868 3869 <style> 3870 .header_container_2>.flex_row_2>.flex_col_3 { 3871 width:28%; } 3872 </style> 3873 3874 3875 3876 </div> 3877 3878 3879 <style> 3880 .header_container_2>.flex_row_2 { 3881 background-color: #ffffff; 3882 3883 color:#000000; height:auto; 3884 3885 } 3886 3887 </style> 3888 3889 3890 3891 3892 3893 <div class="flex_row flex_row_3 "> 3894 3895 3896 <div class="flex_col flex_col_1"> 3897 3898 3899<div class="flex_cell flex_cell_1 search_box"> 3900 <div class="flex_cell_content"> 3901 <form class="sform" id="search-box-form"
3902 onsubmit="javascript: window.location = '/keyword-search?search=' + encodeURIComponent($(this).find('input[name=search]').val()); return false;"> 3903 <div class="inputs-group"> 3904 <button class="sBtn"> 3905 <svg role="img" aria-label="Search" viewBox="0 0 512 512"><path class="path_class" d="M500.3 443.7l-119.7-119.7c27.22-40.41 40.65-90.9 33.46-144.7C401.8 87.79 326.8 13.32 235.2 1.723C99.01-15.51-15.51 99.01 1.724 235.2c11.6 91.64 86.08 166.7 177.6 178.9c53.8 7.189 104.3-6.236 144.7-33.46l119.7 119.7c15.62 15.62 40.95 15.62 56.57 0C515.9 484.7 515.9 459.3 500.3 443.7zM79.1 208c0-70.58 57.42-128 128-128s128 57.42 128 128c0 70.58-57.42 128-128 128S79.1 278.6 79.1 208z"/></svg> 3906 </button> 3907 <input class="sinp" type="text" name="search" 3908 placeholder="Watches, Jewelry, Rings..." 3909 aria-label="Watches, Jewelry, Rings..." 3910 > 3911 </div> 3912 </form> 3913 </div> 3914</div> 3915<style> 3916 .header_container_2>.flex_row_3>.flex_col_1>.flex_cell_1.search_box { 3917 width:100%; justify-content:center; -webkit-justify-content:center; align-items:center; -webkit-align-items:center; } 3918 3919 .header_container_2>.flex_row_3>.flex_col_1>.flex_cell_1.search_box { 3920 height:100%; } 3921 3922 .header_container_2>.flex_row_3>.flex_col_1>.flex_cell_1.search_box>.flex_cell_content { 3923 display: flex; 3924 margin-top:10px; margin-bottom:10px; margin-left:px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; width:85%; } 3925 3926 .header_container_2>.flex_row_3>.flex_col_1>.flex_cell_1 .sform, .header_container_2>.flex_row_3>.flex_col_1>.flex_cell_1 .inputs-group { 3927 width: 100%; 3928 display: flex; 3929 flex-wrap: nowrap; 3930 } 3931 3932 .header_container_2>.flex_row_3>.flex_col_1>.flex_cell_1 .sinp { 3933 border-radius: 0px; 3934 padding: 4px 8px; 3935 outline: 0px; 3936 box-shadow: none; 3937 font-size:12px; font-family:Baskerville; color:#022d57; font-weight:400; font-style:normal; background-color:#ffffff; 3938 3939 3940 border-style: solid; 3941 border-width:1px; border-color:#ffffff; 3942 3943 border-left:0px; 3944 width: 100%; 3945 3946 border-bottom-color:#022d57; } 3947 3948 .header_container_2>.flex_row_3>.flex_col_1>.flex_cell_1 .sinp:hover { 3949 } 3950 3951 .header_container_2>.flex_row_3>.flex_col_1>.flex_cell_1 .sinp::placeholder { 3952 font-size:12px; font-family:Baskerville; color:#022d75; opacity: 1; 3953 } 3954 3955 .header_container_2>.flex_row_3>.flex_col_1>.flex_cell_1 .sBtn { 3956 height: 100%; 3957 border-radius: 0px; 3958 padding: 4px; 3959 align-items: center; 3960 justify-content: center; 3961 display: flex; 3962 border-style: solid; 3963 border-width:1px; border-color:#ffffff; color:#022d57; font-weight:400; font-style:normal; background-color:#ffffff; border-right:0px; 3964 3965 } 3966 3967 .header_container_2>.flex_row_3>.flex_col_1>.flex_cell_1 .sBtn:hover { 3968 background-color:#ffffff; } 3969 3970 .header_container_2>.flex_row_3>.flex_col_1>.flex_cell_1 .sBtn svg { 3971 width:11px; height:11px; } 3972 3973 .header_container_2>.flex_row_3>.flex_col_1>.flex_cell_1 .sBtn .path_class { 3974 fill:#022d57; } 3975 3976 .header_container_2>.flex_row_3>.flex_col_1>.flex_cell_1 .sBtn:hover .path_class { 3977 fill:#022d57; } 3978 3979</style> 3980 </div> 3981 3982 <style> 3983 .header_container_2>.flex_row_3>.flex_col_1 { 3984 width:100%; } 3985 </style> 3986 3987 3988 3989 </div> 3990 3991 3992 <style> 3993 .header_container_2>.flex_row_3 { 3994 background-color: #ffffff; 3995 3996 color:#000000; height:auto; 3997 3998 } 3999 4000 </style> 4001 4002 4003 4004 4005 4006 4007 <div class="flex_row"> 4008 4009 4010 <div class="flex_col"> 4011 4012 4013 </div> 4014 4015 <div class="flex_col"> 4016 4017 4018 </div> 4019 4020 <div class="flex_col"> 4021 4022 4023 </div> 4024 4025 <div class="flex_col"> 4026 4027 4028 </div> 4029 4030 </div> 4031 4032 4033 4034 <div class="flex_row"> 4035 4036 4037 <div class="flex_col"> 4038 4039 <div class="flex_cell flex_cell_1 menu"> 4040 <style> 4041 body.no-scroll { 4042 overflow: hidden; 4043 } 4044 #tablet_hamburger_menu_template { 4045 position: fixed; 4046 top: 0; 4047 left: 0; 4048 width: 425px; 4049 overflow-y: auto; 4050 left: -425px; 4051 z-index: 1000000001; 4052 background-color: #ffffff; 4053 transition: all 0.3s ease; 4054 height: 100%; 4055 max-height: 100vh; 4056 -webkit-overflow-scrolling: touch; 4057 box-sizing: border-box; 4058 } 4059 #tablet_hamburger_menu_template_overlay.open { 4060 position: absolute; 4061 top: 0; 4062 left: 0; 4063 right: 0; 4064 z-index: 100; 4065 transition: all 0.3s ease; 4066 height: 100vh; 4067 background: rgba(1, 1, 1, 0.5); 4068 cursor: pointer; 4069 box-sizing: border-box; 4070 }
4071 #tablet_hamburger_menu_template .hamburger-menu-template-inner-m { 4072 height: 100vh; 4073 overflow-y: auto; 4074 -webkit-overflow-scrolling: touch; 4075 box-sizing: border-box; 4076 padding-right: 30px; 4077 } 4078 4079 /* Applies to your scrollable element */ 4080 #tablet_hamburger_menu_template .hamburger-menu-template-inner-m, 4081 #tablet_hamburger_menu_template .sub-menu-panel { 4082 /* existing styles */ 4083 overflow-y: auto; 4084 scroll-behavior: smooth; 4085 4086 /* Optional smoother experience on mobile */ 4087 -webkit-overflow-scrolling: touch; 4088 } 4089 4090 /* Custom scrollbar for WebKit (Chrome, Safari, Edge) */ 4091 #tablet_hamburger_menu_template .hamburger-menu-template-inner-m::-webkit-scrollbar, 4092 #tablet_hamburger_menu_template .sub-menu-panel::-webkit-scrollbar { 4093 width: 8px; 4094 } 4095 4096 #tablet_hamburger_menu_template .hamburger-menu-template-inner-m::-webkit-scrollbar-track, 4097 #tablet_hamburger_menu_template .sub-menu-panel::-webkit-scrollbar-track { 4098 background: #f0f0f0; /* Light background */ 4099 border-radius: 4px; 4100 } 4101 #tablet_hamburger_menu_template .hamburger-menu-template-inner-m::-webkit-scrollbar-thumb, 4102 #tablet_hamburger_menu_template .sub-menu-panel::-webkit-scrollbar-thumb { 4103 background-color: #ccc; 4104 border-radius: 4px; 4105 border: 2px solid #f0f0f0; /* Matches track */ 4106 } 4107 #tablet_hamburger_menu_template .hamburger-menu-template-inner-m::-webkit-scrollbar-thumb:hover, 4108 #tablet_hamburger_menu_template .sub-menu-panel::-webkit-scrollbar-thumb:hover { 4109 background-color: #999; 4110 } 4111 4112 /* Firefox scrollbar styling */ 4113 @supports (scrollbar-color: auto) { 4114 #tablet_hamburger_menu_template .hamburger-menu-template-inner-m, 4115 #tablet_hamburger_menu_template .sub-menu-panel { 4116 scrollbar-width: thin; 4117 scrollbar-color: #ccc #f0f0f0; /* thumb and track */ 4118 } 4119 } 4120 #tablet_hamburger_menu_template .hamburger-menu-template-inner { 4121 padding: 30px; 4122 width: 425px; 4123 padding-right: 0px; 4124 position: fixed; 4125 box-sizing: border-box; 4126 } 4127 #tablet_hamburger_menu_template .hamburger-menu-close-button { 4128 font-size: 14px !important; 4129 display: flex; 4130 align-items: center; 4131 margin-bottom: 20px; 4132 } 4133 #tablet_hamburger_menu_template .hamburger-menu-close-button svg { 4134 height: 24px; 4135 margin-right: 5px; 4136 } 4137 #tablet_hamburger_menu_template .hamburger-menu-nav-section { 4138 display: flex; 4139 justify-content: space-between; 4140 align-items: center; 4141 box-sizing: border-box; 4142 } 4143 #tablet_hamburger_menu_template .sub_title_m { 4144 color: #444; 4145 text-transform: uppercase; 4146 font-weight: 400; 4147 font-size: 14px; 4148 margin-top: 30px; 4149 margin-bottom: 30px; 4150 letter-spacing: 2px; 4151 display:flex; 4152 } 4153 #tablet_hamburger_menu_template .hamburger-menu-nav-section svg { 4154 height: 20px; 4155 float: right; 4156 } 4157 #tablet_hamburger_menu_template .hamburger-menu-nav-section.parent_men span{ 4158 text-decoration: underline; 4159 } 4160 #tablet_hamburger_menu_template .hamburger-menu-nav-section.parent_men_arrow{ 4161 min-width:30px; 4162 justify-content: end; 4163 } 4164 #tablet_hamburger_menu_template .icon_and_name { 4165 display:flex; 4166 align-items:center; 4167 gap:10px; 4168 } 4169 #tablet_hamburger_menu_template .ham_menu_container { 4170 display:flex; 4171 justify-content: space-between; 4172 } 4173 #tablet_hamburger_menu_template.open { 4174 left: 0; 4175 4176 } 4177 #tablet_hamburger_menu_template .sub-menu-panel { 4178 padding: 30px; 4179 padding-top: 60px; 4180 position: absolute; 4181 top: 0; 4182 left: 425px; 4183 width: 425px; 4184 height: 100vh; 4185 background-color: #fff; 4186 overflow-y: auto; 4187 z-index: 999999; 4188 opacity: 0; 4189 transition: opacity 0.5s ease; 4190 } 4191
4192 #tablet_hamburger_menu_template .sub-menu-panel.open { 4193 opacity: 1; 4194 z-index: 9999999; 4195 } 4196 4197 4198 4199 #tablet_hamburger_menu_template a.hamburger-menu-nav-section, 4200 #tablet_hamburger_menu_template button.hamburger-menu-nav-section, 4201 #tablet_hamburger_menu_template a.hamburger-menu-close-button, 4202 #tablet_hamburger_menu_template button.hamburger-menu-close-button { 4203 position: relative; 4204 color:#000000; display: flex; 4205 font-weight:400; font-style:normal; font-size:14px; font-family:ITC Avant Garde; text-transform:none; line-height:35px; } 4206 #tablet_hamburger_menu_template button.hamburger-menu-nav-section, 4207 #tablet_hamburger_menu_template button.hamburger-menu-close-button { 4208 background: none; 4209 border: none; 4210 padding: 0; 4211 cursor: pointer; 4212 width: 100%; 4213 } 4214 /* this is not working in dash */ 4215 #tablet_hamburger_menu_template a.hamburger-menu-nav-section:hover, 4216 #tablet_hamburger_menu_template button.hamburger-menu-nav-section:hover, 4217 #tablet_hamburger_menu_template a.hamburger-menu-nav-section.active, 4218 #tablet_hamburger_menu_template button.hamburger-menu-nav-section.active 4219 { 4220 color: #000; 4221 } 4222 #tablet_hamburger_menu_template a.hamburger-menu-nav-section::after, 4223 #tablet_hamburger_menu_template button.hamburger-menu-nav-section::after { 4224 content: ""; 4225 position: absolute; 4226 left: 0; 4227 bottom: 0; 4228 width: 0%; 4229 height: 0.5px; 4230 background-color: #000; 4231 transition: width 0.5s ease; 4232 } 4233 #tablet_hamburger_menu_template a.hamburger-menu-nav-section.active::after, 4234 #tablet_hamburger_menu_template button.hamburger-menu-nav-section.active::after { 4235 width: 100%; 4236 } 4237 4238 #tablet_hamburger_menu_template a.hamburger-menu-nav-section:hover::after, 4239 #tablet_hamburger_menu_template button.hamburger-menu-nav-section:hover::after { 4240 width: 100%; 4241 } 4242 #tablet_hamburger_menu_template.hamburger-menu-template .nav_list_trd { 4243 display: none; 4244 padding: 15px 0px; 4245 padding-left: 20px; 4246 background: #fff; 4247 } 4248 #tablet_hamburger_menu_template.hamburger-menu-template .nav_list_trd.open { 4249 display: block; 4250 padding-top:2px; 4251 } 4252 4253 #tablet_hamburger_menu_template a.hamburger-menu-nav-section .icon_and_name img, 4254 #tablet_hamburger_menu_template button.hamburger-menu-nav-section .icon_and_name img { 4255 height:30px; 4256 } 4257 @media (min-width: 768px) { 4258 .hide_desktop { 4259 display:none!important; 4260 } 4261 } 4262 4263 @media (max-width: 767.9px) { 4264 .hide_mobile { 4265 display:none!important; 4266 } 4267 #tablet_hamburger_menu_template .sub_title_m svg { 4268 height: 20px; 4269 transform: rotate(180deg); 4270 } 4271 #tablet_hamburger_menu_template .sub_title_m { 4272 align-items: center; 4273 gap: 8px; 4274 cursor: pointer; 4275 } 4276 #tablet_hamburger_menu_template { 4277 position: fixed; 4278 top: 0; 4279 left: 0; 4280 width: 100%; 4281 overflow-y: auto; 4282 left: -100%; 4283 z-index: 9999998; 4284 background-color: #ffffff; 4285 transition: all 0.3s ease; 4286 height: 100%; 4287 max-height: 100vh; 4288 -webkit-overflow-scrolling: touch; 4289 box-sizing: border-box; 4290 } 4291 4292 #tablet_hamburger_menu_template .sub-menu-panel { 4293 padding: 30px; 4294 padding-top: 30px; 4295 padding-bottom: 100px; 4296 position: absolute; 4297 top: 0; 4298 left: 200%; 4299 width: 100%; 4300 height: 100vh; 4301 background-color: #fff; 4302 overflow-y: auto; 4303 z-index: -1; 4304 opacity: 1; 4305 transition: 0.5s ease; 4306 box-sizing: border-box; 4307 }
4308 #tablet_hamburger_menu_template .sub-menu-panel.open { 4309 opacity: 1; 4310 left: 0px; 4311 z-index: 9999999; 4312 } 4313 4314 #tablet_hamburger_menu_template .hamburger-menu-template-inner { 4315 width: 100%; 4316 } 4317 4318 4319 } 4320 4321 4322 4323 </style> 4324 4325 <nav id="tablet_hamburger_menu_template" class="hamburger-menu-template" inert="inert"> 4326 4327 <div class="hamburger-menu-template-inner"> 4328 <div class="hamburger-menu-template-inner-m"> 4329 <a href="#!" class="hamburger-menu-close-button mr-4" title="Close" id="tablet_hamburger_close_button" role="button"> 4330 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-13ewnpa" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 11.2928L17.7703 5.52254L18.4774 6.22964L12.7071 11.9999L18.4775 17.7704L17.7704 18.4775L12 12.7071L6.22957 18.4775L5.52246 17.7704L11.2929 11.9999L5.52256 6.22964L6.22967 5.52254L12 11.2928Z" fill="currentColor"></path></svg> 4331 </a> 4332 4333 <div class="script_before_menu"> 4334 4335 4336<div class="flex_cell flex_cell_1 image"> 4337 <div class="flex_cell_content"> 4338 4339 4340 4341 <img 4342 4343 4344 src="https://www.albertsjewelers.com/public/1.0/uploads/source/homepage-2025/header-2025/frame-32.png" 4345 4346 alt="Albert's Jewelers"> 4347 4348 4349 4350 </div> 4351</div> 4352 <style> 4353 .header_container_2 .flex_row .flex_col .script_before_menu .image { 4354 width:100%; justify-content:left !important; align-items:center !important; } 4355 .header_container_2 .flex_row .flex_col .script_before_menu .image>.flex_cell_content { 4356 display: flex; 4357 margin-top:px !important; margin-bottom:px !important; margin-left:px !important; margin-right:px !important; padding-top:px !important; padding-bottom:px !important; padding-left:px !important; padding-right:px !important; } 4358 .header_container_2 .flex_row .flex_col .script_before_menu .image img { 4359 max-width:150px; } 4360 4361 .header_container_2>.flex_row_2>.flex_col_1>.flex_cell_1.image { 4362 } 4363 </style> 4364 4365 </div> 4366 <div style="clear: both"></div> 4367 4368 4369 <a style="margin-top:25px" 4370 class="hamburger-menu-nav-section " 4371 title="New Arrivals" 4372 href="#!" > 4373 4374 <span class="icon_and_name"> 4375 4376 New Arrivals </span> 4377 4378 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path></svg> 4379 4380 </a> 4381 4382 4383 4384 <div class="sub-menu-panel" id="tablet-sub-menu-panel-216"> 4385 <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0"> 4386 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"> 4387 <path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path> 4388</svg> 4389 4390 New Arrivals 4391 </div> 4392 <div class="sub_title_m hide_mobile">New Arrivals</div> 4393 4394 4395 <!-- tablet_hamburger_menu_216_start --> 4396 <div id="tablet_hamburger_menu_216"></div> 4397 <!-- tablet_hamburger_menu_216_end --> 4398 </div> 4399 4400 4401 4402 <a style="margin-top:25px"
4403 class="hamburger-menu-nav-section " 4404 title="Engagement Rings" 4405 href="#!" > 4406 4407 <span class="icon_and_name"> 4408 4409 Engagement Rings </span> 4410 4411 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path></svg> 4412 4413 </a> 4414 4415 4416 4417 <div class="sub-menu-panel" id="tablet-sub-menu-panel-6"> 4418 <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0"> 4419 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"> 4420 <path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path> 4421</svg> 4422 4423 Engagement Rings 4424 </div> 4425 <div class="sub_title_m hide_mobile">Engagement Rings</div> 4426 4427 4428 <!-- tablet_hamburger_menu_6_start --> 4429 <div id="tablet_hamburger_menu_6"></div> 4430 <!-- tablet_hamburger_menu_6_end --> 4431 </div> 4432 4433 4434 4435 <a style="" 4436 class="hamburger-menu-nav-section " 4437 title="Wedding Bands" 4438 href="#!" > 4439 4440 <span class="icon_and_name"> 4441 4442 Wedding Bands </span> 4443 4444 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path></svg> 4445 4446 </a> 4447 4448 4449 4450 <div class="sub-menu-panel" id="tablet-sub-menu-panel-12"> 4451 <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0"> 4452 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"> 4453 <path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path> 4454</svg> 4455 4456 Wedding Bands 4457 </div> 4458 <div class="sub_title_m hide_mobile">Wedding Bands</div> 4459 4460 4461 <!-- tablet_hamburger_menu_12_start --> 4462 <div id="tablet_hamburger_menu_12"></div> 4463 <!-- tablet_hamburger_menu_12_end --> 4464 </div> 4465 4466 4467 4468 <a style="" 4469 class="hamburger-menu-nav-section " 4470 title="Diamonds" 4471 href="#!" > 4472 4473 <span class="icon_and_name"> 4474 4475 Diamonds </span> 4476 4477 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path></svg> 4478 4479 </a> 4480 4481 4482
4483 <div class="sub-menu-panel" id="tablet-sub-menu-panel-11"> 4484 <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0"> 4485 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"> 4486 <path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path> 4487</svg> 4488 4489 Diamonds 4490 </div> 4491 <div class="sub_title_m hide_mobile">Diamonds</div> 4492 4493 4494 <!-- tablet_hamburger_menu_11_start --> 4495 <div id="tablet_hamburger_menu_11"></div> 4496 <!-- tablet_hamburger_menu_11_end --> 4497 </div> 4498 4499 4500 4501 <a style="margin-top:20px" 4502 class="hamburger-menu-nav-section " 4503 title="Designers " 4504 href="#!" > 4505 4506 <span class="icon_and_name"> 4507 4508 Designers </span> 4509 4510 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path></svg> 4511 4512 </a> 4513 4514 4515 4516 <div class="sub-menu-panel" id="tablet-sub-menu-panel-72"> 4517 <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0"> 4518 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"> 4519 <path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path> 4520</svg> 4521 4522 Designers 4523 </div> 4524 <div class="sub_title_m hide_mobile">Designers </div> 4525 4526 4527 <!-- tablet_hamburger_menu_72_start --> 4528 <div id="tablet_hamburger_menu_72"></div> 4529 <!-- tablet_hamburger_menu_72_end --> 4530 </div> 4531 4532 4533 4534 <a style="" 4535 class="hamburger-menu-nav-section " 4536 title="Fine Jewelry" 4537 href="#!" > 4538 4539 <span class="icon_and_name"> 4540 4541 Fine Jewelry </span> 4542 4543 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path></svg> 4544 4545 </a> 4546 4547 4548 4549 <div class="sub-menu-panel" id="tablet-sub-menu-panel-16"> 4550 <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0"> 4551 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"> 4552 <path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path> 4553</svg> 4554 4555 Fine Jewelry 4556 </div> 4557 <div class="sub_title_m hide_mobile">Fine Jewelry</div> 4558 4559 4560 <!-- tablet_hamburger_menu_16_start --> 4561 <div id="tablet_hamburger_menu_16"></div> 4562 <!-- tablet_hamburger_menu_16_end --> 4563 </div> 4564 4565 4566 4567 <a style=""
4568 class="hamburger-menu-nav-section " 4569 title="Timepieces" 4570 href="#!" > 4571 4572 <span class="icon_and_name"> 4573 4574 Timepieces </span> 4575 4576 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path></svg> 4577 4578 </a> 4579 4580 4581 4582 <div class="sub-menu-panel" id="tablet-sub-menu-panel-20"> 4583 <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0"> 4584 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"> 4585 <path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path> 4586</svg> 4587 4588 Timepieces 4589 </div> 4590 <div class="sub_title_m hide_mobile">Timepieces</div> 4591 4592 4593 <!-- tablet_hamburger_menu_20_start --> 4594 <div id="tablet_hamburger_menu_20"></div> 4595 <!-- tablet_hamburger_menu_20_end --> 4596 </div> 4597 4598 4599 4600 <a style="margin-top:20px" 4601 class="hamburger-menu-nav-section " 4602 title="Services" 4603 href="#!" > 4604 4605 <span class="icon_and_name"> 4606 4607 Services </span> 4608 4609 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path></svg> 4610 4611 </a> 4612 4613 4614 4615 <div class="sub-menu-panel" id="tablet-sub-menu-panel-179"> 4616 <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0"> 4617 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"> 4618 <path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path> 4619</svg> 4620 4621 Services 4622 </div> 4623 <div class="sub_title_m hide_mobile">Services</div> 4624 4625 4626 <!-- tablet_hamburger_menu_179_start --> 4627 <div id="tablet_hamburger_menu_179"></div> 4628 <!-- tablet_hamburger_menu_179_end --> 4629 </div> 4630 4631 4632 4633 <a style="" 4634 class="hamburger-menu-nav-section " 4635 title="Contact" 4636 href="#!" > 4637 4638 <span class="icon_and_name"> 4639 4640 Contact </span> 4641 4642 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path></svg> 4643 4644 </a> 4645 4646 4647
4648 <div class="sub-menu-panel" id="tablet-sub-menu-panel-22"> 4649 <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0"> 4650 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"> 4651 <path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path> 4652</svg> 4653 4654 Contact 4655 </div> 4656 <div class="sub_title_m hide_mobile">Contact</div> 4657 4658 4659 <!-- tablet_hamburger_menu_22_start --> 4660 <div id="tablet_hamburger_menu_22"></div> 4661 <!-- tablet_hamburger_menu_22_end --> 4662 </div> 4663 4664 <div class="script_after_menu"> 4665 </div> 4666 </div> 4667 </div> 4668 </nav> 4669 <div class="hamburger-menu-template-overlay" id="tablet_hamburger_menu_template_overlay"></div> 4670 4671
4671<script> 4672 $(function () { 4673 4674 4675 const trap = focusTrap.createFocusTrap('#tablet_hamburger_menu_template', { 4676 onActivate: () => $('#tablet_hamburger_menu_template').addClass('is-active'), 4677 onDeactivate: () => $('#tablet_hamburger_menu_template').removeClass('is-active'), 4678 clickOutsideDeactivates: true 4679 }); 4680 4681 4682 4683 function updatePanelWidth() { 4684 const elements = document.querySelectorAll('.custom_bm_fw'); 4685 4686 elements.forEach(element => { 4687 const panel = element.closest('.sub-menu-panel'); 4688 if (panel) { 4689 if (window.innerWidth > 768) { 4690 const newWidth = window.innerWidth - 425; 4691 panel.style.width = `${newWidth}px`; 4692 } else { 4693 panel.removeAttribute('style'); 4694 } 4695 } 4696 }); 4697 } 4698 4699 updatePanelWidth(); 4700 window.addEventListener('resize', updatePanelWidth); 4701 4702 let $lastNavTrigger = null; 4703 $('.sub-menu-panel').attr('tabindex', '-1'); 4704 $('.sub-menu-panel').find('a, button, .close_sub_menu').attr('tabindex', '-1'); 4705 4706 4707 4708 $('#tablet_hamburger_button').on('click keypress', function (event) { 4709 if(event.which === 13 || event.which === 32 || event.type == 'click') { 4710 if(event.which === 32) { 4711 event.preventDefault(); 4712 } 4713 document.body.classList.add('no-scroll'); 4714 $('#tablet_hamburger_menu_template').toggleClass('open') 4715 $('#tablet_hamburger_menu_template_overlay').toggleClass('open') 4716 $('#tablet_hamburger_menu_template').removeAttr('inert') 4717 trap.activate() 4718 $('#tablet_hamburger_close_button').focus() 4719 } 4720 }) 4721 4722 function closeSubMenu() { 4723 document.querySelectorAll('.sub-menu-panel').forEach(panel => { 4724 panel.classList.remove('open'); 4725 }) 4726 document.querySelectorAll('.hamburger-menu-nav-section').forEach(panel => { 4727 panel.classList.remove('active'); 4728 }) 4729 $('.sub-menu-panel').find('a, button, .close_sub_menu').attr('tabindex', '-1'); 4730 // Restore main-list nav items to the tab order 4731 $('.hamburger-menu-nav-section').removeAttr('tabindex'); 4732 if ($lastNavTrigger) { 4733 $lastNavTrigger.focus(); 4734 $lastNavTrigger = null; 4735 } 4736 } 4737 4738 $('.header_container_2').on('click', '.close_sub_menu', function() { 4739 closeSubMenu(); 4740 }) 4741 4742 $('.header_container_2').on('keydown', '.close_sub_menu', function(event) { 4743 if (event.key === 'Enter' || event.key === ' ') { 4744 event.preventDefault(); 4745 closeSubMenu(); 4746 } 4747 }) 4748 4749 4750 4751 // Cycle Tab focus within the open sub-menu-panel (last item â first item) 4752 $(document).on('keydown', '.sub-menu-panel.open [tabindex="0"]', function(event) { 4753 if (event.key !== 'Tab' || event.shiftKey) return; 4754 var $panel = $(this).closest('.sub-menu-panel.open'); 4755 var $focusable = $panel.find('a[tabindex="0"], button[tabindex="0"], .close_sub_menu[tabindex="0"]'); 4756 if ($focusable.last().is(this)) { 4757 event.preventDefault(); 4758 $focusable.first().trigger('focus'); 4759 } 4760 }); 4761 4762 $('#tablet_hamburger_close_button, #tablet_hamburger_menu_template_overlay').on('click keypress', function (event) { 4763 // <button> fires a synthetic click on Enter/Space â skip keypress to avoid double-fire 4764 if (event.type === 'keypress' && this.tagName === 'BUTTON') { 4765 return; 4766 } 4767 if(event.which === 13 || event.which === 32 || event.type == 'click') { 4768 if (event.which === 32) { 4769 event.preventDefault(); 4770 } 4771 4772 closeHamburgerMenu(); 4773 } 4774 }) 4775 4776 $(window).resize(function () { 4777 if($(window).width() > 992 || $(window).width() <= 768) closeHamburgerMenu(); 4778 }) 4779 4780 function closeHamburgerMenu() {
4781 document.querySelectorAll('.sub-menu-panel').forEach(panel => { 4782 panel.classList.remove('open'); 4783 }) 4784 document.querySelectorAll('.hamburger-menu-nav-section').forEach(panel => { 4785 panel.classList.remove('active'); 4786 }) 4787 $('.sub-menu-panel').find('a, button, .close_sub_menu').attr('tabindex', '-1'); 4788 // Restore main-list nav items to the tab order 4789 $('.hamburger-menu-nav-section').removeAttr('tabindex'); 4790 $lastNavTrigger = null; 4791 document.body.classList.remove('no-scroll'); 4792 $('#tablet_hamburger_menu_template').removeClass('open') 4793 $('#tablet_hamburger_menu_template_overlay').removeClass('open') 4794 $('#tablet_hamburger_menu_template').attr('inert', 'inert') 4795 trap.deactivate() 4796 } 4797 4798 $('.header_container_2').on('click', '.hamburger-menu-nav-section', function() { 4799 4800 if ($(this).hasClass("active")) { 4801 document.querySelectorAll('.sub-menu-panel').forEach(panel => { 4802 panel.classList.remove('open'); 4803 }) 4804 document.querySelectorAll('.hamburger-menu-nav-section').forEach(panel => { 4805 panel.classList.remove('active'); 4806 }) 4807 $('.sub-menu-panel').find('a, button, .close_sub_menu').attr('tabindex', '-1'); 4808 // Restore main-list nav items to the tab order 4809 $('.hamburger-menu-nav-section').removeAttr('tabindex'); 4810 } else { 4811 // For parent_men_arrow, the sub-menu-panel is after ham_menu_container, not after the button 4812 let $checkPanel = $(this).hasClass("parent_men_arrow") 4813 ? $(this).closest('.ham_menu_container').next('.sub-menu-panel') 4814 : $(this).next('.sub-menu-panel'); 4815 4816 if ($checkPanel.find('.nav_a_trd').length > 0 || $checkPanel.find('.custom_build_menu').length > 0) { 4817 document.querySelectorAll('.sub-menu-panel').forEach(panel => { 4818 panel.classList.remove('open'); 4819 }) 4820 document.querySelectorAll('.hamburger-menu-nav-section').forEach(panel => { 4821 panel.classList.remove('active'); 4822 }) 4823 $('.sub-menu-panel').find('a, button, .close_sub_menu').attr('tabindex', '-1'); 4824 4825 $(this).addClass('active'); 4826 $lastNavTrigger = $(this); 4827 4828 let $openedPanel = null; 4829 4830 if (!$(this).hasClass("parent_men")) { 4831 updatePanelWidth(); 4832 $(this).next('.sub-menu-panel').toggleClass('open'); 4833 $openedPanel = $(this).next('.sub-menu-panel'); 4834 } 4835 if ($(this).hasClass("parent_men_arrow")) { 4836 $(this).closest('.ham_menu_container').next('.sub-menu-panel').toggleClass('open'); 4837 $openedPanel = $(this).closest('.ham_menu_container').next('.sub-menu-panel'); 4838 } 4839 4840 if ($openedPanel && $openedPanel.hasClass('open')) { 4841 // Hide main-list nav items from tab order while panel is open 4842 $('.hamburger-menu-nav-section').attr('tabindex', '-1'); 4843 $openedPanel.find('a, button, .close_sub_menu').attr('tabindex', '0'); 4844 setTimeout(function() { 4845 $openedPanel.find('[tabindex="0"]').first().trigger('focus'); 4846 }, 50); 4847 } 4848 } 4849 } 4850 4851 }) 4852 }) 4853 4854 function setHamburgerInnerHeight() { 4855 const inner = document.querySelector('.hamburger-menu
4855-template-inner-m'); 4856 const offset = 0; // adjust this if there's a header/footer inside 4857 inner.style.height = `${window.innerHeight - offset - 70}px`; 4858 } 4859 4860 // Run on load and resize 4861 window.addEventListener('load', setHamburgerInnerHeight); 4862 window.addEventListener('resize', setHamburgerInnerHeight); 4863 4864 </script>
4864 4865</div> 4866 4867<style> 4868 #tablet_hamburger_menu_template>ul>li>a { 4869 color:#000000; display: flex; 4870 font-weight:400; font-style:normal; font-size:14px; font-family:ITC Avant Garde; text-transform:none; line-height:35px; } 4871 4872 #tablet_hamburger_menu_template>ul>li>a:hover { 4873 color:#000000; } 4874 4875 4876 4877</style> 4878 </div> 4879 4880 <div class="flex_col"> 4881 4882 4883 </div> 4884 4885 <div class="flex_col"> 4886 4887 4888 </div> 4889 4890 </div> 4891 4892 4893 4894 <div class="flex_row"> 4895 4896 4897 <div class="flex_col"> 4898 4899 4900 </div> 4901 4902 </div> 4903 4904 4905 </div> 4906 4907 4908 4909</header> 4910<header class="appearance-mobile-view-template"> 4911 4912 4913 4914 <style> 4915 .header_container>.flex_row { 4916 display: flex; 4917 } 4918 4919 .header_container_3 { 4920 width: 100%; 4921 max-width: 100%; 4922 margin: 0 auto; 4923 position: relative !important; 4924 transform: inherit !important; 4925 } 4926 .header_container>.flex_row>.flex_col { 4927 display: flex; 4928 flex-wrap: wrap; 4929 box-sizing: border-box; 4930 align-content: baseline; 4931 } 4932 .header_container>.flex_row>.flex_col>.flex_cell { 4933 height: fit-content; 4934 display: flex; 4935 } 4936 .header_container>.flex_row>.flex_col>.flex_cell a { 4937 text-decoration: none; 4938 } 4939 .header_container img { 4940 max-width: 100%; 4941 } 4942 .row_spacer_cs { 4943 display: none; 4944 } 4945 .sticky_row { 4946 position: fixed; 4947 } 4948 .sticky_row + .row_spacer_cs { 4949 display: block; 4950 } 4951 </style> 4952 4953 <div class="header_container header_container_3" data-device-type="3"> 4954 4955 4956 4957 <div class="flex_row flex_row_1 "> 4958 4959 4960 <div class="flex_col flex_col_1"> 4961 4962 4963 </div> 4964 4965 <style> 4966 .header_container_3>.flex_row_1>.flex_col_1 { 4967 width:1%; } 4968 </style> 4969 4970 4971 4972 <div class="flex_col flex_col_2"> 4973 4974 4975<div class="flex_cell flex_cell_1 custom_text"> 4976 <div class="flex_cell_content"> 4977 <a class="txt_link_ig" title="custom link" href="https://www.albertsjewelers.com/request-an-appointment" > 4978 <p class="">Appointments â</p> 4979 </a> 4980 </div> 4981</div> 4982<style> 4983 .header_container_3>.flex_row_1>.flex_col_2>.flex_cell_1.custom_text { 4984 width:100%; justify-content:left; -webkit-justify-content:left; align-items:center; -webkit-align-items:center; } 4985 4986 .header_container_3>.flex_row_1>.flex_col_2>.flex_cell_1.custom_text { 4987 height:100%; } 4988 4989 .header_container_3>.flex_row_1>.flex_col_2>.flex_cell_1.custom_text>.flex_cell_content { 4990 display: flex; 4991 margin-top:10px; margin-bottom:10px; margin-left:3px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 4992 4993 .header_container_3>.flex_row_1>.flex_col_2>.flex_cell_1.custom_text>.flex_cell_content>a p { 4994 line-height: inherit; 4995 margin:0; 4996 text-align:left; color:#ffffff; font-weight:400; font-style:normal; font-size:10px;font-family:ITC Avant Garde; text-transform:none; text-decoration:none; } 4997 4998 .header_container_3>.flex_row_1>.flex_col_2>.flex_cell_1.custom_text>.flex_cell_content>a p:hover { 4999 color:#ffffff; } 5000</style> 5001 5002 </div> 5003 5004 <style> 5005 .header_container_3>.flex_row_1>.flex_col_2 { 5006 width:48%; } 5007 </style> 5008 5009 5010 5011 <div class="flex_col flex_col_3"> 5012 5013 5014<div class="flex_cell flex_cell_1 call_us"> 5015 <div class="flex_cell_content"><a class="phone_number_click " href="tel:219-322-2700" title="Call us 219-322-2700">
5015<svg role="img" aria-label="Call Us" viewBox="0 0 512 512"><path class="path_class" d="M511.2 387l-23.25 100.8c-3.266 14.25-15.79 24.22-30.46 24.22C205.2 512 0 306.8 0 54.5c0-14.66 9.969-27.2 24.22-30.45l100.8-23.25C139.7-2.602 154.7 5.018 160.8 18.92l46.52 108.5c5.438 12.78 1.77 27.67-8.98 36.45L144.5 207.1c33.98 69.22 90.26 125.5 159.5 159.5l44.08-53.8c8.688-10.78 23.69-14.51 36.47-8.975l108.5 46.51C506.1 357.2 514.6 372.4 511.2 387z"/></svg><span>Call Us</span></a></div> </div> 5016<style> 5017 .header_container_3>.flex_row_1>.flex_col_3>.flex_cell_1.call_us { 5018 width:100%; justify-content:right; -webkit-justify-content:right; align-items:center; -webkit-align-items:center; } 5019 5020 .header_container_3>.flex_row_1>.flex_col_3>.flex_cell_1.call_us { 5021 height:100%; } 5022 5023 .header_container_3>.flex_row_1>.flex_col_3>.flex_cell_1.call_us>.flex_cell_content { 5024 display: flex; 5025 margin-top:10px; margin-bottom:10px; margin-left:px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 5026 5027 .header_container_3>.flex_row_1>.flex_col_3>.flex_cell_1 a { 5028 color:#ffffff; font-weight:400; font-style:normal; font-size:10px; font-family:ITC Avant Garde; display: flex; 5029 align-items: center; 5030 text-transform:none; } 5031 5032 .header_container_3>.flex_row_1>.flex_col_3>.flex_cell_1.call_us a svg, 5033 .header_container_3>.flex_row_1>.flex_col_3>.flex_cell_1.call_us a img { 5034 margin-right: 5px; 5035 height:9px; } 5036 5037 .header_container_3>.flex_row_1>.flex_col_3>.flex_cell_1 a .path_class { 5038 fill: currentColor; 5039 } 5040 5041 5042 .header_container_3>.flex_row_1>.flex_col_3>.flex_cell_1 a:hover { 5043 color:#ffffff; } 5044</style> 5045 </div> 5046 5047 <style> 5048 .header_container_3>.flex_row_1>.flex_col_3 { 5049 width:48%; } 5050 </style> 5051 5052 5053 5054 <div class="flex_col flex_col_4"> 5055 5056 5057 </div> 5058 5059 <style> 5060 .header_container_3>.flex_row_1>.flex_col_4 { 5061 width:1%; } 5062 </style> 5063 5064 5065 5066 </div> 5067 5068 5069 <style> 5070 .header_container_3>.flex_row_1 { 5071 background-color: #022d57; 5072 5073 color:#000000; height:auto; 5074 5075 } 5076 5077 </style> 5078 5079 5080 5081 5082 5083 <div class="flex_row flex_row_2 "> 5084 5085 5086 <div class="flex_col flex_col_1"> 5087 5088 <div class="flex_cell flex_cell_1 menu"> 5089 <div class="flex_cell_content"> 5090 <style> 5091 .header_container_3>.flex_row_2>.flex_col_1>.flex_cell_1.menu .hamburger-button-inner, 5092 .header_container_3>.flex_row_2>.flex_col_1>.flex_cell_1.menu .hamburger-button-parent { 5093 width: 30px; 5094 height: 24px; 5095 position: relative; 5096 cursor: pointer; 5097 } 5098 .header_container_3>.flex_row_2>.flex_col_1>.flex_cell_1.menu .hamburger-button-inner .hamburger-icon rect { 5099 fill: #022d57; } 5100 5101 5102 .header_container_3>.flex_row_2>.flex_col_1>.flex_cell_1.menu a.hamburger-menu-nav-section, 5103 .header_container_3>.flex_row_2>.flex_col_1>.flex_cell_1.menu a.hamburger-menu-close-button{ 5104 color:#000000; display: flex; 5105 font-weight:400; font-style:normal; font-size:14px; font-family:ITC Avant Garde; text-transform:none; line-height:35px; } 5106 </style> 5107 5108 <div id="mobile_hamburger_button" role="button" class="hamburger-button-inner" tabindex="0" aria-label="Hamburger Button" aria-expanded="false" aria-controls="mobile_hamburger_menu_template"> 5109 <div class="hamburger-button-parent"> 5110 <svg class="hamburger-icon" width="30" height="24" viewBox="0 0 30 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"> 5111 <rect y="1" width="30" height="3" rx="1.5" ry="1.5" fill="black"/> 5112 <rect y="10" width="30" height="3" rx="1.5" ry="1.5" fill="black"/> 5113 <rect y="19" width="30" height="3" rx="1.5" ry="1.5" fill="black"/> 5114 </svg> 5115 5116 5117 </div> 5118 </div> 5119 </div> 5120</div> 5121 5122<style> 5123 .header_container_3>.flex_row_2>.flex_col_1>.flex_cell_1.menu { 5124 width:100%; justify-content: flex-start; 5125 align-items:center; -webkit-align-items:center; } 5126 5127 .header_container_3>.flex_row_2>.flex_col_1>.flex_cell_1.menu { 5128 height:100%; } 5129 5130 .header_container_3>.flex_row_2>.flex_col_1>.flex_cell_1.menu>.flex_cell_content { 5131 display: flex; 5132 margin-top:px; margin-bottom:px; margin-left:10px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 5133 5134 .header_container_3>.flex_row_2>.flex_col_1>.flex_cell_1.menu>.flex_cell_content>nav>ul>li>a, 5135 .header_container_3>.flex_row_2>.flex_col_1>.flex_cell_1.menu>.flex_cell_content>nav>ul>li>button { 5136 color:#000000; display: flex; 5137 font-weight:400; font-style:normal; font-size:14px; font-family:ITC Avant Garde; text-transform:none; line-height:35px; } 5138 5139 .header_container_3>.flex_row_2>.flex_col_1>.flex_cell_1.menu>.flex_cell_content>nav>ul>li>a:hover { 5140 color:#000000; } 5141</style> 5142 </div> 5143 5144 <style> 5145 .header_container_3>.flex_row_2>.flex_col_1 { 5146 width:10%; } 5147 </style> 5148 5149 5150 5151 <div class="flex_col flex_col_2"> 5152 5153 5154 5155<div class="flex_cell flex_cell_1 image"> 5156 <div class="flex_cell_content"> 5157 5158 <a href="https://www.albertsjewelers.com/" 5159 > 5160 5161 5162 <img 5163 height="50px" width="100px" 5164 5165 src="https://www.albertsjewelers.com/public/1.0/uploads/source/website-header-logos1---m.jpg" 5166 5167 alt="Albert's Diamond Jewelers"> 5168 5169 5170 </a> 5171 5172 </div> 5173</div> 5174 <style> 5175 .header_container_3>.flex_row_2>.flex_col_2>.flex_cell_1.image { 5176 width:100%; justify-content:left;
5176 -webkit-justify-content:left; align-items:center; -webkit-align-items:center; } 5177 .header_container_3>.flex_row_2>.flex_col_2>.flex_cell_1.image>.flex_cell_content { 5178 display: flex; 5179 margin-top:5px; margin-bottom:5px; margin-left:15px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 5180 .header_container_3>.flex_row_2>.flex_col_2>.flex_cell_1.image img { 5181 } 5182 5183 .header_container_3>.flex_row_2>.flex_col_2>.flex_cell_1.image { 5184 height:100%; } 5185 </style> 5186 5187 5188 </div> 5189 5190 <style> 5191 .header_container_3>.flex_row_2>.flex_col_2 { 5192 width:50%; } 5193 </style> 5194 5195 5196 5197 <div class="flex_col flex_col_3"> 5198 5199 5200<div class="flex_cell flex_cell_1 account_icons"> 5201 <div class="flex_cell_content"> 5202 5203 <a class="" href="/wishlist" title="Wishlist" rel="nofollow" style="order: 1"> 5204 <svg role="img" aria-label="Wishlist" width="640" height="640" viewBox="0 0 640 640" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_107_20)"><path class="path_class" d="M420.2 214.3L563.9 235.5C575.8 237.2 585.8 245.6 589.6 257.1C593.4 268.7 590.3 281.3 581.7 289.9L477.5 392.1L502.1 538.7C504.1 550.7 499.2 562.9 489.2 570C479.3 577.1 466.2 578 455.5 572.3L327.1 503.8L198.8 572.3C188 578 174.9 577.1 165 570C155.1 562.9 150.1 550.7 152.2 538.7L176.8 392.1L72.58 289.9C63.97 281.3 60.91 268.7 64.69 257.1C68.46 245.6 78.43 237.2 90.42 235.5L234 214.3L298.4 81.97C303.7 70.954 314.9 63.9609 327.1 63.9609C339.4 63.9609 350.6 70.954 355.9 81.97L420.2 214.3Z" fill="black"/></g><defs><clipPath id="clip0_107_20"><rect width="576" height="512" fill="white" transform="translate(39 64)"/></clipPath></defs></svg> <span class="item-count-badge wishlist-count-badge d-none"></span> 5205 </a> 5206 5207 <a class=" build-shopping-cart-icon" href="/shopping-cart" title="Shopping Cart" style="order: 2"> 5208 <svg role="img" aria-label="Shopping Cart" width="640" height="640" viewBox="0 0 640 640" fill="none" xmlns="http://www.w3.org/2000/svg"><path class="path_class" d="M128 64C139.5 64 149.4 72.19 151.6 83.51L153.1 96H573.8C594.1 96 610.3 116.25 604.6 136.66L550.6 328.7C546.7 342.5 534.1 352 519.8 352H202.7L211.9 400H520C533.3 400 544 410.7 544 424C544 437.3 533.3 448 520 448H191.1C180.5 448 170.6 439.8 168.4 428.5L108.14 112H56C42.75 112 32 101.25 32 88C32 74.75 42.75 64 56 64H128ZM160 528C160 501.5 181.5 480 208 480C234.5 480 256 501.5 256 528C256 554.5 234.5 576 208 576C181.5 576 160 554.5 160 528ZM544 528C544 554.5 522.5 576 496 576C469.5 576 448 554.5 448 528C448 501.5 469.5 480 496 480C522.5 480 544 501.5 544 528Z" fill="black"/></svg> <span class="item-count-badge build-shopping-cart-item-counter d-none"></span> 5209 </a> 5210 5211 5212 <a class="" href="/login" title="My Account" style="order: 3"> 5213 <svg role="img" aria-label="My Account" width="640" height="640" viewBox="0 0 640 640" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_107_18)"><path class="path_class" d="M320 320C390.7 320 448 262.69 448 192C448 121.31 390.7 64 320 64C249.3 64 192 121.31 192 192C192 262.69 249.3 320 320 320ZM370.7 368H269.3C173.61 368 96 445.6 96 541.3C96 560.44 111.52 575.97 130.66 575.97H509.36C528.5 576 544 560.5 544 541.3C544 445.6 466.4 368 370.7 368Z" fill="black"/></g><defs><clipPath id="clip0_107_18"><rect width="448" height="512" fill="white" transform="translate(96 64)"/></clipPath></defs></svg> </a> 5214 </div> 5215</div> 5216 5217<style> 5218 .header_container_3>.flex_row_2>.flex_col_3>.flex_cell_1.account_icons { 5219 width:100%; justify-content: flex-end; 5220 align-items:center; -webkit-align-items:center; } 5221 5222 .header_container_3>.flex_row_2>.flex_col_3>.flex_cell_1.account_icons { 5223 height:100%; } 5224 5225 .header_container_3>.flex_row_2>.flex_col_3>.flex_cell_1.account_icons>.flex_cell_content { 5226 display: flex; 5227 margin-top:px; margin-bottom:5px; margin-left:px; margin-right:4px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 5228 5229 .header_container_3>.flex_row_2>.flex_col_3>.flex_cell_1.account_icons .wishlist-count-badge.d-none { 5230 display: none !important; 5231 } 5232 5233 .header_container_3>.flex_row_2>.flex_col_3>.flex_cell_1.account_icons a { 5234 display: flex; 5235 align-items: center; 5236 color:#022d57; font-weight:400; font-style:normal; font-size:14px; font-family:ITC Avant Garde; margin-left: 12px; 5237 text-transform:none; } 5238 5239 .header_container_3>.flex_row_2>.flex_col_3>.flex_cell_1.account_icons a svg, 5240 .header_container_3>.flex_row_2>.flex_col_3>.flex_cell_1.account_icons a img { 5241 flex-shrink: 0; 5242 margin-right: 5px; 5243 width:13px; height:13px; } 5244 5245 .header_container_3>.flex_row_2>.flex_col_3>.flex_cell_1.account_icons a .path_class { 5246 fill: currentColor; 5247 } 5248 5249 .header_container_3>.flex_row_2>.flex_col_3>.flex_cell_1.account_icons a:hover { 5250 color:#003da5; } 5251 5252 .header_container_3>.flex_row_2>.flex_col_3>.flex_cell_1.account_icons a .item-count-badge { 5253 padding: 0 5px; 5254 height: 16px; 5255 min-width: 16px; 5256 text-align: center; 5257 border-radius: 7px; 5258 line-height: 16px; 5259 border: 1px solid #fff; 5260 font-style: normal; 5261 font-weight: 700; 5262 font-size: 10px; 5263 background-color:#cdb877; color:#ffffff; margin-left: -10px; 5264 margin-top: -15px; 5265 } 5266</style> 5267 </div> 5268 5269 <style> 5270 .header_container_3>.flex_row_2>.flex_col_3 { 5271 width:40%; } 5272 </style> 5273 5274 5275 5276 </div> 5277 5278 5279 <style> 5280 .header_container_3>.flex_row_2 { 5281 background-color: #ffffff; 5282 5283 color:#000000; height:auto; 5284 5285 } 5286 5287 </style> 5288 5289 5290 5291 5292 5293 <div class="flex_row flex_row_3 "> 5294 5295 5296 <div class="flex_col flex_col_1"> 5297 5298 5299<div class="flex_cell flex_cell_1 search_box"> 5300 <div class="flex_cell_content"> 5301 <form class="sform" id="search-box-form"
5302 onsubmit="javascript: window.location = '/keyword-search?search=' + encodeURIComponent($(this).find('input[name=search]').val()); return false;"> 5303 <div class="inputs-group"> 5304 <button class="sBtn"> 5305 <svg role="img" aria-label="Search" viewBox="0 0 512 512"><path class="path_class" d="M500.3 443.7l-119.7-119.7c27.22-40.41 40.65-90.9 33.46-144.7C401.8 87.79 326.8 13.32 235.2 1.723C99.01-15.51-15.51 99.01 1.724 235.2c11.6 91.64 86.08 166.7 177.6 178.9c53.8 7.189 104.3-6.236 144.7-33.46l119.7 119.7c15.62 15.62 40.95 15.62 56.57 0C515.9 484.7 515.9 459.3 500.3 443.7zM79.1 208c0-70.58 57.42-128 128-128s128 57.42 128 128c0 70.58-57.42 128-128 128S79.1 278.6 79.1 208z"/></svg> 5306 </button> 5307 <input class="sinp" type="text" name="search" 5308 placeholder="Search Products..." 5309 aria-label="Search Products..." 5310 > 5311 </div> 5312 </form> 5313 </div> 5314</div> 5315<style> 5316 .header_container_3>.flex_row_3>.flex_col_1>.flex_cell_1.search_box { 5317 width:100%; justify-content:center; -webkit-justify-content:center; align-items:center; -webkit-align-items:center; } 5318 5319 .header_container_3>.flex_row_3>.flex_col_1>.flex_cell_1.search_box { 5320 height:100%; } 5321 5322 .header_container_3>.flex_row_3>.flex_col_1>.flex_cell_1.search_box>.flex_cell_content { 5323 display: flex; 5324 margin-top:15px; margin-bottom:5px; margin-left:px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; width:70%; } 5325 5326 .header_container_3>.flex_row_3>.flex_col_1>.flex_cell_1 .sform, .header_container_3>.flex_row_3>.flex_col_1>.flex_cell_1 .inputs-group { 5327 width: 100%; 5328 display: flex; 5329 flex-wrap: nowrap; 5330 } 5331 5332 .header_container_3>.flex_row_3>.flex_col_1>.flex_cell_1 .sinp { 5333 border-radius: 0px; 5334 padding: 4px 8px; 5335 outline: 0px; 5336 box-shadow: none; 5337 font-size:12px; font-family:Baskerville; color:#022d57; font-weight:400; font-style:normal; background-color:#ffffff; 5338 5339 5340 border-style: solid; 5341 border-width:1px; border-color:#ffffff; 5342 5343 border-left:0px; 5344 width: 100%; 5345 5346 border-bottom-color:#022d57; } 5347 5348 .header_container_3>.flex_row_3>.flex_col_1>.flex_cell_1 .sinp:hover { 5349 } 5350 5351 .header_container_3>.flex_row_3>.flex_col_1>.flex_cell_1 .sinp::placeholder { 5352 font-size:12px; font-family:Baskerville; color:#022d57; opacity: 1; 5353 } 5354 5355 .header_container_3>.flex_row_3>.flex_col_1>.flex_cell_1 .sBtn { 5356 height: 100%; 5357 border-radius: 0px; 5358 padding: 4px; 5359 align-items: center; 5360 justify-content: center; 5361 display: flex; 5362 border-style: solid; 5363 border-width:1px; border-color:#ffffff; color:#022d57; font-weight:400; font-style:normal; background-color:#ffffff; border-right:0px; 5364 5365 } 5366 5367 .header_container_3>.flex_row_3>.flex_col_1>.flex_cell_1 .sBtn:hover { 5368 background-color:#022d57; } 5369 5370 .header_container_3>.flex_row_3>.flex_col_1>.flex_cell_1 .sBtn svg { 5371 width:11px; height:11px; } 5372 5373 .header_container_3>.flex_row_3>.flex_col_1>.flex_cell_1 .sBtn .path_class { 5374 fill:#022d57; } 5375 5376 .header_container_3>.flex_row_3>.flex_col_1>.flex_cell_1 .sBtn:hover .path_class { 5377 fill:#022d57; } 5378 5379</style> 5380 </div> 5381 5382 <style> 5383 .header_container_3>.flex_row_3>.flex_col_1 { 5384 width:100%; } 5385 </style> 5386 5387 5388 5389 </div> 5390 5391 5392 <style> 5393 .header_container_3>.flex_row_3 { 5394 background-color: #ffffff; 5395 5396 color:#000000; height:auto; 5397 5398 } 5399 5400 </style> 5401 5402 5403 5404 5405 5406 5407 <div class="flex_row"> 5408 5409 5410 <div class="flex_col"> 5411 5412 5413 </div> 5414 5415 <div class="flex_col"> 5416 5417 5418 </div> 5419 5420 <div class="flex_col"> 5421 5422 5423 </div> 5424 5425 <div class="flex_col"> 5426 5427 5428 </div> 5429 5430 </div> 5431 5432 5433 5434 <div class="flex_row"> 5435 5436 5437 <div class="flex_col"> 5438 5439 <div class="flex_cell flex_cell_1 menu"> 5440 <style> 5441 body.no-scroll { 5442 overflow: hidden; 5443 } 5444 #mobile_hamburger_menu_template { 5445 position: fixed; 5446 top: 0; 5447 left: 0; 5448 width: 425px; 5449 overflow-y: auto; 5450 left: -425px; 5451 z-index: 1000000001; 5452 background-color: #ffffff; 5453 transition: all 0.3s ease; 5454 height: 100%; 5455 max-height: 100vh; 5456 -webkit-overflow-scrolling: touch; 5457 box-sizing: border-box; 5458 } 5459 #mobile_hamburger_menu_template_overlay.open { 5460 position: absolute; 5461 top: 0; 5462 left: 0; 5463 right: 0; 5464 z-index: 100; 5465 transition: all 0.3s ease; 5466 height: 100vh; 5467 background: rgba(1, 1, 1, 0.5); 5468 cursor: pointer; 5469 box-sizing: border-box; 5470 }
5471 #mobile_hamburger_menu_template .hamburger-menu-template-inner-m { 5472 height: 100vh; 5473 overflow-y: auto; 5474 -webkit-overflow-scrolling: touch; 5475 box-sizing: border-box; 5476 padding-right: 30px; 5477 } 5478 5479 /* Applies to your scrollable element */ 5480 #mobile_hamburger_menu_template .hamburger-menu-template-inner-m, 5481 #mobile_hamburger_menu_template .sub-menu-panel { 5482 /* existing styles */ 5483 overflow-y: auto; 5484 scroll-behavior: smooth; 5485 5486 /* Optional smoother experience on mobile */ 5487 -webkit-overflow-scrolling: touch; 5488 } 5489 5490 /* Custom scrollbar for WebKit (Chrome, Safari, Edge) */ 5491 #mobile_hamburger_menu_template .hamburger-menu-template-inner-m::-webkit-scrollbar, 5492 #mobile_hamburger_menu_template .sub-menu-panel::-webkit-scrollbar { 5493 width: 8px; 5494 } 5495 5496 #mobile_hamburger_menu_template .hamburger-menu-template-inner-m::-webkit-scrollbar-track, 5497 #mobile_hamburger_menu_template .sub-menu-panel::-webkit-scrollbar-track { 5498 background: #f0f0f0; /* Light background */ 5499 border-radius: 4px; 5500 } 5501 #mobile_hamburger_menu_template .hamburger-menu-template-inner-m::-webkit-scrollbar-thumb, 5502 #mobile_hamburger_menu_template .sub-menu-panel::-webkit-scrollbar-thumb { 5503 background-color: #ccc; 5504 border-radius: 4px; 5505 border: 2px solid #f0f0f0; /* Matches track */ 5506 } 5507 #mobile_hamburger_menu_template .hamburger-menu-template-inner-m::-webkit-scrollbar-thumb:hover, 5508 #mobile_hamburger_menu_template .sub-menu-panel::-webkit-scrollbar-thumb:hover { 5509 background-color: #999; 5510 } 5511 5512 /* Firefox scrollbar styling */ 5513 @supports (scrollbar-color: auto) { 5514 #mobile_hamburger_menu_template .hamburger-menu-template-inner-m, 5515 #mobile_hamburger_menu_template .sub-menu-panel { 5516 scrollbar-width: thin; 5517 scrollbar-color: #ccc #f0f0f0; /* thumb and track */ 5518 } 5519 } 5520 #mobile_hamburger_menu_template .hamburger-menu-template-inner { 5521 padding: 30px; 5522 width: 425px; 5523 padding-right: 0px; 5524 position: fixed; 5525 box-sizing: border-box; 5526 } 5527 #mobile_hamburger_menu_template .hamburger-menu-close-button { 5528 font-size: 14px !important; 5529 display: flex; 5530 align-items: center; 5531 margin-bottom: 20px; 5532 } 5533 #mobile_hamburger_menu_template .hamburger-menu-close-button svg { 5534 height: 24px; 5535 margin-right: 5px; 5536 } 5537 #mobile_hamburger_menu_template .hamburger-menu-nav-section { 5538 display: flex; 5539 justify-content: space-between; 5540 align-items: center; 5541 box-sizing: border-box; 5542 } 5543 #mobile_hamburger_menu_template .sub_title_m { 5544 color: #444; 5545 text-transform: uppercase; 5546 font-weight: 400; 5547 font-size: 14px; 5548 margin-top: 30px; 5549 margin-bottom: 30px; 5550 letter-spacing: 2px; 5551 display:flex; 5552 } 5553 #mobile_hamburger_menu_template .hamburger-menu-nav-section svg { 5554 height: 20px; 5555 float: right; 5556 } 5557 #mobile_hamburger_menu_template .hamburger-menu-nav-section.parent_men span{ 5558 text-decoration: underline; 5559 } 5560 #mobile_hamburger_menu_template .hamburger-menu-nav-section.parent_men_arrow{ 5561 min-width:30px; 5562 justify-content: end; 5563 } 5564 #mobile_hamburger_menu_template .icon_and_name { 5565 display:flex; 5566 align-items:center; 5567 gap:10px; 5568 } 5569 #mobile_hamburger_menu_template .ham_menu_container { 5570 display:flex; 5571 justify-content: space-between; 5572 } 5573 #mobile_hamburger_menu_template.open { 5574 left: 0; 5575 5576 } 5577 #mobile_hamburger_menu_template .sub-menu-panel { 5578 padding: 30px; 5579 padding-top: 60px; 5580 position: absolute; 5581 top: 0; 5582 left: 425px; 5583 width: 425px; 5584 height: 100vh; 5585 background-color: #fff; 5586 overflow-y: auto; 5587 z-index: 999999; 5588 opacity: 0; 5589 transition: opacity 0.5s ease; 5590 } 5591
5592 #mobile_hamburger_menu_template .sub-menu-panel.open { 5593 opacity: 1; 5594 z-index: 9999999; 5595 } 5596 5597 5598 5599 #mobile_hamburger_menu_template a.hamburger-menu-nav-section, 5600 #mobile_hamburger_menu_template button.hamburger-menu-nav-section, 5601 #mobile_hamburger_menu_template a.hamburger-menu-close-button, 5602 #mobile_hamburger_menu_template button.hamburger-menu-close-button { 5603 position: relative; 5604 color:#000000; display: flex; 5605 font-weight:400; font-style:normal; font-size:14px; font-family:ITC Avant Garde; text-transform:none; line-height:35px; } 5606 #mobile_hamburger_menu_template button.hamburger-menu-nav-section, 5607 #mobile_hamburger_menu_template button.hamburger-menu-close-button { 5608 background: none; 5609 border: none; 5610 padding: 0; 5611 cursor: pointer; 5612 width: 100%; 5613 } 5614 /* this is not working in dash */ 5615 #mobile_hamburger_menu_template a.hamburger-menu-nav-section:hover, 5616 #mobile_hamburger_menu_template button.hamburger-menu-nav-section:hover, 5617 #mobile_hamburger_menu_template a.hamburger-menu-nav-section.active, 5618 #mobile_hamburger_menu_template button.hamburger-menu-nav-section.active 5619 { 5620 color: #000; 5621 } 5622 #mobile_hamburger_menu_template a.hamburger-menu-nav-section::after, 5623 #mobile_hamburger_menu_template button.hamburger-menu-nav-section::after { 5624 content: ""; 5625 position: absolute; 5626 left: 0; 5627 bottom: 0; 5628 width: 0%; 5629 height: 0.5px; 5630 background-color: #000; 5631 transition: width 0.5s ease; 5632 } 5633 #mobile_hamburger_menu_template a.hamburger-menu-nav-section.active::after, 5634 #mobile_hamburger_menu_template button.hamburger-menu-nav-section.active::after { 5635 width: 100%; 5636 } 5637 5638 #mobile_hamburger_menu_template a.hamburger-menu-nav-section:hover::after, 5639 #mobile_hamburger_menu_template button.hamburger-menu-nav-section:hover::after { 5640 width: 100%; 5641 } 5642 #mobile_hamburger_menu_template.hamburger-menu-template .nav_list_trd { 5643 display: none; 5644 padding: 15px 0px; 5645 padding-left: 20px; 5646 background: #fff; 5647 } 5648 #mobile_hamburger_menu_template.hamburger-menu-template .nav_list_trd.open { 5649 display: block; 5650 padding-top:2px; 5651 } 5652 5653 #mobile_hamburger_menu_template a.hamburger-menu-nav-section .icon_and_name img, 5654 #mobile_hamburger_menu_template button.hamburger-menu-nav-section .icon_and_name img { 5655 height:30px; 5656 } 5657 @media (min-width: 768px) { 5658 .hide_desktop { 5659 display:none!important; 5660 } 5661 } 5662 5663 @media (max-width: 767.9px) { 5664 .hide_mobile { 5665 display:none!important; 5666 } 5667 #mobile_hamburger_menu_template .sub_title_m svg { 5668 height: 20px; 5669 transform: rotate(180deg); 5670 } 5671 #mobile_hamburger_menu_template .sub_title_m { 5672 align-items: center; 5673 gap: 8px; 5674 cursor: pointer; 5675 } 5676 #mobile_hamburger_menu_template { 5677 position: fixed; 5678 top: 0; 5679 left: 0; 5680 width: 100%; 5681 overflow-y: auto; 5682 left: -100%; 5683 z-index: 9999998; 5684 background-color: #ffffff; 5685 transition: all 0.3s ease; 5686 height: 100%; 5687 max-height: 100vh; 5688 -webkit-overflow-scrolling: touch; 5689 box-sizing: border-box; 5690 } 5691 5692 #mobile_hamburger_menu_template .sub-menu-panel { 5693 padding: 30px; 5694 padding-top: 30px; 5695 padding-bottom: 100px; 5696 position: absolute; 5697 top: 0; 5698 left: 200%; 5699 width: 100%; 5700 height: 100vh; 5701 background-color: #fff; 5702 overflow-y: auto; 5703 z-index: -1; 5704 opacity: 1; 5705 transition: 0.5s ease; 5706 box-sizing: border-box; 5707 }
5708 #mobile_hamburger_menu_template .sub-menu-panel.open { 5709 opacity: 1; 5710 left: 0px; 5711 z-index: 9999999; 5712 } 5713 5714 #mobile_hamburger_menu_template .hamburger-menu-template-inner { 5715 width: 100%; 5716 } 5717 5718 5719 } 5720 5721 5722 5723 </style> 5724 5725 <nav id="mobile_hamburger_menu_template" class="hamburger-menu-template" inert="inert"> 5726 5727 <div class="hamburger-menu-template-inner"> 5728 <div class="hamburger-menu-template-inner-m"> 5729 <a href="#!" class="hamburger-menu-close-button mr-4" title="Close" id="mobile_hamburger_close_button" role="button"> 5730 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-13ewnpa" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 11.2928L17.7703 5.52254L18.4774 6.22964L12.7071 11.9999L18.4775 17.7704L17.7704 18.4775L12 12.7071L6.22957 18.4775L5.52246 17.7704L11.2929 11.9999L5.52256 6.22964L6.22967 5.52254L12 11.2928Z" fill="currentColor"></path></svg> 5731 </a> 5732 5733 <div class="script_before_menu"> 5734 5735 5736<div class="flex_cell flex_cell_1 image"> 5737 <div class="flex_cell_content"> 5738 5739 5740 5741 <img 5742 5743 5744 src="https://www.albertsjewelers.com/public/1.0/uploads/source/homepage-2025/header-2025/frame-32.png" 5745 5746 alt="Albert's Jewelers"> 5747 5748 5749 5750 </div> 5751</div> 5752 <style> 5753 .header_container_3 .flex_row .flex_col .script_before_menu .image { 5754 width:100%; justify-content:left !important; align-items:center !important; } 5755 .header_container_3 .flex_row .flex_col .script_before_menu .image>.flex_cell_content { 5756 display: flex; 5757 margin-top:px !important; margin-bottom:px !important; margin-left:px !important; margin-right:px !important; padding-top:px !important; padding-bottom:px !important; padding-left:px !important; padding-right:px !important; } 5758 .header_container_3 .flex_row .flex_col .script_before_menu .image img { 5759 max-width:130px; } 5760 5761 .header_container_3>.flex_row_2>.flex_col_1>.flex_cell_1.image { 5762 } 5763 </style> 5764 5765 </div> 5766 <div style="clear: both"></div> 5767 5768 5769 <a style="margin-top:25px" 5770 class="hamburger-menu-nav-section " 5771 title="New Arrivals" 5772 href="#!" > 5773 5774 <span class="icon_and_name"> 5775 5776 New Arrivals </span> 5777 5778 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path></svg> 5779 5780 </a> 5781 5782 5783 5784 <div class="sub-menu-panel" id="mobile-sub-menu-panel-216"> 5785 <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0"> 5786 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"> 5787 <path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path> 5788</svg> 5789 5790 New Arrivals 5791 </div> 5792 <div class="sub_title_m hide_mobile">New Arrivals</div> 5793 5794 5795 <!-- mobile_hamburger_menu_216_start --> 5796 <div id="mobile_hamburger_menu_216"></div> 5797 <!-- mobile_hamburger_menu_216_end --> 5798 </div> 5799 5800 5801 5802 <a style="margin-top:25px"
5803 class="hamburger-menu-nav-section " 5804 title="Engagement Rings" 5805 href="#!" > 5806 5807 <span class="icon_and_name"> 5808 5809 Engagement Rings </span> 5810 5811 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path></svg> 5812 5813 </a> 5814 5815 5816 5817 <div class="sub-menu-panel" id="mobile-sub-menu-panel-6"> 5818 <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0"> 5819 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"> 5820 <path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path> 5821</svg> 5822 5823 Engagement Rings 5824 </div> 5825 <div class="sub_title_m hide_mobile">Engagement Rings</div> 5826 5827 5828 <!-- mobile_hamburger_menu_6_start --> 5829 <div id="mobile_hamburger_menu_6"></div> 5830 <!-- mobile_hamburger_menu_6_end --> 5831 </div> 5832 5833 5834 5835 <a style="" 5836 class="hamburger-menu-nav-section " 5837 title="Wedding Bands" 5838 href="#!" > 5839 5840 <span class="icon_and_name"> 5841 5842 Wedding Bands </span> 5843 5844 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path></svg> 5845 5846 </a> 5847 5848 5849 5850 <div class="sub-menu-panel" id="mobile-sub-menu-panel-12"> 5851 <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0"> 5852 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"> 5853 <path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path> 5854</svg> 5855 5856 Wedding Bands 5857 </div> 5858 <div class="sub_title_m hide_mobile">Wedding Bands</div> 5859 5860 5861 <!-- mobile_hamburger_menu_12_start --> 5862 <div id="mobile_hamburger_menu_12"></div> 5863 <!-- mobile_hamburger_menu_12_end --> 5864 </div> 5865 5866 5867 5868 <a style="" 5869 class="hamburger-menu-nav-section " 5870 title="Diamonds" 5871 href="#!" > 5872 5873 <span class="icon_and_name"> 5874 5875 Diamonds </span> 5876 5877 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path></svg> 5878 5879 </a> 5880 5881 5882
5883 <div class="sub-menu-panel" id="mobile-sub-menu-panel-11"> 5884 <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0"> 5885 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"> 5886 <path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path> 5887</svg> 5888 5889 Diamonds 5890 </div> 5891 <div class="sub_title_m hide_mobile">Diamonds</div> 5892 5893 5894 <!-- mobile_hamburger_menu_11_start --> 5895 <div id="mobile_hamburger_menu_11"></div> 5896 <!-- mobile_hamburger_menu_11_end --> 5897 </div> 5898 5899 5900 5901 <a style="margin-top:20px" 5902 class="hamburger-menu-nav-section " 5903 title="Designers " 5904 href="#!" > 5905 5906 <span class="icon_and_name"> 5907 5908 Designers </span> 5909 5910 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path></svg> 5911 5912 </a> 5913 5914 5915 5916 <div class="sub-menu-panel" id="mobile-sub-menu-panel-72"> 5917 <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0"> 5918 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"> 5919 <path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path> 5920</svg> 5921 5922 Designers 5923 </div> 5924 <div class="sub_title_m hide_mobile">Designers </div> 5925 5926 5927 <!-- mobile_hamburger_menu_72_start --> 5928 <div id="mobile_hamburger_menu_72"></div> 5929 <!-- mobile_hamburger_menu_72_end --> 5930 </div> 5931 5932 5933 5934 <a style="" 5935 class="hamburger-menu-nav-section " 5936 title="Fine Jewelry" 5937 href="#!" > 5938 5939 <span class="icon_and_name"> 5940 5941 Fine Jewelry </span> 5942 5943 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path></svg> 5944 5945 </a> 5946 5947 5948 5949 <div class="sub-menu-panel" id="mobile-sub-menu-panel-16"> 5950 <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0"> 5951 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"> 5952 <path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path> 5953</svg> 5954 5955 Fine Jewelry 5956 </div> 5957 <div class="sub_title_m hide_mobile">Fine Jewelry</div> 5958 5959 5960 <!-- mobile_hamburger_menu_16_start --> 5961 <div id="mobile_hamburger_menu_16"></div> 5962 <!-- mobile_hamburger_menu_16_end --> 5963 </div> 5964 5965 5966 5967 <a style=""
5968 class="hamburger-menu-nav-section " 5969 title="Timepieces" 5970 href="#!" > 5971 5972 <span class="icon_and_name"> 5973 5974 Timepieces </span> 5975 5976 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path></svg> 5977 5978 </a> 5979 5980 5981 5982 <div class="sub-menu-panel" id="mobile-sub-menu-panel-20"> 5983 <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0"> 5984 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"> 5985 <path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path> 5986</svg> 5987 5988 Timepieces 5989 </div> 5990 <div class="sub_title_m hide_mobile">Timepieces</div> 5991 5992 5993 <!-- mobile_hamburger_menu_20_start --> 5994 <div id="mobile_hamburger_menu_20"></div> 5995 <!-- mobile_hamburger_menu_20_end --> 5996 </div> 5997 5998 5999 6000 <a style="margin-top:20px" 6001 class="hamburger-menu-nav-section " 6002 title="Services" 6003 href="#!" > 6004 6005 <span class="icon_and_name"> 6006 6007 Services </span> 6008 6009 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path></svg> 6010 6011 </a> 6012 6013 6014 6015 <div class="sub-menu-panel" id="mobile-sub-menu-panel-179"> 6016 <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0"> 6017 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"> 6018 <path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path> 6019</svg> 6020 6021 Services 6022 </div> 6023 <div class="sub_title_m hide_mobile">Services</div> 6024 6025 6026 <!-- mobile_hamburger_menu_179_start --> 6027 <div id="mobile_hamburger_menu_179"></div> 6028 <!-- mobile_hamburger_menu_179_end --> 6029 </div> 6030 6031 6032 6033 <a style="" 6034 class="hamburger-menu-nav-section " 6035 title="Contact" 6036 href="#!" > 6037 6038 <span class="icon_and_name"> 6039 6040 Contact </span> 6041 6042 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path></svg> 6043 6044 </a> 6045 6046 6047
6048 <div class="sub-menu-panel" id="mobile-sub-menu-panel-22"> 6049 <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0"> 6050 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"> 6051 <path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path> 6052</svg> 6053 6054 Contact 6055 </div> 6056 <div class="sub_title_m hide_mobile">Contact</div> 6057 6058 6059 <!-- mobile_hamburger_menu_22_start --> 6060 <div id="mobile_hamburger_menu_22"></div> 6061 <!-- mobile_hamburger_menu_22_end --> 6062 </div> 6063 6064 <div class="script_after_menu"> 6065 <div class="custom_script_after_menu"> 6066 <br><br><br><br><br> </div> 6067 </div> 6068 </div> 6069 </div> 6070 </nav> 6071 <div class="hamburger-menu-template-overlay" id="mobile_hamburger_menu_template_overlay"></div> 6072 6073
6073<script> 6074 $(function () { 6075 6076 6077 const trap = focusTrap.createFocusTrap('#mobile_hamburger_menu_template', { 6078 onActivate: () => $('#mobile_hamburger_menu_template').addClass('is-active'), 6079 onDeactivate: () => $('#mobile_hamburger_menu_template').removeClass('is-active'), 6080 clickOutsideDeactivates: true 6081 }); 6082 6083 6084 6085 function updatePanelWidth() { 6086 const elements = document.querySelectorAll('.custom_bm_fw'); 6087 6088 elements.forEach(element => { 6089 const panel = element.closest('.sub-menu-panel'); 6090 if (panel) { 6091 if (window.innerWidth > 768) { 6092 const newWidth = window.innerWidth - 425; 6093 panel.style.width = `${newWidth}px`; 6094 } else { 6095 panel.removeAttribute('style'); 6096 } 6097 } 6098 }); 6099 } 6100 6101 updatePanelWidth(); 6102 window.addEventListener('resize', updatePanelWidth); 6103 6104 let $lastNavTrigger = null; 6105 $('.sub-menu-panel').attr('tabindex', '-1'); 6106 $('.sub-menu-panel').find('a, button, .close_sub_menu').attr('tabindex', '-1'); 6107 6108 6109 6110 $('#mobile_hamburger_button').on('click keypress', function (event) { 6111 if(event.which === 13 || event.which === 32 || event.type == 'click') { 6112 if(event.which === 32) { 6113 event.preventDefault(); 6114 } 6115 document.body.classList.add('no-scroll'); 6116 $('#mobile_hamburger_menu_template').toggleClass('open') 6117 $('#mobile_hamburger_menu_template_overlay').toggleClass('open') 6118 $('#mobile_hamburger_menu_template').removeAttr('inert') 6119 trap.activate() 6120 $('#mobile_hamburger_close_button').focus() 6121 } 6122 }) 6123 6124 function closeSubMenu() { 6125 document.querySelectorAll('.sub-menu-panel').forEach(panel => { 6126 panel.classList.remove('open'); 6127 }) 6128 document.querySelectorAll('.hamburger-menu-nav-section').forEach(panel => { 6129 panel.classList.remove('active'); 6130 }) 6131 $('.sub-menu-panel').find('a, button, .close_sub_menu').attr('tabindex', '-1'); 6132 // Restore main-list nav items to the tab order 6133 $('.hamburger-menu-nav-section').removeAttr('tabindex'); 6134 if ($lastNavTrigger) { 6135 $lastNavTrigger.focus(); 6136 $lastNavTrigger = null; 6137 } 6138 } 6139 6140 $('.header_container_3').on('click', '.close_sub_menu', function() { 6141 closeSubMenu(); 6142 }) 6143 6144 $('.header_container_3').on('keydown', '.close_sub_menu', function(event) { 6145 if (event.key === 'Enter' || event.key === ' ') { 6146 event.preventDefault(); 6147 closeSubMenu(); 6148 } 6149 }) 6150 6151 6152 6153 // Cycle Tab focus within the open sub-menu-panel (last item â first item) 6154 $(document).on('keydown', '.sub-menu-panel.open [tabindex="0"]', function(event) { 6155 if (event.key !== 'Tab' || event.shiftKey) return; 6156 var $panel = $(this).closest('.sub-menu-panel.open'); 6157 var $focusable = $panel.find('a[tabindex="0"], button[tabindex="0"], .close_sub_menu[tabindex="0"]'); 6158 if ($focusable.last().is(this)) { 6159 event.preventDefault(); 6160 $focusable.first().trigger('focus'); 6161 } 6162 }); 6163 6164 $('#mobile_hamburger_close_button, #mobile_hamburger_menu_template_overlay').on('click keypress', function (event) { 6165 // <button> fires a synthetic click on Enter/Space â skip keypress to avoid double-fire 6166 if (event.type === 'keypress' && this.tagName === 'BUTTON') { 6167 return; 6168 } 6169 if(event.which === 13 || event.which === 32 || event.type == 'click') { 6170 if (event.which === 32) { 6171 event.preventDefault(); 6172 } 6173 6174 closeHamburgerMenu(); 6175 } 6176 }) 6177 6178 $(window).resize(function () { 6179 if($(window).width() > 768) closeHamburgerMenu(); 6180 }) 6181 6182 function closeHamburgerMenu() {
6183 document.querySelectorAll('.sub-menu-panel').forEach(panel => { 6184 panel.classList.remove('open'); 6185 }) 6186 document.querySelectorAll('.hamburger-menu-nav-section').forEach(panel => { 6187 panel.classList.remove('active'); 6188 }) 6189 $('.sub-menu-panel').find('a, button, .close_sub_menu').attr('tabindex', '-1'); 6190 // Restore main-list nav items to the tab order 6191 $('.hamburger-menu-nav-section').removeAttr('tabindex'); 6192 $lastNavTrigger = null; 6193 document.body.classList.remove('no-scroll'); 6194 $('#mobile_hamburger_menu_template').removeClass('open') 6195 $('#mobile_hamburger_menu_template_overlay').removeClass('open') 6196 $('#mobile_hamburger_menu_template').attr('inert', 'inert') 6197 trap.deactivate() 6198 } 6199 6200 $('.header_container_3').on('click', '.hamburger-menu-nav-section', function() { 6201 6202 if ($(this).hasClass("active")) { 6203 document.querySelectorAll('.sub-menu-panel').forEach(panel => { 6204 panel.classList.remove('open'); 6205 }) 6206 document.querySelectorAll('.hamburger-menu-nav-section').forEach(panel => { 6207 panel.classList.remove('active'); 6208 }) 6209 $('.sub-menu-panel').find('a, button, .close_sub_menu').attr('tabindex', '-1'); 6210 // Restore main-list nav items to the tab order 6211 $('.hamburger-menu-nav-section').removeAttr('tabindex'); 6212 } else { 6213 // For parent_men_arrow, the sub-menu-panel is after ham_menu_container, not after the button 6214 let $checkPanel = $(this).hasClass("parent_men_arrow") 6215 ? $(this).closest('.ham_menu_container').next('.sub-menu-panel') 6216 : $(this).next('.sub-menu-panel'); 6217 6218 if ($checkPanel.find('.nav_a_trd').length > 0 || $checkPanel.find('.custom_build_menu').length > 0) { 6219 document.querySelectorAll('.sub-menu-panel').forEach(panel => { 6220 panel.classList.remove('open'); 6221 }) 6222 document.querySelectorAll('.hamburger-menu-nav-section').forEach(panel => { 6223 panel.classList.remove('active'); 6224 }) 6225 $('.sub-menu-panel').find('a, button, .close_sub_menu').attr('tabindex', '-1'); 6226 6227 $(this).addClass('active'); 6228 $lastNavTrigger = $(this); 6229 6230 let $openedPanel = null; 6231 6232 if (!$(this).hasClass("parent_men")) { 6233 updatePanelWidth(); 6234 $(this).next('.sub-menu-panel').toggleClass('open'); 6235 $openedPanel = $(this).next('.sub-menu-panel'); 6236 } 6237 if ($(this).hasClass("parent_men_arrow")) { 6238 $(this).closest('.ham_menu_container').next('.sub-menu-panel').toggleClass('open'); 6239 $openedPanel = $(this).closest('.ham_menu_container').next('.sub-menu-panel'); 6240 } 6241 6242 if ($openedPanel && $openedPanel.hasClass('open')) { 6243 // Hide main-list nav items from tab order while panel is open 6244 $('.hamburger-menu-nav-section').attr('tabindex', '-1'); 6245 $openedPanel.find('a, button, .close_sub_menu').attr('tabindex', '0'); 6246 setTimeout(function() { 6247 $openedPanel.find('[tabindex="0"]').first().trigger('focus'); 6248 }, 50); 6249 } 6250 } 6251 } 6252 6253 }) 6254 }) 6255 6256 function setHamburgerInnerHeight() { 6257 const inner = document.querySelector('.hamburger-menu
6257-template-inner-m'); 6258 const offset = 0; // adjust this if there's a header/footer inside 6259 inner.style.height = `${window.innerHeight - offset - 70}px`; 6260 } 6261 6262 // Run on load and resize 6263 window.addEventListener('load', setHamburgerInnerHeight); 6264 window.addEventListener('resize', setHamburgerInnerHeight); 6265 6266 </script>
6266 6267</div> 6268 6269<style> 6270 #mobile_hamburger_menu_template>ul>li>a { 6271 color:#000000; display: flex; 6272 font-weight:400; font-style:normal; font-size:14px; font-family:ITC Avant Garde; text-transform:none; line-height:35px; } 6273 6274 #mobile_hamburger_menu_template>ul>li>a:hover { 6275 color:#000000; } 6276 6277 6278 6279</style> 6280 </div> 6281 6282 <div class="flex_col"> 6283 6284 6285 </div> 6286 6287 <div class="flex_col"> 6288 6289 6290 </div> 6291 6292 </div> 6293 6294 6295 6296 <div class="flex_row"> 6297 6298 6299 <div class="flex_col"> 6300 6301 6302 </div> 6303 6304 </div> 6305 6306 6307 </div> 6308 6309 6310 6311</header> 6312 6313 6314<main id="main" class="main_page_container page_type_10 page_guid_3000503"> 6315 6316 <style> 6317 [data-checkbox-hidden]{width:fit-content;}body{margin:0;}#logo_img_pop_00001{margin:0 auto;} 6318 img[carousel_image_type="desktop"]{display:block !important;} 6319 img[carousel_image_type="tablet"]{display:none !important;} 6320 img[carousel_image_type="mobile"]{display:none !important;} 6321 img[pointer]{cursor:pointer;} p,h1,h2,h3,h4,h5,h6{padding:0; margin:0;} 6322 img[zoom]{transition: all .6s ease;-webkit-transition: all .6s ease;-moz-transition: all .6s ease;-ms-transition: all .6s ease;-o-transition: all .6s ease;vertical-align: middle;height: auto;max-width: 100%;} 6323 img[zoom]:hover{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);} 6324 .pointer{cursor:pointer;} 6325 .gjs-cell, .cell{width:100%;} 6326 .table-auto{ 6327 table-layout: fixed; 6328 } 6329 .customer_review_carousel{ 6330 max-height:234px !important; 6331 } 6332 img.object-cover{ 6333 filter: none !important; 6334 } 6335 .customer_review_carousel .item-carousel{ 6336 flex-direction: column !important; 6337 } 6338 .bst-carousel.item-carousel { 6339 position:relative; 6340 /*display: flex; 6341 justify-content: center;*/ 6342 } 6343 6344 [data-template] img { 6345 width:100%; 6346 } 6347 .item-carousel img { 6348 margin: auto; 6349 } 6350 .main_page_container img[height]{height:auto !important;} 6351 /*.gjs-cell{width:100% !important;}*/ 6352 .carousel-control { 6353 -webkit-tap-highlight-color: transparent; 6354 display:flex; 6355 justify-content:center; 6356 align-items:center; 6357 z-index:1; 6358 width:auto; 6359 } 6360 .carousel-control svg { 6361 color:black; 6362 } 6363 .bst-carousel.carousel { 6364 width:-webkit-fill-available; 6365 width:-moz-available; 6366 position: relative; 6367 } 6368 6369 @media(max-width: 991.9px){ 6370 img[carousel_image_type="desktop"]{display:none !important;} 6371 img[carousel_image_type="tablet"]{display:block !important;} 6372 img[carousel_image_type="mobile"]{display:none !important;} 6373 6374 } 6375 6376 6377 @media(max-width: 767.9px){ 6378 img[carousel_image_type="desktop"]{display:none !important;} 6379 img[carousel_image_type="tablet"]{display:none !important;} 6380 img[carousel_image_type="mobile"]{display:block !important;} 6381 6382 6383 } 6384 [data-checkbox-hidden]{width:fit-content;}body{margin:0;}img[carousel_image_type="desktop"]{display:block !important;}img[carousel_image_type="tablet"]{display:none !important;}img[carousel_image_type="mobile"]{display:none !important;}img[pointer]{cursor:pointer;}p, h1, h2, h3, h4, h5, h6{padding:0;margin:0;}img[zoom]{transition:all .6s ease;-webkit-transition:all .6s ease;-moz-transition:all .6s ease;-ms-transition:all .6s ease;-o-transition:all .6s ease;vertical-align:middle;height:auto;max-width:100%;}img[zoom]:hover{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);}.pointer{cursor:pointer;}
6384img.object-cover{filter:none !important;}.customer_review_carousel .item-carousel{flex-direction:column !important;}.bst-carousel.item-carousel{position:relative;undefined:undefined;}[data-template] img{width:100%;}.item-carousel img{margin:auto;}.main_page_container img[height]{height:auto !important;}.carousel-control{-webkit-tap-highlight-color:transparent;display:flex;justify-content:center;align-items:center;z-index:1;width:auto;}.carousel-control svg{color:black;}.bst-carousel.carousel{width:-moz-available;position:relative;}.row{display:flex;justify-content:flex-start;align-items:stretch;flex-wrap:nowrap;padding:10px;min-height:75px;}.row-cell{flex-grow:1;width:100%;padding:5px;}.bst-carousel img{border:0;}.bst-carousel svg:not(:root){overflow:hidden;}.bst-carousel .img-responsive, .bst-carousel .carousel-inner>.item>img, .bst-carousel .carousel-inner>.item>a>img{display:block;max-width:100%;height:auto;}.bst-carousel .sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;}
6384.bst-carousel .sr-only-focusable:active, .bst-carousel .sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto;}.bst-carousel .carousel-inner{position:relative;overflow:hidden;width:100%;}.bst-carousel .carousel-inner>.item{display:none;position:relative;-webkit-transition:0.6s ease-in-out left;-o-transition:0.6s ease-in-out left;transition:0.6s ease-in-out left;}.bst-carousel .carousel-inner>.item>img, .bst-carousel .carousel-inner>.item>a>img{line-height:1;display:block;margin:auto;}.bst-carousel .carousel-inner>.active, .bst-carousel .carousel-inner>.next, .bst-carousel .carousel-inner>.prev{display:block;}.bst-carousel .carousel-inner>.active{left:0;}.bst-carousel .carousel-inner>.next, .bst-carousel .carousel-inner>.prev{position:absolute;top:0;width:100%;}.bst-carousel .carousel-inner>.next{left:100%;}.bst-carousel .carousel-inner>.prev{left:-100%;}.bst-carousel .carousel-inner>.next.left, .bst-carousel .carousel-inner>.prev.right{left:0;}.bst-carousel .carousel-inner>.active.left{left:-100%;}.bst-carousel .carousel-inner>.active.right{left:100%;}.bst-carousel .carousel-control{position:absolute;top:0;left:0;bottom:0;undefined:undefined;opacity:0.5;filter:alpha(opacity=50);font-size:20px;color:#ffffff;text-align:center;text-shadow:0 1px 2px rgba(0, 0, 0, 0.6);background-color:rgba(0, 0, 0, 0);z-index:1000;}.bst-carousel .carousel-control.right{left:auto;right:0;}
6384.bst-carousel, .bst-carousel .carousel-control:hover{outline:0;color:#ffffff;text-decoration:none;opacity:1 !important;filter:alpha(opacity=90);}.bst-carousel .carousel-control .icon-prev, .bst-carousel .carousel-control .icon-next, .bst-carousel .carousel-control .glyphicon-chevron-left, .bst-carousel .carousel-control .glyphicon-chevron-right{position:absolute;top:50%;margin-top:-10px;z-index:5;display:inline-block;}.bst-carousel .carousel-control .icon-prev, .bst-carousel .carousel-control .glyphicon-chevron-left{left:50%;margin-left:-10px;}.bst-carousel .carousel-control .icon-next, .bst-carousel .carousel-control .glyphicon-chevron-right{right:50%;margin-right:-10px;}.bst-carousel .carousel-control .icon-prev, .bst-carousel .carousel-control .icon-next{width:20px;height:20px;line-height:1;font-family:serif;}.bst-carousel .carousel-indicators{position:absolute;bottom:10px;left:50%;z-index:15;width:60%;margin-left:-30%;padding-left:0;list-style:none;text-align:center;}.bst-carousel .carousel-indicators li{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;border:1px solid #ffffff;border-radius:10px;cursor:pointer;background-color:rgba(0, 0, 0, 0);}.bst-carousel .carousel-indicators .active{margin:0;width:12px;height:12px;background-color:#ffffff;}.item-carousel.active{undefined:undefined;}.bst-carousel .carousel-caption{position:absolute;left:15%;right:15%;bottom:20px;z-index:10;padding-top:20px;padding-bottom:20px;color:#ffffff;text-align:center;text-shadow:0 1px 2px rgba(0, 0, 0, 0.6);}.bst-carousel .carousel-caption .btn{text-shadow:none;}
6384.bst-carousel .clearfix:before, .bst-carousel .clearfix:after{content:" ";display:table;}.bst-carousel .clearfix:after{clear:both;}.bst-carousel .center-block{display:block;margin-left:auto;margin-right:auto;}.gjs-dashed img{max-width:100%;}*{box-sizing:border-box;}.wrapper952 a{text-decoration:none;}.wrapper952 a:hover{text-decoration:none;}.container-with-image952 img{width:100%;height:auto;}p{padding:0;margin:0 0 1em 0;}body, div, span, p, img, small, figure, section{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}figure, section{display:block;}small{font-size:85%;}button{cursor:pointer;margin:0;border:none;background:none;font-family:inherit;font-size:100%;text-transform:none;line-height:1;color:currentColor;width:auto;overflow:visible;}body *{-webkit-font-smoothing:antialiased;}.wrapper--full{max-width:none;margin:0 auto;}.section-padding{--padding-top:var(--PT);--padding-bottom:var(--PB);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);}p .p{font-size:calc(var(--font-3) * var(--FONT-ADJUST-BODY));}.small, small, p small{font-size:calc(var(--font-2) * var(--FONT-ADJUST-BODY));}.p, p{margin:0.5em 0;}a{text-decoration:none;color:var(--link);transition:color 0.25s ease;}.btn span{position:relative;vertical-align:middle;}.btn:not(.btn--text) span:not([class]){display:block;height:100%;transform:translateZ(0);}.lazy-image img{transition:opacity 0.5s ease-in;}.image-wrapper img{position:absolute;top:0;left:0;width:100%;height:100%;image-rendering:auto;}.image-wrapper--cover img{object-fit:cover;}img.fit-cover{object-fit:cover;}p a{--link:currentcolor;--link-hover:currentcolor;display:inline;text-decoration:none;cursor:pointer;padding:0 0 5px;color:var(--link);line-height:normal;background:linear-gradient(to right, currentColor, currentColor);background-size:100% 1px;background-position:50% 86%;background-repeat:no-repeat;transition:color 0.25s ease-in, background-size 0.25s ease-in;}.index-look{background-color:var(--bg);color:var(--text);}.look__slide{flex:0 0 auto;width:100%;}.look__aside{flex:1 1 50%;text-align:left;padding:35px 0;overflow:hidden;}.look__image--fullheight .look__image-bg{--header-height-sticky:0;}.product-item{--text:var(--COLOR-TEXT);--text-dark:var(--COLOR-TEXT-DARK);--text-light:var(--COLOR-TEXT-LIGHT);position:relative;background:var(--COLOR-BG);scroll-snap-align:start;}.product-item__image:not(.image--empty){background-color:var(--COLOR-BG);}.product-item__image .product-link{overflow:hidden;position:absolute;top:0;right:0;bottom:0;left:0;}.product-information{text-align:left;line-height:1.4;}.product-information .price{font-size:inherit;color:var(--text-light);}.product-information .price small{font-size:inherit;}.quick-add__button > span{pointer-events:none;}#igxfrtebhp834601 h2, #igxfrtebhp834601 h3, #igxfrtebhp834601 p{margin:0;padding:0;}#igxfrtebhp834601 a{text-decoration:none;color:#222;}#igxfrtebhp834601 a:hover{text-decoration:none;}.warranty3460 img{width:100%;height:auto;}.warranty3460 .tablet3460, .warranty3460 .mobile3460{display:none;}#dferwe3s0001 a:hover{text-decoration:none;}.container-with-image_504 img{width:100%;height:auto;}.sticky-row{display:flex;flex-direction:row;height:100vh;position:sticky;top:0;width:100%;overflow:auto;}.main-wr-002 a:hover{text-decoration:none;}.main-wr-002 .p_t_002{text-align:center;max-width:80%;}.jew_card002>div{position:relative;}.header-block h4{font-size:26px;font-weight:700;margin:0 0 50px 0;}.main-image img{width:100%;height:100%;}.product-image img{width:100%;}.product-context p{margin:0;}.product-price, .product-info p{margin:0;font-size:16px;font-weight:700;}#igxfrtebhp88021 h3, #igxfrtebhp88021 p{margin:0;padding:0;}#igxfrtebhp88021 a{text-decoration:none;color:#222;}#igxfrtebhp88021 a:hover{text-decoration:none;}
6384.left802d .warranty802_description{left:0;right:20px;}.warranty802 img{width:100%;height:auto;}.warranty802 .tablet802, .warranty802 .mobile802{display:none;}.fs7-3{font-size:3.2rem;line-height:1.1rem;}.max-width-102.align-center{margin-left:auto;margin-right:auto;}.line-mask{position:absolute;top:0;right:0;background-color:#062b39;opacity:0.65;height:100%;width:100%;z-index:2;}.container{position:relative;display:flex;flex-direction:column;max-width:3200px;margin:0 auto;}.block2{width:100%;height:100vh;min-height:720px;padding:0% 0px 0% 0px;background-image:linear-gradient(#d3cdc3 0%, #d3cdc3 100%);justify-content:flex-start;align-items:center;display:flex;}.carousel-12-01{overflow:hidden;position:relative;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:3200px;margin:0 auto;}.carousel-12-img-01{width:100%;}.carousel-12-img-02{display:none;width:100%;}.carousel-12-img-03{display:none;width:100%;}.carousel-12-div-01{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;}.carousel-12-div-03{display:flex;flex-direction:column;align-items:center;}#carousel-12-01{overflow:hidden;position:relative;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:3200px;margin:0 auto;}#carousel-12-02{overflow:hidden;position:relative;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:3200px;margin:0 auto;}#carousel-12-img-01{width:100%;}#carousel-12-img-04{width:100%;padding:2px 0px 0 0px;}#carousel-12-img-02{display:none;width:100%;}#carousel-12-img-05{display:none;width:100%;}#carousel-12-img-03{display:none;width:100%;}#carousel-12-img-06{display:none;width:100%;}#carousel-12-div-01{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;}#carousel-12-div-03{display:flex;flex-direction:column;align-items:center;}.icon-display{display:inline-block;}#itv3{padding:0px 0px 0px 0px;}#i3q1uf-3{font-family:ITC Avant Garde;font-size:36px;font-weight:300;text-transform:uppercase;text-align:center;color:black;letter-spacing:1px;}#ismmxg-3{color:black;font-size:15px;text-align:center;font-family:ITC Avant Garde;font-weight:400;letter-spacing:3%;line-height:25px;padding:0px 20px 0px 20px;margin:60px 0 0 0;}#iplt0l-3{color:black;height:auto;object-fit:contain;}#ifb6ni-3{justify-content:center;display:flex;}#irf0qc-3{text-transform:uppercase;padding:12px 40px;background:transparent;font-family:Arial, Helvetica, sans-serif;font-size:14px;color:black;cursor:pointer;text-decoration:underline;}#ivq3ik-3{width:100%;display:flex;justify-content:center;margin:0px 0 0 0;}#iw6aj4{font-family:ITC Avant Garde;font-size:36px;font-weight:300;text-transform:uppercase;text-align:center;color:black;letter-spacing:1px;}#ip6rw5{color:black;font-size:15px;text-align:center;font-family:ITC Avant Garde;letter-spacing:3%;line-height:25px;padding:0px 20px 0px 20px;margin:60px 0 0 0;}#ip4bub{color:black;height:auto;object-fit:contain;}#i0ysqq{justify-content:center;display:flex;}#id21bh{text-transform:uppercase;padding:12px 40px;background:transparent;font-family:Arial, Helvetica, sans-serif;font-size:14px;color:black;text-decoration:underline;cursor:pointer;}#iccsrp{width:100%;display:flex;justify-content:center;margin:0px 0 0 0;}#i869r{font-family:ITC Avant Garde;font-size:36px;font-weight:300;text-transform:uppercase;text-align:center;color:black;letter-spacing:1px;}#i48wa{color:black;font-size:15px;text-align:center;font-family:ITC Avant Garde;letter-spacing:3%;line-height:25px;padding:0px 20px 0px 20px;margin:60px 0 0 0;}#iyw6c{color:black;height:auto;}#ikifp{justify-content:center;display:flex;}#ihf53{text-transform:uppercase;padding:12px 40px;background:transparent;font-family:Arial, Helvetica, sans-serif;font-size:14px;color:black;text-decoration:underline;cursor:pointer;}#iod8g{width:100%;display:flex;justify-content:center;margin:0px 0 0 0;}#template-28_1-a-02{text-transform:capitalize;padding:0px 5px 0px 5px;background:transparent;font-family:ITC Avant Garde;font-size:14px;color:black;text-decoration:underline;text-align:center;cursor:pointer;}#block4{min-height:100vh;height:auto;width:100%;max-width:3200px;display:block;margin-bottom:10px;background-repeat:repeat;background-position:left top;background-attachment:scroll;background-size:auto;background-image:linear-gradient(#fafafa 0%, #fafafa 100%);}#igxfrtebhp834613{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;width:100%;margin:4rem 50px 10px 50px;}#i9ooz2{font-size:36px;font-weight:300;text-transform:uppercase;text-align:center;color:black;margin:30px 30px 70px 0px;font-family:ITC Avant Garde;letter-spacing:1px;}#i50rod{display:flex;width:75%;margin:0% 0px 0px 25%;}#ifi4lw{display:flex;}#is6id9d{color:black;width:100%;height:auto;object-fit:cover;display:none;}#is6id9m{color:black;width:100%;height:auto;object-fit:cover;display:none;}#is6id9{color:black;width:100%;height:auto;object-fit:cover;margin:0 0 20px 0;}#i7tpt5{width:100%;}#ix593b{color:black;font-size:15px;text-align:justify;font-family:ITC Avant Garde;margin:30px 0px 70px 0px;letter-spacing:3%;line-height:25px;}#iws6t{padding:2px 0px 0px 0px;display:flex;flex-direction:column;align-items:center;}#ih6la{font-size:36px;font-weight:300;text-transform:uppercase;text-align:center;color:black;margin:30px 30px 70px 0px;font-family:ITC Avant Garde;letter-spacing:1px;}#ihdfb{color:black;font-size:15px;text-align:justify;font-family:ITC Avant Garde;margin:30px 0px 70px 0px;letter-spacing:3%;line-height:25px;}#inxd8{display:flex;}#ig1op{color:black;width:100%;height:auto;object-fit:cover;margin:0 0 20px 0;}#ikivf{color:black;width:100%;height:auto;object-fit:cover;display:none;}#inslm{color:black;width:100%;height:auto;object-fit:cover;display:none;}#i5t4l{width:100%;}#i2lrp{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;width:100%;margin:4rem 50px 10px 50px;}#i2lgg{display:flex;width:75%;margin:0% 0px 0px 25%;}#irqhj{min-height:100vh;height:auto;width:100%;max-width:3200px;display:block;background-image:linear-gradient(#fffcf8 0%, #fffcf8 100%);margin:0 0 0 0;background-repeat:repeat;background-position:left top;background-attachment:scroll;background-size:auto;}#i7uvs{font-size:36px;font-weight:300;text-transform:uppercase;text-align:center;color:black;margin:30px 30px 70px 0px;font-family:ITC Avant Garde;letter-spacing:1px;}#if0ob{color:black;font-size:15px;text-align:justify;font-family:ITC Avant Garde;margin:30px 0px 70px 0px;letter-spacing:3%;line-height:25px;}#iiykm{display:flex;}#i5hmc{color:black;width:100%;height:auto;object-fit:cover;margin:0 0 20px 0;}#i3fam{color:black;width:100%;height:auto;object-fit:cover;display:none;}#iy1hi{color:black;width:100%;height:auto;object-fit:cover;display:none;}#idw71{width:100%;}#il62s{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;width:100%;margin:4rem 50px 10px 50px;}#ix82a{display:flex;width:75%;margin:0% 0px 0px 25%;}#inxgr{min-height:100vh;height:auto;width:100%;max-width:3200px;display:block;margin-bottom:10px;background-image:linear-gradient(#fffefc 0%, #fffefc 100%);background-repeat:repeat;background-position:left top;background-attachment:scroll;background-size:auto;}#iu15t{text-transform:capitalize;padding:0px 5px 0px 5px;background:transparent;font-family:ITC Avant Garde;font-size:14px;color:black;text-decoration:underline;text-align:center;cursor:pointer;}#i7362{text-transform:capitalize;padding:0px 5px 0px 5px;background:transparent;font-family:ITC Avant Garde;font-size:14px;color:black;text-decoration:underline;text-align:center;cursor:pointer;}#iwamkk{font-size:125px;font-weight:500;text-transform:uppercase;text-align:center;color:white;transition:all 0.5s linear;font-family:Baskerville;}#iwamkk-2{font-size:125px;font-weight:500;text-transform:uppercase;text-align:center;color:white;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;transition:all 0.5s ease;font-family:Baskerville;}#ihtqwe{font-size:125px;font-weight:500;text-transform:uppercase;text-align:center;color:white;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;transition:all 0.5s linear;font-family:Baskerville;}#ih1s1f{display:flex;flex-direction:column;width:75%;min-height:100vh;justify-content:center;position:absolute;z-index:1;}#ixmaxq{color:black;object-fit:cover;position:static;margin:0px 0 0 0;top:0px;right:0px;height:100%;display:none;}#ih7o2r{position:absolute;margin:0px 0 0px 0px;right:0px;height:100%;top:0px;display:flex;width:500px;}#ipgluk{display:block;flex-direction:row;align-items:center;justify-content:center;width:100%;margin:50px 0px 0px 50px;flex-wrap:nowrap;position:relative;min-height:100vh;overflow:hidden;}#izu70l{display:flex;margin:0 auto;width:100%;flex-wrap:nowrap;max-width:3200px;background-image:url(/public/1.0/uploads/source/homepage-2025/desktop/background-pic-of-couple_1.jpg);background-position:center center;background-size:cover;}#iywwsf{font-size:180px;font-weight:500;text-transform:uppercase;text-align:center;color:black;}#iet0b{color:black;object-fit:contain;position:static;margin:0px 0 0 0;top:0px;right:0px;height:100%;}#iagz5{color:black;object-fit:cover;position:static;margin:0px 0 0 0;top:0px;right:0px;height:100%;display:none;}#container{position:relative;display:flex;flex-direction:column;max-width:3200px;margin:0 auto;}#block2{width:100%;height:100vh;min-height:720px;padding:0% 0px 0% 0px;background-image:linear-gradient(#d3cdc3 0%, #d3cdc3 100%);justify-content:flex-start;align-items:center;display:flex;}
6384#i0a5y{display:block;text-align:start;width:100%;font-size:inherit;color:black;position:relative;}#icn0b{display:inline-block;font-size:3.3vw;color:#444444;border:0px solid #000000;text-align:left;font-family:Baskerville;text-transform:uppercase;font-weight:300;}#iqof8{display:inline-block;position:relative;}#iypab{display:block;text-align:start;width:100%;font-size:inherit;color:black;position:relative;}#i2pgz{display:inline-block;font-size:inherit;color:#444444;border:0px solid #000000;text-align:left;font-family:Baskerville;text-transform:uppercase;}#i08ib{display:block;text-align:start;width:100%;font-size:inherit;color:black;position:relative;}#i1k0a{display:inline-block;font-size:inherit;color:#444444;border:0px solid #000000;text-align:left;font-family:Baskerville;text-transform:uppercase;}#iasbj{display:block;text-align:start;width:100%;font-size:inherit;color:black;position:relative;}#ifmdd{display:inline-block;font-size:inherit;color:#444444;border:0px solid #000000;text-align:left;font-family:Baskerville;text-transform:uppercase;}#iqjb6{display:block;text-align:start;width:100%;font-size:inherit;color:black;position:relative;}#iylpx{display:inline-block;font-size:inherit;color:#444444;border:0px solid #000000;text-align:left;font-family:Baskerville;text-transform:uppercase;}#i32hkq{width:100%;transition:width 2s ease;background-repeat:repeat;background-position:left top;background-attachment:scroll;background-size:auto;background-image:linear-gradient(#d3cdc3 0%, #d3cdc3 100%);opacity:0.8;}#ibn4r{color:#ffffff;font-size:3.3vw;text-align:center;justify-content:flex-start;height:auto;transition:all 2s ease-in-out;transform-style:preserve-3d;will-change:transform;transform:translate3d(0px, 0%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);font-family:Cinzel;padding:0px 40px 0px 40px;}#izyco{transition:width 2s ease;background-repeat:repeat;background-position:left top;background-attachment:scroll;background-size:auto;background-image:linear-gradient(#d3cdc3 0%, #d3cdc3 100%);opacity:0.8;}#i1he6{width:100%;transition:width 2s ease;background-repeat:repeat;background-position:left top;background-attachment:scroll;background-size:auto;background-image:linear-gradient(#d3cdc3 0%, #d3cdc3 100%);opacity:0.8;}#iihci{width:100%;transition:width 2s ease;background-repeat:repeat;background-position:left top;background-attachment:scroll;background-size:auto;background-image:linear-gradient(#d3cdc3 0%, #d3cdc3 100%);opacity:0.8;}#i9otf{width:100%;transition:width 2s ease;background-repeat:repeat;background-position:left top;background-attachment:scroll;background-size:auto;background-image:linear-gradient(#d3cdc3 0%, #d3cdc3 100%);opacity:0.8;}#ikmnt{display:none;justify-content:center;background:#FAFAFA;}#ikmn{display:flex;justify-content:center;background:#FAFAFA;padding:25px 0px 25px 0px;}#yhn1{display:flex;margin:10px 10px 20px 20px;justify-content:center;flex-direction:column;background:#fff;}#yhn1-2{display:flex;margin:10px 5px;border:2px solid #aeaeae;justify-content:center;flex-direction:column;background:#fff;}#yhn2{display:flex;margin:10px 10px 20px 20px;justify-content:center;flex-direction:column;background:#fff;}#yhn2-2{display:flex;margin:10px 5px;border:2px solid #aeaeae;justify-content:center;flex-direction:column;background:#fff;}#yhn3{display:flex;margin:10px 10px 10px 20px;justify-content:center;flex-direction:column;background:#fff;}#yhn3-2{display:flex;margin:10px 5px;border:2px solid #aeaeae;justify-content:center;flex-direction:column;background:#fff;}#yhn4{display:flex;margin:10px 10px 20px 10px;justify-content:center;flex-direction:column;background:#fff;}#yhn5{display:flex;margin:10px 10px 20px 10px;justify-content:center;flex-direction:column;background:#fff;}
6384#yhn6{display:flex;margin:10px 10px 10px 10px;justify-content:center;flex-direction:column;background:#fff;}#yhn6-2{display:flex;margin:10px 5px;border:2px solid #aeaeae;justify-content:center;flex-direction:column;background:#fff;}#yhn7{display:flex;margin:10px 10px 20px 10px;justify-content:center;flex-direction:column;background:#fff;}#yhn7-2{display:flex;margin:10px 5px;border:2px solid #aeaeae;justify-content:center;flex-direction:column;background:#fff;}#yhn8{display:flex;margin:10px 10px 20px 10px;justify-content:center;flex-direction:column;background:#fff;}#yhn8-2{display:flex;margin:10px 5px;border:2px solid #aeaeae;justify-content:center;flex-direction:column;background:#fff;}#yhn9{display:flex;margin:10px 10px 10px 10px;justify-content:center;flex-direction:column;background:#fff;}#yhn9-2{display:flex;margin:10px 5px;border:2px solid #aeaeae;justify-content:center;flex-direction:column;background:#fff;}#yhn10{display:flex;margin:10px 10px 20px 10px;justify-content:center;flex-direction:column;background:#fff;}#yhn11{display:flex;margin:10px 10px 20px 10px;justify-content:center;flex-direction:column;background:#fff;}#yhn11-2{display:flex;margin:10px 5px;border:2px solid #aeaeae;justify-content:center;flex-direction:column;background:#fff;}#yhn12{display:flex;margin:10px 10px 10px 10px;justify-content:center;flex-direction:column;background:#fff;}#yhn12-2{display:flex;margin:10px 5px;border:2px solid #aeaeae;justify-content:center;flex-direction:column;background:#fff;}#yhn13{display:flex;margin:10px 10px 20px 10px;justify-content:center;flex-direction:column;background:#fff;}#yhn13-2{display:flex;margin:10px 5px;border:2px solid #aeaeae;justify-content:center;flex-direction:column;background:#fff;}#yhn14{display:flex;margin:10px 10px 20px 10px;justify-content:center;flex-direction:column;background:#fff;}#yhn14-2{display:flex;margin:10px 5px;border:2px solid #aeaeae;justify-content:center;flex-direction:column;background:#fff;}#yhn15{display:flex;margin:10px 10px 10px 10px;justify-content:center;flex-direction:column;background:#fff;}#yhn16{display:flex;margin:10px 20px 20px 10px;justify-content:center;flex-direction:column;background:#fff;}#yhn16-2{display:flex;margin:10px 5px;border:2px solid #aeaeae;justify-content:center;flex-direction:column;background:#fff;}#yhn17{display:flex;margin:10px 20px 20px 10px;justify-content:center;flex-direction:column;background:#fff;}#yhn17-2{display:flex;margin:10px 5px;border:2px solid #aeaeae;justify-content:center;flex-direction:column;background:#fff;}#yhn18{display:flex;margin:10px 20px 20px 10px;justify-content:center;flex-direction:column;background:#fff;}#yhn18-2{display:flex;margin:10px 5px;border:2px solid #aeaeae;justify-content:center;flex-direction:column;background:#fff;}#yhn17-2-2{display:flex;margin:10px 5px;border:2px solid #aeaeae;justify-content:center;flex-direction:column;background:#fff;}#yhn18-2-2{display:flex;margin:10px 5px;border:2px solid #aeaeae;justify-content:center;flex-direction:column;background:#fff;}#yhn19-2-2{display:flex;margin:10px 5px;border:2px solid #aeaeae;justify-content:center;flex-direction:column;background:#fff;}#yhn20-2{display:flex;margin:10px 5px;border:2px solid #aeaeae;justify-content:center;flex-direction:column;background:#fff;}#tgv1{margin:0 auto;height:auto;}#tgv1-2{height:auto;}#tgv2{margin:0px 0px 0 0px;}#tgv2-2{height:auto;}#tgv3{margin:0px 0 0px 0px;height:auto;}#tgv3-2{height:auto;}#tgv4{margin:0 auto;height:auto;}#tgv5{margin:0 auto;height:auto;}#tgv6{margin:0 auto;height:auto;}#tgv6-2{height:auto;}#tgv7{margin:0 auto;height:auto;}#tgv7-2{height:auto;}#tgv8{margin:0 auto;height:auto;}#tgv9-2{height:auto;}#tgv10{margin:0 auto;height:auto;}#tgv11{margin:0 auto;height:auto;}#tgv11-2{height:auto;}#tgv12{margin:0 auto;height:auto;}#tgv12-2{height:auto;}#tgv13{margin:0 auto;height:auto;}#tgv13-2{height:auto;}#tgv14{margin:0 auto;height:auto;}#tgv14-2{height:auto;}#tgv15{margin:0 auto;height:auto;}#tgv16{margin:0 auto;height:auto;}#tgv16-2{height:auto;}#tgv17{margin:0 auto;height:auto;}#tgv17-2{height:auto;}#tgv18{margin:0 auto;height:auto;}#tgv18-2{height:auto;}#ujn4{padding:83px 0px 0px 0px;}#ujn4-2{padding-top:4.5vw;}#ujn5-2{padding-top:4.5vw;}#ujn5{padding:83px 0px 0px 0px;}#ujn2{padding:83px 0px 0px 0px;}#ujn2-2{padding-top:4.5vw;}
6384#ujn1{padding:136px 0px 0px 0px;}#ujn1-2{padding-top:7.15vw;}#ujn3{padding:213px 0px 0px 0px;}#ujn3-2{padding-top:11.45vw;}#ikmnm{display:none;}#igxfrtebhp83431{display:flex;justify-content:space-between;max-width:3200px;margin:0 auto;padding:100px 0px 0px 116px;}#igxfrtebhp83432{display:flex;justify-content:center;align-items:flex-end;position:relative;}#igxfrtebhp83442{display:flex;justify-content:flex-start;align-items:flex-start;position:relative;width:33.33%;margin:0px 96px 0px 78px;font-family:ITC Avant Garde;}#igxfrtebhp83432_01{overflow:hidden;display:flex;align-items:flex-end;}#igxfrtebhp83443{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0px 0px 0px 0;}#igxfrtebhp83490{width:100%;height:auto;}#igxfrtebhp83491{width:100%;height:auto;display:none;}#igxfrtebhp83492{width:100%;height:auto;display:none;}#template-20-h2-02{font-family:ITC Avant Garde;font-size:34px;font-weight:300;text-transform:uppercase;text-align:center;color:black;line-height:32px;margin:0 0 20px 0;letter-spacing:1px;}#template-20-p-02{color:black;font-size:15px;font-family:ITC Avant Garde;text-align:center;letter-spacing:1px;line-height:30px;}#template-20-a-02{text-transform:uppercase;padding:0px;width:300px;background:transparent;font-family:ITC Avant Garde;font-size:14px;color:black;text-decoration:underline;text-align:center;cursor:pointer;height:45px;line-height:45px;margin:30px 0 0 0;}#iimz{padding:0px 0px 0 0px;}#iklgku{color:#003da5;}#iw1d3t{color:#003da5;}#imb447{padding:0px 0 0px 0px;}#i38cf1{padding:0px 0px 0 0px;}#ixvwpd{padding:0px 0px 0px 0;}#iuj6bk{padding:0px 0px 0 0px;}#icm2yd{padding:0px 0px 0px 0;}#iln4tq{padding:0px 0px 0px 0;}#i3ayz5{font-family:ITC Avant Garde;font-size:36px;font-weight:300;text-transform:uppercase;text-align:center;color:black;letter-spacing:1px;}#i71jfo{color:black;font-size:15px;text-align:center;font-family:ITC Avant Garde;letter-spacing:3%;line-height:25px;padding:0px 20px 0px 20px;margin:60px 0 0 0;}#ifvx2h{color:black;height:auto;object-fit:contain;}#iffzce{justify-content:center;display:flex;}#i5d1zy{text-transform:uppercase;padding:12px 40px;background:transparent;font-family:Arial, Helvetica, sans-serif;font-size:14px;color:black;text-decoration:underline;cursor:pointer;}#iqkvck{width:100%;display:flex;justify-content:center;margin:0px 0 0 0;}#icgwrf{padding:0px 0px 0px 0px;}#i7rxbh{padding:2px 0px 0px 0px;}#ibys1x{padding:2px 0px 0px 0px;}#iph18l{text-transform:capitalize;padding:0px 5px 0px 5px;background:transparent;font-family:ITC Avant Garde;font-size:15px;color:white;text-decoration:none;text-align:center;cursor:pointer;position:absolute;right:50px;bottom:50px;z-index:3;}#gvcxfde0002{overflow:hidden;position:relative;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:3200px;margin:0 auto;}#gvcxfde0003{width:100%;height:auto;}#gvcxfde0004{width:100%;height:auto;display:none;}#gvcxfde0005{width:100%;height:auto;display:none;}#gvcxfde0010{display:flex;flex-direction:column;align-items:center;}#gvcxfde0012{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;}#icik9d{padding:0px 0px 0 0px;}#iwo3zj{padding:1px 0px 1px 0px;}#i88o47{padding:1px 0px 1px 0;}#ivqdhi{margin:0 auto;height:auto;border:1px solid #c1c1c1;}#iaed99{display:flex;margin:10px 10px 20px 10px;justify-content:center;flex-direction:column;background:#fff;}#io5hnv{height:auto;}#itianl{display:flex;margin:10px 5px;border:2px solid #aeaeae;justify-content:center;flex-direction:column;background:#fff;}#id76pr{font-size:36px;font-weight:300;text-transform:uppercase;text-align:center;color:black;margin:30px 30px 70px 0px;font-family:ITC Avant Garde;letter-spacing:1px;}#i7x0ci{color:black;font-size:15px;text-align:justify;font-family:ITC Avant Garde;margin:30px 0px 70px 0px;letter-spacing:3%;line-height:25px;}#id3prf{display:flex;}#ik8ovv{color:black;width:100%;height:auto;object-fit:cover;margin:0 0 20px 0;}#ir0nuj{color:black;width:100%;height:auto;object-fit:cover;display:none;}#ig1koh{color:black;width:100%;height:auto;object-fit:cover;display:none;}#idc9fn{width:100%;}#ikpuuz{text-transform:capitalize;padding:0px 5px 0px 5px;background:transparent;font-family:ITC Avant Garde;font-size:14px;color:black;text-decoration:underline;text-align:center;cursor:pointer;}#ip7m6f{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;width:100%;margin:4rem 50px 10px 50px;}#i26n1k{display:flex;width:75%;margin:0% 0px 0px 25%;}#i6z14t{min-height:100vh;height:auto;width:100%;max-width:3200px;display:block;background-image:linear-gradient(#fffcf8 0%, #fffcf8 100%);margin:0 0 0 0;background-repeat:repeat;background-position:left top;background-attachment:scroll;background-size:auto;}#ih3a7d{padding:0px 0px 0px 0px;}#i4ft-2{--aspect-ratio:0.6666666666666666;display:flex;height:100%;}#product-item--template--24101726683499__9ca78706-28db-478e-928f-705cfc5bd142-9573459067163-2{--swatch-size:var(--swatch-size-filters);background-image:linear-gradient(#f3f3f0 0%, #f3f3f0 100%);}#iwt56-2{display:flex;max-width:740px;margin:0px auto 0px auto;}#ie3ir-2{background-repeat:repeat;background-position:left top;background-attachment:scroll;background-size:auto;background-image:linear-gradient(#f3f3f0 0%, #f3f3f0 100%);}#iy3wkg-3-2{width:100%;}#i40gri-3-2{display:flex;flex-direction:column;align-items:center;justify-content:space-between;width:100%;margin:10px auto 10px auto;height:100%;padding:140px 10px 40px 10px;max-width:740px;}#ids8l7-2{width:100%;}#im8g8f-2{display:flex;flex-direction:column;align-items:center;justify-content:space-between;width:100%;margin:10px auto 10px auto;height:100%;padding:140px 10px 40px 10px;max-width:740px;}#i9sr7x-2{--swatch-size:var(--swatch-size-filters);background-image:linear-gradient(#f3f3f0 0%, #f3f3f0 100%);}#itt5s6-2{display:flex;max-width:740px;margin:0px auto 0px auto;}#ijy71-2{width:100%;}#idu03-2{display:flex;flex-direction:column;align-items:center;justify-content:space-between;width:100%;margin:10px auto 10px auto;height:100%;padding:140px 10px 40px 10px;max-width:740px;}#ibhyh-2{--swatch-size:var(--swatch-size-filters);background-image:linear-gradient(#f3f3f0 0%, #f3f3f0 100%);}#iq4sn-2{display:flex;max-width:740px;margin:0px auto 0px auto;}#ipty-2{display:none;z-index:2;}#ipk013{height:100%;object-fit:cover;object-position:center;}#iwfv-2{height:100%;}#imw5-2{height:100vh;position:sticky;flex:0 0 50%;top:0;}#ia8pk{display:none;z-index:2;}#i8mwpe{padding:0px 0px 0px 0px;}#i5ev4x{width:100%;}#iqhyzk{display:flex;flex-direction:column;align-items:center;justify-content:space-between;width:100%;margin:10px auto 10px auto;height:100%;padding:140px 10px 40px 10px;max-width:740px;}#ie0wkw{--swatch-size:var(--swatch-size-filters);background-image:linear-gradient(#f3f3f0 0%, #f3f3f0 100%);}#iqr5tf{display:flex;max-width:740px;margin:0px auto 0px auto;}@media (max-width: 991.9px){img[carousel_image_type="desktop"]{display:none !important;}img[carousel_image_type="tablet"]{display:block !important;}img[carousel_image_type="mobile"]{display:none !important;}.warranty3460 .desktop3460{display:none;}.warranty3460 .tablet3460{display:block;}
6384.jew_card002 img{max-width:200px;}.product-price, .product-info p{margin:0;font-size:12px;font-weight:700;}.header-block h4{margin:0 0 20px 0;font-size:24px;}.warranty802 .desktop802{display:none;}.warranty802 .tablet802{display:block;}.right802d .warranty802_description{right:0;}.carousel-12-img-01{display:none;}.carousel-12-img-02{display:block;}.carousel-12-div-01{top:10px;left:10px;right:10px;bottom:10px;}.carousel-12-div-03{position:absolute;bottom:10%;}#carousel-12-img-01{display:none;}#carousel-12-img-04{display:none;}#carousel-12-img-02{display:block;}#carousel-12-img-05{display:block;}#carousel-12-div-01{top:10px;left:10px;right:10px;bottom:10px;}#carousel-12-div-03{position:absolute;bottom:10%;}#igxfrtebhp834613{margin:4rem 10px 10px 10px;align-items:flex-start;}#i50rod{width:100%;margin:0% 0px 0px 0%;}#i9ooz2{line-height:2.5rem;font-size:2.5rem;text-align:left;}#i7tpt5{height:auto;}#is6id9{display:none;}#is6id9m{display:none;}#is6id9d{display:block;margin:0 0 20px 0;}#ih6la{line-height:2.5rem;font-size:2.5rem;text-align:left;}#ig1op{display:none;}#ikivf{display:block;padding:0 0 20px 0;}#inslm{display:none;}#i5t4l{height:auto;}#i2lrp{margin:4rem 10px 10px 10px;justify-content:center;align-items:flex-start;}#i2lgg{width:100%;margin:0% 0px 0px 0%;}#i7uvs{line-height:2.5rem;font-size:2.5rem;text-align:left;}#i5hmc{display:none;}#i3fam{display:block;padding:0 0 20px 0;}#iy1hi{display:none;}#idw71{height:auto;}#il62s{margin:4rem 10px 10px 10px;justify-content:center;align-items:flex-start;}#ix82a{width:100%;margin:0% 0px 0px 0%;}#ipgluk{margin:50px 10px 50px 10px;}#ixmaxq{display:block;}#iwamkk{font-size:5rem;width:60%;}#ih1s1f{margin:0px 0px 0px 0;width:100%;}#iwamkk-2{font-size:5rem;width:60%;}#ihtqwe{font-size:5rem;width:60%;}#ih7o2r{height:auto;}#iet0b{display:none;}#iagz5{display:none;}#i0a5y{display:flex;text-align:left;justify-content:center;}#icn0b{font-size:inherit;text-align:left;}#ibn4r{font-size:2.5rem;}#block2{text-align:left;padding:0% 30px 0% 30px;}#i2pgz{text-align:left;}#i1k0a{text-align:left;}#ifmdd{text-align:left;}#iylpx{text-align:left;}#yhn1-2{margin:10px 5px 10px 10px;border:0 solid #aeaeae;}#yhn2-2{margin:10px 5px 10px 10px;border:0 solid #aeaeae;}#yhn3-2{margin:10px 5px 10px 10px;border:0 solid #aeaeae;}#yhn17-2-2{margin:10px 10px 10px 5px;border:0 solid #aeaeae;}#yhn18-2-2{margin:10px 10px 10px 5px;border:0 solid #aeaeae;}#yhn19-2-2{margin:10px 10px 10px 5px;border:0 solid #aeaeae;}#yhn20-2{margin:10px 10px 10px 5px;border:0 solid #aeaeae;}#ujn3-2{padding:0px 0px 0px 0px;}#ujn4-2{padding:58px 0px 0px 0px;}#ujn5-2{padding:25px 0px 0px 0px;}#ujn2-2{padding:63px 0px 0px 0px;}#ujn1-2{padding:109px 0px 0px 0px;}#igxfrtebhp83431{flex-wrap:wrap;padding:0px 0px 0px 0;}#igxfrtebhp83490{display:none;}#igxfrtebhp83491{display:block;}#template-20-p-02{display:block;margin:0 0 94px 0;}#template-20-a-02{margin-top:0px;}#igxfrtebhp83432{width:100%;}#igxfrtebhp83442{width:100%;margin:94px 36px 104px 51px;}#igxfrtebhp83443{left:0;right:0;}#template-20-h2-02{margin:0px 0px 30px 0px;}#yhn6-2{border:0 solid #aeaeae;}#yhn11-2{border:0 solid #aeaeae;}#yhn16-2{border:0 solid #aeaeae;}#yhn7-2{border:0 solid #aeaeae;}#yhn12-2{border:0 solid #aeaeae;}#yhn17-2{border:0 solid #aeaeae;}#yhn18-2{border:0 solid #aeaeae;}#yhn13-2{border:0 solid #aeaeae;}#yhn8-2{border:0 solid #aeaeae;}#yhn9-2{border:0 solid #aeaeae;}#yhn14-2{border:0 solid #aeaeae;}#gvcxfde0004{display:block;}#gvcxfde0003{display:none;}#gvcxfde0010{position:absolute;bottom:10%;}#gvcxfde0012{top:10px;left:10px;right:10px;bottom:10px;display:none;}#irqhj{min-height:auto;}#iu15t{text-decoration:underline;}#irmri{display:none;}#itianl{border:0 solid #aeaeae;}#io5hnv{border:1px solid #c1c1c1;}#id76pr{line-height:2.5rem;font-size:2.5rem;text-align:left;}#ik8ovv{display:none;}#ir0nuj{display:block;padding:0 0 20px 0;}#ig1koh{display:none;}#idc9fn{height:auto;}#ip7m6f{margin:4rem 10px 10px 10px;justify-content:center;align-items:flex-start;}#i26n1k{width:100%;margin:0% 0px 0px 0%;}#i6z14t{min-height:auto;}#imw5-2{z-index:2;position:static;height:auto;width:100%;}#ipty-2{display:block;width:100%;}#ipk013{display:none;}#ihnm-2{display:flex;flex-direction:column;}#itt5s6-2{max-width:100%;}#i90x{width:100%;}#iwt56-2{max-width:100%;}#iq4sn-2{max-width:100%;}#i40gri-3-2{max-width:auto;padding:40px 10px 40px 10px;margin:50px auto 50px auto;}#im8g8f-2{max-width:auto;padding:40px 10px 40px 10px;margin:50px auto 50px auto;}#idu03-2{max-width:auto;padding:40px 10px 40px 10px;margin:50px auto 50px auto;}#ia8pk{display:none;}#iqhyzk{max-width:auto;padding:40px 10px 40px 10px;margin:50px auto 50px auto;}#iqr5tf{max-width:100%;}#ip6rw5{margin:30px 0px 0px 0px;font-size:14px;}#ismmxg-3{margin:30px 0px 0px 0px;font-size:14px;}#i71jfo{margin:30px 0px 0px 0px;font-size:14px;}#i48wa{margin:30px 0px 0px 0px;font-size:14px;}#ie3ir-2{padding:0px 50px 0px 50px;}}
6384@media screen and (min-width: 768px){.bst-carousel .carousel-control .glyphicon-chevron-left, .bst-carousel .carousel-control .glyphicon-chevron-right, .bst-carousel .carousel-control .icon-prev, .bst-carousel .carousel-control .icon-next{width:30px;height:30px;margin-top:-10px;font-size:30px;}.bst-carousel .carousel-control .glyphicon-chevron-left, .bst-carousel .carousel-control .icon-prev{margin-left:-10px;}.bst-carousel .carousel-control .glyphicon-chevron-right, .bst-carousel .carousel-control .icon-next{margin-right:-10px;}.bst-carousel .carousel-caption{left:20%;right:20%;padding-bottom:36px;}.bst-carousel .carousel-indicators{bottom:20px;}}@media only screen and (min-width: 990px){:root{--header-height:var(--HEADER-HEIGHT, 0px);--font-15:82px;--font-14:75px;--font-13:69px;--font-12:62px;--font-11:56px;--font-10:53px;--font-9:45px;--font-8:38px;--font-7:32px;--font-6:27px;--font-5:23px;--font-4:19px;--font-3:16px;--font-2:14px;--font-1:12px;}}@media (max-width: 991.9px) and (min-width: 768px){#ikmn{display:none;}#ikmnt{display:flex;}#ih1s1f{justify-content:flex-start;}#ixmaxq{width:50vw;height:auto !important;}#ih7o2r{width:100%;display:flex;justify-content:center;top:auto;bottom:10%;}#ipgluk{position:relative;}#iwamkk{width:100%;}#iwamkk-2{width:100%;}#ihtqwe{width:100%;}}@media (max-width: 767.9px){img[carousel_image_type="desktop"]{display:none !important;}img[carousel_image_type="tablet"]{display:none !important;}img[carousel_image_type="mobile"]{display:block !important;}.warranty3460>img{width:100%;}.warranty3460 .tablet3460{display:none;}.warranty3460 .mobile3460{display:block;}.warranty3460_headings h1, .warranty3460_headings h3460{color:white;}.men-women3460 .warranty3460_headings h1, .men-women3460 .warranty3460_headings h3460{color:black;}.men-women3460 .warranty3460_button a{color:black;border:1px solid black;}.warranty3460_button a{color:white;border:1px solid white;}.jew_card002 img{max-width:100%;}.main-wr-002 .p_t_002{display:none;}.header-block h4{margin:0 0 20px 0;font-size:22px;margin-bottom:20px;}.warranty802>img{width:100%;}.warranty802 .mobile802{display:block;}.warranty802 .tablet802{display:none;}.carousel-12-img-02{display:none;}.carousel-12-img-03{display:block;}.carousel-12-div-01{top:10px;left:10px;right:10px;bottom:10px;}#iagz5{transform:scale(.85);display:block;}#carousel-12-img-02{display:none;}#carousel-12-img-05{display:none;}#carousel-12-img-03{display:block;height:99.97%;}#carousel-12-img-06{display:block;}#carousel-12-div-01{top:10px;left:10px;right:10px;bottom:10px;}#ifi4lw{display:block;}#i9ooz2{margin-right:0px;margin-bottom:0rem;line-height:2rem;font-size:2rem;text-align:left;}#ix593b{margin:1.5rem 0;}#is6id9d{display:none;}#is6id9m{display:block;padding:0 0 10px 0;}#igxfrtebhp834613{margin:3rem 10px 4rem 10px;}#ih6la{margin-right:0px;margin-bottom:0rem;line-height:2rem;font-size:2rem;text-align:left;}#ihdfb{margin:1.5rem 0;}#inxd8{display:block;}#ikivf{display:none;}#inslm{display:block;margin:0px 0px 10px 0px;}#i2lrp{margin:3rem 10px 4rem 10px;}#i7uvs{margin-right:0px;margin-bottom:0rem;line-height:2rem;font-size:2rem;text-align:left;}#if0ob{margin:1.5rem 0;}#iiykm{display:block;}#i3fam{display:none;}#iy1hi{display:block;margin:0 0 10px 0;}#il62s{margin:3rem 10px 4rem 10px;}#iu15t{text-decoration:underline;font-size:12px;}#iwamkk{z-index:222;font-size:3rem;position:absolute;margin:0px 0px 0px 10%;top:100px;}#iwamkk-2{z-index:222;font-size:4rem;position:absolute;margin:0px 0px 0px 10%;top:170px;display:flex;}#ihtqwe{z-index:222;font-size:3rem;position:absolute;margin:0px 0px 0px 10%;top:240px;}#ipgluk{margin:30px 10px 30px 10px;}#ih1s1f{width:100%;margin:0px 0px 0px 0%;position:relative;}#ixmaxq{display:none;}#ih7o2r{height:280px;justify-content:center;bottom:10%;width:100%;left:0px;top:auto;}#iet0b{display:none;}#ibn4r{font-size:1.4rem;display:block;padding:0px 20px 0px 20px;}#block2{padding:0% 10px 0% 10px;}#icn0b{text-align:left;font-weight:400;}#i2pgz{text-align:left;}#i1k0a{text-align:left;}#ifmdd{text-align:left;}#iylpx{text-align:left;}#ikmn{display:none;}#ikmnm{display:flex;flex-wrap:nowrap;justify-content:center;}#ujn1-3{padding-top:0;}#ujn2-3{padding:63px 0 0 0;}#ujn3-3{padding-top:0;}#yhn1-3{margin:10px 5px 10px 5px;}#yhn2-3{margin:10px 5px 10px 5px;}#yhn3-3{margin:10px 5px 10px 5px;}#yhn4-3{margin:10px 5px 10px 5px;}#yhn5-3{margin:10px 5px 10px 5px;}#yhn6-3{margin:10px 5px 10px 5px;}#yhn7-3{margin:10px 5px 10px 5px;}#yhn8-3{margin:10px 5px 10px 5px;}#yhn9-3{margin:10px 5px 10px 5px;}#yhn10-3{margin:10px 5px 10px 5px;}#yhn11-3{margin:10px 5px 10px 5px;}#yhn12-3{margin:10px 5px 10px 5px;}#yhn13-3{margin:10px 5px 10px 5px;}#yhn14-3{margin:10px 5px 10px 5px;}#yhn15-3{margin:10px 5px 10px 5px;}#igxfrtebhp83490{width:100%;}#igxfrtebhp83491{width:100%;display:none;}#igxfrtebhp83492{width:100%;display:block;}
6384#template-20-a-02{width:200px;font-size:12px;height:40px;}#template-20-h2-02{font-size:28px;}#template-20-p-02{margin:0px 0px 30px 0px;}#igxfrtebhp83442{margin:60px 17px 105px 16px;}#i9thv3{margin:10px 5px 10px 5px;}#ittohk{margin:10px 5px 10px 5px;display:none;}#is4ij4{margin:10px 5px 10px 5px;}#idkfv1{font-size:3rem;}#iph18l{font-size:14px;}#gvcxfde0004{display:none;}#gvcxfde0005{display:block;}#gvcxfde0012{top:10px;left:10px;right:10px;bottom:10px;display:none;}#template-28_1-a-02{font-size:12px;}#i7362{font-size:12px;}#ikj5bn{border:1px solid #c1c1c1;}#iuzb6p{margin:10px 5px 10px 5px;}#id76pr{margin-right:0px;margin-bottom:0rem;line-height:2rem;font-size:2rem;text-align:left;}#i7x0ci{margin:1.5rem 0;}#id3prf{display:block;}#ir0nuj{display:none;}#ig1koh{display:block;margin:0px 0px 10px 0px;}#ikpuuz{font-size:12px;}#ip7m6f{margin:3rem 10px 4rem 10px;}#ipty-2{display:none;}#idu03-2{padding:20px 20px 20px 20px;max-width:480px;}#im8g8f-2{padding:20px 20px 20px 20px;max-width:480px;}#i40gri-3-2{padding:20px 20px 20px 20px;max-width:480px;}#ia8pk{display:block;width:100%;}#imw5-2{position:sticky;}#i90x{padding:0px 0px 0 0px;}#iqhyzk{padding:20px 20px 20px 20px;max-width:480px;}#i3q1uf-3{font-size:30px;}#iw6aj4{font-size:30px;}#i3ayz5{font-size:30px;}#i869r{font-size:30px;}#i5d1zy{font-size:11px;}#ie3ir-2{padding:0px 20px 0px 20px;}#irf0qc-3{font-size:11px;}#id21bh{font-size:11px;}#ihf53{font-size:11px;}#tgv11-3{width:100%;height:100%;}}@media only screen and (min-width: 750px){:root{--announcement-height:var(--ANNOUNCEMENT-HEIGHT-DESKTOP, 0px);}.index-look .look__aside{align-self:center;display:flex;}.index-look .look__content{flex:1;display:flex;flex-direction:column;min-height:100%;justify-content:center;}.index-look .look__slider{display:grid;grid-template-columns:minmax(0, 1fr);gap:var(--gap);position:static;width:100%;}.index-look .look__slider--grid{grid-template-columns:repeat(2, minmax(0, 1fr));}.index-look .product-item{width:100%;display:flex;flex-direction:column;flex:0 0 auto;}.look{flex:1;display:flex;align-items:flex-start;}.look__slider .look__slide{display:block;}.look__aside{padding:60px var(--outer);}.look__image--fullheight .look__image-container{position:relative;min-width:100%;min-height:100%;top:50%;left:50%;transform:translate(-50%, -50%);aspect-ratio:var(--aspect-ratio);}.look__image--fullheight .look__image-bg{position:absolute;top:0;left:0;width:100%;height:100%;padding-top:0;}}@media only screen and (min-width: 1400px){:root{--content-max:80vw;}.look__aside{padding:104px var(--outer);}}@media all and (transform-3d), 6385 (-webkit-transform-3d){.bst-carousel .carousel-inner>.item{-webkit-transition:-webkit-transform 0.6s ease-in-out;-o-transition:-o-transform 0.6s ease-in-out;transition:transform 0.6s ease-in-out;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px;}.bst-carousel .carousel-inner>
6385.item.next, .bst-carousel .carousel-inner>.item.active.right{-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);left:0;}.bst-carousel .carousel-inner>.item.prev, .bst-carousel .carousel-inner>.item.active.left{-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);left:0;}.bst-carousel .carousel-inner>.item.next.left, .bst-carousel .carousel-inner>.item.prev.right, .bst-carousel .carousel-inner>.item.active{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);left:0;}} </style> 6386 6387 6388 <body><div id="itv3" class="row"><div id="iimz" class="row-cell"><div data-template="12" slide_to_show_d="1" slide_to_show_t="1" slide_to_show_m="1" slide_to_scroll_d="1" slide_to_scroll_t="1" slide_to_scroll_m="1" data-ride="carousel" data-type="bst-carousel" id="jghkaghkja" interval="5000" slides="5" order="1000" select_slide="Select Slide" scroll_speed="700" margin="0" padding="0" autoplay="" class="bst-carousel carousel slide carousel_main1700139956388"><div id="jgfkajgkf" data-type="bst-carousel-slides" class="carousel-inner owl-carousel owl-theme owl-drag"><div data-item="1" id="ioeq" class="item item-carousel"><div id="carousel-12-01"><img id="carousel-12-img-01" src="/public/1.0/uploads/source/homepage-2025/desktop/1920x640_gold-amp-steel.jpg" alt="Cartier Watches" title="Cartier Watches" loading="lazy" data-href="/cartier-watches" pointer="" width="1920" height="640"/><img id="carousel-12-img-02" src="/public/1.0/uploads/source/homepage-2025/tablet/768x1024_Gold-amp-Steel.jpg" alt="Cartier Watches" title="Cartier Watches" loading="lazy" data-href="/cartier-watches" pointer="" width="768" height="1024"/><img id="carousel-12-img-03" src="/public/1.0/uploads/source/homepage-2025/mobile/480x853_gold-amp-steel.jpg" alt="Cartier Watches" title="Cartier Watches" loading="lazy" data-href="/cartier-watches" pointer="" width="480" height="853"/><div id="carousel-12-div-01"><div id="carousel-12-div-03" tagname="div"> 6389 </div></div></div></div><div data-item="2" class="item item-carousel"><div id="carousel-12-02"><img id="carousel-12-img-04" src="/public/1.0/uploads/source/homepage-2025/desktop/REF1258942_Web-Banners_Summer_MOMENTS_Alberts_1920x640.png" alt="Pandora" title="Pandora" loading="lazy" data-href="/pandora" pointer="" width="1920" height="640"/><img id="carousel-12-img-05" src="/public/1.0/uploads/source/homepage-2025/tablet/ref1258942_web-banners_summer_moments_alberts_768x1024.png" alt="Pandora" title="Pandora" loading="lazy" data-href="/pandora" pointer="" width="768" height="1024"/><img id="carousel-12-img-06" src="/public/1.0/uploads/source/homepage-2025/mobile/ref1258942_web-banners_summer_moments_alberts_480x853.png" alt="Pandora" title="Pandora" loading="lazy" data-href="/pandora" pointer="" width="480" height="853"/></div></div><div data-item="3" class="item item-carousel"><div class="carousel-12-01"><img src="/public/1.0/uploads/source/homepage-2025/desktop/alberts-diamond-jewelers---18136---1920x640.jpg" alt="Shy Creation" loading="lazy" title="Shy Creation" id="ic01p" data-href="/shy-creation" pointer="" width="1920" height="640" class="carousel-12-img-01"/><img src="/public/1.0/uploads/source/homepage-2025/tablet/alberts-diamond-jewelers---18136---768x1024.jpg" alt="Shy Creation" loading="lazy" title="Shy Creation" id="iayik" data-href="/shy-creation" pointer="" width="768" height="1024" class="carousel-12-img-02"/><img src="/public/1.0/uploads/source/homepage-2025/mobile/shy-creation--480x853.png" alt="Shy Creation" loading="lazy" title="Shy Creation" id="ilyki" data-href="/shy-creation" pointer="" width="480" height="853" class="carousel-12-img-03"/></div></div><div data-item="4" class="item item-carousel"><div class="carousel-12-01"><img src="/public/1.0/uploads/source/homepage-2025/desktop/alberts-ashley-lauren-d1920x640-home.jpg" alt="Ashley Lauren Collection" loading="lazy" title="Ashley Lauren Collection" id="il869" data-href="/ashley-lauren-collection" pointer="" width="1920" height="640" class="carousel-12-img-01"/><img src="/public/1.0/uploads/source/homepage-2025/tablet/alberts-ashley-lauren-t.jpg" alt="Ashley Lauren Collection" loading="lazy" title="Ashley Lauren Collection" id="iipxx" data-href="/ashley-lauren-collection" pointer="" width="768" height="1024" class="carousel-12-img-02"/><img src="/public/1.0/uploads/source/homepage-2025/mobile/alberts-ashley-lauren-mobile.jpg" alt="Ashley Lauren Collection" loading="lazy" title="Ashley Lauren Collection" id="i2r9i" data-href="/ashley-lauren-collection" pointer="" width="480" height="853" class="carousel-12-img-03"/><div id="irmri" class="carousel-12-div-01"><div tagname="div" class="carousel-12-div-03"> 6390 </div></div></div></div><div data-item="5" id="i2yi8" class="item item-carousel"><div id="inlht" class="carousel-12-01"><img src="/public/1.0/uploads/source/homepage-2025/desktop/albert-jewelers-desktop-banner.jpg" alt="Longines" loading="lazy" title="Longines" id="i8lio" data-href="/longines" pointer="" width="1920" height="640" class="carousel-12-img-01"/><img src="/public/1.0/uploads/source/homepage-2025/tablet/albert-jewelers-tablet-banner.jpg" alt="Longines" loading="lazy" title="Longines" id="ix5t7" width="768" height="1024" data-href="/longines" pointer="" class="carousel-12-img-02"/><img src="/public/1.0/uploads/source/homepage-2025/mobile/480x853_gold-amp-steel.jpg" alt="Longines" loading="lazy" title="Longines" id="ioyyv" data-href="/longines" pointer="" width="480" height="853" class="carousel-12-img-03"/><div id="ignrn" class="carousel-12-div-01"><div tagname="div" class="carousel-12-div-03"> 6391 </div></div></div></div></div>
6391<a data-slide="prev" role="button" aria-label="Previous Slide" tabindex="0" title="Link title" class="pointer bst-carousel left carousel-control"><span id="ih4kv" draggable="true" icon="icon" data-gjs-type="icon" class="icon-display"><i data-icon="ic:twotone-arrow-left" data-width="70px" id="iw1d3t" tagname="i" class="iconify"> 6392 </i></span></a><a data-slide="next" role="button" aria-label="Next Slide" tabindex="0" title="Link title" class="pointer bst-carousel right carousel-control"><span id="ih4kv-2" draggable="true" icon="icon" data-gjs-type="icon" class="icon-display"><i data-icon="ic:twotone-arrow-right" data-width="70px" id="iklgku" tagname="i" class="iconify"> 6393 </i></span></a></div></div></div><div id="ih3a7d" class="row"><div id="i8mwpe" class="row-cell"><section id="IndexLook--template--24101726683499__9ca78706-28db-478e-928f-705cfc5bd142-2" data-section-id="template--24101726683499__9ca78706-28db-478e-928f-705cfc5bd142" data-section-type="look" class="index-look section-padding"><div id="ioel-2" class="wrapper--full"><div data-slider-container="" id="ihnm-2" class="look"><div id="imw5-2"><div id="iwfv-2"><figure id="i4ft-2"><img src="/public/1.0/uploads/source/homepage-2025/desktop/alc---lifestyle-.png" width="768" height="512" loading="lazy" sizes="(min-width: 750px) 50vw, 100vw" title="Ashley Lauren Collection" id="ipty-2" data-href="" alt="Ashley Lauren Collection"/><img src="/public/1.0/uploads/source/homepage-2025/mobile/ashley-lauren-480x350.png" width="480" height="350" loading="lazy" sizes="(min-width: 750px) 50vw, 100vw" title="Ashley Lauren Collection" data-href="" id="ia8pk" alt="Ashley Lauren Collection"/><img src="/public/1.0/uploads/source/homepage-2025/desktop/alc---lifestyle-.png" width="960" height="1080" loading="lazy" sizes="(min-width: 750px) 50vw, 100vw" title="Ashley Lauren Collection" data-href="" id="ipk013" alt="Ashley Lauren Collection"/></figure></div></div><div data-popup-container="" id="i90x" class="look__aside"><div data-popup-content="" data-scroll-lock-scrollable="" id="ie3ir-2" class="look__content"><div data-slider-mobile="template--24101726683499__9ca78706-28db-478e-928f-705cfc5bd142" data-arrow-position-middle="" data-scroll-lock-scrollable="" id="iwt56-2"><div data-slide="product_HTa8Pe" data-slide-index="2" class="look__slide look__slide--product_HTa8Pe"><div id="product-item--template--24101726683499__9ca78706-28db-478e-928f-705cfc5bd142-9573459067163-2" data-grid-item="" class="grid-item product-item product-item--left product-item--outer-text product-item--has-quickbuy"><div data-product-information="" id="ifscn7-2" class="product-information"><div id="i40gri-3-2"><h2 tagname="h2" id="i3q1uf-3">Bracelets 6394 </h2><p tagname="p" id="ismmxg-3"> 6395 Adorn your wrist with the timeless elegance of finely crafted bracelets from Albertâs Diamond Jewelers in Schererville. Each bracelet is a celebration of rich design and expert artistry, available in luminous precious metals. Discover delicate accents of diamonds and vibrant gemstones that add brilliance and beauty to every gesture. Let sophistication grace your every movement with bracelets from our showroom. 6396 </p><div id="iy3wkg-3-2" class="row"><div id="ifb6ni-3" class="row-cell"><img loading="lazy" width="376" height="376" src="/public/1.0/uploads/source/homepage-2025/desktop/frame-34.png" title="Bracelet" id="iplt0l-3" zoom="" alt="Bracelet" data-href=""/></div></div><div id="ivq3ik-3"><a href="/bracelets" tabindex="0" title="View Collection" id="irf0qc-3">VIEW Collection â</a></div></div></div></div></div></div><div data-slider-mobile="template--24101726683499__9ca78706-28db-478e-928f-705cfc5bd142" data-arrow-position-middle="" data-scroll-lock-scrollable="" id="itt5s6-2"><div data-slide="product_HTa8Pe" data-slide-index="2" class="look__slide look__slide--product_HTa8Pe"><div data-grid-item="" id="i9sr7x-2" class="grid-item product-item product-item--left product-item--outer-text product-item--has-quickbuy"><div data-product-information="" id="ik7w6-2" class="product-information"><div id="im8g8f-2"><h2 tagname="h2" id="iw6aj4">Earrings 6397 </h2><p tagname="p" id="ip6rw5"> 6398 Elevate your look with exquisite earrings from Albertâs Diamond Jewelers in Schererville. From timeless studs and graceful drop earrings to modern hoops and refined huggies, each style is crafted in lustrous precious metals with sparkling diamonds and vibrant gemstones that lend a touch of brilliance. Our selection of fine jewelry offers a fantastic balance of sophistication and versatility for every occasion. 6399 </p><div id="ids8l7-2" class="row"><div id="i0ysqq" class="row-cell"><img loading="lazy" width="376" height="376" src="/public/1.0/uploads/source/homepage-2025/desktop/frame-35.png" title="Earrings" id="ip4bub" zoom="" alt="Earrings" data-href=""/></div></div><div id="iccsrp"><a href="/earrings" tabindex="0" title="View Collection" id="id21bh">View Collection â</a></div></div></div></div></div></div>
6399<div data-slider-mobile="template--24101726683499__9ca78706-28db-478e-928f-705cfc5bd142" data-arrow-position-middle="" data-scroll-lock-scrollable="" id="iq4sn-2"><div data-slide="product_HTa8Pe" data-slide-index="2" class="look__slide look__slide--product_HTa8Pe"><div data-grid-item="" id="ibhyh-2" class="grid-item product-item product-item--left product-item--outer-text product-item--has-quickbuy"><div data-product-information="" id="ijgxa-2" class="product-information"><div id="idu03-2"><h2 tagname="h2" id="i3ayz5">Necklaces 6400 </h2><p tagname="p" id="i71jfo"> 6401 Discover beautifully designed necklaces from Albertâs Diamond Jewelers in Schererville. From delicate pendants and classic chains to striking collar necklaces and gemstone station necklaces, each design is thoughtfully crafted in precious metals with intricate metalwork, radiant diamonds, and rich gemstones for refined charm. Enjoy the timeless allure of our selection of necklaces. 6402 </p><div id="ijy71-2" class="row"><div id="iffzce" class="row-cell"><img loading="lazy" width="376" height="376" src="/public/1.0/uploads/source/homepage-2025/desktop/frame-36.png" title="Necklace" zoom="" id="ifvx2h" alt="Necklace" data-href=""/></div></div><div id="iqkvck"><a href="/necklaces" tabindex="0" title="View Collection" id="i5d1zy">View Collection â</a></div></div></div></div></div></div><div data-slider-mobile="template--24101726683499__9ca78706-28db-478e-928f-705cfc5bd142" data-arrow-position-middle="" data-scroll-lock-scrollable="" id="iqr5tf"><div data-slide="product_HTa8Pe" data-slide-index="2" class="look__slide look__slide--product_HTa8Pe"><div data-grid-item="" id="ie0wkw" class="grid-item product-item product-item--left product-item--outer-text product-item--has-quickbuy"><div data-product-information="" id="iial2p" class="product-information"><div id="iqhyzk"><h2 tagname="h2" id="i869r">Rings 6403 </h2><p tagname="p" id="i48wa"> 6404 Enhance your style with the captivating selection of rings from Albertâs Diamond Jewelers in Schererville. From diamond-accented stackable bands and vibrant gemstone designs to sculptural freeform styles and sleek minimalist pieces, each ring is expertly crafted in precious metals to last a lifetime. Designed to be mixed, matched, or worn alone, these refined creations elevate every ensemble. 6405 </p><div id="i5ev4x" class="row"><div id="ikifp" class="row-cell"><img loading="lazy" width="376" height="376" src="/public/1.0/uploads/source/homepage-2025/desktop/frame-37.png" title="Ring" id="iyw6c" zoom="" alt="Ring" data-href=""/></div></div><div id="iod8g"><a href="/fashion-rings" tabindex="0" title="View Collection" id="ihf53">View Collection â</a></div></div></div></div></div></div></div></div></div></div></section></div></div><div id="imb447" class="row"><div id="i38cf1" class="row-cell"><div id="iws6t"><div id="block4" tagname="div" class="sticky-row"><div id="i50rod"><div id="igxfrtebhp834613"><div id="ifi4lw"><h2 tagname="h2" id="i9ooz2">Cartier 6406 <br/></h2><p tagname="p" id="ix593b">Experience the timeless sophistication of Cartier timepieces at Albertâs Diamond Jewelers in Schererville. Renowned for their heritage of precision and Parisian elegance, Cartier watches blend iconic design with exceptional craftsmanship. Each creation is a statement of style and refinement, offering collectors a distinguished way to mark every moment. 6407 </p></div><div id="i7tpt5"><img loading="lazy" id="is6id9" width="1400" height="400" src="/public/1.0/uploads/source/homepage-2025/desktop/1400x400_gold-amp-steel.jpg" title="Cartier" alt="Cartier" data-href=""/><img loading="lazy" id="is6id9d" width="1400" height="214" src="/public/1.0/uploads/source/homepage-2025/tablet/748x214_gold-amp-steel.jpg" title="Cartier" alt="Cartier" data-href=""/><img loading="lazy" id="is6id9m" width="460" height="272" src="/public/1.0/uploads/source/homepage-2025/mobile/460x272_gold-amp-steel.jpg" title="Cartier" alt="Cartier" data-href=""/></div><a href="/cartier-watches" tabindex="10000" title="View Collection" id="iu15t">View collection â</a></div></div></div><div tagname="div" id="inxgr" class="sticky-row"><div id="ix82a"><div id="il62s"><div id="iiykm"><h2 tagname="h2" id="i7uvs">IWC 6408 <br/></h2><p tagname="p" id="if0ob">Discover the engineering excellence of IWC Schaffhausen timepieces at Albertâs Diamond Jewelers in Schererville. Fusing Swiss precision with bold, purposeful design, IWC watches embody both technical mastery and enduring style. Eac
6408h model reflects a legacy of innovation, crafted for those who appreciate performance-driven elegance and refined horological detail. 6409 </p></div><div id="idw71"><img loading="lazy" width="1400" height="400" src="/public/1.0/uploads/source/landing-banners-2026/desktop/f6dpa_1400x400px_v01.jpg" title="IWC Schaffhausen" id="i5hmc" alt="IWC Schaffhausen" data-href=""/><img loading="lazy" width="1400" height="214" src="/public/1.0/uploads/source/landing-banners-2026/tablet/f6dpa_748x214px_v01.jpg" title="IWC Schaffhausen" id="i3fam" alt="IWC Schaffhausen" data-href=""/><img loading="lazy" width="460" height="272" src="/public/1.0/uploads/source/landing-banners-2026/mobile/f6dpa_460x272px_v01.jpg" title="IWC Schaffhausen" id="iy1hi" alt="IWC Schaffhausen" data-href=""/></div><a href="/iwc-schaffhausen" tabindex="10000" title="View Collection" id="i7362">View collection â</a></div></div></div><div tagname="div" id="irqhj" class="sticky-row"><div id="i2lgg"><div id="i2lrp"><div id="inxd8"><h2 tagname="h2" id="ih6la">Breitling 6410 <br/></h2><p tagname="p" id="ihdfb">Explore the dynamic spirit of Breitling timepieces at Albertâs Diamond Jewelers in Schererville. Known for their aviation heritage and precision chronographs, Breitling watches combine bold aesthetics with exceptional performance. Each timepiece is a statement of confidence and craftsmanship, designed for those who value innovation, durability, and distinctive style in every detail. 6411 </p></div><div id="i5t4l"><img loading="lazy" width="1400" height="400" src="/public/1.0/uploads/source/homepage-2025/desktop/breitling_alberts_nfl_chrono_bears_1400x400_r1.jpg" title="Breitling" id="ig1op" alt="Breitling" data-href=""/><img loading="lazy" width="1400" height="214" src="/public/1.0/uploads/source/homepage-2025/tablet/breitling_alberts_nfl_chrono_bears_748x214_r1.jpg" title="Breitling" id="ikivf" alt="Breitling" data-href=""/><img loading="lazy" width="460" height="272" src="/public/1.0/uploads/source/homepage-2025/mobile/breitling_alberts_nfl_chrono_bears_460x272_r1.jpg" title="Breitling" id="inslm" alt="Breitling" data-href=""/></div><a id="template-28_1-a-02" href="/breitling" tabindex="10000" title="View Collection">View collection â</a></div></div></div><div tagname="div" id="i6z14t" class="sticky-row"><div id="i26n1k"><div id="ip7m6f"><div id="id3prf"><h2 tagname="h2" id="id76pr">Longines 6412 <br/></h2><p tagname="p" id="i7x0ci">Embrace the heritage of elegance and precision with Longines timepieces at Albertâs Diamond Jewelers in Schererville. Rooted in nearly two centuries of Swiss watchmaking, Longines balances classical aesthetic with a pioneering spirit, having timed historic aviation and sporting feats. Each watch, featuring the iconic winged hourglass, offers a distinguished blend of timeless refinement and reliable performance, perfect for those who value tradition, style, and history on their wrist. 6413 </p></div><div id="idc9fn"><img loading="lazy" width="1400" height="400" src="/public/1.0/uploads/source/homepage-2025/desktop/image-2025-11-03-08_26_35.webp" title="Longines" alt="Longines" id="ik8ovv" data-href=""/><img loading="lazy" width="1400" height="214" src="/public/1.0/uploads/source/homepage-2025/tablet/image-2025-11-03-08_26_44.webp" title="Longines" alt="Longines" id="ir0nuj" data-href=""/><img loading="lazy" width="460" height="272" src="/public/1.0/uploads/source/homepage-2025/mobile/image-2025-11-03-08_26_40.webp" title="Longines" alt="Longines" id="ig1koh" data-href=""/></div><a href="/longines" tabindex="10000" title="View Collection" id="ikpuuz">View collection â</a></div></div></div><div class="row"><div tagname="div" class="row-cell"> 6414 </div></div></div></div></div><div id="icik9d" class="row"><div id="iwo3zj" class="row-cell"><div id="gvcxfde0002"><img id="gvcxfde0003" src="https://s3.amazonaws.com/ISHOWIMAGES/david-yurman/DY_WebBanners_1920x640.jpg" alt="David Yurman" title="David Yurman" loading="lazy" data-href="https://www.albertsjewelers.com/david-yurman" pointer="" width="1920" height="640"/><img id="gvcxfde0004" src="https://s3.amazonaws.com/ISHOWIMAGES/david-yurman/DY_WebBanners_768x1024.jpg" alt="David Yurman" title="David Yurman" loading="lazy" data-href="https://www.albertsjewelers.com/david-yurman" pointer="" width="768" height="1024"/><img id="gvcxfde0005" src="https://s3.amazonaws.com/ISHOWIMAGES/david-yurman/DY_WebBanners_480x853.jpg" alt="David Yurman" title="David Yurman" loading="lazy" data-href="https://www.albertsjewelers.com/david-yurman" pointer="" width="480" height="853"/><div id="gvcxfde0012"><div id="gvcxfde0010" tagname="div"> 6415 </div></div></div></div></div><div id="ixvwpd" class="row"><div id="i88o47" class="row-cell"><div id="ikmn"><div id="ujn1"><div id="yhn1"><img src="/public/1.0/uploads/source/homepage-2025/desktop/david-yurman.png" id="tgv1" alt="David Yurman" loading="lazy" title="David Yurman" data-href="" width="231" height="231"/></div><div id="yhn2"><img src="/public/1.0/uploads/source/homepage-2025/desktop/tag-heuer-1.png" id="tgv2" alt="TAG Heuer" loading="lazy" title="TAG Heuer" data-href="" width="231" height="231"/></div><div id="yhn3"><img src="/public/1.0/uploads/source/homepage-2025/desktop/king-baby.png" id="tgv3" alt="King Baby" loading="lazy" title="King Baby" data-href="" width="231" height="231"/></div></div><div id="ujn2"><div id="yhn4"><img src="/public/1.0/uploads/source/homepage-2025/desktop/ronerto-coin.png" id="tgv4" alt="Roberto Coin" loading="lazy" title="Roberto Coin" data-href="" width="231" height="231"/></div><div id="yhn5"><img src="/public/1.0/uploads/source/homepage-2025/desktop/mikimoto.png" id="tgv5" alt="Mikimoto" loading="lazy" title="Mikimoto" data-href="" width="231" height="231"/></div><div id="yhn6"><img src="/public/1.0/uploads/source/homepage-2025/desktop/iwc.png" id="tgv6" alt="IWC Schaffhausen" loading="lazy" title="IWC Schaffhausen" data-href="" width="231" height="231"/></div></div><div id="ujn3"><div id="yhn7"><img src="/public/1.0/uploads/source/homepage-2025/desktop/cartier.png" id="tgv7" alt="Cartier" loading="lazy" title="Cartier" data-href="" width="231" height="231"/></div><div id="yhn8"><img src="/public/1.0/uploads/source/homepage-2025/desktop/pandora.png" id="tgv8" alt="Pandora" loading="lazy" title="Pandora" data-href="" width="231" height="231"/></div><div id="iaed99"><img src="/public/1.0/uploads/source/homepage-2025/desktop/231x231.jpg" alt="Longines" loading="lazy" title="Longines" id="ivqdhi" data-href="" width="231" height="231"/></div><div id="yhn9" tagname="div"> 6416 </div></div><div id="ujn4"><div id="yhn10"><img src="/public/1.0/uploads/source/homepage-2025/desktop/breitling-1.png" id="tgv10" alt="Breitling" loading="lazy" title="Breitling" data-href="" width="231" height="231"/></div><div id="yhn11"><img src="/public/1.0/uploads/source/homepage-2025/desktop/christopher-designs.png" id="tgv11" alt="Christopher Designs" loading="lazy" title="Christopher Designs" data-href="" width="231" height="231"/></div><div id="yhn12"><img src="/public/1.0/uploads/source/homepage-2025/desktop/michele.png" id="tgv12" alt="Michele" loading="lazy" title="Michele" data-href="" width="231" height="231"/></div></div><div id="ujn5"><div id="yhn13"><img src="/public/1.0/uploads/source/homepage-2025/desktop/lagos.png" id="tgv13" alt="Lagos" loading="lazy" title="Lagos" data-href="" width="231" height="231"/></div><div id="yhn14"><img src="/public/1.0/uploads/source/homepage-2025/desktop/shy-creation.png" id="tgv14" alt="Shy Creation" loading="lazy" title="Shy Creation" data-href="" width="231" height="231"/></div><div id="yhn15"><img src="/public/1.0/uploads/source/homepage-2025/desktop/rahaminov.png" id="tgv15" alt="Rahaminov Diamonds" loading="lazy" title="Rahaminov Diamonds" data-href="" width="231" height="231"/></div></div><div id="ujn6"><div id="yhn16"><img src="/public/1.0/uploads/source/homepage-2025/desktop/ashley-lauren.png" id="tgv16" alt="Ashley Lauren Collection" loading="lazy" title="Ashley Lauren Collection" data-href="" width="231" height="231"/></div><div id="yhn17"><img src="/public/1.0/uploads/source/homepage-2025/desktop/shinola.png" id="tgv17" alt="Shinola Detroit" loading="lazy" title="Shinola Detroit" data-href="" width="231" height="231"/></div><div id="yhn18"><img src="/public/1.0/uploads/source/homepage-2025/desktop/a-jaffe.png" id="tgv18" alt="A.JAFFE" loading="lazy" title="A.JAFFE" data-href="" width="231" height="231"/></div></div></div><div id="ikmnt"><div id="ujn1-2"><div id="yhn1-2"><img src="/public/1.0/uploads/source/homepage-2025/tablet/david-yurman-126.png" id="tgv1-2" alt="David Yurman" loading="lazy" title="David Yurman" data-href="" width="126" height="126"/></div><div id="yhn2-2"><img src="/public/1.0/uploads/source/homepage-2025/tablet/tag-heuer-126.png" id="tgv2-2" alt="TAG Heuer" loading="lazy" title="TAG Heuer" data-href="" width="126" height="126"/></div><div id="yhn3-2"><img src="/public/1.0/uploads/source/homepage-2025/tablet/king-baby-126.png" id="tgv3-2" alt="King Baby" loading="lazy" title="King Baby" data-href="" width="126" height="126"/></div></div><div id="ujn2-2"><div id="yhn6-2"><img src="/public/1.0/uploads/source/homepage-2025/tablet/ronerto-coin-126-1.png" id="tgv6-2" alt="Roberto Coin" loading="lazy" title="Roberto Coin" data-href="" width="126" height="126"/></div><div id="yhn7-2"><img src="/public/1.0/uploads/source/homepage-2025/tablet/mikimoto-126.png" id="tgv7-2" alt="Mikimoto" loading="lazy" title="Mikimoto" data-href="" width="126" height="126"/></div><div id="yhn8-2" tagname="div"> 6417 </div><div id="yhn9-2"><img src="/public/1.0/uploads/source/homepage-2025/tablet/christopher-126.png" id="tgv9-2" alt="Christopher Designs" loading="lazy" title="Christopher Designs" data-href="" width="126" height="126"/></div><div id="itianl"><img src="/public/1.0/uploads/source/homepage-2025/mobile/126x126.jpg" alt="ChristoLonginespher Designs" loading="lazy" title="Longines" id="io5hnv" data-href="" width="126" height="126"/></div></div><div id="ujn3-2"><div id="yhn11-2"><img src="/public/1.0/uploads/source/homepage-2025/tablet/cartier-126-1.png" id="tgv11-2" alt="Cartier" loading="lazy" title="Cartier" data-href="" width="126" height="126"/></div><div id="yhn12-2"><img src="/public/1.0/uploads/source/homepage-2025/tablet/pandora-126.png" id="tgv12-2" alt="Pandora" loading="lazy" title="Pandora" data-href="" width="126" height="126"/></div><div id="yhn13-2"><img src="/public/1.0/uploads/source/homepage-2025/tablet/ashley-126.png" id="tgv13-2" alt="Ashley Lauren Collection" loading="lazy" title="Ashley Lauren Collection" data-href="" width="126" height="126"/></div><div id="yhn14-2"><img src="/public/1.0/uploads/source/homepage-2025/tablet/iwc-126.png" id="tgv14-2" alt="IWC Schaffhausen" loading="lazy" title="IWC Schaffhausen" data-href="" height="126" width="126"/></div></div><div id="ujn4-2"><div id="yhn16-2"><img src="/public/1.0/uploads/source/homepage-2025/tablet/breitling-126-1.png" id="tgv16-2" alt="Breitling" loading="lazy" title="Breitling" data-href="" width="126" height="126"/></div><div id="yhn17-2"><img src="/public/1.0/uploads/source/homepage-2025/tablet/a-jaffe-126.png" id="tgv17-2" alt="A.JAFFE" loading="lazy" title="A.JAFFE" data-href="" width="126" height="126"/></div><div id="yhn18-2"><img src="/public/1.0/uploads/source/homepage-2025/tablet/michele-126.png" id="tgv18-2" alt="Michele Watches" loading="lazy" title="Michele Watches" data-href="" width="126" height="126"/></div></div><div id="ujn5-2"><div id="yhn17-2-2"><img src="/public/1.0/uploads/source/homepage-2025/tablet/lagos-126.png" id="tgv17-2-2" alt="Lagos" loading="lazy" title="Lagos" data-href="" width="126" height="126"/></div><div id="yhn18-2-2"><img src="/public/1.0/uploads/source/homepage-2025/tablet/shy-creation-126.png" id="tgv18-2-2" alt="Shy Creation" loading="lazy" title="Shy Creation" data-href="" width="126" height="126"/></div><div id="yhn19-2-2"><img src="/public/1.0/uploads/source/homepage-2025/tablet/rahaminov-126.png" id="tgv19-2-2" alt="Rahaminov Diamonds" loading="lazy" title="Rahaminov Diamonds" data-href="" width="126" height="126"/></div><div id="yhn20-2"><img src="/public/1.0/uploads/source/homepage-2025/tablet/shinola-126.png" id="tgv20-2" alt="Shinola Detroit" loading="lazy" title="Shinola Detroit" data-href="" height="126" width="126"/></div></div></div><div id="ikmnm"><div id="ujn1-3"><div id="yhn1-3"><img src="/public/1.0/uploads/source/homepage-2025/tablet/david-yurman-126.png" id="tgv1-3" alt="David Yurman" loading="lazy" title="David Yurman" data-href="" width="126" height="126"/></div><div id="yhn2-3"><img src="/public/1.0/uploads/source/homepage-2025/tablet/breitling-126-1.png" id="tgv2-3" alt="Breitling" loading="lazy" title="Breitling" data-href="" width="126" height="126"/></div><div id="yhn3-3"><img src="/public/1.0/uploads/source/homepage-2025/tablet/tag-heuer-126.png" id="tgv3-3" alt="TAG Heuer" loading="lazy" title="TAG Heuer" data-href="" width="126" height="126"/></div><div id="yhn4-3"><img src="/public/1.0/uploads/source/homepage-2025/tablet/christopher-126.png" id="tgv4-3" alt="Christopher Designs" loading="lazy" title="Christopher Designs" data-href="" width="126" height="126"/></div><div id="yhn5-3"><img src="/public/1.0/uploads/source/homepage-2025/tablet/king-baby-126.png" id="tgv5-3" alt="King Baby" loading="lazy" title="King Baby" data-href="" width="126" height="126"/></div><div id="i9thv3"><img src="/public/1.0/uploads/source/homepage-2025/desktop/rahaminov.png" alt="Rahaminov Diamonds" loading="lazy" title="Rahaminov Diamonds" id="ib7dfc" data-href="" width="126" height="126"/></div></div><div id="ujn2-3"><div id="yhn6-3"><img src="/public/1.0/uploads/source/homepage-2025/tablet/ronerto-coin-126-1.png" id="tgv6-3" alt="Roberto Coin" loading="lazy" title="Roberto Coin" data-href="" width="126" height="126"/></div><div id="yhn7-3"><img src="/public/1.0/uploads/source/homepage-2025/tablet/lagos-126.png" id="tgv7-3" alt="Lagos" loading="lazy" title="Lagos" data-href="" width="126" height="126"/></div><div id="yhn8-3"><img src="/public/1.0/uploads/source/homepage-2025/tablet/mikimoto-126.png" id="tgv8-3" alt="Mikimoto" loading="lazy" title="Mikimoto" data-href="" width="126" height="126"/></div><div id="yhn9-3"><img src="/public/1.0/uploads/source/homepage-2025/tablet/shy-creation-126.png" id="tgv9-3" alt="Shy Creation" loading="lazy" title="Shy Creation" data-href="" width="126" height="126"/></div><div id="yhn10-3"><img src="/public/1.0/uploads/source/homepage-2025/tablet/a-jaffe-126.png" id="tgv10-3" alt="A.JAFFE" loading="lazy" title="A.JAFFE" data-href="" height="126" width="126"/></div><div id="iuzb6p"><img src="/public/1.0/uploads/source/homepage-2025/mobile/126x126.jpg" alt="Longines" loading="lazy" title="Longines" id="ikj5bn" data-href="" width="126" height="126"/></div><div id="ittohk"><img src="/public/1.0/uploads/source/homepage-2025/desktop/iwc.png" alt="image 10" loading="lazy" title="Image title" id="i06vaz" data-href=""/></div></div><div id="ujn3-3"><div id="yhn11-3"><img src="/public/1.0/uploads/source/homepage-2025/tablet/cartier-126-1.png" id="tgv11-3" alt="Cartier" loading="lazy" title="Cartier" data-href="" width="126" height="126"/></div><div id="yhn12-3"><img src="/public/1.0/uploads/source/homepage-2025/tablet/ashley-126.png" id="tgv12-3" alt="Ashley Lauren Collection" loading="lazy" title="Ashley Lauren Collection" data-href="" width="126" height="126"/></div><div id="yhn13-3"><img src="/public/1.0/uploads/source/homepage-2025/tablet/pandora-126.png" id="tgv13-3" alt="Pandora" loading="lazy" title="Pandora" data-href="" width="126" height="126"/></div><div id="yhn14-3"><img src="/public/1.0/uploads/source/homepage-2025/tablet/shinola-126.png" id="tgv14-3" alt="Shinola" loading="lazy" title="Shinola" data-href="" width="126" height="126"/></div><div id="yhn15-3"><img src="/public/1.0/uploads/source/homepage-2025/tablet/michele-126.png" id="tgv15-3" alt="Michele" loading="lazy" title="Michele" data-href="" width="126" height="126"/></div><div id="is4ij4"><img src="/public/1.0/uploads/source/homepage-2025/desktop/iwc.png" alt="IWC Schaffhausen" loading="lazy" title="IWC Schaffhausen" id="i1nc9m" data-
6417href="" width="126" height="126"/></div></div></div></div></div><div id="iuj6bk" class="row"><div id="i7rxbh" class="row-cell"><div id="izu70l" class="block5"><div id="ipgluk"><div id="ih1s1f"><h1 tagname="h1" id="iwamkk" class="iwamkk">ALBERT's 6418 <br/></h1><h2 tagname="h2" id="iywwsf"> 6419 </h2><h2 id="iwamkk-2" draggable="false" tagname="h2"><span tagname="i" id="idkfv1">BRIDAL 6420 </span></h2><h2 draggable="false" tagname="h2" id="ihtqwe" class="ihtqwe">COLLECTIONS 6421 </h2></div><div id="ih7o2r"><img loading="lazy" width="384" height="438" src="/public/1.0/uploads/source/homepage-2025/desktop/rahaminov-eng_m84-0003.png" title="Engagement Ring" id="ixmaxq" alt="Engagement Ring" data-href=""/><img loading="lazy" src="/public/1.0/uploads/source/homepage-2025/desktop/rahaminov-eng_m84-0003.png" title="Engagement Ring" id="iagz5" alt="Engagement Ring" data-href=""/><img loading="lazy" width="550" height="800" src="/public/1.0/uploads/source/homepage-2025/desktop/rahaminov-eng_m84-0003.png" title="Engagement Ring" id="iet0b" alt="Engagement Ring" data-href=""/></div><a href="/engagement-rings " tabindex="10000" title="View Collection" id="iph18l">View collection â</a></div></div>
6421<script> 6422 window.addEventListener('scroll', () => { 6423 let targetElement = document.querySelector('.block5'); 6424 const scrollPercentage = (window.scrollY / (document.documentElement.scrollHeight - window.innerHeight)) * 1000; 6425 if (targetElement) { 6426 const rect = targetElement.getBoundingClientRect(); 6427 if (rect.top < window.innerHeight && rect.bottom > 0) { 6428 let perScr = ((window.innerHeight-rect.top)/window.innerHeight)*100; 6429 if(targetElement.offsetWidth<768){ 6430 perScr-=80; 6431 } 6432 document.querySelector('.iwamkk').style.transform="translate3d(-"+perScr+"px,0px,0px)"; 6433 document.querySelector('.ihtqwe').style.transform="translate3d("+perScr+"px,0px,0px)"; 6434 } 6435 } 6436 } 6437 ); 6438 </script>
6438</div></div><div id="icm2yd" class="row"><div id="icgwrf" class="row-cell"><div id="container" class="container"><div id="block2" tagname="div" class="block2"><div id="ibn4r" class="max-width-102 align-center"><p tagname="p" class="fs7-3 split-lines"> 6439 </p><div id="i0a5y" class="line"><div tagname="div" id="icn0b" class="word">CELEBRATE YOUR LOVE STORY WITH THE BRIDAL 6440 </div><span id="iqof8" class="text-brand"></span><div id="izyco" tagname="div" class="line-mask"> 6441 </div></div><div id="iypab" class="line"><div tagname="div" id="i2pgz" class="word">COLLECTION BY ALBERT's, AVAILABLE in our 6442 </div><div id="i1he6" tagname="div" class="line-mask"> 6443 </div></div><div id="i08ib" class="line"><div tagname="div" id="i1k0a" class="word">Schererville showroom. Featuring exquisitely 6444 </div><div id="iihci" tagname="div" class="line-mask"> 6445 </div></div><div id="iasbj" class="line"><div tagname="div" id="ifmdd" class="word">crafted engagement rings and wedding bands, 6446 </div><div id="i9otf" tagname="div" class="line-mask"> 6447 </div></div><div id="iqjb6" class="line"><div tagname="div" id="iylpx" class="word">each design reflects timeless romance. 6448 </div><div id="i32hkq" tagname="div" class="line-mask"> 6449 </div></div><p tagname="p"> 6450 </p></div></div></div>
6450<script> 6451 window.addEventListener('scroll', () => { 6452 let targetElement = document.querySelector('#block2'); 6453 if (targetElement) { 6454 const rect = targetElement.getBoundingClientRect(); 6455 if (rect.top < window.innerHeight && rect.bottom > 0) { 6456 let perScr = ((window.innerHeight-rect.top)/window.innerHeight)*100; 6457 const lineMasks = document.querySelectorAll('.line-mask'); 6458 lineMasks.forEach((lineMask, index) => { 6459 if(perScr>index*20){ 6460 lineMask.style.width = '0%'; 6461 } 6462 else{ 6463 lineMask.style.width = '100%'; 6464 } 6465 } 6466 ); 6467 } 6468 } 6469 } 6470 ); 6471 </script>
6471</div></div><div id="iln4tq" class="row"><div id="ibys1x" class="row-cell"><div id="igxfrtebhp83431"><div id="igxfrtebhp83432"><div id="igxfrtebhp83432_01"><img id="igxfrtebhp83490" width="1182" height="1480" src="/public/1.0/uploads/source/homepage-2025/desktop/halpern-family-photo-1182x1480.jpg" loading="lazy" title="Albert's Jewelers Team Photo" alt="Albert's Jewelers Team Photo" data-href=""/><img id="igxfrtebhp83491" width="768" height="960" src="/public/1.0/uploads/source/homepage-2025/tablet/halpern-family-photo-768x961.jpg" loading="lazy" title="Albert's Jewelers Team Photo" alt="Albert's Jewelers Team Photo" data-href=""/><img id="igxfrtebhp83492" width="480" height="600" src="/public/1.0/uploads/source/homepage-2025/mobile/halpern-family-photo-480x600.jpg" loading="lazy" title="Albert's Jewelers Team Photo" alt="Albert's Jewelers Team Photo" data-href=""/></div></div><div id="igxfrtebhp83442"><div id="igxfrtebhp83443"><h2 id="template-20-h2-02" tagname="h2">Established in 1905 6472 <br/></h2><p id="template-20-p-02" tagname="p">Schedule an appointment at Albertâs Diamond Jewelers in Schererville for an elevated shopping experience. Whether exploring fine jewelry, selecting a timepiece, or designing a custom piece, our experts are ready to assist with care and attention. Enjoy tailored guidance in a welcoming, luxurious setting designed to make every visit truly exceptional. 6473 </p><a id="template-20-a-02" href="/request-an-appointment" tabindex="0" title="Book Appointment">book appointment</a></div></div></div></div></div></body>
6473<script>var items = document.querySelectorAll('#jghkaghkja'); 6474 for (var i = 0, len = items.length; i < len; i++) { 6475 (function(){ 6476var pge = this.getAttribute('data-gjs-highlightable'); 6477 6478 if(pge){ 6479 var car_id = $('#'+this.id); 6480 var slideToShowDesktop = parseInt(car_id.attr('slide_to_show_d')); 6481 var slideToScrollDesktop = parseInt(car_id.attr('slide_to_scroll_d')); 6482 var slideToShowTablet = parseInt(car_id.attr('slide_to_show_t')); 6483 var slideToScrollTablet = parseInt(car_id.attr('slide_to_scroll_t')); 6484 var slideToShowMobile = parseInt(car_id.attr('slide_to_show_m')); 6485 var slideToScrollMobile = parseInt(car_id.attr('slide_to_scroll_m')); 6486 var dots = car_id.attr('dots') != undefined; 6487 var autoplay = car_id.attr('autoplay') != undefined; 6488 var autoplaySpeed = car_id.attr('interval') || 5000; 6489 var scrollSpeed = car_id.attr('scroll_speed') || 700; 6490 var margin = parseInt(car_id.attr('margin')); 6491 var padding = car_id.attr('padding') || '0'; 6492 var owl = car_id.find('.owl-carousel'); 6493 var finger_trig = true; 6494 var items = $(owl).find('.item-carousel'); 6495 items.length == 1 ? finger_trig = false : finger_trig = true; 6496 6497 owl.owlCarousel({ 6498 mouseDrag:false, 6499 touchDrag: finger_trig, 6500 dots: dots, 6501 autoplay: pge ? false : autoplay, 6502 autoplayTimeout: autoplaySpeed, 6503 stagePadding: parseFloat(padding), 6504 lazyLoad: false, 6505 loop: false, 6506 margin:margin, 6507 responsiveClass:true, 6508 smartSpeed: scrollSpeed, 6509 responsive:{ 6510 0:{ //Mobile 6511 items:slideToShowMobile, 6512 6513 slideBy: slideToScrollMobile 6514 }, 6515 768:{ //Tablet 6516 items:slideToShowTablet, 6517 slideBy: slideToScrollTablet 6518 6519 }, 6520 1000:{ //Desktop 6521 items: slideToShowDesktop, 6522 autoplayHoverPause:true, 6523 slideBy: slideToScrollDesktop 6524 } 6525 } 6526 } 6527 ); 6528 6529 $(owl.siblings('.left')[0]).click(function() { 6530 6531 owl.trigger('prev.owl.carousel'); 6532 }) 6533 // Go to the previous item 6534 $(owl.siblings('.right')[0]).click(function() { 6535 owl.trigger('next.owl.carousel'); 6536 }) 6537 6538 owl.on('changed.owl.carousel', function(event) { 6539 if(!autoplay){ 6540 owl.trigger('stop.owl.autoplay'); 6541 } 6542 6543 }) 6544 } 6545}.bind(items[i]))(); 6546 }</script>
6546 6547</main> 6548
6549<script> 6550 $(document).ready(function () { 6551 main_margin_top_calculate(); 6552 6553 $(window).resize(function() { 6554 main_margin_top_calculate(); 6555 }); 6556 6557 function main_margin_top_calculate() { 6558 const width = window.innerWidth; 6559 const target = $('#lazyLoadCarousel').length > 0 6560 ? $('#lazyLoadCarousel') 6561 : $('.main_page_container'); 6562 6563 let header_height = 0; 6564 6565 if (width > 991.9) { 6566 target.css('margin-top', 0); 6567 6568 } else if (width > 767.9) { 6569 target.css('margin-top', 0); 6570 6571 } else { 6572 target.css('margin-top', 0); 6573 } 6574 } 6575 6576 6577 var href_images = $("img[href], img[data-href]"); 6578 href_images.each(function(key, item){ 6579 link_to = $(item).attr('href'); 6580 data_link_to = $(item).attr('data-href'); 6581 if(link_to){ 6582 $(item).attr('onclick', `location.href = '${link_to}'`); 6583 } 6584 if(data_link_to){ 6585 $(item).attr('onclick', `location.href = '${data_link_to}'`); 6586 } 6587 }); 6588 }) 6589</script>
6589 6590 6591 <div class="my-scope fas"> 6592 6593 <div class="fas-tab-wrap"> 6594 <input type="radio" id="fas-tab1" name="fas-tabGroup1" class="fas-tab" checked style='display: none'> 6595 <h3 class="show-in-calendar general_style" id="bookInStore">Please select the store you wish to book your appointment with</h3> 6596 <button class="close-fas-btn bg-white border-0 d-block"> 6597 <svg xmlns="http://www.w3.org/2000/svg" class="w-100 h-100" viewBox="0 0 21.03 21.03" aria-label="Close" 6598 title="Close"> 6599 <path id="x" fill="#979bc0" 6600 d="M1283.15,3219.45l9.81-9.81-0.7-.7-9.81,9.81-9.81-9.81-0.7.7,9.81,9.81-9.81,9.81,0.7,0.7,9.81-9.81,9.81,9.81,0.7-.7Z" 6601 transform="translate(-1271.94 -3208.94)"/> 6602 </svg> 6603 </button> 6604 <div class="fas-actions hide-in-calendar"> 6605 <div class="map-btn"><a href="/store-locator?map" class="a_general_style"> 6606 View Map</a> 6607 </div> 6608 <div id="search-by-zip" class="input_general_style general_style"> 6609 <label for="sl_zipcode" class="general_style">Search by Zip Code</label> 6610 <input type="text" class="form-control" id="sl_zipcode" inputmode="numeric" pattern="[0-9]*" placeholder="Search by Zip Code"> 6611 <button type="button" class="form-control" tabindex="-1"> 6612 <svg style="width: 15px" role="img" aria-label="Search" viewBox="0 0 512 512"> 6613 <path class="path_class" 6614 d="M500.3 443.7l-119.7-119.7c27.22-40.41 40.65-90.9 33.46-144.7C401.8 87.79 326.8 13.32 235.2 1.723C99.01-15.51-15.51 99.01 1.724 235.2c11.6 91.64 86.08 166.7 177.6 178.9c53.8 7.189 104.3-6.236 144.7-33.46l119.7 119.7c15.62 15.62 40.95 15.62 56.57 0C515.9 484.7 515.9 459.3 500.3 443.7zM79.1 208c0-70.58 57.42-128 128-128s128 57.42 128 128c0 70.58-57.42 128-128 128S79.1 278.6 79.1 208z"></path> 6615 </svg> 6616 </button> 6617 </div> 6618 <button type="button" class="form-control get-location a_general_style" onclick="getLocation()"> 6619 <svg style="" xmlns="http://www.w3.org/2000/svg" 6620 xmlns:xlink="http://www.w3.org/1999/xlink" version="1.0" id="Layer_1" width="800px" height="800px"
6621 viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve"> 6622 <path fill="#231F20", 6623 d="M32,0C18.746,0,8,10.746,8,24c0,5.219,1.711,10.008,4.555,13.93c0.051,0.094,0.059,0.199,0.117,0.289l16,24 C29.414,63.332,30.664,64,32,64s2.586-0.668,3.328-1.781l16-24c0.059-0.09,0.066-0.195,0.117-0.289C54.289,34.008,56,29.219,56,24 C56,10.746,45.254,0,32,0z M32,32c-4.418,0-8-3.582-8-8s3.582-8,8-8s8,3.582,8,8S36.418,32,32,32z"></path> 6624 </svg> 6625 Use My Location 6626 </button> 6627 </div> 6628 <p class="find-ts-error"></p> 6629 6630 6631 6632 <div class="fas-tab__content"> 6633 <table class="table" id="store-locator"> 6634 <thead style="display: none"><tr><th></th><th></th></tr></thead> 6635 <tbody> 6636 <tr data-lat="41.495073" data-lng="-87.469032"> 6637 <td class="fas-row-store"> 6638 <div class="fas-logo-store"> 6639 <img src="https://www.albertsjewelers.com/public/1.0/uploads/source/alberts-logo-footer-1.png" width="200px"> 6640 </div> 6641 <div style="width: 400px"> 6642 <h4 class="general_style">SCHERERVILLE STORE</h4> 6643 <p class="p2_general_style"> 6644 711 MAIN STREET<br> 6645 SCHERERVILLE, Indiana, 46375<br> 6646 219-322-2700 </p> 6647 6648 <div class="text-success hide-in-calendar">You're Currently Shopping</div> 6649 6650 </div> 6651 </td> 6652 6653 <td class="fas-row-distance hide-in-calendar" style="display: block"> 6654 <div class="p2_general_style">Distance <b>6041.33</b> miles 6655 </div> 6656 </td> 6657 <td class="fas-row-actions"> 6658 <div class="d-flex" style="align-items: center"> 6659 <div class='hide-in-calendar'><a class="btn d-flex flex-column mr-2 general_style phone_number_click" style="align-items: center" href="tel:219-322-2700"> 6660 <img src="/skeleton/1.0/view/img/itemPage/find-the-store/phone.png" alt="phone" title="phone" width="20px" style="padding: 4px 0px; padding-bottom: 10px;"> 6661 Call</a></div> 6662 <div class='hide-in-calendar'><a class="btn d-flex flex-column mr-2 general_style email_click" style="align-items: center" href="/cdn-cgi/l/email-protection#2a474b58414f5e43444d6a4b46484f585e59404f5d4f464f585904494547"> 6663 <img src="/skeleton/1.0/view/img/itemPage/find-the-store/mail.png" alt="mail" title="mail" width="20px" style="padding: 8px 0px; padding-bottom: 10px;"> 6664 Email</a></div> 6665 <div class='hide-in-calendar'><a class="btn d-flex flex-column mr-2 general_style get_directions_click" style="align-items: center" href="https://goo.gl/maps/Yb8vj7hvRahHMHtJ8" style="padding: 12px 8px" target="blank"> 6666 <img src="/skeleton/1.0/view/img/itemPage/find-the-store/directions.png" alt="directions" title="directions" width="15px" style="padding: 4px 0px; padding-bottom: 10px;"> 6667 Directions</a></div> 6668 <div class='hide-in-calendar'> 6669 <a class="btn d-flex flex-column mr-2 general_style req_app_click" id="store_locator" href="javascript:void(0);" style="padding: 12px 8px; align-items: center" data-toggle="modal" data-target="#appointment-modal" title="Book an appointment" aria-label="Book an appointment" 6670 data-location_id="3"> 6671 <img src="/skeleton/1.0/view/img/itemPage/find-the-store/loc_app_3.png" alt="Appointment" title="Ap
6671pointment" width="30px" style="padding: 0px; padding-bottom: 10px;"> 6672 Appointment</a> 6673 </div> 6674 <div class='show-in-calendar'> 6675 <button class="btn primary-button req_app_click" id="in_store_try" href="javascript:void(0);" data-toggle="modal" data-target="#appointment-modal" title="Book an appointment" aria-label="Book an appointment" 6676 data-location_id="3"> 6677 Select 6678 </button> 6679 </div> 6680 </div> 6681 </td> 6682 </tr> 6683 </tbody> 6684 </table> 6685 </div> 6686 6687 <div class="fas-tab__content"> 6688 <div id="map"></div> 6689 </div> 6690 </div> 6691 6692 6693 </div> 6694 <form method="POST" id="r-app-form"> 6695 <input type="hidden" name="_csrf_token" value="1bd0984ea999f6b3038b1a5fdf4be7a42e2fa54f46682ee2b592999e8086fb02"> <style id="rApp-MainSettings"> 6696 :root { 6697 --calendar-left-background: #022d57; 6698 --calendar-store-info: #ffffff; 6699 --calendar-color: 255, 255, 255; 6700 --calendar-opp-color: 17, 24, 39; 6701 --calendar-text-opacity: 1; 6702 --calendar-bg-opacity: 1; 6703 --calendar-btn-bg-opacity: 0.25; 6704 --calendar-hover-bg-opacity: 0.35; 6705 --calendar-3-step-confirm-color: #15803d; 6706 --rdp-color: 255,255,255; 6707 --rdp-opp-color: 17, 24, 39; 6708 --rdp-text-opacity: 1; 6709 --rdp-bg-opacity: 1; 6710 --rdp-btn-bg-opacity: 0.25; 6711 --rdp-hover-bg-opacity: 0.35; 6712 } 6713</style> 6714 6715<div class="rApp-container"> 6716 <div class="antialiased font-sans w-full h-full md:p-4 sm:bg-gray-100 flex items-center h-event" 6717 style="border-color: rgb(0, 0, 0); position: fixed; top: 0; display: none; z-index: 9999" id="rApp"> 6718 <div class="md:max-w-4xl h-full mx-auto w-full text-gray-700 flex flex-col justify-between md:max-h-800" 6719 style="transition: width 0.2s;"> 6720 <div 6721 class="relative flex h-full flex-grow flex-col overflow-hidden rounded-b bg-white shadow md:rounded-lg"> 6722 <button type="button" data-dismiss="modal" aria-label="Close" class="close" style="display: none"><span aria-hidden="true">Ã</span></button> 6723 <div class="flex h-full" id="steps"> 6724 <div 6725 class="active md:w-1/2 w-full h-full px-4 py-3 overflow-x-hidden overflow-y-auto text-center text-white rounded-b md:rounded-lg" 6726 style="transition: width 0.2s; background-color: var(--calendar-left-background);" id="calendar"> 6727 <div class="flex min-h-full flex-col"> 6728 <div class="justify-center flex flex-col flex-grow relative" id="store-info"> 6729 <div class="flex-2"> 6730 <div class="mt-4 sm:mt-2"> 6731 <div id="l_store_img" class="inline-block h-28 w-28 rounded-full overflow-hidden bg-gray-100 bg-cover bg-center border border-gray-100"></div> 6732 </div> 6733 <div class="px-2 mt-2 text-center h4_general_style" id="l_name" style="color: var(--calendar-store-info) !important;">SCHERERVILLE STORE</div> 6734 <div class="px-2 mt-2 text-center h5_general_style" id="l_address" style="color: var(--calendar-store-info) !important;">711 MAIN STREET<br>SCHERERVILLE, Indiana, 46375</div> 6735 </div> 6736 </div> 6737 <div class="noselect notranslate relative mx-2 mt-5 pb-2 sm:mx-4"> 6738 6739 <div class="absolute flex h-full w-full items-center justify-center appLoader calendar hidden" style="background: #00000036;z-index: 9;border-radius: 25px;margin: -10px 0;"><span class="spinner">loading</span></div> 6740 <div class="rdp " dir="ltr"> 6741 <div class="calendar-months"> 6742 <div class="calendar-month calendar-caption_start calendar-caption_end"> 6743 <div class="calendar-caption relative z-20 space-x-2" style="direction: ltr;"> 6744 <button type="button" id="prevMonth" 6745 class="calendar-button_reset calendar-button calendar-nav_button calendar-nav_button_previous focu
6745s:outline-none" 6746 style="width: 10%;" disabled> 6747 <svg width="16px" height="16px" viewBox="0 0 120 120" class="calendar-nav_icon focus:outline-none"> 6748 <path 6749 d="M69.490332,3.34314575 C72.6145263,0.218951416 77.6798462,0.218951416 80.8040405,3.34314575 C83.8617626,6.40086786 83.9268205,11.3179931 80.9992143,14.4548388 L80.8040405,14.6568542 L35.461,60 L80.8040405,105.343146 C83.8617626,108.400868 83.9268205,113.317993 80.9992143,116.454839 L80.8040405,116.656854 C77.7463184,119.714576 72.8291931,119.779634 69.6923475,116.852028 L69.490332,116.656854 L18.490332,65.6568542 C15.4326099,62.5991321 15.367552,57.6820069 18.2951583,54.5451612 L18.490332,54.3431458 L69.490332,3.34314575 Z" 6750 fill="currentColor" fill-rule="nonzero"></path> 6751 </svg> 6752 </button> 6753 <div class="calendar-caption_label" aria-live="polite" role="presentation" id="react-day-picker-1"> 6754 April 2025 6755 </div> 6756 <button type="button" id="nextMonth" 6757 class="calendar-button_reset calendar-button calendar-nav_button calendar-nav_button_next focus:outline-none" 6758 style="width: 10%;"> 6759 <svg width="16px" height="16px" viewBox="0 0 120 120" class="calendar-nav_icon focus:outline-none"> 6760 <path 6761 d="M49.8040405,3.34314575 C46.6798462,0.218951416 41.6145263,0.218951416 38.490332,3.34314575 C35.4326099,6.40086786 35.367552,11.3179931 38.2951583,14.4548388 L38.490332,14.6568542 L83.8333725,60 L38.490332,105.343146 C35.4326099,108.400868 35.367552,113.317993 38.2951583,116.454839 L38.490332,116.656854 C41.5480541,119.714576 46.4651794,119.779634 49.602025,116.852028 L49.8040405,116.656854 L100.804041,65.6568542 C103.861763,62.5991321 103.926821,57.6820069 100.999214,54.5451612 L100.804041,54.3431458 L49.8040405,3.34314575 Z" 6762 fill="currentColor"></path> 6763 </svg> 6764 </button> 6765 </div> 6766 <table class="calendar-table" role="grid" aria-labelledby="react-day-picker-141"> 6767 <thead class="rdp-head"><tr class="rdp-head_row"><th scope="col" class="rdp-head_cell" aria-label="Monday">Mo</th><th scope="col" class="rdp-head_cell" aria-label="Tuesday">Tu</th><th scope="col" class="rdp-head_cell" aria-label="Wednesday">We</th><th scope="col" class="rdp-head_cell" aria-label="Thursday">Th</th><th scope="col" class="rdp-head_cell" aria-label="Friday">Fr</th><th scope="col" class="rdp-head_cell" aria-label="Saturday">Sa</th><th scope="col" class="rdp-head_cell" aria-label="Sunday">Su</th></tr></thead> 6768 <tbody class="calendar-tbody"></tbody> 6769 </table> 6770 </div> 6771 </div> 6772 </div> 6773 </div> 6774 </div> 6775 </div> 6776 <div id="time" class="relative flex h-full w-full flex-col overflow-x-hidden px-6 py-6 text-gray-600 md:w-1/2 md:px-10 md:py-10"> 6777 <div class="absolute flex flex-col h-full w-full justify-center items-center appLoader hidden"><span style="display: inherit; position: relative; width: 42px; height: 42px; animation: 2s linear 0s infinite normal forwards running react-spinners-DotLoader-rotate;"><span style="position: absolute; top: 0px; bottom: auto; height: 21px; width: 21px; background-color: rgb(31, 42, 55); border-radius: 100%; animation: 2s linear 0s infinite normal forwards running react-spinners-DotLoader-bounce;"></span><span style="position: absolute; top: auto; bottom: 0px; height: 21px; width: 21px; background-color: rgb(31, 42, 55); border-radius: 100%; animation: 2s linear -1s infinite normal forwards running react-spinners-DotLoader-bounce;"></span></span></div> 6778 6779 <div class="cursor-default rounded bg-gray-100 px-4 py-2 text-center font-semibold text-gray-600 appLoader-hide"> 6780 <div class="truncate appDate"></div> 6781 </div> 6782 <div class="flex mt-5 font-semibold capitalize appLoader-hide"> 6783 timezone: 6784 <div class="ml-2">
6785 <span class="l_timeZ"></span> 6786 <span class="l_timeZ_now" style="display: none;">(Now 11:11)</span> 6787 </div> 6788 </div> 6789 <div class="-mr-4 mt-1 flex h-full min-h-160 flex-col overflow-y-scroll pr-2 pt-1 md:h-auto appLoader-hide" id="time-select"></div> 6790 </div> 6791 <div id="confirm" class="relative h-full flex-grow flex-col overflow-hidden rounded-b bg-white shadow md:rounded-lg md:border md:border-gray-100 px-6 pt-8 md:px-10" style="display: none"> 6792 <div class="booking-top mx-auto flex h-full max-w-lg flex-col"> 6793 <div class="space-y-2"> 6794 <div class="rApp-product-image-tablet"> 6795 <img src="" style="display: none"> 6796 </div> 6797 <div class="text-xl font-semibold">Confirm booking</div> 6798 <div class="flex text-base font-semibold"> 6799 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="h-6 w-6 flex-shrink-0"> 6800 <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 0 1 2.25-2.25h13.5A2.25 2.25 0 0 1 21 7.5v11.25m-18 0A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75m-18 0v-7.5A2.25 2.25 0 0 1 5.25 9h13.5A2.25 2.25 0 0 1 21 11.25v7.5m-9-6h.008v.008H12v-.008ZM12 15h.008v.008H12V15Zm0 2.25h.008v.008H12v-.008ZM9.75 15h.008v.008H9.75V15Zm0 2.25h.008v.008H9.75v-.008ZM7.5 15h.008v.008H7.5V15Zm0 2.25h.008v.008H7.5v-.008Zm6.75-4.5h.008v.008h-.008v-.008Zm0 2.25h.008v.008h-.008V15Zm0 2.25h.008v.008h-.008v-.008Zm2.25-4.5h.008v.008H16.5v-.008Zm0 2.25h.008v.008H16.5V15Z"></path> 6801 </svg> 6802 <span class="ml-2"> 6803 <span class="appDate"></span>, <span class="appYear"></span> 6804 <br> 6805 <span class="appTime"></span> 6806 (<span class="appTimeZone">PST</span>) 6807 </span> 6808 </div> 6809 </div> 6810 <div class="flex items-center text-base font-semibold mt-2"> 6811 <div class="flex"> 6812 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="h-6 w-6 flex-shrink-0"> 6813 <path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6h4.5m4.5 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"></path> 6814 </svg> 6815 <span class="ml-2 appDiff"></span></div> 6816 </div> 6817 <div class="mt-6 flex w-full flex-1 flex-col justify-between"> 6818 <div class="booking-form h-full w-full overflow-x-hidden overflow-y-scroll px-1">
vendor: 147 bytes, lines 6818-6819
6818 6819 <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
6819<script>$("#store-info img").remove();</script>
6819 6820 <input name="store_locator_book_appointment[last_name]" type="hidden"> 6821 <input name="store_locator_book_appointment[pg_type]" type="hidden" value="10"> 6822 <input name="store_locator_book_appointment[guid]" type="hidden" value="3000503"> 6823 <input name="store_locator_book_appointment[title]" type="hidden" value="Home"> 6824 <input name="store_locator_book_appointment[module]" type="hidden" value="store_locator_book_appointment"> 6825 <input name="store_locator_book_appointment[location_id]" type="hidden" id="location_id"> 6826 <input name="store_locator_book_appointment[date]" type="hidden" id="date_field"> 6827 <input name="store_locator_book_appointment[timezone]" type="hidden" id="timezone"> 6828 <input name="store_locator_book_appointment[appointment_type]" type="hidden" id="formType"> 6829 <input name="store_locator_book_appointment[time]" type="hidden" id="appointmentTime" > 6830 <div id='calendarForm'> 6831 <div class="-mx-2 flex flex-wrap sm:mt-6"> 6832 <div class="w-full px-2 sm:w-1/2 "> 6833 <div class="flex w-full flex-col"> 6834 <div class="block"> 6835 <label class="flex text-sm leading-5 font-semibold text-gray-700" for="name">Name * </label> 6836 </div> 6837 <input type="text" required name="store_locator_book_appointment[first_name]" maxlength="50" id="rApp_name" class="undefined px-3 appearance-none block w-full border rounded-md placeholder-gray-400 focus:outline-none px-3 py-2 sm:text-sm sm:leading-5 border-gray-300 focus:ring-indigo-500 focus:border-indigo-500 focus-primary"> 6838 </div> 6839 </div> 6840 </div> 6841 <div class="-mx-2 flex flex-wrap sm:mt-6"> 6842 <div class="w-full px-2 sm:w-1/2 "> 6843 <div class="flex w-full flex-col"> 6844 <div class="block"> 6845 <label class="flex text-sm leading-5 font-semibold text-gray-700" for="phone">Phone * </label> 6846 </div> 6847 <input type="tel" required name="store_locator_book_appointment[phone]" maxlength="50" id="rApp_phone" class="undefined px-3 appearance-none block w-full border rounded-md placeholder-gray-400 focus:outline-none px-3 py-2 sm:text-sm sm:leading-5 border-gray-300 focus:ring-indigo-500 focus:border-indigo-500 focus-primary"> 6848 </div> 6849 </div> 6850 </div> 6851 <div class="-mx-2 flex flex-wrap sm:mt-6"> 6852 <div class="w-full px-2 sm:w-1/2 "> 6853 <div class="flex w-full flex-col"> 6854 <div class="block"> 6855 <label class="flex text-sm leading-5 font-semibold text-gray-700" for="email">Email * </label> 6856 </div> 6857 <input type="email" required name="store_locator_book_appointment[email]" maxlength="50" id="rApp_email" class="undefined px-3 appearance-none block w-full border rounded-md placeholder-gray-400 focus:outline-none px-3 py-2 sm:text-sm sm:leading-5 border-gray-300 focus:ring-indigo-500 focus:border-indigo-500 focus-primary"> 6858 </div> 6859 </div> 6860 </div> 6861 <div class="-mx-2 flex flex-wrap sm:mt-6"> 6862 <div class="w-full px-2 w-full "> 6863 <div class="flex w-full flex-col"> 6864 <div class="block"> 6865 <label class="flex text-sm leading-5 font-semibold text-gray-700" for="comments">Comment * </label> 6866 </div> 6867 <textarea maxlength="500" required name="store_locator_book_appointment[comments]" id="rApp_comments" step="any" class="undefined px-3 appearance-none block w-full border rounded-md placeholder-gray-400 focus:outline-none px-3 py-2 sm:text-sm sm:leading-5 border-gray-300 focus:ring-indigo-500 focus:border-indigo-500 focus-primary "></textarea> 6868 </div> 6869 </div> 6870 </div> 6871 <div class="mt-5 " id="req-app-recaptcha" data-form="r-
6871app-form"></div> 6872 </div> 6873 </div> 6874 <div class="form-buttons bottom-0 left-0 mt-6 flex w-full flex-shrink-0 flex-col pb-6 text-right sm:mt-0 sm:pt-4"> 6875 <div class="flex w-full justify-between"> 6876 <button id="back-step-1" class="flex items-center rounded border border-gray-500 bg-white px-6 py-2 text-sm text-gray-700 focus:outline-none " type="button"> 6877 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="h-4 w-4"> 6878 <path stroke-linecap="round" stroke-linejoin="round" d="M15.75 19.5 8.25 12l7.5-7.5"></path> 6879 </svg> 6880 <span class="ml-2">Back</span></button> 6881 6882 <button class="ml-2 text-sm rounded focus:outline-none py-2 px-6 cursor-pointer bg-calendar-btn text-white " type="submit">Confirm 6883 </button> 6884 </div> 6885 </div> 6886 </div> 6887 </div> 6888 </div> 6889 </div> 6890 </div> 6891 </div> 6892 </div> 6893 6894 </div> 6895 6896
6896<script> 6897 6898 $(function () { 6899 $('#r-app-form').on('submit', function (event) { 6900 const $form = $(this); 6901 event.preventDefault() 6902 grecaptcha.ready(function() { 6903 grecaptcha.execute('6Le0_CEiAAAAAO2SprdEh3a5J5OGgtavg30c0ya7', {action: 'form_builder_submissions'}).then(function(token) { 6904 $form.prepend(`<input type="hidden" name="g-recaptcha-response" value="${token}">`) 6905 $form.unbind('submit').submit() 6906 }); 6907 }); 6908 }); 6909 }) 6910 </script>
vendor: 1 bytes, line 6910
6910
6911<script> 6912 6913 let step = 1; 6914 let today = new Date(); 6915 let currentMonthIndex = 0; 6916 let currentYear = today.getFullYear(); 6917 6918 const monthTitle = $("#react-day-picker-1"); 6919 const months = [ 6920 {month: today.getMonth(), year: today.getFullYear()}, 6921 {month: (today.getMonth() + 1) % 12, year: today.getFullYear() + (today.getMonth() === 11 ? 1 : 0)} 6922 ]; 6923 6924 const prevButton = $("#prevMonth"); 6925 const nextButton = $("#nextMonth"); 6926 6927 businessHours = {}; 6928 renderCalendar(currentMonthIndex); 6929 6930 function addCalendarStylesheet() { 6931 if ($('link[href="/skeleton/1.0/view/css/calendar.css?v=1.66"]').length === 0) { 6932 var link = $('<link>', { 6933 rel: 'stylesheet', 6934 href: '/skeleton/1.0/view/css/calendar.css?v=1.66' 6935 }); 6936 $("head").append(link); 6937 } 6938 } 6939 6940 $(document).ready(function () { 6941 addCalendarStylesheet(); 6942 }); 6943 6944 $("#back-step-1").click(function () { 6945 $('#calendar').toggleClass('md:w-1/2 md:w-1/3').addClass('active'); 6946 $('#store-info').toggleClass('justify-center justify-start'); 6947 $('#store-info img').toggle(); 6948 $("#time, #confirm, .noselect").toggle(); 6949 step = 2 6950 }); 6951 6952 $("#back-step-2").click(function () { 6953 $("#time").addClass('active') 6954 $("#confirm, #calendar").removeClass('active') 6955 step = 1 6956 }); 6957 6958 $(".rApp-container .close").on('click', function() { 6959 $('#rApp').hide(); 6960 $('body').removeClass('overflow-hidden'); 6961 }) 6962 let updateLocation = true; 6963 6964 $(document).on("click", ".req_app_click", function () { 6965 var formType = $(this).attr('id'); 6966 6967 updateLocation = true; 6968 addCalendarStylesheet(); 6969 var productImage = $(".item-image img").attr("src"); 6970 6971 // Create product image div if it doesn't exist (separate from store image) 6972 if ($("#store-info img").length === 0 && productImage) { 6973 $("#store-info").append('<div><img src="" style="display: none"></div>'); 6974 } 6975 $("#store-info img, .rApp-product-image-tablet img, #rApp-image").attr("src", productImage); 6976 6977 $(".rApp-product-image-tablet img").each(function() { 6978 if (!$(this).attr("src")) { 6979 $(this).closest(".rApp-product-image-tablet").css("height", "0"); 6980 } else { 6981 $(this).closest(".rApp-product-image-tablet").css("height", ""); // Reset height if src is not empty 6982 } 6983 }); 6984 6985 $(".appLoader").toggleClass("hidden") 6986 $("#l_name, #l_address, #l_store_img").hide(); 6987 6988 if ($(this).attr('id') == 'virtual') { 6989 updateLocation = false; 6990 } else { 6991 $("#l_name").show(); 6992 $("#rApp").removeClass('hide-product'); 6993 } 6994 6995 if (!isDesktop()) { 6996 $(".rApp-product-image-tablet img").show(); 6997 } else { 6998 $(".rApp-product-image-tablet img").hide(); 6999 } 7000 7001 var location_id = $(this).data("location_id"); 7002 $("body").addClass("overflow-hidden"); 7003 setTimeout(function(){ 7004 $("#rApp").toggle(); 7005 },200) 7006 7007 if ($(".fas").length) { 7008 $(".fas").removeClass("open"); 7009 $(".fas-overlay").addClass("d-none"); 7010 } 7011 7012 $.post({ 7013 url: "/skeleton/1.0/view/ws/ajax_calendar.php", 7014 data: { location_id: location_id }, 7015 headers: { 7016 'X-CSRF-TOKEN': window.csrf_token 7017 }, 7018 dataType: "json", 7019 success: function(response) { 7020 if (response.status === "success") { 7021 let { l_BusinessHours, l_Address, l_Name, l_Store_img, l_TimeZone} = response.message; 7022 7023 businessHours = JSON.parse(l_BusinessHours || "{}"); 7024 7025 if (updateLocation) { 7026 7027 $("#l_name").html(l_Name); 7028 $("#l_address").html(l_Address.replace(/<br>/g, "<br>")); 7029 } 7030 7031 if (l_TimeZone == null || l_TimeZone == '') { 7032 l_TimeZone = "Pacific Time"; 7033 } 7034 7035 $(".l_timeZ, .appTimeZone").html(l_TimeZone); 7036 $("#timezone").val(l_TimeZone); 7037 if (formType == "in_store_try") formType = "in-store"; 7038 $("#formType").val(formType); 7039 7040 if (l_Store_img.length > 1 && updateLocation) { 7041 $("#l_store_img").fadeIn(); 7042 $("#l_store_img").css("background-image", `url("${l_Store_img}")`); 7043 } 7044 7045 if (updateLocation) { 7046 $("#l_name, #l_address").fadeIn(); 7047 } else { 7048 $("#l_address").fadeIn(); 7049 } 7050 console.log(updateLocation); 7051 if (updateLocation == false) { 7052 $("#l_name").hide(); 7053 $("#l_address").html('Book a zoom meeting <br>to view the above product'); 7054 $("#l_address").fadeIn(); 7055 $("#l_store_img").fadeIn(); 7056 $("#l_store_img").css("background-image", `url("${productImage}")`); 7057 $("#rApp").addClass('hide-product'); 7058 } 7059 7060 renderCalendar(currentMonthIndex); 7061 7062 setTimeout(function () { 7063 $(".appLoader").toggleClass("hidden") 7064 }, 500) 7065 } 7066 }, 7067 error: function(xhr, textStatus, errorThrown) { 7068 // console.error(xhr.responseText); 7069 } 7070 }); 7071 7072 $("#location_id").val(location_id); 7073 }); 7074 7075 $(document).on('click', function(e) { 7076 if ($(e.target).closest('#rApp > div').length === 0 && $(e.target).is('.antialiased')) { 7077 $('#rApp').hide(); 7078 $('body').removeClass('overflow-hidden'); 7079 } 7080 }); 7081 7082 function isDesktop() { 7083 return window.matchMedia("(min-width: 768px)").matches; 7084 } 7085 7086 isDesktop(); 7087 window.addEventListener("resize", function () { 7088 isDesktop(); 7089 7090 if (!isDesktop()) { 7091 $(".rApp-product-image-tablet img").show(); 7092 } else { 7093 $(".rApp-product-image-tablet img").hide(); 7094 } 7095 }); 7096 7097 function renderCalendar(monthIndex) { 7098 populateMonthDropdown(monthIndex); 7099 const calendarBody = $(".calendar-tbody"); 7100 calendarBody.empty(); 7101 7102 const {month, year} = months[monthIndex]; 7103 const daysInMonth = new Date(year, month + 1, 0).getDate(); 7104 const firstDayOfMonth = new Date(year, month, 1).getDay(); 7105 7106 let dayToSelect = null; 7107 if (isDesktop()) { 7108 const todayWeekDay = today.getDay(); 7109 const isTodayOpen = isBusinessDay(todayWeekDay); 7110 7111 if (isTodayOpen) { 7112 dayToSelect = new Date(today); 7113 } else { 7114 dayToSelect = findNextOpenDay(); 7115 } 7116 } 7117 7118 let startOffset = (firstDayOfMonth === 0) ? 6 : firstDayOfMonth - 1; 7119 let day = 1; 7120 7121 while (day <= daysInMonth) { 7122 let row = $("<tr></tr>").addClass("calendar-row"); 7123 7124 for (let i = 0; i < 7; i++) { 7125 let cell = $("<td></td>").addClass("calendar-cell").attr("role", "presentation"); 7126 7127 if (startOffset > 0) { 7128 cell.append("<div role='gridcell'></div>"); 7129 startOffset--; 7130 } else if (day <= daysInMonth) { 7131 let currentDate = new Date(year, month, day); 7132 let button = $("<button></button>") 7133 .addClass("calendar-button_reset calendar-button calendar-day") 7134 .attr("role", "gridcell") 7135 .attr("type", "button") 7136 .attr("data-day", day) 7137 .attr("data-month", month) 7138 .attr("data-year", year) 7139 .text(day); 7140 7141 let isToday = 7142 today.getFullYear() === year && 7143 today.getMonth() === month && 7144 today.getDate() === day; 7145 7146 let isFirstDayOfMonth = 1 === day; 7147 7148 if ((isToday || isFirstDayOfMonth) && isDesktop()) { 7149 $(".calendar-day_selected").removeClass("calendar-day_selected"); 7150 button.addClass("calendar-day_selected"); 7151 selectDate(button); 7152 } 7153 7154 let weekDay = currentDate.getDay(); 7155 let isDayDisabled = false;
7156 7157 if (typeof isBusinessDay(weekDay) !== 'undefined') { 7158 if (currentDate < new Date().setHours(0, 0, 0, 0) || !isBusinessDay(weekDay)) { 7159 button.addClass("calendar-day_disabled").prop("disabled", true); 7160 isDayDisabled = true; 7161 } else { 7162 button.on("click", function () { 7163 $(".calendar-day_selected").removeClass("calendar-day_selected"); 7164 $(this).addClass("calendar-day_selected"); 7165 selectDate($(this)); 7166 }); 7167 } 7168 } else if (weekDay === 0 || weekDay === 6 || currentDate < new Date().setHours(0, 0, 0, 0)) { 7169 button.addClass("calendar-day_disabled").prop("disabled", true); 7170 isDayDisabled = true; 7171 } else { 7172 button.on("click", function () { 7173 $(".calendar-day_selected").removeClass("calendar-day_selected"); 7174 $(this).addClass("calendar-day_selected"); 7175 selectDate($(this)); 7176 }); 7177 } 7178 7179 let shouldAutoSelect = false; 7180 if (dayToSelect && isDesktop() && !isDayDisabled) { 7181 shouldAutoSelect = 7182 dayToSelect.getFullYear() === year && 7183 dayToSelect.getMonth() === month && 7184 dayToSelect.getDate() === day; 7185 } 7186 7187 if (shouldAutoSelect) { 7188 $(".calendar-day_selected").removeClass("calendar-day_selected"); 7189 button.addClass("calendar-day_selected"); 7190 selectDate(button); 7191 } 7192 7193 cell.append(button); 7194 day++; 7195 } 7196 7197 row.append(cell); 7198 } 7199 7200 calendarBody.append(row); 7201 } 7202 } 7203 7204 function isBusinessDay(weekDay) { 7205 if (!businessHours || typeof businessHours !== "object") return false; 7206 const dayHours = businessHours[weekDay]; 7207 return dayHours && !dayHours.closed && dayHours.open && dayHours.close; 7208 } 7209 7210 function findNextOpenDay() { 7211 let checkDate = new Date(today); 7212 checkDate.setHours(0, 0, 0, 0); 7213 7214 // Check up to 30 days ahead 7215 for (let i = 0; i < 30; i++) { 7216 const weekDay = checkDate.getDay(); 7217 const dateValue = checkDate.getTime(); 7218 7219 // Skip if date is in the past 7220 if (dateValue < new Date().setHours(0, 0, 0, 0)) { 7221 checkDate.setDate(checkDate.getDate() + 1); 7222 continue; 7223 } 7224 7225 // Check if it's a business day 7226 if (isBusinessDay(weekDay)) { 7227 return checkDate; 7228 } 7229 7230 checkDate.setDate(checkDate.getDate() + 1); 7231 } 7232 7233 return null; // No open day found 7234 } 7235 7236 let selectedMonth = today.getMonth(); 7237 let selectedYear = today.getFullYear(); 7238 7239 function selectDate(day) { 7240 if (day.hasClass("calendar-day_disabled")) return; 7241 7242 const selectedDay = day.html().split('<br>')[0].trim(); 7243 const selectedMonth = parseInt(day.attr('data-month')); 7244 const selectedYear = parseInt(day.attr('data-year')); 7245 7246 const formattedDate = `${selectedYear}-${String(selectedMonth + 1).padStart(2, '0')}-${String(selectedDay).padStart(2, '0')}`; 7247 $("#date_field").val(formattedDate); 7248 7249 let selectedDateObj = new Date(selectedYear, selectedMonth, selectedDay); 7250 updateTimeSlots(selectedDateObj); 7251 // console.log("111111") 7252 7253 if (!isDesktop()) { 7254 $("#calendar").removeClass('active'); 7255 $("div#time").addClass('active'); 7256 } 7257 } 7258 7259 function updateTimeSlots(selectedDay) { 7260 const selectedWeekday = selectedDay.getDay(); 7261 const selectedMonth = selectedDay.toLocaleString('en-US', {month: 'long'}); 7262 const selectedDate = selectedDay.getDate(); 7263 const selectedYear = selectedDay.getFullYear(); 7264 7265 const weekdayNames = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"]; 7266 const weekdayName = weekdayNames[selectedWeekday]; 7267 7268 $(".appDate").each(function () { 7269 $(this).html(`${weekdayName}, ${selectedMonth} ${selectedDate}`); 7270 }); 7271 7272 $('.appYear').html(selectedYear); 7273 7274 const buttonsContainer = document.getElementById("time-select"); 7275 const hiddenInput = document.getElementById("appointmentTime"); 7276 buttonsContainer.innerHTML = ""; 7277 7278 const defaultTimes = ["10:00 AM", "11:00 AM", "1:00 PM", "2:00 PM", "3:00 PM", "4:00 PM"]; 7279
7280 try { 7281 const hoursObj = businessHours; 7282 const hours = hoursObj ? hoursObj[selectedWeekday] : null; 7283 let timeSlots = defaultTimes; 7284 7285 if (hours && !hours.closed) { 7286 timeSlots = generateTimeSlots(parseTime(hours.open), parseTime(hours.close)); 7287 } 7288 7289 timeSlots.forEach((time, index) => { 7290 const wrapperDiv = document.createElement("div"); 7291 wrapperDiv.className = "relative first:mt-0 w-full border mt-2 border-gray-300 hover:border-gray-400 bg-white text-gray-600 text-base rounded"; 7292 7293 const timeDiv = document.createElement("div"); 7294 timeDiv.className = "font-light w-full py-3 hover:bg-gray-100 cursor-pointer text-center rounded"; 7295 timeDiv.setAttribute("data-testid", `time-slot-${index}`); 7296 timeDiv.textContent = time; 7297 7298 7299 timeDiv.onclick = function () { 7300 let [h, m] = time.split(' ')[0].split(':').map(Number); 7301 let period = time.includes('PM') ? 'PM' : 'AM'; 7302 7303 if (time.includes('PM') && h !== 12) h += 12; 7304 if (time.includes('AM') && h === 12) h = 0; 7305 7306 h = (h + 1) % 24; 7307 7308 let newPeriod = h >= 12 ? 'PM' : 'AM'; 7309 let displayH = h % 12 || 12; 7310 7311 let newTime = `${displayH}:${String(m).padStart(2, '0')} ${newPeriod}`; 7312 hiddenInput.value = `${String(h - 1).padStart(2, '0')}
7312:${String(m).padStart(2, '0')}`; 7313 7314 7315 $('#calendar').toggleClass('md:w-1/2 md:w-1/3'); 7316 $('#store-info').toggleClass('justify-center justify-start'); 7317 $('#store-info img').toggle(); 7318 $("#time, #confirm, .noselect").toggle(); 7319 step = 3; 7320 $("#confirm").addClass('active') 7321 7322 $("#time, #calendar").removeClass('active') 7323 7324 $('.appTime').html(`${time} - ${newTime}`); 7325 7326 // Difference in days 7327 let timeDiff = Math.ceil((selectedDay - new Date()) / (1000 * 60 * 60 * 24)); 7328 7329 if (timeDiff === 0) { 7330 timeDiff = "Today"; 7331 } else if (timeDiff > 1) { 7332 timeDiff = "In <b>" + timeDiff + "</b>" + " days"; 7333 } else { 7334 timeDiff = "In <b>" + timeDiff + "</b>" + " day"; 7335 } 7336 7337 $(".appDiff").html(timeDiff); 7338 }; 7339 7340 wrapperDiv.appendChild(timeDiv); 7341 buttonsContainer.appendChild(wrapperDiv); 7342 }); 7343 } catch (error) { 7344 console.error("Invalid businessHours data", e); 7345 } 7346 } 7347 7348 function generateTimeSlots(openTime, closeTime) { 7349 let slots = []; 7350 let currentTime = new Date(openTime); 7351 7352 while (currentTime < closeTime) { 7353 let hours = currentTime.getHours(); 7354 let minutes = currentTime.getMinutes(); 7355 let period = hours >= 12 ? "PM" : "AM"; 7356 let formattedHours = hours % 12 || 12; // 12-hours format 7357 7358 slots.push(`${formattedHours}:${String(minutes).padStart(2, '0')} ${period}`); 7359 currentTime.setHours(currentTime.getHours() + 1); 7360 } 7361 7362 return slots; 7363 } 7364 7365 function parseTime(timeString) { 7366 const [time, modifier] = timeString.split(" "); 7367 let [hours, minutes] = time.split(":").map(num => parseInt(num)); 7368 7369 if (modifier === "PM" && hours < 12) { 7370 hours += 12; 7371 } else if (modifier === "AM" && hours === 12) { 7372 hours = 0; 7373 } 7374 7375 const now = new Date(); 7376 now.setHours(hours, minutes, 0, 0); 7377 7378 return now; 7379 } 7380 7381 function populateMonthDropdown(currentMonthIndex) { 7382 monthTitle.empty(); 7383 7384 currentMonthIndex = today.getMonth() + currentMonthIndex; 7385 let date = new Date(currentYear, (currentMonthIndex) % 12, 1); 7386 7387 monthTitle.text(date.toLocaleString("en", {month: "long", year: "numeric"})); 7388 } 7389 7390 prevButton.on("click", () => { 7391 renderCalendar(0); 7392 populateMonthDropdown(0); 7393 prevButton.attr("disabled", true); 7394 nextButton.attr("disabled", false); 7395 }); 7396 7397 nextButton.on("click", () => { 7398 renderCalendar(1); 7399 populateMonthDropdown(1); 7400 prevButton.attr("disabled", false); 7401 nextButton.attr("disabled", true); 7402 }); 7403 7404 // fields Validation 7405 $('#r-app-form input, #r-app-form textarea').on('input', function() { 7406 const $this = $(this); 7407 const maxLength = $this.attr('maxlength'); 7408 const currentLength = $this.val().length; 7409 const $maxLengthMessage = $this.next('.max-length-message'); 7410 7411 if (maxLength < currentLength) { 7412 if (!$maxLengthMessage.length) { 7413 $this.after('<div class="max-length-message text-gray-500 text-sm mt-1"></div>'); 7414 } 7415 $this.next('.max-length-message').text(`The max allowed amount - ${currentLength} symbols`); 7416 7417 if (currentLength > maxLength) { 7418 $this.addClass('border-red-500'); 7419 $this.next('.max-length-message').addClass('text-red-500'); 7420 } else { 7421 $this.removeClass('border-red-500'); 7422 $this.next('.max-length-message').removeClass('text-red-500'); 7423 } 7424 } else { 7425 $maxLengthMessage.remove(); 7426 $this.removeClass('border-red-500'); // Ensure red border is removed if no max length 7427 } 7428 }); 7429 7430 $('#r-app-form button[type=submit]').on('click', function(e) { 7431 7432 let isValid = true; 7433 let errors = {}; 7434 7435 let email = $('#rApp_email').val().trim(); 7436 let emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/; 7437 const $maxLengthMessage = $('#rApp_email').next('.error-message'); 7438 7439 if (!emailRegex.test(email)) { 7440 $this.after('<div class="error-message text-gray-500 text-sm mt-1"></div>'); 7441 isValid = false;
7442 $('#rApp_email').next('.error-message').text(`Invalid email format.`); 7443 $('#rApp_email').addClass('border-red-500'); 7444 } else { 7445 $maxLengthMessage.remove(); 7446 $('#rApp_email').removeClass('border-red-500'); 7447 } 7448 7449 $('.error-message').remove(); 7450 for (let field in errors) { 7451 let errorMsg = errors[field]; 7452 $('#' + field).after('<div class="error-message text-red-500 text-sm">' + errorMsg + '</div>'); 7453 } 7454 7455 if (!isValid) { 7456 e.preventDefault(); 7457 } 7458 }); 7459 7460 // Load location image 7461 $('#l_store_img').css('background-image', 'url(https://www.albertsjewelers.com/public/1.0/uploads/source/alberts-logo-footer-1.png)'); 7462 7463</script>
7463 7464 </form> 7465 <div class="fas-overlay d-none"></div> 7466 7467
7467<script> 7468 function isStoreDesktop() { 7469 return window.matchMedia("(min-width: 1102px)").matches; 7470 } 7471 7472 function updateLogoStoreVisibility() { 7473 document.querySelectorAll('.fas-logo-store').forEach(logoStore => { 7474 if (!isStoreDesktop() && !logoStore.querySelector('img')) { 7475 logoStore.style.display = 'none'; 7476 } else { 7477 logoStore.style.display = ''; 7478 } 7479 }); 7480 } 7481 7482 updateLogoStoreVisibility(); 7483 7484 window.addEventListener("resize", updateLogoStoreVisibility); 7485 7486 var storeCount = 1; 7487 7488 $(document).ready(function () { 7489 var images = $('#store-locator img'), 7490 table = $('#store-locator_wrapper table'); 7491 7492 var loadedImages = 0; 7493 var totalImages = images.length; 7494 7495 function forceDisplay(selector, value) { 7496 document.querySelectorAll(selector).forEach(function(el) { 7497 if (value === 'none') { 7498 el.style.setProperty('display', value, 'important'); 7499 } else { 7500 el.style.removeProperty('display'); 7501 el.style.display = value; 7502 } 7503 }); 7504 } 7505 7506 7507 table.on('page.dt', function() { 7508 $('html, body, .fas').animate({ scrollTop: 0 }, 'slow'); 7509 }); 7510 7511 $(".hide-in-calendar").each(function() { 7512 $(this).show(); 7513 }) 7514 $(".show-in-calendar").each(function() { 7515 $(this).hide(); 7516 $(this).css("display", "none !important"); 7517 }) 7518 7519 $('.fas-store, .fas-btn, .close-fas-btn, .fas-overlay').on('click', function () { 7520 $('body').toggleClass('overflow-hidden'); 7521 $('.fas').toggleClass('open'); 7522 $('.fas-overlay').toggleClass('d-none'); 7523 }) 7524 7525 // RS 2025-06-25 Hide zip-code sort on Map page 7526 const $mapRadio = $("#fas-tab2"); // Map 7527 const $listRadio = $("#fas-tab1"); // List 7528 const $zipSearch = $("#search-by-zip"); 7529 const $useLocationButton = $(".get-location"); 7530 7531 function toggleVisibility() { 7532 if ($mapRadio.is(":checked")) { 7533 $zipSearch.hide(); 7534 $useLocationButton.hide(); 7535 } else { 7536 $zipSearch.css("display", "flex"); // или .show(), еÑли Ð¿Ð¾Ð´Ð¾Ð¹Ð´ÐµÑ 7537 $useLocationButton.show(); 7538 } 7539 } 7540 7541 // Initial check 7542 toggleVisibility(); 7543 7544 // Add event listeners 7545 $mapRadio.on("change", toggleVisibility); 7546 $listRadio.on("change", toggleVisibility); 7547 }); 7548 7549 $(".fas-tab-wrap label").on('keydown', function(event) { 7550 if (event.key === 'Enter') { 7551 var id = $(this).attr("for"); 7552 7553 $(".fas-tab-wrap input").each(function() { 7554 $(this).removeAttr('checked') 7555 }); 7556 7557 $("#"+id).attr('checked', 'checked') 7558 } 7559 }) 7560 7561 function errorMessage(type = 'show', message) { 7562 var $container = $('.find-ts-error'); 7563 if (type == 'show') { 7564 $container.animate({"opacity": "1", "height": "24px", "margin-top": "20px", "margin-bottom": "35px"}, 900); 7565 $container.html(message); 7566 7567 setTimeout(function () { 7568 $container.animate({"opacity": "0", "height": "0px", "margin-top": "0px", "margin-bottom": "0px"}, 900); 7569 }, 2000); 7570 } else { 7571 $container.animate({"opacity": "0", "height": "0px", "margin-top": "0px", "margin-bottom": "0px"}, 900); 7572 $container.html(""); 7573 } 7574 } 7575 7576 const $searchInput = $('#search-by-zip input'); 7577 const $searchButton = $('#search-by-zip button'); 7578 7579 $searchInput.on('keydown', function(event) { 7580 if (event.key === 'Enter') { 7581 $searchButton.click(); 7582 } 7583 }); 7584 7585 $('#search-by-zip button').on("click", function () { 7586 var $input = $('#search-by-zip input'); 7587 var zipCode = $input.val(); 7588 var $table = $('#store-locator_wrapper table'); 7589 7590 if (isValidZipCode(zipCode)) { 7591 $table.fadeOut(); 7592 $.ajax({
7593 url: '/skeleton/1.0/view/ws/ajax_find_a_store.php', 7594 type: 'POST', 7595 headers: {'X-CSRF-TOKEN': window.csrf_token}, 7596 data: { 7597 action: 'GET_LOCATION', 7598 zipCode: zipCode 7599 }, 7600 dataType: 'json', 7601 success: function (response) { 7602 if (response.status === 'success') { 7603 var targetLat = response.message.lat; 7604 var targetLng = response.message.lng; 7605 7606 var rows = $('#store-locator tr').get(); 7607 var uniqueRows = {}; 7608 7609 rows.forEach(function (row) { 7610 var lat = parseFloat($(row).data('lat')); 7611 var lng = parseFloat($(row).data('lng')); 7612 7613 if (!isNaN(lat) && !isNaN(lng)) { 7614 var distance = getDistanceFromLatLonInMiles(targetLat, targetLng, lat, lng); 7615 var roundedDistance = Math.round(distance); 7616 7617 $(row).find("td:nth-child(2) b").text(roundedDistance); 7618 $(row).find("td:nth-child(2)").css('display', 'block'); 7619 $(".fas-row-actions").each(function() { 7620 $(this).css('bottom', '30px'); 7621 }) 7622 7623 var key = lat.toFixed(6) + ',' + lng.toFixed(6); 7624 7625 if (!uniqueRows.hasOwnProperty(key)) { 7626 uniqueRows[key] = { element: row, distance: distance }; 7627 } 7628 } 7629 }); 7630 7631 var uniqueRowsArray = Object.values(uniqueRows); 7632 uniqueRowsArray.sort(function (a, b) { 7633 return a.distance - b.distance; 7634 7635 }); 7636 7637 // Select the parent container of the table rows 7638 var tableBody = $('#store-locator tbody'); 7639 7640 tableBody.empty(); // Ensure tbody is empty before appending new rows 7641 uniqueRowsArray.forEach(function (row) { 7642 tableBody.append(row.element); 7643 }); 7644 7645 // Reinitialize DataTable 7646 setTimeout(function () { 7647 $table.fadeIn(); // Show table after DataTable initialization 7648 }, 500); 7649 } else { 7650 console.log('Error message:', response.message); 7651 errorMessage('show', response.message); 7652 $table.fadeIn(); // Ensure table is visible even in case of error 7653 } 7654 }, 7655 error: function (xhr, status, error) { 7656 // RS 2026-07-06 https://www.wrike.com/open.htm?id=4445249726 7657 if (window.scHandleAjaxError && window.scHandleAjaxError(xhr)) return; 7658 // console.error(xhr); 7659 // If backend returned HTML page 7660 if (xhr.responseText) { 7661 document.open(); 7662 document.write(xhr.responseText); 7663 document.close(); 7664 return; 7665 } 7666 } 7667 }); 7668 } else { 7669 console.log('Invalid ZIP Code'); 7670 errorMessage('show', 'ZIP code not found.'); 7671 $table.fadeIn(); // Ensure table is visible even in case of invalid ZIP 7672 } 7673 }); 7674 7675 function getDistanceFromLatLonInMiles(lat1, lon1, lat2, lon2) { 7676 var R = 3958.8; 7677 var dLat = deg2rad(lat2 - lat1); 7678 var dLon = deg2rad(lon2 - lon1); 7679 var a = 7680 Math.sin(dLat / 2) * Math.sin(dLat / 2) + 7681 Math.cos(deg2rad(lat1)) * Math.cos(deg2rad(lat2)) * 7682 Math.sin(dLon / 2) * Math.sin(dLon / 2); 7683 var c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1 - a)); 7684 var d = R * c; 7685 return d; 7686 } 7687 7688 function deg2rad(deg) { 7689 return deg * (Math.PI / 180); 7690 } 7691 7692 function getLocation() { 7693 if (navigator.geolocation) { 7694 navigator.geolocation.getCurrentPosition(showPosition, showError); 7695 } else { 7696 document.getElementById("location").innerHTML = "Geolocation is not supported by this browser."; 7697 } 7698 } 7699 7700 // subhan code to make the store selection 7701 $('body').on("click",".select-store", function () { 7702 const storeId = $(this).data('store'); 7703 // const storeId = ''; 7704 $.ajax({
7705 url: '/skeleton/1.0/view/ws/ajax_find_a_store.php', 7706 type: 'POST', 7707 headers: {'X-CSRF-TOKEN': window.csrf_token}, 7708 data: { 7709 action: 'SELECT_STORE', 7710 storeId: storeId 7711 }, 7712 dataType: 'json', 7713 success: function (response) { 7714 if (response.status === 'success') { 7715 window.location.reload(); 7716 } else { 7717 console.log('Error message:', response.message); 7718 // toastr.success(response.message); 7719 } 7720 }, 7721 error: function (xhr, status, error) { 7722 // RS 2026-07-06 https://www.wrike.com/open.htm?id=4445249726 7723 if (window.scHandleAjaxError && window.scHandleAjaxError(xhr)) return; 7724 // console.error(xhr); 7725 // If backend returned HTML page 7726 if (xhr.responseText) { 7727 document.open(); 7728 document.write(xhr.responseText); 7729 document.close(); 7730 return; 7731 } 7732 } 7733 }); 7734 }); 7735 7736 7737 function showPosition(position) { 7738 console.log(position) 7739 const targetLat = position.coords.latitude; 7740 const targetLng = position.coords.longitude; 7741 7742 $.ajax({
7743 url: '/skeleton/1.0/view/ws/ajax_find_a_store.php', 7744 type: 'POST', 7745 headers: {'X-CSRF-TOKEN': window.csrf_token}, 7746 data: { 7747 action: 'UPDATE_LOCATION_BY_COORDINATES', 7748 lat: targetLat, 7749 lon: targetLng 7750 }, 7751 dataType: 'json', 7752 success: function (response) { 7753 if (response.success) { 7754 document.location.reload() 7755 } else { 7756 // errorMessage('show', response.message); 7757 7758 var $table = $('#store-locator_wrapper table'); 7759 var $tbody = $('#store-locator tbody'); 7760 7761 $table.fadeOut(); 7762 7763 setTimeout(function () { 7764 var rows = $tbody.find('tr').get(); 7765 7766 var uniqueRows = {}; 7767 7768 rows.forEach(function (row) { 7769 var lat = parseFloat($(row).data('lat')); 7770 var lng = parseFloat($(row).data('lng')); 7771 7772 if (!isNaN(lat) && !isNaN(lng)) { 7773 var distance = getDistanceFromLatLonInMiles(targetLat, targetLng, lat, lng); 7774 var roundedDistance = Math.round(distance); 7775 7776 $(row).find("td:nth-child(2) b").text(roundedDistance); 7777 $(row).find("td:nth-child(2)").css('display', 'block'); 7778 $(".fas-row-actions").css('bottom', '30px'); 7779 7780 var key = lat.toFixed(6) + ',' + lng.toFixed(6); 7781 7782 if (!uniqueRows.hasOwnProperty(key)) { 7783 uniqueRows[key] = {element: row, distance: distance}; 7784 } 7785 } 7786 }); 7787 7788 var uniqueRowsArray = Object.values(uniqueRows); 7789 7790 uniqueRowsArray.sort(function (a, b) { 7791 return a.distance - b.distance; 7792 }); 7793 7794 $tbody.empty(); 7795 uniqueRowsArray.forEach(function (row) { 7796 $tbody.append(row.element); 7797 }); 7798 7799 setTimeout(function () { 7800 $table.fadeIn(); 7801 }, 200); 7802 }, 200); 7803 } 7804 }, 7805 error: function (xhr, status, error) { 7806 // RS 2026-07-06 https://www.wrike.com/open.htm?id=4445249726 7807 if (window.scHandleAjaxError && window.scHandleAjaxError(xhr)) return; 7808 // console.error(xhr); 7809 // If backend returned HTML page 7810 if (xhr.responseText) { 7811 document.open(); 7812 document.write(xhr.responseText); 7813 document.close(); 7814 return; 7815 } 7816 } 7817 }); 7818 } 7819 7820 function showError(error) { 7821 switch (error.code) { 7822 case error.PERMISSION_DENIED: 7823 errorMessage("show", "You denied the request for Geolocation."); 7824 break; 7825 case error.POSITION_UNAVAILABLE: 7826 errorMessage("show", "Location information is unavailable, please enter ZIP Code"); 7827 break; 7828 case error.TIMEOUT: 7829 errorMessage("show", "The request to get user location timed out."); 7830 break; 7831 case error.UNKNOWN_ERROR: 7832 errorMessage("show", "An unknown error occurred."); 7833 break; 7834 } 7835 } 7836</script>
7836 7837
7837<script> 7838 const zipcode = document.getElementById('sl_zipcode'); 7839 if(zipcode){ 7840 zipcode.addEventListener('input', function (e) { 7841 this.value = this.value.replace(/\D/g, ''); 7842 }); 7843 } 7844 </script>
7844 7845 7846 <style> 7847 #bookInStore { 7848 background: transparent !important; 7849 display: flex !important; 7850 width: 75%; 7851 align-items: center; 7852 padding-left: 30px; 7853 } 7854 7855 #store-locator { 7856 width: 100% !important; 7857 } 7858 .page-item .page-link { 7859 color: black !important; 7860 box-shadow: none; 7861 } 7862 .page-item.active .page-link { 7863 border-color: #dee2e6!important; 7864 background: #f2f2f2 !important; 7865 } 7866 .page-item.disabled .page-link { 7867 color: gray !important; 7868 } 7869 7870 .page-item.active .page-link:hover { 7871 opacity: 0.7!important; 7872 } 7873 7874 .fas .col-md-5 { 7875 display: none; 7876 } 7877 7878 .fas .col-md-7 { 7879 max-width: 100%; 7880 flex: 100%; 7881 display: flex; 7882 justify-content: center; 7883 } 7884 7885 #store-locator_length, #store-locator_filter, #store-locator_info { 7886 display: none; 7887 } 7888 .fas-btn:hover { 7889 background-color: #3172ab; 7890 } 7891 7892 #store-locator_wrapper { 7893 overflow-x: hidden; 7894 } 7895 7896 .fas:not(.landing) { 7897 position: fixed; 7898 left: 50%; 7899 right: 0; 7900 top: 0; 7901 bottom: 0; 7902 z-index: 1045; 7903 background: white; 7904 transition: 300ms; 7905 transform: translateX(105%); 7906 box-shadow: 0 0 12px 2px rgba(0, 0, 0, .35); 7907 overflow-y: scroll; 7908 } 7909 7910 .fas:not(.landing) .fas-logo-store { 7911 display: none; 7912 } 7913 7914 label svg { 7915 width: 19px; 7916 height: 21px; 7917 margin: 0 13px 2px -13px; 7918 } 7919 7920 .fas.landing { 7921 max-width: 1260px; 7922 margin: 20px auto 0 auto; 7923 position: relative; 7924 } 7925 7926 .fas.landing label { 7927 z-index: 10; 7928 } 7929 7930 .fas-actions { 7931 align-items: center; 7932 margin-bottom: 20px; 7933 padding: 0 20px; 7934 right: 0; 7935 z-index: 9; 7936 width: 100%; 7937 display: grid !important; 7938 grid-template-columns: repeat(3, minmax(0, 1fr)); 7939 } 7940 7941 .fas.landing .fas-actions { 7942 position: absolute; 7943 } 7944 7945 .find-ts-error { 7946 text-align: center; 7947 margin: 0 auto; 7948 color: #8f0000; 7949 height: 0; 7950 font-weight: 600; 7951 } 7952 7953 .fas-tab__content table tr { 7954 position: relative; 7955 min-height: 150px; 7956 padding: 30px; 7957 display: flex; 7958 align-items: center; 7959 border-bottom: 1px solid #dbdbdb; 7960 } 7961 .fas-tab__content .row{ 7962 margin: 0!important; 7963 } 7964 7965 #search-by-zip { 7966 display: flex; 7967 align-items: center; 7968 margin: auto; 7969 } 7970 7971 .fas-row-store { 7972 width: 100%; 7973 padding-left: 0; 7974 display: flex; 7975 align-items: center; 7976 border: none; 7977 justify-content: left !important; 7978 } 7979 7980 .fas-row-store p { 7981 margin-bottom: 0 !important; 7982 } 7983 7984 .fas-logo-store { 7985 margin-bottom: 20px; 7986 } 7987 7988 .fas-logo-store { 7989 margin-right: 40px; 7990 display: flex; 7991 align-items: center; 7992 width: 150px; 7993 height: 150px; 7994 display: flex; 7995 align-items: center; 7996 justify-content: center; 7997 overflow: hidden; 7998 border-radius: 50%; 7999 } 8000 8001 .fas-logo-store img { 8002 width: 100%; 8003 height: 100%; 8004 object-fit: cover; 8005 object-position: center; 8006 } 8007 8008 .fas-row-distance { 8009 border: none; 8010 align-items: center; 8011 justify-content: end !important; 8012 display: none; 8013 position: absolute; 8014 right: 0; 8015 top: 5px; 8016 } 8017 8018 .fas-row-distance > div { 8019 align-items: center; 8020 display: flex; 8021 font-size: 18px; 8022 padding-right: 20px; 8023 justify-content: end; 8024 } 8025 8026 .fas-row-distance > div > b { 8027 margin: 15px; 8028 font-size: 20px; 8029 } 8030 8031 .fas-row-actions { 8032 border: none; 8033 align-items: center; 8034 display: flex; 8035 position: absolute; 8036 right: 0; 8037 } 8038 8039 .fas-row-actions svg { 8040 width: 25px; 8041 height: 25px; 8042 margin-bottom: 10px; 8043 } 8044 8045 .fas.landing #search-by-zip { 8046 justify-content: center 8047 } 8048 8049 #search-by-zip input { 8050 width: 180px!important; 8051 box-shadow: none !important; 8052 border: none!important;; 8053 border-radius: 0!important;; 8054 border-bottom: 1px solid darkgrey!important;; 8055 padding: 0 10px!important;; 8056 } 8057 8058 #search-by-zip button { 8059 width: auto; 8060 height: 28px; 8061 border-top-left-radius: 0; 8062 border-bottom-left-radius: 0; 8063 box-shadow: none !important; 8064 border-color: #ced4da; 8065 border: none; 8066 padding: 5px; 8067 padding-right: 10px; 8068 border-left: 0; 8069 } 8070 8071 .get-location { 8072 margin: 0 5px!important; 8073 padding: 0 5px !important; 8074 border: 1px solid white!important; 8075 text-align: end!important; 8076 width: auto!important; 8077 position: absolute!important; 8078 right: 0!important; 8079 } 8080 8081 .get-location svg { 8082 width: 18px;
8083 height: 16px; 8084 margin-top: 4px; 8085 margin-right: 3px; 8086 float: left; 8087 } 8088 8089 .fas-actions .map-btn { 8090 width: 100%; 8091 padding: 0 20px; 8092 } 8093 .map-btn a{ 8094 color: inherit; 8095 } 8096 8097 .fas.landing .fas-actions { 8098 max-width: 1260px; 8099 margin: auto; 8100 } 8101 8102 .fas.open { 8103 transform: translateX(0); 8104 } 8105 8106 .fas .close-fas-btn { 8107 width: 130px; 8108 padding: 3rem; 8109 cursor: pointer; 8110 margin-left: auto; 8111 } 8112 8113 .fas .btn { 8114 border-radius: 0; 8115 padding: 12px 25px; 8116 } 8117 8118 .fas svg:not(.store-hours-arrow) { 8119 margin-bottom: 7px; 8120 } 8121 8122 .fas-actions path { 8123 fill: #767676; 8124 } 8125 8126 .fas-overlay.d-none { 8127 opacity: 0; 8128 visibility: hidden; 8129 } 8130 8131 .fas-overlay { 8132 position: fixed; 8133 left: 0; 8134 right: 0; 8135 top: 0; 8136 bottom: 0; 8137 z-index: 1043; 8138 background: rgba(1, 1, 1, 0.5); 8139 opacity: 1; 8140 visibility: visible; 8141 } 8142 8143 .fas-tab__content tr td { 8144 justify-content: center; 8145 border-top: none!important; 8146 } 8147 8148 .fas-tab__content tr td:nth-child(3) { 8149 min-width: 30%; 8150 padding-bottom: 0; 8151 } 8152 8153 .fas button:focus { 8154 outline: none !important; 8155 box-shadow: none !important; 8156 } 8157 8158 .fas button:hover { 8159 opacity: 0.8 8160 } 8161 8162 8163 .green { 8164 color: green 8165 } 8166 .mtb-4 { 8167 margin: 40px 0; 8168 } 8169 .ma { 8170 margin-left: auto; 8171 margin-right: auto; 8172 } 8173 .mb-4 { 8174 margin-bottom: 40px; 8175 } 8176 .p-4 { 8177 padding: 40px; 8178 } 8179 .pb-3 { 8180 padding-bottom: 30px; 8181 } 8182 8183 .card a { 8184 cursor: pointer; 8185 } 8186 8187 @media (max-width: 768px) { 8188 .main_page_container .col-6 { 8189 max-width: 100%; 8190 flex: 0 0 100%; 8191 margin-bottom: 40px; 8192 } 8193 } 8194 8195 8196 8197 /***********/ 8198 @media (max-width: 1600px) { 8199 .fas-tab__content tr td:nth-child(3) { 8200 height: auto; 8201 justify-content: center; 8202 text-align: center; 8203 } 8204 8205 .fas:not(.landing) { 8206 left: 30%; 8207 } 8208 8209 8210 } 8211 8212 .fas-tab-wrap { 8213 transition: 0.3s box-shadow ease; 8214 border-radius: 6px; 8215 max-width: 100%; 8216 display: flex; 8217 flex-wrap: wrap; 8218 position: relative; 8219 list-style: none; 8220 background-color: #fff; 8221 } 8222 8223 .fas-tab { 8224 display: none; 8225 } 8226 8227 .fas-tab:checked:nth-of-type(1) ~ .fas-tab__content:nth-of-type(2) { 8228 opacity: 1; 8229 transition: 0.5s opacity ease-in, 0.8s transform ease; 8230 position: relative; 8231 top: 0; 8232 z-index: 97; 8233 transform: translateY(0px); 8234 text-shadow: 0 0 0; 8235 } 8236 8237 .fas-tab:checked:nth-of-type(2) ~ .fas-tab__content:nth-of-type(3) { 8238 opacity: 1; 8239 transition: 0.5s opacity ease-in, 0.8s transform ease; 8240 position: relative; 8241 top: 0; 8242 z-index: 97; 8243 transform: translateY(0px); 8244 text-shadow: 0 0 0; 8245 } 8246 8247 .fas-tab:first-of-type:not(:last-of-type) + label { 8248 border-top-right-radius: 0; 8249 border-bottom-right-radius: 0; 8250 } 8251 8252 .fas-tab:not(:first-of-type):not(:last-of-type) + label { 8253 border-radius: 0; 8254 } 8255 8256 .fas-tab:last-of-type:not(:first-of-type) + label { 8257 border-top-left-radius: 0; 8258 border-bottom-left-radius: 0; 8259 } 8260 8261 .fas-tab:checked + label { 8262 background-color: #f2f2f2; 8263 box-shadow: 0 -1px 0 #f2f2f2 inset; 8264 cursor: default; 8265 } 8266 8267 .fas-tab:checked + label:hover { 8268 background-color: #f2f2f2; 8269 box-shadow: 0 -1px 0 #f2f2f2 inset; 8270 } 8271 8272 .fas-tab + label { 8273 box-shadow: 0 -1px 0 #eee inset; 8274 border-radius: 6px 6px 0 0; 8275 cursor: pointer; 8276 display: block; 8277 text-decoration: none; 8278 color: #333; 8279 flex-grow: 3; 8280 text-align: center; 8281 background-color: #fff; 8282 -webkit-user-select: none; 8283 -moz-user-select: none;
8284 -ms-user-select: none; 8285 user-select: none; 8286 text-align: center; 8287 transition: 0.1s background-color ease, 0.1s box-shadow ease; 8288 height: 50px; 8289 box-sizing: border-box; 8290 padding: 15px; 8291 max-width: 150px; 8292 margin: 0; 8293 } 8294 8295 .fas-tab + label:hover { 8296 background-color: #f9f9f9; 8297 box-shadow: 0 1px 0 #f4f4f4 inset; 8298 } 8299 8300 .fas-tab__content { 8301 background-color: transparent; 8302 position: absolute; 8303 width: 100%; 8304 z-index: -1; 8305 opacity: 0; 8306 left: 0; 8307 transform: translateY(-3px); 8308 border-top: 1px solid #dbdbdb; 8309 } 8310 8311 .fas-tab__content tr:nth-child(odd) { 8312 background: #f8f8f8; 8313 } 8314 8315 .container { 8316 margin: 0 auto; 8317 display: block; 8318 width: 100%; 8319 } 8320 8321 .container > *:not(.fas-tab-wrap) { 8322 padding: 0 80px; 8323 } 8324 8325 /* MAP styles */ 8326 #map { 8327 height: 800px; 8328 width: 100%; 8329 } 8330 8331 .infoWindow { 8332 font-family: Arial, sans-serif; 8333 text-align: center; 8334 padding: 5px 10px; 8335 } 8336 8337 .infoWindow h2 { 8338 font-size: 22px; 8339 line-height: 20.7px; 8340 text-align: left; 8341 margin: 10px auto; 8342 } 8343 8344 .infoWindow h4 { 8345 font-size: 12px; 8346 line-height: 16px; 8347 font-weight: 100; 8348 margin-bottom: 15px; 8349 } 8350 8351 .infoWindow .actions { 8352 display: flex; 8353 justify-content: center; 8354 } 8355 8356 .infoWindow svg { 8357 width: 16px; 8358 height: 16px; 8359 margin: 0; 8360 } 8361 8362 .infoWindow button, 8363 .infoWindow a { 8364 border-radius: 15px; 8365 color: white; 8366 background: rgb(49, 114, 171); 8367 border: 1px solid rgb(49, 114, 171); 8368 margin: 0 3px; 8369 padding: 6px; 8370 display: flex; 8371 align-items: center; 8372 text-decoration: none; 8373 padding: 5px 9px; 8374 } 8375 8376 .infoWindow button:hover, 8377 .infoWindow a:hover { 8378 border: 1px solid rgb(49, 114, 171); 8379 } 8380 8381 .get-location { 8382 margin-top: 5px!important; 8383 } 8384 8385 @media (max-width: 1200px) { 8386 .fas:not(.landing) { 8387 left: 15%; 8388 } 8389 } 8390 8391 @media (max-width: 1101.9px) { 8392 .store-hours-container { 8393 display: flex; 8394 justify-content: center; 8395 } 8396 .fas-row-actions { 8397 position: relative; 8398 } 8399 .fas-row-distance { 8400 position: inherit; 8401 } 8402 .fas-row-distance > div { 8403 justify-content: center; 8404 margin-bottom: 20px; 8405 } 8406 .fas-row-store { 8407 display: block !important; 8408 } 8409 .fas-logo-store { 8410 margin: 0px auto 40px auto; 8411 } 8412 8413 .fas-tab__content tr td:nth-child(3) > div { 8414 grid-template-columns: repeat(2, minmax(0, 1fr)); 8415 } 8416 8417 .fas-tab__content tr td:nth-child(3) > div > div:nth-child(4) { 8418 grid-column: auto; 8419 } 8420 8421 .fas .close-fas-btn { 8422 padding: 1.5rem; 8423 width: 80px; 8424 } 8425 8426 .products-list .item-title { 8427 font-size: 14px; 8428 } 8429 8430 .fas { 8431 left: 0 !important; 8432 } 8433 8434 .fas-tab__content table tr { 8435 display: inline-grid !important; 8436 width: 100%; 8437 } 8438 8439 .fas-tab__content table td, .fas-tab__content table td > div:not(.fas-logo-store) { 8440 width: auto !important; 8441 text-align: center; 8442 } 8443 8444 .fas-row-distance { 8445 height: auto; 8446 } 8447 8448 .fas-tab__content tr td p{ 8449 margin: 0 auto; 8450 } 8451 8452 } 8453 8454 @media (max-width: 979.9px) { 8455 .fas-tab + label { 8456 max-width: 95px; 8457 } 8458 8459 label svg { 8460 width: 15px; 8461 margin: 0 8px 0 0; 8462 } 8463 } 8464 8465 @media (max-width: 550px) { 8466 .fas-actions .form-control { 8467 width: auto !important; 8468 } 8469 8470 .fas-tab-wrap > .fas-actions { 8471 padding: 0; 8472 margin: 0 10px !important; 8473 } 8474 8475 .fas-tab-wrap > .fas-actions > #search-by-zip > label { 8476 padding: 0; 8477 } 8478 8479 .fas-tab-wrap > .fas-actions > .get-location { 8480 margin: 0 10px 0 0 !important; 8481 } 8482 8483 #search-by-zip { 8484 width: 190px; 8485 margin: 0 auto 10px auto; 8486 } 8487 8488 .get-location { 8489 margin-top: 27px !important; 8490 } 8491 8492 .fas.landing { 8493 margin: 0; 8494 } 8495 8496 .fas.landing .fas-actions { 8497 position: inherit; 8498 } 8499 8500 .fas-actions { 8501 display: block; 8502 grid-template-columns: repeat(2, minmax(0, 1fr)); 8503 text-align: center; 8504 } 8505 8506 .fas-tab__content tr td { 8507 height: auto !important; 8508 } 8509 8510 .fas-actions > div:nth-child(1) { 8511 grid-column: 1 / -1; 8512 margin-bottom: 10px; 8513 padding: 0; 8514 } 8515 8516 .get-location { 8517 position: inherit; 8518 font-size: 14px; 8519 margin: auto; 8520 } 8521 8522 .fas-tab:checked + label { 8523 display: none; 8524 } 8525 } 8526 8527 @media (max-width: 480px) { 8528 .fas-row-actions > div { 8529 display: grid !important; 8530 grid-template-columns: repeat(2, minmax(0, 2fr)); 8531 } 8532 } 8533 8534 .fas.in_store_try { 8535 left: 63%; 8536 } 8537 8538 @media (max-width: 1600px) { 8539 .fas.in_store_try { 8540 left: 56%; 8541 } 8542 } 8543 8544 @media (max-width: 1200px) { 8545 .fas.in_store_try { 8546 left: 46%; 8547 } 8548 } 8549 </style> <div class="my-scope offcanvas left offcanvas-md" id="update-zipAddress"> 8550 <div class="offcanvas-header border-bottom"> 8551 <h3 class="general_style">Update Location</h3> 8552 <button aria-label="Close menu" class="close-offcanvas btn-close"></button> 8553 </div> 8554 <div class="offcanvas-body"> 8555 <form id="zipcode-form"> 8556 <p class="p2_general_style">Your location helps us to offer delivery options available for you.</p> 8557 <div class="input_general_style general_style"> 8558 <label for="zipcode" class="general_style ">Zipcode <span class="text-danger">*</span></label> 8559 <input type="text" id="zipcode" value="" name="zipcode" required="required" maxlength="50" class="form-control form-control-lg"> 8560 <div class="invalid-feedback">Please enter valid zip code.</div> 8561 </div> 8562 <button type="submit" title="Update Zipcode" aria-label="Update" class="btn-modal button_general_style">Update Location</button> 8563 </form> 8564 <button type="button" title="Use My Location" aria-label="Update" class="btn-modal-outline secondary_button_general_style use-my-location"> 8565 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.0" id="Layer_1" width="14px" height="14px" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve"> 8566 <path fill="#231F20" d="M32,0C18.746,0,8,10.746,8,24c0,5.219,1.711,10.008,4.555,13.93c0.
8566051,0.094,0.059,0.199,0.117,0.289l16,24 C29.414,63.332,30.664,64,32,64s2.586-0.668,3.328-1.781l16-24c0.059-0.09,0.066-0.195,0.117-0.289C54.289,34.008,56,29.219,56,24 C56,10.746,45.254,0,32,0z M32,32c-4.418,0-8-3.582-8-8s3.582-8,8-8s8,3.582,8,8S36.418,32,32,32z"></path> 8567 </svg> 8568 Use My Location 8569 </button> 8570 </div> 8571</div>
8572<script> 8573 $(document).ready(function() { 8574 $("#zipcode-form").submit(function (e) { 8575 e.preventDefault(); 8576 var $input = $('#zipcode-form input'); 8577 const $error_box = $('#zipcode-form .invalid-feedback'); 8578 $error_box.hide(); 8579 var zipCode = $input.val(); 8580 console.log(zipCode) 8581 if (isValidZipCode(zipCode)) { 8582 $.ajax({ 8583 url: '/skeleton/1.0/view/ws/ajax_find_a_store.php', 8584 type: 'POST', 8585 headers: {'X-CSRF-TOKEN': window.csrf_token}, 8586 data: { 8587 action: 'UPDATE_LOCATION', 8588 zipCode: zipCode 8589 }, 8590 dataType: 'json', 8591 success: function (response) { 8592 if (response.success) { 8593 document.location.reload() 8594 } else { 8595 $error_box.show(); 8596 // errorMessage('show', response.message); 8597 } 8598 }, 8599 error: function (xhr, status, error) { 8600 // console.error(xhr); 8601 // If backend returned HTML page 8602 if (xhr.responseText) { 8603 if (window.scHandleAjaxError && window.scHandleAjaxError(xhr)) return; 8604 document.open(); 8605 document.write(xhr.responseText); 8606 document.close(); 8607 return; 8608 } 8609 } 8610 }); 8611 } else { 8612 $error_box.show(); 8613 // console.log('Invalid ZIP Code'); 8614 // errorMessage('show', 'ZIP code not found.'); 8615 } 8616 8617 }); 8618 8619 $('.use-my-location').on('click', function () { 8620 if (navigator.geolocation) { 8621 navigator.geolocation.getCurrentPosition(sendMyLocation, showError); 8622 } else { 8623 document.getElementById("location").innerHTML = "Geolocation is not supported by this browser."; 8624 } 8625 }); 8626 8627 function sendMyLocation(position) { 8628 console.log(position) 8629 const targetLat = position.coords.latitude; 8630 const targetLng = position.coords.longitude; 8631 8632 $.ajax({ 8633 url: '/skeleton/1.0/view/ws/ajax_find_a_store.php', 8634 type: 'POST', 8635 headers: {'X-CSRF-TOKEN': window.csrf_token}, 8636 data: { 8637 action: 'UPDATE_LOCATION_BY_COORDINATES', 8638 lat: targetLat, 8639 lon: targetLng 8640 }, 8641 dataType: 'json', 8642 success: function (response) { 8643 if (response.success) { 8644 document.location.reload() 8645 } else { 8646 console.log('cannot update location'); 8647 } 8648 }, 8649 error: function (xhr, status, error) { 8650 // console.error(xhr); 8651 // If backend returned HTML page 8652 if (xhr.responseText) { 8653 if (window.scHandleAjaxError && window.scHandleAjaxError(xhr)) return; 8654 document.open(); 8655 document.write(xhr.responseText); 8656 document.close(); 8657 return; 8658 } 8659 } 8660 }); 8661 } 8662 8663 function showError(error) { 8664 switch (error.code) { 8665 case error.PERMISSION_DENIED: 8666 errorMessage("show", "You denied the request for Geolocation."); 8667 break; 8668 case error.POSITION_UNAVAILABLE: 8669 errorMessage("show", "Location information is unavailable, please enter ZIP Code"); 8670 break; 8671 case error.TIMEOUT: 8672 errorMessage("show", "The request to get user location timed out."); 8673 break; 8674 case error.UNKNOWN_ERROR: 8675 errorMessage("show", "An unknown error occurred."); 8676 break; 8677 } 8678 } 8679 }); 8680</script>
8680<footer class="appearance-desktop-view-template"> 8681 8682 8683 8684 <div class="footer_container footer_container_1"> 8685 8686 8687 8688 8689 <div class="flex_row flex_row_1"> 8690 8691 8692 <div class="flex_col flex_col_1"> 8693 8694 8695 </div> 8696 8697 <style> 8698 .footer_container_1 .flex_row_1 .flex_col_1 { 8699 } 8700 </style> 8701 8702 8703 8704 <div class="flex_col flex_col_2"> 8705 8706 8707 </div> 8708 8709 <style> 8710 .footer_container_1 .flex_row_1 .flex_col_2 { 8711 } 8712 </style> 8713 8714 8715 8716 <div class="flex_col flex_col_3"> 8717 8718 8719<div class="flex_cell flex_cell_1 social_icons"> 8720 <div class="flex_cell_content"> 8721 <a title="Facebook" class="" target="_blank" href="https://www.facebook.com/albertsjewelers" style="order: 1"> 8722 <svg role="img" aria-label="Facebook" viewBox="0 0 320 512"><path class="path_class" d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z"/></svg> </a> 8723 8724 <a title="X" class="" target="_blank" href="https://twitter.com/AlbertsJewelers" style="order: 2"> 8725 <svg role="img" aria-label="X" width="1342" height="1342" viewBox="0 0 1342 1342" fill="none" xmlns="http://www.w3.org/2000/svg"><path class="path_class" fill-rule="evenodd" clip-rule="evenodd" d="M1341 670.962C1341 1040.97 1041.03 1340.92 671 1340.92C300.969 1340.92 1 1040.97 1 670.962C1 300.952 300.969 1 671 1C1041.03 1 1341 300.952 1341 670.962ZM578.531 710.981L258.279 282.805H505.104L715.056 563.509L974.896 282.805H1047.43L747.461 606.853L1085.74 1059.11H838.914L610.95 754.31L328.797 1059.11H256.261L578.531 710.981ZM478.337 336.226H364.946L865.668 1005.69H979.058L478.337 336.226Z" fill="black"/><path d="M258.279 282.805V282.305H257.281L257.879 283.105L258.279 282.805ZM578.531 710.981L578.898 711.32L579.181 711.015L578.931 710.681L578.531 710.981ZM505.104 282.805L505.505 282.506L505.355 282.305H505.104V282.805ZM715.056 563.509L714.656 563.809L715.015 564.289L715.423 563.849L715.056 563.509ZM974.896 282.805V282.305H974.678L974.529 282.466L974.896 282.805ZM1047.43 282.805L1047.8 283.145L1048.58 282.305H1047.43V282.805ZM747.461 606.853L747.094 606.513L746.811 606.819L747.061 607.152L747.461 606.853ZM1085.74 1059.11V1059.61H1086.74L1086.14 1058.81L1085.74 1059.11ZM838.914 1059.11L838.514 1059.41L838.664 1059.61H838.914V1059.11ZM610.95 754.31L611.351 754.011L610.991 753.53L610.583 753.971L610.95 754.31ZM328.797 1059.11V1059.61H329.015L329.163 1059.45L328.797 1059.11ZM256.261 1059.11L255.894 1058.77L255.116 1059.61H256.261V1059.11ZM364.946 336.226V335.726H363.948L364.546 336.526L364.946 336.226ZM478.337 336.226L478.737 335.927L478.587 335.726H478.337V336.226ZM865.668 1005.69L865.268 1005.99L865.418 1006.19H865.668V1005.69ZM979.058 1005.69V1006.19H980.057L979.459 1005.39L979.058 1005.69ZM671 1341.42C1041.31 1341.42 1341.5 1041.25 1341.5 670.962H1340.5C1340.5 1040.69 1040.75 1340.42 671 1340.42V1341.42ZM0.5 670.962C0.5 1041.25 300.693 1341.42 671 1341.42V1340.42C301.245 1340.42 1.5 1040.69 1.5 670.962H0.5ZM671 0.5C300.693 0.5 0.5 300.676 0.5 670.962H1.5C1.5 301.228 301.245 1.5 671 1.5V0.5ZM1341.5 670.962C1341.5 300.676 1041.31 0.5 671 0.5V1.5C1040.75 1.5 1340.5 301.228 1340.5 670.962H1341.5ZM257.879 283.105L578.131 711.28L578.931 710.681L258.679 282.506L257.879 283.105ZM505.104 282.305H258.279V283.305H505.104V282.305ZM715.456 563.21L505.505 282.506L504.704 283.105L714.656 563.809L715.456 563.21ZM974.529 282.466L714.689 563.17L715.423 563.849L975.263 283.145L974.529 282.466ZM1047.43 282.305H974.896V283.305H1047.43V282.305ZM747.828 607.192L1047.8 283.145L1047.07 282.466L747.094 606.513L747.828 607.192ZM1086.14 1058.81L747.862 606.553L747.061 607.152L1085.34 1059.41L1086.14 1058.81ZM838.914 1059.61H1085.74V1058.61H838.914V1059.61ZM610.55 754.61L838.514 1059.41L839.315 1058.81L611.351 754.011L610.55 754.61ZM329.163 1059.45L611.317 754.65L610.583 753.971L328.43 1058.77L329.163 1059.45ZM256.261 1059.61H328.797V1058.61H256.261V1059.61ZM578.164 710.641L255.894 1058.77L256.628 1059.45L578.898 711.32L578.164 710.641ZM364.946 336.726H478.337V335.726H364.946V336.726ZM866.068 1005.39L365.347 335.927L364.546 336.526L865.268 1005.99L866.068 1005.39ZM979.058 1005.19H865.668V1006.19H979.058V1005.19ZM477.936 336.526L978.658 1005.99L979.459 1005.39L478.737 335.927L477.936 336.526Z" fill="white"/></svg> </a> 8726 8727 <a title="Instagram" class="" target="_blank" href="https://www.instagram.com/albertsjewelers
8727/" style="order: 3"> 8728 <svg role="img" aria-label="Instagram" viewBox="0 0 448 512"><path class="path_class" d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"/></svg> </a> 8729 8730 <a title="Youtube" class="" target="_blank" href="https://www.youtube.com/channel/UCQ4ouMJM2mY7apgDZpzNWow" style="order: 4"> 8731 <svg role="img" aria-label="Youtube" viewBox="0 0 576 512"><path class="path_class" d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"/></svg> </a> 8732 8733 <a title="Pinterest" class="" target="_blank" href="https://www.pinterest.com/albertsjewelers/" style="order: 5"> 8734 <svg role="img" aria-label="Pinterest" viewBox="0 0 496 512"><path class="path_class" d="M496 256c0 137-111 248-248 248-25.6 0-50.2-3.9-73.4-11.1 10.1-16.5 25.2-43.5 30.8-65 3-11.6 15.4-59 15.4-59 8.1 15.4 31.7 28.5 56.8 28.5 74.8 0 128.7-68.8 128.7-154.3 0-81.9-66.9-143.2-152.9-143.2-107 0-163.9 71.8-163.9 150.1 0 36.4 19.4 81.7 50.3 96.1 4.7 2.2 7.2 1.2 8.3-3.3.8-3.4 5-20.3 6.9-28.1.6-2.5.3-4.7-1.7-7.1-10.1-12.5-18.3-35.3-18.3-56.6 0-54.7 41.4-107.6 112-107.6 60.9 0 103.6 41.5 103.6 100.9 0 67.1-33.9 113.6-78 113.6-24.3 0-42.6-20.1-36.7-44.8 7-29.5 20.5-61.3 20.5-82.6 0-19-10.2-34.9-31.4-34.9-24.9 0-44.9 25.7-44.9 60.2 0 22 7.4 36.8 7.4 36.8s-24.5 103.8-29 123.2c-5 21.4-3 51.6-.9 71.2C65.4 450.9 0 361.1 0 256 0 119 111 8 248 8s248 111 248 248z"/></svg> </a> 8735 8736 <a title="Yelp" class="" target="_blank" href="https://www.yelp.com/biz/alberts-diamond-jewelers-schererville-4" style="order: 6"> 8737 <svg role="img" aria-label="Yelp" viewBox="0 0 384 512"><path class="path_class" d="M42.9 240.32l99.62 48.61c19.2 9.4 16.2 37.51-4.5 42.71L30.5 358.45a22.79 22.79 0 0 1-28.21-19.6 197.16 197.16 0 0 1 9-85.32 22.8 22.8 0 0 1 31.61-13.21zm44 239.25a199.45 199.45 0 0 0 79.42 32.11A22.78 22.78 0 0 0 192.94 490l3.9-110.82c.7-21.3-25.5-31.91-39.81-16.1l-74.21 82.4a22.82 22.82 0 0 0 4.09 34.09zm145.34-109.92l58.81 94a22.93 22.93 0 0 0 34 5.5 198.36 198.36 0 0 0 52.71-67.61A23 23 0 0 0 364.17 370l-105.42-34.26c-20.31-6.5-37.81 15.8-26.51 33.91zm148.33-132.23a197.44 197.44 0 0 0-50.41-69.31 22.85 22.85 0 0 0-34 4.4l-62 91.92c-11.9 17.7 4.7 40.61 25.2 34.71L366 268.63a23 23 0 0 0 14.61-31.21zM62.11 30.18a22.86 22.86 0 0 0-9.9 32l104.12 180.44c11.7 20.2 42.61 11.9 42.61-11.4V22.88a22.67 22.67 0 0 0-24.5-22.8 320.37 320.37 0 0 0-112.33 30.1z"/></svg> </a> 8738 8739 8740 8741 8742 <a title="Tiktok" class="" target="_blank" href="https://www.tiktok.com/@albertsjewelers219" style="order: 9"> 8743 <svg class="path_class" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M448,209.91a210.06,210.06,0,0,1-122.77-39.25V349.38A162.55,162.55,0,1,1,185,188.31V278.2a74.62,74.62,0,1,0,52.23,71.18V0l88,0a121.18,121.18,0,0,0,1.86,22.17h0A122.18,122.18,0,0,0,381,102.39a121.43,121.43,0,0,0,67,20.14Z"/></svg> </a> 8744 8745 </div> 8746</div> 8747 8748<style> 8749 .footer_container_1>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons { 8750 width:100%; justify-content: flex-end; 8751 align-items:center; -webkit-align-items:center; } 8752 8753 .footer_container_1>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons { 8754 height:100%; } 8755 8756 .footer_container_1>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons>.flex_cell_content { 8757 display: flex; 8758 margin-top:50px; margin-bottom:50px; margin-left:px; margin-right:400px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 8759 8760 .footer_container_1>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons a { 8761 display: flex; 8762 align-items: center; 8763 color:#ffffff; font-weight:400; font-style:normal; margin-left: 6px; 8764 margin-right: 6px; 8765 font-size:17px;font-family:ITC Avant Garde; text-transform:none; } 8766 8767 .footer_container_1>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons a svg{ 8768 margin-right: 5px; 8769 width:16px; height:16px; } 8770 8771 .footer_container_1>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons a .path_class { 8772 fill: currentColor; 8773 } 8774 8775 8776 .footer_container_1>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons a:hover { 8777 color:#ffffff; } 8778</style> 8779 8780 </div> 8781 8782 <style> 8783 .footer_container_1 .flex_row_1 .flex_col_3 { 8784 width:98%; } 8785 </style> 8786 8787 8788 8789 <div class="flex_col flex_col_4"> 8790 8791 8792 </div> 8793 8794 <style> 8795 .footer_container_1 .flex_row_1 .flex_col_4 { 8796 width:2%; } 8797 </style> 8798 8799 8800 8801 </div> 8802 8803 8804 <style> 8805 .footer_container_1 .flex_row_1 { 8806 background-color: #122d57; 8807 color:#000000; height:auto; 8808 } 8809 </style> 8810 8811 8812 8813 8814 8815 8816 <div class="flex_row flex_row_2"> 8817 8818 8819 <div class="flex_col flex_col_1"> 8820 8821 8822 </div> 8823 8824 <style> 8825 .footer_container_1 .flex_row_2 .flex_col_1 { 8826 width:2%; } 8827 </style> 8828 8829 8830 8831 <div class="flex_col flex_col_2"> 8832 8833 <div class="flex_cell flex_cell_1 custom_code"> 8834 <div class="flex_cell_content"> 8835 <div style="padding-bottom: 40px;"> 8836<div style="padding-bottom: 40px;"> 8837<table border="0" class="ftbl"> 8838<tbody> 8839<tr class="tr1"> 8840<td> 8841<div class="right-side"> 8842<div class="col1"> 8843<div id="fclm1img" style="width: 165px; height: 165px; background: #ccc; border-radius: 50%; display: flex; justify-content: center; align-items: center; overflow: hidden;"><img style="max-width: 100%; object-fit: cover; height: 100% !important;" alt="Albert's Jewelers Logo" title="Albert's Jewelers Logo" width="500" height="500" src="/public/1.0/uploads/source/alberts-logo-footer-1.png" /></div> 8844</div> 8845<div class="col2"> 8846<h5 style="font-family: 'ITC Avant Garde'; color: #fff;">Visit our showroom</h5> 8847<p>711 Main St. Schererville, Indiana 46375</p> 8848<a style="color: #fff; font-size: 14px;" href="https://www.google.com/maps/place/Albert's+Diamond+Jewelers/@41.5223006,-87.4714827,17z/data=!3m1!4b1!4m6!3m5!1s0x8811e13019bb206d:0xb4de08229baafd1d!8m2!3d41.5222966!4d-87.469294!16s%2Fg%2F1tk688rc" title="Get Directions">Get Directions</a></div> 8849</div> 8850</td> 8851<td class="td2"></td> 8852<td style="padding-top: 0px;"> 8853<div class="left-side"> 8854<div class="col1"><span style="font-size: 14px; font-weight: bold;">Regular Hours</span> 8855<p><br />Mon - Sat:</p> 8856<p>11:00am - 6:00pm</p> 8857<p>Sunday: Closed </p> 8858<p></p> 8859</div> 8860<div class="col2"> 8861<h5 style="font-family: 'ITC Avant Garde'; color: #fff;">Store Contacts</h5> 8862<a style="color: #fff; font-size: 14px; display: block; line-height: 18px;" href="tel:219-322-2700" title="phone">Call: 219-322-2700</a><a style="color: #fff; font-size: 14px; display: block; line-height: 18px;" href="sms:219-322-2700" title="sms">Text: 219-322-2700</a> <a style="color: #fff; font-size: 14px; display: block; line-height: 18px;
8862" href="/cdn-cgi/l/email-protection#402d21322b2534292e2700212c22253234332a2537252c2532336e232f2d" title="mail"><span class="__cf_email__" data-cfemail="127f73607977667b7c7552737e7077606661787765777e7760613c717d7f">[email protected]</span></a></div> 8863</div> 8864</td> 8865</tr> 8866<tr class="tr2"> 8867<td> 8868<div class="tr2right-side"> 8869<p class="tr2right-side-p1"></p> 8870<p class="tr2right-side-p2">Receive email updates on stuff you’ll probably want to know about, including products, launches, and events. Unsubscribe anytime. Some exclusions apply.</p> 8871<a class="newsletter_btn" href="/newsletter-signup" title="Newsletter Signup" style="margin-top: 5px; color: #ffffff; font-weight: 400; font-style: normal; font-size: 14px; font-family: ITC Avant Garde; display: inline-flex; white-space: nowrap; align-items: center; padding: 10px 40px; justify-content: center; text-transform: none; border-radius: 0px; border: 1px solid #ffffff;"> Newsletter Signup <svg role="img" aria-label="Sign Up" version="1.1" id="Layer_1" x="0px" y="0px" width="38px" height="20px" viewbox="0 0 38 20" enable-background="new 0 0 38 20" xml:space="preserve" style="height: 16px; margin-left: 6px; fill: currentColor;"> <g> <path d="M37.6,14.35l-0.081-0.492L29.693,9.59l-1.213,1.232c-0.479,0.487-1.162,0.823-1.926,0.948 8872 c-0.762,0.123-1.516,0.021-2.125-0.289l-1.541-0.785l-6.068,6.533l0.081,0.49c0.087,0.537,0.636,0.896,1.225,0.8l18.564-3.023 8873 C37.278,15.4,37.687,14.886,37.6,14.35z"></path> <path d="M14.961,5.812l9.812,4.997c0.933,0.475,2.435,0.232,3.167-0.516l7.72-7.851L35.571,1.9 8874 c-0.087-0.537-0.637-0.896-1.227-0.8L15.782,4.124c-0.589,0.096-0.996,0.61-0.908,1.147L14.961,5.812z"></path> <polygon points="37.365,12.915 35.811,3.366 30.242,9.03 "></polygon> <polygon points="15.112,6.736 6.674,8.11 6.807,8.928 15.246,7.555 16.577,15.73 16.667,16.285 22.189,10.34 "></polygon> <rect x="8.114" y="9.012" transform="matrix(-0.1608 -0.987 0.987 -0.1608 -7.0682 28.3718)" width="0.829" height="16.357"></rect> <rect x="4.268" y="12.036" transform="matrix(0.987 -0.1607 0.1607 0.987 -1.8696 1.7878)" width="11.697" height="0.83"></rect> </g> </svg> </a></div> 8875</td> 8876<td></td> 8877<td> 8878<div class="tr2left-side"> 8879<div class="tr2col1"><a href="/david-yurman" style="color: #fff;" title="David Yurman">David Yurman »</a> <a href="/cartier-watches" style="color: #fff;" title="Cartier">Cartier »</a><a href="/verragio" style="color: #fff;" title="Verragio">Verragio »</a></div> 8880<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> 8881<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> 8882</div> 8883</td> 8884</tr> 8885</tbody> 8886</table> 8887</div> 8888</div> 8889<style> 8890 .ftbl{ 8891 color:#fff; 8892 font-family: 'ITC Avant Garde'; 8893 /*padding:0 3%;*/ 8894 padding-bottom:43px; 8895 } 8896 .tr1 td{ 8897 padding-bottom: 98px; 8898 } 8899 .tr3 { 8900 position: relative; 8901 display:none; 8902 } 8903 .tr3 td{ 8904 padding-top: 76px; 8905 padding-bottom: 43px; 8906 } 8907 .ftbl h5, 8908 .ftbl p{ 8909 margin:0; 8910 } 8911 .ftbl h5{ 8912 line-height: 25px; 8913 font-size: 28px; 8914 font-weight: 400; 8915 padding-bottom: 9px; 8916 } 8917 .ftbl .right-side p{ 8918 font-size: 14px; 8919 font-weight: 400; 8920 width: 235px; 8921 line-height: 18px; 8922 } 8923 .ftbl .left-side p{ 8924 font-size: 14px; 8925 font-weight: 400; 8926 line-height: 18px; 8927 } 8928 #fclm1img { 8929 width: 165px; 8930 height: 165px; 8931 background: #ccc; 8932 border-radius: 50%; 8933 display: flex; 8934 justify-content: center; 8935 align-items: center; 8936 overflow: hidden; 8937 } 8938 .td2{ 8939 width:100%; 8940 } 8941 .right-side{ 8942 display: flex; 8943 } 8944 .left-side{ 8945 display: flex; 8946 padding-bottom: 34px; 8947 justify-content: start; 8948 /* width: 380px; */ 8949 } 8950 8951 .right-side .col1{ 8952 padding-right: 34px; 8953 } 8954 .left-side .col1{ 8955 padding-right: 90px; 8956 } 8957 .right-side .col2{ 8958 width: 300px; 8959 display: flex; 8960 flex-direction: column; 8961 justify-content: start; 8962 padding-top: 30px; 8963 } 8964 .right-side .col2 h5{ 8965 text-transform: capitalize; 8966 white-space: nowrap; 8967 } 8968 .left-side h5{ 8969 font-size: 14px; 8970 font-weight: 700; 8971 padding-bottom: 15px; 8972 } 8973 .tr2right-side{ 8974 padding-right:10px ; 8975 } 8976 .tr2right-side input{ 8977 width: 595px; 8978 height: 51px; 8979 background: transparent !important; 8980 border:none; 8981 border-bottom: 1px solid #fff !important; 8982 color: #fff; 8983 width: 350px; 8984 border-radius: 0px !important; 8985 text-indent:0px; 8986 outline: none; 8987 } 8988 .tr2right-side input:focus{ 8989 border:none; 8990 border-bottom: 1px solid #fff !important; 8991 border-radius: 0px !important; 8992background: transparent;color: white !important; 8993 box-shadow: none !important; 8994 outline: none !important; 8995 } 8996 .tr2right-side input::placeholder { 8997 color: #fff; 8998 font-size: 14px; 8999 padding: 13px 19px 13px 0; 9000 } 9001 .tr2left-side{ 9002 display: flex; 9003 height: 120px; 9004 } 9005 .tr2col1,.tr2col2,.tr2col3{ 9006 display: flex; 9007 flex-direction: column; 9008 justify-content: space-around; 9009 min-width: 130px; 9010 box-sizing: content-box; 9011 } 9012 .tr2col2{ 9013 padding-left: 80px; 9014 padding-right: 80px; 9015 } 9016 .tr2col3{ 9017 height: auto; 9018 width: 200px; 9019 } 9020 .tr2left-side a{ 9021 color:#fff; 9022 text-decoration: none; 9023 } 9024 .tr2right-side-p2{ 9025 font-size: 14px; 9026 font-weight: 400; 9027 padding: 10px 0 20px 0; 9028 padding: 10px 0 0px 0; 9029 } 9030 9031 .tr3col1{ 9032 margin-right:33px; 9033 } 9034 .tr3col2{ 9035 display: flex; 9036 flex-direction: column; 9037 justify-content: end; 9038 } 9039 .tr3td3{ 9040 padding-top: 76px; 9041 display: flex; 9042 flex-direction: column; 9043 justify-content: end; 9044 align-items: end; 9045 position: absolute; 9046 bottom: 0; 9047 right: 0; 9048 } 9049 #tr3col1imbl{ 9050 max-width: 165px; 9051 display: flex; 9052 overflow: hidden; 9053 } 9054 #tr3col1imbl img{ 9055 object-fit: cover; 9056 } 9057 .tr3td3 a{ 9058 color: #fff; 9059 text-decoration: none; 9060 font-size: 14px; 9061 text-align: right; 9062 } 9063 .ftbl .tr3col2 p{ 9064 width:100%; 9065 } 9066 @media (max-width:1200px){ 9067 .tr2col2{ 9068 padding-left: 95px; 9069 padding-right: 95px; 9070 } 9071 .tr2col1, .tr2col2, .tr2col3{ 9072 min-width: auto; 9073 } 9074 .ftbl .tr3col2 p{ 9075 width:95%; 9076 } 9077 .left-side .col1{ 9078 padding-right: 60px; 9079 } 9080 .tr2right-side input{ 9081 width: 470px; 9082 width: 350px; 9083 } 9084 .tr2col3 { 9085 width: 140px; 9086 } 9087 .ftbl h5 { 9088 padding-bottom: 15px; 9089 } 9090 .right-side .col2 { 9091 padding-top: 15px; 9092 } 9093 } 9094@media(max-width:1200px) and (min-width:992px){ 9095footer .flex_cell.flex_cell_1.social_icons .flex_cell_content{ 9096 margin-right: 232px !important; 9097} 9098} 9099 </style> </div> 9100</div> 9101 9102<style> 9103 .footer_container_1>.flex_row_2>.flex_col_2>.flex_cell_1.custom_code { 9104 width:100%; } 9105 9106 .footer_container_1>.flex_row_2>.flex_col_2>.flex_cell_1.custom_code { 9107 } 9108 9109 .footer_container_1>.flex_row_2>.flex_col_2>.flex_cell_1.custom_code>.flex_cell_content { 9110 width: 100%; 9111 height: 100%; 9112 } 9113</style> 9114 </div> 9115 9116 <style> 9117 .footer_container_1 .flex_row_2 .flex_col_2 { 9118 width:96%; } 9119 </style> 9120 9121 9122 9123 <div class="flex_col flex_col_3"> 9124 9125 9126 </div> 9127 9128 <style> 9129 .footer_container_1 .flex_row_2 .flex_col_3 { 9130 width:2%; } 9131 </style> 9132 9133 9134 9135 </div> 9136 9137 9138 <style> 9139 .footer_container_1 .flex_row_2 { 9140 background-color: #122d57; 9141 color:#000000; height:auto; 9142 } 9143 </style> 9144 9145 9146 9147 9148 </div> 9149 <style> 9150 .footer_container .flex_row { 9151 display: flex; 9152 } 9153 .footer_container_1 { 9154 width:100%; 9155 max-width:100%; 9156 margin: 0 auto; 9157 } 9158 .footer_container .flex_row .flex_col{ 9159 display: flex; 9160 flex-wrap: wrap; 9161 box-sizing: border-box; 9162 align-content: baseline; 9163 } 9164 .footer_container .flex_row .flex_col .flex_cell{ 9165 height: fit-content; 9166 display: flex; 9167 } 9168 .footer_container .flex_row .flex_col .flex_cell a{ 9169 text-decoration: none; 9170 } 9171 .footer_container img { 9172 max-width: 100%; 9173 } 9174 </style> 9175 9176 9177</footer> 9178<footer class="appearance-tablet-view-template"> 9179 9180 9181 9182 <div class="footer_container footer_container_2"> 9183 9184 9185 9186 9187 <div class="flex_row flex_row_1"> 9188 9189 9190 <div class="flex_col flex_col_1"> 9191 9192 9193 </div> 9194 9195 <style> 9196 .footer_container_2 .flex_row_1 .flex_col_1 { 9197 } 9198 </style> 9199 9200 9201 9202 <div class="flex_col flex_col_2"> 9203 9204 9205 </div> 9206 9207 <style> 9208 .footer_container_2 .flex_row_1 .flex_col_2 { 9209 } 9210 </style> 9211 9212 9213 9214 <div class="flex_col flex_col_3"> 9215 9216 9217<div class="flex_cell flex_cell_1 social_icons"> 9218 <div class="flex_cell_content"> 9219 <a title="Facebook" class="" target="_blank" href="https://www.facebook.com/albertsjewelers" style="order: 1">
9220 <svg role="img" aria-label="Facebook" viewBox="0 0 320 512"><path class="path_class" d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z"/></svg> </a> 9221 9222 <a title="X" class="" target="_blank" href="https://twitter.com/AlbertsJewelers" style="order: 2"> 9223 <svg role="img" aria-label="X" width="1342" height="1342" viewBox="0 0 1342 1342" fill="none" xmlns="http://www.w3.org/2000/svg"><path class="path_class" fill-rule="evenodd" clip-rule="evenodd" d="M1341 670.962C1341 1040.97 1041.03 1340.92 671 1340.92C300.969 1340.92 1 1040.97 1 670.962C1 300.952 300.969 1 671 1C1041.03 1 1341 300.952 1341 670.962ZM578.531 710.981L258.279 282.805H505.104L715.056 563.509L974.896 282.805H1047.43L747.461 606.853L1085.74 1059.11H838.914L610.95 754.31L328.797 1059.11H256.261L578.531 710.981ZM478.337 336.226H364.946L865.668 1005.69H979.058L478.337 336.226Z" fill="black"/><path d="M258.279 282.805V282.305H257.281L257.879 283.105L258.279 282.805ZM578.531 710.981L578.898 711.32L579.181 711.015L578.931 710.681L578.531 710.981ZM505.104 282.805L505.505 282.506L505.355 282.305H505.104V282.805ZM715.056 563.509L714.656 563.809L715.015 564.289L715.423 563.849L715.056 563.509ZM974.896 282.805V282.305H974.678L974.529 282.466L974.896 282.805ZM1047.43 282.805L1047.8 283.145L1048.58 282.305H1047.43V282.805ZM747.461 606.853L747.094 606.513L746.811 606.819L747.061 607.152L747.461 606.853ZM1085.74 1059.11V1059.61H1086.74L1086.14 1058.81L1085.74 1059.11ZM838.914 1059.11L838.514 1059.41L838.664 1059.61H838.914V1059.11ZM610.95 754.31L611.351 754.011L610.991 753.53L610.583 753.971L610.95 754.31ZM328.797 1059.11V1059.61H329.015L329.163 1059.45L328.797 1059.11ZM256.261 1059.11L255.894 1058.77L255.116 1059.61H256.261V1059.11ZM364.946 336.226V335.726H363.948L364.546 336.526L364.946 336.226ZM478.337 336.226L478.737 335.927L478.587 335.726H478.337V336.226ZM865.668 1005.69L865.268 1005.99L865.418 1006.19H865.668V1005.69ZM979.058 1005.69V1006.19H980.057L979.459 1005.39L979.058 1005.69ZM671 1341.42C1041.31 1341.42 1341.5 1041.25 1341.5 670.962H1340.5C1340.5 1040.69 1040.75 1340.42 671 1340.42V1341.42ZM0.5 670.962C0.5 1041.25 300.693 1341.42 671 1341.42V1340.42C301.245 1340.42 1.5 1040.69 1.5 670.962H0.5ZM671 0.5C300.693 0.5 0.5 300.676 0.5 670.962H1.5C1.5 301.228 301.245 1.5 671 1.5V0.5ZM1341.5 670.962C1341.5 300.676 1041.31 0.5 671 0.5V1.5C1040.75 1.5 1340.5 301.228 1340.5 670.962H1341.5ZM257.879 283.105L578.131 711.28L578.931 710.681L258.679 282.506L257.879 283.105ZM505.104 282.305H258.279V283.305H505.104V282.305ZM715.456 563.21L505.505 282.506L504.704 283.105L714.656 563.809L715.456 563.21ZM974.529 282.466L714.689 563.17L715.423 563.849L975.263 283.145L974.529 282.466ZM1047.43 282.305H974.896V283.305H1047.43V282.305ZM747.828 607.192L1047.8 283.145L1047.07 282.466L747.094 606.513L747.828 607.192ZM1086.14 1058.81L747.862 606.553L747.061 607.152L1085.34 1059.41L1086.14 1058.81ZM838.914 1059.61H1085.74V1058.61H838.914V1059.61ZM610.55 754.61L838.514 1059.41L839.315 1058.81L611.351 754.011L610.55 754.61ZM329.163 1059.45L611.317 754.65L610.583 753.971L328.43 1058.77L329.163 1059.45ZM256.261 1059.61H328.797V1058.61H256.261V1059.61ZM578.164 710.641L255.894 1058.77L256.628 1059.45L578.898 711.32L578.164 710.641ZM364.946 336.726H478.337V335.726H364.946V336.726ZM866.068 1005.39L365.347 335.927L364.546 336.526L865.268 1005.99L866.068 1005.39ZM979.058 1005.19H865.668V1006.19H979.058V1005.19ZM477.936 336.526L978.658 1005.99L979.459 1005.39L478.737 335.927L477.936 336.526Z" fill="white"/></svg> </a> 9224 9225 <a title="Instagram" class="" target="_blank" href="https://www.instagram.com/albertsjewelers/" style="order: 3"> 9226 <svg role="img" aria-label="Instagram" viewBox="0 0 448 512"><path class="path_class" d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"/></svg> </a> 9227 9228 <a title="Youtube" class="" target="_blank" href="https://www.youtube.com/channel/UC
9228Q4ouMJM2mY7apgDZpzNWow" style="order: 4"> 9229 <svg role="img" aria-label="Youtube" viewBox="0 0 576 512"><path class="path_class" d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"/></svg> </a> 9230 9231 <a title="Pinterest" class="" target="_blank" href="https://www.pinterest.com/albertsjewelers/" style="order: 5"> 9232 <svg role="img" aria-label="Pinterest" viewBox="0 0 496 512"><path class="path_class" d="M496 256c0 137-111 248-248 248-25.6 0-50.2-3.9-73.4-11.1 10.1-16.5 25.2-43.5 30.8-65 3-11.6 15.4-59 15.4-59 8.1 15.4 31.7 28.5 56.8 28.5 74.8 0 128.7-68.8 128.7-154.3 0-81.9-66.9-143.2-152.9-143.2-107 0-163.9 71.8-163.9 150.1 0 36.4 19.4 81.7 50.3 96.1 4.7 2.2 7.2 1.2 8.3-3.3.8-3.4 5-20.3 6.9-28.1.6-2.5.3-4.7-1.7-7.1-10.1-12.5-18.3-35.3-18.3-56.6 0-54.7 41.4-107.6 112-107.6 60.9 0 103.6 41.5 103.6 100.9 0 67.1-33.9 113.6-78 113.6-24.3 0-42.6-20.1-36.7-44.8 7-29.5 20.5-61.3 20.5-82.6 0-19-10.2-34.9-31.4-34.9-24.9 0-44.9 25.7-44.9 60.2 0 22 7.4 36.8 7.4 36.8s-24.5 103.8-29 123.2c-5 21.4-3 51.6-.9 71.2C65.4 450.9 0 361.1 0 256 0 119 111 8 248 8s248 111 248 248z"/></svg> </a> 9233 9234 <a title="Yelp" class="" target="_blank" href="https://www.yelp.com/biz/alberts-diamond-jewelers-schererville-4" style="order: 6"> 9235 <svg role="img" aria-label="Yelp" viewBox="0 0 384 512"><path class="path_class" d="M42.9 240.32l99.62 48.61c19.2 9.4 16.2 37.51-4.5 42.71L30.5 358.45a22.79 22.79 0 0 1-28.21-19.6 197.16 197.16 0 0 1 9-85.32 22.8 22.8 0 0 1 31.61-13.21zm44 239.25a199.45 199.45 0 0 0 79.42 32.11A22.78 22.78 0 0 0 192.94 490l3.9-110.82c.7-21.3-25.5-31.91-39.81-16.1l-74.21 82.4a22.82 22.82 0 0 0 4.09 34.09zm145.34-109.92l58.81 94a22.93 22.93 0 0 0 34 5.5 198.36 198.36 0 0 0 52.71-67.61A23 23 0 0 0 364.17 370l-105.42-34.26c-20.31-6.5-37.81 15.8-26.51 33.91zm148.33-132.23a197.44 197.44 0 0 0-50.41-69.31 22.85 22.85 0 0 0-34 4.4l-62 91.92c-11.9 17.7 4.7 40.61 25.2 34.71L366 268.63a23 23 0 0 0 14.61-31.21zM62.11 30.18a22.86 22.86 0 0 0-9.9 32l104.12 180.44c11.7 20.2 42.61 11.9 42.61-11.4V22.88a22.67 22.67 0 0 0-24.5-22.8 320.37 320.37 0 0 0-112.33 30.1z"/></svg> </a> 9236 9237 9238 9239 9240 <a title="Tiktok" class="" target="_blank" href="https://www.tiktok.com/@albertsjewelers219" style="order: 9"> 9241 <svg class="path_class" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M448,209.91a210.06,210.06,0,0,1-122.77-39.25V349.38A162.55,162.55,0,1,1,185,188.31V278.2a74.62,74.62,0,1,0,52.23,71.18V0l88,0a121.18,121.18,0,0,0,1.86,22.17h0A122.18,122.18,0,0,0,381,102.39a121.43,121.43,0,0,0,67,20.14Z"/></svg> </a> 9242 9243 </div> 9244</div> 9245 9246<style> 9247 .footer_container_2>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons { 9248 width:100%; justify-content: flex-end; 9249 align-items:center; -webkit-align-items:center; } 9250 9251 .footer_container_2>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons { 9252 height:100%; } 9253 9254 .footer_container_2>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons>.flex_cell_content { 9255 display: flex; 9256 margin-top:50px; margin-bottom:0px; margin-left:px; margin-right:72px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 9257 9258 .footer_container_2>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons a { 9259 display: flex; 9260 align-items: center; 9261 color:#ffffff; font-weight:400; font-style:normal; margin-left: 6px; 9262 margin-right: 6px; 9263 font-size:17px;font-family:ITC Avant Garde; text-transform:none; } 9264 9265 .footer_container_2>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons a svg{ 9266 margin-right: 5px; 9267 width:16px; height:16px; } 9268 9269 .footer_container_2>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons a .path_class { 9270 fill: currentColor; 9271 } 9272 9273 9274 .footer_container_2>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons a:hover { 9275 color:#ffffff; } 9276</style> 9277 9278 </div> 9279 9280 <style> 9281 .footer_container_2 .flex_row_1 .flex_col_3 { 9282 width:98%; } 9283 </style> 9284 9285 9286 9287 <div class="flex_col flex_col_4"> 9288 9289 9290 </div> 9291 9292 <style> 9293 .footer_container_2 .flex_row_1 .flex_col_4 { 9294 width:2%; } 9295 </style> 9296 9297 9298 9299 </div> 9300 9301 9302 <style> 9303 .footer_container_2 .flex_row_1 { 9304 background-color: #122d57; 9305 color:#000000; height:auto; 9306 } 9307 </style> 9308 9309 9310 9311 9312 9313 9314 <div class="flex_row flex_row_2"> 9315 9316 9317 <div class="flex_col flex_col_1"> 9318 9319 9320 </div> 9321 9322 <style> 9323 .footer_container_2 .flex_row_2 .flex_col_1 { 9324 width:2%; } 9325 </style> 9326 9327 9328 9329 <div class="flex_col flex_col_2"> 9330 9331 <div class="flex_cell flex_cell_1 custom_code"> 9332 <div class="flex_cell_content"> 9333 <div style="padding-bottom: 63px;"> 9334<table border="0" class="ftbl"> 9335<tbody> 9336<tr class="tr1"> 9337<td class="td1"> 9338<div class="right-side"> 9339<div class="col1"> 9340<div id="fclm1img" style="width: 165px; h;height: 165px; ackground: #ccc; border-radius: 50%; display: flex; justify-content: center; align-items: center; overflow: hidden;"><img style="max-width: 100%; object-fit: cover; height: 100% !important;" alt="Albert's Jewelers Logo" title="Albert's Jewelers Storefront" width="500" height="500" src="/public/1.0/uploads/source/alberts-logo-footer-1.png" /></div> 9341</div> 9342<div class="col2"> 9343<h5 style="color: #fff; font-family: 'ITC Avant Garde';">Visit our showroom</h5> 9344<p>711 Main St. Schererville <br />Indiana 46375</p> 9345<a style="color: #fff; font-size: 14px;" href="https://www.google.com/maps/place/Albert's+Diamond+Jewelers/@41.5223006,-87.4714827,17z/data=!3m1!4b1!4m6!3m5!1s0x8811e13019bb206d:0xb4de08229baafd1d!8m2!3d41.5222966!4d-87.469294!16s%2Fg%2F1tk688rc" title="Get Directions">Get Directions</a></div> 9346</div> 9347</td> 9348<td class="td2"></td> 9349<td> 9350<div class="left-side"> 9351<div class="col1"> 9352<pre style="color: #fff; font-family: 'ITC Avant Garde';"><span style="font-size: 10pt;"><strong>Regular Hours<br /></strong></span></pre> 9353<p>Mon-Sat: 11am — 6pm</p> 9354<p>Sunday: Closed</p> 9355<p></p> 9356</div> 9357<div class="col2"> 9358<h5 style="font-family: 'ITC Avant Garde'; color: #fff;">Store Contacts</h5> 9359<a style="color: #fff; font-size: 14px; display: block; line-height: 18px;" href="tel:219-322-2700" title="phone">Call: 219-322-2700</a><a style="color: #fff; font-size: 14px; display: block; line-height: 18px;" href="sms:219-322-2700" title="sms">Text: 219-322-2700</a> <a style="color: #fff; font-size: 14px; display: block; line-height: 18px;" href="/cdn-cgi/l/email-protection#315c50435a5445585f5671505d53544345425b5446545d5443421f525e5c" title="mail"><span class="__cf_email__" data-cfemail="6805091a030d1c01060f2809040a0d1a1c1b020d1f0d040d1a1b460b0705">[email protected]</span></a></div> 9360</div> 9361</td> 9362</tr> 9363<tr class="tr2"> 9364<td> 9365<div class="tr2right-side"> 9366<p class="tr2right-side-p2">Receive email updates on stuff you’ll probably want to know about, including products, launches, and events. Unsubscribe anytime. Some exclusions apply.</p> 9367<a class="newsletter_btn" href="/newsletter-signup" title="Newsletter Signup" style="color: #ffffff; margin-top: 5px; font-weight: 400; font-style: normal; font-size: 14px; font-family: ITC Avant Garde; display: inline-flex; white-space: nowrap; align-items: center; padding: 10px 40px; justify-content: center; text-transform: none; border-radius: 0px; border: 1px solid #ffffff;"> Newsletter Signup <svg role="img" aria-label="Sign Up" version="1.1" id="Layer_1" x="0px" y="0px" width="38px" height="20px" viewbox="0 0 38 20" enable-background="new 0 0 38 20" xml:space="preserve" style="height: 16px; margin-left: 6px; fill: currentColor;"> <g> <path d="M37.6,14.35l-0.081-0.492L29.693,9.59l-1.213,1.232c-0.479,0.487-1.162,0.823-1.926,0.948
9368 c-0.762,0.123-1.516,0.021-2.125-0.289l-1.541-0.785l-6.068,6.533l0.081,0.49c0.087,0.537,0.636,0.896,1.225,0.8l18.564-3.023 9369 C37.278,15.4,37.687,14.886,37.6,14.35z"></path> <path d="M14.961,5.812l9.812,4.997c0.933,0.475,2.435,0.232,3.167-0.516l7.72-7.851L35.571,1.9 9370 c-0.087-0.537-0.637-0.896-1.227-0.8L15.782,4.124c-0.589,0.096-0.996,0.61-0.908,1.147L14.961,5.812z"></path> <polygon points="37.365,12.915 35.811,3.366 30.242,9.03 "></polygon> <polygon points="15.112,6.736 6.674,8.11 6.807,8.928 15.246,7.555 16.577,15.73 16.667,16.285 22.189,10.34 "></polygon> <rect x="8.114" y="9.012" transform="matrix(-0.1608 -0.987 0.987 -0.1608 -7.0682 28.3718)" width="0.829" height="16.357"></rect> <rect x="4.268" y="12.036" transform="matrix(0.987 -0.1607 0.1607 0.987 -1.8696 1.7878)" width="11.697" height="0.83"></rect> </g> </svg> </a></div> 9371</td> 9372<td></td> 9373<td class="td3"> 9374<div class="tr2left-side"> 9375<div class="tr2col1"><a href="/david-yurman" style="color: #fff;" title="David Yurman"> David Yurman »</a> <a href="/cartier-watches" style="color: #fff;" title="Cartier">Cartier »</a> <a href="/verragio" style="color: #fff;" title="Verragio">Verragio »</a></div> 9376<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> 9377<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> 9378</div> 9379</td> 9380</tr> 9381</tbody> 9382</table> 9383</div> 9384<style> 9385 @media (max-width:991.9px){ 9386 .footer_container .flex_row .flex_col .flex_cell a{ 9387 font-size: 14px; 9388 } 9389 .ftbl{ 9390 color:#fff; 9391 font-family: 'ITC Avant Garde'; 9392 /*padding: 0 25px;*/ 9393 padding-bottom:43px; 9394 } 9395 .tr1 td{ 9396 padding-bottom: 98px; 9397 padding-top: 43px; 9398 } 9399 .tr3 { 9400 position: relative; 9401 } 9402 .tr3 td{ 9403 padding-top: 76px; 9404 padding-bottom: 43px; 9405 } 9406 .ftbl h5, 9407 .ftbl p{ 9408 margin:0; 9409 } 9410 .ftbl h5{ 9411 line-height: 25px; 9412 font-size: 28px; 9413 font-weight: 400; 9414 padding-bottom: 19px; 9415 } 9416 .ftbl .right-side p{ 9417 font-size: 14px; 9418 font-weight: 400; 9419 width: 235px; 9420 line-height: 18px; 9421 } 9422 .ftbl .left-side p{ 9423 font-size: 14px; 9424 font-weight: 400; 9425 line-height: 18px; 9426 } 9427 #fclm1img { 9428 width: 165px; 9429 height: 165px; 9430 background: #ccc; 9431 border-radius: 50%; 9432 display: flex; 9433 justify-content: center; 9434 align-items: center; 9435 overflow: hidden; 9436 } 9437 .td1{ 9438 padding-top: 0; 9439 display: flex; 9440 } 9441 .td2{ 9442 width:100%; 9443 } 9444 .right-side{ 9445 display: flex; 9446 } 9447 .left-side { 9448 display: flex; 9449 padding-bottom: 34px; 9450 flex-direction: column; 9451 justify-content: end; 9452 } 9453 .left-side .col1, 9454 .right-side .col1{ 9455 padding-right: 34px; 9456 } 9457 .left-side .col1{ 9458 padding-bottom: 20px; 9459 padding-top: 26px; 9460 } 9461 .right-side .col2{ 9462 width: 100%; 9463 display: flex; 9464 flex-direction: column; 9465 justify-content: start; 9466 padding-top: 30px; 9467 } 9468 .left-side h5{ 9469 font-size: 14px; 9470 font-weight: 700; 9471 padding-bottom: 15px; 9472 } 9473 .right-side h5{ 9474 white-space: nowrap; 9475 } 9476 .tr2right-side{ 9477 padding-right:10px ; 9478 } 9479 .tr2right-side input{ 9480 width: 595px; 9481 width: 470px; 9482 width:100%; 9483 width: 350px; 9484 9485 height: 51px; 9486 background: transparent !important; 9487 border:none; 9488 border-bottom: 1px solid #fff !important; 9489 color: #fff; 9490 border-radius: 0px !important; 9491 outline: none; 9492padding-left: 0 !important; 9493text-indent:0px; 9494 } 9495 .tr2right-side input::placeholder { 9496 color: #fff; 9497 font-size: 16px; 9498 padding: 13px 19px 13px 0; 9499 } 9500.tr2right-side input:focus{ 9501 border:none; 9502 border-bottom: 1px solid #fff !important; 9503 border-radius: 0px !important; 9504background: transparent;color: white !important; 9505 box-shadow: none !important; 9506 outline: none !important; 9507 } 9508 .tr2left-side{ 9509 display: flex; 9510 height: 106px; 9511 } 9512 .tr2col1,.tr2col2,.tr2col3{ 9513 display: flex; 9514 flex-direction: column; 9515 justify-content: space-between; 9516 } 9517 .tr2 .td3{ 9518 display:flex; 9519 } 9520 .tr2col2 { 9521 padding-left: 46px; 9522 padding-right: 31px; 9523 } 9524 .tr2col3{ 9525 width: 107px; 9526 } 9527 .tr2left-side a{ 9528 color:#fff; 9529 text-decoration: none; 9530 } 9531 .tr2right-side-p2{ 9532 font-size: 14px; 9533 font-weight: 400; 9534 padding: 10px 0 20px 0; 9535 padding: 10px 0 0px 0; 9536 } 9537 9538 .tr3col1{ 9539 margin-right:33px; 9540 } 9541 .tr3col2{ 9542 display: flex; 9543 flex-direction: column; 9544 justify-content: end; 9545 } 9546 .tr3td3{ 9547 padding-top: 76px; 9548 display: flex; 9549 flex-direction: column; 9550 justify-content: end; 9551 align-items: end; 9552 position: absolute; 9553 bottom: 0; 9554 right: 0; 9555 } 9556 #tr3col1imbl{ 9557 max-width: 165px; 9558 display: flex; 9559 overflow: hidden; 9560 } 9561 #tr3col1imbl img{ 9562 object-fit: cover; 9563 } 9564 .tr3td3 a{ 9565 color: #fff; 9566 text-decoration: none; 9567 font-size: 14px; 9568 text-align: right; 9569 } 9570 .ftbl .tr3col2 p{ 9571 width:100%; 9572 }} 9573 @media (max-width: 870px) { 9574 .right-side .col2 h5 { 9575 white-space: wrap; 9576 } 9577 .ftbl .right-side p { 9578 width: 100%; 9579 white-space: wrap; 9580 } 9581 } 9582 </style> </div> 9583</div> 9584 9585<style> 9586 .footer_container_2>.flex_row_2>.flex_col_2>.flex_cell_1.custom_code { 9587 width:100%; } 9588 9589 .footer_container_2>.flex_row_2>.flex_col_2>.flex_cell_1.custom_code { 9590 } 9591 9592 .footer_container_2>.flex_row_2>.flex_col_2>.flex_cell_1.custom_code>.flex_cell_content { 9593 width: 100%; 9594 height: 100%; 9595 } 9596</style> 9597 </div> 9598 9599 <style> 9600 .footer_container_2 .flex_row_2 .flex_col_2 { 9601 width:96%; } 9602 </style> 9603 9604 9605 9606 <div class="flex_col flex_col_3"> 9607 9608 9609 </div> 9610 9611 <style> 9612 .footer_container_2 .flex_row_2 .flex_col_3 { 9613 width:2%; } 9614 </style> 9615 9616 9617 9618 </div> 9619 9620 9621 <style> 9622 .footer_container_2 .flex_row_2 { 9623 background-color: #122d57; 9624 color:#000000; height:auto; 9625 } 9626 </style> 9627 9628 9629 9630 9631 </div> 9632 <style> 9633 .footer_container .flex_row { 9634 display: flex; 9635 } 9636 .footer_container_2 { 9637 width:100%; 9638 max-width:100%; 9639 margin: 0 auto; 9640 } 9641 .footer_container .flex_row .flex_col{ 9642 display: flex; 9643 flex-wrap: wrap; 9644 box-sizing: border-box; 9645 align-content: baseline; 9646 } 9647 .footer_container .flex_row .flex_col .flex_cell{ 9648 height: fit-content; 9649 display: flex; 9650 } 9651 .footer_container .flex_row .flex_col .flex_cell a{ 9652 text-decoration: none; 9653 } 9654 .footer_container img { 9655 max-width: 100%; 9656 } 9657 </style> 9658 9659 9660</footer> 9661<footer class="appearance-mobile-view-template"> 9662 9663 9664 9665 <div class="footer_container footer_container_3"> 9666 9667 9668 9669 9670 <div class="flex_row flex_row_1"> 9671 9672 9673 <div class="flex_col flex_col_1"> 9674 9675 9676 </div> 9677 9678 <style> 9679 .footer_container_3 .flex_row_1 .flex_col_1 { 9680 width:5%; } 9681 </style> 9682 9683 9684 9685 <div class="flex_col flex_col_2"> 9686 9687 9688<div class="flex_cell flex_cell_1 social_icons"> 9689 <div class="flex_cell_content"> 9690 <a title="Facebook" class="" target="_blank" href="https://www.facebook.com/albertsjewelers" style="order: 1">
9691 <svg role="img" aria-label="Facebook" viewBox="0 0 320 512"><path class="path_class" d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z"/></svg> </a> 9692 9693 <a title="X" class="" target="_blank" href="https://twitter.com/AlbertsJewelers" style="order: 2"> 9694 <svg role="img" aria-label="X" width="1342" height="1342" viewBox="0 0 1342 1342" fill="none" xmlns="http://www.w3.org/2000/svg"><path class="path_class" fill-rule="evenodd" clip-rule="evenodd" d="M1341 670.962C1341 1040.97 1041.03 1340.92 671 1340.92C300.969 1340.92 1 1040.97 1 670.962C1 300.952 300.969 1 671 1C1041.03 1 1341 300.952 1341 670.962ZM578.531 710.981L258.279 282.805H505.104L715.056 563.509L974.896 282.805H1047.43L747.461 606.853L1085.74 1059.11H838.914L610.95 754.31L328.797 1059.11H256.261L578.531 710.981ZM478.337 336.226H364.946L865.668 1005.69H979.058L478.337 336.226Z" fill="black"/><path d="M258.279 282.805V282.305H257.281L257.879 283.105L258.279 282.805ZM578.531 710.981L578.898 711.32L579.181 711.015L578.931 710.681L578.531 710.981ZM505.104 282.805L505.505 282.506L505.355 282.305H505.104V282.805ZM715.056 563.509L714.656 563.809L715.015 564.289L715.423 563.849L715.056 563.509ZM974.896 282.805V282.305H974.678L974.529 282.466L974.896 282.805ZM1047.43 282.805L1047.8 283.145L1048.58 282.305H1047.43V282.805ZM747.461 606.853L747.094 606.513L746.811 606.819L747.061 607.152L747.461 606.853ZM1085.74 1059.11V1059.61H1086.74L1086.14 1058.81L1085.74 1059.11ZM838.914 1059.11L838.514 1059.41L838.664 1059.61H838.914V1059.11ZM610.95 754.31L611.351 754.011L610.991 753.53L610.583 753.971L610.95 754.31ZM328.797 1059.11V1059.61H329.015L329.163 1059.45L328.797 1059.11ZM256.261 1059.11L255.894 1058.77L255.116 1059.61H256.261V1059.11ZM364.946 336.226V335.726H363.948L364.546 336.526L364.946 336.226ZM478.337 336.226L478.737 335.927L478.587 335.726H478.337V336.226ZM865.668 1005.69L865.268 1005.99L865.418 1006.19H865.668V1005.69ZM979.058 1005.69V1006.19H980.057L979.459 1005.39L979.058 1005.69ZM671 1341.42C1041.31 1341.42 1341.5 1041.25 1341.5 670.962H1340.5C1340.5 1040.69 1040.75 1340.42 671 1340.42V1341.42ZM0.5 670.962C0.5 1041.25 300.693 1341.42 671 1341.42V1340.42C301.245 1340.42 1.5 1040.69 1.5 670.962H0.5ZM671 0.5C300.693 0.5 0.5 300.676 0.5 670.962H1.5C1.5 301.228 301.245 1.5 671 1.5V0.5ZM1341.5 670.962C1341.5 300.676 1041.31 0.5 671 0.5V1.5C1040.75 1.5 1340.5 301.228 1340.5 670.962H1341.5ZM257.879 283.105L578.131 711.28L578.931 710.681L258.679 282.506L257.879 283.105ZM505.104 282.305H258.279V283.305H505.104V282.305ZM715.456 563.21L505.505 282.506L504.704 283.105L714.656 563.809L715.456 563.21ZM974.529 282.466L714.689 563.17L715.423 563.849L975.263 283.145L974.529 282.466ZM1047.43 282.305H974.896V283.305H1047.43V282.305ZM747.828 607.192L1047.8 283.145L1047.07 282.466L747.094 606.513L747.828 607.192ZM1086.14 1058.81L747.862 606.553L747.061 607.152L1085.34 1059.41L1086.14 1058.81ZM838.914 1059.61H1085.74V1058.61H838.914V1059.61ZM610.55 754.61L838.514 1059.41L839.315 1058.81L611.351 754.011L610.55 754.61ZM329.163 1059.45L611.317 754.65L610.583 753.971L328.43 1058.77L329.163 1059.45ZM256.261 1059.61H328.797V1058.61H256.261V1059.61ZM578.164 710.641L255.894 1058.77L256.628 1059.45L578.898 711.32L578.164 710.641ZM364.946 336.726H478.337V335.726H364.946V336.726ZM866.068 1005.39L365.347 335.927L364.546 336.526L865.268 1005.99L866.068 1005.39ZM979.058 1005.19H865.668V1006.19H979.058V1005.19ZM477.936 336.526L978.658 1005.99L979.459 1005.39L478.737 335.927L477.936 336.526Z" fill="white"/></svg> </a> 9695 9696 <a title="Instagram" class="" target="_blank" href="https://www.instagram.com/albertsjewelers/" style="order: 3"> 9697 <svg role="img" aria-label="Instagram" viewBox="0 0 448 512"><path class="path_class" d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"/></svg> </a> 9698 9699 <a title="Youtube" class="" target="_blank" href="https://www.youtube.com/channel/UC
9699Q4ouMJM2mY7apgDZpzNWow" style="order: 4"> 9700 <svg role="img" aria-label="Youtube" viewBox="0 0 576 512"><path class="path_class" d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"/></svg> </a> 9701 9702 <a title="Pinterest" class="" target="_blank" href="https://www.pinterest.com/albertsjewelers/" style="order: 5"> 9703 <svg role="img" aria-label="Pinterest" viewBox="0 0 496 512"><path class="path_class" d="M496 256c0 137-111 248-248 248-25.6 0-50.2-3.9-73.4-11.1 10.1-16.5 25.2-43.5 30.8-65 3-11.6 15.4-59 15.4-59 8.1 15.4 31.7 28.5 56.8 28.5 74.8 0 128.7-68.8 128.7-154.3 0-81.9-66.9-143.2-152.9-143.2-107 0-163.9 71.8-163.9 150.1 0 36.4 19.4 81.7 50.3 96.1 4.7 2.2 7.2 1.2 8.3-3.3.8-3.4 5-20.3 6.9-28.1.6-2.5.3-4.7-1.7-7.1-10.1-12.5-18.3-35.3-18.3-56.6 0-54.7 41.4-107.6 112-107.6 60.9 0 103.6 41.5 103.6 100.9 0 67.1-33.9 113.6-78 113.6-24.3 0-42.6-20.1-36.7-44.8 7-29.5 20.5-61.3 20.5-82.6 0-19-10.2-34.9-31.4-34.9-24.9 0-44.9 25.7-44.9 60.2 0 22 7.4 36.8 7.4 36.8s-24.5 103.8-29 123.2c-5 21.4-3 51.6-.9 71.2C65.4 450.9 0 361.1 0 256 0 119 111 8 248 8s248 111 248 248z"/></svg> </a> 9704 9705 <a title="Yelp" class="" target="_blank" href="https://www.yelp.com/biz/alberts-diamond-jewelers-schererville-4" style="order: 6"> 9706 <svg role="img" aria-label="Yelp" viewBox="0 0 384 512"><path class="path_class" d="M42.9 240.32l99.62 48.61c19.2 9.4 16.2 37.51-4.5 42.71L30.5 358.45a22.79 22.79 0 0 1-28.21-19.6 197.16 197.16 0 0 1 9-85.32 22.8 22.8 0 0 1 31.61-13.21zm44 239.25a199.45 199.45 0 0 0 79.42 32.11A22.78 22.78 0 0 0 192.94 490l3.9-110.82c.7-21.3-25.5-31.91-39.81-16.1l-74.21 82.4a22.82 22.82 0 0 0 4.09 34.09zm145.34-109.92l58.81 94a22.93 22.93 0 0 0 34 5.5 198.36 198.36 0 0 0 52.71-67.61A23 23 0 0 0 364.17 370l-105.42-34.26c-20.31-6.5-37.81 15.8-26.51 33.91zm148.33-132.23a197.44 197.44 0 0 0-50.41-69.31 22.85 22.85 0 0 0-34 4.4l-62 91.92c-11.9 17.7 4.7 40.61 25.2 34.71L366 268.63a23 23 0 0 0 14.61-31.21zM62.11 30.18a22.86 22.86 0 0 0-9.9 32l104.12 180.44c11.7 20.2 42.61 11.9 42.61-11.4V22.88a22.67 22.67 0 0 0-24.5-22.8 320.37 320.37 0 0 0-112.33 30.1z"/></svg> </a> 9707 9708 9709 9710 9711 <a title="Tiktok" class="" target="_blank" href="https://www.tiktok.com/@albertsjewelers219" style="order: 9"> 9712 <svg class="path_class" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M448,209.91a210.06,210.06,0,0,1-122.77-39.25V349.38A162.55,162.55,0,1,1,185,188.31V278.2a74.62,74.62,0,1,0,52.23,71.18V0l88,0a121.18,121.18,0,0,0,1.86,22.17h0A122.18,122.18,0,0,0,381,102.39a121.43,121.43,0,0,0,67,20.14Z"/></svg> </a> 9713 9714 </div> 9715</div> 9716 9717<style> 9718 .footer_container_3>.flex_row_1>.flex_col_2>.flex_cell_1.social_icons { 9719 width:100%; justify-content: center; 9720 align-items:center; -webkit-align-items:center; } 9721 9722 .footer_container_3>.flex_row_1>.flex_col_2>.flex_cell_1.social_icons { 9723 height:100%; } 9724 9725 .footer_container_3>.flex_row_1>.flex_col_2>.flex_cell_1.social_icons>.flex_cell_content { 9726 display: flex; 9727 margin-top:25px; margin-bottom:25px; margin-left:px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 9728 9729 .footer_container_3>.flex_row_1>.flex_col_2>.flex_cell_1.social_icons a { 9730 display: flex; 9731 align-items: center; 9732 color:#ffffff; font-weight:400; font-style:normal; margin-left: 6px; 9733 margin-right: 6px; 9734 font-size:16px;font-family:ITC Avant Garde; text-transform:none; } 9735 9736 .footer_container_3>.flex_row_1>.flex_col_2>.flex_cell_1.social_icons a svg{ 9737 margin-right: 5px; 9738 width:15px; height:15px; } 9739 9740 .footer_container_3>.flex_row_1>.flex_col_2>.flex_cell_1.social_icons a .path_class { 9741 fill: currentColor; 9742 } 9743 9744 9745 .footer_container_3>.flex_row_1>.flex_col_2>.flex_cell_1.social_icons a:hover { 9746 color:#ffffff; } 9747</style> 9748 9749 </div> 9750 9751 <style> 9752 .footer_container_3 .flex_row_1 .flex_col_2 { 9753 width:90%; } 9754 </style> 9755 9756 9757 9758 <div class="flex_col flex_col_3"> 9759 9760 9761 </div> 9762 9763 <style> 9764 .footer_container_3 .flex_row_1 .flex_col_3 { 9765 width:5%; } 9766 </style> 9767 9768 9769 9770 </div> 9771 9772 9773 <style> 9774 .footer_container_3 .flex_row_1 { 9775 background-color: #122d57; 9776 color:#000000; height:50; 9777 } 9778 </style> 9779 9780 9781 9782 9783 9784 9785 <div class="flex_row flex_row_2"> 9786 9787 9788 <div class="flex_col flex_col_1"> 9789 9790 9791 </div> 9792 9793 <style> 9794 .footer_container_3 .flex_row_2 .flex_col_1 { 9795 width:5%; } 9796 </style> 9797 9798 9799 9800 <div class="flex_col flex_col_2"> 9801 9802 <div class="flex_cell flex_cell_1 custom_code"> 9803 <div class="flex_cell_content"> 9804 <div> 9805<table border="0" class="ftbl"> 9806<tbody> 9807<tr class="tr1"> 9808<td class="td1"> 9809<div class="right-side"> 9810<div class="col1"> 9811<div id="fclm1img"><img alt="Albert's Logo" title="Albert's Logo" src="/public/1.0/uploads/source/alberts-logo-footer-1.png" width="200" height="200" style="max-width: 100%; object-fit: cover; height: 100% !important;" /></div> 9812</div> 9813<div class="col2"> 9814<h5 style="color: #fff; font-family: 'ITC Avant Garde';">Visit our showroom</h5> 9815<p>711 Main St. Schererville, Indiana 46375</p> 9816<p><a style="color: #fff; font-size: 14px;" href="https://www.google.com/maps/place/Albert's+Diamond+Jewelers/@41.5223006,-87.4714827,17z/data=!3m1!4b1!4m6!3m5!1s0x8811e13019bb206d:0xb4de08229baafd1d!8m2!3d41.5222966!4d-87.469294!16s%2Fg%2F1tk688rc" title="Get Directions">Get Directions</a></p> 9817</div> 9818</div> 9819</td> 9820<td class="td2"> 9821<div class="left-side"> 9822<div class="col1"><span style="font-size: 10pt;"><strong>Regular Hours<br /><br /></strong></span> 9823<p>Mon-Sat: 11am â 6pm</p> 9824<p>Sunday: Closed</p> 9825<p></p> 9826</div> 9827<div class="col2"> 9828<h5 style="font-family: 'ITC Avant Garde'; color: #fff;">Store Contacts</h5> 9829<a style="color: #fff; font-size: 14px; display: block; line-height: 18px;" href="tel:219-322-2700" title="phone">Call: 219-322-2700</a><a style="color: #fff; font-size: 14px; display: block; line-height: 18px;" href="sms:219-322-2700" title="sms">Text: 219-322-2700</a> <a style="color: #fff; font-size: 14px; display: block; line-height: 18px;" href="/cdn-cgi/l/email-protection#452824372e20312c2b2205242927203731362f203220292037366b262a28" title="mail"><span class="__cf_email__" data-cfemail="543935263f31203d3a3314353836312620273e312331383126277a373b39">[email protected]</span></a></div> 9830</div> 9831</td> 9832</tr> 9833<tr class="tr2" style="padding-bottom: 53px;"> 9834<td> 9835<div class="tr2right-side"> 9836<p class="tr2right-side-p2">Receive email updates on stuff youâll probably want to know about, including products, launches, and events. Unsubscribe anytime. Some exclusions apply.</p> 9837<a class="newsletter_btn" href="/newsletter-signup" title="Newsletter Signup" style="color: #ffffff; margin-top: 5px; font-weight: 400; font-style: normal; font-size: 14px; font-family: ITC Avant Garde; display: inline-flex; white-space: nowrap; align-items: center; padding: 10px 40px; justify-content: center; text-transform: none; border-radius: 0px; border: 1px solid #ffffff;"> Newsletter Signup <svg role="img" aria-label="Sign Up" version="1.1" id="Layer_1" x="0px" y="0px" width="38px" height="20px" viewbox="0 0 38 20" enable-background="new 0 0 38 20" xml:space="preserve" style="height: 16px; margin-left: 6px; fill: currentColor;"> <g> <path d="M37.6,14.35l-0.081-0.492L29.693,9.59l-1.213,1.232c-0.479,0.487-1.162,0.823-1.926,0.948
9838 c-0.762,0.123-1.516,0.021-2.125-0.289l-1.541-0.785l-6.068,6.533l0.081,0.49c0.087,0.537,0.636,0.896,1.225,0.8l18.564-3.023 9839 C37.278,15.4,37.687,14.886,37.6,14.35z"></path> <path d="M14.961,5.812l9.812,4.997c0.933,0.475,2.435,0.232,3.167-0.516l7.72-7.851L35.571,1.9 9840 c-0.087-0.537-0.637-0.896-1.227-0.8L15.782,4.124c-0.589,0.096-0.996,0.61-0.908,1.147L14.961,5.812z"></path> <polygon points="37.365,12.915 35.811,3.366 30.242,9.03 "></polygon> <polygon points="15.112,6.736 6.674,8.11 6.807,8.928 15.246,7.555 16.577,15.73 16.667,16.285 22.189,10.34 "></polygon> <rect x="8.114" y="9.012" transform="matrix(-0.1608 -0.987 0.987 -0.1608 -7.0682 28.3718)" width="0.829" height="16.357"></rect> <rect x="4.268" y="12.036" transform="matrix(0.987 -0.1607 0.1607 0.987 -1.8696 1.7878)" width="11.697" height="0.83"></rect> </g> </svg> </a></div> 9841</td> 9842<td class="td3"> 9843<div class="tr2left-side"> 9844<div class="tr2col1" style="width: 100%;"><a href="/david-yurman" style="color: #fff;" title="David Yurman">David Yurman</a> <a href="/cartier-watches" style="color: #fff;" title="Cartier">Cartier </a> <a href="/verragio" style="color: #fff;" title="Verragio">Verragio </a></div> 9845<div class="tr2col2" style="width: 100%;"><a href="/roberto-coin" style="color: #fff;" title="Roberto Coin">Roberto Coin </a> <a href="/privacy-policy" style="color: #fff;" title="Privacy Policy">Privacy Policy</a><a href="/cookie-policy" style="color: #fff;" title="Cookie Policy">Cookie Policy </a></div> 9846<div class="tr2col3" style="width: 100%;"><a href="/return-policy" style="color: #fff;" title="Return Policy">Return Policy </a> <a href="/mobile-terms-of-service" style="color: #fff;" title="Mobile Terms of Service">Mobile Terms of Service</a><a style="color: #fff;"></a></div> 9847</div> 9848</td> 9849</tr> 9850</tbody> 9851</table> 9852</div> 9853<style> 9854@media (max-width:767.9px){ 9855 .ftbl{ 9856 color:#fff; 9857 font-family: 'ITC Avant Garde'; 9858 /*padding: 0 25px;*/ 9859padding-bottom:42px; 9860 } 9861.tr1{ 9862display: flex; 9863 flex-direction: column; 9864} 9865 .tr1 .left-side{ 9866 flex-direction: row; 9867 justify-content: flex-start; 9868padding-bottom: 0px; 9869} 9870 .tr1 .left-side .col1{ 9871 padding-top: 0px; 9872} 9873 .tr1 td{ 9874 padding-bottom: 98px; 9875 padding-top: 43px; 9876 } 9877.tr1 .td1{ 9878 padding-top: 42px; 9879 padding-bottom: 50px; 9880} 9881.tr1 .td2{ 9882padding-top: 0; 9883padding-bottom: 60px; 9884} 9885.tr3 { 9886 position: relative; 9887} 9888 .tr3 td{ 9889 padding-top: 76px; 9890padding-bottom: 43px; 9891 } 9892.tr3 .td3{ 9893padding-top: 65px; 9894 display: flex; 9895} 9896.tr3 . right-side{ 9897flex-direction: column; 9898} 9899.tr3col1{ 9900margin-right: 0; 9901 padding-bottom: 19.52px; 9902} 9903 .ftbl h5, 9904 .ftbl p{ 9905 margin:0; 9906 } 9907 .ftbl h5{ 9908 line-height: 25px; 9909 font-size: 27px; 9910 font-weight: 400; 9911 padding-bottom: 19px; 9912 } 9913 .ftbl .right-side p{ 9914 font-size: 14px; 9915 font-weight: 400; 9916 width: 235px; 9917 line-height: 18px; 9918 } 9919 .ftbl .left-side p{ 9920 font-size: 14px; 9921 font-weight: 400; 9922 line-height: 18px; 9923 } 9924 #fclm1img { 9925 width: 117px; 9926 height: 117px; 9927 background: #ccc; 9928 border-radius: 50%; 9929 display: flex; 9930 justify-content: center; 9931 align-items: center; 9932 overflow: hidden; 9933} 9934.td1{ 9935 padding-top: 0; 9936 display: flex; 9937} 9938.td2{ 9939 width:100%; 9940} 9941.right-side{ 9942 display: flex; 9943} 9944.left-side { 9945 display: flex; 9946 padding-bottom: 34px; 9947 flex-direction: column; 9948 justify-content: end; 9949} 9950.td1 .left-side{ 9951flex-direction: row; 9952 justify-content: normal; 9953 padding-bottom: 0; 9954} 9955.td1 .col1{ 9956padding-top: 0; 9957} 9958.tr1 .col1 p, 9959.tr1 .col2 p{ 9960 white-space: nowrap; 9961} 9962.left-side .col1, 9963.right-side .col1{ 9964 padding-right: 34px; 9965} 9966.left-side .col1{ 9967padding-bottom: 20px; 9968 padding-top: 26px; 9969} 9970.right-side .col2{ 9971 width: 100%; 9972 display: flex; 9973 flex-direction: column; 9974 justify-content: start; 9975 padding-top: 30px; 9976} 9977.left-side h5{ 9978 font-size: 14px; 9979 font-weight: 700; 9980 padding-bottom: 15px; 9981} 9982.right-side h5{ 9983white-space: nowrap; 9984} 9985.tr2{ 9986 display: flex; 9987 flex-direction: column; 9988} 9989.tr2right-side{ 9990 padding-bottom: 60px; 9991 padding-right: 0; 9992} 9993.tr2right-side input{ 9994 width: 595px; 9995width: 470px; 9996width:100%; 9997max-width:350px; 9998 height: 51px; 9999 background: transparent !important; 10000border:none; 10001border-bottom: 1px solid #fff !important; 10002 color: #fff; 10003 border-radius: 0px !important; 10004outline: none; 10005padding-left: 0 !important; 10006 text-indent:0px; 10007} 10008.tr2right-side input::placeholder { 10009 color: #fff; 10010 font-size: 14px; 10011 padding: 13px 19px 13px 0; 10012} 10013.tr2left-side{ 10014 display: flex; 10015 height: 106px; 10016} 10017.tr2col1,.tr2col2,.tr2col3{ 10018 display: flex; 10019 flex-direction: column; 10020 justify-content: space-between; 10021} 10022.tr2 .td3{ 10023display:flex; 10024} 10025.tr2col2 { 10026 padding-left: 60px; 10027 padding-right: 60px; 10028} 10029.tr2left-side a{ 10030 color:#fff; 10031 text-decoration: none; 10032} 10033.tr2right-side-p2{ 10034 font-size: 14px; 10035 font-weight: 400; 10036 padding: 10px 0 40px 0; 10037padding: 10px 0 0px 0; 10038} 10039 10040.tr3col1{ 10041 margin-right:33px; 10042} 10043.tr3col2{ 10044 display: flex; 10045 flex-direction: column; 10046 justify-content: end; 10047} 10048.tr3td3{ 10049 padding-top: 76px; 10050 display: flex; 10051 flex-direction: column; 10052 justify-content: end;
10053 align-items: end; 10054 position: absolute; 10055 bottom: 0; 10056 right: 0; 10057} 10058#tr3col1imbl{ 10059 max-width: 165px; 10060 display: flex; 10061 overflow: hidden; 10062} 10063#tr3col1imbl img{ 10064 object-fit: cover; 10065} 10066.tr3td3 a{ 10067 color: #fff; 10068 text-decoration: none; 10069 font-size: 14px; 10070 text-align: right; 10071} 10072.ftbl .tr3col2 p{ 10073 width:100%; 10074} 10075.tr3col2p1{ 10076line-height: 14px; 10077 padding-bottom: 10px; 10078} 10079.tr3right-side .right-side{ 10080 flex-direction: column; 10081} 10082} 10083@media (max-width: 840px) { 10084 .right-side h5 { 10085 white-space: wrap; 10086 } 10087 .ftbl .right-side p { 10088 width: 100%; 10089white-space: wrap; 10090 } 10091} 10092@media (max-width:432px){ 10093.right-side{ 10094flex-direction: column; 10095} 10096.tr1 .left-side{ 10097flex-direction: column; 10098} 10099.tr2left-side{ 10100flex-direction: column; 10101 height: auto; 10102} 10103 .tr2col2{ 10104padding: 20px 0; 10105} 10106} 10107</style> </div> 10108</div> 10109 10110<style> 10111 .footer_container_3>.flex_row_2>.flex_col_2>.flex_cell_1.custom_code { 10112 width:100%; } 10113 10114 .footer_container_3>.flex_row_2>.flex_col_2>.flex_cell_1.custom_code { 10115 } 10116 10117 .footer_container_3>.flex_row_2>.flex_col_2>.flex_cell_1.custom_code>.flex_cell_content { 10118 width: 100%; 10119 height: 100%; 10120 } 10121</style> 10122 </div> 10123 10124 <style> 10125 .footer_container_3 .flex_row_2 .flex_col_2 { 10126 width:90%; } 10127 </style> 10128 10129 10130 10131 <div class="flex_col flex_col_3"> 10132 10133 10134 </div> 10135 10136 <style> 10137 .footer_container_3 .flex_row_2 .flex_col_3 { 10138 width:5%; } 10139 </style> 10140 10141 10142 10143 </div> 10144 10145 10146 <style> 10147 .footer_container_3 .flex_row_2 { 10148 background-color: #122d57; 10149 color:#000000; height:auto; 10150 } 10151 </style> 10152 10153 10154 10155 10156 </div> 10157 <style> 10158 .footer_container .flex_row { 10159 display: flex; 10160 } 10161 .footer_container_3 { 10162 width:100%; 10163 max-width:100%; 10164 margin: 0 auto; 10165 } 10166 .footer_container .flex_row .flex_col{ 10167 display: flex; 10168 flex-wrap: wrap; 10169 box-sizing: border-box; 10170 align-content: baseline; 10171 } 10172 .footer_container .flex_row .flex_col .flex_cell{ 10173 height: fit-content; 10174 display: flex; 10175 } 10176 .footer_container .flex_row .flex_col .flex_cell a{ 10177 text-decoration: none; 10178 } 10179 .footer_container img { 10180 max-width: 100%; 10181 } 10182 </style> 10183 10184 10185</footer>
vendor: 110 bytes, lines 10185-10187
10185 10186 10187<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
10187<script> 10188 $(window).on('load', function() { 10189 $(window).scroll(function() { 10190 if(!$("#acsb-widget-get").length){ 10191 //var topOffset = $(window).scrollTop(); 10192 //if (topOffset > 10) { 10193 10194 var s = document.createElement('script'),e = ! document.body ? document.querySelector('head') : document.body; 10195 s.src = 'https://acsbapp.com/apps/app/assets/js/acsb.js'; 10196 s.async = s.defer = true; 10197 s.onload = function(){ 10198 acsbJS.init({ 10199 statementLink : '', 10200 feedbackLink : '', 10201 footerHtml : 'Powered by i-Showcase', 10202 hideMobile : false, 10203 hideTrigger : false, 10204 language : 'en', 10205 position : 'left', 10206 leadColor : '#146ff8', 10207 triggerColor : '#146ff8', 10208 triggerRadius : '50%', 10209 triggerPositionX : 'left', 10210 triggerPositionY : 'bottom', 10211 triggerIcon : 'default', 10212 triggerSize : 'medium', 10213 triggerOffsetX : 16, 10214 triggerOffsetY : 74, 10215 mobile : {triggerSize : 'small',triggerPositionX : 'left',triggerPositionY : 'center',triggerOffsetX : 0,triggerOffsetY : 0,triggerRadius : '0'}});};e.appendChild(s); 10216 10217 // } 10218 } 10219 }); 10220 }); 10221 10222</script>
10222<!-- Start cookieyes banner -->
10223<script id="cookieyes" type="text/javascript" data-type="lazy" data-src="https://cdn-cookieyes.com/client_data/23bc58b93990ccdd481bb0ce/script.js"></script>
10223 10224<!-- End cookieyes banner --><style> 10225 .header_container_1>.flex_row_3>.flex_col_5 { justify-content: flex-end; } 10226 .header_container_3>.flex_row_2>.flex_col_1>.flex_cell_1.menu { 10227 justify-content: center; 10228 align-items: center !important; 10229 } 10230</style>
10230<script> 10231(function () { 10232 let loaded = false; 10233 10234 function loadPodium() { 10235 if (loaded) return; 10236 loaded = true; 10237 10238 const script = document.createElement('script'); 10239 script.src = 'https://connect.podium.com/widget.js#ORG_TOKEN=062deac6-6423-4fed-963a-b9bbdf7c689d'; 10240 script.defer = true; 10241 script.id = 'podium-widget'; 10242 script.setAttribute( 10243 'data-organization-api-token', 10244 '062deac6-6423-4fed-963a-b9bbdf7c689d' 10245 ); 10246 10247 document.body.appendChild(script); 10248 10249 window.removeEventListener('scroll', onScroll); 10250 } 10251 10252 function onScroll() { 10253 if (window.scrollY > 0) { 10254 loadPodium(); 10255 } 10256 } 10257 10258 window.addEventListener('scroll', onScroll, { passive: true }); 10259})(); 10260</script>
vendor: 1 bytes, line 10260
10260
10261<script src="/skeleton/1.0/view/js/focus-trap.js?v=2.1"></script>
10261<script src="/skeleton/1.0/view/js/focus-trap_dist.js?v=2.1"></script>
10261<script src="/skeleton/1.0/view/js/min/fr_act.js?v=1.3"></script>
vendor: 1 bytes, line 10261
10261
10262<script> if (typeof gtag != "undefined") { $(document).on("click", "a.phone_number_click", function(){ gtag("event", "phone_number_click");}); }</script>
10262<script> if (typeof gtag != "undefined") { $(document).on("click", "a.get_directions_click", function(){ gtag("event", "get_directions_click");}); }</script>
10262<script> if (typeof gtag != "undefined") { $(document).on("click", "a.email_click", function(){ gtag("event", "email_click");}); }</script>
10262<script> if (typeof gtag != "undefined") { $(document).on("click", "a.text_message_click", function(){ gtag("event", "text_message_click");}); }</script>
10262<script> 10263 (function () { 10264 function ga4Click(eventName, params) { 10265 if (typeof gtag != "undefined") { gtag("event", eventName, params || {}); } 10266 } 10267 10268 $(document).on("click", ".get-location, .use-my-location", function () { 10269 ga4Click("usemylocation_click"); 10270 }); 10271 10272 $(document).on("click", ".select-store", function () { 10273 ga4Click("shopthisstore_click", {StoreID: $(this).data("store") || ""}); 10274 }); 10275 10276 $(document).on("click", "#search-by-zip button", function () { 10277 var zip = $("#search-by-zip input").val() || ""; 10278 if (zip.trim()) { ga4Click("searchlocationbyzip", {ZipCode: zip.trim()}); } 10279 }); 10280 $(document).on("submit", "#zipcode-form", function () { 10281 var zip = $(this).find("input[name=zipcode]").val() || ""; 10282 if (zip.trim()) { ga4Click("searchlocationbyzip", {ZipCode: zip.trim()}); } 10283 }); 10284 10285 // Anything clickable inside the popup except its own close control 10286 $(document).on("click", ".popup-container a, .popup-container button", function () { 10287 if ($(this).closest(".close, .popup-close, [data-dismiss]").length) { return; } 10288 ga4Click("popup_click", {LinkText: ($(this).text() || "").trim().slice(0, 100)}); 10289 }); 10290 10291 // Opening a chat widget (Podium / Clientbook) is as close as we get to a 10292 // conversation starting â what happens inside the widget is not visible to us. 10293 var ga4ChatStarted = false; 10294 $(document).on("click", "#wlbkwc_messageButton, #clbkwc_chat_id, #podium-website-widget", function () { 10295 if (ga4ChatStarted) { return; } 10296 ga4ChatStarted = true; 10297 ga4Click("conversation_started"); 10298 }); 10299 })(); 10300 </script>
vendor: 1 bytes, line 10300
10300
10301<script type="text/javascript" async="" src="https://static.klaviyo.com/onsite/js/klaviyo.js?company_id=XbCCdn"></script>
vendor: 1 bytes, line 10301
10301
10302<script>window.KLAVIYO_AJAX_URL = "\/skeleton\/1.0\/view\/ws\/ajax_klaviyo.php";</script>
vendor: 1 bytes, line 10302
10302
10303<script type="text/javascript" src="/skeleton/1.0/view/js/klaviyo.js"></script>
10303 10304 10305 <style> 10306 .footer-bottom-outer { font-family: arial, helvetica, sans-serif; color: #343434; font-size: 8pt; display: flex; align-items: center; width: 80%; margin: auto; padding: 15px 0; justify-content: space-between; } 10307 .footer-bottom-inner-left { width: 67%; text-transform: uppercase; } 10308 .footer-bottom-inner-right { font-size: 10pt; width: 30%; display: flex; justify-content: end; } 10309 @media (max-width: 767px) { 10310 .footer-bottom-outer { display: block; text-align: center; font-weight: 700; } 10311 .footer-bottom-inner-left, .footer-bottom-inner-right { width: 100%; padding: 5px; display: block; } 10312 } 10313 </style> 10314 <div class="footer-bottom-outer"><div class="footer-bottom-inner-left"> 10315 COPYRIGHT © 2026 ALBERT'S DIAMOND JEWELERS. Jewelry website design by <a href="https://www.amptive.com/" target="_blank" title="Amptive"><u>Amptive</u></a>. Jewelry Website Platform by <a href="https://build.shop/" target="_blank" title="Build.Shop"><u>Build.Shop</u></a> | <a title="Site Map" href="/sitemap" class="general_style"><u>SITE MAP</u></a> 10316 </div>
10316<script>window.local_view_folder = '/skeleton/1.0/view';</script>
10316</div> 10317 10318</body> 10319</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.