PageSourceSearch

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

html osbornejewelersinc.com collected 2026-09-30 18:29:37 UTC 1,048,781 bytes, 19,092 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en-US">
3<head>
4<title>Shopping Cart | Osborne Jewelers</title>
5<meta name="title" content="Shopping Cart | Osborne Jewelers">
6<meta name="description" content="Shopping Cart | Osborne Jewelers">
7<link rel="canonical" href="https://www.osbornejewelersinc.com/shopping-cart"/>
8<meta name="keywords" content="Shopping Cart | Osborne 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=1682475382" type="image/x-icon" /><link rel="shortcut icon" href="/favicon.ico?ver=1682475382" type="image/x-icon" /><meta name="robots" content="noindex, follow"><meta name="pinterest-rich-pin" content="false" />
12
13<!--facebook share this starts-->
14<meta property="og:logo" content="https://www.osbornejewelersinc.com/public/1.0/uploads/source/oj-logo-d.png">
15<meta property="og:url"           content="https://www.osbornejewelersinc.com/shopping-cart">
16<meta property="og:type"          content="website">
17<meta property="og:title"         content="Shopping Cart">
18<meta name="msapplication-TileImage" content="https://www.osbornejewelersinc.com/public/1.0/uploads/source/oj-logo-d.png">
19<meta property="og:image" content="https://www.osbornejewelersinc.com/public/1.0/uploads/source/oj-logo-d.png">
20<meta property="og:image:url" content="https://www.osbornejewelersinc.com/public/1.0/uploads/source/oj-logo-d.png">
21<meta property="og:image:width" content="600">
22<meta property="og:image:height" content="314">
23<meta property="og:image:alt"  content="Shopping Cart">
24<!--facebook share this ends-->
25
26
27<!--twitter share this starts-->
28<meta name="twitter:title" content="Shopping Cart">
29<meta name="twitter:site" content="https://www.osbornejewelersinc.com/shopping-cart">
30<!--twitter share this ends-->
31
32            <link rel="stylesheet" href="https://www.osbornejewelersinc.com/skeleton/1.0/view/css/twitter-bootstrap-4-6-0.min.css" integrity="sha512-P5MgMn1jBN01asBgU0z60Qk4QxiXo86+wlFahKrsQf37c9cro517WzVSPPV1tDKzhku2iJ2FVgL67wG03SGnNA==" crossorigin="anonymous" />
33            <link rel="stylesheet" href="https://www.osbornejewelersinc.com/skeleton/1.0/view/css/toastr.min.css" />
34            <link rel="stylesheet" type="text/css" href="https://www.osbornejewelersinc.com/skeleton/1.0/view/css/slick.css"/>
35            <link rel="stylesheet" type="text/css" href="https://www.osbornejewelersinc.com/skeleton/1.0/view/css/slick-theme.css"/><link rel="stylesheet" href="https://www.osbornejewelersinc.com/skeleton/1.0/view/css/sweetalert2.min.css" /><link rel="stylesheet" href="https://www.osbornejewelersinc.com/includes/view/dashboard/assets/fancybox/jquery.fancybox.min.css"><link rel="stylesheet" type="text/css" href="/skeleton/1.0/view/css/900.css?ver=1787275151" /><link rel="stylesheet" type="text/css" href="/skeleton/1.0/view/css/shared.css?ver=1.4.8" />
36            
36<script>window.csrf_token = "e14336c6228da98757e37434be16a7613e4d5647029749adbdf09abb4ea6fe29"</script>
36
37            
37<script>window.scSession = Object.assign({"lifetimeMs":7200000,"expiresAt":1790800175000,"csrfToken":"e14336c6228da98757e37434be16a7613e4d5647029749adbdf09abb4ea6fe29","scWsUrl":"https:\/\/www.osbornejewelersinc.com\/includes\/assets\/shopping_cart\/sc_ws_functions.php"}, window.scSession || {});</script>
37
38            
38<script src="https://www.osbornejewelersinc.com/skeleton/1.0/view/lib/jquery/jquery.min.js"></script>
38
39            
39<script src="https://www.osbornejewelersinc.com/skeleton/1.0/view/js/sc-session-manager.js?v=1789429765" defer></script>
39
40            
40<script>window.formSubmitLogUrl = "https://www.osbornejewelersinc.com/skeleton/1.0/view/ws/ajax_interaction.php";</script>
40
41            
41<script src="https://www.osbornejewelersinc.com/skeleton/1.0/view/js/form_submit_guard.js?v=1787275151" defer></script>
41
42        
43            
43<script src="/skeleton/1.0/view/js/twitter-bootstrap-4-6-0.min.js" defer></script>
43
44            
44<script src="/skeleton/1.0/view/js/toastr.min.js"></script>
44
45            
45<script type="text/javascript" src="/skeleton/1.0/view/js/slick.min.js"></script>
45<script src="/skeleton/1.0/view/js/sweetalert2.min.js"></script>
45<script src="/skeleton/1.0/view/js/input_fields.js?ver=1.0.4"></script>
vendor: 60 bytes, line 45
45<script src="https://www.google.com/recaptcha/api.js?render=
456Le0_CEiAAAAAO2SprdEh3a5J5OGgtavg30c0ya7
vendor: 138 bytes, line 45
45&badge=bottomleft"></script><script src="https://www.google.com/recaptcha/api.js?render=explicit&onload=onRecaptchaLoadCallback"></script>
45<script src="https://www.osbornejewelersinc.com/includes/view/dashboard/assets/fancybox/jquery.fancybox.min.js" defer></script>
45<script src="/skeleton/1.0/view/js/900.js?v=1789684284"></script>
45
46            <!--Scripts Here-->
47			
47<script>window.iShowGlobals = {
48                        'NO_IMAGE_URL':'',
49                        'SITE_LABELS': '',
50                        'PHONE_REGEX':/^[\+]?([\d\-\(\). ]){3}.{4,18}$/,
51                        'EMAIL_REGEX':/^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/,
52                        'RETAILER_FOLDER_NAME':'skeleton', 'SHOW_RAPNET_ID':'0','MAIN_PHONE':'623-925-1815','USE_LOCAL_DIAMOND_PATH':''   
53                    };
54            </script>
54<script src="/skeleton/1.0/view/js/shared.js?ver=2.4.5" defer></script>
54<style>
55  .irs--big .irs-from, .irs--big .irs-to, .irs--big .irs-single {
56      background-color: #6a4080;
57      background:linear-gradient(to bottom, #b47fcf 0%, #6a4080 100%);
58  }
59  .irs--big .irs-bar {
60      background-color: #6a4080;
61      border: 1px solid #6a4080;
62      background: linear-gradient(to bottom, #ffffff 0%, #6a4080 30%, #9e55c5 100%);
63  }
64  .irs--big .irs-grid-text {
65      color: #525252;
66  }
67  .irs--big .irs-grid-pol {
68      background-color: #6a4080;
69  }
70  .page-item.active .page-link {
71    background-color: #6a4080!important;
72    border-color: #6a4080!important;
73    color:white;
74  }
75</style><link rel="stylesheet" href="/skeleton/1.0/view/css/cmp.css?ver=1.2.303"/>
76    
76<script type="application/ld+json">
77    {
78        "@context": "https://schema.org",
79        "@graph": [
80                {
81            "@type": "WebPage",
82            "name": "Shopping Cart",
83            "description": "Osborne Jewelers",
84            "keywords": "Osborne Jewelers",
85            "url": "https://www.osbornejewelersinc.com/shopping-cart" 
86        },
87        {
88            "@type": "Organization",
89            "name": "Osborne Jewelers",
90            "email": "[email protected]",
91            "logo": "https://www.osbornejewelersinc.com",
92            "image": "https://www.osbornejewelersinc.com",
93            "telephone": "623-925-1815",
94            "url": "https://www.osbornejewelersinc.com/"
95        }
96,
97        {
98            "@type": "BreadcrumbList",
99            "itemListElement": [
100                            {
101                "@type": "ListItem",
102                "position": 1,
103                "name": "Osborne Jewelers",
104                "item": "https://www.osbornejewelersinc.com/"
105            },            {
106                "@type": "ListItem",
107                "position": 2,
108                "name": "Shopping Cart",
109                "item": "https://www.osbornejewelersinc.com/shopping-cart"
110            }
111            ]
112        }
113        ]
114    }
115    </script>
115
116
117</head>
118<body class="cmp_mode">
119            <nav class="skip-links-nav" aria-label="Skip links">
120                <a href="#main" class="skip-to-main-content-link" title="Skip to main content">Skip to main content</a>
121            </nav>
122        
123            <div id="loader_div">
124                <div class="loader_circle"></div>
125            </div>
126            <noscript>
127                <style>
128                    body {overflow: auto;}
129                    #loader_div {display: none;}
130                </style>
131            </noscript>
132        
133
134            <style>
135                @media (min-width: 992px) {
136                
137                .sc_payment_general_style {
138                    font-size: px !important;
139                    font-family:  !important;
140                    font-weight:  !important;
141                    font-style:  !important;
142                    
143                    letter-spacing: px !important;
144                    color:  !important;
145                }
146                h1.general_style, .h1_general_style {
147                    font-size: px !important;
148                    font-family:  !important;
149                    font-weight:  !important;
150                    font-style:  !important;
151                    
152                    letter-spacing: px !important;
153                    color:  !important;
154                }
155                h2.general_style, .h2_general_style {
156                    font-size: px !important;
157                    font-family:  !important;
158                    font-weight:  !important;
159                    font-style:  !important;
160                    
161                    letter-spacing: px !important;
162                    color:  !important;
163                }
164                h3.general_style, .h3_general_style {
165                    font-size: px !important;
166                    font-family:  !important;
167                    font-weight:  !important;
168                    font-style:  !important;
169                    
170                    letter-spacing: px !important;
171                    color:  !important;
172                }
173                h4.general_style, .h4_general_style {
174                    font-size: px !important;
175                    font-family:  !important;
176                    font-weight:  !important;
177                    font-style:  !important;
178                    
179                    letter-spacing: px !important;
180                    color:  !important;
181                }
182                h5.general_style, .h5_general_style {
183                    font-size: px !important;
184                    font-family:  !important;
185                    font-weight:  !important;
186                    font-style:  !important;
187                    
188                    letter-spacing: px !important;
189                    color:  !important;
190                }
191                h6.general_style, .h6_general_style {
192                    font-size: px !important;
193                    font-family:  !important;
194                    font-weight:  !important;
195                    font-style:  !important;
196                    
197                    letter-spacing: px !important;
198                    color:  !important;
199                }
200                p.general_style, .p_general_style {
201                    font-size: px !important;
202                    font-family:  !important;
203                    font-weight:  !important;
204                    font-style:  !important;
205                    
206                    letter-spacing: px !important;
207                    color:  !important;
208                }
209                .p2_general_style {
210                    font-size: px !important;
211                    font-family:  !important;
212                    font-weight:  !important;
213                    font-style:  !important;
214                    
215                    letter-spacing: px !important;
216                    color:  !important;
217                }
218                .p3_general_style {
219                    font-size: px !important;
220                    font-family:  !important;
221                    font-weight:  !important;
222                    font-style:  !important;
223                    
224                    letter-spacing: px !important;
225                    color:  !important;
226                }
227                .p4_general_style {
228                    font-size: px !important;
229                    font-family:  !important;
230                    font-weight:  !important;
231                    font-style:  !important;
232                    
233                    letter-spacing: px !important;
234                    color:  !important;
235                }
236                .p5_general_style {
237                    font-size: px !important;
238                    font-family:  !important;
239                    font-weight:  !important;
240                    font-style:  !important;
241                    
242                    letter-spacing: px !important;
243                    color:  !important;
244                }
245                .p6_general_style {
246                    font-size: px !important;
247                    font-family:  !important;
248                    font-weight:  !important;
249                    font-style:  !important;
250                    
251                    letter-spacing: px !important;
252                    color:  !important;
253                }
254                a.general_style, .a_general_style {
255                    text-decoration:  !important;
256                    color:  !important;
257                }
258                a.general_style:hover, .a_general_style:hover {
259                    color:  !important;
260                }
261                label.general_style, .label_general_style {
262                    font-size: px !important;
263                    font-family:  !important;
264                    font-weight:  !important;
265                    font-style:  !important;
266                    
267                    letter-spacing: px !important;
268                    color:  !important;
269                }
270                button.general_style, .button_general_style {
271                    font-size: px !important;
272                    font-family:  !important;
273                    font-weight:  !important;
274                    font-style:  !important;
275                    
276                    color:  !important;
277                    background-color:  !important;
278                    
279                    border-width: px !important;
280                    border-radius: px !important;
281                    border-color:  !important;
282                }
283                button.general_style:hover, .button_general_style:hover {
284                    color:  !important;
285                    background-color:  !important;
286                    border-color:  !important;
287                }
288                .secondary_button_general_style {
289                    font-size: px !important;
290                    font-family:  !important;
291                    font-weight:  !important;
292                    font-style:  !important;
293                    
294                    color:  !important;
295                    background-color:  !important;
296                    
297                    border-width: px !important;
298                    border-radius: px !important;
299                    border-color:  !important;
300                }
301                .secondary_button_general_style:hover {
302                    color:  !important;
303                    background-color:  !important;
304                    border-color:  !important;
305                }
306                .reset_button_general_style {
307                    font-size: px !important;
308                    font-family:  !important;
309                    font-weight:  !important;
310                    font-style:  !important;
311                    
312                    color:  !important;
313                    background-color:  !important;
314                    
315                    border-width: px !important;
316                    border-radius: px !important;
317                    border-color:  !important;
318                }
319                .reset_button_general_style:hover {
320                    color:  !important;
321                    background-color:  !important;
322                    border-color:  !important;
323                }
324                .search_box_general_style .sinps::placeholder {
325                    font-size: px !important;
326                    font-family:  !important;
327                    color:  !important;
328                }
329                .search_box_general_style .sinps {
330                    height: 100%;
331                    font-size: px !important;
332                    font-family:  !important;
333                    font-weight:  !important;
334                    font-style:  !important;
335                    color:  !important;
336                    background-color:  !important;
337                    border-style: solid !important;
338                    border-width: px !important;
339                    border-radius: px !important;
340                    border-top-right-radius: 0 !important;
341                    border-bottom-right-radius: 0 !important;
342                    border-color:  !important;
343                }
344                .search_box_general_style .sinps:hover,
345                .search_box_general_style .sinps:focus,
346                .search_box_general_style .sinps:active {
347                    background-color:  !important;
348                }
349                .search_box_general_style .sBtns {
350                    height: 100%;
351                    background-color:  !important;
352                    border-style: solid !important;
353                    border-width: px !important;
354                    border-radius: px !important;
355                    border-top-left-radius: 0 !important;
356                    border-bottom-left-radius: 0 !important;
357                    border-color:  !important;
358                }
359                .search_box_general_style .sBtns:hover,
360                .search_box_general_style .sBtns:focus,
361                .search_box_general_style .sBtns:active {
362                    background-color:  !important;
363                }
364                .search_box_general_style .sBtns svg {
365                    width: px !important;
366                    height: px !important;
367                }
368                .search_box_general_style .sBtns path {
369                    fill:  !important;
370                }
371                .search_box_general_style .sBtns:hover path,
372                .search_box_general_style .sBtns:focus path,
373                .search_box_general_style .sBtns:active path {
374                    fill:  !important;
375                }
376                .search_box_general_style:hover .sinps,
377                .search_box_general_style:focus .sinps,
378                .search_box_general_style:active .sinps,
379                .search_box_general_style:hover .sBtns,
380                .search_box_general_style:focus .sBtns,
381                .search_box_general_style:active .sBtns {
382                    border-color:  !important;
383                }
384                svg.general_style, .svg_general_style {
385                    fill:  !important;
386                    stroke-width: .5 !important;
387                    stroke:  !important;
388                }
389                .irs--big .irs-from, .irs--big .irs-to, .irs--big .irs-single {
390                    color:  !important;
391                    background:  !important;
392                }
393                .irs--big .irs-grid-text {
394                    color:  !important;
395                }
396                .irs--big .irs-grid-pol {
397                    background:  !important;
398                }
399                .irs--big .irs-bar {
400                    border-color:  !important;
401                    background: linear-gradient(to bottom,  0%,  30%,  100%) !important;
402                }
403                .irs--big .irs-handle {
404                    border-color: #B3B3B2;
405                    background: linear-gradient(to bottom,  0%,  30%,  100%) !important;
406                }
407                .pagination.general_style .page-link {
408                    font-size: px !important;
409                    font-family:  !important;
410                    font-weight:  !important;
411                    font-style:  !important;
412                    
413                    color:  !important;
414                    background-color:  !important;
415                    border-color:  !important;
416                }
417                .pagination.general_style .page-link:hover {
418                    color:  !important;
419                    background-color:  !important;
420                    border-color:  !important;
421                }
422                .pagination.general_style .page-item.active .page-link {
423                    color:  !important;
424                    background-color:  !important;
425                    border-color:  !important;
426                }
427                input[type=checkbox].general_style {
428                    accent-color:  !important;
429                }
430                .breadcrumb.general_style .breadcrumb-item a,
431                .breadcrumb.general_style .breadcrumb-item {
432                    font-size: 14px !important;
433                    font-family: Arial !important;
434                    font-weight:  !important;
435                    font-style: normal !important;
436                    
437                    letter-spacing: px !important;
438                    color: #000 !important;
439                }
440                .shapes-div .shapes-img.active {
441                    background-color:  !important;
442                    color:  !important;
443                }
444                                .input_general_style {
445                    position: relative;
446                }
447                .input_general_style label {
448                    width: auto !important;
449                    position: absolute;
450                    top: 50%;
451                    left: 5px;
452                    z-index: 1;
453                    transform: translateY(-50%);
454                    transform-origin: 0% 100%;
455                    transition: all .2s ease-out;
456                    padding: 0 10px;
457                    margin: 0 !important;
458                    cursor: text;
459                    background: white;
460                }
461                .input_general_style label.active {
462                    top: 0;
463                    transform: translateY(-55%) scale(0.80);
464                }
465            
466                .input_general_style input::placeholder {
467                    color: transparent !important;
468                }
469                .input_general_style input {
470                    font-size: 16px !important;
471                    font-family:  !important;
472                    font-weight:  !important;
473                    font-style:  !important;
474                    color:  !important;
475                    background-color: white !important;
476                    border-style: solid !important;
477                    border-width: px !important;
478                    border-radius: 0px !important;
479                    border-color:  !important;
480                }
481                .input_general_style:hover input {
482                    border-color:  !important;
483                }
484                .input_general_style input:-webkit-autofill,
485                .input_general_style input:-webkit-autofill:hover,
486                .input_general_style input:-webkit-autofill:focus,
487                .input_general_style input:-webkit-autofill:active{
488                    -webkit-box-shadow: 0 0 0 30px white inset !important;
489                }
490                .input_general_style input:focus {
491                    border-color: initial;
492                    box-shadow: unset;
493                }
494                .input_general_style .toggle-password-visibility {
495                    position: absolute;
496                    right: 5px;
497                    top: 50%;
498                    transform: translateY(-50%);
499                    border: 0;
500                    background: transparent;
501                }
502                                .select_general_style {
503                    position: relative;
504                }
505                .select_general_style label {
506                    width: auto !important;
507                    position: absolute;
508                    top: 50%;
509                    left: 5px;
510                    transform: translateY(-50%);
511                    transform-origin: 0% 100%;
512                    transition: all .2s ease-out;
513                    padding: 0 10px;
514                    margin: 0 !important;
515                    cursor: text;
516                    background: white;
517                }
518                .select_general_style label.active {
519                    top: 0;
520                    transform: translateY(-55%) scale(0.80);
521                }
522
523                .select_general_style select {
524                    font-size: 16px !important;
525                    font-family:  !important;
526                    font-weight:  !important;
527                    font-style:  !important;
528                    color:  !important;
529                    border-style: solid !important;
530                    border-width: px !important;
531                    border-radius: 0px !important;
532                    border-color:  !important;
533                    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;
534                    -webkit-appearance: none !important;
535                    -moz-appearance: none !important;
536                    appearance: none !important;
537                }
538                .select_general_style:hover select {
539                    border-color:  !important;
540                }
541                .select_general_style select:focus {
542                    border-color: initial;
543                    box-shadow: unset;
544                }
545                .select_general_style select:-webkit-autofill,
546                .select_general_style select:-webkit-autofill:hover,
547                .select_general_style select:-webkit-autofill:focus,
548                .select_general_style select:-webkit-autofill:active{
549                    -webkit-box-shadow: 0 0 0 30px white inset !important;
550                }
551                                .textarea_general_style {
552                    position: relative;
553                }
554                .textarea_general_style label {
555                    width: auto !important;
556                    position: absolute;
557                    top: 18px;
558                    left: 5px;
559                    transform: translateY(-50%);
560                    transform-origin: 0% 100%;
561                    transition: all .2s ease-out;
562                    padding: 0 10px;
563                    margin: 0 !important;
564                    cursor: text;
565                    background: white;
566                }
567                .textarea_general_style label.active {
568                    top: 0;
569                    transform: translateY(-55%) scale(0.80);
570                }
571
572                .textarea_general_style textarea {
573                    font-size: 16px !important;
574                    font-family:  !important;
575                    font-weight:  !important;
576                    font-style:  !important;
577                    color:  !important;
578                    background-color: white !important;
579                    border-style: solid !important;
580                    border-width: px !important;
581                    border-radius: 0px !important;
582                    border-color:  !important;
583                }
584                .textarea_general_style:hover textarea {
585                    border-color:  !important;
586                }
587                .textarea_general_style textarea:focus {
588                    border-color: initial;
589                    box-shadow: unset;
590                }
591                .textarea_general_style textarea:-webkit-autofill,
592                .textarea_general_style textarea:-webkit-autofill:hover,
593                .textarea_general_style textarea:-webkit-autofill:focus,
594                .textarea_general_style textarea:-webkit-autofill:active{
595                    -webkit-box-shadow: 0 0 0 30px white inset !important;
596                }
597                }
598            </style>            <style>
599                @media (min-width: 768px) and (max-width: 991.9px) {
600                
601                .sc_payment_general_style {
602                    font-size: px !important;
603                    font-family:  !important;
604                    font-weight:  !important;
605                    font-style:  !important;
606                    
607                    letter-spacing: px !important;
608                    color:  !important;
609                }
610                h1.general_style, .h1_general_style {
611                    font-size: px !important;
612                    font-family:  !important;
613                    font-weight:  !important;
614                    font-style:  !important;
615                    
616                    letter-spacing: px !important;
617                    color:  !important;
618                }
619                h2.general_style, .h2_general_style {
620                    font-size: px !important;
621                    font-family:  !important;
622                    font-weight:  !important;
623                    font-style:  !important;
624                    
625                    letter-spacing: px !important;
626                    color:  !important;
627                }
628                h3.general_style, .h3_general_style {
629                    font-size: px !important;
630                    font-family:  !important;
631                    font-weight:  !important;
632                    font-style:  !important;
633                    
634                    letter-spacing: px !important;
635                    color:  !important;
636                }
637                h4.general_style, .h4_general_style {
638                    font-size: px !important;
639                    font-family:  !important;
640                    font-weight:  !important;
641                    font-style:  !important;
642                    
643                    letter-spacing: px !important;
644                    color:  !important;
645                }
646                h5.general_style, .h5_general_style {
647                    font-size: px !important;
648                    font-family:  !important;
649                    font-weight:  !important;
650                    font-style:  !important;
651                    
652                    letter-spacing: px !important;
653                    color:  !important;
654                }
655                h6.general_style, .h6_general_style {
656                    font-size: px !important;
657                    font-family:  !important;
658                    font-weight:  !important;
659                    font-style:  !important;
660                    
661                    letter-spacing: px !important;
662                    color:  !important;
663                }
664                p.general_style, .p_general_style {
665                    font-size: px !important;
666                    font-family:  !important;
667                    font-weight:  !important;
668                    font-style:  !important;
669                    
670                    letter-spacing: px !important;
671                    color:  !important;
672                }
673                .p2_general_style {
674                    font-size: px !important;
675                    font-family:  !important;
676                    font-weight:  !important;
677                    font-style:  !important;
678                    
679                    letter-spacing: px !important;
680                    color:  !important;
681                }
682                .p3_general_style {
683                    font-size: px !important;
684                    font-family:  !important;
685                    font-weight:  !important;
686                    font-style:  !important;
687                    
688                    letter-spacing: px !important;
689                    color:  !important;
690                }
691                .p4_general_style {
692                    font-size: px !important;
693                    font-family:  !important;
694                    font-weight:  !important;
695                    font-style:  !important;
696                    
697                    letter-spacing: px !important;
698                    color:  !important;
699                }
700                .p5_general_style {
701                    font-size: px !important;
702                    font-family:  !important;
703                    font-weight:  !important;
704                    font-style:  !important;
705                    
706                    letter-spacing: px !important;
707                    color:  !important;
708                }
709                .p6_general_style {
710                    font-size: px !important;
711                    font-family:  !important;
712                    font-weight:  !important;
713                    font-style:  !important;
714                    
715                    letter-spacing: px !important;
716                    color:  !important;
717                }
718                a.general_style, .a_general_style {
719                    text-decoration:  !important;
720                    color:  !important;
721                }
722                a.general_style:hover, .a_general_style:hover {
723                    color:  !important;
724                }
725                label.general_style, .label_general_style {
726                    font-size: px !important;
727                    font-family:  !important;
728                    font-weight:  !important;
729                    font-style:  !important;
730                    
731                    letter-spacing: px !important;
732                    color:  !important;
733                }
734                button.general_style, .button_general_style {
735                    font-size: px !important;
736                    font-family:  !important;
737                    font-weight:  !important;
738                    font-style:  !important;
739                    
740                    color:  !important;
741                    background-color:  !important;
742                    
743                    border-width: px !important;
744                    border-radius: px !important;
745                    border-color:  !important;
746                }
747                button.general_style:hover, .button_general_style:hover {
748                    color:  !important;
749                    background-color:  !important;
750                    border-color:  !important;
751                }
752                .secondary_button_general_style {
753                    font-size: px !important;
754                    font-family:  !important;
755                    font-weight:  !important;
756                    font-style:  !important;
757                    
758                    color:  !important;
759                    background-color:  !important;
760                    
761                    border-width: px !important;
762                    border-radius: px !important;
763                    border-color:  !important;
764                }
765                .secondary_button_general_style:hover {
766                    color:  !important;
767                    background-color:  !important;
768                    border-color:  !important;
769                }
770                .reset_button_general_style {
771                    font-size: px !important;
772                    font-family:  !important;
773                    font-weight:  !important;
774                    font-style:  !important;
775                    
776                    color:  !important;
777                    background-color:  !important;
778                    
779                    border-width: px !important;
780                    border-radius: px !important;
781                    border-color:  !important;
782                }
783                .reset_button_general_style:hover {
784                    color:  !important;
785                    background-color:  !important;
786                    border-color:  !important;
787                }
788                .search_box_general_style .sinps::placeholder {
789                    font-size: px !important;
790                    font-family:  !important;
791                    color:  !important;
792                }
793                .search_box_general_style .sinps {
794                    height: 100%;
795                    font-size: px !important;
796                    font-family:  !important;
797                    font-weight:  !important;
798                    font-style:  !important;
799                    color:  !important;
800                    background-color:  !important;
801                    border-style: solid !important;
802                    border-width: px !important;
803                    border-radius: px !important;
804                    border-top-right-radius: 0 !important;
805                    border-bottom-right-radius: 0 !important;
806                    border-color:  !important;
807                }
808                .search_box_general_style .sinps:hover,
809                .search_box_general_style .sinps:focus,
810                .search_box_general_style .sinps:active {
811                    background-color:  !important;
812                }
813                .search_box_general_style .sBtns {
814                    height: 100%;
815                    background-color:  !important;
816                    border-style: solid !important;
817                    border-width: px !important;
818                    border-radius: px !important;
819                    border-top-left-radius: 0 !important;
820                    border-bottom-left-radius: 0 !important;
821                    border-color:  !important;
822                }
823                .search_box_general_style .sBtns:hover,
824                .search_box_general_style .sBtns:focus,
825                .search_box_general_style .sBtns:active {
826                    background-color:  !important;
827                }
828                .search_box_general_style .sBtns svg {
829                    width: px !important;
830                    height: px !important;
831                }
832                .search_box_general_style .sBtns path {
833                    fill:  !important;
834                }
835                .search_box_general_style .sBtns:hover path,
836                .search_box_general_style .sBtns:focus path,
837                .search_box_general_style .sBtns:active path {
838                    fill:  !important;
839                }
840                .search_box_general_style:hover .sinps,
841                .search_box_general_style:focus .sinps,
842                .search_box_general_style:active .sinps,
843                .search_box_general_style:hover .sBtns,
844                .search_box_general_style:focus .sBtns,
845                .search_box_general_style:active .sBtns {
846                    border-color:  !important;
847                }
848                svg.general_style, .svg_general_style {
849                    fill:  !important;
850                    stroke-width: .5 !important;
851                    stroke:  !important;
852                }
853                .irs--big .irs-from, .irs--big .irs-to, .irs--big .irs-single {
854                    color:  !important;
855                    background:  !important;
856                }
857                .irs--big .irs-grid-text {
858                    color:  !important;
859                }
860                .irs--big .irs-grid-pol {
861                    background:  !important;
862                }
863                .irs--big .irs-bar {
864                    border-color:  !important;
865                    background: linear-gradient(to bottom,  0%,  30%,  100%) !important;
866                }
867                .irs--big .irs-handle {
868                    border-color: #B3B3B2;
869                    background: linear-gradient(to bottom,  0%,  30%,  100%) !important;
870                }
871                .pagination.general_style .page-link {
872                    font-size: px !important;
873                    font-family:  !important;
874                    font-weight:  !important;
875                    font-style:  !important;
876                    
877                    color:  !important;
878                    background-color:  !important;
879                    border-color:  !important;
880                }
881                .pagination.general_style .page-link:hover {
882                    color:  !important;
883                    background-color:  !important;
884                    border-color:  !important;
885                }
886                .pagination.general_style .page-item.active .page-link {
887                    color:  !important;
888                    background-color:  !important;
889                    border-color:  !important;
890                }
891                input[type=checkbox].general_style {
892                    accent-color:  !important;
893                }
894                .breadcrumb.general_style .breadcrumb-item a,
895                .breadcrumb.general_style .breadcrumb-item {
896                    font-size: 14px !important;
897                    font-family: Arial !important;
898                    font-weight:  !important;
899                    font-style: normal !important;
900                    
901                    letter-spacing: px !important;
902                    color: #000 !important;
903                }
904                .shapes-div .shapes-img.active {
905                    background-color:  !important;
906                    color:  !important;
907                }
908                                .input_general_style {
909                    position: relative;
910                }
911                .input_general_style label {
912                    width: auto !important;
913                    position: absolute;
914                    top: 50%;
915                    left: 5px;
916                    z-index: 1;
917                    transform: translateY(-50%);
918                    transform-origin: 0% 100%;
919                    transition: all .2s ease-out;
920                    padding: 0 10px;
921                    margin: 0 !important;
922                    cursor: text;
923                    background: white;
924                }
925                .input_general_style label.active {
926                    top: 0;
927                    transform: translateY(-55%) scale(0.80);
928                }
929            
930                .input_general_style input::placeholder {
931                    color: transparent !important;
932                }
933                .input_general_style input {
934                    font-size: 16px !important;
935                    font-family:  !important;
936                    font-weight:  !important;
937                    font-style:  !important;
938                    color:  !important;
939                    background-color: white !important;
940                    border-style: solid !important;
941                    border-width: px !important;
942                    border-radius: 0px !important;
943                    border-color:  !important;
944                }
945                .input_general_style:hover input {
946                    border-color:  !important;
947                }
948                .input_general_style input:-webkit-autofill,
949                .input_general_style input:-webkit-autofill:hover,
950                .input_general_style input:-webkit-autofill:focus,
951                .input_general_style input:-webkit-autofill:active{
952                    -webkit-box-shadow: 0 0 0 30px white inset !important;
953                }
954                .input_general_style input:focus {
955                    border-color: initial;
956                    box-shadow: unset;
957                }
958                .input_general_style .toggle-password-visibility {
959                    position: absolute;
960                    right: 5px;
961                    top: 50%;
962                    transform: translateY(-50%);
963                    border: 0;
964                    background: transparent;
965                }
966                                .select_general_style {
967                    position: relative;
968                }
969                .select_general_style label {
970                    width: auto !important;
971                    position: absolute;
972                    top: 50%;
973                    left: 5px;
974                    transform: translateY(-50%);
975                    transform-origin: 0% 100%;
976                    transition: all .2s ease-out;
977                    padding: 0 10px;
978                    margin: 0 !important;
979                    cursor: text;
980                    background: white;
981                }
982                .select_general_style label.active {
983                    top: 0;
984                    transform: translateY(-55%) scale(0.80);
985                }
986
987                .select_general_style select {
988                    font-size: 16px !important;
989                    font-family:  !important;
990                    font-weight:  !important;
991                    font-style:  !important;
992                    color:  !important;
993                    border-style: solid !important;
994                    border-width: px !important;
995                    border-radius: 0px !important;
996                    border-color:  !important;
997                    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;
998                    -webkit-appearance: none !important;
999                    -moz-appearance: none !important;
1000                    appearance: none !important;
1001                }
1002                .select_general_style:hover select {
1003                    border-color:  !important;
1004                }
1005                .select_general_style select:focus {
1006                    border-color: initial;
1007                    box-shadow: unset;
1008                }
1009                .select_general_style select:-webkit-autofill,
1010                .select_general_style select:-webkit-autofill:hover,
1011                .select_general_style select:-webkit-autofill:focus,
1012                .select_general_style select:-webkit-autofill:active{
1013                    -webkit-box-shadow: 0 0 0 30px white inset !important;
1014                }
1015                                .textarea_general_style {
1016                    position: relative;
1017                }
1018                .textarea_general_style label {
1019                    width: auto !important;
1020                    position: absolute;
1021                    top: 18px;
1022                    left: 5px;
1023                    transform: translateY(-50%);
1024                    transform-origin: 0% 100%;
1025                    transition: all .2s ease-out;
1026                    padding: 0 10px;
1027                    margin: 0 !important;
1028                    cursor: text;
1029                    background: white;
1030                }
1031                .textarea_general_style label.active {
1032                    top: 0;
1033                    transform: translateY(-55%) scale(0.80);
1034                }
1035
1036                .textarea_general_style textarea {
1037                    font-size: 16px !important;
1038                    font-family:  !important;
1039                    font-weight:  !important;
1040                    font-style:  !important;
1041                    color:  !important;
1042                    background-color: white !important;
1043                    border-style: solid !important;
1044                    border-width: px !important;
1045                    border-radius: 0px !important;
1046                    border-color:  !important;
1047                }
1048                .textarea_general_style:hover textarea {
1049                    border-color:  !important;
1050                }
1051                .textarea_general_style textarea:focus {
1052                    border-color: initial;
1053                    box-shadow: unset;
1054                }
1055                .textarea_general_style textarea:-webkit-autofill,
1056                .textarea_general_style textarea:-webkit-autofill:hover,
1057                .textarea_general_style textarea:-webkit-autofill:focus,
1058                .textarea_general_style textarea:-webkit-autofill:active{
1059                    -webkit-box-shadow: 0 0 0 30px white inset !important;
1060                }
1061                }
1062            </style>            <style>
1063                @media (max-width: 767.9px) {
1064                
1065                .sc_payment_general_style {
1066                    font-size: px !important;
1067                    font-family:  !important;
1068                    font-weight:  !important;
1069                    font-style:  !important;
1070                    
1071                    letter-spacing: px !important;
1072                    color:  !important;
1073                }
1074                h1.general_style, .h1_general_style {
1075                    font-size: px !important;
1076                    font-family:  !important;
1077                    font-weight:  !important;
1078                    font-style:  !important;
1079                    
1080                    letter-spacing: px !important;
1081                    color:  !important;
1082                }
1083                h2.general_style, .h2_general_style {
1084                    font-size: px !important;
1085                    font-family:  !important;
1086                    font-weight:  !important;
1087                    font-style:  !important;
1088                    
1089                    letter-spacing: px !important;
1090                    color:  !important;
1091                }
1092                h3.general_style, .h3_general_style {
1093                    font-size: px !important;
1094                    font-family:  !important;
1095                    font-weight:  !important;
1096                    font-style:  !important;
1097                    
1098                    letter-spacing: px !important;
1099                    color:  !important;
1100                }
1101                h4.general_style, .h4_general_style {
1102                    font-size: px !important;
1103                    font-family:  !important;
1104                    font-weight:  !important;
1105                    font-style:  !important;
1106                    
1107                    letter-spacing: px !important;
1108                    color:  !important;
1109                }
1110                h5.general_style, .h5_general_style {
1111                    font-size: px !important;
1112                    font-family:  !important;
1113                    font-weight:  !important;
1114                    font-style:  !important;
1115                    
1116                    letter-spacing: px !important;
1117                    color:  !important;
1118                }
1119                h6.general_style, .h6_general_style {
1120                    font-size: px !important;
1121                    font-family:  !important;
1122                    font-weight:  !important;
1123                    font-style:  !important;
1124                    
1125                    letter-spacing: px !important;
1126                    color:  !important;
1127                }
1128                p.general_style, .p_general_style {
1129                    font-size: px !important;
1130                    font-family:  !important;
1131                    font-weight:  !important;
1132                    font-style:  !important;
1133                    
1134                    letter-spacing: px !important;
1135                    color:  !important;
1136                }
1137                .p2_general_style {
1138                    font-size: px !important;
1139                    font-family:  !important;
1140                    font-weight:  !important;
1141                    font-style:  !important;
1142                    
1143                    letter-spacing: px !important;
1144                    color:  !important;
1145                }
1146                .p3_general_style {
1147                    font-size: px !important;
1148                    font-family:  !important;
1149                    font-weight:  !important;
1150                    font-style:  !important;
1151                    
1152                    letter-spacing: px !important;
1153                    color:  !important;
1154                }
1155                .p4_general_style {
1156                    font-size: px !important;
1157                    font-family:  !important;
1158                    font-weight:  !important;
1159                    font-style:  !important;
1160                    
1161                    letter-spacing: px !important;
1162                    color:  !important;
1163                }
1164                .p5_general_style {
1165                    font-size: px !important;
1166                    font-family:  !important;
1167                    font-weight:  !important;
1168                    font-style:  !important;
1169                    
1170                    letter-spacing: px !important;
1171                    color:  !important;
1172                }
1173                .p6_general_style {
1174                    font-size: px !important;
1175                    font-family:  !important;
1176                    font-weight:  !important;
1177                    font-style:  !important;
1178                    
1179                    letter-spacing: px !important;
1180                    color:  !important;
1181                }
1182                a.general_style, .a_general_style {
1183                    text-decoration:  !important;
1184                    color:  !important;
1185                }
1186                a.general_style:hover, .a_general_style:hover {
1187                    color:  !important;
1188                }
1189                label.general_style, .label_general_style {
1190                    font-size: px !important;
1191                    font-family:  !important;
1192                    font-weight:  !important;
1193                    font-style:  !important;
1194                    
1195                    letter-spacing: px !important;
1196                    color:  !important;
1197                }
1198                button.general_style, .button_general_style {
1199                    font-size: px !important;
1200                    font-family:  !important;
1201                    font-weight:  !important;
1202                    font-style:  !important;
1203                    
1204                    color:  !important;
1205                    background-color:  !important;
1206                    
1207                    border-width: px !important;
1208                    border-radius: px !important;
1209                    border-color:  !important;
1210                }
1211                button.general_style:hover, .button_general_style:hover {
1212                    color:  !important;
1213                    background-color:  !important;
1214                    border-color:  !important;
1215                }
1216                .secondary_button_general_style {
1217                    font-size: px !important;
1218                    font-family:  !important;
1219                    font-weight:  !important;
1220                    font-style:  !important;
1221                    
1222                    color:  !important;
1223                    background-color:  !important;
1224                    
1225                    border-width: px !important;
1226                    border-radius: px !important;
1227                    border-color:  !important;
1228                }
1229                .secondary_button_general_style:hover {
1230                    color:  !important;
1231                    background-color:  !important;
1232                    border-color:  !important;
1233                }
1234                .reset_button_general_style {
1235                    font-size: px !important;
1236                    font-family:  !important;
1237                    font-weight:  !important;
1238                    font-style:  !important;
1239                    
1240                    color:  !important;
1241                    background-color:  !important;
1242                    
1243                    border-width: px !important;
1244                    border-radius: px !important;
1245                    border-color:  !important;
1246                }
1247                .reset_button_general_style:hover {
1248                    color:  !important;
1249                    background-color:  !important;
1250                    border-color:  !important;
1251                }
1252                .search_box_general_style .sinps::placeholder {
1253                    font-size: px !important;
1254                    font-family:  !important;
1255                    color:  !important;
1256                }
1257                .search_box_general_style .sinps {
1258                    height: 100%;
1259                    font-size: px !important;
1260                    font-family:  !important;
1261                    font-weight:  !important;
1262                    font-style:  !important;
1263                    color:  !important;
1264                    background-color:  !important;
1265                    border-style: solid !important;
1266                    border-width: px !important;
1267                    border-radius: px !important;
1268                    border-top-right-radius: 0 !important;
1269                    border-bottom-right-radius: 0 !important;
1270                    border-color:  !important;
1271                }
1272                .search_box_general_style .sinps:hover,
1273                .search_box_general_style .sinps:focus,
1274                .search_box_general_style .sinps:active {
1275                    background-color:  !important;
1276                }
1277                .search_box_general_style .sBtns {
1278                    height: 100%;
1279                    background-color:  !important;
1280                    border-style: solid !important;
1281                    border-width: px !important;
1282                    border-radius: px !important;
1283                    border-top-left-radius: 0 !important;
1284                    border-bottom-left-radius: 0 !important;
1285                    border-color:  !important;
1286                }
1287                .search_box_general_style .sBtns:hover,
1288                .search_box_general_style .sBtns:focus,
1289                .search_box_general_style .sBtns:active {
1290                    background-color:  !important;
1291                }
1292                .search_box_general_style .sBtns svg {
1293                    width: px !important;
1294                    height: px !important;
1295                }
1296                .search_box_general_style .sBtns path {
1297                    fill:  !important;
1298                }
1299                .search_box_general_style .sBtns:hover path,
1300                .search_box_general_style .sBtns:focus path,
1301                .search_box_general_style .sBtns:active path {
1302                    fill:  !important;
1303                }
1304                .search_box_general_style:hover .sinps,
1305                .search_box_general_style:focus .sinps,
1306                .search_box_general_style:active .sinps,
1307                .search_box_general_style:hover .sBtns,
1308                .search_box_general_style:focus .sBtns,
1309                .search_box_general_style:active .sBtns {
1310                    border-color:  !important;
1311                }
1312                svg.general_style, .svg_general_style {
1313                    fill:  !important;
1314                    stroke-width: .5 !important;
1315                    stroke:  !important;
1316                }
1317                .irs--big .irs-from, .irs--big .irs-to, .irs--big .irs-single {
1318                    color:  !important;
1319                    background:  !important;
1320                }
1321                .irs--big .irs-grid-text {
1322                    color:  !important;
1323                }
1324                .irs--big .irs-grid-pol {
1325                    background:  !important;
1326                }
1327                .irs--big .irs-bar {
1328                    border-color:  !important;
1329                    background: linear-gradient(to bottom,  0%,  30%,  100%) !important;
1330                }
1331                .irs--big .irs-handle {
1332                    border-color: #B3B3B2;
1333                    background: linear-gradient(to bottom,  0%,  30%,  100%) !important;
1334                }
1335                .pagination.general_style .page-link {
1336                    font-size: px !important;
1337                    font-family:  !important;
1338                    font-weight:  !important;
1339                    font-style:  !important;
1340                    
1341                    color:  !important;
1342                    background-color:  !important;
1343                    border-color:  !important;
1344                }
1345                .pagination.general_style .page-link:hover {
1346                    color:  !important;
1347                    background-color:  !important;
1348                    border-color:  !important;
1349                }
1350                .pagination.general_style .page-item.active .page-link {
1351                    color:  !important;
1352                    background-color:  !important;
1353                    border-color:  !important;
1354                }
1355                input[type=checkbox].general_style {
1356                    accent-color:  !important;
1357                }
1358                .breadcrumb.general_style .breadcrumb-item a,
1359                .breadcrumb.general_style .breadcrumb-item {
1360                    font-size: 14px !important;
1361                    font-family: Arial !important;
1362                    font-weight:  !important;
1363                    font-style: normal !important;
1364                    
1365                    letter-spacing: px !important;
1366                    color: #000 !important;
1367                }
1368                .shapes-div .shapes-img.active {
1369                    background-color:  !important;
1370                    color:  !important;
1371                }
1372                                .input_general_style {
1373                    position: relative;
1374                }
1375                .input_general_style label {
1376                    width: auto !important;
1377                    position: absolute;
1378                    top: 50%;
1379                    left: 5px;
1380                    z-index: 1;
1381                    transform: translateY(-50%);
1382                    transform-origin: 0% 100%;
1383                    transition: all .2s ease-out;
1384                    padding: 0 10px;
1385                    margin: 0 !important;
1386                    cursor: text;
1387                    background: white;
1388                }
1389                .input_general_style label.active {
1390                    top: 0;
1391                    transform: translateY(-55%) scale(0.80);
1392                }
1393            
1394                .input_general_style input::placeholder {
1395                    color: transparent !important;
1396                }
1397                .input_general_style input {
1398                    font-size: 16px !important;
1399                    font-family:  !important;
1400                    font-weight:  !important;
1401                    font-style:  !important;
1402                    color:  !important;
1403                    background-color: white !important;
1404                    border-style: solid !important;
1405                    border-width: px !important;
1406                    border-radius: 0px !important;
1407                    border-color:  !important;
1408                }
1409                .input_general_style:hover input {
1410                    border-color:  !important;
1411                }
1412                .input_general_style input:-webkit-autofill,
1413                .input_general_style input:-webkit-autofill:hover,
1414                .input_general_style input:-webkit-autofill:focus,
1415                .input_general_style input:-webkit-autofill:active{
1416                    -webkit-box-shadow: 0 0 0 30px white inset !important;
1417                }
1418                .input_general_style input:focus {
1419                    border-color: initial;
1420                    box-shadow: unset;
1421                }
1422                .input_general_style .toggle-password-visibility {
1423                    position: absolute;
1424                    right: 5px;
1425                    top: 50%;
1426                    transform: translateY(-50%);
1427                    border: 0;
1428                    background: transparent;
1429                }
1430                                .select_general_style {
1431                    position: relative;
1432                }
1433                .select_general_style label {
1434                    width: auto !important;
1435                    position: absolute;
1436                    top: 50%;
1437                    left: 5px;
1438                    transform: translateY(-50%);
1439                    transform-origin: 0% 100%;
1440                    transition: all .2s ease-out;
1441                    padding: 0 10px;
1442                    margin: 0 !important;
1443                    cursor: text;
1444                    background: white;
1445                }
1446                .select_general_style label.active {
1447                    top: 0;
1448                    transform: translateY(-55%) scale(0.80);
1449                }
1450
1451                .select_general_style select {
1452                    font-size: 16px !important;
1453                    font-family:  !important;
1454                    font-weight:  !important;
1455                    font-style:  !important;
1456                    color:  !important;
1457                    border-style: solid !important;
1458                    border-width: px !important;
1459                    border-radius: 0px !important;
1460                    border-color:  !important;
1461                    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;
1462                    -webkit-appearance: none !important;
1463                    -moz-appearance: none !important;
1464                    appearance: none !important;
1465                }
1466                .select_general_style:hover select {
1467                    border-color:  !important;
1468                }
1469                .select_general_style select:focus {
1470                    border-color: initial;
1471                    box-shadow: unset;
1472                }
1473                .select_general_style select:-webkit-autofill,
1474                .select_general_style select:-webkit-autofill:hover,
1475                .select_general_style select:-webkit-autofill:focus,
1476                .select_general_style select:-webkit-autofill:active{
1477                    -webkit-box-shadow: 0 0 0 30px white inset !important;
1478                }
1479                                .textarea_general_style {
1480                    position: relative;
1481                }
1482                .textarea_general_style label {
1483                    width: auto !important;
1484                    position: absolute;
1485                    top: 18px;
1486                    left: 5px;
1487                    transform: translateY(-50%);
1488                    transform-origin: 0% 100%;
1489                    transition: all .2s ease-out;
1490                    padding: 0 10px;
1491                    margin: 0 !important;
1492                    cursor: text;
1493                    background: white;
1494                }
1495                .textarea_general_style label.active {
1496                    top: 0;
1497                    transform: translateY(-55%) scale(0.80);
1498                }
1499
1500                .textarea_general_style textarea {
1501                    font-size: 16px !important;
1502                    font-family:  !important;
1503                    font-weight:  !important;
1504                    font-style:  !important;
1505                    color:  !important;
1506                    background-color: white !important;
1507                    border-style: solid !important;
1508                    border-width: px !important;
1509                    border-radius: 0px !important;
1510                    border-color:  !important;
1511                }
1512                .textarea_general_style:hover textarea {
1513                    border-color:  !important;
1514                }
1515                .textarea_general_style textarea:focus {
1516                    border-color: initial;
1517                    box-shadow: unset;
1518                }
1519                .textarea_general_style textarea:-webkit-autofill,
1520                .textarea_general_style textarea:-webkit-autofill:hover,
1521                .textarea_general_style textarea:-webkit-autofill:focus,
1522                .textarea_general_style textarea:-webkit-autofill:active{
1523                    -webkit-box-shadow: 0 0 0 30px white inset !important;
1524                }
1525                }
1526            </style><header class="appearance-desktop-view-template">    
1527    
1528    
1529        
1530        <style>
1531            .header_container>.flex_row {
1532                display: flex;
1533            }
1534
1535            .header_container_1 {
1536                            width: 100%;
1537                                        max-width: 100%;
1538                            margin: 0 auto;
1539                position: relative !important;
1540                transform: inherit !important;
1541            }
1542            .header_container>.flex_row>.flex_col {
1543                display: flex;
1544                flex-wrap: wrap;
1545                box-sizing: border-box;
1546                align-content: baseline;
1547            }
1548            .header_container>.flex_row>.flex_col>.flex_cell {
1549                height: fit-content;
1550                display: flex;
1551            }
1552            .header_container>.flex_row>.flex_col>.flex_cell a {
1553                text-decoration: none;
1554            }
1555            .header_container img {
1556                max-width: 100%;
1557            }
1558            .row_spacer_cs {
1559                display: none;
1560            }
1561            .sticky_row {
1562                position: fixed;
1563            }
1564            .sticky_row + .row_spacer_cs {
1565                display: block;
1566            }
1567        </style>
1568
1569        <div class="header_container header_container_1" data-device-type="1">
1570
1571            
1572                
1573                <div class="flex_row flex_row_1 ">
1574
1575                    
1576                        <div class="flex_col flex_col_1">
1577
1578                            
1579                        </div>
1580
1581                        <style>
1582                            .header_container_1>.flex_row_1>.flex_col_1 {
1583                            width:5%;                            }
1584                        </style>
1585
1586
1587                    
1588                        <div class="flex_col flex_col_2">
1589
1590                            
1591<div class="flex_cell flex_cell_1 call_us">
1592            <div class="flex_cell_content"><a class="phone_number_click " href="tel:623-925-1815" title="Call us 623-925-1815">
1592<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>623-925-1815</span></a></div>    </div>
1593<style>
1594    .header_container_1>.flex_row_1>.flex_col_2>.flex_cell_1.call_us {
1595        width:100%;        justify-content:left; -webkit-justify-content:left;        align-items:center; -webkit-align-items:center;    }
1596
1597            .header_container_1>.flex_row_1>.flex_col_2>.flex_cell_1.call_us {
1598        height:100%;        }
1599    
1600    .header_container_1>.flex_row_1>.flex_col_2>.flex_cell_1.call_us>.flex_cell_content {
1601        display: flex;
1602        margin-top:10px;        margin-bottom:10px;        margin-left:0px;        margin-right:px;        padding-top:px;        padding-bottom:px;        padding-left:px;        padding-right:px;    }
1603
1604    .header_container_1>.flex_row_1>.flex_col_2>.flex_cell_1 a {
1605        color:#ffffff;                                        font-size:16px;        font-family:Arial;        display: flex;
1606        align-items: center;
1607        text-transform:none;    }
1608
1609    .header_container_1>.flex_row_1>.flex_col_2>.flex_cell_1.call_us a svg,
1610    .header_container_1>.flex_row_1>.flex_col_2>.flex_cell_1.call_us a img {
1611        margin-right: 5px;
1612        height:15px;    }
1613
1614    .header_container_1>.flex_row_1>.flex_col_2>.flex_cell_1 a .path_class {
1615        fill: currentColor;
1616    }
1617
1618
1619    .header_container_1>.flex_row_1>.flex_col_2>.flex_cell_1 a:hover {
1620    color:#cccccc;    }
1621</style>
1622                        </div>
1623
1624                        <style>
1625                            .header_container_1>.flex_row_1>.flex_col_2 {
1626                            width:30%;                            }
1627                        </style>
1628
1629
1630                    
1631                        <div class="flex_col flex_col_3">
1632
1633                            
1634<div class="flex_cell flex_cell_1 button_link">
1635    
1636
1637        <div class="flex_cell_content">
1638            <a class="btn_link_ig" href="https://www.osbornejewelersinc.com/book-an-appointment"  title="calendar icon">
1639                                <img alt="calendar icon" title="calendar icon"
1640                                                            src="/public/1.0/uploads/source/calendar.png"/>
1641                                Book Appointment                            </a>
1642        </div>
1643
1644    </div>
1645<style>
1646    .header_container_1>.flex_row_1>.flex_col_3>.flex_cell_1.button_link {
1647        width:100%;        justify-content:center; -webkit-justify-content:center;            }
1648
1649            .header_container_1>.flex_row_1>.flex_col_3>.flex_cell_1.button_link {
1650        height:100%;        }
1651    
1652    .header_container_1>.flex_row_1>.flex_col_3>.flex_cell_1.button_link>.flex_cell_content {
1653    display: flex;
1654    margin-top:px;    margin-bottom:px;    margin-left:px;    margin-right:px;    }
1655
1656    .header_container_1>.flex_row_1>.flex_col_3>.flex_cell_1.button_link a {
1657        color:#ffffff;                                
1658                    background-color:#68417f;        
1659        font-size:px;font-family:Arial;        text-decoration: none;
1660        display: inline-flex;
1661        align-items: center;
1662        padding: 10px 26px;
1663        border-style: solid;
1664                text-transform:none;        border-radius:0px;        border-width:0px;        border-color:#000000;        padding-top:px;        padding-bottom:px;        padding-left:px;        padding-right:px;    }
1665
1666    .header_container_1>.flex_row_1>.flex_col_3>.flex_cell_1.button_link a>i{
1667        margin-right: 5px;
1668    }
1669
1670    .header_container_1>.flex_row_1>.flex_col_3>.flex_cell_1.button_link a:hover {
1671        color:#cccccc;        background-color:#68417f;        border-color:#000000;            }
1672
1673    .header_container_1>.flex_row_1>.flex_col_3>.flex_cell_1 a>img {
1674        margin-right:5px;    }
1675</style>
1676
1677                        </div>
1678
1679                        <style>
1680                            .header_container_1>.flex_row_1>.flex_col_3 {
1681                            width:40%;                            }
1682                        </style>
1683
1684
1685                    
1686                        <div class="flex_col flex_col_4">
1687
1688                            
1689<div class="flex_cell flex_cell_1 search_box">
1690    <div class="flex_cell_content">
1691                    <form class="sform" id="search-box-form"
1692            onsubmit="javascript: window.location = '/keyword-search?search=' + encodeURIComponent($(this).find('input[name=search]').val()); return false;">
1693                    <div class="inputs-group">
1694                                <input class="sinp" type="text" name="search"
1695                       placeholder="SEARCH PRODUCTS" 
1696                       aria-label="SEARCH PRODUCTS"
1697                       >
1698                                    <button class="sBtn" onclick="javascript: $('#search-box-form').submit();">
1699                        <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>
1700                    </button>
1701                            </div>
1702                    </form>
1703            </div>
1704</div>
1705<style>
1706    .header_container_1>.flex_row_1>.flex_col_4>.flex_cell_1.search_box {
1707        width:100%;        justify-content:right; -webkit-justify-content:right;        align-items:center; -webkit-align-items:center;    }
1708
1709            .header_container_1>.flex_row_1>.flex_col_4>.flex_cell_1.search_box {
1710        height:100%;        }
1711    
1712    .header_container_1>.flex_row_1>.flex_col_4>.flex_cell_1.search_box>.flex_cell_content {
1713        display: flex;
1714        margin-top:5px;        margin-bottom:5px;        margin-left:px;        margin-right:px;        padding-top:px;        padding-bottom:px;        padding-left:px;        padding-right:px;            }
1715
1716    .header_container_1>.flex_row_1>.flex_col_4>.flex_cell_1 .sform, .header_container_1>.flex_row_1>.flex_col_4>.flex_cell_1 .inputs-group {
1717        width: 100%;
1718        display: flex;
1719        flex-wrap: nowrap;
1720    }
1721
1722    .header_container_1>.flex_row_1>.flex_col_4>.flex_cell_1 .sinp {
1723        border-radius: 0px;
1724        padding: 4px 8px;
1725        outline: 0px;
1726        box-shadow: none;
1727        font-size:14px;        font-family:Arial;        color:#ffffff;                                        background-color:#68417f;        
1728        
1729       
1730                border-style: solid;
1731        border-width:1px;        border-color:#68417f;        
1732
1733                            border-right:0px;
1734                width: 100%;        
1735        
1736                    background-color: transparent;   
1737            border-color: transparent;
1738                border-bottom-color:#ffffff;    }
1739
1740    .header_container_1>.flex_row_1>.flex_col_4>.flex_cell_1 .sinp:hover {
1741            }
1742
1743    .header_container_1>.flex_row_1>.flex_col_4>.flex_cell_1 .sinp::placeholder {
1744        font-size:14px;        font-family:Arial;        color:#ffffff;        opacity: 1;
1745    }
1746
1747    .header_container_1>.flex_row_1>.flex_col_4>.flex_cell_1 .sBtn {
1748        height: 100%;
1749        border-radius: 0px;
1750        padding: 4px;
1751        align-items: center;
1752        justify-content: center;
1753        display: flex;
1754        border-style: solid;
1755        border-width:1px;        border-color:#68417f;        color:#ffffff;                                        background-color:#68417f;                                            border-left:0px;
1756                    
1757                    background-color: transparent;   
1758            border-color: transparent;
1759            }
1760
1761    .header_container_1>.flex_row_1>.flex_col_4>.flex_cell_1 .sBtn:hover {
1762        background-color:#68417f;                    background-color: transparent;   
1763            }
1764
1765    .header_container_1>.flex_row_1>.flex_col_4>.flex_cell_1 .sBtn svg {
1766        width:13px;        height:13px;    }
1767
1768    .header_container_1>.flex_row_1>.flex_col_4>.flex_cell_1 .sBtn .path_class {
1769        fill:#ffffff;    }
1770
1771    .header_container_1>.flex_row_1>.flex_col_4>.flex_cell_1 .sBtn:hover .path_class {
1772            }
1773
1774</style>
1775                        </div>
1776
1777                        <style>
1778                            .header_container_1>.flex_row_1>.flex_col_4 {
1779                            width:20%;                            }
1780                        </style>
1781
1782
1783                    
1784                        <div class="flex_col flex_col_5">
1785
1786                            
1787<div class="flex_cell flex_cell_1 account_icons">
1788    <div class="flex_cell_content">
1789        
1790                    <a class="" href="/wishlist" title="Wishlist" rel="nofollow" style="order: 2">
1791                <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>
1791                                                <span class="item-count-badge wishlist-count-badge d-none"></span>
1792                            </a>
1793        
1794                    <a class=" build-shopping-cart-icon" href="/shopping-cart" title="Shopping Cart" style="order: 3">
1795                <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>
1796                            </a>
1797        
1798        
1799                                    <a class="" href="/login" title="My Account" style="order: 5">
1800                    <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>
1801                        </div>
1802</div>
1803
1804<style>
1805    .header_container_1>.flex_row_1>.flex_col_5>.flex_cell_1.account_icons {
1806        width:100%;                                    justify-content: flex-end;
1807                            align-items:center; -webkit-align-items:center;    }
1808
1809            .header_container_1>.flex_row_1>.flex_col_5>.flex_cell_1.account_icons {
1810        height:100%;        }
1811    
1812    .header_container_1>.flex_row_1>.flex_col_5>.flex_cell_1.account_icons>.flex_cell_content {
1813    display: flex;
1814    margin-top:10px;    margin-bottom:10px;    margin-left:px;    margin-right:0px;    padding-top:px;    padding-bottom:px;    padding-left:px;    padding-right:px;    }
1815
1816    .header_container_1>.flex_row_1>.flex_col_5>.flex_cell_1.account_icons .wishlist-count-badge.d-none {
1817        display: none !important;
1818    }
1819
1820    .header_container_1>.flex_row_1>.flex_col_5>.flex_cell_1.account_icons a {
1821        display: flex;
1822        align-items: center;
1823        color:#ffffff;                                        font-size:16px;        font-family:Arial;        margin-left: 12px;
1824        text-transform:none;    }
1825
1826    .header_container_1>.flex_row_1>.flex_col_5>.flex_cell_1.account_icons a svg,
1827    .header_container_1>.flex_row_1>.flex_col_5>.flex_cell_1.account_icons a img {
1828        flex-shrink: 0;
1829        margin-right: 5px;
1830        width:15px;        height:15px;    }
1831
1832    .header_container_1>.flex_row_1>.flex_col_5>.flex_cell_1.account_icons a .path_class {
1833        fill: currentColor;
1834    }
1835
1836    .header_container_1>.flex_row_1>.flex_col_5>.flex_cell_1.account_icons a:hover {
1837        color:#cccccc;    }
1838
1839    .header_container_1>.flex_row_1>.flex_col_5>.flex_cell_1.account_icons a .item-count-badge {
1840        padding: 0 5px;
1841        height: 16px;
1842        min-width: 16px;
1843        text-align: center;
1844        border-radius: 7px;
1845        line-height: 16px;
1846        border: 1px solid #fff;
1847        font-style: normal;
1848        font-weight: 700;
1849        font-size: 10px;
1850        background-color:#00b252;        color:#ffffff;        margin-left: -10px;
1851        margin-top: -15px;
1852    }
1853</style>
1854                        </div>
1855
1856                        <style>
1857                            .header_container_1>.flex_row_1>.flex_col_5 {
1858                            width:10%;                            }
1859                        </style>
1860
1861
1862                    
1863                        <div class="flex_col flex_col_6">
1864
1865                            
1866                        </div>
1867
1868                        <style>
1869                            .header_container_1>.flex_row_1>.flex_col_6 {
1870                            width:5%;                            }
1871                        </style>
1872
1873
1874                    
1875                </div>
1876
1877                
1878                <style>
1879    .header_container_1>.flex_row_1 {
1880                    background-color: #68417f;
1881        
1882        color:#000000;        height:auto;                
1883        
1884            }
1885
1886    </style>
1887
1888
1889                                
1890            
1891                
1892                <div class="flex_row flex_row_2 ">
1893
1894                    
1895                        <div class="flex_col flex_col_1">
1896
1897                            
1898                        </div>
1899
1900                        <style>
1901                            .header_container_1>.flex_row_2>.flex_col_1 {
1902                            width:100%;                            }
1903                        </style>
1904
1905
1906                    
1907                        <div class="flex_col flex_col_2">
1908
1909                            
1910
1911<div class="flex_cell flex_cell_1 image">
1912    <div class="flex_cell_content">
1913
1914            <a href="https://www.osbornejewelersinc.com/home"
1915           >
1916    
1917        
1918            <img
1919                height="80px"                
1920                
1921                src="https://www.osbornejewelersinc.com/public/1.0/uploads/source/oj-logo-d.png"
1922
1923                alt="Osborne Jewelers Logo">
1924
1925        
1926            </a>
1927    
1928    </div>
1929</div>
1930    <style>
1931                .header_container_1>.flex_row_2>.flex_col_2>.flex_cell_1.image {
1932        width:100%;        justify-content:center;
1932 -webkit-justify-content:center;                align-items:center; -webkit-align-items:center;        }
1933        .header_container_1>.flex_row_2>.flex_col_2>.flex_cell_1.image>.flex_cell_content {
1934        display: flex;
1935        margin-top:10px;        margin-bottom:10px;        margin-left:px;        margin-right:px;        padding-top:px;        padding-bottom:px;        padding-left:px;        padding-right:px;        }
1936        .header_container_1>.flex_row_2>.flex_col_2>.flex_cell_1.image img {
1937                }
1938        
1939                .header_container_1>.flex_row_2>.flex_col_2>.flex_cell_1.image {
1940        height:100%;        }
1941            </style>
1942
1943
1944                        </div>
1945
1946                        <style>
1947                            .header_container_1>.flex_row_2>.flex_col_2 {
1948                            width:100%;                            }
1949                        </style>
1950
1951
1952                    
1953                        <div class="flex_col flex_col_3">
1954
1955                            
1956                        </div>
1957
1958                        <style>
1959                            .header_container_1>.flex_row_2>.flex_col_3 {
1960                            width:100%;                            }
1961                        </style>
1962
1963
1964                    
1965                </div>
1966
1967                
1968                <style>
1969    .header_container_1>.flex_row_2 {
1970                    background-color: #ffffff;
1971        
1972        color:#000000;        height:auto;                
1973        
1974            }
1975
1976    </style>
1977
1978
1979                                
1980            
1981                
1982                <div class="flex_row flex_row_3 ">
1983
1984                    
1985                        <div class="flex_col flex_col_1">
1986
1987                            <div class="flex_cell flex_cell_1 menu">
1988    <div class="flex_cell_content">
1989        <nav aria-label="Menu">
1990        <ul class="horizontal_menu" role="menubar" aria-label="Menu" data-menubar-item-expanded="false">
1991                                <li class=" menu_container_li" role="none">
1992                                                <a href="#!" title="Engagement Rings" class="hor_menu_links "  data-full_image="" role="menuitem" tabindex="0" aria-haspopup="true" aria-expanded="false" >
1993                                                        Engagement Rings                        </a>
1994                                                                            
1995
1996    
1997        
1998        <div class="menu_container custom_build_menu menu_container_1_6 custom_bm_fw" role="menu">
1999
2000            
2001                
2002                    <div class="flex_row flex_row_1">
2003
2004                        
2005                            <div class="flex_col flex_col_1">
2006
2007                                
2008                            </div>
2009
2010                            <style>
2011                                .menu_container_1_6 .flex_row_1 .flex_col_1 {
2012                                width:100%;                                }
2013                            </style>
2014
2015
2016                        
2017                            <div class="flex_col flex_col_2">
2018
2019                                
2020 <div class="flex_cell flex_cell_1 third_level">
2021            <div class="flex_cell_content">
2022            <div class="nav_div_7 menu_container_li">
2023                                                                                                                                                                                                        <div class="vfit">
2024                            <a class=" " title="Shop By Style" href="#!"  data-full_image="" role="button" tabindex="0">
2025                                                                Shop By Style                            </a>
2026                        </div>
2027                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    <div class="nav_list_container">
2028                                            <ul class="nav_list" role="menu" aria-label="Shop By Style" tabindex="-1">
2029                                                                                                                                                                                                                                                                                                                                                                                                                                                                        <li class="" role="none">
2030                                        <a class="" 
2031                                           role="menuitem" 
2032                                           tabindex="0"
2033                                           href="https://www.osbornejewelersinc.com/halo-rings"  
2034                                           title="Halo Rings" 
2035                                           style="" 
2036                                           data-full_image=""
2037                                           >
2038                                                                                            <img class="nav_
2038ct_icons menu_icon_halorings"
2039                                                     src="https://www.osbornejewelersinc.com/public/1.0/uploads/source/icons/jewelry_icons/rings/halo.svg"
2040                                                     alt="Halo Rings"
2041                                                     title="Halo Rings"
2042                                                                                                                                                                        height="25"
2043                                                            width="25"
2044                                                                                                                                                                 loading="lazy"/>
2045                                                                                        Halo Rings</a>
2046                                    </li>
2047                                                                                                <li class="" role="none">
2048                                        <a class="" 
2049                                           role="menuitem" 
2050                                           tabindex="-1"
2051                                           href="https://www.osbornejewelersinc.com/side-stone-rings"  
2052                                           title="Side Stone Rings" 
2053                                           style="" 
2054                                           data-full_image=""
2055                                           >
2056                                                                                            <img class="nav_ct_icons menu_icon_sidestonerings"
2057                                                     src="https://www.osbornejewelersinc.com/public/1.0/uploads/source/icons/jewelry_icons/rings/sidestones.svg"
2058                                                     alt="Side Stone Rings"
2059                                                     title="Side Stone Rings"
2060                                                                                                                                                                        height="25"
2061                                                            width="25"
2062                                                                                                                                                                 loading="lazy"/>
2063                                                                                        Side Stone Rings</a>
2064                                    </li>
2065                                                                                                <li class="" role="none">
2066                                        <a class="" 
2067                                           role="menuitem" 
2068                                           tabindex="-1"
2069                                           href="https://www.osbornejewelersinc.com/solitaire-rings"  
2070                                           title="Solitare Rings" 
2071                                           style="" 
2072                                           data-full_image=""
2073                                           >
2074                                                                                            <img class="nav_ct_icons menu_icon_solitarerings"
2075                                                     src="https://www.osbornejewelersinc.com/public/1.0/uploads/source/icons/jewelry_icons/rings/solitaire.svg"
2076                                                     alt="Solitare Rings"
2077                                                     title="Solitare Rings"
2078                                                                                                                                                                        height="25"
2079                                                            width="25"
2080                                                                                                                                                                 loading="lazy"/>
2081                                                                                        Solitare Rings</a>
2082                                    </li>
2083                                                                                                <li class="" role="none">
2084                                        <a class="" 
2085                                           role="menuitem" 
2086                                           tabindex="-1"
2087                                           href="https://www.osbornejewelersinc.com/three-stones-rings"  
2088                                           title="Three Stones Rings" 
2089                                           style="" 
2090                                           data-full_image=""
2091                                           >
2092                                                                                            <img class="nav_
2092ct_icons menu_icon_threestonesrings"
2093                                                     src="https://www.osbornejewelersinc.com/public/1.0/uploads/source/icons/jewelry_icons/rings/3stones.svg"
2094                                                     alt="Three Stones Rings"
2095                                                     title="Three Stones Rings"
2096                                                                                                                                                                        height="25"
2097                                                            width="25"
2098                                                                                                                                                                 loading="lazy"/>
2099                                                                                        Three Stones Rings</a>
2100                                    </li>
2101                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            </ul>
2102                                                        </div>
2103            </div>
2104        </div>
2105        <style>
2106            .menu_container_1_6>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_7 {
2107                width: 100%;
2108            }
2109            .menu_container_1_6>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_7 .vfit {
2110                text-align: left;
2111                
2112                                    border-bottom: 1px solid #ececec;
2113                    padding-bottom: 8px;
2114                            }
2115            .menu_container_1_6>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_7 .nav_list {
2116                list-style: none;
2117                margin: 0;
2118                padding: 0;
2119            }
2120            .menu_container_1_6>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_7 .nav_list + li {
2121                margin-top: 10px;
2122            }
2123            .menu_container_1_6>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_7 li {
2124                width: 100%;
2125                margin: 0;
2126                padding: 0;
2127            }
2128            .menu_container_1_6>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_7 li:hover {
2129                opacity: 0.8;
2130            }
2131            .menu_container_1_6>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_7 .nav_list li a {
2132                padding: 0;
2133                                            }
2134                    </style>
2135    </div>
2136<style>
2137    .menu_container_1_6>.flex_row_1>.flex_col_2>.flex_cell_1.third_level {
2138        width:100%;        align-items:start; -webkit-align-items:start;    }
2139
2140            .menu_container_1_6>.flex_row_1>.flex_col_2>.flex_cell_1.third_level {
2141        height:100%;        }
2142    
2143    .menu_container_1_6>.flex_row_1>.flex_col_2>.flex_cell_1.third_level>.flex_cell_content {
2144        display: flex;
2145        width: 100%;
2146        margin-top:20px;        margin-bottom:px;        margin-left:20px;        margin-right:px;        padding-top:px;        padding-bottom:px;        padding-left:px;        padding-right:px;    }
2147
2148            .menu_container_1_6>.flex_row_1>.flex_col_2>.flex_cell_1.third_level .vfit a {
2149        color:#4d4d4d;                font-style:italic;                            display: flex;
2150        font-size:14px;        font-family:Arial;        text-transform:uppercase;                        }
2151        .menu_container_1_6>.flex_row_1>.flex_col_2>.flex_cell_1.third_level .vfit a:hover {
2152        color:#000000;        }
2153
2154                .menu_container_1_6>.flex_row_1>.flex_col_2>.flex_cell_1.third_level .vfit a .nav_ct_icons {
2155            height: 20px;
2156            margin-right: 5px;
2157        }
2158            
2159            .menu_container_1_6>.flex_row_1>.flex_col_2>.flex_cell_1.third_level .nav_list li a {
2160        color:#4d4d4d;                font-style:normal;                line-height:25px;            display: flex;
2161            align-items:center;
2162        font-size:14px;        font-family:Arial;        text-transform:none;                line-height:25px;        }
2163        .menu_container_1_6>.flex_row_1>.flex_col_2>.flex_cell_1.third_level .nav_list li a:hover {
2164        color:#000000;        }
2165
2166                .menu_container_1_6>.flex_row_1>.flex_col_2>.flex_cell_1.third_level .nav_list li a .nav_ct_icons {
2167            height: 25px;
2168            margin-right: 5px;
2169        }
2170            
2171</style>
2172                            </div>
2173
2174                            <style>
2175                                .menu_container_1_6 .flex_row_1 .flex_col_2 {
2176                                width:100%;                                }
2177                            </style>
2178
2179
2180                        
2181                            <div class="flex_col flex_col_3">
2182
2183                                
2184 <div class="flex_cell flex_cell_1 third_level">
2185            <div class="flex_cell_content">
2186            <div class="nav_div_8 menu_container_li">
2187                                                                                                                                                                                                                        <div class="vfit">
2188                            <a class=" " title="Shop By Shape" href="#!"  data-full_image="" role="button" tabindex="0">
2189                                                                Shop By Shape                            </a>
2190                        </div>
2191                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    <div class="nav_list_container">
2192                                            <ul class="nav_list" role="menu" aria-label="Shop By Shape" tabindex="-1">
2193                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        <li class="" role="none">
2194                                        <a class="" 
2195                                           role="menuitem" 
2196                                           tabindex="0"
2197                                           href="https://www.osbornejewelersinc.com/princess-cut-rings"  
2198                                           title="Princess Cut Rings" 
2199                                           style="" 
2200                                           data-full_image=""
2201                                           >
2202                                                                                            <img class="nav_
2202ct_icons menu_icon_princesscutrings"
2203                                                     src="https://www.osbornejewelersinc.com/public/1.0/uploads/source/icons/jewelry_icons/rings/princess.svg"
2204                                                     alt="Princess Cut Rings"
2205                                                     title="Princess Cut Rings"
2206                                                                                                                                                                        height="25"
2207                                                            width="25"
2208                                                                                                                                                                 loading="lazy"/>
2209                                                                                        Princess Cut Rings</a>
2210                                    </li>
2211                                                                                                <li class="" role="none">
2212                                        <a class="" 
2213                                           role="menuitem" 
2214                                           tabindex="-1"
2215                                           href="https://www.osbornejewelersinc.com/round-cut-rings"  
2216                                           title="Round Cut Rings" 
2217                                           style="" 
2218                                           data-full_image=""
2219                                           >
2220                                                                                            <img class="nav_ct_icons menu_icon_roundcutrings"
2221                                                     src="https://www.osbornejewelersinc.com/public/1.0/uploads/source/icons/jewelry_icons/rings/round.svg"
2222                                                     alt="Round Cut Rings"
2223                                                     title="Round Cut Rings"
2224                                                                                                                                                                        height="25"
2225                                                            width="25"
2226                                                                                                                                                                 loading="lazy"/>
2227                                                                                        Round Cut Rings</a>
2228                                    </li>
2229                                                                                                                            <li class="" role="none">
2230                                        <a class="" 
2231                                           role="menuitem" 
2232                                           tabindex="-1"
2233                                           href="https://www.osbornejewelersinc.com/oval-cut-rings"  
2234                                           title="Oval Cut Rings" 
2235                                           style="" 
2236                                           data-full_image=""
2237                                           >
2238                                                                                            <img class="nav_ct_icons menu_icon_ovalcutrings"
2239                                                     src="https://www.osbornejewelersinc.com/public/1.0/uploads/source/icons/jewelry_icons/rings/oval.svg"
2240                                                     alt="Oval Cut Rings"
2241                                                     title="Oval Cut Rings"
2242                                                                                                                                                                        height="25"
2243                                                            width="25"
2244                                                                                                                                                                 loading="lazy"/>
2245                                                                                        Oval Cut Rings</a>
2246                                    </li>
2247                                                                                                <li class="" role="none">
2248                                        <a class="" 
2249                                           role="menuitem" 
2250                                           tabindex="-1"
2251                                           href="https://www.osbornejewelersinc.com/emerald-cut-rings"  
2252                                           title="Emerald Cut Rings" 
2253                                           style="" 
2254                                           data-full_image=""
2255                                           >
2256                                                                                            <img class="nav_
2256ct_icons menu_icon_emeraldcutrings"
2257                                                     src="https://www.osbornejewelersinc.com/public/1.0/uploads/source/icons/jewelry_icons/rings/emerald.svg"
2258                                                     alt="Emerald Cut Rings"
2259                                                     title="Emerald Cut Rings"
2260                                                                                                                                                                        height="25"
2261                                                            width="25"
2262                                                                                                                                                                 loading="lazy"/>
2263                                                                                        Emerald Cut Rings</a>
2264                                    </li>
2265                                                                                                <li class="" role="none">
2266                                        <a class="" 
2267                                           role="menuitem" 
2268                                           tabindex="-1"
2269                                           href="https://www.osbornejewelersinc.com/marquise-cut-rings"  
2270                                           title="Marquise Cut Rings" 
2271                                           style="" 
2272                                           data-full_image=""
2273                                           >
2274                                                                                            <img class="nav_ct_icons menu_icon_marquisecutrings"
2275                                                     src="https://www.osbornejewelersinc.com/public/1.0/uploads/source/icons/jewelry_icons/rings/marquise.svg"
2276                                                     alt="Marquise Cut Rings"
2277                                                     title="Marquise Cut Rings"
2278                                                                                                                                                                        height="25"
2279                                                            width="25"
2280                                                                                                                                                                 loading="lazy"/>
2281                                                                                        Marquise Cut Rings</a>
2282                                    </li>
2283                                                                                                <li class="" role="none">
2284                                        <a class="" 
2285                                           role="menuitem" 
2286                                           tabindex="-1"
2287                                           href="https://www.osbornejewelersinc.com/pear-shape-ring"  
2288                                           title="Pear Shape Rings" 
2289                                           style="" 
2290                                           data-full_image=""
2291                                           >
2292                                                                                            <img class="nav_ct_icons menu_icon_pearshaperings"
2293                                                     src="https://www.osbornejewelersinc.com/public/1.0/uploads/source/icons/jewelry_icons/rings/pear.svg"
2294                                                     alt="Pear Shape Rings"
2295                                                     title="Pear Shape Rings"
2296                                                                                                                                                                        height="25"
2297                                                            width="25"
2298                                                                                                                                                                 loading="lazy"/>
2299                                                                                        Pear Shape Rings</a>
2300                                    </li>
2301                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        </ul>
2302                                                        </div>
2303            </div>
2304        </div>
2305        <style>
2306            .menu_container_1_6>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_8 {
2307                width: 100%;
2308            }
2309            .menu_container_1_6>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_8 .vfit {
2310                text-align: left;
2311                
2312                                    border-bottom: 1px solid #ececec;
2313                    padding-bottom: 8px;
2314                            }
2315            .menu_container_1_6>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_8 .nav_list {
2316                list-style: none;
2317                margin: 0;
2318                padding: 0;
2319            }
2320            .menu_container_1_6>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_8 .nav_list + li {
2321                margin-top: 10px;
2322            }
2323            .menu_container_1_6>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_8 li {
2324                width: 100%;
2325                margin: 0;
2326                padding: 0;
2327            }
2328            .menu_container_1_6>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_8 li:hover {
2329                opacity: 0.8;
2330            }
2331            .menu_container_1_6>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_8 .nav_list li a {
2332                padding: 0;
2333                                            }
2334                    </style>
2335    </div>
2336<style>
2337    .menu_container_1_6>.flex_row_1>.flex_col_3>.flex_cell_1.third_level {
2338        width:100%;        align-items:start; -webkit-align-items:start;    }
2339
2340            .menu_container_1_6>.flex_row_1>.flex_col_3>.flex_cell_1.third_level {
2341        height:100%;        }
2342    
2343    .menu_container_1_6>.flex_row_1>.flex_col_3>.flex_cell_1.third_level>.flex_cell_content {
2344        display: flex;
2345        width: 100%;
2346        margin-top:20px;        margin-bottom:px;        margin-left:20px;        margin-right:px;        padding-top:px;        padding-bottom:px;        padding-left:px;        padding-right:px;    }
2347
2348            .menu_container_1_6>.flex_row_1>.flex_col_3>.flex_cell_1.third_level .vfit a {
2349        color:#4d4d4d;                font-style:italic;                            display: flex;
2350        font-size:14px;        font-family:Arial;        text-transform:uppercase;                        }
2351        .menu_container_1_6>.flex_row_1>.flex_col_3>.flex_cell_1.third_level .vfit a:hover {
2352        color:#000000;        }
2353
2354                .menu_container_1_6>.flex_row_1>.flex_col_3>.flex_cell_1.third_level .vfit a .nav_ct_icons {
2355            height: 20px;
2356            margin-right: 5px;
2357        }
2358            
2359            .menu_container_1_6>.flex_row_1>.flex_col_3>.flex_cell_1.third_level .nav_list li a {
2360        color:#4d4d4d;                font-style:normal;                line-height:25px;            display: flex;
2361            align-items:center;
2362        font-size:14px;        font-family:Arial;        text-transform:none;                line-height:25px;        }
2363        .menu_container_1_6>.flex_row_1>.flex_col_3>.flex_cell_1.third_level .nav_list li a:hover {
2364        color:#000000;        }
2365
2366                .menu_container_1_6>.flex_row_1>.flex_col_3>.flex_cell_1.third_level .nav_list li a .nav_ct_icons {
2367            height: 25px;
2368            margin-right: 5px;
2369        }
2370            
2371</style>
2372                            </div>
2373
2374                            <style>
2375                                .menu_container_1_6 .flex_row_1 .flex_col_3 {
2376                                width:100%;                                }
2377                            </style>
2378
2379
2380                        
2381                            <div class="flex_col flex_col_4">
2382
2383                                
2384 <div class="flex_cell flex_cell_1 third_level">
2385            <div class="flex_cell_content">
2386            <div class="nav_div_10 menu_container_li">
2387                                                                                                                                                                                                                                        <div class="vfit">
2388                            <a class=" " title="Shop By Price" href="#!"  data-full_image="" role="button" tabindex="0">
2389                                                                Shop By Price                            </a>
2390                        </div>
2391                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    <div class="nav_list_container">
2392                                            <ul class="nav_list" role="menu" aria-label="Shop By Price" tabindex="-1">
2393                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            <li class="" role="none">
2394                                        <a class="" 
2395                                           role="menuitem" 
2396                                           tabindex="0"
2397                                           href="https://www.osbornejewelersinc.com/engagement-rings-up-to-500"  
2398                                           title="Up to $500" 
2399                                           style="" 
2400                                           data-full_image=""
2401                                           >
2402                                                                                        Up to $500</a>
2403                                    </li>
2404                                                                                                <li class="" role="none">
2405                                        <a class="" 
2406                                           role="menuitem" 
2407                                           tabindex="-1"
2408                                           href="https://www.osbornejewelersinc.com/engagement-rings-500-to-1000"  
2409                                           title="$500 - $1000" 
2410                                           style="" 
2411                                           data-full_image=""
2412                                           >
2413                                                                                        $500 - $1000</a>
2414                                    </li>
2415                                                                                                <li class="" role="none">
2416                                        <a class="" 
2417                                           role="menuitem" 
2418                                           tabindex="-1"
2419                                           href="https://www.osbornejewelersinc.com/engagement-rings-1000-to-2000"  
2420                                           title="$1000 - $2000" 
2421                                           style="" 
2422                                           data-full_image=""
2423                                           >
2424                                                                                        $1000 - $2000</a>
2425                                    </li>
2426                                                                                                <li class="" role="none">
2427                                        <a class="" 
2428                                           role="menuitem" 
2429                                           tabindex="-1"
2430                                           href="https://www.osbornejewelersinc.com/engagement-rings-2000-to-5000"  
2431                                           title="$2000 - $5000" 
2432                                           style="" 
2433                                           data-full_image=""
2434                                           >
2435                                                                                        $2000 - $5000</a>
2436                                    </li>
2437                                                                                                <li class="" role="none">
2438                                        <a class="" 
2439                                           role="menuitem" 
2440                                           tabindex="-1"
2441                                           href="https://www.osbornejewelersinc.com/engagement-rings-5000-up"  
2442                                           title="$5000 & Up" 
2443                                           style="" 
2444                                           data-full_image=""
2445                                           >
2446                                                                                        $5000 & Up</a>
2447                                    </li>
2448                                                                                              
2448                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              </ul>
2449                                                        </div>
2450            </div>
2451        </div>
2452        <style>
2453            .menu_container_1_6>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_10 {
2454                width: 100%;
2455            }
2456            .menu_container_1_6>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_10 .vfit {
2457                text-align: left;
2458                
2459                                    border-bottom: 1px solid #ececec;
2460                    padding-bottom: 8px;
2461                            }
2462            .menu_container_1_6>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_10 .nav_list {
2463                list-style: none;
2464                margin: 0;
2465                padding: 0;
2466            }
2467            .menu_container_1_6>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_10 .nav_list + li {
2468                margin-top: 10px;
2469            }
2470            .menu_container_1_6>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_10 li {
2471                width: 100%;
2472                margin: 0;
2473                padding: 0;
2474            }
2475            .menu_container_1_6>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_10 li:hover {
2476                opacity: 0.8;
2477            }
2478            .menu_container_1_6>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_10 .nav_list li a {
2479                padding: 0;
2480                                            }
2481                    </style>
2482    </div>
2483<style>
2484    .menu_container_1_6>.flex_row_1>.flex_col_4>.flex_cell_1.third_level {
2485        width:100%;        align-items:start; -webkit-align-items:start;    }
2486
2487            .menu_container_1_6>.flex_row_1>.flex_col_4>.flex_cell_1.third_level {
2488        height:100%;        }
2489    
2490    .menu_container_1_6>.flex_row_1>.flex_col_4>.flex_cell_1.third_level>.flex_cell_content {
2491        display: flex;
2492        width: 100%;
2493        margin-top:20px;        margin-bottom:px;        margin-left:20px;        margin-right:px;        padding-top:px;        padding-bottom:px;        padding-left:px;        padding-right:px;    }
2494
2495            .menu_container_1_6>.flex_row_1>.flex_col_4>.flex_cell_1.third_level .vfit a {
2496        color:#4d4d4d;                font-style:italic;                            display: flex;
2497        font-size:14px;        font-family:Arial;        text-transform:uppercase;                        }
2498        .menu_container_1_6>.flex_row_1>.flex_col_4>.flex_cell_1.third_level .vfit a:hover {
2499        color:#000000;        }
2500
2501                .menu_container_1_6>.flex_row_1>.flex_col_4>.flex_cell_1.third_level .vfit a .nav_ct_icons {
2502            height: 20px;
2503            margin-right: 5px;
2504        }
2505            
2506            .menu_container_1_6>.flex_row_1>.flex_col_4>.flex_cell_1.third_level .nav_list li a {
2507        color:#4d4d4d;                font-style:normal;                line-height:25px;            display: flex;
2508            align-items:center;
2509        font-size:14px;        font-family:Arial;        text-transform:none;                line-height:25px;        }
2510        .menu_container_1_6>.flex_row_1>.flex_col_4>.flex_cell_1.third_level .nav_list li a:hover {
2511        color:#000000;        }
2512
2513                .menu_container_1_6>.flex_row_1>.flex_col_4>.flex_cell_1.third_level .nav_list li a .nav_ct_icons {
2514            height: 25px;
2515            margin-right: 5px;
2516        }
2517            
2518</style>
2519                            </div>
2520
2521                            <style>
2522                                .menu_container_1_6 .flex_row_1 .flex_col_4 {
2523                                width:100%;                                }
2524                            </style>
2525
2526
2527                        
2528                            <div class="flex_col flex_col_5">
2529
2530                                
2531 <div class="flex_cell flex_cell_1 third_level">
2532            <div class="flex_cell_content">
2533            <div class="nav_div_71 menu_container_li">
2534                                                                                                                                                                                                                                                        <div class="vfit">
2535                            <a class=" " title="Start Your Search" href="#!"  data-full_image="" role="button" tabindex="0">
2536                                                                Start Your Search                            </a>
2537                        </div>
2538                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    <div class="nav_list_container">
2539                                            <ul class="nav_list" role="menu" aria-label="Start Your Search" tabindex="-1">
2540                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                <li class="" role="none">
2541                                        <a class="" 
2542                                           role="menuitem" 
2543                                           tabindex="0"
2544                                           href="https://www.osbornejewelersinc.com/engagement-rings"  
2545                                           title="View All Engagement Rings >>" 
2546                                           style="" 
2547                                           data-full_image=""
2548                                           >
2549                                                                                        View All Engagement Rings >></a>
2550                                    </li>
2551                                                                                                <li class="" role="none">
2552                                        <a class="" 
2553                                           role="menuitem" 
2554                                           tabindex="-1"
2555                                           href="https://www.osbornejewelersinc.com/create-your-ring"  
2556                                           title="Customize Your Ring >>" 
2557                                           style="" 
2558                                           data-full_image=""
2559                                           >
2560                                                                                        Customize Your Ring >></a>
2561                                    </li>
2562                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            </ul>
2563                                                        </div>
2564            </div>
2565        </div>
2566        <style>
2567            .menu_container_1_6>.flex_row_1>.flex_col_5>.flex_cell_1 .nav_div_71 {
2568                width: 100%;
2569            }
2570            .menu_container_1_6>.flex_row_1>.flex_col_5>.flex_cell_1 .nav_div_71 .vfit {
2571                text-align: left;
2572                
2573                                    border-bottom: 1px solid #ececec;
2574                    padding-bottom: 8px;
2575                            }
2576            .menu_container_1_6>.flex_row_1>.flex_col_5>.flex_cell_1 .nav_div_71 .nav_list {
2577                list-style: none;
2578                margin: 0;
2579                padding: 0;
2580            }
2581            .menu_container_1_6>.flex_row_1>.flex_col_5>.flex_cell_1 .nav_div_71 .nav_list + li {
2582                margin-top: 10px;
2583            }
2584            .menu_container_1_6>.flex_row_1>.flex_col_5>.flex_cell_1 .nav_div_71 li {
2585                width: 100%;
2586                margin: 0;
2587                padding: 0;
2588            }
2589            .menu_container_1_6>.flex_row_1>.flex_col_5>.flex_cell_1 .nav_div_71 li:hover {
2590                opacity: 0.8;
2591            }
2592            .menu_container_1_6>.flex_row_1>.flex_col_5>.flex_cell_1 .nav_div_71 .nav_list li a {
2593                padding: 0;
2594                                            }
2595                    </style>
2596    </div>
2597<style>
2598    .menu_container_1_6>.flex_row_1>.flex_col_5>.flex_cell_1.third_level {
2599        width:100%;        align-items:start; -webkit-align-items:start;    }
2600
2601            .menu_container_1_6>.flex_row_1>.flex_col_5>.flex_cell_1.third_level {
2602        height:100%;        }
2603    
2604    .menu_container_1_6>.flex_row_1>.flex_col_5>.flex_cell_1.third_level>.flex_cell_content {
2605        display: flex;
2606        width: 100%;
2607        margin-top:20px;        margin-bottom:px;        margin-left:20px;        margin-right:px;        padding-top:px;        padding-bottom:px;        padding-left:px;        padding-right:px;    }
2608
2609            .menu_container_1_6>.flex_row_1>.flex_col_5>.flex_cell_1.third_level .vfit a {
2610        color:#4d4d4d;                font-style:italic;                            display: flex;
2611        font-size:14px;        font-family:Arial;        text-transform:uppercase;                        }
2612        .menu_container_1_6>.flex_row_1>.flex_col_5>.flex_cell_1.third_level .vfit a:hover {
2613        color:#000000;        }
2614
2615                .menu_container_1_6>.flex_row_1>.flex_col_5>.flex_cell_1.third_level .vfit a .nav_ct_icons {
2616            height: 20px;
2617            margin-right: 5px;
2618        }
2619            
2620            .menu_container_1_6>.flex_row_1>.flex_col_5>.flex_cell_1.third_level .nav_list li a {
2621        color:#4d4d4d;                font-style:normal;                line-height:25px;            display: flex;
2622            align-items:center;
2623        font-size:14px;        font-family:Arial;        text-transform:none;                line-height:25px;        }
2624        .menu_container_1_6>.flex_row_1>.flex_col_5>.flex_cell_1.third_level .nav_list li a:hover {
2625        color:#000000;        }
2626
2627                .menu_container_1_6>.flex_row_1>.flex_col_5>.flex_cell_1.third_level .nav_list li a .nav_ct_icons {
2628            height: 25px;
2629            margin-right: 5px;
2630        }
2631            
2632</style>
2633                            </div>
2634
2635                            <style>
2636                                .menu_container_1_6 .flex_row_1 .flex_col_5 {
2637                                width:100%;                                }
2638                            </style>
2639
2640
2641                        
2642                            <div class="flex_col flex_col_6">
2643
2644                                
2645                            </div>
2646
2647                            <style>
2648                                .menu_container_1_6 .flex_row_1 .flex_col_6 {
2649                                width:100%;                                }
2650                            </style>
2651
2652
2653                        
2654                    </div>
2655
2656                    <style>
2657                        .menu_container_1_6 .flex_row_1 {
2658                            background-color: #ffffff;
2659                        color:#000000;                        height:250                                                                        }
2660                    </style>
2661
2662                
2663            
2664                
2665                    <div class="flex_row flex_row_2">
2666
2667                        
2668                            <div class="flex_col flex_col_1">
2669
2670                                <div class="flex_cell flex_cell_1 line">
2671            <div class="s_line"></div>
2672    </div>
2673
2674<style>
2675    .menu_container_1_6>.flex_row_2>.flex_col_1>.flex_cell_1 {
2676        width: 100%;
2677        justify-content:center;
2677 -webkit-justify-content:center;        margin-top:px;        margin-bottom:px;        margin-left:px;        margin-right:px;        padding-top:25px;        padding-bottom:px;        padding-left:px;        padding-right:px;    }
2678
2679    
2680    .menu_container_1_6>.flex_row_2>.flex_col_1>.flex_cell_1 .s_line {
2681        background-color:#878787;        border-style: solid;
2682        height:1px;        width:100%;        border-radius:0px;        border-width:0px;        border-color:#000000;    }
2683
2684</style>
2685                            </div>
2686
2687                            <style>
2688                                .menu_container_1_6 .flex_row_2 .flex_col_1 {
2689                                width:100%;                                }
2690                            </style>
2691
2692
2693                        
2694                    </div>
2695
2696                    <style>
2697                        .menu_container_1_6 .flex_row_2 {
2698                            background-color: #ffffff;
2699                        color:#000000;                        height:auto                                                                        }
2700                    </style>
2701
2702                
2703            
2704        </div>
2705        <style>
2706            .menu_container .flex_row {
2707                display: flex;
2708            }
2709            .menu_container_1_6 {
2710                                        width:100%;
2711                                        max-width:100%;
2712                                                    left:0;
2713                                    }
2714            .menu_container .flex_row .flex_col{
2715                display: flex;
2716                flex-wrap: wrap;
2717                box-sizing: border-box;
2718                align-content: baseline;
2719            }
2720            .menu_container .flex_row .flex_col .flex_cell{
2721                height: fit-content;
2722                display: flex;
2723            }
2724            .menu_container .flex_row .flex_col .flex_cell a{
2725                text-decoration: none;
2726            }
2727            .menu_container img {
2728                max-width: 100%;
2729            }
2730        </style>
2731
2732    
2733                                            </li>
2734                                                <li class=" menu_container_li" role="none">
2735                                                <a href="https://www.osbornejewelersinc.com/diamonds" title="Diamonds" class="hor_menu_links "  data-full_image="" role="menuitem" tabindex="-1"  >
2736                                                        Diamonds                        </a>
2737                                                                    </li>
2738                                                <li class=" menu_container_li" role="none">
2739                                                <a href="#!" title="Wedding Bands" class="hor_menu_links "  data-full_image="" role="menuitem" tabindex="-1" aria-haspopup="true" aria-expanded="false" >
2740                                                        Wedding Bands                        </a>
2741                                                                            
2742
2743    
2744        
2745        <div class="menu_container custom_build_menu menu_container_1_3 custom_bm_fw" role="menu">
2746
2747            
2748                
2749                    <div class="flex_row flex_row_1">
2750
2751                        
2752                            <div class="flex_col flex_col_1">
2753
2754                                
2755                            </div>
2756
2757                            <style>
2758                                .menu_container_1_3 .flex_row_1 .flex_col_1 {
2759                                width:100%;                                }
2760                            </style>
2761
2762
2763                        
2764                            <div class="flex_col flex_col_2">
2765
2766                                
2767 <div class="flex_cell flex_cell_1 third_level">
2768            <div class="flex_cell_content">
2769            <div class="nav_div_13 menu_container_li">
2770                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        <div class="vfit">
2771                            <a class=" " title="Shop By Gender" href="#!"  data-full_image="" role="button" tabindex="0">
2772                                                                Shop By Gender                            </a>
2773                        </div>
2774                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    <div class="nav_list_container">
2775                                            <ul class="nav_list" role="menu" aria-label="Shop By Gender" tabindex="-1">
2776                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            <li class="" role="none">
2777                                        <a class="" 
2778                                           role="menuitem" 
2779                                           tabindex="0"
2780                                           href="https://www.osbornejewelersinc.com/mens-wedding-bands"  
2781                                           title="Mens Wedding Bands" 
2782                                           style="" 
2783                                           data-full_image=""
2784                                           >
2785                                                                                            <img class="nav_
2785ct_icons menu_icon_mensweddingbands"
2786                                                     src="https://www.osbornejewelersinc.com/public/1.0/uploads/source/icons/jewelry_icons/bands/mens-01.svg"
2787                                                     alt="Mens Wedding Bands"
2788                                                     title="Mens Wedding Bands"
2789                                                                                                                                                                        height="25"
2790                                                            width="25"
2791                                                                                                                                                                 loading="lazy"/>
2792                                                                                        Mens Wedding Bands</a>
2793                                    </li>
2794                                                                                                <li class="" role="none">
2795                                        <a class="" 
2796                                           role="menuitem" 
2797                                           tabindex="-1"
2798                                           href="https://www.osbornejewelersinc.com/ladies-wedding-bands"  
2799                                           title="Ladies Wedding Bands" 
2800                                           style="" 
2801                                           data-full_image=""
2802                                           >
2803                                                                                            <img class="nav_ct_icons menu_icon_ladiesweddingbands"
2804                                                     src="https://www.osbornejewelersinc.com/public/1.0/uploads/source/icons/jewelry_icons/bands/bezel.svg"
2805                                                     alt="Ladies Wedding Bands"
2806                                                     title="Ladies Wedding Bands"
2807                                                                                                                                                                        height="25"
2808                                                            width="25"
2809                                                                                                                                                                 loading="lazy"/>
2810                                                                                        Ladies Wedding Bands</a>
2811                                    </li>
2812                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                </ul>
2813                                                        </div>
2814            </div>
2815        </div>
2816        <style>
2817            .menu_container_1_3>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_13 {
2818                width: 100%;
2819            }
2820            .menu_container_1_3>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_13 .vfit {
2821                text-align: left;
2822                
2823                                    border-bottom: 1px solid #ececec;
2824                    padding-bottom: 8px;
2825                            }
2826            .menu_container_1_3>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_13 .nav_list {
2827                list-style: none;
2828                margin: 0;
2829                padding: 0;
2830            }
2831            .menu_container_1_3>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_13 .nav_list + li {
2832                margin-top: 10px;
2833            }
2834            .menu_container_1_3>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_13 li {
2835                width: 100%;
2836                margin: 0;
2837                padding: 0;
2838            }
2839            .menu_container_1_3>.flex_row_1>.flex_col_2>
2839.flex_cell_1 .nav_div_13 li:hover {
2840                opacity: 0.8;
2841            }
2842            .menu_container_1_3>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_13 .nav_list li a {
2843                padding: 0;
2844                                            }
2845                    </style>
2846    </div>
2847<style>
2848    .menu_container_1_3>.flex_row_1>.flex_col_2>.flex_cell_1.third_level {
2849        width:100%;        align-items:start; -webkit-align-items:start;    }
2850
2851            .menu_container_1_3>.flex_row_1>.flex_col_2>.flex_cell_1.third_level {
2852        height:100%;        }
2853    
2854    .menu_container_1_3>.flex_row_1>.flex_col_2>.flex_cell_1.third_level>.flex_cell_content {
2855        display: flex;
2856        width: 100%;
2857        margin-top:20px;        margin-bottom:px;        margin-left:20px;        margin-right:px;        padding-top:px;        padding-bottom:px;        padding-left:px;        padding-right:px;    }
2858
2859            .menu_container_1_3>.flex_row_1>.flex_col_2>.flex_cell_1.third_level .vfit a {
2860        color:#4d4d4d;                font-style:italic;                            display: flex;
2861        font-size:14px;        font-family:Arial;        text-transform:uppercase;                        }
2862        .menu_container_1_3>.flex_row_1>.flex_col_2>.flex_cell_1.third_level .vfit a:hover {
2863        color:#000000;        }
2864
2865                .menu_container_1_3>.flex_row_1>.flex_col_2>.flex_cell_1.third_level .vfit a .nav_ct_icons {
2866            height: 20px;
2867            margin-right: 5px;
2868        }
2869            
2870            .menu_container_1_3>.flex_row_1>.flex_col_2>.flex_cell_1.third_level .nav_list li a {
2871        color:#4d4d4d;                font-style:normal;                line-height:25px;            display: flex;
2872            align-items:center;
2873        font-size:14px;        font-family:Arial;        text-transform:none;                line-height:25px;        }
2874        .menu_container_1_3>.flex_row_1>.flex_col_2>.flex_cell_1.third_level .nav_list li a:hover {
2875        color:#000000;        }
2876
2877                .menu_container_1_3>.flex_row_1>.flex_col_2>.flex_cell_1.third_level .nav_list li a .nav_ct_icons {
2878            height: 25px;
2879            margin-right: 5px;
2880        }
2881            
2882</style>
2883                            </div>
2884
2885                            <style>
2886                                .menu_container_1_3 .flex_row_1 .flex_col_2 {
2887                                width:100%;                                }
2888                            </style>
2889
2890
2891                        
2892                            <div class="flex_col flex_col_3">
2893
2894                                
2895 <div class="flex_cell flex_cell_1 third_level">
2896            <div class="flex_cell_content">
2897            <div class="nav_div_15 menu_container_li">
2898                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        <div class="vfit">
2899                            <a class=" " title="Shop By Price" href="#!"  data-full_image="" role="button" tabindex="0">
2900                                                                Shop By Price                            </a>
2901                        </div>
2902                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    <div class="nav_list_container">
2903                                            <ul class="nav_list" role="menu" aria-label="Shop By Price" tabindex="-1">
2904                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    <li class="" role="none">
2905                                        <a class="" 
2906                                           role="menuitem" 
2907                                           tabindex="0"
2908                                           href="https://www.osbornejewelersinc.com/wedding-bands-up-to-500"  
2909                                           title="Up to $500" 
2910                                           style="" 
2911                                           data-full_image=""
2912                                           >
2913                                                                                        Up to $500</a>
2914                                    </li>
2915                                                                                                <li class="" role="none">
2916                                        <a class="" 
2917                                           role="menuitem" 
2918                                           tabindex="-1"
2919                                           href="https://www.osbornejewelersinc.com/wedding-bands-500-to-1000"  
2920                                           title="$500 - $1000" 
2921                                           style="" 
2922                                           data-full_image=""
2923                                           >
2924                                                                                        $500 - $1000</a>
2925                                    </li>
2926                                                                                                <li class="" role="none">
2927                                        <a class="" 
2928                                           role="menuitem" 
2929                                           tabindex="-1"
2930                                           href="https://www.osbornejewelersinc.com/wedding-bands-1000-to-2000"  
2931                                           title="$1000 - $2000" 
2932                                           style="" 
2933                                           data-full_image=""
2934                                           >
2935                                                                                        $1000 - $2000</a>
2936                                    </li>
2937                                                                                                <li class="" role="none">
2938                                        <a class="" 
2939                                           role="menuitem" 
2940                                           tabindex="-1"
2941                                           href="https://www.osbornejewelersinc.com/wedding-bands-2000-to-5000"  
2942                                           title="$2000 - $5000" 
2943                                           style="" 
2944                                           data-full_image=""
2945                                           >
2946                                                                                        $2000 - $5000</a>
2947                                    </li>
2948                                                                                                <li class="" role="none">
2949                                        <a class="" 
2950                                           role="menuitem" 
2951                                           tabindex="-1"
2952                                           href="https://www.osbornejewelersinc.com/wedding-bands-5000-up"  
2953                                           title="$5000 & Up" 
2954                                           style="" 
2955                                           data-full_image=""
2956                                           >
2957                                                                                        $5000 & Up</a>
2958                                    </li>
2959                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    </ul>
2960                                                        </div>
2961            </div>
2962        </div>
2963        <style>
2964            .menu_container_1_3>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_15 {
2965                width: 100%;
2966            }
2967            .menu_container_1_3>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_15 .vfit {
2968                text-align: left;
2969                
2970                                    border-bottom: 1px solid #ececec;
2971                    padding-bottom: 8px;
2972                            }
2973            .menu_container_1_3>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_15 .nav_list {
2974                list-style: none;
2975                margin: 0;
2976                padding: 0;
2977            }
2978            .menu_container_1_3>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_15 .nav_list + li {
2979                margin-top: 10px;
2980            }
2981            .menu_container_1_3>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_15 li {
2982                width: 100%;
2983                margin: 0;
2984                padding: 0;
2985            }
2986            .menu_container_1_3>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_15 li:hover {
2987                opacity: 0.8;
2988            }
2989            .menu_container_1_3>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_15 .nav_list li a {
2990                padding: 0;
2991                                            }
2992                    </style>
2993    </div>
2994<style>
2995    .menu_container_1_3>.flex_row_1>.flex_col_3>.flex_cell_1.third_level {
2996        width:100%;        align-items:start; -webkit-align-items:start;    }
2997
2998            .menu_container_1_3>.flex_row_1>.flex_col_3>.flex_cell_1.third_level {
2999        height:100%;        }
3000    
3001    .menu_container_1_3>.flex_row_1>.flex_col_3>.flex_cell_1.third_level>.flex_cell_content {
3002        display: flex;
3003        width: 100%;
3004        margin-top:20px;        margin-bottom:px;        margin-left:20px;        margin-right:px;        padding-top:px;        padding-bottom:px;        padding-left:px;        padding-right:px;    }
3005
3006            .menu_container_1_3>.flex_row_1>.flex_col_3>.flex_cell_1.third_level .vfit a {
3007        color:#4d4d4d;                font-style:italic;                            display: flex;
3008        font-size:14px;        font-family:Arial;        text-transform:uppercase;                        }
3009        .menu_container_1_3>.flex_row_1>.flex_col_3>.flex_cell_1.third_level .vfit a:hover {
3010        color:#000000;        }
3011
3012                .menu_container_1_3>.flex_row_1>.flex_col_3>.flex_cell_1.third_level .vfit a .nav_ct_icons {
3013            height: 20px;
3014            margin-right: 5px;
3015        }
3016            
3017            .menu_container_1_3>.flex_row_1>.flex_col_3>.flex_cell_1.third_level .nav_list li a {
3018        color:#4d4d4d;                font-style:normal;                line-height:25px;            display: flex;
3019            align-items:center;
3020        font-size:14px;        font-family:Arial;        text-transform:none;                line-height:25px;        }
3021        .menu_container_1_3>.flex_row_1>.flex_col_3>.flex_cell_1.third_level .nav_list li a:hover {
3022        color:#000000;        }
3023
3024                .menu_container_1_3>.flex_row_1>.flex_col_3>.flex_cell_1.third_level .nav_list li a .nav_ct_icons {
3025            height: 25px;
3026            margin-right: 5px;
3027        }
3028            
3029</style>
3030                            </div>
3031
3032                            <style>
3033                                .menu_container_1_3 .flex_row_1 .flex_col_3 {
3034                                width:100%;                                }
3035                            </style>
3036
3037
3038                        
3039                            <div class="flex_col flex_col_4">
3040
3041                                
3042 <div class="flex_cell flex_cell_1 third_level">
3043            <div class="flex_cell_content">
3044            <div class="nav_div_79 menu_container_li">
3045                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        <div class="vfit">
3046                            <a class=" " title="Start Your Search" href="#!"  data-full_image="" role="button" tabindex="0">
3047                                                                Start Your Search                            </a>
3048                        </div>
3049                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    <div class="nav_list_container">
3050                                        
3050    <ul class="nav_list" role="menu" aria-label="Start Your Search" tabindex="-1">
3051                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        <li class="" role="none">
3052                                        <a class="" 
3053                                           role="menuitem" 
3054                                           tabindex="0"
3055                                           href="https://www.osbornejewelersinc.com/wedding-bands"  
3056                                           title="View All Wedding Bands >>" 
3057                                           style="" 
3058                                           data-full_image=""
3059                                           >
3060                                                                                        View All Wedding Bands >></a>
3061                                    </li>
3062                                                                                                                                                                                                                                </ul>
3063                                                        </div>
3064            </div>
3065        </div>
3066        <style>
3067            .menu_container_1_3>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_79 {
3068                width: 100%;
3069            }
3070            .menu_container_1_3>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_79 .vfit {
3071                text-align: left;
3072                
3073                                    border-bottom: 1px solid #ececec;
3074                    padding-bottom: 8px;
3075                            }
3076            .menu_container_1_3>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_79 .nav_list {
3077                list-style: none;
3078                margin: 0;
3079                padding: 0;
3080            }
3081            .menu_container_1_3>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_79 .nav_list + li {
3082                margin-top: 10px;
3083            }
3084            .menu_container_1_3>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_79 li {
3085                width: 100%;
3086                margin: 0;
3087                padding: 0;
3088            }
3089            .menu_container_1_3>.flex_row_1>.flex_col_4>
3089.flex_cell_1 .nav_div_79 li:hover {
3090                opacity: 0.8;
3091            }
3092            .menu_container_1_3>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_79 .nav_list li a {
3093                padding: 0;
3094                                            }
3095                    </style>
3096    </div>
3097<style>
3098    .menu_container_1_3>.flex_row_1>.flex_col_4>.flex_cell_1.third_level {
3099        width:100%;        align-items:start; -webkit-align-items:start;    }
3100
3101            .menu_container_1_3>.flex_row_1>.flex_col_4>.flex_cell_1.third_level {
3102        height:100%;        }
3103    
3104    .menu_container_1_3>.flex_row_1>.flex_col_4>.flex_cell_1.third_level>.flex_cell_content {
3105        display: flex;
3106        width: 100%;
3107        margin-top:20px;        margin-bottom:px;        margin-left:20px;        margin-right:px;        padding-top:px;        padding-bottom:px;        padding-left:px;        padding-right:px;    }
3108
3109            .menu_container_1_3>.flex_row_1>.flex_col_4>.flex_cell_1.third_level .vfit a {
3110        color:#4d4d4d;                font-style:italic;                            display: flex;
3111        font-size:14px;        font-family:Arial;        text-transform:uppercase;                        }
3112        .menu_container_1_3>.flex_row_1>.flex_col_4>.flex_cell_1.third_level .vfit a:hover {
3113        color:#000000;        }
3114
3115                .menu_container_1_3>.flex_row_1>.flex_col_4>.flex_cell_1.third_level .vfit a .nav_ct_icons {
3116            height: 20px;
3117            margin-right: 5px;
3118        }
3119            
3120            .menu_container_1_3>.flex_row_1>.flex_col_4>.flex_cell_1.third_level .nav_list li a {
3121        color:#4d4d4d;                font-style:normal;                line-height:25px;            display: flex;
3122            align-items:center;
3123        font-size:14px;        font-family:Arial;        text-transform:none;                line-height:25px;        }
3124        .menu_container_1_3>.flex_row_1>.flex_col_4>.flex_cell_1.third_level .nav_list li a:hover {
3125        color:#000000;        }
3126
3127                .menu_container_1_3>.flex_row_1>.flex_col_4>.flex_cell_1.third_level .nav_list li a .nav_ct_icons {
3128            height: 25px;
3129            margin-right: 5px;
3130        }
3131            
3132</style>
3133                            </div>
3134
3135                            <style>
3136                                .menu_container_1_3 .flex_row_1 .flex_col_4 {
3137                                width:100%;                                }
3138                            </style>
3139
3140
3141                        
3142                            <div class="flex_col flex_col_5">
3143
3144                                
3145                            </div>
3146
3147                            <style>
3148                                .menu_container_1_3 .flex_row_1 .flex_col_5 {
3149                                width:100%;                                }
3150                            </style>
3151
3152
3153                        
3154                    </div>
3155
3156                    <style>
3157                        .menu_container_1_3 .flex_row_1 {
3158                            background-color: #ffffff;
3159                        color:#000000;                        height:250                                                                        }
3160                    </style>
3161
3162                
3163            
3164                
3165                    <div class="flex_row flex_row_2">
3166
3167                        
3168                            <div class="flex_col flex_col_1">
3169
3170                                <div class="flex_cell flex_cell_1 line">
3171            <div class="s_line"></div>
3172    </div>
3173
3174<style>
3175    .menu_container_1_3>.flex_row_2>.flex_col_1>.flex_cell_1 {
3176        width: 100%;
3177                margin-top:25px;        margin-bottom:px;        margin-left:px;        margin-right:px;        padding-top:px;        padding-bottom:px;        padding-left:px;        padding-right:px;    }
3178
3179    
3180    .menu_container_1_3>.flex_row_2>.flex_col_1>.flex_cell_1 .s_line {
3181        background-color:#878787;        border-style: solid;
3182        height:1px;        width:100%;        border-radius:0px;        border-width:0px;        border-color:#000000;    }
3183
3184</style>
3185                            </div>
3186
3187                            <style>
3188                                .menu_container_1_3 .flex_row_2 .flex_col_1 {
3189                                width:100%;                                }
3190                            </style>
3191
3192
3193                        
3194                    </div>
3195
3196                    <style>
3197                        .menu_container_1_3 .flex_row_2 {
3198                            background-color: #ffffff;
3199                        color:#000000;                        height:auto                                                                        }
3200                    </style>
3201
3202                
3203            
3204        </div>
3205        <style>
3206            .menu_container .flex_row {
3207                display: flex;
3208            }
3209            .menu_container_1_3 {
3210                                        width:100%;
3211                                        max-width:100%;
3212                                                    left:0;
3213                                    }
3214            .menu_container .flex_row .flex_col{
3215                display: flex;
3216                flex-wrap: wrap;
3217                box-sizing: border-box;
3218                align-content: baseline;
3219            }
3220            .menu_container .flex_row .flex_col .flex_cell{
3221                height: fit-content;
3222                display: flex;
3223            }
3224            .menu_container .flex_row .flex_col .flex_cell a{
3225                text-decoration: none;
3226            }
3227            .menu_container img {
3228                max-width: 100%;
3229            }
3230        </style>
3231
3232    
3233                                            </li>
3234                                                <li class=" menu_container_li" role="none">
3235                                                <a href="#!" title="Fine Jewelry" class="hor_menu_links "  data-full_image="" role="menuitem" tabindex="-1" aria-haspopup="true" aria-expanded="false" >
3236                                                        Fine Jewelry                        </a>
3237                                                                            
3238
3239    
3240        
3241        <div class="menu_container custom_build_menu menu_container_1_8 custom_bm_fw" role="menu">
3242
3243            
3244                
3245                    <div class="flex_row flex_row_1">
3246
3247                        
3248                            <div class="flex_col flex_col_1">
3249
3250                                
3251                            </div>
3252
3253                            <style>
3254                                .menu_container_1_8 .flex_row_1 .flex_col_1 {
3255                                width:100%;                                }
3256                            </style>
3257
3258
3259                        
3260                            <div class="flex_col flex_col_2">
3261
3262                                
3263 <div class="flex_cell flex_cell_1 third_level">
3264            <div class="flex_cell_content">
3265            <div class="nav_div_17 menu_container_li">
3266                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        <div class="vfit">
3267                            <a class=" " title="Shop By Type" href="#!"  data-full_image="" role="button" tabindex="0">
3268                                                                Shop By Type                            </a>
3269                        </div>
3270                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    <div class="nav_list_container">
3271                                            <ul class="nav_list" role="menu" aria-label="Shop By Type" tabindex="-1">
3272                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    <li class="" role="none">
3273                                        <a class="" 
3274                                           role="menuitem" 
3275                                           tabindex="0"
3276                                           href="https://www.osbornejewelersinc.com/necklaces"  
3277                                           title="Necklaces" 
3278                                           style="" 
3279                                           data-full_image=""
3280                                           >
3281                                                                                            <img class="nav_
3281ct_icons menu_icon_necklaces"
3282                                                     src="https://www.osbornejewelersinc.com/public/1.0/uploads/source/icons/jewelry_icons/necklaces/heart.svg"
3283                                                     alt="Necklaces"
3284                                                     title="Necklaces"
3285                                                                                                                                                                        height="25"
3286                                                            width="25"
3287                                                                                                                                                                 loading="lazy"/>
3288                                                                                        Necklaces</a>
3289                                    </li>
3290                                                                                                <li class="" role="none">
3291                                        <a class="" 
3292                                           role="menuitem" 
3293                                           tabindex="-1"
3294                                           href="https://www.osbornejewelersinc.com/earrings"  
3295                                           title="Earrings" 
3296                                           style="" 
3297                                           data-full_image=""
3298                                           >
3299                                                                                            <img class="nav_ct_icons menu_icon_earrings"
3300                                                     src="https://www.osbornejewelersinc.com/public/1.0/uploads/source/icons/jewelry_icons/earrings/stud.svg"
3301                                                     alt="Earrings"
3302                                                     title="Earrings"
3303                                                                                                                                                                        height="25"
3304                                                            width="25"
3305                                                                                                                                                                 loading="lazy"/>
3306                                                                                        Earrings</a>
3307                                    </li>
3308                                                                                                <li class="" role="none">
3309                                        <a class="" 
3310                                           role="menuitem" 
3311                                           tabindex="-1"
3312                                           href="https://www.osbornejewelersinc.com/bracelets"  
3313                                           title="Bracelets" 
3314                                           style="" 
3315                                           data-full_image=""
3316                                           >
3317                                                                                            <img class="nav_ct_icons menu_icon_bracelets"
3318                                                     src="https://www.osbornejewelersinc.com/public/1.0/uploads/source/icons/jewelry_icons/bracelets/mens.svg"
3319                                                     alt="Bracelets"
3320                                                     title="Bracelets"
3321                                                                                                                                                                        height="25"
3322                                                            width="25"
3323                                                                                                                                                                 loading="lazy"/>
3324                                                                                        Bracelets</a>
3325                                    </li>
3326                                                                                                <li class="" role="none">
3327                                        <a class="" 
3328                                           role="menuitem" 
3329                                           tabindex="-1"
3330                                           href="https://www.osbornejewelersinc.com/fashion-rings"  
3331                                           title="Rings" 
3332                                           style="" 
3333                                           data-full_image=""
3334                                           >
3335                                                                                            <img class="nav_
3335ct_icons menu_icon_rings"
3336                                                     src="https://www.osbornejewelersinc.com/public/1.0/uploads/source/icons/jewelry_icons/bands/diamond.svg"
3337                                                     alt="Rings"
3338                                                     title="Rings"
3339                                                                                                                                                                        height="25"
3340                                                            width="25"
3341                                                                                                                                                                 loading="lazy"/>
3342                                                                                        Rings</a>
3343                                    </li>
3344                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                </ul>
3345                                                        </div>
3346            </div>
3347        </div>
3348        <style>
3349            .menu_container_1_8>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_17 {
3350                width: 100%;
3351            }
3352            .menu_container_1_8>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_17 .vfit {
3353                text-align: left;
3354                
3355                                    border-bottom: 1px solid #ececec;
3356                    padding-bottom: 8px;
3357                            }
3358            .menu_container_1_8>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_17 .nav_list {
3359                list-style: none;
3360                margin: 0;
3361                padding: 0;
3362            }
3363            .menu_container_1_8>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_17 .nav_list + li {
3364                margin-top: 10px;
3365            }
3366            .menu_container_1_8>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_17 li {
3367                width: 100%;
3368                margin: 0;
3369                padding: 0;
3370            }
3371            .menu_container_1_8>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_17 li:hover {
3372                opacity: 0.8;
3373            }
3374            .menu_container_1_8>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_17 .nav_list li a {
3375                padding: 0;
3376                                            }
3377                    </style>
3378    </div>
3379<style>
3380    .menu_container_1_8>.flex_row_1>.flex_col_2>.flex_cell_1.third_level {
3381        width:100%;        align-items:start; -webkit-align-items:start;    }
3382
3383            .menu_container_1_8>.flex_row_1>.flex_col_2>.flex_cell_1.third_level {
3384        height:100%;        }
3385    
3386    .menu_container_1_8>.flex_row_1>.flex_col_2>.flex_cell_1.third_level>.flex_cell_content {
3387        display: flex;
3388        width: 100%;
3389        margin-top:20px;        margin-bottom:px;        margin-left:20px;        margin-right:px;        padding-top:px;        padding-bottom:px;        padding-left:px;        padding-right:px;    }
3390
3391            .menu_container_1_8>.flex_row_1>.flex_col_2>.flex_cell_1.third_level .vfit a {
3392        color:#4d4d4d;                font-style:italic;                            display: flex;
3393        font-size:14px;        font-family:Arial;        text-transform:uppercase;                        }
3394        .menu_container_1_8>.flex_row_1>.flex_col_2>.flex_cell_1.third_level .vfit a:hover {
3395        color:#000000;        }
3396
3397                .menu_container_1_8>.flex_row_1>.flex_col_2>.flex_cell_1.third_level .vfit a .nav_ct_icons {
3398            height: 20px;
3399            margin-right: 5px;
3400        }
3401            
3402            .menu_container_1_8>.flex_row_1>.flex_col_2>.flex_cell_1.third_level .nav_list li a {
3403        color:#4d4d4d;                font-style:normal;                line-height:25px;            display: flex;
3404            align-items:center;
3405        font-size:14px;        font-family:Arial;        text-transform:none;                line-height:25px;        }
3406        .menu_container_1_8>.flex_row_1>.flex_col_2>.flex_cell_1.third_level .nav_list li a:hover {
3407        color:#000000;        }
3408
3409                .menu_container_1_8>.flex_row_1>.flex_col_2>.flex_cell_1.third_level .nav_list li a .nav_ct_icons {
3410            height: 25px;
3411            margin-right: 5px;
3412        }
3413            
3414</style>
3415                            </div>
3416
3417                            <style>
3418                                .menu_container_1_8 .flex_row_1 .flex_col_2 {
3419                                width:100%;                                }
3420                            </style>
3421
3422
3423                        
3424                            <div class="flex_col flex_col_3">
3425
3426                                
3427 <div class="flex_cell flex_cell_1 third_level">
3428            <div class="flex_cell_content">
3429            <div class="nav_div_19 menu_container_li">
3430                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        <div class="vfit">
3431                            <a class=" " title="Shop By Price" href="#!"  data-full_image="" role="button" tabindex="0">
3432                                                                Shop By Price                            </a>
3433                        </div>
3434                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    <div class="nav_list_container">
3435                                            <ul class="nav_list" role="menu" aria-label="Shop By Price" tabindex="-1">
3436                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                <li class="" role="none">
3437                                        <a class="" 
3438                                           role="menuitem" 
3439                                           tabindex="0"
3440                                           href="https://www.osbornejewelersinc.com/fine-jewelry-0-to-500"  
3441                                           title="Up to $500" 
3442                                           style="" 
3443                                           data-full_image=""
3444                                           >
3445                                                                                        Up to $500</a>
3446                                    </li>
3447                                                                                                <li class="" role="none">
3448                                        <a class="" 
3449                                           role="menuitem" 
3450                                           tabindex="-1"
3451                                           href="https://www.osbornejewelersinc.com/fine-jewelry-500-to-1000"  
3452                                           title="$500 - $1000" 
3453                                           style="" 
3454                                           data-full_image=""
3455                                           >
3456                                                                                        $500 - $1000</a>
3457                                    </li>
3458                                                                                                <li class="" role="none">
3459                                        <a class="" 
3460                                           role="menuitem" 
3461                                           tabindex="-1"
3462                                           href="https://www.osbornejewelersinc.com/fine-jewelry-1000-to-2000"  
3463                                           title="$1000 - $2000" 
3464                                           style="" 
3465                                           data-full_image=""
3466                                           >
3467                                                                                        $1000 - $2000</a>
3468                                    </li>
3469                                                                                                <li class="" role="none">
3470                                        <a class="" 
3471                                           role="menuitem" 
3472                                           tabindex="-1"
3473                                           href="https://www.osbornejewelersinc.com/fine-jewelry-2000-to-5000"  
3474                                           title="$2000 - $5000" 
3475                                           style="" 
3476                                           data-full_image=""
3477                                           >
3478                                                                                        $2000 - $5000</a>
3479                                    </li>
3480                                                                                                <li class="" role="none">
3481                                        <a class="" 
3482                                           role="menuitem" 
3483                                           tabindex="-1"
3484                                           href="https://www.osbornejewelersinc.com/fine-jewelry-5000-up"  
3485                                           title="$5000 & Up" 
3486                                           style="" 
3487                                           data-full_image=""
3488                                           >
3489                                                                                        $5000 & Up</a>
3490                                    </li>
3491                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        </ul>
3492                                                        </div>
3493            </div>
3494        </div>
3495        <style>
3496            .menu_container_1_8>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_19 {
3497                width: 100%;
3498            }
3499            .menu_container_1_8>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_19 .vfit {
3500                text-align: left;
3501                
3502                                    border-bottom: 1px solid #ececec;
3503                    padding-bottom: 8px;
3504                            }
3505            .menu_container_1_8>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_19 .nav_list {
3506                list-style: none;
3507                margin: 0;
3508                padding: 0;
3509            }
3510            .menu_container_1_8>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_19 .nav_list + li {
3511                margin-top: 10px;
3512            }
3513            .menu_container_1_8>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_19 li {
3514                width: 100%;
3515                margin: 0;
3516                padding: 0;
3517            }
3518            .menu_container_1_8>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_19 li:hover {
3519                opacity: 0.8;
3520            }
3521            .menu_container_1_8>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_19 .nav_list li a {
3522                padding: 0;
3523                                            }
3524                    </style>
3525    </div>
3526<style>
3527    .menu_container_1_8>.flex_row_1>.flex_col_3>.flex_cell_1.third_level {
3528        width:100%;        align-items:start; -webkit-align-items:start;    }
3529
3530            .menu_container_1_8>.flex_row_1>.flex_col_3>.flex_cell_1.third_level {
3531        height:100%;        }
3532    
3533    .menu_container_1_8>.flex_row_1>.flex_col_3>.flex_cell_1.third_level>.flex_cell_content {
3534        display: flex;
3535        width: 100%;
3536        margin-top:20px;        margin-bottom:px;        margin-left:20px;        margin-right:px;        padding-top:px;        padding-bottom:px;        padding-left:px;        padding-right:px;    }
3537
3538            .menu_container_1_8>.flex_row_1>.flex_col_3>.flex_cell_1.third_level .vfit a {
3539        color:#4d4d4d;                font-style:italic;                            display: flex;
3540        font-size:14px;        font-family:Arial;        text-transform:uppercase;                        }
3541        .menu_container_1_8>.flex_row_1>.flex_col_3>.flex_cell_1.third_level .vfit a:hover {
3542        color:#000000;        }
3543
3544                .menu_container_1_8>.flex_row_1>.flex_col_3>.flex_cell_1.third_level .vfit a .nav_ct_icons {
3545            height: 20px;
3546            marg
3546in-right: 5px;
3547        }
3548            
3549            .menu_container_1_8>.flex_row_1>.flex_col_3>.flex_cell_1.third_level .nav_list li a {
3550        color:#4d4d4d;                font-style:normal;                line-height:25px;            display: flex;
3551            align-items:center;
3552        font-size:14px;        font-family:Arial;        text-transform:none;                line-height:25px;        }
3553        .menu_container_1_8>.flex_row_1>.flex_col_3>.flex_cell_1.third_level .nav_list li a:hover {
3554        color:#000000;        }
3555
3556                .menu_container_1_8>.flex_row_1>.flex_col_3>.flex_cell_1.third_level .nav_list li a .nav_ct_icons {
3557            height: 25px;
3558            margin-right: 5px;
3559        }
3560            
3561</style>
3562                            </div>
3563
3564                            <style>
3565                                .menu_container_1_8 .flex_row_1 .flex_col_3 {
3566                                width:100%;                                }
3567                            </style>
3568
3569
3570                        
3571                            <div class="flex_col flex_col_4">
3572
3573                                
3574 <div class="flex_cell flex_cell_1 third_level">
3575            <div class="flex_cell_content">
3576            <div class="nav_div_81 menu_container_li">
3577                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        <div class="vfit">
3578                            <a class=" " title="Start Your Search" href="#!"  data-full_image="" role="button" tabindex="0">
3579                                                                Start Your Search                            </a>
3580                        </div>
3581                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    <div class="nav_list_container">
3582                                            <ul class="nav_list" role="menu" aria-label="Start Your Search" tabindex="-1">
3583                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    <li class="" role="none">
3584                                        <a class="" 
3585                                           role="menuitem" 
3586                                           tabindex="0"
3587                                           href="https://www.osbornejewelersinc.com/fine-jewelry"  
3588                                           title="View All Fine Jewelry >>" 
3589                                           style="" 
3590                                           data-full_image=""
3591                                           >
3592                                                                                        View All Fine Jewelry >></a>
3593                                    </li>
3594                                                                                                                                                                                                    </ul>
3595                                                        </div>
3596            </div>
3597        </div>
3598        <style>
3599            .menu_container_1_8>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_81 {
3600                width: 100%;
3601            }
3602            .menu_container_1_8>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_81 .vfit {
3603                text-align: left;
3604                
3605                                    border-bottom: 1px solid #ececec;
3606                    padding-bottom: 8px;
3607                            }
3608            .menu_container_1_8>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_81 .nav_list {
3609                list-style: none;
3610                margin: 0;
3611                padding: 0;
3612            }
3613            .menu_container_1_8>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_81 .nav_list + li {
3614                margin-top: 10px;
3615            }
3616            .menu_container_1_8>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_81 li {
3617                width: 100%;
3618                margin: 0;
3619                padding: 0;
3620            }
3621            .menu_container_1_8>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_81 li:hover {
3622                opacity: 0.8;
3623            }
3624            .menu_container_1_8>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_81 .nav_list li a {
3625                padding: 0;
3626                                            }
3627                    </style>
3628    </div>
3629<style>
3630    .menu_container_1_8>.flex_row_1>.flex_col_4>.flex_cell_1.third_level {
3631        width:100%;        align-items:start; -webkit-align-items:start;    }
3632
3633            .menu_container_1_8>.flex_row_1>.flex_col_4>.flex_cell_1.third_level {
3634        height:100%;        }
3635    
3636    .menu_container_1_8>.flex_row_1>.flex_col_4>.flex_cell_1.third_level>.flex_cell_content {
3637        display: flex;
3638        width: 100%;
3639        margin-top:20px;        margin-bottom:px;        margin-left:20px;        margin-right:px;        padding-top:px;        padding-bottom:px;        padding-left:px;        padding-right:px;    }
3640
3641            .menu_container_1_8>.flex_row_1>.flex_col_4>.flex_cell_1.third_level .vfit a {
3642        color:#4d4d4d;                font-style:italic;                            display: flex;
3643        font-size:14px;        font-family:Arial;        text-transform:uppercase;                        }
3644        .menu_container_1_8>.flex_row_1>.flex_col_4>.flex_cell_1.third_level .vfit a:hover {
3645        color:#000000;        }
3646
3647                .menu_container_1_8>.flex_row_1>.flex_col_4>.flex_cell_1.third_level .vfit a .nav_ct_icons {
3648            height: 20px;
3649            margin-right: 5px;
3650        }
3651            
3652            .menu_container_1_8>.flex_row_1>.flex_col_4>.flex_cell_1.third_level .nav_list li a {
3653        color:#4d4d4d;                font-style:normal;                line-height:25px;            display: flex;
3654            align-items:center;
3655        font-size:14px;        font-family:Arial;        text-transform:none;                line-height:25px;        }
3656        .menu_container_1_8>.flex_row_1>.flex_col_4>.flex_cell_1.third_level .nav_list li a:hover {
3657        color:#000000;        }
3658
3659                .menu_container_1_8>.flex_row_1>.flex_col_4>.flex_cell_1.third_level .nav_list li a .nav_ct_icons {
3660            height: 25px;
3661            margin-right: 5px;
3662        }
3663            
3664</style>
3665                            </div>
3666
3667                            <style>
3668                                .menu_container_1_8 .flex_row_1 .flex_col_4 {
3669                                width:100%;                                }
3670                            </style>
3671
3672
3673                        
3674                            <div class="flex_col flex_col_5">
3675
3676                                
3677                            </div>
3678
3679                            <style>
3680                                .menu_container_1_8 .flex_row_1 .flex_col_5 {
3681                                width:100%;                                }
3682                            </style>
3683
3684
3685                        
3686                    </div>
3687
3688                    <style>
3689                        .menu_container_1_8 .flex_row_1 {
3690                            background-color: #ffffff;
3691                        color:#000000;                        height:250                                                                        }
3692                    </style>
3693
3694                
3695            
3696                
3697                    <div class="flex_row flex_row_2">
3698
3699                        
3700                            <div class="flex_col flex_col_1">
3701
3702                                <div class="flex_cell flex_cell_1 line">
3703            <div class="s_line"></div>
3704    </div>
3705
3706<style>
3707    .menu_container_1_8>.flex_row_2>.flex_col_1>.flex_cell_1 {
3708        width: 100%;
3709                margin-top:25px;        margin-bottom:px;        margin-left:px;        margin-right:px;        padding-top:px;        padding-bottom:px;        padding-left:px;        padding-right:px;    }
3710
3711    
3712    .menu_container_1_8>.flex_row_2>.flex_col_1>.flex_cell_1 .s_line {
3713        background-color:#878787;        border-style: solid;
3714        height:1px;        width:100%;        border-radius:0px;        border-width:0px;        border-color:#000000;    }
3715
3716</style>
3717                            </div>
3718
3719                            <style>
3720                                .menu_container_1_8 .flex_row_2 .flex_col_1 {
3721                                width:100%;                                }
3722                            </style>
3723
3724
3725                        
3726                    </div>
3727
3728                    <style>
3729                        .menu_container_1_8 .flex_row_2 {
3730                            background-color: #ffffff;
3731                        color:#000000;                        height:auto                                                                        }
3732                    </style>
3733
3734                
3735            
3736        </div>
3737        <style>
3738            .menu_container .flex_row {
3739                display: flex;
3740            }
3741            .menu_container_1_8 {
3742                                        width:100%;
3743                                        max-width:100%;
3744                                                    left:0;
3745                                    }
3746            .menu_container .flex_row .flex_col{
3747                display: flex;
3748                flex-wrap: wrap;
3749                box-sizing: border-box;
3750                align-content: baseline;
3751            }
3752            .menu_container .flex_row .flex_col .flex_cell{
3753                height: fit-content;
3754                display: flex;
3755            }
3756            .menu_container .flex_row .flex_col .flex_cell a{
3757                text-decoration: none;
3758            }
3759            .menu_container img {
3760                max-width: 100%;
3761            }
3762        </style>
3763
3764    
3765                                            </li>
3766                                                            <li class=" menu_container_li" role="none">
3767                                                <a href="#!" title="Designers " class="hor_menu_links "  data-full_image="" role="menuitem" tabindex="-1" aria-haspopup="true" aria-expanded="false" >
3768                                                        Designers                         </a>
3769                                                                            
3770    
3771        
3772
3773
3774<div class="menu_container default_build_menu menu_container_1_navigation_72">
3775    <div class="nav_div_72">
3776                <ul class="nav_list" role="menu" aria-label="Designers " tabindex="-1">
3777                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    
3778                    <li style=""
3779                        class="" 
3780                        role="none">
3781
3782                          
3783
3784                                                <a class="nav_a_trd " title="Osborne Estate" href="https://www.osbornejewelersinc.com/osborne-estate"  data-full_image="" role="menuitem" tabindex="0" >
3785                                                                        Osborne Estate                                                                        </a>
3786                        
3787                              
3788
3789                         
3790
3791
3792
3793                                            </li>
3794
3795                
3796                            
3797                    <li style=""
3798                        class="" 
3799                        role="none">
3800
3801                          
3802
3803                                                <a class="nav_a_trd " title="Osborne Catalog Collection" href="https://www.osbornejewelersinc.com/osborne-signature-collection"  data-full_image="" role="menuitem" tabindex="-1" >
3804                                                                        Osborne Catalog Collection                                                                        </a>
3805                        
3806                              
3807
3808                         
3809
3810
3811
3812                                            </li>
3813
3814                
3815                            
3816                    <li style=""
3817                        class="" 
3818                        role="none">
3819
3820                          
3821
3822                                                <a class="nav_a_trd " title="Doves by Doron Paloma" href="https://www.osbornejewelersinc.com/doves-by-doron-paloma"  
3822data-full_image="" role="menuitem" tabindex="-1" >
3823                                                                        Doves by Doron Paloma                                                                        </a>
3824                        
3825                              
3826
3827                         
3828
3829
3830
3831                                            </li>
3832
3833                
3834                            
3835                    <li style=""
3836                        class="" 
3837                        role="none">
3838
3839                          
3840
3841                                                <a class="nav_a_trd " title="Gabriel & Co. Bridal" href="https://www.osbornejewelersinc.com/gabriel-co-bridal"  data-full_image="" role="menuitem" tabindex="-1" >
3842                                                                        Gabriel & Co. Bridal                                                                        </a>
3843                        
3844                              
3845
3846                         
3847
3848
3849
3850                                            </li>
3851
3852                
3853                            
3854                    <li style=""
3855                        class="" 
3856                        role="none">
3857
3858                          
3859
3860                                                <a class="nav_a_trd " title="Gabriel & Co. Fashion" href="https://www.osbornejewelersinc.com/gabriel-co-fashion"  data-full_image="" role="menuitem" tabindex="-1" >
3861                                                                        Gabriel & Co. Fashion                                                                        </a>
3862                        
3863                              
3864
3865                         
3866
3867
3868
3869                                            </li>
3870
3871                
3872                            
3873                    <li style=""
3874                        class="" 
3875                        role="none">
3876
3877                          
3878
3879                                                <a class="nav_a_trd " title="John Hardy" href="https://www.osbornejewelersinc.com/john-hardy" target="_blank" data-full_image="" role="menuitem" tabindex="-1" >
3880                                                                        John Hardy                                                                        </a>
3881                        
3882                              
3883
3884                         
3885
3886
3887
3888                                            </li>
3889
3890                
3891                            
3892                    <li style=""
3893                        class="" 
3894                        role="none">
3895
3896                          
3897
3898                                                <a class="nav_a_trd " title="Benchmark Rings" href="https://www.osbornejewelersinc.com/benchmark"  data-full_image="/public/1.0/uploads/source/home/Desktop/2.png" role="menuitem" tabindex="-1" >
3899                                                                        Benchmark Rings                                                                        </a>
3900                        
3901                              
3902
3903                         
3904
3905
3906
3907                                            </li>
3908
3909                
3910                            
3911                    <li style=""
3912                        class="" 
3913                        role="none">
3914
3915                          
3916
3917                                                <a class="nav_a_trd " title="Le Vian" href="https://www.osbornejewelersinc.com/le-vian"  data-full_image="" role="menuitem" tabindex="-1" >
3918                                                                        Le Vian                                                                        </a>
3919                        
3920                              
3921
3922                         
3923
3924
3925
3926                                            </li>
3927
3928                
3929                            
3930                    <li style=""
3931                        class="" 
3932                        role="none">
3933
3934                          
3935
3936                                                <a class="nav_a_trd " title="Gold Jewelry" href="https://www.osbornejewelersinc.com/gold-jewelry" target="_blank" data-full_image="" role="menuitem" tabindex="-1" >
3937                                                                        Gold Jewelry                                                                        </a>
3938                        
3939                              
3940
3941                         
3942
3943
3944
3945                                            </li>
3946
3947                
3948                                        
3949                    <li style=""
3950                        class="" 
3951                        role="none">
3952
3953                          
3954
3955                                                <a class="nav_a_trd " title="Overnight Mountings" href="https://www.osbornejewelersinc.com/overnight-mountings"  data-full_image="" role="menuitem" tabindex="-1" >
3956                                                                        Overnight Mountings                                                                        </a>
3957                        
3958                              
3959
3960                         
3961
3962
3963
3964                                            </li>
3965
3966                
3967                                                                                                                                                                        </ul>
3968                    </div>
3969</div>
3970<style>
3971    .menu_container_1_navigation_72 {
3972        background: #fff;
3973                    }
3974    .horizontal_menu .nav_div_72 {
3975        padding: 15px 0px;
3976        box-shadow: 0px 0px 5px #00000078;        display: flex;
3977        flex-wrap: wrap;
3978    }
3979    .horizontal_menu .nav_img_72 {
3980        height: 200px;
3981        width: 250px;
3982        margin-left: 50px;
3983        margin-right: 20px;
3984        flex-shrink: 0;
3985        order: 1;
3986    }
3987    .horizontal_menu .nav_img_72 img {
3988        max-width: 100%;
3989        max-height: 100%;
3990    }
3991    .horizontal_menu .nav_div_72 .vfit {
3992        text-align: left;
3993        border-bottom: 1px solid #ececec;
3994        text-transform: uppercase;
3995    }
3996    .nav_div_72 .vfit a {
3997        text-decoration: none;
3998        color: #222;
3999    }
4000    .nav_div_72 .nav_list {
4001        list-style: none;
4002        margin: 0;
4003        padding: 0;
4004        order: 1;
4005            }
4006    .nav_div_72 ul {
4007        list-style: none;
4008    }
4009    #desktop_hamburger_menu_template .nav_div_72 li {
4010        width: 100%;
4011        margin: 0;
4012        padding: 0px 20px;
4013        position: relative;
4014    }
4015    .horizontal_menu .nav_div_72 li {
4016        width: 100%;
4017        margin: 0;
4018        padding: 0px 20px;
4019        position: relative;
4020    }
4021    
4022    #desktop_hamburger_menu_template .nav_div_72 li svg {
4023        position: absolute;
4024        right: 15px;
4025        height: 10px;
4026        top: 10px;
4027    }
4028    .horizontal_menu .nav_div_72 li svg {
4029        position: absolute;
4030        right: 15px;
4031        height: 10px;
4032        top: 10px;
4033    }
4034    
4035    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_72 .nav_div_72 .nav_list li .nav_a_trd {
4036        display: flex;
4037        align-items: center;
4038        padding: 0;
4039        line-height: 30px;
4040        font-size: 14px;
4041        text-transform: uppercase;
4042        text-decoration: none;
4043        color: #222;
4044        white-space: normal;
4045
4046        color:#4d4d4d;                font-style:italic;                font-size:14px;        font-family:Arial;        text-transform:uppercase;                
4047    }
4048    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_72 .nav_div_72 .nav_list li button {
4049        background: none;
4050        border: none;
4051        cursor: pointer;
4052    }
4053    
4054    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_72 .nav_div_72 .nav_list li .nav_a_trd.parent_men {
4055        text-decoration: underline;
4056    }
4057
4058    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_72 .nav_div_72 .nav_list li .nav_a_trd:hover {
4059        color:#000000;        cursor: pointer;
4060    }
4061
4062
4063    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_72 .nav_div_72 .nav_list li .nav_list_trd li a {
4064        display: flex;
4065        align-items: center;
4066        padding: 0;
4067        line-height: 30px;
4068        font-size: 14px;
4069        text-transform: uppercase;
4070        text-decoration: none;
4071        color: #222;
4072        white-space: normal;
4073
4074        color:#4d4d4d;                font-style:normal;                font-size:14px;        font-family:Arial;        text-transform:none;                line-height:25px;    }
4075
4076    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_72 .nav_div_72 .nav_list li .nav_list_trd li a:hover {
4077        color:#000000;    }
4078
4079    .nav_div_72 .nav_list li a .nav_icons {
4080        height: 30px;
4081        margin-right: 5px;
4082            }
4083
4084            .nav_div_72 .nav_list .nav_list_trd li a .nav_icons {
4085            height: 25px;
4086        }
4087    
4088
4089    .nav_div_72 .nav_list li a:hover {
4090        color: #3172ab;
4091    }
4092    .horizontal_menu .nav_div_72 .nav_list_trd {
4093        display: none;
4094        position: absolute;
4095        left: 100%;
4096        top: -15px;
4097        padding: 15px 0px;
4098        box-shadow: 0px 0px 5px #00000078;        background: #fff;
4099    }
4100    .horizontal_menu .nav_div_72 .nav_list>li .nav_list_trd.open,
4101    .horizontal_menu .nav_div_72 .nav_list>li:hover .nav_list_trd {
4102        display: block;
4103        z-index: 99;
4104    }
4105
4106    .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_72,
4107    .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_72 .nav_list_trd{
4108                    width: 250px;
4109            }
4110
4111            .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_72 .nav_list_trd{
4112            width: 250px;
4113        }
4114    </style>
4115                                            </li>
4116                                                <li class=" menu_container_li" role="none">
4117                                                <a href="https://www.osbornejewelersinc.com/about-us" title="About Us" class="hor_menu_links "  data-full_image="" role="menuitem" tabindex="-1" aria-haspopup="true" aria-expanded="false" >
4118                                                        About Us                        </a>
4119                                                                            
4120    
4121        
4122
4123
4124<div class="menu_container default_build_menu menu_container_1_navigation_21">
4125    <div class="nav_div_21">
4126                <ul class="nav_list" role="menu" aria-label="About Us" tabindex="-1">
4127                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        
4128                    <li style=""
4129                        class="" 
4130                        role="none">
4131
4132                          
4133
4134                                                <a class="nav_a_trd " title="Meet the Staff" href="https://www.osbornejewelersinc.com/meet-the-staff-of-osborne-jewelers"  data-full_image="" role="menuitem" tabindex="0" >
4135                                                                        Meet the Staff                                                                        </a>
4136                        
4137                              
4138
4139                         
4140
4141
4142
4143                                            </li>
4144
4145                
4146                            
4147                    <li style=""
4148                        class="" 
4149                        role="none">
4150
4151                          
4152
4153                                                <a class="nav_a_trd " title="Financing" href="https://www.osbornejewelersinc.com/financing"  data-full_image="" role="menuitem" tabindex="-1" >
4154                                                                        Financing                                                                        </a>
4155                        
4156                              
4157
4158                         
4159
4160
4161
4162                                            </li>
4163
4164                
4165                            
4166                    <li style=""
4167                        class="" 
4168                        role="none">
4169
4170                          
4171
4172                                                <a class="nav_a_trd " title="Services" href="https://www.osbornejewelersinc.com/services-osborne-jewelers"  data-full_image="" role="menuitem" tabindex="-1" >
4173                                                                        Services                                                                        </a>
4174                        
4175                              
4176
4177                         
4178
4179
4180
4181                                            </li>
4182
4183                
4184                                                                                                                                                                                                                                                                                                                                    </ul>
4185                    </div>
4186</div>
4187<style>
4188    .menu_container_1_navigation_21 {
4189        background: #fff;
4190                    }
4191    .horizontal_menu .nav_div_21 {
4192        padding: 15px 0px;
4193        box-shadow: 0px 0px 5px #00000078;        display: flex;
4194        flex-wrap: wrap;
4195    }
4196    .horizontal_menu .nav_img_21 {
4197        height: 200px;
4198        width: 250px;
4199        margin-left: 50px;
4200        margin-right: 20px;
4201        flex-shrink: 0;
4202        order: 1;
4203    }
4204    .horizontal_menu .nav_img_21 img {
4205        max-width: 100%;
4206        max-height: 100%;
4207    }
4208    .horizontal_menu .nav_div_21 .vfit {
4209        text-align: left;
4210        border-bottom: 1px solid #ececec;
4211        text-transform: uppercase;
4212    }
4213    .nav_div_21 .vfit a {
4214        text-decoration: none;
4215        color: #222;
4216    }
4217    .nav_div_21 .nav_list {
4218        list-style: none;
4219        margin: 0;
4220        padding: 0;
4221        order: 1;
4222            }
4223    .nav_div_21 ul {
4224        list-style: none;
4225    }
4226    #desktop_hamburger_menu_template .nav_div_21 li {
4227        width: 100%;
4228        margin: 0;
4229        padding: 0px 20px;
4230        position: relative;
4231    }
4232    .horizontal_menu .nav_div_21 li {
4233        width: 100%;
4234        margin: 0;
4235        padding: 0px 20px;
4236        position: relative;
4237    }
4238    
4239    #desktop_hamburger_menu_template .nav_div_21 li svg {
4240        position: absolute;
4241        right: 15px;
4242        height: 10px;
4243        top: 10px;
4244    }
4245    .horizontal_menu .nav_div_21 li svg {
4246        position: absolute;
4247        right: 15px;
4248        height: 10px;
4249        top: 10px;
4250    }
4251    
4252    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_21 .nav_div_21 .nav_list li .nav_a_trd {
4253        display: flex;
4254        align-items: center;
4255        padding: 0;
4256        line-height: 30px;
4257        font-size: 14px;
4258        text-transform: uppercase;
4259        text-decoration: none;
4260        color: #222;
4261        white-space: normal;
4262
4263        color:#4d4d4d;                font-style:italic;                font-size:14px;        font-family:Arial;        text-transform:uppercase;                
4264    }
4265    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_cont
4265ainer_1_navigation_21 .nav_div_21 .nav_list li button {
4266        background: none;
4267        border: none;
4268        cursor: pointer;
4269    }
4270    
4271    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_21 .nav_div_21 .nav_list li .nav_a_trd.parent_men {
4272        text-decoration: underline;
4273    }
4274
4275    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_21 .nav_div_21 .nav_list li .nav_a_trd:hover {
4276        color:#000000;        cursor: pointer;
4277    }
4278
4279
4280    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_21 .nav_div_21 .nav_list li .nav_list_trd li a {
4281        display: flex;
4282        align-items: center;
4283        padding: 0;
4284        line-height: 30px;
4285        font-size: 14px;
4286        text-transform: uppercase;
4287        text-decoration: none;
4288        color: #222;
4289        white-space: normal;
4290
4291        color:#4d4d4d;                font-style:normal;                font-size:14px;        font-family:Arial;        text-transform:none;                line-height:25px;    }
4292
4293    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_21 .nav_div_21 .nav_list li .nav_list_trd li a:hover {
4294        color:#000000;    }
4295
4296    .nav_div_21 .nav_list li a .nav_icons {
4297        height: 30px;
4298        margin-right: 5px;
4299            }
4300
4301            .nav_div_21 .nav_list .nav_list_trd li a .nav_icons {
4302            height: 25px;
4303        }
4304    
4305
4306    .nav_div_21 .nav_list li a:hover {
4307        color: #3172ab;
4308    }
4309    .horizontal_menu .nav_div_21 .nav_list_trd {
4310        display: none;
4311        position: absolute;
4312        left: 100%;
4313        top: -15px;
4314        padding: 15px 0px;
4315        box-shadow: 0px 0px 5px #00000078;        background: #fff;
4316    }
4317    .horizontal_menu .nav_div_21 .nav_list>li .nav_list_trd.open,
4318    .horizontal_menu .nav_div_21 .nav_list>li:hover .nav_list_trd {
4319        display: block;
4320        z-index: 99;
4321    }
4322
4323    .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_21,
4324    .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_21 .nav_list_trd{
4325                    width: 250px;
4326            }
4327
4328            .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_21 .nav_list_trd{
4329            width: 250px;
4330        }
4331    </style>
4332                                            </li>
4333                                                <li class=" menu_container_li" role="none">
4334                                                <a href="#!" title="Education" class="hor_menu_links "  data-full_image="" role="menuitem" tabindex="-1" aria-haspopup="true" aria-expanded="false" >
4335                                                        Education                        </a>
4336                                                                            
4337    
4338        
4339
4340
4341<div class="menu_container default_build_menu menu_container_1_navigation_90">
4342    <div class="nav_div_90">
4343                <ul class="nav_list" role="menu" aria-label="Education" tabindex="-1">
4344                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            
4345                    <li style=""
4346                        class="" 
4347                        role="none">
4348
4349                          
4350
4351                                                <a class="nav_a_trd " title="Diamond Guide" href="https://www.osbornejewelersinc.com/diamond-buyers-guide"  data-full_image="" role="menuitem" tabindex="0" >
4352                                                                        Diamond Guide                                                                        </a>
4353                        
4354                              
4355
4356                         
4357
4358
4359
4360                                            </li>
4361
4362                
4363                            
4364                    <li style=""
4365                        class="" 
4366                        role="none">
4367
4368                          
4369
4370                                                <a class="nav_a_trd " title="Gem Guide" href="https://www.osbornejewelersinc.com/gemstone-guide"  data-full_image="" role="menuitem" tabindex="-1" >
4371                                                                        Gem Guide                                                                        </a>
4372                        
4373                              
4374
4375                         
4376
4377
4378
4379                                            </li>
4380
4381                
4382                            
4383                    <li style=""
4384                        class="" 
4385                        role="none">
4386
4387                          
4388
4389                                                <a class="nav_a_trd " title="Master IJO Jeweler" href="https://www.osbornejewelersinc.com/master-ijo-jeweler-osborne-jewelers"  data-full_image="" role="menuitem" tabindex="-1" >
4390                                                                        Master IJO Jeweler                                                                        </a>
4391                        
4392                              
4393
4394                         
4395
4396
4397
4398                                            </li>
4399
4400                
4401                            
4402                    <li style=""
4403                        class="" 
4404                        role="none">
4405
4406                          
4407
4408                                                <a class="nav_a_trd " title="Talk the Trade" href="https://www.osbornejewelersinc.com/talk-the-trade"  data-full_image="" role="menuitem" tabindex="-1" >
4409                                                                        Talk the Trade                                                                        </a>
4410                        
4411                              
4412
4413                         
4414
4415
4416
4417                                            </li>
4418
4419                
4420                                    </ul>
4421                    </div>
4422</div>
4423<style>
4424    .menu_container_1_navigation_90 {
4425        background: #fff;
4426                    }
4427    .horizontal_menu .nav_div_90 {
4428        padding: 15px 0px;
4429        box-shadow: 0px 0px 5px #00000078;        display: flex;
4430        flex-wrap: wrap;
4431    }
4432    .horizontal_menu .nav_img_90 {
4433        height: 200px;
4434        width: 250px;
4435        margin-left: 50px;
4436        margin-right: 20px;
4437        flex-shrink: 0;
4438        order: 1;
4439    }
4440    .horizontal_menu .nav_img_90 img {
4441        max-width: 100%;
4442        max-height: 100%;
4443    }
4444    .horizontal_menu .nav_div_90 .vfit {
4445        text-align: left;
4446        border-bottom: 1px solid #ececec;
4447        text-transform: uppercase;
4448    }
4449    .nav_div_90 .vfit a {
4450        text-decoration: none;
4451        color: #222;
4452    }
4453    .nav_div_90 .nav_list {
4454        list-style: none;
4455        margin: 0;
4456        padding: 0;
4457        order: 1;
4458            }
4459    .nav_div_90 ul {
4460        list-style: none;
4461    }
4462    #desktop_hamburger_menu_template .nav_div_90 li {
4463        width: 100%;
4464        margin: 0;
4465        padding: 0px 20px;
4466        position: relative;
4467    }
4468    .horizontal_menu .nav_div_90 li {
4469        width: 100%;
4470        margin: 0;
4471        padding: 0px 20px;
4472        position: relative;
4473    }
4474    
4475    #desktop_hamburger_menu_template .nav_div_90 li svg {
4476        position: absolute;
4477        right: 15px;
4478        height: 10px;
4479        top: 10px;
4480    }
4481    .horizontal_menu .nav_div_90 li svg {
4482        position: absolute;
4483        right: 15px;
4484        height: 10px;
4485        top: 10px;
4486    }
4487    
4488    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_90 .nav_div_90 .nav_list li .nav_a_trd {
4489        display: flex;
4490        align-items: center;
4491        padding: 0;
4492        line-height: 30px;
4493        font-size: 14px;
4494        text-transform: uppercase;
4495        text-decoration: none;
4496        color: #222;
4497        white-space: normal;
4498
4499        color:#4d4d4d;                font-style:italic;                font-size:14px;        font-family:Arial;        text-transform:uppercase;                
4500    }
4501    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_90 .nav_div_90 .nav_list li button {
4502        background: none;
4503        border: none;
4504        cursor: pointer;
4505    }
4506    
4507    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_90 .nav_div_90 .nav_list li .nav_a_trd.parent_men {
4508        text-decoration: underline;
4509    }
4510
4511    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_90 .nav_div_90 .nav_list li .nav_a_trd:hover {
4512        color:#000000;        cursor: pointer;
4513    }
4514
4515
4516    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_90 .nav_div_90 .nav_list li .nav_list_trd li a {
4517        display: flex;
4518        align-items: center;
4519        padding: 0;
4520        line-height: 30px;
4521        font-size: 14px;
4522        text-transform: uppercase;
4523        text-decoration: none;
4524        color: #222;
4525        white-space: normal;
4526
4527        color:#4d4d4d;                font-style:normal;                font-size:14px;        font-family:Arial;        text-transform:none;                line-height:25px;    }
4528
4529    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_90 .nav_div_90 .nav_list li .nav_list_trd li a:hover {
4530        color:#000000;    }
4531
4532    .nav_div_90 .nav_list li a .nav_icons {
4533        height: 30px;
4534        margin-right: 5px;
4535            }
4536
4537            .nav_div_90 .nav_list .nav_list_trd li a .nav_icons {
4538            height: 25px;
4539        }
4540    
4541
4542    .nav_div_90 .nav_list li a:hover {
4543        color: #3172ab;
4544    }
4545    .horizontal_menu .nav_div_90 .nav_list_trd {
4546        display: none;
4547        position: absolute;
4548        left: 100%;
4549        top: -15px;
4550        padding: 15px 0px;
4551        box-shadow: 0px 0px 5px #00000078;        background: #fff;
4552    }
4553    .horizontal_menu .nav_div_90 .nav_list>li .nav_list_trd.open,
4554    .horizontal_menu .nav_div_90 .nav_list>li:hover .nav_list_trd {
4555        display: block;
4556        z-index: 99;
4557    }
4558
4559    .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_90,
4560    .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_90 .nav_list_trd{
4561                    width: 250px;
4562            }
4563
4564            .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_90 .nav_list_trd{
4565            width: 250px;
4566        }
4567    </style>
4568                                            </li>
4569                                                <li class=" menu_container_li" role="none">
4570                                                <a href="https://www.osbornejewelersinc.com/contact-us" title="Contact Us" class="hor_menu_links "  data-full_image="" role="menuitem" tabindex="-1"  >
4571                                                        Contact Us                        </a>
4572                                                                    </li>
4573                                                <li class=" menu_container_li" role="none">
4574                                                <a href="https://www.osbornejewelersinc.com/book-an-online-appointment" title="Book an online appointment" class="hor_menu_links " target="_blank" data-full_image="" role="menuitem" tabindex="-1"  >
4575                                                        Book an online appointment                        </a>
4576                                                                    </li>
4577                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            </ul>
4578    </nav>
4579        <style>
4580
4581            .header_container_1>.flex_row_3>.flex_col_1>.flex_cell_1.menu .horizontal_menu {
4582                display: flex;
4583                list-style: none;
4584                margin: 0;
4585                padding: 0;
4586            }
4587            .header_container_1>.flex_row_3>.flex_col_1>.flex_cell_1.menu .horizontal_menu li a.hor_menu_links {
4588                padding: 5px 0;
4589                display:flex;
4590                align-items:center;
4591                text-transform:none;            }
4592            .header_container_1>.flex_row_3>.flex_col_1>.flex_cell_1.menu .horizontal_menu li button.hor_menu_links {
4593                background: none;
4594                border: none;
4595                cursor: pointer;
4596            }
4597            .header_container_1>.flex_row_3>.flex_col_1>.flex_cell_1.menu .horizontal_menu > li + li {
4598                margin-left:16px;            }
4599            .header_container_1>.flex_row_3>.flex_col_1>.flex_cell_1.menu .horizontal_menu li a.hor_menu_links img,
4600            .header_container_1>.flex_row_3>.flex_col_1>.flex_cell_1.menu .horizontal_menu li button.hor_menu_links img {
4601                margin-right:4px;
4602            }
4603
4604                        .horizontal_menu .menu_container {
4605                position: absolute;
4606                z-index: 9999999;
4607                visibility: hidden;
4608                opacity: 0;
4609                transition: opacity 300ms;
4610            }
4611            .horizontal_menu li:hover>.menu_container, .show_sub_menu>.menu_container {
4612                visibility: visible;
4613                opacity: 1;
4614            }
4615                        
4616            /* Focus styling for menubar */
4617            .header_container_1>.flex_row_3>.flex_col_1>.flex_cell_1.menu .horizontal_menu.focus {
4618                padding: 0;
4619                border: #034575 solid 1.5px;
4620            }
4621        </style>
4622        
4622<script>
4623            // Character navigation tracking
4624            let lastCharTime = 0;
4625            let lastChar = '';
4626            const CHAR_NAV_TIMEOUT = 500; // milliseconds
4627
4628            // Function to update content and move focus to page title
4629            function updateContent(linkURL, linkName, moveFocus) {
4630                if (typeof moveFocus !== 'boolean') {
4631                    moveFocus = true;
4632                }
4633                
4634                // Update page title if exists
4635                var h1Node = document.querySelector('h1.page_title, h1[id*="page-title"], .main h1, h1[id*="id-page-title"]');
4636                if (h1Node) {
4637                    h1Node.textContent = linkName;
4638                    h1Node.tabIndex = -1;
4639                    if (moveFocus) {
4640                        setTimeout(function() {
4641                            h1Node.focus();
4642                        }, 0);
4643                    }
4644                }
4645                
4646                // Close all submenus
4647                $('.show_sub_menu').removeClass('show_sub_menu');
4648                $('.horizontal_menu').attr('data-menubar-item-expanded', 'false');
4649                $('.hor_menu_links[aria-haspopup=true]').attr('aria-expanded', 'false');
4650            }
4651
4652            // Function to set focus to menuitem with roving tabindex
4653            function setFocusToMenuitem(menuItems, newMenuitem) {
4654                menuItems.each(function() {
4655                    if (this === newMenuitem[0]) {
4656                        $(this).attr('tabindex', '0');
4657                        newMenuitem.focus();
4658                    } else {
4659                        $(this).attr('tabindex', '-1');
4660                    }
4661                });
4662            }
4663
4664            // Menu containers are now initialized in PHP templates with proper attributes
4665
4666            // Helper function to get all submenu items
4667            function getSubmenuItems(menuContainer) {
4668                // Support both standard menu structure (.nav_a_trd) and custom build menu structure (.nav_list li a)
4669                // Find all menu items within the menu_container, excluding the top-level hor_menu_links
4670                // IMPORTANT: Only find items with role="menuitem", exclude buttons (role="button")
4671                return menuContainer.find('.nav_list li a[role="menuitem"], .nav_a_trd[role="menuitem"]').filter(function() {
4672                    let $item = $(this);
4673                    // Exclude items that are hor_menu_links (top-level menu items)
4674                    if ($item.hasClass('hor_menu_links')) {
4675                        return false;
4676                    }
4677                    // Exclude items with role="button" (section headers)
4678                    if ($item.attr('role') === 'button') {
4679                        return false;
4680                    }
4681                    // Must have role="menuitem"
4682                    if ($item.attr('role') !== 'menuitem') {
4683                        return false;
4684                    }
4685                    // Must be visible and not disabled
4686                    if (!$item.is(':visible') || $item.attr('disabled')) {
4687                        return false;
4688                    }
4689                    // Must be within a menu_container_li (to exclude other links)
4690                    return $item.closest('.menu_container_li').length > 0;
4691                });
4692            }
4693
4694            // Helper function to get all menubar items
4695            function getMenubarItems() {
4696                return $('.horizontal_menu>li .hor_menu_links').filter(function() {
4697                    return $(this).is(':visible') && !$(this).attr('disabled');
4698                });
4699            }
4700
4701            // Helper function to find next item starting with character
4702            function findItemByCharacter(items, char, startIndex) {
4703                char = char.toLowerCase();
4704                // Search from startIndex to end
4705                for (let i = startIndex + 1; i < items.length; i++) {
4706                    let text = $(items[i]).text().trim().toLowerCase();
4707                    if (text.charAt(0) === char) {
4708                        return i;
4709                    }
4710                }
4711                // Wrap around: search from beginning to startIndex
4712                for (let i = 0; i <= startIndex; i++) {
4713                    let text = $(items[i]).text().trim().toLowerCase();
4714                    if (text.charAt(0) === char) {
4715                        return i;
4716                    }
4717                }
4718                return -1;
4719            }
4720
4721            let lastInputWasKeyboard = false;
4722
4723            document.addEventListener('keydown', (e) => {
4724                if (['Tab', 'ArrowLeft', 'ArrowRight', 'ArrowUp', 'ArrowDown'].includes(e.key)) {
4725                    lastInputWasKeyboard = true;
4726                }
4727            });
4728            
4729            document.addEventListener('mousedown', () => {
4730                lastInputWasKeyboard = false;
4731            });
4732            
4733            $('.horizontal_menu').on('focusin', function(e) {
4734                if (lastInputWasKeyboard) {
4735                    $(this).addClass('focus');
4736                }
4737            });
4738            
4739            $('.horizontal_menu').on('focusout', function(e) {
4740                if (!$(e.relatedTarget).closest('.horizontal_menu').length) {
4741                    $(this).removeClass('focus');
4742                }
4743            });
4744
4745            $('.menu_container_li').on('mouseenter', function () {
4746                $('.show_sub_menu').removeClass('show_sub_menu');
4747                $('.nav_list_trd.open').removeClass('open');
4748                $(this).find('.hor_menu_links[aria-haspopup=true]').attr('aria-expanded', 'true');
4749            });
4750
4751            $('.menu_container_li').on('mouseleave', function () {
4752                $('.show_sub_menu').removeClass('show_sub_menu');
4753                $('.nav_list_trd.open').removeClass('open');
4754                $(this).find('.hor_menu_links[aria-haspopup=true]').attr('aria-expanded', 'false');
4755            });
4756
4757            $('.horizontal_menu>li .hor_menu_links[aria-haspopup=true]').on('focus', function () {
4758                $('.show_sub_menu').removeClass('show_sub_menu');
4759                $('.nav_list_trd.open').removeClass('open');
4760                $('.horizontal_menu').attr('data-menubar-item-expanded', 'false');
4761                $(this).attr('aria-expanded', 'false');
4762            });
4763
4764            $('.horizontal_menu>li .hor_menu_links').on('keydown', function (event) {
4765                let $currentItem = $(this);
4766                let menu_list = $currentItem.closest('.menu_container_li');
4767                let menubarItems = getMenubarItems();
4768                let currentIndex = menubarItems.index($currentItem);
4769                let hasSubmenu = menu_list.find('.menu_container').length > 0;
4770
4771                if (event.which === 13 || event.which === 32) {
4772                    if(event.which === 32) {
4773                        event.preventDefault();
4774                    }
4775
4776                    if (hasSubmenu) {
4777                        // If has submenu, toggle it
4778                        let wasOpen = menu_list.hasClass('show_sub_menu');
4779                        menu_list.toggleClass('show_sub_menu');
4780                        menu_list.find('.hor_menu_links[aria-haspopup=true]').attr('aria-expanded', menu_list.hasClass('show_sub_menu') ? 'true' : 'false');
4781                        $('.horizontal_menu').attr('data-menubar-item-expanded', menu_list.hasClass('show_sub_menu') ? 'true' : 'false');
4782                        $currentItem.attr('aria-expanded', menu_list.hasClass('show_sub_menu') ? 'true' : 'false');
4783                        
4784                        if (event.which === 13 && !wasOpen && menu_list.hasClass('show_sub_menu')) {
4785                            let menu_container = menu_list.find('.menu_container');
4786                            if (menu_container.length > 0) {
4787                                let submenuItems = getSubmenuItems(menu_container);
4788                                if (submenuItems.length > 0) {
4789                                    setTimeout(function() {
4790                                        submenuItems.first().focus();
4791                                    }, 0);
4792                                }
4793                            }
4794                        }
4795                    } else {
4796                        // If no submenu, activate the link
4797                        event.preventDefault();
4798                        let linkUrl = $currentItem.attr('href');
4799                        let linkName = $currentItem.text().trim();
4800                        
4801                        // Close all menus
4802                        $('.show_sub_menu').removeClass('show_sub_menu');
4803                        $('.horizontal_menu').attr('data-menubar-item-expanded', 'false');
4804                        $('.hor_menu_links[aria-haspopup=true]').attr('aria-expanded', 'false');
4805                        
4806                        // Navigate to the link if it's a valid URL
4807                        if (linkUrl && linkUrl !== '#' && linkUrl !== '#!') {
4808                            // Navigate to the page
4809                            window.location.href = linkUrl;
4810                        }
4811                    }
4812                } else if (event.which === 27) {
4813                    // Escape: close submenu if open
4814                    if (menu_list.hasClass('show_sub_menu')) {
4815                        menu_list.removeClass('show_sub_menu');
4816                        menu_list.find('.hor_menu_links[aria-haspopup=true]').attr('aria-expanded', 'false');
4817                        $('.horizontal_menu').attr('data-menubar-item-expanded', 'false');
4818                        $currentItem.attr('aria-expanded', 'false');
4819                        menu_list.find('.nav_list_trd').removeClass('open');
4820                    }
4821                } else if (event.which === 37) {
4822                    // Left Arrow: move to previous item (circular)
4823                    event.preventDefault();
4824                    let prevItem = currentIndex >
4824 0 ? menubarItems.eq(currentIndex - 1) : menubarItems.last();
4825                    setFocusToMenuitem(menubarItems, prevItem);
4826                    // Open submenu if any popup is open
4827                    if ($('.horizontal_menu').attr('data-menubar-item-expanded') === 'true') {
4828                        let prevMenuList = prevItem.closest('.menu_container_li');
4829                        if (prevMenuList.find('.menu_container').length > 0) {
4830                            prevMenuList.addClass('show_sub_menu');
4831                            prevMenuList.find('.hor_menu_links[aria-haspopup=true]').attr('aria-expanded', 'true');
4832                            $('.horizontal_menu').attr('data-menubar-item-expanded', 'true');
4833                        }
4834                    }
4835                } else if (event.which === 39) {
4836                    // Right Arrow: move to next item in menubar (circular)
4837                    // According to documentation: "Moves focus to the next item in the menubar. If focus is on the last item, moves focus to the first item."
4838                    event.preventDefault();
4839                    let nextItem = currentIndex < menubarItems.length - 1 ? menubarItems.eq(currentIndex + 1) : menubarItems.first();
4840                    setFocusToMenuitem(menubarItems, nextItem);
4841                    // Open submenu if any popup is open
4842                    if ($('.horizontal_menu').attr('data-menubar-item-expanded') === 'true') {
4843                        let nextMenuList = nextItem.closest('.menu_container_li');
4844                        if (nextMenuList.find('.menu_container').length > 0) {
4845                            nextMenuList.addClass('show_sub_menu');
4846                            nextMenuList.find('.hor_menu_links[aria-haspopup=true]').attr('aria-expanded', 'true');
4847                            $('.horizontal_menu').attr('data-menubar-item-expanded', 'true');
4848                        }
4849                    }
4850                } else if (event.which === 40) {
4851                    // Down Arrow: open submenu and focus first item
4852                    event.preventDefault();
4853                    if (menu_list.find('.menu_container').length > 0) {
4854                        menu_list.addClass('show_sub_menu');
4855                        menu_list.find('.hor_menu_links[aria-haspopup=true]').attr('aria-expanded', 'true');
4856                        $('.horizontal_menu').attr('data-menubar-item-expanded', 'true');
4857                        $currentItem.attr('aria-expanded', 'true');
4858                        
4859                        let menu_container = menu_list.find('.menu_container');
4860                        let submenuItems = getSubmenuItems(menu_container);
4861                        if (submenuItems.length > 0) {
4862                            setTimeout(function() {
4863                                let firstItem = submenuItems.first();
4864                                setFocusToMenuitem(submenuItems, firstItem);
4865                            }, 0);
4866                        }
4867                    }
4868                } else if (event.which === 38) {
4869                    // Up Arrow: open submenu and focus last item
4870                    event.preventDefault();
4871                    if (menu_list.find('.menu_container').length > 0) {
4872                        menu_list.addClass('show_sub_menu');
4873                        menu_list.find('.hor_menu_links[aria-haspopup=true]').attr('aria-expanded', 'true');
4874                        $('.horizontal_menu').attr('data-menubar-item-expanded', 'true');
4875                        $currentItem.attr('aria-expanded', 'true');
4876                        
4877                        let menu_container = menu_list.find('.menu_container');
4878                        let submenuItems = getSubmenuItems(menu_container);
4879                        if (submenuItems.length > 0) {
4880                            setTimeout(function() {
4881                                let lastItem = submenuItems.last();
4882                                // Initialize tabindex for submenu items if not already set
4883                                submenuItems.attr('tabindex', '-1');
4884                                setFocusToMenuitem(submenuItems, lastItem);
4885                            }, 0);
4886                        }
4887                    }
4888                } else if (event.which === 36 || event.which === 33) {
4889                    // Home or PageUp: move to first item in menubar
4890                    event.preventDefault();
4891                    let firstItem = menubarItems.first();
4892                    setFocusToMenuitem(menubarItems, firstItem);
4893                } else if (event.which === 35 || event.which === 34) {
4894                    // End or PageDown: move to last item in menubar
4895                    event.preventDefault();
4896                    let lastItem = menubarItems.last();
4897                    setFocusToMenuitem(menubarItems, lastItem);
4898                } else if ((event.which >= 65 && event.which <= 90) || (event.which >= 48 && event.which <= 57)) {
4899                    // Character navigation (A-Z, 0-9)
4900                    event.preventDefault();
4901                    let char = String.fromCharCode(event.which).toLowerCase();
4902                    let now = Date.now();
4903                    
4904                    // Reset if timeout passed or different character
4905                    if (now - lastCharTime > CHAR_NAV_TIMEOUT || lastChar !== char) {
4906                        lastChar = char;
4907                        lastCharTime = now;
4908                    }
4909                    
4910                    let nextIndex = findItemByCharacter(menubarItems, char, currentIndex);
4911                    if (nextIndex >= 0) {
4912                        let nextItem = menubarItems.eq(nextIndex);
4913                        setFocusToMenuitem(menubarItems, nextItem);
4914                    }
4915                }
4916            });
4917
4918
4919            // Handle keyboard navigation for section headers (role="button" in .vfit)
4920            // Note: tabindex="0" should be added in PHP template, not here
4921            $(document).on('keydown', '.menu_container .vfit a[role="button"]', function (event) {
4922                if (event.which === 40) {
4923                    // Down Arrow: move focus to first submenu item in this section
4924                    event.preventDefault();
4925                    let $currentNavDiv = $(this).closest('[class^="nav_div"]');
4926                    if ($currentNavDiv.length > 0) {
4927                        let firstItem = $currentNavDiv.find('.nav_list li a[role="menuitem"]').first();
4928                        if (firstItem.length > 0) {
4929                            let submenuItems = $currentNavDiv.find('.nav_list li a[role="menuitem"]');
4930                            setFocusToMenuitem(submenuItems, firstItem);
4931                        }
4932                    }
4933                } else if (event.which === 38) {
4934                    // Up Arrow: move focus to last submenu item in this section
4935                    event.preventDefault();
4936                    let $currentNavDiv = $(this).closest('[class^="nav_div"]');
4937                    if ($currentNavDiv.length > 0) {
4938                        let lastItem = $currentNavDiv.find('.nav_list li a[role="menuitem"]').last();
4939                        if (lastItem.length > 0) {
4940                            let submenuItems = $currentNavDiv.find('.nav_list li a[role="menuitem"]');
4941                            setFocusToMenuitem(submenuItems, lastItem);
4942                        }
4943                    }
4944                } else if (event.which === 13 || event.which === 32) {
4945                    // Enter/Space: move focus to first submenu item (same as Down Arrow)
4946                    event.preventDefault();
4947                    if (event.which === 32) {
4948                        event.preventDefault();
4949                    }
4950                    let $currentNavDiv = $(this).closest('[class^="nav_div"]');
4951                    if ($currentNavDiv.length > 0) {
4952                        let firstItem = $currentNavDiv.find('.nav_list li a[role="menuitem"]').first();
4953                        if (firstItem.length > 0) {
4954                            let submenuItems = $currentNavDiv.find('.nav_list li a[role="menuitem"]');
4955                            setFocusToMenuitem(submenuItems, firstItem);
4956                        }
4957                    }
4958                }
4959            });
4960
4961            $(document).on('keydown', '.horizontal_menu .nav_a_trd, .menu_container .nav_list li a[role="menuitem"]', function (event) {
4962                let $currentElement = $(this);
4963                let $currentLi = $currentElement.closest('li');
4964                
4965                // Find the menu_container - could be parent or ancestor
4966                let $menuContainer = $currentElement.closest('.menu_container');
4967                if ($menuContainer.length === 0) {
4968                    // If not found, look for parent menu_container_li and then its menu_container
4969                    let $parentMenuContainerLi = $currentElement.closest('.menu_container_li');
4970                    if ($parentMenuContainerLi.length > 0) {
4971                        $menuContainer = $parentMenuContainerLi.closest('.menu_container');
4972                        if ($menuContainer.length === 0) {
4973                            // Try finding menu_container that c
4973ontains this menu_container_li
4974                            $menuContainer = $parentMenuContainerLi.parents('.menu_container').first();
4975                        }
4976                    }
4977                }
4978                
4979                // Find parent menu_container_li (the one with hor_menu_links) - must be direct child of .horizontal_menu
4980                let $parentMenuContainerLi = $currentElement.closest('.horizontal_menu').find('> li.menu_container_li').has($menuContainer).first();
4981                if ($parentMenuContainerLi.length === 0) {
4982                    // Fallback: find menu_container_li that is direct child of horizontal_menu and contains the menu_container
4983                    $parentMenuContainerLi = $currentElement.closest('.horizontal_menu').children('li.menu_container_li').filter(function() {
4984                        return $(this).find('.menu_container').length > 0 && $(this).find($menuContainer).length > 0;
4985                    }).first();
4986                }
4987                if ($parentMenuContainerLi.length === 0) {
4988                    // Last fallback: find any menu_container_li that contains hor_menu_links and the menu_container
4989                    $parentMenuContainerLi = $currentElement.closest('.horizontal_menu').find('.menu_container_li').filter(function() {
4990                        return $(this).find('.hor_menu_links[aria-haspopup=true]').length > 0 && $(this).find($menuContainer).length > 0;
4991                    }).first();
4992                }
4993                
4994                // Get all submenu items in current submenu
4995                // For custom_build_menu, ALL items across all columns should be treated as equal submenu items
4996                let submenuItems = $();
4997                if ($menuContainer.length > 0) {
4998                    // Check if this is custom_build_menu structure
4999                    let isCustomBuildMenu = $menuContainer.hasClass('custom_build_menu');
5000                    
5001                    if (isCustomBuildMenu) {
5002                        // For custom_build_menu: get ALL items from ALL nav_div sections within the menu_container
5003                        // All items are equal submenu items regardless of which column they're in
5004                        submenuItems = $menuContainer.find('.nav_list li a[role="menuitem"]').filter(function() {
5005                            let $item = $(this);
5006                            // Exclude items that are in .vfit (section headers) or are hor_menu_links
5007                            // Also exclude items with role="button" (section headers)
5008                            return $item.is(':visible') && 
5009                                   !$item.attr('disabled') && 
5010                                   !$item.hasClass('hor_menu_links') && 
5011                                   !$item.closest('.vfit').length &&
5012                                   $item.attr('role') === 'menuitem';
5013                        });
5014                    } else {
5015                        // Standard menu structure (default_build_menu) - get all items within menu_container
5016                        submenuItems = getSubmenuItems($menuContainer);
5017                    }
5018                }
5019                
5020                // Find current element index - try multiple methods
5021                let currentSubmenuIndex = -1;
5022                if (submenuItems.length > 0) {
5023                    currentSubmenuIndex = submenuItems.index($currentElement);
5024                    // If not found by index, try to find by comparing elements
5025                    if (currentSubmenuIndex === -1) {
5026                        submenuItems.each(function(index) {
5027                            if ($(this)[0] === $currentElement[0]) {
5028                                currentSubmenuIndex = index;
5029                                return false; // break
5030                            }
5031                        });
5032                    }
5033                }
5034                
5035                // Get parent menubar items
5036                let menubarItems = getMenubarItems();
5037                let parentMenubarIndex = -1;
5038                if ($parentMenuContainerLi.length > 0) {
5039                    let $parentHorMenuLink = $parentMenuContainerLi.find('.hor_menu_links');
5040                    if ($parentHorMenuLink.length > 0) {
5041                        parentMenubarIndex = menubarItems.index($parentHorMenuLink);
5042                    }
5043                }
5044
5045                if (event.which === 13 || event.which === 32) {
5046                    // Enter/Space: toggle nested submenu if exists, otherwise activate item
5047                    if(event.which === 32) {
5048                        event.preventDefault();
5049                    }
5050
5051                    let $nestedSubmenu = $currentLi.find('.nav_list_trd');
5052                    if ($nestedSubmenu.length > 0) {
5053                        $nestedSubmenu.toggleClass('open');
5054                        // If opening nested submenu, focus first item
5055                        if ($nestedSubmenu.hasClass('open')) {
5056                            let nestedItems = $nestedSubmenu.find('.nav_a_trd, a[href]').filter(function() {
5057                                return $(this).is(':visible') && !$(this).attr('disabled');
5058                            });
5059                            if (nestedItems.length > 0) {
5060                                setTimeout(function() {
5061                                    let firstItem = nestedItems.first();
5062                                    setFocusToMenuitem(nestedItems, firstItem);
5063                                }, 0);
5064                            }
5065                        }
5066                    } else {
5067                        // If no nested submenu, activate the link
5068                        let linkUrl = $currentElement.attr('href');
5069                        let linkName = $currentElement.text().trim();
5070                        
5071                        if (linkUrl && linkUrl !== '#' && linkUrl !== '#!') {
5072                            // Close all menus
5073                            $('.show_sub_menu').removeClass('show_sub_menu');
5074                            $('.horizontal_menu').attr('data-menubar-item-expanded', 'false');
5075                            $('.hor_menu_links[aria-haspopup=true]').attr('aria-expanded', 'false');
5076                            
5077                            // Update content and move focus
5078                            updateContent(linkUrl, linkName, true);
5079                        }
5080                    }
5081                } else if (event.which === 27) {
5082                    // Escape: close submenu and return focus to parent menu item
5083                    event.preventDefault();
5084                    
5085                    // Close any open nested submenu
5086                    $currentLi.find('.nav_list_trd').removeClass('open');
5087                    
5088                    // Find the parent menu container
5089                    if ($parentMenuContainerLi.length === 0) {
5090                        let current = $currentElement.parent();
5091                        while (current.length > 0 && !current.hasClass('menu_container_li') && !current.hasClass('horizontal_menu')) {
5092                            current = current.parent();
5093                        }
5094                        if (current.hasClass('menu_container_li')) {
5095                            $parentMenuContainerLi = current;
5096                        } else {
5097                            $parentMenuContainerLi = $currentElement.closest('.horizontal_menu').find('.menu_container_li').filter(function() {
5098                                return $(this).find($currentElement).length > 0;
5099                            }).first();
5100                        }
5101                    }
5102                    
5103                    if ($parentMenuContainerLi.length > 0 && $parentMenuContainerLi.hasClass('show_sub_menu')) {
5104                        $parentMenuContainerLi.removeClass('show_sub_menu');
5105                        $parentMenuContainerLi.find('.hor_menu_links[aria-haspopup=true]').attr('aria-expanded', 'false');
5106                        $('.horizontal_menu').attr('data-menubar-item-expanded', 'false');
5107                        
5108                        // Return focus to the parent menu item
5109                        let parent_menu_link = $parentMenuContainerLi.find('.hor_menu_links');
5110                        if (parent_menu_link.length > 0) {
5111                            let menubarItems = getMenubarItems();
5112                            setFocusToMenuitem(menubarItems, parent_menu_link);
5113                        }
5114                    }
5115                } else if (event.which === 37) {
5116                    // Left Arrow: close submenu and move to parent. If parent is in menubar, move to previous menubar item
5117                    event.preventDefault();
5118                    
5119                    // Close current submenu
5120                    if ($parentMenuContainerLi.length > 0 && $parentMenuContainerLi.hasClass('show_sub_menu')) {
5121                        $parentMenuContainerLi.removeClass('show_sub_menu');
5122                        $parentMenuContainerLi.find('.hor_menu_links[aria-haspopup=true]').attr('aria-expanded', 'false');
5123                        $('.horizontal_menu').attr('data-menubar-item-expanded', 'false');
5124                        
5125                        // Move to previous menubar item and open its submenu
5126                        if (parentMenubarIndex >= 0) {
5127                            let prevMenubarIndex = parentMenubarIndex > 0 ? parentMenubarIndex - 1 : menubarItems.length - 1;
5128                            let prevMenubarItem = menubarItems.eq(prevMenubarIndex);
5129                            let prevMenuContainerLi = prevMenubarItem.closest('.menu_container_li');
5130                            
5131                            if (prevMenuContainerLi.find('.menu_container').length > 0) {
5132                                prevMenuContainerLi.addClass('show_sub_menu');
5133                                prevMenuContainerLi.find('.hor_menu_links[aria-haspopup=true]').attr('aria-expanded', 'true');
5134                                $('.horizontal_menu').attr('data-menubar-item-expanded', 'true');
5135                            }
5136                            setFocusToMenuitem(menubarItems, prevMenubarItem);
5137                        } else {
5138                            // Just focus parent if not in menubar
5139                            let parent_menu_link = $parentMenuContainerLi.find('.hor_menu_links');
5140                            if (parent_menu_link.length > 0) {
5141                                let menubarItems = getMenubarItems();
5142                                setFocusToMenuitem(menubarItems, parent_menu_link);
5143                            }
5144                        }
5145                    }
5146                } else if (event.which === 39) {
5147                    // Right Arrow: if item has submenu, open it and focus first item. Otherwise close submenu, move to next menubar item
5148                    event.preventDefault();
5149                    
5150                    let $nestedSubmenu = $currentLi.find('.nav_list_trd');
5151                    if ($nestedSubmenu.length > 0 && !$nestedSubmenu.hasClass('open')) {
5152                        // Open nested submenu and focus first item
5153                        $nestedSubmenu.addClass('open');
5154                        let nestedItems = $nestedSubmenu.find('.nav_a_trd, a[href]').filter(function() {
5155                            return $(this).is(':visible') && !$(this).attr('disabled');
5156                        });
5157                        if (nestedItems.length > 0) {
5158                            setTimeout(function() {
5159                                let firstItem = nestedItems.first();
5160                                setFocusToMenuitem(nestedItems, firstItem);
5161                            }, 0);
5162                        }
5163                    } else {
5164                        // Close current submenu and move to next menubar item
5165                        if ($parentMenuContainerLi.length > 0 && $parentMenuContainerLi.hasClass('show_sub_menu')) {
5166                            $parentMenuContainerLi.removeClass('show_sub_menu');
5167                            $parentMenuContainerLi.find('.hor_menu_links[aria-haspopup=true]').attr('aria-expanded', 'false');
5168                            $('.horizontal_menu').attr('data-menubar-item-expanded', 'false');
5169                            
5170                            // Move to next menubar item and open its submenu
5171                            if (parentMenubarIndex >= 0) {
5172                                let nextMenubarIndex = parentMenubarIndex < menubarItems.length - 1 ? parentMenubarIndex + 1 : 0;
5173                                let nextMenubarItem = menubarItems.eq(nextMenubarIndex);
5174                                let nextMenuContainerLi = nextMenubarItem.closest('.menu_container_li');
5175                                
5176                                if (nextMenuContainerLi.find('.menu_container').length > 0) {
5177                                    nextMenuContainerLi.addClass('show_sub_menu');
5178                                    nextMenuContainerLi.find('.hor_menu_links[aria-haspopup=true]').attr('aria-expanded', 'true');
5179                                    $('.horizontal_menu').attr('data-menubar-item-expanded', 'true');
5180                                }
5181                                setFocusToMenuitem(menubarItems, nextMenubarItem);
5182                            }
5183                        }
5184                    }
5185                } else if (event.which === 40) {
5186                    // Down Arrow: move to next item in submenu (circular)
5187                    event.preventDefault();
5188                    if (submenuItems.length > 0) {
5189                        let nextIndex = currentSubmenuIndex < submenuItems.length - 1 ? currentSubmenuIndex + 1 : 0;
5190                        let nextItem = submenuItems.eq(nextIndex);
5191                        if (nextItem.length > 0) {
5192                            setFocusToMenuitem(submenuItems, nextItem);
5193                        }
5194                    }
5195                } else if (event.which === 38) {
5196                    // Up Arrow: move to previous item in submenu (circular)
5197                    event.preventDefault();
5198                    if (submenuItems.length > 0) {
5199                        let prevIndex = currentSubmenuIndex > 0 ? currentSubmenuIndex - 1 : submenuItems.length - 1;
5200                        let prevItem = submenuItems.eq(prevIndex);
5201                        if (prevItem.length > 0) {
5202                            setFocusToMenuitem(submenuItems, prevItem);
5203                        }
5204                    }
5205                } else if (event.which === 36 || event.which === 33) {
5206                    // Home or PageUp: move to first item in submenu
5207                    event.preventDefault();
5208                    if (submenuItems.length > 0) {
5209                        let firstItem = submenuItems.first();
5210                        setFocusToMenuitem(submenuItems, firstItem);
5211                    }
5212                } else if (event.which === 35 || event.which === 34) {
5213                    // End or PageDown: move to last item in submenu
5214                    event.preventDefault();
5215                    if (submenuItems.length > 0) {
5216                        let lastItem = submenuItems.last();
5217                        setFocusToMenuitem(submenuItems, lastItem);
5218                    }
5219                } else if ((event.which >= 65 && event.which <= 90) || (event.which >= 48 && event.which <= 57)) {
5220                    // Character navigation (A-Z, 0-9)
5221                    event.preventDefault();
5222                    let char = String.fromCharCode(event.which).toLowerCase();
5223                    let now = Date.now();
5224                    
5225                    // Reset if timeout passed or different character
5226                    if (now - lastCharTime > CHAR_NAV_TIMEOUT || lastChar !== char) {
5227                        lastChar = char;
5228                        lastCharTime = now;
5229                    }
5230                    
5231                    if (submenuItems.length > 0 && currentSubmenuIndex >= 0) {
5232                        let nextIndex = findItemByCharacter(submenuItems, char, currentSubmenuIndex);
5233                        if (nextIndex >= 0) {
5234                            let nextItem = submenuItems.eq(nextIndex);
5235                            setFocusToMenuitem(submenuItems, nextItem);
5236                        }
5237                    }
5238                }
5239            });
5240        </script>
5240
5241        </div>
5242</div>
5243
5244<style>
5245    .header_container_1>.flex_row_3>.flex_col_1>.flex_cell_1.menu {
5246        width:100%;                                    justify-content: center;
5247                            align-items:center; -webkit-align-items:center;    }
5248
5249            .header_container_1>.flex_row_3>.flex_col_1>.flex_cell_1.menu {
5250                }
5251    
5252    .header_container_1>.flex_row_3>.flex_col_1>.flex_cell_1.menu>.flex_cell_content {
5253        display: flex;
5254        margin-top:px;        margin-bottom:px;        margin-left:px;        margin-right:px;        padding-top:px;        padding-bottom:px;        padding-left:px;        padding-right:px;    }
5255
5256    .header_container_1>.flex_row_3>.flex_col_1>.flex_cell_1.menu>.flex_cell_content>nav>ul>li>a,
5257    .header_container_1>.flex_row_3>.flex_col_1>.flex_cell_1.menu>.flex_cell_content>nav>ul>li>button {
5258        color:#4d4d4d; display: flex;
5259                                font-size:14px;        font-family:Arial;        text-transform:none;                line-height:25px;    }
5260
5261    .header_container_1>.flex_row_3>.flex_col_1>.flex_cell_1.menu>.flex_cell_content>nav>ul>li>a:hover {
5262        color:#000000;    }
5263</style>
5264                        </div>
5265
5266                        <style>
5267                            .header_container_1>.flex_row_3>.flex_col_1 {
5268                            width:100%;                            }
5269                        </style>
5270
5271
5272                    
5273                </div>
5274
5275                
5276                <style>
5277    .header_container_1>.flex_row_3 {
5278                    background-color: #ffffff;
5279        
5280        color:#000000;        height:auto;                
5281        
5282            }
5283
5284    </style>
5285
5286
5287                                
5288            
5289            
5290                
5291                    <div class="flex_row">
5292
5293                        
5294                            <div class="flex_col">
5295
5296                                
5297                            </div>
5298                        
5299                            <div class="flex_col">
5300
5301                                
5302                            </div>
5303                        
5304                            <div class="flex_col">
5305
5306                                
5307                            </div>
5308                        
5309                            <div class="flex_col">
5310
5311                                
5312                            </div>
5313                        
5314                            <div class="flex_col">
5315
5316                                
5317                            </div>
5318                        
5319                            <div class="flex_col">
5320
5321                                
5322                            </div>
5323                        
5324                    </div>
5325                
5326            
5327                
5328                    <div class="flex_row">
5329
5330                        
5331                            <div class="flex_col">
5332
5333                                
5334                            </div>
5335                        
5336                            <div class="flex_col">
5337
5338                                
5339                            </div>
5340                        
5341                            <div class="flex_col">
5342
5343                                
5344                            </div>
5345                        
5346                    </div>
5347                
5348            
5349                
5350                    <div class="flex_row">
5351
5352                        
5353                            <div class="flex_col">
5354
5355                                <div class="flex_cell flex_cell_1 menu">
5356    <style>
5357        #desktop_hamburger_menu_template {
5358            position: fixed;
5359            top: 0;
5360            left: 0;
5361            width: 325px;
5362            overflow-y: auto;
5363            transform: translateX(-325px);
5364            z-index: 1000000001;
5365            height: 100vh;
5366            background-color: #ffffff;
5367            transition: all 0.3s ease;
5368        }
5369        #desktop_hamburger_menu_template_overlay.open {
5370            position: fixed;
5371            top: 0;
5372            left: 0;
5373            width: 100vw;
5374            z-index: 1000000001;
5375            transition: all 0.3s ease;
5376            height: 100vh;
5377            background: rgba(1, 1, 1, 0.5);
5378            cursor: pointer;
5379            transform: translateX(325px);
5380        }
5381        #desktop_hamburger_menu_template .hamburger-menu-template-inner {
5382            padding: 10px;
5383            padding-right:25px;
5384        }
5385        #desktop_hamburger_menu_template .hamburger-menu-close-button {
5386            font-size: 14px !important;
5387            display: flex;
5388            align-items: center;
5389            margin-bottom: 20px;
5390        }
5391        #desktop_hamburger_menu_template .hamburger-menu-close-button svg,
5392        #desktop_hamburger_menu_template button.hamburger-menu-close-button svg {
5393            height: 15px;
5394            margin-right: 5px;
5395        }
5396        #desktop_hamburger_menu_template .hamburger-menu-nav-section {
5397            display: flex;
5398            justify-content: space-between;
5399            align-items: center;
5400        }
5401        #desktop_hamburger_menu_template .hamburger-menu-nav-section svg,
5402        #desktop_hamburger_menu_template button.hamburger-menu-nav-section svg,
5403        #desktop_hamburger_menu_template a.hamburger-menu-nav-section svg {
5404            height: 10px;
5405            float: right;
5406        }
5407        #desktop_hamburger_menu_template .hamburger-menu-nav-section.parent_men span,
5408        #desktop_hamburger_menu_template a.hamburger-menu-nav-section.parent_men span,
5409        #desktop_hamburger_menu_template button.hamburger-menu-nav-section.parent_men span {
5410            text-decoration: underline;
5411        }
5412        #desktop_hamburger_menu_template .hamburger-menu-nav-section.parent_men_arrow,
5413        #desktop_hamburger_menu_template a.hamburger-menu-nav-section.parent_men_arrow,
5414        #desktop_hamburger_menu_template button.hamburger-menu-nav-section.parent_men_arrow {
5415            min-width:30px;
5416            justify-content: end;
5417        }
5418        #desktop_hamburger_menu_template .ham_menu_container {
5419            display:flex;
5420            justify-content: space-between;
5421        }
5422        #desktop_hamburger_menu_template.open {
5423            transform: translateX(0);
5424        }
5425        #desktop_hamburger_menu_template .sub-menu-panel {
5426            display: none;
5427        }
5428        #desktop_hamburger_menu_template .sub-menu-panel[aria-hidden="true"] {
5429            display: none;
5430        }
5431        #desktop_hamburger_menu_template .sub-menu-panel[aria-hidden="false"] {
5432            display: block;
5433        }
5434        #desktop_hamburger_menu_template .icon_and_name {
5435            display:flex;
5436            align-items:center;
5437            gap:10px;
5438        }
5439        #desktop_hamburger_menu_template .hum-line {
5440            border-bottom: 1px solid #ddd;
5441        }
5442        #desktop_hamburger_menu_template .sub-menu-panel.open,
5443        #desktop_hamburger_menu_template .sub-menu-panel[aria-hidden="false"] {
5444            display: block;
5445        }
5446        #desktop_hamburger_menu_template a.hamburger-menu-nav-section,
5447        #desktop_hamburger_menu_template button.hamburger-menu-nav-section,
5448        #desktop_hamburger_menu_template button.hamburger-menu-close-button,
5449        #desktop_hamburger_menu_template a.hamburger-menu-close-button{
5450        color:#4d4d4d;            display: flex;
5451            text-align: left;
5452            width: 100%;
5453            position: relative;
5454                                font-size:14px;        font-family:Arial;        text-transform:none;                line-height:25px;        }
5455        #desktop_hamburger_menu_template.hamburger-menu-template .nav_list_trd {
5456            display: none;
5457            padding: 15px 0px;
5458            background: #fff;
5459        }
5460        #desktop_hamburger_menu_template.hamburger-menu-template .nav_list_trd.open {
5461            display: block;
5462            padding-top:2px;
5463        }
5464        /* Reset button styles to look like links */
5465        #desktop_hamburger_menu_template button.hamburger-menu-nav-section,
5466        #desktop_hamburger_menu_template button.hamburger-menu-close-button,
5467        #desktop_hamburger_menu_template button.parent_men_arrow {
5468            background: none;
5469            border: none;
5470            padding: 0;
5471            cursor: pointer;
5472            -webkit-appearance: none;
5473            -moz-appearance: none;
5474            appearance: none;
5475        }
5476        
5477        /* Hover and active states for buttons - inherit from link styles */
5478        #desktop_hamburger_menu_template button.hamburger-menu-nav-section:hover,
5479        #desktop_hamburger_menu_template button.hamburger-menu-nav-section.active,
5480        #desktop_hamburger_menu_template button.hamburger-menu-nav-section[aria-expanded="true"],
5481        #desktop_hamburger_menu_template button.hamburger-menu-close-button:hover {
5482            /* Styles inherited from parent selectors above */
5483        }
5484        
5485        /* Additional button styles are inherited from parent selectors above */
5486        
5487        /* Image styles inside buttons */
5488        #desktop_hamburger_menu_template button.hamburger-menu-nav-section .icon_and_name img,
5489        #desktop_hamburger_menu_template a.hamburger-menu-nav-section .icon_and_name img {
5490                            height:20px;
5491                    }
5492    </style>
5493
5494    <nav id="desktop_hamburger_menu_template" class="hamburger-menu-template" inert="inert">
5495        <div class="hamburger-menu-template-inner">
5496            <button type="button" class="hamburger-menu-close-button mr-4" id="desktop_hamburger_close_button" aria-label="Close menu">
5497                <svg role="img" aria-hidden="true" viewBox="0 0 320 512"><path d="M310.6 361.4c12.5 12.5 12.5 32.75 0 45.25C304.4 412.9 296.2 416 288 416s-16.38-3.125-22.62-9.375L160 301.3L54.63 406.6C48.38 412.9 40.19 416 32 416S15.63 412.9 9.375 406.6c-12.5-12.5-12.5-32.75 0-45.25l105.4-105.4L9.375 150.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L160 210.8l105.4-105.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-105.4 105.4L310.6 361.4z"/></svg> CLOSE</button>
5498
5499            <div class="script_before_menu">
5500                                                            </div>
5501            <div style="clear: both"></div>
5502            
5503                    
5504                                                    <button type="button" class="hamburger-menu-nav-section " aria-expanded="false" aria-controls="desktop-submenu-6" aria-label="Expand Engagement Rings section">
5505                                                <span class="icon_and_name">
5506                        
5507                            Engagement Rings                        </span>
5508                                                            <svg viewBox="0 0 320 512" focusable="false" aria-hidden="true"><path d="M96 480c-8.188 0-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L242.8 256L73.38 86.63c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l192 192c12.5 12.5 12.5 32.75 0 45.25l-192 192C112.4 476.9 104.2 480 96 480z"/></svg>
5509                            
5510                                                    </button>
5511                                            
5512
5513                    
5514                    <div class="sub-menu-panel" id="desktop-submenu-6" aria-hidden="true">
5515                                                    
5516
5517    
5518        
5519        <div class="menu_container custom_build_menu menu_container_1_6 custom_bm_fw" role="menu">
5520
5521            
5522                
5523                    <div class="flex_row flex_row_1">
5524
5525                        
5526                            <div class="flex_col flex_col_1">
5527
5528                                
5529                            </div>
5530
5531                            <style>
5532                                .menu_container_1_6 .flex_row_1 .flex_col_1 {
5533                                width:100%;                                }
5534                            </style>
5535
5536
5537                        
5538                            <div class="flex_col flex_col_2">
5539
5540                                
5541 <div class="flex_cell flex_cell_1 third_level">
5542            <div class="flex_cell_content">
5543            <div class="nav_div_7 menu_container_li">
5544                                                                                                                                                                                                        <div class="vfit">
5545                            <a class=" " title="Shop By Style" href="#!"  data-full_image="" role="button" tabindex="0">
5546                                                                Shop By Style                            </a>
5547                        </div>
5548                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    <div class="nav_list_container">
5549                                            <ul class="nav_list" role="menu" aria-label="Shop By Style" tabindex="-1">
5550                                                                                                                                                                                                                                                                                                                                                                                                                                                                        <li class="" role="none">
5551                                        <a class="" 
5552                                           role="menuitem" 
5553                                           tabindex="0"
5554                                           href="https://www.osbornejewelersinc.com/halo-rings"  
5555                                           title="Halo Rings" 
5556                                           style="" 
5557                                           data-full_image=""
5558                                           >
5559                                                                                            <img class="nav_
5559ct_icons menu_icon_halorings"
5560                                                     src="https://www.osbornejewelersinc.com/public/1.0/uploads/source/icons/jewelry_icons/rings/halo.svg"
5561                                                     alt="Halo Rings"
5562                                                     title="Halo Rings"
5563                                                                                                                                                                        height="25"
5564                                                            width="25"
5565                                                                                                                                                                 loading="lazy"/>
5566                                                                                        Halo Rings</a>
5567                                    </li>
5568                                                                                                <li class="" role="none">
5569                                        <a class="" 
5570                                           role="menuitem" 
5571                                           tabindex="-1"
5572                                           href="https://www.osbornejewelersinc.com/side-stone-rings"  
5573                                           title="Side Stone Rings" 
5574                                           style="" 
5575                                           data-full_image=""
5576                                           >
5577                                                                                            <img class="nav_ct_icons menu_icon_sidestonerings"
5578                                                     src="https://www.osbornejewelersinc.com/public/1.0/uploads/source/icons/jewelry_icons/rings/sidestones.svg"
5579                                                     alt="Side Stone Rings"
5580                                                     title="Side Stone Rings"
5581                                                                                                                                                                        height="25"
5582                                                            width="25"
5583                                                                                                                                                                 loading="lazy"/>
5584                                                                                        Side Stone Rings</a>
5585                                    </li>
5586                                                                                                <li class="" role="none">
5587                                        <a class="" 
5588                                           role="menuitem" 
5589                                           tabindex="-1"
5590                                           href="https://www.osbornejewelersinc.com/solitaire-rings"  
5591                                           title="Solitare Rings" 
5592                                           style="" 
5593                                           data-full_image=""
5594                                           >
5595                                                                                            <img class="nav_ct_icons menu_icon_solitarerings"
5596                                                     src="https://www.osbornejewelersinc.com/public/1.0/uploads/source/icons/jewelry_icons/rings/solitaire.svg"
5597                                                     alt="Solitare Rings"
5598                                                     title="Solitare Rings"
5599                                                                                                                                                                        height="25"
5600                                                            width="25"
5601                                                                                                                                                                 loading="lazy"/>
5602                                                                                        Solitare Rings</a>
5603                                    </li>
5604                                                                                                <li class="" role="none">
5605                                        <a class="" 
5606                                           role="menuitem" 
5607                                           tabindex="-1"
5608                                           href="https://www.osbornejewelersinc.com/three-stones-rings"  
5609                                           title="Three Stones Rings" 
5610                                           style="" 
5611                                           data-full_image=""
5612                                           >
5613                                                                                            <img class="nav_
5613ct_icons menu_icon_threestonesrings"
5614                                                     src="https://www.osbornejewelersinc.com/public/1.0/uploads/source/icons/jewelry_icons/rings/3stones.svg"
5615                                                     alt="Three Stones Rings"
5616                                                     title="Three Stones Rings"
5617                                                                                                                                                                        height="25"
5618                                                            width="25"
5619                                                                                                                                                                 loading="lazy"/>
5620                                                                                        Three Stones Rings</a>
5621                                    </li>
5622                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            </ul>
5623                                                        </div>
5624            </div>
5625        </div>
5626        <style>
5627            .menu_container_1_6>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_7 {
5628                width: 100%;
5629            }
5630            .menu_container_1_6>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_7 .vfit {
5631                text-align: left;
5632                
5633                                    border-bottom: 1px solid #ececec;
5634                    padding-bottom: 8px;
5635                            }
5636            .menu_container_1_6>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_7 .nav_list {
5637                list-style: none;
5638                margin: 0;
5639                padding: 0;
5640            }
5641            .menu_container_1_6>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_7 .nav_list + li {
5642                margin-top: 10px;
5643            }
5644            .menu_container_1_6>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_7 li {
5645                width: 100%;
5646                margin: 0;
5647                padding: 0;
5648            }
5649            .menu_container_1_6>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_7 li:hover {
5650                opacity: 0.8;
5651            }
5652            .menu_container_1_6>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_7 .nav_list li a {
5653                padding: 0;
5654                                            }
5655                    </style>
5656    </div>
5657<style>
5658    .menu_container_1_6>.flex_row_1>.flex_col_2>.flex_cell_1.third_level {
5659        width:100%;        align-items:start; -webkit-align-items:start;    }
5660
5661            .menu_container_1_6>.flex_row_1>.flex_col_2>.flex_cell_1.third_level {
5662        height:100%;        }
5663    
5664    .menu_container_1_6>.flex_row_1>.flex_col_2>.flex_cell_1.third_level>.flex_cell_content {
5665        display: flex;
5666        width: 100%;
5667        margin-top:20px;        margin-bottom:px;        margin-left:20px;        margin-right:px;        padding-top:px;        padding-bottom:px;        padding-left:px;        padding-right:px;    }
5668
5669            .menu_container_1_6>.flex_row_1>.flex_col_2>.flex_cell_1.third_level .vfit a {
5670        color:#4d4d4d;                font-style:italic;                            display: flex;
5671        font-size:14px;        font-family:Arial;        text-transform:uppercase;                        }
5672        .menu_container_1_6>.flex_row_1>.flex_col_2>.flex_cell_1.third_level .vfit a:hover {
5673        color:#000000;        }
5674
5675                .menu_container_1_6>.flex_row_1>.flex_col_2>.flex_cell_1.third_level .vfit a .nav_ct_icons {
5676            height: 20px;
5677            margin-right: 5px;
5678        }
5679            
5680            .menu_container_1_6>.flex_row_1>.flex_col_2>.flex_cell_1.third_level .nav_list li a {
5681        color:#4d4d4d;                font-style:normal;                line-height:25px;            display: flex;
5682            align-items:center;
5683        font-size:14px;        font-family:Arial;        text-transform:none;                line-height:25px;        }
5684        .menu_container_1_6>.flex_row_1>.flex_col_2>.flex_cell_1.third_level .nav_list li a:hover {
5685        color:#000000;        }
5686
5687                .menu_container_1_6>.flex_row_1>.flex_col_2>.flex_cell_1.third_level .nav_list li a .nav_ct_icons {
5688            height: 25px;
5689            margin-right: 5px;
5690        }
5691            
5692</style>
5693                            </div>
5694
5695                            <style>
5696                                .menu_container_1_6 .flex_row_1 .flex_col_2 {
5697                                width:100%;                                }
5698                            </style>
5699
5700
5701                        
5702                            <div class="flex_col flex_col_3">
5703
5704                                
5705 <div class="flex_cell flex_cell_1 third_level">
5706            <div class="flex_cell_content">
5707            <div class="nav_div_8 menu_container_li">
5708                                                                                                                                                                                                                        <div class="vfit">
5709                            <a class=" " title="Shop By Shape" href="#!"  data-full_image="" role="button" tabindex="0">
5710                                                                Shop By Shape                            </a>
5711                        </div>
5712                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    <div class="nav_list_container">
5713                                            <ul class="nav_list" role="menu" aria-label="Shop By Shape" tabindex="-1">
5714                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        <li class="" role="none">
5715                                        <a class="" 
5716                                           role="menuitem" 
5717                                           tabindex="0"
5718                                           href="https://www.osbornejewelersinc.com/princess-cut-rings"  
5719                                           title="Princess Cut Rings" 
5720                                           style="" 
5721                                           data-full_image=""
5722                                           >
5723                                                                                            <img class="nav_
5723ct_icons menu_icon_princesscutrings"
5724                                                     src="https://www.osbornejewelersinc.com/public/1.0/uploads/source/icons/jewelry_icons/rings/princess.svg"
5725                                                     alt="Princess Cut Rings"
5726                                                     title="Princess Cut Rings"
5727                                                                                                                                                                        height="25"
5728                                                            width="25"
5729                                                                                                                                                                 loading="lazy"/>
5730                                                                                        Princess Cut Rings</a>
5731                                    </li>
5732                                                                                                <li class="" role="none">
5733                                        <a class="" 
5734                                           role="menuitem" 
5735                                           tabindex="-1"
5736                                           href="https://www.osbornejewelersinc.com/round-cut-rings"  
5737                                           title="Round Cut Rings" 
5738                                           style="" 
5739                                           data-full_image=""
5740                                           >
5741                                                                                            <img class="nav_ct_icons menu_icon_roundcutrings"
5742                                                     src="https://www.osbornejewelersinc.com/public/1.0/uploads/source/icons/jewelry_icons/rings/round.svg"
5743                                                     alt="Round Cut Rings"
5744                                                     title="Round Cut Rings"
5745                                                                                                                                                                        height="25"
5746                                                            width="25"
5747                                                                                                                                                                 loading="lazy"/>
5748                                                                                        Round Cut Rings</a>
5749                                    </li>
5750                                                                                                                            <li class="" role="none">
5751                                        <a class="" 
5752                                           role="menuitem" 
5753                                           tabindex="-1"
5754                                           href="https://www.osbornejewelersinc.com/oval-cut-rings"  
5755                                           title="Oval Cut Rings" 
5756                                           style="" 
5757                                           data-full_image=""
5758                                           >
5759                                                                                            <img class="nav_ct_icons menu_icon_ovalcutrings"
5760                                                     src="https://www.osbornejewelersinc.com/public/1.0/uploads/source/icons/jewelry_icons/rings/oval.svg"
5761                                                     alt="Oval Cut Rings"
5762                                                     title="Oval Cut Rings"
5763                                                                                                                                                                        height="25"
5764                                                            width="25"
5765                                                                                                                                                                 loading="lazy"/>
5766                                                                                        Oval Cut Rings</a>
5767                                    </li>
5768                                                                                                <li class="" role="none">
5769                                        <a class="" 
5770                                           role="menuitem" 
5771                                           tabindex="-1"
5772                                           href="https://www.osbornejewelersinc.com/emerald-cut-rings"  
5773                                           title="Emerald Cut Rings" 
5774                                           style="" 
5775                                           data-full_image=""
5776                                           >
5777                                                                                            <img class="nav_
5777ct_icons menu_icon_emeraldcutrings"
5778                                                     src="https://www.osbornejewelersinc.com/public/1.0/uploads/source/icons/jewelry_icons/rings/emerald.svg"
5779                                                     alt="Emerald Cut Rings"
5780                                                     title="Emerald Cut Rings"
5781                                                                                                                                                                        height="25"
5782                                                            width="25"
5783                                                                                                                                                                 loading="lazy"/>
5784                                                                                        Emerald Cut Rings</a>
5785                                    </li>
5786                                                                                                <li class="" role="none">
5787                                        <a class="" 
5788                                           role="menuitem" 
5789                                           tabindex="-1"
5790                                           href="https://www.osbornejewelersinc.com/marquise-cut-rings"  
5791                                           title="Marquise Cut Rings" 
5792                                           style="" 
5793                                           data-full_image=""
5794                                           >
5795                                                                                            <img class="nav_ct_icons menu_icon_marquisecutrings"
5796                                                     src="https://www.osbornejewelersinc.com/public/1.0/uploads/source/icons/jewelry_icons/rings/marquise.svg"
5797                                                     alt="Marquise Cut Rings"
5798                                                     title="Marquise Cut Rings"
5799                                                                                                                                                                        height="25"
5800                                                            width="25"
5801                                                                                                                                                                 loading="lazy"/>
5802                                                                                        Marquise Cut Rings</a>
5803                                    </li>
5804                                                                                                <li class="" role="none">
5805                                        <a class="" 
5806                                           role="menuitem" 
5807                                           tabindex="-1"
5808                                           href="https://www.osbornejewelersinc.com/pear-shape-ring"  
5809                                           title="Pear Shape Rings" 
5810                                           style="" 
5811                                           data-full_image=""
5812                                           >
5813                                                                                            <img class="nav_ct_icons menu_icon_pearshaperings"
5814                                                     src="https://www.osbornejewelersinc.com/public/1.0/uploads/source/icons/jewelry_icons/rings/pear.svg"
5815                                                     alt="Pear Shape Rings"
5816                                                     title="Pear Shape Rings"
5817                                                                                                                                                                        height="25"
5818                                                            width="25"
5819                                                                                                                                                                 loading="lazy"/>
5820                                                                                        Pear Shape Rings</a>
5821                                    </li>
5822                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        </ul>
5823                                                        </div>
5824            </div>
5825        </div>
5826        <style>
5827            .menu_container_1_6>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_8 {
5828                width: 100%;
5829            }
5830            .menu_container_1_6>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_8 .vfit {
5831                text-align: left;
5832                
5833                                    border-bottom: 1px solid #ececec;
5834                    padding-bottom: 8px;
5835                            }
5836            .menu_container_1_6>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_8 .nav_list {
5837                list-style: none;
5838                margin: 0;
5839                padding: 0;
5840            }
5841            .menu_container_1_6>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_8 .nav_list + li {
5842                margin-top: 10px;
5843            }
5844            .menu_container_1_6>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_8 li {
5845                width: 100%;
5846                margin: 0;
5847                padding: 0;
5848            }
5849            .menu_container_1_6>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_8 li:hover {
5850                opacity: 0.8;
5851            }
5852            .menu_container_1_6>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_8 .nav_list li a {
5853                padding: 0;
5854                                            }
5855                    </style>
5856    </div>
5857<style>
5858    .menu_container_1_6>.flex_row_1>.flex_col_3>.flex_cell_1.third_level {
5859        width:100%;        align-items:start; -webkit-align-items:start;    }
5860
5861            .menu_container_1_6>.flex_row_1>.flex_col_3>.flex_cell_1.third_level {
5862        height:100%;        }
5863    
5864    .menu_container_1_6>.flex_row_1>.flex_col_3>.flex_cell_1.third_level>.flex_cell_content {
5865        display: flex;
5866        width: 100%;
5867        margin-top:20px;        margin-bottom:px;        margin-left:20px;        margin-right:px;        padding-top:px;        padding-bottom:px;        padding-left:px;        padding-right:px;    }
5868
5869            .menu_container_1_6>.flex_row_1>.flex_col_3>.flex_cell_1.third_level .vfit a {
5870        color:#4d4d4d;                font-style:italic;                            display: flex;
5871        font-size:14px;        font-family:Arial;        text-transform:uppercase;                        }
5872        .menu_container_1_6>.flex_row_1>.flex_col_3>.flex_cell_1.third_level .vfit a:hover {
5873        color:#000000;        }
5874
5875                .menu_container_1_6>.flex_row_1>.flex_col_3>.flex_cell_1.third_level .vfit a .nav_ct_icons {
5876            height: 20px;
5877            margin-right: 5px;
5878        }
5879            
5880            .menu_container_1_6>.flex_row_1>.flex_col_3>.flex_cell_1.third_level .nav_list li a {
5881        color:#4d4d4d;                font-style:normal;                line-height:25px;            display: flex;
5882            align-items:center;
5883        font-size:14px;        font-family:Arial;        text-transform:none;                line-height:25px;        }
5884        .menu_container_1_6>.flex_row_1>.flex_col_3>.flex_cell_1.third_level .nav_list li a:hover {
5885        color:#000000;        }
5886
5887                .menu_container_1_6>.flex_row_1>.flex_col_3>.flex_cell_1.third_level .nav_list li a .nav_ct_icons {
5888            height: 25px;
5889            margin-right: 5px;
5890        }
5891            
5892</style>
5893                            </div>
5894
5895                            <style>
5896                                .menu_container_1_6 .flex_row_1 .flex_col_3 {
5897                                width:100%;                                }
5898                            </style>
5899
5900
5901                        
5902                            <div class="flex_col flex_col_4">
5903
5904                                
5905 <div class="flex_cell flex_cell_1 third_level">
5906            <div class="flex_cell_content">
5907            <div class="nav_div_10 menu_container_li">
5908                                                                                                                                                                                                                                        <div class="vfit">
5909                            <a class=" " title="Shop By Price" href="#!"  data-full_image="" role="button" tabindex="0">
5910                                                                Shop By Price                            </a>
5911                        </div>
5912                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    <div class="nav_list_container">
5913                                            <ul class="nav_list" role="menu" aria-label="Shop By Price" tabindex="-1">
5914                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            <li class="" role="none">
5915                                        <a class="" 
5916                                           role="menuitem" 
5917                                           tabindex="0"
5918                                           href="https://www.osbornejewelersinc.com/engagement-rings-up-to-500"  
5919                                           title="Up to $500" 
5920                                           style="" 
5921                                           data-full_image=""
5922                                           >
5923                                                                                        Up to $500</a>
5924                                    </li>
5925                                                                                                <li class="" role="none">
5926                                        <a class="" 
5927                                           role="menuitem" 
5928                                           tabindex="-1"
5929                                           href="https://www.osbornejewelersinc.com/engagement-rings-500-to-1000"  
5930                                           title="$500 - $1000" 
5931                                           style="" 
5932                                           data-full_image=""
5933                                           >
5934                                                                                        $500 - $1000</a>
5935                                    </li>
5936                                                                                                <li class="" role="none">
5937                                        <a class="" 
5938                                           role="menuitem" 
5939                                           tabindex="-1"
5940                                           href="https://www.osbornejewelersinc.com/engagement-rings-1000-to-2000"  
5941                                           title="$1000 - $2000" 
5942                                           style="" 
5943                                           data-full_image=""
5944                                           >
5945                                                                                        $1000 - $2000</a>
5946                                    </li>
5947                                                                                                <li class="" role="none">
5948                                        <a class="" 
5949                                           role="menuitem" 
5950                                           tabindex="-1"
5951                                           href="https://www.osbornejewelersinc.com/engagement-rings-2000-to-5000"  
5952                                           title="$2000 - $5000" 
5953                                           style="" 
5954                                           data-full_image=""
5955                                           >
5956                                                                                        $2000 - $5000</a>
5957                                    </li>
5958                                                                                                <li class="" role="none">
5959                                        <a class="" 
5960                                           role="menuitem" 
5961                                           tabindex="-1"
5962                                           href="https://www.osbornejewelersinc.com/engagement-rings-5000-up"  
5963                                           title="$5000 & Up" 
5964                                           style="" 
5965                                           data-full_image=""
5966                                           >
5967                                                                                        $5000 & Up</a>
5968                                    </li>
5969                                                                                              
5969                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              </ul>
5970                                                        </div>
5971            </div>
5972        </div>
5973        <style>
5974            .menu_container_1_6>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_10 {
5975                width: 100%;
5976            }
5977            .menu_container_1_6>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_10 .vfit {
5978                text-align: left;
5979                
5980                                    border-bottom: 1px solid #ececec;
5981                    padding-bottom: 8px;
5982                            }
5983            .menu_container_1_6>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_10 .nav_list {
5984                list-style: none;
5985                margin: 0;
5986                padding: 0;
5987            }
5988            .menu_container_1_6>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_10 .nav_list + li {
5989                margin-top: 10px;
5990            }
5991            .menu_container_1_6>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_10 li {
5992                width: 100%;
5993                margin: 0;
5994                padding: 0;
5995            }
5996            .menu_container_1_6>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_10 li:hover {
5997                opacity: 0.8;
5998            }
5999            .menu_container_1_6>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_10 .nav_list li a {
6000                padding: 0;
6001                                            }
6002                    </style>
6003    </div>
6004<style>
6005    .menu_container_1_6>.flex_row_1>.flex_col_4>.flex_cell_1.third_level {
6006        width:100%;        align-items:start; -webkit-align-items:start;    }
6007
6008            .menu_container_1_6>.flex_row_1>.flex_col_4>.flex_cell_1.third_level {
6009        height:100%;        }
6010    
6011    .menu_container_1_6>.flex_row_1>.flex_col_4>.flex_cell_1.third_level>.flex_cell_content {
6012        display: flex;
6013        width: 100%;
6014        margin-top:20px;        margin-bottom:px;        margin-left:20px;        margin-right:px;        padding-top:px;        padding-bottom:px;        padding-left:px;        padding-right:px;    }
6015
6016            .menu_container_1_6>.flex_row_1>.flex_col_4>.flex_cell_1.third_level .vfit a {
6017        color:#4d4d4d;                font-style:italic;                            display: flex;
6018        font-size:14px;        font-family:Arial;        text-transform:uppercase;                        }
6019        .menu_container_1_6>.flex_row_1>.flex_col_4>.flex_cell_1.third_level .vfit a:hover {
6020        color:#000000;        }
6021
6022                .menu_container_1_6>.flex_row_1>.flex_col_4>.flex_cell_1.third_level .vfit a .nav_ct_icons {
6023            height: 20px;
6024            margin-right: 5px;
6025        }
6026            
6027            .menu_container_1_6>.flex_row_1>.flex_col_4>.flex_cell_1.third_level .nav_list li a {
6028        color:#4d4d4d;                font-style:normal;                line-height:25px;            display: flex;
6029            align-items:center;
6030        font-size:14px;        font-family:Arial;        text-transform:none;                line-height:25px;        }
6031        .menu_container_1_6>.flex_row_1>.flex_col_4>.flex_cell_1.third_level .nav_list li a:hover {
6032        color:#000000;        }
6033
6034                .menu_container_1_6>.flex_row_1>.flex_col_4>.flex_cell_1.third_level .nav_list li a .nav_ct_icons {
6035            height: 25px;
6036            margin-right: 5px;
6037        }
6038            
6039</style>
6040                            </div>
6041
6042                            <style>
6043                                .menu_container_1_6 .flex_row_1 .flex_col_4 {
6044                                width:100%;                                }
6045                            </style>
6046
6047
6048                        
6049                            <div class="flex_col flex_col_5">
6050
6051                                
6052 <div class="flex_cell flex_cell_1 third_level">
6053            <div class="flex_cell_content">
6054            <div class="nav_div_71 menu_container_li">
6055                                                                                                                                                                                                                                                        <div class="vfit">
6056                            <a class=" " title="Start Your Search" href="#!"  data-full_image="" role="button" tabindex="0">
6057                                                                Start Your Search                            </a>
6058                        </div>
6059                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    <div class="nav_list_container">
6060                                            <ul class="nav_list" role="menu" aria-label="Start Your Search" tabindex="-1">
6061                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                <li class="" role="none">
6062                                        <a class="" 
6063                                           role="menuitem" 
6064                                           tabindex="0"
6065                                           href="https://www.osbornejewelersinc.com/engagement-rings"  
6066                                           title="View All Engagement Rings >>" 
6067                                           style="" 
6068                                           data-full_image=""
6069                                           >
6070                                                                                        View All Engagement Rings >></a>
6071                                    </li>
6072                                                                                                <li class="" role="none">
6073                                        <a class="" 
6074                                           role="menuitem" 
6075                                           tabindex="-1"
6076                                           href="https://www.osbornejewelersinc.com/create-your-ring"  
6077                                           title="Customize Your Ring >>" 
6078                                           style="" 
6079                                           data-full_image=""
6080                                           >
6081                                                                                        Customize Your Ring >></a>
6082                                    </li>
6083                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            </ul>
6084                                                        </div>
6085            </div>
6086        </div>
6087        <style>
6088            .menu_container_1_6>.flex_row_1>.flex_col_5>.flex_cell_1 .nav_div_71 {
6089                width: 100%;
6090            }
6091            .menu_container_1_6>.flex_row_1>.flex_col_5>.flex_cell_1 .nav_div_71 .vfit {
6092                text-align: left;
6093                
6094                                    border-bottom: 1px solid #ececec;
6095                    padding-bottom: 8px;
6096                            }
6097            .menu_container_1_6>.flex_row_1>.flex_col_5>.flex_cell_1 .nav_div_71 .nav_list {
6098                list-style: none;
6099                margin: 0;
6100                padding: 0;
6101            }
6102            .menu_container_1_6>.flex_row_1>.flex_col_5>.flex_cell_1 .nav_div_71 .nav_list + li {
6103                margin-top: 10px;
6104            }
6105            .menu_container_1_6>.flex_row_1>.flex_col_5>.flex_cell_1 .nav_div_71 li {
6106                width: 100%;
6107                margin: 0;
6108                padding: 0;
6109            }
6110            .menu_container_1_6>.flex_row_1>.flex_col_5>.flex_cell_1 .nav_div_71 li:hover {
6111                opacity: 0.8;
6112            }
6113            .menu_container_1_6>.flex_row_1>.flex_col_5>.flex_cell_1 .nav_div_71 .nav_list li a {
6114                padding: 0;
6115                                            }
6116                    </style>
6117    </div>
6118<style>
6119    .menu_container_1_6>.flex_row_1>.flex_col_5>.flex_cell_1.third_level {
6120        width:100%;        align-items:start; -webkit-align-items:start;    }
6121
6122            .menu_container_1_6>.flex_row_1>.flex_col_5>.flex_cell_1.third_level {
6123        height:100%;        }
6124    
6125    .menu_container_1_6>.flex_row_1>.flex_col_5>.flex_cell_1.third_level>.flex_cell_content {
6126        display: flex;
6127        width: 100%;
6128        margin-top:20px;        margin-bottom:px;        margin-left:20px;        margin-right:px;        padding-top:px;        padding-bottom:px;        padding-left:px;        padding-right:px;    }
6129
6130            .menu_container_1_6>.flex_row_1>.flex_col_5>.flex_cell_1.third_level .vfit a {
6131        color:#4d4d4d;                font-style:italic;                            display: flex;
6132        font-size:14px;        font-family:Arial;        text-transform:uppercase;                        }
6133        .menu_container_1_6>.flex_row_1>.flex_col_5>.flex_cell_1.third_level .vfit a:hover {
6134        color:#000000;        }
6135
6136                .menu_container_1_6>.flex_row_1>.flex_col_5>.flex_cell_1.third_level .vfit a .nav_ct_icons {
6137            height: 20px;
6138            margin-right: 5px;
6139        }
6140            
6141            .menu_container_1_6>.flex_row_1>.flex_col_5>.flex_cell_1.third_level .nav_list li a {
6142        color:#4d4d4d;                font-style:normal;                line-height:25px;            display: flex;
6143            align-items:center;
6144        font-size:14px;        font-family:Arial;        text-transform:none;                line-height:25px;        }
6145        .menu_container_1_6>.flex_row_1>.flex_col_5>.flex_cell_1.third_level .nav_list li a:hover {
6146        color:#000000;        }
6147
6148                .menu_container_1_6>.flex_row_1>.flex_col_5>.flex_cell_1.third_level .nav_list li a .nav_ct_icons {
6149            height: 25px;
6150            margin-right: 5px;
6151        }
6152            
6153</style>
6154                            </div>
6155
6156                            <style>
6157                                .menu_container_1_6 .flex_row_1 .flex_col_5 {
6158                                width:100%;                                }
6159                            </style>
6160
6161
6162                        
6163                            <div class="flex_col flex_col_6">
6164
6165                                
6166                            </div>
6167
6168                            <style>
6169                                .menu_container_1_6 .flex_row_1 .flex_col_6 {
6170                                width:100%;                                }
6171                            </style>
6172
6173
6174                        
6175                    </div>
6176
6177                    <style>
6178                        .menu_container_1_6 .flex_row_1 {
6179                            background-color: #ffffff;
6180                        color:#000000;                        height:250                                                                        }
6181                    </style>
6182
6183                
6184            
6185                
6186                    <div class="flex_row flex_row_2">
6187
6188                        
6189                            <div class="flex_col flex_col_1">
6190
6191                                <div class="flex_cell flex_cell_1 line">
6192            <div class="s_line"></div>
6193    </div>
6194
6195<style>
6196    .menu_container_1_6>.flex_row_2>.flex_col_1>.flex_cell_1 {
6197        width: 100%;
6198        justify-content:center;
6198 -webkit-justify-content:center;        margin-top:px;        margin-bottom:px;        margin-left:px;        margin-right:px;        padding-top:25px;        padding-bottom:px;        padding-left:px;        padding-right:px;    }
6199
6200    
6201    .menu_container_1_6>.flex_row_2>.flex_col_1>.flex_cell_1 .s_line {
6202        background-color:#878787;        border-style: solid;
6203        height:1px;        width:100%;        border-radius:0px;        border-width:0px;        border-color:#000000;    }
6204
6205</style>
6206                            </div>
6207
6208                            <style>
6209                                .menu_container_1_6 .flex_row_2 .flex_col_1 {
6210                                width:100%;                                }
6211                            </style>
6212
6213
6214                        
6215                    </div>
6216
6217                    <style>
6218                        .menu_container_1_6 .flex_row_2 {
6219                            background-color: #ffffff;
6220                        color:#000000;                        height:auto                                                                        }
6221                    </style>
6222
6223                
6224            
6225        </div>
6226        <style>
6227            .menu_container .flex_row {
6228                display: flex;
6229            }
6230            .menu_container_1_6 {
6231                                        width:100%;
6232                                        max-width:100%;
6233                                                    left:0;
6234                                    }
6235            .menu_container .flex_row .flex_col{
6236                display: flex;
6237                flex-wrap: wrap;
6238                box-sizing: border-box;
6239                align-content: baseline;
6240            }
6241            .menu_container .flex_row .flex_col .flex_cell{
6242                height: fit-content;
6243                display: flex;
6244            }
6245            .menu_container .flex_row .flex_col .flex_cell a{
6246                text-decoration: none;
6247            }
6248            .menu_container img {
6249                max-width: 100%;
6250            }
6251        </style>
6252
6253    
6254                                            </div>
6255                    <div class="hum-line"></div>
6256                            
6257                    
6258                                                    <a class="hamburger-menu-nav-section " title="Diamonds" href="https://www.osbornejewelersinc.com/diamonds" >
6259                                                <span class="icon_and_name">
6260                        
6261                            Diamonds                        </span>
6262                            
6263                                                    </a>
6264                                            
6265
6266                    
6267                    <div class="sub-menu-panel" id="desktop-submenu-11" aria-hidden="true">
6268                                                    
6269    
6270        
6271
6272
6273<div class="menu_container default_build_menu menu_container_1_navigation_11">
6274    <div class="nav_div_11">
6275                    </div>
6276</div>
6277<style>
6278    .menu_container_1_navigation_11 {
6279        background: #fff;
6280                    }
6281    .horizontal_menu .nav_div_11 {
6282        padding: 15px 0px;
6283        box-shadow: 0px 0px 5px #00000078;        display: flex;
6284        flex-wrap: wrap;
6285    }
6286    .horizontal_menu .nav_img_11 {
6287        height: 200px;
6288        width: 250px;
6289        margin-left: 50px;
6290        margin-right: 20px;
6291        flex-shrink: 0;
6292        order: 1;
6293    }
6294    .horizontal_menu .nav_img_11 img {
6295        max-width: 100%;
6296        max-height: 100%;
6297    }
6298    .horizontal_menu .nav_div_11 .vfit {
6299        text-align: left;
6300        border-bottom: 1px solid #ececec;
6301        text-transform: uppercase;
6302    }
6303    .nav_div_11 .vfit a {
6304        text-decoration: none;
6305        color: #222;
6306    }
6307    .nav_div_11 .nav_list {
6308        list-style: none;
6309        margin: 0;
6310        padding: 0;
6311        order: 1;
6312            }
6313    .nav_div_11 ul {
6314        list-style: none;
6315    }
6316    #desktop_hamburger_menu_template .nav_div_11 li {
6317        width: 100%;
6318        margin: 0;
6319        padding: 0px 20px;
6320        position: relative;
6321    }
6322    .horizontal_menu .nav_div_11 li {
6323        width: 100%;
6324        margin: 0;
6325        padding: 0px 20px;
6326        position: relative;
6327    }
6328    
6329    #desktop_hamburger_menu_template .nav_div_11 li svg {
6330        position: absolute;
6331        right: 15px;
6332        height: 10px;
6333        top: 10px;
6334    }
6335    .horizontal_menu .nav_div_11 li svg {
6336        position: absolute;
6337        right: 15px;
6338        height: 10px;
6339        top: 10px;
6340    }
6341    
6342    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_11 .nav_div_11 .nav_list li .nav_a_trd {
6343        display: flex;
6344        align-items: center;
6345        padding: 0;
6346        line-height: 30px;
6347        font-size: 14px;
6348        text-transform: uppercase;
6349        text-decoration: none;
6350        color: #222;
6351        white-space: normal;
6352
6353        color:#4d4d4d;                font-style:italic;                font-size:14px;        font-family:Arial;        text-transform:uppercase;                
6354    }
6355    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_11 .nav_div_11 .nav_list li button {
6356        background: none;
6357        border: none;
6358        cursor: pointer;
6359    }
6360    
6361    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_11 .nav_div_11 .nav_list li .nav_a_trd.parent_men {
6362        text-decoration: underline;
6363    }
6364
6365    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_11 .nav_div_11 .nav_list li .nav_a_trd:hover {
6366        color:#000000;        cursor: pointer;
6367    }
6368
6369
6370    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_11 .nav_div_11 .nav_list li .nav_list_trd li a {
6371        display: flex;
6372        align-items: center;
6373        padding: 0;
6374        line-height: 30px;
6375        font-size: 14px;
6376        text-transform: uppercase;
6377        text-decoration: none;
6378        color: #222;
6379        white-space: normal;
6380
6381        color:#4d4d4d;                font-style:normal;                font-size:14px;        font-family:Arial;        text-transform:none;                line-height:25px;    }
6382
6383    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_11 .nav_div_11 .nav_list li .nav_list_trd li a:hover {
6384        color:#000000;    }
6385
6386    .nav_div_11 .nav_list li a .nav_icons {
6387        height: 30px;
6388        margin-right: 5px;
6389            }
6390
6391            .nav_div_11 .nav_list .nav_list_trd li a .nav_icons {
6392            height: 25px;
6393        }
6394    
6395
6396    .nav_div_11 .nav_list li a:hover {
6397        color: #3172ab;
6398    }
6399    .horizontal_menu .nav_div_11 .nav_list_trd {
6400        display: none;
6401        position: absolute;
6402        left: 100%;
6403        top: -15px;
6404        padding: 15px 0px;
6405        box-shadow: 0px 0px 5px #00000078;        background: #fff;
6406    }
6407    .horizontal_menu .nav_div_11 .nav_list>li .nav_list_trd.open,
6408    .horizontal_menu .nav_div_11 .nav_list>li:hover .nav_list_trd {
6409        display: block;
6410        z-index: 99;
6411    }
6412
6413    .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_11,
6414    .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_11 .nav_list_trd{
6415                    width: 250px;
6416            }
6417
6418            .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_11 .nav_list_trd{
6419            width: 250px;
6420        }
6421    </style>
6422                                            </div>
6423                    <div class="hum-line"></div>
6424                            
6425                    
6426                                                    <button type="button" class="hamburger-menu
6426-nav-section " aria-expanded="false" aria-controls="desktop-submenu-12" aria-label="Expand Wedding Bands section">
6427                                                <span class="icon_and_name">
6428                        
6429                            Wedding Bands                        </span>
6430                                                            <svg viewBox="0 0 320 512" focusable="false" aria-hidden="true"><path d="M96 480c-8.188 0-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L242.8 256L73.38 86.63c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l192 192c12.5 12.5 12.5 32.75 0 45.25l-192 192C112.4 476.9 104.2 480 96 480z"/></svg>
6431                            
6432                                                    </button>
6433                                            
6434
6435                    
6436                    <div class="sub-menu-panel" id="desktop-submenu-12" aria-hidden="true">
6437                                                    
6438
6439    
6440        
6441        <div class="menu_container custom_build_menu menu_container_1_3 custom_bm_fw" role="menu">
6442
6443            
6444                
6445                    <div class="flex_row flex_row_1">
6446
6447                        
6448                            <div class="flex_col flex_col_1">
6449
6450                                
6451                            </div>
6452
6453                            <style>
6454                                .menu_container_1_3 .flex_row_1 .flex_col_1 {
6455                                width:100%;                                }
6456                            </style>
6457
6458
6459                        
6460                            <div class="flex_col flex_col_2">
6461
6462                                
6463 <div class="flex_cell flex_cell_1 third_level">
6464            <div class="flex_cell_content">
6465            <div class="nav_div_13 menu_container_li">
6466                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        <div class="vfit">
6467                            <a class=" " title="Shop By Gender" href="#!"  data-full_image="" role="button" tabindex="0">
6468                                                                Shop By Gender                            </a>
6469                        </div>
6470                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    <div class="nav_list_container">
6471                                            <ul class="nav_list" role="menu" aria-label="Shop By Gender" tabindex="-1">
6472                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            <li class="" role="none">
6473                                        <a class="" 
6474                                           role="menuitem" 
6475                                           tabindex="0"
6476                                           href="https://www.osbornejewelersinc.com/mens-wedding-bands"  
6477                                           title="Mens Wedding Bands" 
6478                                           style="" 
6479                                           data-full_image=""
6480                                           >
6481                                                                                            <img class="nav_
6481ct_icons menu_icon_mensweddingbands"
6482                                                     src="https://www.osbornejewelersinc.com/public/1.0/uploads/source/icons/jewelry_icons/bands/mens-01.svg"
6483                                                     alt="Mens Wedding Bands"
6484                                                     title="Mens Wedding Bands"
6485                                                                                                                                                                        height="25"
6486                                                            width="25"
6487                                                                                                                                                                 loading="lazy"/>
6488                                                                                        Mens Wedding Bands</a>
6489                                    </li>
6490                                                                                                <li class="" role="none">
6491                                        <a class="" 
6492                                           role="menuitem" 
6493                                           tabindex="-1"
6494                                           href="https://www.osbornejewelersinc.com/ladies-wedding-bands"  
6495                                           title="Ladies Wedding Bands" 
6496                                           style="" 
6497                                           data-full_image=""
6498                                           >
6499                                                                                            <img class="nav_ct_icons menu_icon_ladiesweddingbands"
6500                                                     src="https://www.osbornejewelersinc.com/public/1.0/uploads/source/icons/jewelry_icons/bands/bezel.svg"
6501                                                     alt="Ladies Wedding Bands"
6502                                                     title="Ladies Wedding Bands"
6503                                                                                                                                                                        height="25"
6504                                                            width="25"
6505                                                                                                                                                                 loading="lazy"/>
6506                                                                                        Ladies Wedding Bands</a>
6507                                    </li>
6508                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                </ul>
6509                                                        </div>
6510            </div>
6511        </div>
6512        <style>
6513            .menu_container_1_3>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_13 {
6514                width: 100%;
6515            }
6516            .menu_container_1_3>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_13 .vfit {
6517                text-align: left;
6518                
6519                                    border-bottom: 1px solid #ececec;
6520                    padding-bottom: 8px;
6521                            }
6522            .menu_container_1_3>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_13 .nav_list {
6523                list-style: none;
6524                margin: 0;
6525                padding: 0;
6526            }
6527            .menu_container_1_3>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_13 .nav_list + li {
6528                margin-top: 10px;
6529            }
6530            .menu_container_1_3>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_13 li {
6531                width: 100%;
6532                margin: 0;
6533                padding: 0;
6534            }
6535            .menu_container_1_3>.flex_row_1>.flex_col_2>
6535.flex_cell_1 .nav_div_13 li:hover {
6536                opacity: 0.8;
6537            }
6538            .menu_container_1_3>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_13 .nav_list li a {
6539                padding: 0;
6540                                            }
6541                    </style>
6542    </div>
6543<style>
6544    .menu_container_1_3>.flex_row_1>.flex_col_2>.flex_cell_1.third_level {
6545        width:100%;        align-items:start; -webkit-align-items:start;    }
6546
6547            .menu_container_1_3>.flex_row_1>.flex_col_2>.flex_cell_1.third_level {
6548        height:100%;        }
6549    
6550    .menu_container_1_3>.flex_row_1>.flex_col_2>.flex_cell_1.third_level>.flex_cell_content {
6551        display: flex;
6552        width: 100%;
6553        margin-top:20px;        margin-bottom:px;        margin-left:20px;        margin-right:px;        padding-top:px;        padding-bottom:px;        padding-left:px;        padding-right:px;    }
6554
6555            .menu_container_1_3>.flex_row_1>.flex_col_2>.flex_cell_1.third_level .vfit a {
6556        color:#4d4d4d;                font-style:italic;                            display: flex;
6557        font-size:14px;        font-family:Arial;        text-transform:uppercase;                        }
6558        .menu_container_1_3>.flex_row_1>.flex_col_2>.flex_cell_1.third_level .vfit a:hover {
6559        color:#000000;        }
6560
6561                .menu_container_1_3>.flex_row_1>.flex_col_2>.flex_cell_1.third_level .vfit a .nav_ct_icons {
6562            height: 20px;
6563            margin-right: 5px;
6564        }
6565            
6566            .menu_container_1_3>.flex_row_1>.flex_col_2>.flex_cell_1.third_level .nav_list li a {
6567        color:#4d4d4d;                font-style:normal;                line-height:25px;            display: flex;
6568            align-items:center;
6569        font-size:14px;        font-family:Arial;        text-transform:none;                line-height:25px;        }
6570        .menu_container_1_3>.flex_row_1>.flex_col_2>.flex_cell_1.third_level .nav_list li a:hover {
6571        color:#000000;        }
6572
6573                .menu_container_1_3>.flex_row_1>.flex_col_2>.flex_cell_1.third_level .nav_list li a .nav_ct_icons {
6574            height: 25px;
6575            margin-right: 5px;
6576        }
6577            
6578</style>
6579                            </div>
6580
6581                            <style>
6582                                .menu_container_1_3 .flex_row_1 .flex_col_2 {
6583                                width:100%;                                }
6584                            </style>
6585
6586
6587                        
6588                            <div class="flex_col flex_col_3">
6589
6590                                
6591 <div class="flex_cell flex_cell_1 third_level">
6592            <div class="flex_cell_content">
6593            <div class="nav_div_15 menu_container_li">
6594                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        <div class="vfit">
6595                            <a class=" " title="Shop By Price" href="#!"  data-full_image="" role="button" tabindex="0">
6596                                                                Shop By Price                            </a>
6597                        </div>
6598                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    <div class="nav_list_container">
6599                                            <ul class="nav_list" role="menu" aria-label="Shop By Price" tabindex="-1">
6600                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    <li class="" role="none">
6601                                        <a class="" 
6602                                           role="menuitem" 
6603                                           tabindex="0"
6604                                           href="https://www.osbornejewelersinc.com/wedding-bands-up-to-500"  
6605                                           title="Up to $500" 
6606                                           style="" 
6607                                           data-full_image=""
6608                                           >
6609                                                                                        Up to $500</a>
6610                                    </li>
6611                                                                                                <li class="" role="none">
6612                                        <a class="" 
6613                                           role="menuitem" 
6614                                           tabindex="-1"
6615                                           href="https://www.osbornejewelersinc.com/wedding-bands-500-to-1000"  
6616                                           title="$500 - $1000" 
6617                                           style="" 
6618                                           data-full_image=""
6619                                           >
6620                                                                                        $500 - $1000</a>
6621                                    </li>
6622                                                                                                <li class="" role="none">
6623                                        <a class="" 
6624                                           role="menuitem" 
6625                                           tabindex="-1"
6626                                           href="https://www.osbornejewelersinc.com/wedding-bands-1000-to-2000"  
6627                                           title="$1000 - $2000" 
6628                                           style="" 
6629                                           data-full_image=""
6630                                           >
6631                                                                                        $1000 - $2000</a>
6632                                    </li>
6633                                                                                                <li class="" role="none">
6634                                        <a class="" 
6635                                           role="menuitem" 
6636                                           tabindex="-1"
6637                                           href="https://www.osbornejewelersinc.com/wedding-bands-2000-to-5000"  
6638                                           title="$2000 - $5000" 
6639                                           style="" 
6640                                           data-full_image=""
6641                                           >
6642                                                                                        $2000 - $5000</a>
6643                                    </li>
6644                                                                                                <li class="" role="none">
6645                                        <a class="" 
6646                                           role="menuitem" 
6647                                           tabindex="-1"
6648                                           href="https://www.osbornejewelersinc.com/wedding-bands-5000-up"  
6649                                           title="$5000 & Up" 
6650                                           style="" 
6651                                           data-full_image=""
6652                                           >
6653                                                                                        $5000 & Up</a>
6654                                    </li>
6655                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    </ul>
6656                                                        </div>
6657            </div>
6658        </div>
6659        <style>
6660            .menu_container_1_3>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_15 {
6661                width: 100%;
6662            }
6663            .menu_container_1_3>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_15 .vfit {
6664                text-align: left;
6665                
6666                                    border-bottom: 1px solid #ececec;
6667                    padding-bottom: 8px;
6668                            }
6669            .menu_container_1_3>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_15 .nav_list {
6670                list-style: none;
6671                margin: 0;
6672                padding: 0;
6673            }
6674            .menu_container_1_3>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_15 .nav_list + li {
6675                margin-top: 10px;
6676            }
6677            .menu_container_1_3>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_15 li {
6678                width: 100%;
6679                margin: 0;
6680                padding: 0;
6681            }
6682            .menu_container_1_3>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_15 li:hover {
6683                opacity: 0.8;
6684            }
6685            .menu_container_1_3>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_15 .nav_list li a {
6686                padding: 0;
6687                                            }
6688                    </style>
6689    </div>
6690<style>
6691    .menu_container_1_3>.flex_row_1>.flex_col_3>.flex_cell_1.third_level {
6692        width:100%;        align-items:start; -webkit-align-items:start;    }
6693
6694            .menu_container_1_3>.flex_row_1>.flex_col_3>.flex_cell_1.third_level {
6695        height:100%;        }
6696    
6697    .menu_container_1_3>.flex_row_1>.flex_col_3>.flex_cell_1.third_level>.flex_cell_content {
6698        display: flex;
6699        width: 100%;
6700        margin-top:20px;        margin-bottom:px;        margin-left:20px;        margin-right:px;        padding-top:px;        padding-bottom:px;        padding-left:px;        padding-right:px;    }
6701
6702            .menu_container_1_3>.flex_row_1>.flex_col_3>.flex_cell_1.third_level .vfit a {
6703        color:#4d4d4d;                font-style:italic;                            display: flex;
6704        font-size:14px;        font-family:Arial;        text-transform:uppercase;                        }
6705        .menu_container_1_3>.flex_row_1>.flex_col_3>.flex_cell_1.third_level .vfit a:hover {
6706        color:#000000;        }
6707
6708                .menu_container_1_3>.flex_row_1>.flex_col_3>.flex_cell_1.third_level .vfit a .nav_ct_icons {
6709            height: 20px;
6710            margin-right: 5px;
6711        }
6712            
6713            .menu_container_1_3>.flex_row_1>.flex_col_3>.flex_cell_1.third_level .nav_list li a {
6714        color:#4d4d4d;                font-style:normal;                line-height:25px;            display: flex;
6715            align-items:center;
6716        font-size:14px;        font-family:Arial;        text-transform:none;                line-height:25px;        }
6717        .menu_container_1_3>.flex_row_1>.flex_col_3>.flex_cell_1.third_level .nav_list li a:hover {
6718        color:#000000;        }
6719
6720                .menu_container_1_3>.flex_row_1>.flex_col_3>.flex_cell_1.third_level .nav_list li a .nav_ct_icons {
6721            height: 25px;
6722            margin-right: 5px;
6723        }
6724            
6725</style>
6726                            </div>
6727
6728                            <style>
6729                                .menu_container_1_3 .flex_row_1 .flex_col_3 {
6730                                width:100%;                                }
6731                            </style>
6732
6733
6734                        
6735                            <div class="flex_col flex_col_4">
6736
6737                                
6738 <div class="flex_cell flex_cell_1 third_level">
6739            <div class="flex_cell_content">
6740            <div class="nav_div_79 menu_container_li">
6741                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        <div class="vfit">
6742                            <a class=" " title="Start Your Search" href="#!"  data-full_image="" role="button" tabindex="0">
6743                                                                Start Your Search                            </a>
6744                        </div>
6745                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    <div class="nav_list_container">
6746                                        
6746    <ul class="nav_list" role="menu" aria-label="Start Your Search" tabindex="-1">
6747                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        <li class="" role="none">
6748                                        <a class="" 
6749                                           role="menuitem" 
6750                                           tabindex="0"
6751                                           href="https://www.osbornejewelersinc.com/wedding-bands"  
6752                                           title="View All Wedding Bands >>" 
6753                                           style="" 
6754                                           data-full_image=""
6755                                           >
6756                                                                                        View All Wedding Bands >></a>
6757                                    </li>
6758                                                                                                                                                                                                                                </ul>
6759                                                        </div>
6760            </div>
6761        </div>
6762        <style>
6763            .menu_container_1_3>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_79 {
6764                width: 100%;
6765            }
6766            .menu_container_1_3>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_79 .vfit {
6767                text-align: left;
6768                
6769                                    border-bottom: 1px solid #ececec;
6770                    padding-bottom: 8px;
6771                            }
6772            .menu_container_1_3>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_79 .nav_list {
6773                list-style: none;
6774                margin: 0;
6775                padding: 0;
6776            }
6777            .menu_container_1_3>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_79 .nav_list + li {
6778                margin-top: 10px;
6779            }
6780            .menu_container_1_3>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_79 li {
6781                width: 100%;
6782                margin: 0;
6783                padding: 0;
6784            }
6785            .menu_container_1_3>.flex_row_1>.flex_col_4>
6785.flex_cell_1 .nav_div_79 li:hover {
6786                opacity: 0.8;
6787            }
6788            .menu_container_1_3>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_79 .nav_list li a {
6789                padding: 0;
6790                                            }
6791                    </style>
6792    </div>
6793<style>
6794    .menu_container_1_3>.flex_row_1>.flex_col_4>.flex_cell_1.third_level {
6795        width:100%;        align-items:start; -webkit-align-items:start;    }
6796
6797            .menu_container_1_3>.flex_row_1>.flex_col_4>.flex_cell_1.third_level {
6798        height:100%;        }
6799    
6800    .menu_container_1_3>.flex_row_1>.flex_col_4>.flex_cell_1.third_level>.flex_cell_content {
6801        display: flex;
6802        width: 100%;
6803        margin-top:20px;        margin-bottom:px;        margin-left:20px;        margin-right:px;        padding-top:px;        padding-bottom:px;        padding-left:px;        padding-right:px;    }
6804
6805            .menu_container_1_3>.flex_row_1>.flex_col_4>.flex_cell_1.third_level .vfit a {
6806        color:#4d4d4d;                font-style:italic;                            display: flex;
6807        font-size:14px;        font-family:Arial;        text-transform:uppercase;                        }
6808        .menu_container_1_3>.flex_row_1>.flex_col_4>.flex_cell_1.third_level .vfit a:hover {
6809        color:#000000;        }
6810
6811                .menu_container_1_3>.flex_row_1>.flex_col_4>.flex_cell_1.third_level .vfit a .nav_ct_icons {
6812            height: 20px;
6813            margin-right: 5px;
6814        }
6815            
6816            .menu_container_1_3>.flex_row_1>.flex_col_4>.flex_cell_1.third_level .nav_list li a {
6817        color:#4d4d4d;                font-style:normal;                line-height:25px;            display: flex;
6818            align-items:center;
6819        font-size:14px;        font-family:Arial;        text-transform:none;                line-height:25px;        }
6820        .menu_container_1_3>.flex_row_1>.flex_col_4>.flex_cell_1.third_level .nav_list li a:hover {
6821        color:#000000;        }
6822
6823                .menu_container_1_3>.flex_row_1>.flex_col_4>.flex_cell_1.third_level .nav_list li a .nav_ct_icons {
6824            height: 25px;
6825            margin-right: 5px;
6826        }
6827            
6828</style>
6829                            </div>
6830
6831                            <style>
6832                                .menu_container_1_3 .flex_row_1 .flex_col_4 {
6833                                width:100%;                                }
6834                            </style>
6835
6836
6837                        
6838                            <div class="flex_col flex_col_5">
6839
6840                                
6841                            </div>
6842
6843                            <style>
6844                                .menu_container_1_3 .flex_row_1 .flex_col_5 {
6845                                width:100%;                                }
6846                            </style>
6847
6848
6849                        
6850                    </div>
6851
6852                    <style>
6853                        .menu_container_1_3 .flex_row_1 {
6854                            background-color: #ffffff;
6855                        color:#000000;                        height:250                                                                        }
6856                    </style>
6857
6858                
6859            
6860                
6861                    <div class="flex_row flex_row_2">
6862
6863                        
6864                            <div class="flex_col flex_col_1">
6865
6866                                <div class="flex_cell flex_cell_1 line">
6867            <div class="s_line"></div>
6868    </div>
6869
6870<style>
6871    .menu_container_1_3>.flex_row_2>.flex_col_1>.flex_cell_1 {
6872        width: 100%;
6873                margin-top:25px;        margin-bottom:px;        margin-left:px;        margin-right:px;        padding-top:px;        padding-bottom:px;        padding-left:px;        padding-right:px;    }
6874
6875    
6876    .menu_container_1_3>.flex_row_2>.flex_col_1>.flex_cell_1 .s_line {
6877        background-color:#878787;        border-style: solid;
6878        height:1px;        width:100%;        border-radius:0px;        border-width:0px;        border-color:#000000;    }
6879
6880</style>
6881                            </div>
6882
6883                            <style>
6884                                .menu_container_1_3 .flex_row_2 .flex_col_1 {
6885                                width:100%;                                }
6886                            </style>
6887
6888
6889                        
6890                    </div>
6891
6892                    <style>
6893                        .menu_container_1_3 .flex_row_2 {
6894                            background-color: #ffffff;
6895                        color:#000000;                        height:auto                                                                        }
6896                    </style>
6897
6898                
6899            
6900        </div>
6901        <style>
6902            .menu_container .flex_row {
6903                display: flex;
6904            }
6905            .menu_container_1_3 {
6906                                        width:100%;
6907                                        max-width:100%;
6908                                                    left:0;
6909                                    }
6910            .menu_container .flex_row .flex_col{
6911                display: flex;
6912                flex-wrap: wrap;
6913                box-sizing: border-box;
6914                align-content: baseline;
6915            }
6916            .menu_container .flex_row .flex_col .flex_cell{
6917                height: fit-content;
6918                display: flex;
6919            }
6920            .menu_container .flex_row .flex_col .flex_cell a{
6921                text-decoration: none;
6922            }
6923            .menu_container img {
6924                max-width: 100%;
6925            }
6926        </style>
6927
6928    
6929                                            </div>
6930                    <div class="hum-line"></div>
6931                            
6932                    
6933                                                    <button type="button" class="hamburger-menu
6933-nav-section " aria-expanded="false" aria-controls="desktop-submenu-16" aria-label="Expand Fine Jewelry section">
6934                                                <span class="icon_and_name">
6935                        
6936                            Fine Jewelry                        </span>
6937                                                            <svg viewBox="0 0 320 512" focusable="false" aria-hidden="true"><path d="M96 480c-8.188 0-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L242.8 256L73.38 86.63c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l192 192c12.5 12.5 12.5 32.75 0 45.25l-192 192C112.4 476.9 104.2 480 96 480z"/></svg>
6938                            
6939                                                    </button>
6940                                            
6941
6942                    
6943                    <div class="sub-menu-panel" id="desktop-submenu-16" aria-hidden="true">
6944                                                    
6945
6946    
6947        
6948        <div class="menu_container custom_build_menu menu_container_1_8 custom_bm_fw" role="menu">
6949
6950            
6951                
6952                    <div class="flex_row flex_row_1">
6953
6954                        
6955                            <div class="flex_col flex_col_1">
6956
6957                                
6958                            </div>
6959
6960                            <style>
6961                                .menu_container_1_8 .flex_row_1 .flex_col_1 {
6962                                width:100%;                                }
6963                            </style>
6964
6965
6966                        
6967                            <div class="flex_col flex_col_2">
6968
6969                                
6970 <div class="flex_cell flex_cell_1 third_level">
6971            <div class="flex_cell_content">
6972            <div class="nav_div_17 menu_container_li">
6973                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        <div class="vfit">
6974                            <a class=" " title="Shop By Type" href="#!"  data-full_image="" role="button" tabindex="0">
6975                                                                Shop By Type                            </a>
6976                        </div>
6977                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    <div class="nav_list_container">
6978                                            <ul class="nav_list" role="menu" aria-label="Shop By Type" tabindex="-1">
6979                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    <li class="" role="none">
6980                                        <a class="" 
6981                                           role="menuitem" 
6982                                           tabindex="0"
6983                                           href="https://www.osbornejewelersinc.com/necklaces"  
6984                                           title="Necklaces" 
6985                                           style="" 
6986                                           data-full_image=""
6987                                           >
6988                                                                                            <img class="nav_
6988ct_icons menu_icon_necklaces"
6989                                                     src="https://www.osbornejewelersinc.com/public/1.0/uploads/source/icons/jewelry_icons/necklaces/heart.svg"
6990                                                     alt="Necklaces"
6991                                                     title="Necklaces"
6992                                                                                                                                                                        height="25"
6993                                                            width="25"
6994                                                                                                                                                                 loading="lazy"/>
6995                                                                                        Necklaces</a>
6996                                    </li>
6997                                                                                                <li class="" role="none">
6998                                        <a class="" 
6999                                           role="menuitem" 
7000                                           tabindex="-1"
7001                                           href="https://www.osbornejewelersinc.com/earrings"  
7002                                           title="Earrings" 
7003                                           style="" 
7004                                           data-full_image=""
7005                                           >
7006                                                                                            <img class="nav_ct_icons menu_icon_earrings"
7007                                                     src="https://www.osbornejewelersinc.com/public/1.0/uploads/source/icons/jewelry_icons/earrings/stud.svg"
7008                                                     alt="Earrings"
7009                                                     title="Earrings"
7010                                                                                                                                                                        height="25"
7011                                                            width="25"
7012                                                                                                                                                                 loading="lazy"/>
7013                                                                                        Earrings</a>
7014                                    </li>
7015                                                                                                <li class="" role="none">
7016                                        <a class="" 
7017                                           role="menuitem" 
7018                                           tabindex="-1"
7019                                           href="https://www.osbornejewelersinc.com/bracelets"  
7020                                           title="Bracelets" 
7021                                           style="" 
7022                                           data-full_image=""
7023                                           >
7024                                                                                            <img class="nav_ct_icons menu_icon_bracelets"
7025                                                     src="https://www.osbornejewelersinc.com/public/1.0/uploads/source/icons/jewelry_icons/bracelets/mens.svg"
7026                                                     alt="Bracelets"
7027                                                     title="Bracelets"
7028                                                                                                                                                                        height="25"
7029                                                            width="25"
7030                                                                                                                                                                 loading="lazy"/>
7031                                                                                        Bracelets</a>
7032                                    </li>
7033                                                                                                <li class="" role="none">
7034                                        <a class="" 
7035                                           role="menuitem" 
7036                                           tabindex="-1"
7037                                           href="https://www.osbornejewelersinc.com/fashion-rings"  
7038                                           title="Rings" 
7039                                           style="" 
7040                                           data-full_image=""
7041                                           >
7042                                                                                            <img class="nav_
7042ct_icons menu_icon_rings"
7043                                                     src="https://www.osbornejewelersinc.com/public/1.0/uploads/source/icons/jewelry_icons/bands/diamond.svg"
7044                                                     alt="Rings"
7045                                                     title="Rings"
7046                                                                                                                                                                        height="25"
7047                                                            width="25"
7048                                                                                                                                                                 loading="lazy"/>
7049                                                                                        Rings</a>
7050                                    </li>
7051                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                </ul>
7052                                                        </div>
7053            </div>
7054        </div>
7055        <style>
7056            .menu_container_1_8>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_17 {
7057                width: 100%;
7058            }
7059            .menu_container_1_8>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_17 .vfit {
7060                text-align: left;
7061                
7062                                    border-bottom: 1px solid #ececec;
7063                    padding-bottom: 8px;
7064                            }
7065            .menu_container_1_8>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_17 .nav_list {
7066                list-style: none;
7067                margin: 0;
7068                padding: 0;
7069            }
7070            .menu_container_1_8>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_17 .nav_list + li {
7071                margin-top: 10px;
7072            }
7073            .menu_container_1_8>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_17 li {
7074                width: 100%;
7075                margin: 0;
7076                padding: 0;
7077            }
7078            .menu_container_1_8>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_17 li:hover {
7079                opacity: 0.8;
7080            }
7081            .menu_container_1_8>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_17 .nav_list li a {
7082                padding: 0;
7083                                            }
7084                    </style>
7085    </div>
7086<style>
7087    .menu_container_1_8>.flex_row_1>.flex_col_2>.flex_cell_1.third_level {
7088        width:100%;        align-items:start; -webkit-align-items:start;    }
7089
7090            .menu_container_1_8>.flex_row_1>.flex_col_2>.flex_cell_1.third_level {
7091        height:100%;        }
7092    
7093    .menu_container_1_8>.flex_row_1>.flex_col_2>.flex_cell_1.third_level>.flex_cell_content {
7094        display: flex;
7095        width: 100%;
7096        margin-top:20px;        margin-bottom:px;        margin-left:20px;        margin-right:px;        padding-top:px;        padding-bottom:px;        padding-left:px;        padding-right:px;    }
7097
7098            .menu_container_1_8>.flex_row_1>.flex_col_2>.flex_cell_1.third_level .vfit a {
7099        color:#4d4d4d;                font-style:italic;                            display: flex;
7100        font-size:14px;        font-family:Arial;        text-transform:uppercase;                        }
7101        .menu_container_1_8>.flex_row_1>.flex_col_2>.flex_cell_1.third_level .vfit a:hover {
7102        color:#000000;        }
7103
7104                .menu_container_1_8>.flex_row_1>.flex_col_2>.flex_cell_1.third_level .vfit a .nav_ct_icons {
7105            height: 20px;
7106            margin-right: 5px;
7107        }
7108            
7109            .menu_container_1_8>.flex_row_1>.flex_col_2>.flex_cell_1.third_level .nav_list li a {
7110        color:#4d4d4d;                font-style:normal;                line-height:25px;            display: flex;
7111            align-items:center;
7112        font-size:14px;        font-family:Arial;        text-transform:none;                line-height:25px;        }
7113        .menu_container_1_8>.flex_row_1>.flex_col_2>.flex_cell_1.third_level .nav_list li a:hover {
7114        color:#000000;        }
7115
7116                .menu_container_1_8>.flex_row_1>.flex_col_2>.flex_cell_1.third_level .nav_list li a .nav_ct_icons {
7117            height: 25px;
7118            margin-right: 5px;
7119        }
7120            
7121</style>
7122                            </div>
7123
7124                            <style>
7125                                .menu_container_1_8 .flex_row_1 .flex_col_2 {
7126                                width:100%;                                }
7127                            </style>
7128
7129
7130                        
7131                            <div class="flex_col flex_col_3">
7132
7133                                
7134 <div class="flex_cell flex_cell_1 third_level">
7135            <div class="flex_cell_content">
7136            <div class="nav_div_19 menu_container_li">
7137                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        <div class="vfit">
7138                            <a class=" " title="Shop By Price" href="#!"  data-full_image="" role="button" tabindex="0">
7139                                                                Shop By Price                            </a>
7140                        </div>
7141                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    <div class="nav_list_container">
7142                                            <ul class="nav_list" role="menu" aria-label="Shop By Price" tabindex="-1">
7143                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                <li class="" role="none">
7144                                        <a class="" 
7145                                           role="menuitem" 
7146                                           tabindex="0"
7147                                           href="https://www.osbornejewelersinc.com/fine-jewelry-0-to-500"  
7148                                           title="Up to $500" 
7149                                           style="" 
7150                                           data-full_image=""
7151                                           >
7152                                                                                        Up to $500</a>
7153                                    </li>
7154                                                                                                <li class="" role="none">
7155                                        <a class="" 
7156                                           role="menuitem" 
7157                                           tabindex="-1"
7158                                           href="https://www.osbornejewelersinc.com/fine-jewelry-500-to-1000"  
7159                                           title="$500 - $1000" 
7160                                           style="" 
7161                                           data-full_image=""
7162                                           >
7163                                                                                        $500 - $1000</a>
7164                                    </li>
7165                                                                                                <li class="" role="none">
7166                                        <a class="" 
7167                                           role="menuitem" 
7168                                           tabindex="-1"
7169                                           href="https://www.osbornejewelersinc.com/fine-jewelry-1000-to-2000"  
7170                                           title="$1000 - $2000" 
7171                                           style="" 
7172                                           data-full_image=""
7173                                           >
7174                                                                                        $1000 - $2000</a>
7175                                    </li>
7176                                                                                                <li class="" role="none">
7177                                        <a class="" 
7178                                           role="menuitem" 
7179                                           tabindex="-1"
7180                                           href="https://www.osbornejewelersinc.com/fine-jewelry-2000-to-5000"  
7181                                           title="$2000 - $5000" 
7182                                           style="" 
7183                                           data-full_image=""
7184                                           >
7185                                                                                        $2000 - $5000</a>
7186                                    </li>
7187                                                                                                <li class="" role="none">
7188                                        <a class="" 
7189                                           role="menuitem" 
7190                                           tabindex="-1"
7191                                           href="https://www.osbornejewelersinc.com/fine-jewelry-5000-up"  
7192                                           title="$5000 & Up" 
7193                                           style="" 
7194                                           data-full_image=""
7195                                           >
7196                                                                                        $5000 & Up</a>
7197                                    </li>
7198                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        </ul>
7199                                                        </div>
7200            </div>
7201        </div>
7202        <style>
7203            .menu_container_1_8>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_19 {
7204                width: 100%;
7205            }
7206            .menu_container_1_8>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_19 .vfit {
7207                text-align: left;
7208                
7209                                    border-bottom: 1px solid #ececec;
7210                    padding-bottom: 8px;
7211                            }
7212            .menu_container_1_8>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_19 .nav_list {
7213                list-style: none;
7214                margin: 0;
7215                padding: 0;
7216            }
7217            .menu_container_1_8>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_19 .nav_list + li {
7218                margin-top: 10px;
7219            }
7220            .menu_container_1_8>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_19 li {
7221                width: 100%;
7222                margin: 0;
7223                padding: 0;
7224            }
7225            .menu_container_1_8>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_19 li:hover {
7226                opacity: 0.8;
7227            }
7228            .menu_container_1_8>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_19 .nav_list li a {
7229                padding: 0;
7230                                            }
7231                    </style>
7232    </div>
7233<style>
7234    .menu_container_1_8>.flex_row_1>.flex_col_3>.flex_cell_1.third_level {
7235        width:100%;        align-items:start; -webkit-align-items:start;    }
7236
7237            .menu_container_1_8>.flex_row_1>.flex_col_3>.flex_cell_1.third_level {
7238        height:100%;        }
7239    
7240    .menu_container_1_8>.flex_row_1>.flex_col_3>.flex_cell_1.third_level>.flex_cell_content {
7241        display: flex;
7242        width: 100%;
7243        margin-top:20px;        margin-bottom:px;        margin-left:20px;        margin-right:px;        padding-top:px;        padding-bottom:px;        padding-left:px;        padding-right:px;    }
7244
7245            .menu_container_1_8>.flex_row_1>.flex_col_3>.flex_cell_1.third_level .vfit a {
7246        color:#4d4d4d;                font-style:italic;                            display: flex;
7247        font-size:14px;        font-family:Arial;        text-transform:uppercase;                        }
7248        .menu_container_1_8>.flex_row_1>.flex_col_3>.flex_cell_1.third_level .vfit a:hover {
7249        color:#000000;        }
7250
7251                .menu_container_1_8>.flex_row_1>.flex_col_3>.flex_cell_1.third_level .vfit a .nav_ct_icons {
7252            height: 20px;
7253            marg
7253in-right: 5px;
7254        }
7255            
7256            .menu_container_1_8>.flex_row_1>.flex_col_3>.flex_cell_1.third_level .nav_list li a {
7257        color:#4d4d4d;                font-style:normal;                line-height:25px;            display: flex;
7258            align-items:center;
7259        font-size:14px;        font-family:Arial;        text-transform:none;                line-height:25px;        }
7260        .menu_container_1_8>.flex_row_1>.flex_col_3>.flex_cell_1.third_level .nav_list li a:hover {
7261        color:#000000;        }
7262
7263                .menu_container_1_8>.flex_row_1>.flex_col_3>.flex_cell_1.third_level .nav_list li a .nav_ct_icons {
7264            height: 25px;
7265            margin-right: 5px;
7266        }
7267            
7268</style>
7269                            </div>
7270
7271                            <style>
7272                                .menu_container_1_8 .flex_row_1 .flex_col_3 {
7273                                width:100%;                                }
7274                            </style>
7275
7276
7277                        
7278                            <div class="flex_col flex_col_4">
7279
7280                                
7281 <div class="flex_cell flex_cell_1 third_level">
7282            <div class="flex_cell_content">
7283            <div class="nav_div_81 menu_container_li">
7284                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        <div class="vfit">
7285                            <a class=" " title="Start Your Search" href="#!"  data-full_image="" role="button" tabindex="0">
7286                                                                Start Your Search                            </a>
7287                        </div>
7288                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    <div class="nav_list_container">
7289                                            <ul class="nav_list" role="menu" aria-label="Start Your Search" tabindex="-1">
7290                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    <li class="" role="none">
7291                                        <a class="" 
7292                                           role="menuitem" 
7293                                           tabindex="0"
7294                                           href="https://www.osbornejewelersinc.com/fine-jewelry"  
7295                                           title="View All Fine Jewelry >>" 
7296                                           style="" 
7297                                           data-full_image=""
7298                                           >
7299                                                                                        View All Fine Jewelry >></a>
7300                                    </li>
7301                                                                                                                                                                                                    </ul>
7302                                                        </div>
7303            </div>
7304        </div>
7305        <style>
7306            .menu_container_1_8>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_81 {
7307                width: 100%;
7308            }
7309            .menu_container_1_8>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_81 .vfit {
7310                text-align: left;
7311                
7312                                    border-bottom: 1px solid #ececec;
7313                    padding-bottom: 8px;
7314                            }
7315            .menu_container_1_8>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_81 .nav_list {
7316                list-style: none;
7317                margin: 0;
7318                padding: 0;
7319            }
7320            .menu_container_1_8>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_81 .nav_list + li {
7321                margin-top: 10px;
7322            }
7323            .menu_container_1_8>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_81 li {
7324                width: 100%;
7325                margin: 0;
7326                padding: 0;
7327            }
7328            .menu_container_1_8>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_81 li:hover {
7329                opacity: 0.8;
7330            }
7331            .menu_container_1_8>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_81 .nav_list li a {
7332                padding: 0;
7333                                            }
7334                    </style>
7335    </div>
7336<style>
7337    .menu_container_1_8>.flex_row_1>.flex_col_4>.flex_cell_1.third_level {
7338        width:100%;        align-items:start; -webkit-align-items:start;    }
7339
7340            .menu_container_1_8>.flex_row_1>.flex_col_4>.flex_cell_1.third_level {
7341        height:100%;        }
7342    
7343    .menu_container_1_8>.flex_row_1>.flex_col_4>.flex_cell_1.third_level>.flex_cell_content {
7344        display: flex;
7345        width: 100%;
7346        margin-top:20px;        margin-bottom:px;        margin-left:20px;        margin-right:px;        padding-top:px;        padding-bottom:px;        padding-left:px;        padding-right:px;    }
7347
7348            .menu_container_1_8>.flex_row_1>.flex_col_4>.flex_cell_1.third_level .vfit a {
7349        color:#4d4d4d;                font-style:italic;                            display: flex;
7350        font-size:14px;        font-family:Arial;        text-transform:uppercase;                        }
7351        .menu_container_1_8>.flex_row_1>.flex_col_4>.flex_cell_1.third_level .vfit a:hover {
7352        color:#000000;        }
7353
7354                .menu_container_1_8>.flex_row_1>.flex_col_4>.flex_cell_1.third_level .vfit a .nav_ct_icons {
7355            height: 20px;
7356            margin-right: 5px;
7357        }
7358            
7359            .menu_container_1_8>.flex_row_1>.flex_col_4>.flex_cell_1.third_level .nav_list li a {
7360        color:#4d4d4d;                font-style:normal;                line-height:25px;            display: flex;
7361            align-items:center;
7362        font-size:14px;        font-family:Arial;        text-transform:none;                line-height:25px;        }
7363        .menu_container_1_8>.flex_row_1>.flex_col_4>.flex_cell_1.third_level .nav_list li a:hover {
7364        color:#000000;        }
7365
7366                .menu_container_1_8>.flex_row_1>.flex_col_4>.flex_cell_1.third_level .nav_list li a .nav_ct_icons {
7367            height: 25px;
7368            margin-right: 5px;
7369        }
7370            
7371</style>
7372                            </div>
7373
7374                            <style>
7375                                .menu_container_1_8 .flex_row_1 .flex_col_4 {
7376                                width:100%;                                }
7377                            </style>
7378
7379
7380                        
7381                            <div class="flex_col flex_col_5">
7382
7383                                
7384                            </div>
7385
7386                            <style>
7387                                .menu_container_1_8 .flex_row_1 .flex_col_5 {
7388                                width:100%;                                }
7389                            </style>
7390
7391
7392                        
7393                    </div>
7394
7395                    <style>
7396                        .menu_container_1_8 .flex_row_1 {
7397                            background-color: #ffffff;
7398                        color:#000000;                        height:250                                                                        }
7399                    </style>
7400
7401                
7402            
7403                
7404                    <div class="flex_row flex_row_2">
7405
7406                        
7407                            <div class="flex_col flex_col_1">
7408
7409                                <div class="flex_cell flex_cell_1 line">
7410            <div class="s_line"></div>
7411    </div>
7412
7413<style>
7414    .menu_container_1_8>.flex_row_2>.flex_col_1>.flex_cell_1 {
7415        width: 100%;
7416                margin-top:25px;        margin-bottom:px;        margin-left:px;        margin-right:px;        padding-top:px;        padding-bottom:px;        padding-left:px;        padding-right:px;    }
7417
7418    
7419    .menu_container_1_8>.flex_row_2>.flex_col_1>.flex_cell_1 .s_line {
7420        background-color:#878787;        border-style: solid;
7421        height:1px;        width:100%;        border-radius:0px;        border-width:0px;        border-color:#000000;    }
7422
7423</style>
7424                            </div>
7425
7426                            <style>
7427                                .menu_container_1_8 .flex_row_2 .flex_col_1 {
7428                                width:100%;                                }
7429                            </style>
7430
7431
7432                        
7433                    </div>
7434
7435                    <style>
7436                        .menu_container_1_8 .flex_row_2 {
7437                            background-color: #ffffff;
7438                        color:#000000;                        height:auto                                                                        }
7439                    </style>
7440
7441                
7442            
7443        </div>
7444        <style>
7445            .menu_container .flex_row {
7446                display: flex;
7447            }
7448            .menu_container_1_8 {
7449                                        width:100%;
7450                                        max-width:100%;
7451                                                    left:0;
7452                                    }
7453            .menu_container .flex_row .flex_col{
7454                display: flex;
7455                flex-wrap: wrap;
7456                box-sizing: border-box;
7457                align-content: baseline;
7458            }
7459            .menu_container .flex_row .flex_col .flex_cell{
7460                height: fit-content;
7461                display: flex;
7462            }
7463            .menu_container .flex_row .flex_col .flex_cell a{
7464                text-decoration: none;
7465            }
7466            .menu_container img {
7467                max-width: 100%;
7468            }
7469        </style>
7470
7471    
7472                                            </div>
7473                    <div class="hum-line"></div>
7474                                        
7475                    
7476                                                    <button type="button" class="hamburger-menu
7476-nav-section " aria-expanded="false" aria-controls="desktop-submenu-72" aria-label="Expand Designers  section">
7477                                                <span class="icon_and_name">
7478                        
7479                            Designers                         </span>
7480                                                            <svg viewBox="0 0 320 512" focusable="false" aria-hidden="true"><path d="M96 480c-8.188 0-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L242.8 256L73.38 86.63c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l192 192c12.5 12.5 12.5 32.75 0 45.25l-192 192C112.4 476.9 104.2 480 96 480z"/></svg>
7481                            
7482                                                    </button>
7483                                            
7484
7485                    
7486                    <div class="sub-menu-panel" id="desktop-submenu-72" aria-hidden="true">
7487                                                    
7488    
7489        
7490
7491
7492<div class="menu_container default_build_menu menu_container_1_navigation_72">
7493    <div class="nav_div_72">
7494                <ul class="nav_list" role="menu" aria-label="Designers " tabindex="-1">
7495                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    
7496                    <li style=""
7497                        class="" 
7498                        role="none">
7499
7500                          
7501
7502                                                <a class="nav_a_trd " title="Osborne Estate" href="https://www.osbornejewelersinc.com/osborne-estate"  data-full_image="" role="menuitem" tabindex="0" >
7503                                                                        Osborne Estate                                                                        </a>
7504                        
7505                              
7506
7507                         
7508
7509
7510
7511                                            </li>
7512
7513                
7514                            
7515                    <li style=""
7516                        class="" 
7517                        role="none">
7518
7519                          
7520
7521                                                <a class="nav_a_trd " title="Osborne Catalog Collection" href="https://www.osbornejewelersinc.com/osborne-signature-collection"  data-full_image="" role="menuitem" tabindex="-1" >
7522                                                                        Osborne Catalog Collection                                                                        </a>
7523                        
7524                              
7525
7526                         
7527
7528
7529
7530                                            </li>
7531
7532                
7533                            
7534                    <li style=""
7535                        class="" 
7536                        role="none">
7537
7538                          
7539
7540                                                <a class="nav_a_trd " title="Doves by Doron Paloma" href="https://www.osbornejewelersinc.com/doves-by-doron-paloma"  data-full_image="" role="menuitem" tabindex="-1" >
7541                                                                        Doves by Doron Paloma                                                                        </a>
7542                        
7543                              
7544
7545                         
7546
7547
7548
7549                                            </li>
7550
7551                
7552                            
7553                    <li style=""
7554                        class="" 
7555                        role="none">
7556
7557                          
7558
7559                                                <a class="nav_a_trd " title="Gabriel & Co. Bridal" href="https://www.osbornejewelersinc.com/gabriel-co-bridal"  data-full_image="" role="menuitem" tabindex="-1" >
7560                                                                        Gabriel & Co. Bridal                                                                        </a>
7561                        
7562                              
7563
7564                         
7565
7566
7567
7568                                            </li>
7569
7570                
7571                            
7572                    <li style=""
7573                        class="" 
7574                        role="none">
7575
7576                          
7577
7578                                                <a class="nav_a_trd " title="Gabriel & Co. Fashion" href="https://www.osbornejewelersinc.com/gabriel-co-fashion"  data-full_image="" role="menuitem" tabindex="-1" >
7579                                                                        Gabriel & Co. Fashion                                                                        </a>
7580                        
7581                              
7582
7583                         
7584
7585
7586
7587                                            </li>
7588
7589                
7590                            
7591                    <li style=""
7592                        class="" 
7593                        role="none">
7594
7595                          
7596
7597                                                <a class="nav_a_trd " title="John Hardy" href="https://www.osbornejewelersinc.com/john-hardy" target="_blank" data-full_image="" role="menuitem" tabindex="-1" >
7598                                                                        John Hardy                                                                        </a>
7599                        
7600                              
7601
7602                         
7603
7604
7605
7606                                            </li>
7607
7608                
7609                            
7610                    <li style=""
7611                        class="" 
7612                        role="none">
7613
7614                          
7615
7616                                                <a class="nav_a_trd " title="Benchmark Rings" href="https://www.osbornejewelersinc.com/benchmark"  data-full_image="/public/1.0/uploads/source/home/Desktop/2.png" role="menuitem" tabindex="-1" >
7617                                                                        Benchmark Rings                                                                        </a>
7618                        
7619                              
7620
7621                         
7622
7623
7624
7625                                            </li>
7626
7627                
7628                            
7629                    <li style=""
7630                        class="" 
7631                        role="none">
7632
7633                          
7634
7635                                                <a class="nav_a_trd " title="Le Vian" href="https://www.osbornejewelersinc.com/le-vian"  data-full_image="" role="menuitem" tabindex="-1" >
7636                                                                        Le Vian                                                                        </a>
7637                        
7638                              
7639
7640                         
7641
7642
7643
7644                                            </li>
7645
7646                
7647                            
7648                    <li style=""
7649                        class="" 
7650                        role="none">
7651
7652                          
7653
7654                                                <a class="nav_a_trd " title="Gold Jewelry" href="https://www.osbornejewelersinc.com/gold-jewelry" target="_blank" data-full_image="" role="menuitem" tabindex="-1" >
7655                                                                        Gold Jewelry                                                                        </a>
7656                        
7657                              
7658
7659                         
7660
7661
7662
7663                                            </li>
7664
7665                
7666                                        
7667                    <li style=""
7668                        class="" 
7669                        role="none">
7670
7671                          
7672
7673                                                <a class="nav_a_trd " title="Overnight Mountings" href="https://www.osbornejewelersinc.com/overnight-mountings"  data-full_image="" role="menuitem" tabindex="-1" >
7674                                                                        Overnight Mountings                                                                        </a>
7675                        
7676                              
7677
7678                         
7679
7680
7681
7682                                            </li>
7683
7684                
7685                                                                                                                                                                        </ul>
7686                    </div>
7687</div>
7688<style>
7689    .menu_container_1_navigation_72 {
7690        background: #fff;
7691                    }
7692    .horizontal_menu .nav_div_72 {
7693        padding: 15px 0px;
7694        box-shadow: 0px 0px 5px #00000078;        display: flex;
7695        flex-wrap: wrap;
7696    }
7697    .horizontal_menu .nav_img_72 {
7698        height: 200px;
7699        width: 250px;
7700        margin-left: 50px;
7701        margin-right: 20px;
7702        flex-shrink: 0;
7703        order: 1;
7704    }
7705    .horizontal_menu .nav_img_72 img {
7706        max-width: 100%;
7707        max-height: 100%;
7708    }
7709    .horizontal_menu .nav_div_72 .vfit {
7710        text-align: left;
7711        border-bottom: 1px solid #ececec;
7712        text-transform: uppercase;
7713    }
7714    .nav_div_72 .vfit a {
7715        text-decoration: none;
7716        color: #222;
7717    }
7718    .nav_div_72 .nav_list {
7719        list-style: none;
7720        margin: 0;
7721        padding: 0;
7722        order: 1;
7723            }
7724    .nav_div_72 ul {
7725        list-style: none;
7726    }
7727    #desktop_hamburger_menu_template .nav_div_72 li {
7728        width: 100%;
7729        margin: 0;
7730        padding: 0px 20px;
7731        position: relative;
7732    }
7733    .horizontal_menu .nav_div_72 li {
7734        width: 100%;
7735        margin: 0;
7736        padding: 0px 20px;
7737        position: relative;
7738    }
7739    
7740    #desktop_hamburger_menu_template .nav_div_72 li svg {
7741        position: absolute;
7742        right: 15px;
7743        height: 10px;
7744        top: 10px;
7745    }
7746    .horizontal_menu .nav_div_72 li svg {
7747        position: absolute;
7748        right: 15px;
7749        height: 10px;
7750        top: 10px;
7751    }
7752    
7753    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_72 .nav_div_72 .nav_list li .nav_a_trd {
7754        display: flex;
7755        align-items: center;
7756        padding: 0;
7757        line-height: 30px;
7758        font-size: 14px;
7759        text-transform: uppercase;
7760        text-decoration: none;
7761        color: #222;
7762        white-space: normal;
7763
7764        color:#4d4d4d;                font-style:italic;                font-size:14px;        font-family:Arial;        text-transform:uppercase;                
7765    }
7766    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_72 .nav_div_72 .nav_list li button {
7767        background: none;
7768        border: none;
7769        cursor: pointer;
7770    }
7771    
7772    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_72 .nav_div_72 .nav_list li .nav_a_trd.parent_men {
7773        text-decoration: underline;
7774    }
7775
7776    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_72 .nav_div_72 .nav_list li .nav_a_trd:hover {
7777        color:#000000;        cursor: pointer;
7778    }
7779
7780
7781    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_72 .nav_div_72 .nav_list li .nav_list_trd li a {
7782        display: flex;
7783        align-items: center;
7784        padding: 0;
7785        line-height: 30px;
7786        font-size: 14px;
7787        text-transform: uppercase;
7788        text-decoration: none;
7789        color: #222;
7790        white-space: normal;
7791
7792        color:#4d4d4d;                font-style:normal;                font-size:14px;        font-family:Arial;        text-transform:none;                line-height:25px;    }
7793
7794    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_72 .nav_div_72 .nav_list li .nav_list_trd li a:hover {
7795        color:#000000;    }
7796
7797    .nav_div_72 .nav_list li a .nav_icons {
7798        height: 30px;
7799        margin-right: 5px;
7800            }
7801
7802            .nav_div_72 .nav_list .nav_list_trd li a .nav_icons {
7803            height: 25px;
7804        }
7805    
7806
7807    .nav_div_72 .nav_list li a:hover {
7808        color: #3172ab;
7809    }
7810    .horizontal_menu .nav_div_72 .nav_list_trd {
7811        display: none;
7812        position: absolute;
7813        left: 100%;
7814        top: -15px;
7815        padding: 15px 0px;
7816        box-shadow: 0px 0px 5px #00000078;        background: #fff;
7817    }
7818    .horizontal_menu .nav_div_72 .nav_list>li .nav_list_trd.open,
7819    .horizontal_menu .nav_div_72 .nav_list>li:hover .nav_list_trd {
7820        display: block;
7821        z-index: 99;
7822    }
7823
7824    .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_72,
7825    .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_72 .nav_list_trd{
7826                    width: 250px;
7827            }
7828
7829            .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_72 .nav_list_trd{
7830            width: 250px;
7831        }
7832    </style>
7833                                            </div>
7834                    <div class="hum-line"></div>
7835                            
7836                    
7837                        <div class="ham_menu_container">
7838                        <a class="hamburger-menu-nav-section parent_men " title="About Us" href="https://www.osbornejewelersinc.com/about-us" >
7839
7840                            <span class="icon_and_name">
7841                            
7842                                About Us                            </span>
7843
7844                        </a>
7845                        <button type="button" class="hamburger-menu-nav-section parent_men_arrow" aria-expanded="false" aria-controls="desktop-submenu-21" aria-label="Expand About Us section">
7846
7847                                                            <svg viewBox="0 0 320 512" focusable="false" aria-hidden="true"><path d="M96 480c-8.188 0-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L242.8 256L73.38 86.63c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l192 192c12.5 12.5 12.5 32.75 0 45.25l-192 192C112.4 476.9 104.2 480 96 480z"/></svg>
7848                            
7849                        </button>
7850                    
7851
7852                    
7853                        </div>
7854                    
7855                    <div class="sub-menu-panel" id="desktop-submenu-21" aria-hidden="true">
7856                                                    
7857    
7858        
7859
7860
7861<div class="menu_container default_build_menu menu_container_1_navigation_21">
7862    <div class="nav_div_21">
7863                <ul class="nav_list" role="menu" aria-label="About Us" tabindex="-1">
7864                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        
7865                    <li style=""
7866                        class="" 
7867                        role="none">
7868
7869                          
7870
7871                                                <a class="nav_a_trd " title="Meet the Staff" href="https://www.osbornejewelersinc.com/meet-the-staff-of-osborne-jewelers"  data-full_image="" role="menuitem" tabindex="0" >
7872                                                                        Meet the Staff                                                                        </a>
7873                        
7874                              
7875
7876                         
7877
7878
7879
7880                                            </li>
7881
7882                
7883                            
7884                    <li style=""
7885                        class="" 
7886                        role="none">
7887
7888                          
7889
7890                                                <a class="nav_a_trd " title="Financing" href="https://www.osbornejewelersinc.com/financing"  data-full_image="" role="menuitem" tabindex="-1" >
7891                                                                        Financing                                                                        </a>
7892                        
7893                              
7894
7895                         
7896
7897
7898
7899                                            </li>
7900
7901                
7902                            
7903                    <li style=""
7904                        class="" 
7905                        role="none">
7906
7907                          
7908
7909                                                <a class="nav_a_trd " title="Services" href="https://www.osbornejewelersinc.com/services-osborne-jewelers"  data-full_image="" role="menuitem" tabindex="-1" >
7910                                                                        Services                                                                        </a>
7911                        
7912                              
7913
7914                         
7915
7916
7917
7918                                            </li>
7919
7920                
7921                                                                                                                                                                                                                                                                                                                                    </ul>
7922                    </div>
7923</div>
7924<style>
7925    .menu_container_1_navigation_21 {
7926        background: #fff;
7927                    }
7928    .horizontal_menu .nav_div_21 {
7929        padding: 15px 0px;
7930        box-shadow: 0px 0px 5px #00000078;        display: flex;
7931        flex-wrap: wrap;
7932    }
7933    .horizontal_menu .nav_img_21 {
7934        height: 200px;
7935        width: 250px;
7936        margin-left: 50px;
7937        margin-right: 20px;
7938        flex-shrink: 0;
7939        order: 1;
7940    }
7941    .horizontal_menu .nav_img_21 img {
7942        max-width: 100%;
7943        max-height: 100%;
7944    }
7945    .horizontal_menu .nav_div_21 .vfit {
7946        text-align: left;
7947        border-bottom: 1px solid #ececec;
7948        text-transform: uppercase;
7949    }
7950    .nav_div_21 .vfit a {
7951        text-decoration: none;
7952        color: #222;
7953    }
7954    .nav_div_21 .nav_list {
7955        list-style: none;
7956        margin: 0;
7957        padding: 0;
7958        order: 1;
7959            }
7960    .nav_div_21 ul {
7961        list-style: none;
7962    }
7963    #desktop_hamburger_menu_template .nav_div_21 li {
7964        width: 100%;
7965        margin: 0;
7966        padding: 0px 20px;
7967        position: relative;
7968    }
7969    .horizontal_menu .nav_div_21 li {
7970        width: 100%;
7971        margin: 0;
7972        padding: 0px 20px;
7973        position: relative;
7974    }
7975    
7976    #desktop_hamburger_menu_template .nav_div_21 li svg {
7977        position: absolute;
7978        right: 15px;
7979        height: 10px;
7980        top: 10px;
7981    }
7982    .horizontal_menu .nav_div_21 li svg {
7983        position: absolute;
7984        right: 15px;
7985        height: 10px;
7986        top: 10px;
7987    }
7988    
7989    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_21 .nav_div_21 .nav_list li .nav_a_trd {
7990        display: flex;
7991        align-items: center;
7992        padding: 0;
7993        line-height: 30px;
7994        font-size: 14px;
7995        text-transform: uppercase;
7996        text-decoration: none;
7997        color: #222;
7998        white-space: normal;
7999
8000        color:#4d4d4d;                font-style:italic;                font-size:14px;        font-family:Arial;        text-transform:uppercase;                
8001    }
8002    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_21 .nav_div_21 .nav_list li button {
8003        background: none;
8004        border: none;
8005        cursor: pointer;
8006    }
8007    
8008    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_21 .nav_div_21 .nav_list li .nav_a_trd.parent_men {
8009        text-decoration: underline;
8010    }
8011
8012    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_21 .nav_div_21 .nav_list li .nav_a_trd:hover {
8013        color:#000000;        cursor: pointer;
8014    }
8015
8016
8017    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_21 .nav_div_21 .nav_list li .nav_list_trd li a {
8018        display: flex;
8019        align-items: center;
8020        padding: 0;
8021        line-height: 30px;
8022        font-size: 14px;
8023        text-transform: uppercase;
8024        text-decoration: none;
8025        color: #222;
8026        white-space: normal;
8027
8028        color:#4d4d4d;                font-style:normal;                font-size:14px;        font-family:Arial;        text-transform:none;                line-height:25px;    }
8029
8030    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_21 .nav_div_21 .nav_list li .nav_list_trd li a:hover {
8031        color:#000000;    }
8032
8033    .nav_div_21 .nav_list li a .nav_icons {
8034        height: 30px;
8035        margin-right: 5px;
8036            }
8037
8038            .nav_div_21 .nav_list .nav_list_trd li a .nav_icons {
8039            height: 25px;
8040        }
8041    
8042
8043    .nav_div_21 .nav_list li a:hover {
8044        color: #3172ab;
8045    }
8046    .horizontal_menu .nav_div_21 .nav_list_trd {
8047        display: none;
8048        position: absolute;
8049        left: 100%;
8050        top: -15px;
8051        padding: 15px 0px;
8052        box-shadow: 0px 0px 5px #00000078;        background: #fff;
8053    }
8054    .horizontal_menu .nav_div_21 .nav_list>li .nav_list_trd.open,
8055    .horizontal_menu .nav_div_21 .nav_list>li:hover .nav_list_trd {
8056        display: block;
8057        z-index: 99;
8058    }
8059
8060    .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_21,
8061    .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_21 .nav_list_trd{
8062                    width: 250px;
8063            }
8064
8065            .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_21 .nav_list_trd{
8066            width: 250px;
8067        }
8068    </style>
8069                                            </div>
8070                    <div class="hum-line"></div>
8071                            
8072                    
8073                                                    <button type="button" class="hamburger-menu
8073-nav-section " aria-expanded="false" aria-controls="desktop-submenu-90" aria-label="Expand Education section">
8074                                                <span class="icon_and_name">
8075                        
8076                            Education                        </span>
8077                                                            <svg viewBox="0 0 320 512" focusable="false" aria-hidden="true"><path d="M96 480c-8.188 0-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L242.8 256L73.38 86.63c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l192 192c12.5 12.5 12.5 32.75 0 45.25l-192 192C112.4 476.9 104.2 480 96 480z"/></svg>
8078                            
8079                                                    </button>
8080                                            
8081
8082                    
8083                    <div class="sub-menu-panel" id="desktop-submenu-90" aria-hidden="true">
8084                                                    
8085    
8086        
8087
8088
8089<div class="menu_container default_build_menu menu_container_1_navigation_90">
8090    <div class="nav_div_90">
8091                <ul class="nav_list" role="menu" aria-label="Education" tabindex="-1">
8092                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            
8093                    <li style=""
8094                        class="" 
8095                        role="none">
8096
8097                          
8098
8099                                                <a class="nav_a_trd " title="Diamond Guide" href="https://www.osbornejewelersinc.com/diamond-buyers-guide"  data-full_image="" role="menuitem" tabindex="0" >
8100                                                                        Diamond Guide                                                                        </a>
8101                        
8102                              
8103
8104                         
8105
8106
8107
8108                                            </li>
8109
8110                
8111                            
8112                    <li style=""
8113                        class="" 
8114                        role="none">
8115
8116                          
8117
8118                                                <a class="nav_a_trd " title="Gem Guide" href="https://www.osbornejewelersinc.com/gemstone-guide"  data-full_image="" role="menuitem" tabindex="-1" >
8119                                                                        Gem Guide                                                                        </a>
8120                        
8121                              
8122
8123                         
8124
8125
8126
8127                                            </li>
8128
8129                
8130                            
8131                    <li style=""
8132                        class="" 
8133                        role="none">
8134
8135                          
8136
8137                                                <a class="nav_a_trd " title="Master IJO Jeweler" href="https://www.osbornejewelersinc.com/master-ijo-jeweler-osborne-jewelers"  data-full_image="" role="menuitem" tabindex="-1" >
8138                                                                        Master IJO Jeweler                                                                        </a>
8139                        
8140                              
8141
8142                         
8143
8144
8145
8146                                            </li>
8147
8148                
8149                            
8150                    <li style=""
8151                        class="" 
8152                        role="none">
8153
8154                          
8155
8156                                                <a class="nav_a_trd " title="Talk the Trade" href="https://www.osbornejewelersinc.com/talk-the-trade"  data-full_image="" role="menuitem" tabindex="-1" >
8157                                                                        Talk the Trade                                                                        </a>
8158                        
8159                              
8160
8161                         
8162
8163
8164
8165                                            </li>
8166
8167                
8168                                    </ul>
8169                    </div>
8170</div>
8171<style>
8172    .menu_container_1_navigation_90 {
8173        background: #fff;
8174                    }
8175    .horizontal_menu .nav_div_90 {
8176        padding: 15px 0px;
8177        box-shadow: 0px 0px 5px #00000078;        display: flex;
8178        flex-wrap: wrap;
8179    }
8180    .horizontal_menu .nav_img_90 {
8181        height: 200px;
8182        width: 250px;
8183        margin-left: 50px;
8184        margin-right: 20px;
8185        flex-shrink: 0;
8186        order: 1;
8187    }
8188    .horizontal_menu .nav_img_90 img {
8189        max-width: 100%;
8190        max-height: 100%;
8191    }
8192    .horizontal_menu .nav_div_90 .vfit {
8193        text-align: left;
8194        border-bottom: 1px solid #ececec;
8195        text-transform: uppercase;
8196    }
8197    .nav_div_90 .vfit a {
8198        text-decoration: none;
8199        color: #222;
8200    }
8201    .nav_div_90 .nav_list {
8202        list-style: none;
8203        margin: 0;
8204        padding: 0;
8205        order: 1;
8206            }
8207    .nav_div_90 ul {
8208        list-style: none;
8209    }
8210    #desktop_hamburger_menu_template .nav_div_90 li {
8211        width: 100%;
8212        margin: 0;
8213        padding: 0px 20px;
8214        position: relative;
8215    }
8216    .horizontal_menu .nav_div_90 li {
8217        width: 100%;
8218        margin: 0;
8219        padding: 0px 20px;
8220        position: relative;
8221    }
8222    
8223    #desktop_hamburger_menu_template .nav_div_90 li svg {
8224        position: absolute;
8225        right: 15px;
8226        height: 10px;
8227        top: 10px;
8228    }
8229    .horizontal_menu .nav_div_90 li svg {
8230        position: absolute;
8231        right: 15px;
8232        height: 10px;
8233        top: 10px;
8234    }
8235    
8236    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_90 .nav_div_90 .nav_list li .nav_a_trd {
8237        display: flex;
8238        align-items: center;
8239        padding: 0;
8240        line-height: 30px;
8241        font-size: 14px;
8242        text-transform: uppercase;
8243        text-decoration: none;
8244        color: #222;
8245        white-space: normal;
8246
8247        color:#4d4d4d;                font-style:italic;                font-size:14px;        font-family:Arial;        text-transform:uppercase;                
8248    }
8249    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_90 .nav_div_90 .nav_list li button {
8250        background: none;
8251        border: none;
8252        cursor: pointer;
8253    }
8254    
8255    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_90 .nav_div_90 .nav_list li .nav_a_trd.parent_men {
8256        text-decoration: underline;
8257    }
8258
8259    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_90 .nav_div_90 .nav_list li .nav_a_trd:hover {
8260        color:#000000;        cursor: pointer;
8261    }
8262
8263
8264    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_90 .nav_div_90 .nav_list li .nav_list_trd li a {
8265        display: flex;
8266        align-items: center;
8267        padding: 0;
8268        line-height: 30px;
8269        font-size: 14px;
8270        text-transform: uppercase;
8271        text-decoration: none;
8272        color: #222;
8273        white-space: normal;
8274
8275        color:#4d4d4d;                font-style:normal;                font-size:14px;        font-family:Arial;        text-transform:none;                line-height:25px;    }
8276
8277    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_90 .nav_div_90 .nav_list li .nav_list_trd li a:hover {
8278        color:#000000;    }
8279
8280    .nav_div_90 .nav_list li a .nav_icons {
8281        height: 30px;
8282        margin-right: 5px;
8283            }
8284
8285            .nav_div_90 .nav_list .nav_list_trd li a .nav_icons {
8286            height: 25px;
8287        }
8288    
8289
8290    .nav_div_90 .nav_list li a:hover {
8291        color: #3172ab;
8292    }
8293    .horizontal_menu .nav_div_90 .nav_list_trd {
8294        display: none;
8295        position: absolute;
8296        left: 100%;
8297        top: -15px;
8298        padding: 15px 0px;
8299        box-shadow: 0px 0px 5px #00000078;        background: #fff;
8300    }
8301    .horizontal_menu .nav_div_90 .nav_list>li .nav_list_trd.open,
8302    .horizontal_menu .nav_div_90 .nav_list>li:hover .nav_list_trd {
8303        display: block;
8304        z-index: 99;
8305    }
8306
8307    .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_90,
8308    .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_90 .nav_list_trd{
8309                    width: 250px;
8310            }
8311
8312            .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_90 .nav_list_trd{
8313            width: 250px;
8314        }
8315    </style>
8316                                            </div>
8317                    <div class="hum-line"></div>
8318                            
8319                    
8320                                                    <a class="hamburger-menu
8320-nav-section " title="Contact Us" href="https://www.osbornejewelersinc.com/contact-us" >
8321                                                <span class="icon_and_name">
8322                        
8323                            Contact Us                        </span>
8324                            
8325                                                    </a>
8326                                            
8327
8328                    
8329                    <div class="sub-menu-panel" id="desktop-submenu-22" aria-hidden="true">
8330                                                    
8331    
8332        
8333
8334
8335<div class="menu_container default_build_menu menu_container_1_navigation_22">
8336    <div class="nav_div_22">
8337                    </div>
8338</div>
8339<style>
8340    .menu_container_1_navigation_22 {
8341        background: #fff;
8342                    }
8343    .horizontal_menu .nav_div_22 {
8344        padding: 15px 0px;
8345        box-shadow: 0px 0px 5px #00000078;        display: flex;
8346        flex-wrap: wrap;
8347    }
8348    .horizontal_menu .nav_img_22 {
8349        height: 200px;
8350        width: 250px;
8351        margin-left: 50px;
8352        margin-right: 20px;
8353        flex-shrink: 0;
8354        order: 1;
8355    }
8356    .horizontal_menu .nav_img_22 img {
8357        max-width: 100%;
8358        max-height: 100%;
8359    }
8360    .horizontal_menu .nav_div_22 .vfit {
8361        text-align: left;
8362        border-bottom: 1px solid #ececec;
8363        text-transform: uppercase;
8364    }
8365    .nav_div_22 .vfit a {
8366        text-decoration: none;
8367        color: #222;
8368    }
8369    .nav_div_22 .nav_list {
8370        list-style: none;
8371        margin: 0;
8372        padding: 0;
8373        order: 1;
8374            }
8375    .nav_div_22 ul {
8376        list-style: none;
8377    }
8378    #desktop_hamburger_menu_template .nav_div_22 li {
8379        width: 100%;
8380        margin: 0;
8381        padding: 0px 20px;
8382        position: relative;
8383    }
8384    .horizontal_menu .nav_div_22 li {
8385        width: 100%;
8386        margin: 0;
8387        padding: 0px 20px;
8388        position: relative;
8389    }
8390    
8391    #desktop_hamburger_menu_template .nav_div_22 li svg {
8392        position: absolute;
8393        right: 15px;
8394        height: 10px;
8395        top: 10px;
8396    }
8397    .horizontal_menu .nav_div_22 li svg {
8398        position: absolute;
8399        right: 15px;
8400        height: 10px;
8401        top: 10px;
8402    }
8403    
8404    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_22 .nav_div_22 .nav_list li .nav_a_trd {
8405        display: flex;
8406        align-items: center;
8407        padding: 0;
8408        line-height: 30px;
8409        font-size: 14px;
8410        text-transform: uppercase;
8411        text-decoration: none;
8412        color: #222;
8413        white-space: normal;
8414
8415        color:#4d4d4d;                font-style:italic;                font-size:14px;        font-family:Arial;        text-transform:uppercase;                
8416    }
8417    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_22 .nav_div_22 .nav_list li button {
8418        background: none;
8419        border: none;
8420        cursor: pointer;
8421    }
8422    
8423    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_22 .nav_div_22 .nav_list li .nav_a_trd.parent_men {
8424        text-decoration: underline;
8425    }
8426
8427    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_22 .nav_div_22 .nav_list li .nav_a_trd:hover {
8428        color:#000000;        cursor: pointer;
8429    }
8430
8431
8432    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_22 .nav_div_22 .nav_list li .nav_list_trd li a {
8433        display: flex;
8434        align-items: center;
8435        padding: 0;
8436        line-height: 30px;
8437        font-size: 14px;
8438        text-transform: uppercase;
8439        text-decoration: none;
8440        color: #222;
8441        white-space: normal;
8442
8443        color:#4d4d4d;                font-style:normal;                font-size:14px;        font-family:Arial;        text-transform:none;                line-height:25px;    }
8444
8445    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_22 .nav_div_22 .nav_list li .nav_list_trd li a:hover {
8446        color:#000000;    }
8447
8448    .nav_div_22 .nav_list li a .nav_icons {
8449        height: 30px;
8450        margin-right: 5px;
8451            }
8452
8453            .nav_div_22 .nav_list .nav_list_trd li a .nav_icons {
8454            height: 25px;
8455        }
8456    
8457
8458    .nav_div_22 .nav_list li a:hover {
8459        color: #3172ab;
8460    }
8461    .horizontal_menu .nav_div_22 .nav_list_trd {
8462        display: none;
8463        position: absolute;
8464        left: 100%;
8465        top: -15px;
8466        padding: 15px 0px;
8467        box-shadow: 0px 0px 5px #00000078;        background: #fff;
8468    }
8469    .horizontal_menu .nav_div_22 .nav_list>li .nav_list_trd.open,
8470    .horizontal_menu .nav_div_22 .nav_list>li:hover .nav_list_trd {
8471        display: block;
8472        z-index: 99;
8473    }
8474
8475    .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_22,
8476    .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_22 .nav_list_trd{
8477                    width: 250px;
8478            }
8479
8480            .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_22 .nav_list_trd{
8481            width: 250px;
8482        }
8483    </style>
8484                                            </div>
8485                    <div class="hum-line"></div>
8486                            
8487                    
8488                                                    <a class="hamburger-menu
8488-nav-section " title="Book an online appointment" href="https://www.osbornejewelersinc.com/book-an-online-appointment" target="_blank">
8489                                                <span class="icon_and_name">
8490                        
8491                            Book an online appointment                        </span>
8492                            
8493                                                    </a>
8494                                            
8495
8496                    
8497                    <div class="sub-menu-panel" id="desktop-submenu-106" aria-hidden="true">
8498                                                    
8499    
8500        
8501
8502
8503<div class="menu_container default_build_menu menu_container_1_navigation_106">
8504    <div class="nav_div_106">
8505                    </div>
8506</div>
8507<style>
8508    .menu_container_1_navigation_106 {
8509        background: #fff;
8510                    }
8511    .horizontal_menu .nav_div_106 {
8512        padding: 15px 0px;
8513        box-shadow: 0px 0px 5px #00000078;        display: flex;
8514        flex-wrap: wrap;
8515    }
8516    .horizontal_menu .nav_img_106 {
8517        height: 200px;
8518        width: 250px;
8519        margin-left: 50px;
8520        margin-right: 20px;
8521        flex-shrink: 0;
8522        order: 1;
8523    }
8524    .horizontal_menu .nav_img_106 img {
8525        max-width: 100%;
8526        max-height: 100%;
8527    }
8528    .horizontal_menu .nav_div_106 .vfit {
8529        text-align: left;
8530        border-bottom: 1px solid #ececec;
8531        text-transform: uppercase;
8532    }
8533    .nav_div_106 .vfit a {
8534        text-decoration: none;
8535        color: #222;
8536    }
8537    .nav_div_106 .nav_list {
8538        list-style: none;
8539        margin: 0;
8540        padding: 0;
8541        order: 1;
8542            }
8543    .nav_div_106 ul {
8544        list-style: none;
8545    }
8546    #desktop_hamburger_menu_template .nav_div_106 li {
8547        width: 100%;
8548        margin: 0;
8549        padding: 0px 20px;
8550        position: relative;
8551    }
8552    .horizontal_menu .nav_div_106 li {
8553        width: 100%;
8554        margin: 0;
8555        padding: 0px 20px;
8556        position: relative;
8557    }
8558    
8559    #desktop_hamburger_menu_template .nav_div_106 li svg {
8560        position: absolute;
8561        right: 15px;
8562        height: 10px;
8563        top: 10px;
8564    }
8565    .horizontal_menu .nav_div_106 li svg {
8566        position: absolute;
8567        right: 15px;
8568        height: 10px;
8569        top: 10px;
8570    }
8571    
8572    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_106 .nav_div_106 .nav_list li .nav_a_trd {
8573        display: flex;
8574        align-items: center;
8575        padding: 0;
8576        line-height: 30px;
8577        font-size: 14px;
8578        text-transform: uppercase;
8579        text-decoration: none;
8580        color: #222;
8581        white-space: normal;
8582
8583        color:#4d4d4d;                font-style:italic;                font-size:14px;        font-family:Arial;        text-transform:uppercase;                
8584    }
8585    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_106 .nav_div_106 .nav_list li button {
8586        background: none;
8587        border: none;
8588        cursor: pointer;
8589    }
8590    
8591    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_106 .nav_div_106 .nav_list li .nav_a_trd.parent_men {
8592        text-decoration: underline;
8593    }
8594
8595    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_106 .nav_div_106 .nav_list li .nav_a_trd:hover {
8596        color:#000000;        cursor: pointer;
8597    }
8598
8599
8600    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_106 .nav_div_106 .nav_list li .nav_list_trd li a {
8601        display: flex;
8602        align-items: center;
8603        padding: 0;
8604        line-height: 30px;
8605        font-size: 14px;
8606        text-transform: uppercase;
8607        text-decoration: none;
8608        color: #222;
8609        white-space: normal;
8610
8611        color:#4d4d4d;                font-style:normal;                font-size:14px;        font-family:Arial;        text-transform:none;                line-height:25px;    }
8612
8613    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_106 .nav_div_106 .nav_list li .nav_list_trd li a:hover {
8614        color:#000000;    }
8615
8616    .nav_div_106 .nav_list li a .nav_icons {
8617        height: 30px;
8618        margin-right: 5px;
8619            }
8620
8621            .nav_div_106 .nav_list .nav_list_trd li a .nav_icons {
8622            height: 25px;
8623        }
8624    
8625
8626    .nav_div_106 .nav_list li a:hover {
8627        color: #3172ab;
8628    }
8629    .horizontal_menu .nav_div_106 .nav_list_trd {
8630        display: none;
8631        position: absolute;
8632        left: 100%;
8633        top: -15px;
8634        padding: 15px 0px;
8635        box-shadow: 0px 0px 5px #00000078;        background: #fff;
8636    }
8637    .horizontal_menu .nav_div_106 .nav_list>li .nav_list_trd.open,
8638    .horizontal_menu .nav_div_106 .nav_list>li:hover .nav_list_trd {
8639        display: block;
8640        z-index: 99;
8641    }
8642
8643    .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_106,
8644    .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_106 .nav_list_trd{
8645                    width: 250px;
8646            }
8647
8648            .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_106 .nav_list_trd{
8649            width: 250px;
8650        }
8651    </style>
8652                                            </div>
8653                    <div class="hum-line"></div>
8654                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                <div class="script_after_menu">
8655                                            </div>
8656        </div>
8657    </nav>
8658    <div class="hamburger-menu-template-overlay" id="desktop_hamburger_menu_template_overlay"></div>
8659
8660    
8660<script>
8661        $(function () {
8662        
8663            const $menuRoot   = $('#desktop_hamburger_menu_template');
8664            const $menuWrap   = $('.header_container_1');
8665            const $button     = $('#desktop_hamburger_button');
8666            const $overlay    = $('#desktop_hamburger_menu_template_overlay');
8667            const $closeBtn   = $('#desktop_hamburger_close_button');
8668        
8669            const trap = focusTrap.createFocusTrap($menuRoot[0], {
8670                onActivate: () => $menuRoot.addClass('is-active'),
8671                onDeactivate: () => $menuRoot.removeClass('is-active'),
8672                clickOutsideDeactivates: true
8673            });
8674        
8675            $button.on('click keypress', function (event) {
8676                if (event.which === 13 || event.which === 32 || event.type === 'click') {
8677                    if (event.which === 32) event.preventDefault();
8678        
8679                    const isOpen = $menuRoot.hasClass('open');
8680        
8681                    $menuRoot.toggleClass('open');
8682                    $overlay.toggleClass('open');
8683                    $menuRoot.removeAttr('inert');
8684                    $button.attr('aria-expanded', String(!isOpen));
8685        
8686                    if (!isOpen) {
8687                        trap.activate();
8688                        $closeBtn.focus();
8689                    } else {
8690                        closeHamburgerMenu();
8691                    }
8692                }
8693            });
8694        
8695            $closeBtn.add($overlay).on('click keypress', function (event) {
8696                if (event.which === 13 || event.which === 32 || event.type === 'click') {
8697                    if (event.which === 32) event.preventDefault();
8698                    closeHamburgerMenu();
8699                }
8700            });
8701        
8702            function closeHamburgerMenu() {
8703                $menuRoot.removeClass('open').attr('inert', 'inert');
8704                $overlay.removeClass('open');
8705                $button.attr('aria-expanded', 'false');
8706        
8707                $menuRoot.find('.sub-menu-panel').each(function () {
8708                    const $submenu = $(this);
8709                    $submenu.removeClass('open').attr('aria-hidden', 'true');
8710                    updateSubmenuTabindex($submenu, true);
8711                });
8712        
8713                $menuRoot.find('.hamburger-menu-nav-section[aria-expanded="true"]')
8714                    .attr('aria-expanded', 'false');
8715        
8716                trap.deactivate();
8717            }
8718        
8719            function updateSubmenuTabindex($submenu, isHidden) {
8720                const $items = $submenu.find('a');
8721            
8722                if (isHidden) {
8723                    $items.each(function () {
8724                        $(this).attr('tabindex', '-1');
8725                    });
8726                } else {
8727                    $items.each(function () {
8728                        $(this).attr('tabindex', '0');
8729                    });
8730                }
8731            }
8732            
8733            $menuRoot.on('keypress', '.nav_a_trd', function (e) {
8734            
8735                e.preventDefault();
8736                e.stopPropagation();
8737            
8738                const $trigger = $(this);
8739                const $submenu = $trigger.next('.nav_list_trd');
8740            
8741                if (!$submenu.length) return;
8742            
8743                const isOpen = $submenu.hasClass('open');
8744            
8745                $menuRoot.find('.nav_list_trd.open').not($submenu).each(function () {
8746                    $(this)
8747                        .removeClass('open')
8748                        .attr('aria-hidden', 'true');
8749                    updateSubmenuTabindex($(this), true);
8750                });
8751            
8752                if (isOpen) {
8753                    $submenu
8754                        .removeClass('open')
8755                        .attr('aria-hidden', 'true');
8756                    updateSubmenuTabindex($submenu, true);
8757                } else {
8758                    $submenu
8759                        .addClass('open')
8760                        .attr('aria-hidden', 'false');
8761                    updateSubmenuTabindex($submenu, false);
8762                }
8763            });
8764        
8765            $menuWrap.on('click keypress', '.hamburger-menu-nav-section[aria-controls]', function (e) {
8766        
8767                e.preventDefault();
8768                e.stopPropagation();
8769        
8770                const $btn = $(this);
8771                const submenuId = $btn.attr('aria-controls');
8772                const $submenu = $menuRoot.find('.sub-menu-panel#' + submenuId);
8773        
8774                if (!$submenu.length) return;
8775        
8776                const isExpanded = $btn.attr('aria-expanded') === 'true';
8777        
8778                $menuRoot.find('.sub-menu-panel').not($submenu).each(function () {
8779                    $(this).removeClass('open').attr('aria-hidden', 'true');
8780                    updateSubmenuTabindex($(this), true);
8781                });
8782        
8783                $menuRoot.find('[aria-controls]')
8784                    .not($btn)
8785                    .attr('aria-expanded', 'false');
8786        
8787                if (isExpanded) {
8788                    console.log($submenu)
8789                    $btn.attr('aria-expanded', 'false');
8790                    $submenu.removeClass('open').attr('aria-hidden', 'true');
8791                    updateSubmenuTabindex($submenu, true);
8792                } else {
8793                    $btn.attr('aria-expanded', 'true');
8794                    $submenu.addClass('open').attr('aria-hidden', 'false');
8795                    updateSubmenuTabindex($submenu, false);
8796                }
8797            });
8798        
8799            $menuRoot.on('keydown', function (e) {
8800                if (e.key !== 'Escape') return;
8801            
8802                const $open = $menuRoot.find('.nav_list_trd.open').last();
8803                if (!$open.length) return;
8804            
8805                $open
8806                    .removeClass('open')
8807                    .attr('aria-hidden', 'true');
8808            
8809                updateSubmenuTabindex($open, true);
8810            
8811                $open.prev('.nav_a_trd').focus();
8812            
8813                e.preventDefault();
8814                e.stopPropagation();
8815            });
8816        
8817            $menuRoot.find('.sub-menu-panel').each(function () {
8818                const $submenu = $(this);
8819                const isOpen = $submenu.hasClass('open') && $submenu.attr('aria-hidden') !== 'true';
8820                updateSubmenuTabindex($submenu, !isOpen);
8821            });
8822        
8823        });
8824
8825    </script>
8825
8826</div>
8827
8828<style>
8829    #desktop_hamburger_menu_template>ul>li>a,
8830    #desktop_hamburger_menu_template>ul>li>button {
8831    color:#4d4d4d; display: flex;
8832                font-size:14px;    font-family:Arial;    text-transform:none;        line-height:25px;    }
8833
8834    #desktop_hamburger_menu_template>ul>li>a:hover,
8835    #desktop_hamburger_menu_template>ul>li>button:hover {
8836    color:#000000;    }
8837</style>
8838                            </div>
8839                        
8840                    </div>
8841                
8842            
8843        </div>
8844
8845
8846    
8847</header>
8848<header class="appearance-tablet-view-template">    
8849    
8850    
8851        
8852        <style>
8853            .header_container>.flex_row {
8854                display: flex;
8855            }
8856
8857            .header_container_2 {
8858                            width: 100%;
8859                                        max-width: 100%;
8860                            margin: 0 auto;
8861                position: relative !important;
8862                transform: inherit !important;
8863            }
8864            .header_container>.flex_row>.flex_col {
8865                display: flex;
8866                flex-wrap: wrap;
8867                box-sizing: border-box;
8868                align-content: baseline;
8869            }
8870            .header_container>.flex_row>.flex_col>.flex_cell {
8871                height: fit-content;
8872                display: flex;
8873            }
8874            .header_container>.flex_row>.flex_col>.flex_cell a {
8875                text-decoration: none;
8876            }
8877            .header_container img {
8878                max-width: 100%;
8879            }
8880            .row_spacer_cs {
8881                display: none;
8882            }
8883            .sticky_row {
8884                position: fixed;
8885            }
8886            .sticky_row + .row_spacer_cs {
8887                display: block;
8888            }
8889        </style>
8890
8891        <div class="header_container header_container_2" data-device-type="2">
8892
8893            
8894                
8895                <div class="flex_row flex_row_1 ">
8896
8897                    
8898                        <div class="flex_col flex_col_1">
8899
8900                            
8901<div class="flex_cell flex_cell_1 call_us">
8902            <div class="flex_cell_content"><a class="phone_number_click " href="tel:623-925-1815" title="Call us 623-925-1815"><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</span></a></div>    </div>
8903<style>
8904    .header_container_2>.flex_row_1>.flex_col_1>.flex_cell_1.call_us {
8905        width:100%;        justify-content:left; -webkit-justify-content:left;        align-items:center; -webkit-align-items:center;    }
8906
8907            .header_container_2>.flex_row_1>.flex_col_1>.flex_cell_1.call_us {
8908        height:100%;        }
8909    
8910    .header_container_2>.flex_row_1>.flex_col_1>.flex_cell_1.call_us>.flex_cell_content {
8911        display: flex;
8912        margin-top:10px;        margin-bottom:10px;        margin-left:35px;        margin-right:px;        padding-top:px;        padding-bottom:px;        padding-left:px;        padding-right:px;    }
8913
8914    .header_container_2>.flex_row_1>.flex_col_1>.flex_cell_1 a {
8915        color:#ffffff;                                        font-size:15px;        font-family:Arial;        display: flex;
8916        align-items: center;
8917        text-transform:none;    }
8918
8919    .header_container_2>.flex_row_1>.flex_col_1>.flex_cell_1.call_us a svg,
8920    .header_container_2>.flex_row_1>.flex_col_1>.flex_cell_1.call_us a img {
8921        margin-right: 5px;
8922        height:14px;    }
8923
8924    .header_container_2>.flex_row_1>.flex_col_1>.flex_cell_1 a .path_class {
8925        fill: currentColor;
8926    }
8927
8928
8929    .header_container_2>.flex_row_1>.flex_col_1>.flex_cell_1 a:hover {
8930    color:#cccccc;    }
8931</style>
8932                        </div>
8933
8934                        <style>
8935                            .header_container_2>.flex_row_1>.flex_col_1 {
8936                            width:15%;                            }
8937                        </style>
8938
8939
8940                    
8941                        <div class="flex_col flex_col_2">
8942
8943                            
8944<div class="flex_cell flex_cell_1 button_link">
8945    
8946
8947        <div class="flex_cell_content">
8948            <a class="btn_link_ig" href="https://www.osbornejewelersinc.com/book-an-appointment"  title="calendar icon">
8949                                <img alt="calendar icon" title="calendar icon"
8950                                                            src="/public/1.0/uploads/source/calendar.png"/>
8951                                Book Appointment                            </a>
8952        </div>
8953
8954    </div>
8955<style>
8956    .header_container_2>.flex_row_1>.flex_col_2>.flex_cell_1.button_link {
8957        width:100%;        justify-content:center; -webkit-justify-content:center;            }
8958
8959            .header_container_2>.flex_row_1>.flex_col_2>.flex_cell_1.button_link {
8960        height:100%;        }
8961    
8962    .header_container_2>.flex_row_1>.flex_col_2>.flex_cell_1.button_link>.flex_cell_content {
8963    display: flex;
8964    margin-top:px;    margin-bottom:px;    margin-left:px;    margin-right:px;    }
8965
8966    .header_container_2>.flex_row_1>.flex_col_2>.flex_cell_1.button_link a {
8967        color:#ffffff;                                
8968                    background-color:#68417f;        
8969        font-size:px;font-family:Arial;        text-decoration: none;
8970        display: inline-flex;
8971        align-items: center;
8972        padding: 10px 26px;
8973        border-style: solid;
8974                text-transform:none;        border-radius:0px;        border-width:0px;        border-color:#000000;        padding-top:px;        padding-bottom:px;        padding-left:px;        padding-right:px;    }
8975
8976    .header_container_2>.flex_row_1>.flex_col_2>.flex_cell_1.button_link a>i{
8977        margin-right: 5px;
8978    }
8979
8980    .header_container_2>.flex_row_1>.flex_col_2>.flex_cell_1.button_link a:hover {
8981        color:#cccccc;        background-color:#68417f;        border-color:#68417f;            }
8982
8983    .header_container_2>.flex_row_1>.flex_col_2>.flex_cell_1 a>img {
8984        margin-right:5px;    }
8985</style>
8986
8987                        </div>
8988
8989                        <style>
8990                            .header_container_2>.flex_row_1>.flex_col_2 {
8991                            width:68%;                            }
8992                        </style>
8993
8994
8995                    
8996                        <div class="flex_col flex_col_3">
8997
8998                            
8999<div class="flex_cell flex_cell_1 account_icons">
9000    <div class="flex_cell_content">
9001        
9002                    <a class="" href="/wishlist" title="Wishlist" rel="nofollow" style="order: 2">
9003                <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>
9004                            </a>
9005        
9006                    <a class=" build-shopping-cart-icon" href="/shopping-cart" title="Shopping Cart" style="order: 3">
9007                <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>
9007                                                <span class="item-count-badge build-shopping-cart-item-counter d-none"></span>
9008                            </a>
9009        
9010                    <a class=" search_click_toggle" href="/keyword-search" title="Search" style="order: 4">
9011                <svg role="img" aria-label="Search" width="640" height="640" viewBox="0 0 640 640" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_107_22)"><path class="path_class" d="M564.3 507.7L444.6 388C471.82 347.59 485.25 297.1 478.06 243.3C465.8 151.79 390.8 77.3199 299.2 65.7229C163.01 48.4899 48.4899 163.01 65.7239 299.2C77.3239 390.84 151.804 465.9 243.324 478.1C297.124 485.289 347.624 471.864 388.024 444.64L507.724 564.34C523.344 579.96 548.674 579.96 564.294 564.34C579.9 548.7 579.9 523.3 564.3 507.7ZM143.1 272C143.1 201.42 200.52 144 271.1 144C341.68 144 399.1 201.42 399.1 272C399.1 342.58 341.68 400 271.1 400C200.52 400 143.1 342.6 143.1 272Z" fill="black"/></g><defs><clipPath id="clip0_107_22"><rect width="512" height="512" fill="white" transform="translate(64 64)"/></clipPath></defs></svg>                            </a>
9012        
9013                                    <a class="" href="/login" title="My Account" style="order: 5">
9014                    <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>
9015                        </div>
9016</div>
9017
9018<style>
9019    .header_container_2>.flex_row_1>.flex_col_3>.flex_cell_1.account_icons {
9020        width:100%;                                    justify-content: flex-end;
9021                            align-items:center; -webkit-align-items:center;    }
9022
9023            .header_container_2>.flex_row_1>.flex_col_3>.flex_cell_1.account_icons {
9024        height:100%;        }
9025    
9026    .header_container_2>.flex_row_1>.flex_col_3>.flex_cell_1.account_icons>.flex_cell_content {
9027    display: flex;
9028    margin-top:10px;    margin-bottom:10px;    margin-left:px;    margin-right:35px;    padding-top:px;    padding-bottom:px;    padding-left:px;    padding-right:px;    }
9029
9030    .header_container_2>.flex_row_1>.flex_col_3>.flex_cell_1.account_icons .wishlist-count-badge.d-none {
9031        display: none !important;
9032    }
9033
9034    .header_container_2>.flex_row_1>.flex_col_3>.flex_cell_1.account_icons a {
9035        display: flex;
9036        align-items: center;
9037        color:#ffffff;                                        font-size:15px;        font-family:Arial;        margin-left: 12px;
9038        text-transform:none;    }
9039
9040    .header_container_2>.flex_row_1>.flex_col_3>.flex_cell_1.account_icons a svg,
9041    .header_container_2>.flex_row_1>.flex_col_3>.flex_cell_1.account_icons a img {
9042        flex-shrink: 0;
9043        margin-right: 5px;
9044        width:14px;        height:14px;    }
9045
9046    .header_container_2>.flex_row_1>.flex_col_3>.flex_cell_1.account_icons a .path_class {
9047        fill: currentColor;
9048    }
9049
9050    .header_container_2>.flex_row_1>.flex_col_3>.flex_cell_1.account_icons a:hover {
9051        color:#cccccc;    }
9052
9053    .header_container_2>.flex_row_1>.flex_col_3>.flex_cell_1.account_icons a .item-count-badge {
9054        padding: 0 5px;
9055        height: 16px;
9056        min-width: 16px;
9057        text-align: center;
9058        border-radius: 7px;
9059        line-height: 16px;
9060        border: 1px solid #fff;
9061        font-style: normal;
9062        font-weight: 700;
9063        font-size: 10px;
9064        background-color: #007a39;        color: #ffffff;        margin-left: -10px;
9065        margin-top: -15px;
9066    }
9067</style>
9068                        </div>
9069
9070                        <style>
9071                            .header_container_2>.flex_row_1>.flex_col_3 {
9072                            width:17%;                            }
9073                        </style>
9074
9075
9076                    
9077                </div>
9078
9079                
9080                <style>
9081    .header_container_2>.flex_row_1 {
9082                    background-color: #68417f;
9083        
9084        color:#000000;        height:auto;                
9085        
9086            }
9087
9088    </style>
9089
9090
9091                                
9092            
9093                
9094                <div class="flex_row flex_row_2 ">
9095
9096                    
9097                        <div class="flex_col flex_col_1">
9098
9099                            <div class="flex_cell flex_cell_1 menu">
9100    <div class="flex_cell_content">
9101            <style>
9102            .header_container_2>.flex_row_2>.flex_col_1>.flex_cell_1.menu .hamburger-button-inner,
9103            .header_container_2>.flex_row_2>.flex_col_1>.flex_cell_1.menu .hamburger-button-parent {
9104                width: 30px;
9105                height: 24px;
9106                position: relative;
9107                cursor: pointer;
9108            }
9109            .header_container_2>.flex_row_2>.flex_col_1>.flex_cell_1.menu .hamburger-button-inner .hamburger-icon rect {
9110                fill: #000000;            }
9111
9112            
9113            .header_container_2>.flex_row_2>.flex_col_1>
9113.flex_cell_1.menu a.hamburger-menu-nav-section,
9114            .header_container_2>.flex_row_2>.flex_col_1>.flex_cell_1.menu a.hamburger-menu-close-button{
9115            color:#4d4d4d;                display: flex;
9116                                                font-size:14px;            font-family:Arial;            text-transform:none;                        line-height:40px;            }
9117        </style>
9118
9119        <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">
9120            <div class="hamburger-button-parent">
9121               <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">
9122                    <rect y="1" width="30" height="3" rx="1.5" ry="1.5" fill="black"/>
9123                    <rect y="10" width="30" height="3" rx="1.5" ry="1.5" fill="black"/>
9124                    <rect y="19" width="30" height="3" rx="1.5" ry="1.5" fill="black"/>
9125                </svg>
9126
9127
9128            </div>
9129                    </div>
9130        </div>
9131</div>
9132
9133<style>
9134    .header_container_2>.flex_row_2>.flex_col_1>.flex_cell_1.menu {
9135        width:100%;                                    justify-content: flex-start;
9136                            align-items:center; -webkit-align-items:center;    }
9137
9138            .header_container_2>.flex_row_2>.flex_col_1>.flex_cell_1.menu {
9139        height:100%;        }
9140    
9141    .header_container_2>.flex_row_2>.flex_col_1>.flex_cell_1.menu>.flex_cell_content {
9142        display: flex;
9143        margin-top:px;        margin-bottom:px;        margin-left:35px;        margin-right:px;        padding-top:px;        padding-bottom:px;        padding-left:px;        padding-right:px;    }
9144
9145    .header_container_2>.flex_row_2>.flex_col_1>.flex_cell_1.menu>.flex_cell_content>nav>ul>li>a,
9146    .header_container_2>.flex_row_2>.flex_col_1>.flex_cell_1.menu>.flex_cell_content>nav>ul>li>button {
9147        color:#4d4d4d; display: flex;
9148                                font-size:14px;        font-family:Arial;        text-transform:none;                line-height:40px;    }
9149
9150    .header_container_2>.flex_row_2>.flex_col_1>.flex_cell_1.menu>.flex_cell_content>nav>ul>li>a:hover {
9151        color:#000000;    }
9152</style>
9153                        </div>
9154
9155                        <style>
9156                            .header_container_2>.flex_row_2>.flex_col_1 {
9157                            width:100%;                            }
9158                        </style>
9159
9160
9161                    
9162                        <div class="flex_col flex_col_2">
9163
9164                            
9165
9166<div class="flex_cell flex_cell_1 image">
9167    <div class="flex_cell_content">
9168
9169            <a href="https://www.osbornejewelersinc.com/home"
9170           >
9171    
9172        
9173            <img
9174                                
9175                
9176                src="https://www.osbornejewelersinc.com/public/1.0/uploads/source/copy_of_osborne_logo_only_1.jpg"
9177
9178                alt="Osborne Jewelers Logo">
9179
9180        
9181            </a>
9182    
9183    </div>
9184</div>
9185    <style>
9186                .header_container_2>.flex_row_2>.flex_col_2>.flex_cell_1.image {
9187        width:100%;        justify-content:center; -webkit-justify-content:center;                align-items:center; -webkit-align-items:center;        }
9188        .header_container_2>.flex_row_2>.flex_col_2>.flex_cell_1.image>.flex_cell_content {
9189        display: flex;
9190        margin-top:25px;        margin-bottom:10px;        margin-left:px;        margin-right:px;        padding-top:px;        padding-bottom:px;        padding-left:px;        padding-right:px;        }
9191        .header_container_2>.flex_row_2>.flex_col_2>.flex_cell_1.image img {
9192        max-width:250px;        }
9193        
9194                .header_container_2>.flex_row_2>.flex_col_2>.flex_cell_1.image {
9195        height:100%;        }
9196            </style>
9197
9198
9199                        </div>
9200
9201                        <style>
9202                            .header_container_2>.flex_row_2>.flex_col_2 {
9203                            width:100%;                            }
9204                        </style>
9205
9206
9207                    
9208                        <div class="flex_col flex_col_3">
9209
9210                            
9211                        </div>
9212
9213                        <style>
9214                            .header_container_2>.flex_row_2>.flex_col_3 {
9215                            width:100%;                            }
9216                        </style>
9217
9218
9219                    
9220                </div>
9221
9222                
9223                <style>
9224    .header_container_2>.flex_row_2 {
9225                    background-color: #ffffff;
9226        
9227        color:#000000;        height:auto;                
9228        
9229            }
9230
9231    </style>
9232
9233
9234                                
9235            
9236            
9237                
9238                    <div class="flex_row">
9239
9240                        
9241                            <div class="flex_col">
9242
9243                                
9244                            </div>
9245                        
9246                            <div class="flex_col">
9247
9248                                
9249                            </div>
9250                        
9251                            <div class="flex_col">
9252
9253                                
9254                            </div>
9255                        
9256                    </div>
9257                
9258            
9259                
9260                    <div class="flex_row">
9261
9262                        
9263                            <div class="flex_col">
9264
9265                                <div class="flex_cell flex_cell_1 menu">
9266    <style>
9267        #tablet_hamburger_menu_template {
9268            position: fixed;
9269            top: 0;
9270            left: 0;
9271            width: 325px;
9272            overflow-y: auto;
9273            transform: translateX(-325px);
9274            z-index: 1000000001;
9275            height: 100vh;
9276            background-color: #ffffff;
9277            transition: all 0.3s ease;
9278        }
9279        #tablet_hamburger_menu_template_overlay.open {
9280            position: fixed;
9281            top: 0;
9282            left: 0;
9283            width: 100vw;
9284            z-index: 1000000001;
9285            transition: all 0.3s ease;
9286            height: 100vh;
9287            background: rgba(1, 1, 1, 0.5);
9288            cursor: pointer;
9289            transform: translateX(325px);
9290        }
9291        #tablet_hamburger_menu_template .hamburger-menu-template-inner {
9292            padding: 10px;
9293            padding-right:25px;
9294        }
9295        #tablet_hamburger_menu_template .hamburger-menu-close-button {
9296            font-size: 14px !important;
9297            display: flex;
9298            align-items: center;
9299            margin-bottom: 20px;
9300        }
9301        #tablet_hamburger_menu_template .hamburger-menu-close-button svg,
9302        #tablet_hamburger_menu_template button.hamburger-menu-close-button svg {
9303            height: 15px;
9304            margin-right: 5px;
9305        }
9306        #tablet_hamburger_menu_template .hamburger-menu-nav-section {
9307            display: flex;
9308            justify-content: space-between;
9309            align-items: center;
9310        }
9311        #tablet_hamburger_menu_template .hamburger-menu-nav-section svg,
9312        #tablet_hamburger_menu_template button.hamburger-menu-nav-section svg,
9313        #tablet_hamburger_menu_template a.hamburger-menu-nav-section svg {
9314            height: 10px;
9315            float: right;
9316        }
9317        #tablet_hamburger_menu_template .hamburger-menu-nav-section.parent_men span,
9318        #tablet_hamburger_menu_template a.hamburger-menu-nav-section.parent_men span,
9319        #tablet_hamburger_menu_template button.hamburger-menu-nav-section.parent_men span {
9320            text-decoration: underline;
9321        }
9322        #tablet_hamburger_menu_template .hamburger-menu-nav-section.parent_men_arrow,
9323        #tablet_hamburger_menu_template a.hamburger-menu-nav-section.parent_men_arrow,
9324        #tablet_hamburger_menu_template button.hamburger-menu-nav-section.parent_men_arrow {
9325            min-width:30px;
9326            justify-content: end;
9327        }
9328        #tablet_hamburger_menu_template .ham_menu_container {
9329            display:flex;
9330            justify-content: space-between;
9331        }
9332        #tablet_hamburger_menu_template.open {
9333            transform: translateX(0);
9334        }
9335        #tablet_hamburger_menu_template .sub-menu-panel {
9336            display: none;
9337        }
9338        #tablet_hamburger_menu_template .sub-menu-panel[aria-hidden="true"] {
9339            display: none;
9340        }
9341        #tablet_hamburger_menu_template .sub-menu-panel[aria-hidden="false"] {
9342            display: block;
9343        }
9344        #tablet_hamburger_menu_template .icon_and_name {
9345            display:flex;
9346            align-items:center;
9347            gap:10px;
9348        }
9349        #tablet_hamburger_menu_template .hum-line {
9350            border-bottom: 1px solid #ddd;
9351        }
9352        #tablet_hamburger_menu_template .sub-menu-panel.open,
9353        #tablet_hamburger_menu_template .sub-menu-panel[aria-hidden="false"] {
9354            display: block;
9355        }
9356        #tablet_hamburger_menu_template a.hamburger-menu-nav-section,
9357        #tablet_hamburger_menu_template button.hamburger-menu-nav-section,
9358        #tablet_hamburger_menu_template button.hamburger-menu-close-button,
9359        #tablet_hamburger_menu_template a.hamburger-menu-close-button{
9360        color:#4d4d4d;            display: flex;
9361            text-align: left;
9362            width: 100%;
9363            position: relative;
9364                                font-size:14px;        font-family:Arial;        text-transform:none;                line-height:40px;        }
9365        #tablet_hamburger_menu_template.hamburger-menu-template .nav_list_trd {
9366            display: none;
9367            padding: 15px 0px;
9368            background: #fff;
9369        }
9370        #tablet_hamburger_menu_template.hamburger-menu-template .nav_list_trd.open {
9371            display: block;
9372            padding-top:2px;
9373        }
9374        /* Reset button styles to look like links */
9375        #tablet_hamburger_menu_template button.hamburger-menu-nav-section,
9376        #tablet_hamburger_menu_template button.hamburger-menu-close-button,
9377        #tablet_hamburger_menu_template button.parent_men_arrow {
9378            background: none;
9379            border: none;
9380            padding: 0;
9381            cursor: pointer;
9382            -webkit-appearance: none;
9383            -moz-appearance: none;
9384            appearance: none;
9385        }
9386        
9387        /* Hover and active states for buttons - inherit from link styles */
9388        #tablet_hamburger_menu_template button.hamburger-menu-nav-section:hover,
9389        #tablet_hamburger_menu_template button.hamburger-menu-nav-section.active,
9390        #tablet_hamburger_menu_template button.hamburger-menu-nav-section[aria-expanded="true"],
9391        #tablet_hamburger_menu_template button.hamburger-menu-close-button:hover {
9392            /* Styles inherited from parent selectors above */
9393        }
9394        
9395        /* Additional button styles are inherited from parent selectors above */
9396        
9397        /* Image styles inside buttons */
9398        #tablet_hamburger_menu_template button.hamburger-menu-nav-section .icon_and_name img,
9399        #tablet_hamburger_menu_template a.hamburger-menu-nav-section .icon_and_name img {
9400                            height:20px;
9401                    }
9402    </style>
9403
9404    <nav id="tablet_hamburger_menu_template" class="hamburger-menu-template" inert="inert">
9405        <div class="hamburger-menu-template-inner">
9406            <button type="button" class="hamburger-menu-close-button mr-4" id="tablet_hamburger_close_button" aria-label="Close menu">
9407                <svg role="img" aria-hidden="true" viewBox="0 0 320 512"><path d="M310.6 361.4c12.5 12.5 12.5 32.75 0 45.25C304.4 412.9 296.2 416 288 416s-16.38-3.125-22.62-9.375L160 301.3L54.63 406.6C48.38 412.9 40.19 416 32 416S15.63 412.9 9.375 406.6c-12.5-12.5-12.5-32.75 0-45.25l105.4-105.4L9.375 150.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L160 210.8l105.4-105.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-105.4 105.4L310.6 361.4z"/></svg> CLOSE</button>
9408
9409            <div class="script_before_menu">
9410                                                            </div>
9411            <div style="clear: both"></div>
9412            
9413                    
9414                                                    <button type="button" class="hamburger-menu-nav-section " aria-expanded="false" aria-controls="tablet-submenu-6" aria-label="Expand Engagement Rings section">
9415                                                <span class="icon_and_name">
9416                        
9417                            Engagement Rings                        </span>
9418                                                            <svg viewBox="0 0 320 512" focusable="false" aria-hidden="true"><path d="M96 480c-8.188 0-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L242.8 256L73.38 86.63c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l192 192c12.5 12.5 12.5 32.75 0 45.25l-192 192C112.4 476.9 104.2 480 96 480z"/></svg>
9419                            
9420                                                    </button>
9421                                            
9422
9423                    
9424                    <div class="sub-menu-panel" id="tablet-submenu-6" aria-hidden="true">
9425                                                    
9426    
9427        
9428
9429
9430<div class="menu_container default_build_menu menu_container_2_navigation_6">
9431    <div class="nav_div_6">
9432                <ul class="nav_list" role="menu" aria-label="Engagement Rings" tabindex="-1">
9433                                                                                                                                    
9434                    <li style=""
9435                        class="" 
9436                        role="none">
9437
9438                          
9439
9440                                                <a class="nav_a_trd " title="Shop By Style" href="#!"  data-full_image="" role="menuitem" tabindex="0" >
9441                                                                        Shop By Style                                                    <svg viewBox="0 0 320 512"><path d="M96 480c-8.188 0-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L242.8 256L73.38 86.63c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l192 192c12.5 12.5 12.5 32.75 0 45.25l-192 192C112.4 476.9 104.2 480 96 480z"/></svg>
9442                                                                        </a>
9443                        
9444                              
9445
9446                         
9447
9448
9449
9450                                                    <ul class="nav_list_trd" role="menu" aria-label="Shop By Style" tabindex="-1">
9451                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        <li style=""
9452                                            class="" 
9453                                            role="none">
9454
9455                                            <a class="" href="https://www.osbornejewelersinc.com/halo-rings" title="Halo Rings"  role="menuitem" tabindex="0" >
9456                                                                                                    <img class="nav_icons menu_icon_halorings" src="https://www.osbornejewelersinc.com/public/1.0/uploads/source/icons/jewelry_icons/rings/halo.svg" alt="Halo Rings" title="Halo Rings" loading="lazy"/>
9457                                                                                                Halo Rings                                            </a>
9458                                        </li>
9459                                                                                                            <li style=""
9460                                            class="" 
9461                                            role="none">
9462
9463                                            <a class="" href="https://www.osbornejewelersinc.com/side-stone-rings" title="Side Stone Rings"  role="menuitem" tabindex="-1" >
9464                                                                                                    <img class="nav_icons menu_icon_sidestonerings" src="https://www.osbornejewelersinc.com/public/1.0/uploads/source/icons/jewelry_icons/rings/sidestones.svg" alt="Side Stone Rings" title="Side Stone Rings" loading="lazy"/>
9465                                                                                                Side Stone Rings                                            </a>
9466                                        </li>
9467                                                                                                            <li style=""
9468                                            class="" 
9469                                            role="none">
9470
9471                                            <a class="" href="https://www.osbornejewelersinc.com/solitaire-rings" title="Solitare Rings"  role="menuitem" tabindex="-1" >
9472                                                                                                    <img class="nav_icons menu_icon_solitarerings" src="https://www.osbornejewelersinc.com/public/1.0/uploads/source/icons/jewelry_icons/rings/solitaire.svg" alt="Solitare Rings" title="Solitare Rings" loading="lazy"/>
9473                                                                                                Solitare Rings                                            </a>
9474                                        </li>
9475                                                                                                            <li style=""
9476                                            class="" 
9477                                            role="none">
9478
9479                                            <a class="" href="https://www.osbornejewelersinc.com/three-stones-rings" title="Three Stones Rings"  role="menuitem" tabindex="-1" >
9480                                                                                                    <img class="nav_icons menu_icon_threestonesrings" src="https://www.osbornejewelersinc.com/public/1.0/uploads/source/icons/jewelry_icons/rings/3stones.svg" alt="Three Stones Rings" title="Three Stones Rings" loading="lazy"/>
9481                                                                                                Three Stones Rings                                            </a>
9482                                        </li>
9483                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                </ul>
9484                                            </li>
9485
9486                
9487                            
9488                    <li style=""
9489                        class="" 
9490                        role="none">
9491
9492                          
9493
9494                                                <a class="nav_a_trd " title="Shop By Shape" href="#!"  data-full_image="" role="menuitem" tabindex="-1" >
9495                                                                        Shop By Shape                                                    <svg viewBox="0 0 320 512"><path d="M96 480c-8.188 0-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L242.8 256L73.38 86.63c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l192 192c12.5 12.5 12.5 32.75 0 45.25l-192 192C112.4 476.9 104.2 480 96 480z"/></svg>
9496                                                                        </a>
9497                        
9498                              
9499
9500                         
9501
9502
9503
9504                                                    <ul class="nav_list_trd" role="menu" aria-label="Shop By Shape" tabindex="-1">
9505                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        <li style=""
9506                                            class="" 
9507                                            role="none">
9508
9509                                            <a class="" href="https://www.osbornejewelersinc.com/princess-cut-rings" title="Princess Cut Rings"  role="menuitem" tabindex="0" >
9510                                                                                                    <img class="nav_icons menu_icon_princesscutrings" src="https://www.osbornejewelersinc.com/public/1.0/uploads/source/icons/jewelry_icons/rings/princess.svg" alt="Princess Cut Rings" title="Princess Cut Rings" loading="lazy"/>
9511                                                                                                Princess Cut Rings                                            </a>
9512                                        </li>
9513                                                                                                            <li style=""
9514                                            class="" 
9515                                            role="none">
9516
9517                                            <a class="" href="https://www.osbornejewelersinc.com/round-cut-rings" title="Round Cut Rings"  role="menuitem" tabindex="-1" >
9518                                                                                                    <img class="nav_icons menu_icon_roundcutrings" src="https://www.osbornejewelersinc.com/public/1.0/uploads/source/icons/jewelry_icons/rings/rou
9518nd.svg" alt="Round Cut Rings" title="Round Cut Rings" loading="lazy"/>
9519                                                                                                Round Cut Rings                                            </a>
9520                                        </li>
9521                                                                                                                                            <li style=""
9522                                            class="" 
9523                                            role="none">
9524
9525                                            <a class="" href="https://www.osbornejewelersinc.com/oval-cut-rings" title="Oval Cut Rings"  role="menuitem" tabindex="-1" >
9526                                                                                                    <img class="nav_icons menu_icon_ovalcutrings" src="https://www.osbornejewelersinc.com/public/1.0/uploads/source/icons/jewelry_icons/rings/oval.svg" alt="Oval Cut Rings" title="Oval Cut Rings" loading="lazy"/>
9527                                                                                                Oval Cut Rings                                            </a>
9528                                        </li>
9529                                                                                                            <li style=""
9530                                            class="" 
9531                                            role="none">
9532
9533                                            <a class="" href="https://www.osbornejewelersinc.com/emerald-cut-rings" title="Emerald Cut Rings"  role="menuitem" tabindex="-1" >
9534                                                                                                    <img class="nav_icons menu_icon_emeraldcutrings" src="https://www.osbornejewelersinc.com/public/1.0/uploads/source/icons/jewelry_icons/rings/emerald.svg" alt="Emerald Cut Rings" title="Emerald Cut Rings" loading="lazy"/>
9535                                                                                                Emerald Cut Rings                                            </a>
9536                                        </li>
9537                                                                                                            <li style=""
9538                                            class="" 
9539                                            role="none">
9540
9541                                            <a class="" href="https://www.osbornejewelersinc.com/marquise-cut-rings" title="Marquise Cut Rings"  role="menuitem" tabindex="-1" >
9542                                                                                                    <img class="nav_icons menu_icon_marquisecutrings" src="https://www.osbornejewelersinc.com/public/1.0/uploads/source/icons/jewelry_icons/rings/marquise.svg" alt="Marquise Cut Rings" title="Marquise Cut Rings" loading="lazy"/>
9543                                                                                                Marquise Cut Rings                                            </a>
9544                                        </li>
9545                                                                                                            <li style=""
9546                                            class="" 
9547                                            role="none">
9548
9549                                            <a class="" href="https://www.osbornejewelersinc.com/pear-shape-ring" title="Pear Shape Rings"  role="menuitem" tabindex="-1" >
9550                                                                                                    <img class="nav_icons menu_icon_pearshaperings" src="https://www.osbornejewelersinc.com/public/1.0/uploads/source/icons/jewelry_icons/rings/pear.svg" alt="Pear Shape Rings" title="Pear Shape Rings" loading="lazy"/>
9551                                                                                                Pear Shape Rings                                            </a>
9552                                        </li>
9553                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                </ul>
9554                                            </li>
9555
9556                
9557                            
9558                    <li style=""
9559                        class="" 
9560                        role="none">
9561
9562                          
9563
9564                                                <a class="nav_a_trd " title="Shop By Price" href="#!"  data-full_image="" role="menuitem" tabindex="-1" >
9565                                                                        Shop By Price                                                    <svg viewBox="0 0 320 512"><path d="M96 480c-8.188 0-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L242.8 256L73.38 86.63c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l192 192c12.5 12.5 12.5 32.75 0 45.25l-192 192C112.4 476.9 104.2 480 96 480z"/></svg>
9566                                                                        </a>
9567                        
9568                              
9569
9570                         
9571
9572
9573
9574                                                    <ul class="nav_list_trd" role="menu" aria-label="Shop By Price" tabindex="-1">
9575                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        <li style=""
9576                                            class="" 
9577                                            role="none">
9578
9579                                            <a class="" href="https://www.osbornejewelersinc.com/engagement-rings-up-to-500" title="Up to $500"  role="menuitem" tabindex="0" >
9580                                                                                                Up to $500                                            </a>
9581                                        </li>
9582                                                                                                            <li style=""
9583                                            class="" 
9584                                            role="none">
9585
9586                                            <a class="" href="https://www.osbornejewelersinc.com/engagement-rings-500-to-1000" title="$500 - $1000"  role="menuitem" tabindex="-1" >
9587                                                                                                $500 - $1000                                            </a>
9588                                        </li>
9589                                                                                                            <li style=""
9590                                            class="" 
9591                                            role="none">
9592
9593                                            <a class="" href="https://www.osbornejewelersinc.com/engagement-rings-1000-to-2000" title="$1000 - $2000"  role="menuitem" tabindex="-1" >
9594                                                                                                $1000 - $2000                                            </a>
9595                                        </li>
9596                                                                                                            <li style=""
9597                                            class="" 
9598                                            role="none">
9599
9600                                            <a class="" href="https://www.osbornejewelersinc.com/engagement-rings-2000-to-5000" title="$2000 - $5000"  role="menuitem" tabindex="-1" >
9601                                                                                                $2000 - $5000                                            </a>
9602                                        </li>
9603                                                                                                            <li style=""
9604                                            class="" 
9605                                            role="none">
9606
9607                                            <a class="" href="https://www.osbornejewelersinc.com/engagement-rings-5000-up" title="$5000 & Up"  role="menuitem" tabindex="-1" >
9608                                                                                                $5000 & Up                                            </a>
9609                                        </li>
9610                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                </ul>
9611                                            </li>
9612
9613                
9614                            
9615                    <li style=""
9616                        class="" 
9617                        role="none">
9618
9619                          
9620
9621                                                <a class="nav_a_trd " title="Start Your Search" href="#!"  data-full_image="" role="menuitem" tabindex="-1" >
9622                                                                        Start Your Search                                                    <svg viewBox="0 0 320 512"><path d="M96 480c-8.188 0-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L242.8 256L73.38 86.63c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l192 192c12.5 12.5 12.5 32.75 0 45.25l-192 192C112.4 476.9 104.2 480 96 480z"/></svg>
9623                                                                        </a>
9624                        
9625                              
9626
9627                         
9628
9629
9630
9631                                                    <ul class="nav_list_trd" role="menu" aria-label="Start Your Search" tabindex="-1">
9632                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        <li style=""
9633                                            class="" 
9634                                            role="none">
9635
9636                                            <a class="" href="https://www.osbornejewelersinc.com/engagement-rings" title="View All Engagement Rings >>"  role="menuitem" tabindex="0" >
9637                                                                                                View All Engagement Rings >>                                            </a>
9638                                        </li>
9639                                                                                                            <li style=""
9640                                            class="" 
9641                                            role="none">
9642
9643                             
9643               <a class="" href="https://www.osbornejewelersinc.com/create-your-ring" title="Customize Your Ring >>"  role="menuitem" tabindex="-1" >
9644                                                                                                Customize Your Ring >>                                            </a>
9645                                        </li>
9646                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                </ul>
9647                                            </li>
9648
9649                
9650                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            </ul>
9651                    </div>
9652</div>
9653<style>
9654    .menu_container_2_navigation_6 {
9655        background: #fff;
9656                    }
9657    .horizontal_menu .nav_div_6 {
9658        padding: 15px 0px;
9659        box-shadow: 0px 0px 5px #00000078;        display: flex;
9660        flex-wrap: wrap;
9661    }
9662    .horizontal_menu .nav_img_6 {
9663        height: 200px;
9664        width: 250px;
9665        margin-left: 50px;
9666        margin-right: 20px;
9667        flex-shrink: 0;
9668        order: 1;
9669    }
9670    .horizontal_menu .nav_img_6 img {
9671        max-width: 100%;
9672        max-height: 100%;
9673    }
9674    .horizontal_menu .nav_div_6 .vfit {
9675        text-align: left;
9676        border-bottom: 1px solid #ececec;
9677        text-transform: uppercase;
9678    }
9679    .nav_div_6 .vfit a {
9680        text-decoration: none;
9681        color: #222;
9682    }
9683    .nav_div_6 .nav_list {
9684        list-style: none;
9685        margin: 0;
9686        padding: 0;
9687        order: 1;
9688            }
9689    .nav_div_6 ul {
9690        list-style: none;
9691    }
9692    #tablet_hamburger_menu_template .nav_div_6 li {
9693        width: 100%;
9694        margin: 0;
9695        padding: 0px 20px;
9696        position: relative;
9697    }
9698    .horizontal_menu .nav_div_6 li {
9699        width: 100%;
9700        margin: 0;
9701        padding: 0px 20px;
9702        position: relative;
9703    }
9704    
9705    #tablet_hamburger_menu_template .nav_div_6 li svg {
9706        position: absolute;
9707        right: 15px;
9708        height: 10px;
9709        top: 10px;
9710    }
9711    .horizontal_menu .nav_div_6 li svg {
9712        position: absolute;
9713        right: 15px;
9714        height: 10px;
9715        top: 10px;
9716    }
9717    
9718    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_6 .nav_div_6 .nav_list li .nav_a_trd {
9719        display: flex;
9720        align-items: center;
9721        padding: 0;
9722        line-height: 30px;
9723        font-size: 14px;
9724        text-transform: uppercase;
9725        text-decoration: none;
9726        color: #222;
9727        white-space: normal;
9728
9729        color:#4d4d4d;                font-style:italic;                font-size:14px;        font-family:Arial;        text-transform:uppercase;                line-height:35px;
9730    }
9731    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_6 .nav_div_6 .nav_list li button {
9732        background: none;
9733        border: none;
9734        cursor: pointer;
9735    }
9736    
9737    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_6 .nav_div_6 .nav_list li .nav_a_trd.parent_men {
9738        text-decoration: underline;
9739    }
9740
9741    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_6 .nav_div_6 .nav_list li .nav_a_trd:hover {
9742        color:#000000;        cursor: pointer;
9743    }
9744
9745
9746    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_6 .nav_div_6 .nav_list li .nav_list_trd li a {
9747        display: flex;
9748        align-items: center;
9749        padding: 0;
9750        line-height: 30px;
9751        font-size: 14px;
9752        text-transform: uppercase;
9753        text-decoration: none;
9754        color: #222;
9755        white-space: normal;
9756
9757        color:#4d4d4d;                font-style:normal;                font-size:px;        font-family:Arial;        text-transform:none;                line-height:35px;    }
9758
9759    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_6 .nav_div_6 .nav_list li .nav_list_trd li a:hover {
9760        color:#000000;    }
9761
9762    .nav_div_6 .nav_list li a .nav_icons {
9763        height: 30px;
9764        margin-right: 5px;
9765            }
9766
9767    
9768
9769    .nav_div_6 .nav_list li a:hover {
9770        color: #3172ab;
9771    }
9772    .horizontal_menu .nav_div_6 .nav_list_trd {
9773        display: none;
9774        position: absolute;
9775        left: 100%;
9776        top: -15px;
9777        padding: 15px 0px;
9778        box-shadow: 0px 0px 5px #00000078;        background: #fff;
9779    }
9780    .horizontal_menu .nav_div_6 .nav_list>li .nav_list_trd.open,
9781    .horizontal_menu .nav_div_6 .nav_list>li:hover .nav_list_trd {
9782        display: block;
9783        z-index: 99;
9784    }
9785
9786    .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_6,
9787    .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_6 .nav_list_trd{
9788                    width: 250px;
9789            }
9790
9791            .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_6 .nav_list_trd{
9792            width: 250px;
9793        }
9794    </style>
9795                                            </div>
9796                    <div class="hum-line"></div>
9797                            
9798                    
9799                                                    <a class="hamburger-menu
9799-nav-section " title="Diamonds" href="https://www.osbornejewelersinc.com/diamonds" >
9800                                                <span class="icon_and_name">
9801                        
9802                            Diamonds                        </span>
9803                            
9804                                                    </a>
9805                                            
9806
9807                    
9808                    <div class="sub-menu-panel" id="tablet-submenu-11" aria-hidden="true">
9809                                                    
9810    
9811        
9812
9813
9814<div class="menu_container default_build_menu menu_container_2_navigation_11">
9815    <div class="nav_div_11">
9816                    </div>
9817</div>
9818<style>
9819    .menu_container_2_navigation_11 {
9820        background: #fff;
9821                    }
9822    .horizontal_menu .nav_div_11 {
9823        padding: 15px 0px;
9824        box-shadow: 0px 0px 5px #00000078;        display: flex;
9825        flex-wrap: wrap;
9826    }
9827    .horizontal_menu .nav_img_11 {
9828        height: 200px;
9829        width: 250px;
9830        margin-left: 50px;
9831        margin-right: 20px;
9832        flex-shrink: 0;
9833        order: 1;
9834    }
9835    .horizontal_menu .nav_img_11 img {
9836        max-width: 100%;
9837        max-height: 100%;
9838    }
9839    .horizontal_menu .nav_div_11 .vfit {
9840        text-align: left;
9841        border-bottom: 1px solid #ececec;
9842        text-transform: uppercase;
9843    }
9844    .nav_div_11 .vfit a {
9845        text-decoration: none;
9846        color: #222;
9847    }
9848    .nav_div_11 .nav_list {
9849        list-style: none;
9850        margin: 0;
9851        padding: 0;
9852        order: 1;
9853            }
9854    .nav_div_11 ul {
9855        list-style: none;
9856    }
9857    #tablet_hamburger_menu_template .nav_div_11 li {
9858        width: 100%;
9859        margin: 0;
9860        padding: 0px 20px;
9861        position: relative;
9862    }
9863    .horizontal_menu .nav_div_11 li {
9864        width: 100%;
9865        margin: 0;
9866        padding: 0px 20px;
9867        position: relative;
9868    }
9869    
9870    #tablet_hamburger_menu_template .nav_div_11 li svg {
9871        position: absolute;
9872        right: 15px;
9873        height: 10px;
9874        top: 10px;
9875    }
9876    .horizontal_menu .nav_div_11 li svg {
9877        position: absolute;
9878        right: 15px;
9879        height: 10px;
9880        top: 10px;
9881    }
9882    
9883    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_11 .nav_div_11 .nav_list li .nav_a_trd {
9884        display: flex;
9885        align-items: center;
9886        padding: 0;
9887        line-height: 30px;
9888        font-size: 14px;
9889        text-transform: uppercase;
9890        text-decoration: none;
9891        color: #222;
9892        white-space: normal;
9893
9894        color:#4d4d4d;                font-style:italic;                font-size:14px;        font-family:Arial;        text-transform:uppercase;                line-height:35px;
9895    }
9896    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_11 .nav_div_11 .nav_list li button {
9897        background: none;
9898        border: none;
9899        cursor: pointer;
9900    }
9901    
9902    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_11 .nav_div_11 .nav_list li .nav_a_trd.parent_men {
9903        text-decoration: underline;
9904    }
9905
9906    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_11 .nav_div_11 .nav_list li .nav_a_trd:hover {
9907        color:#000000;        cursor: pointer;
9908    }
9909
9910
9911    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_11 .nav_div_11 .nav_list li .nav_list_trd li a {
9912        display: flex;
9913        align-items: center;
9914        padding: 0;
9915        line-height: 30px;
9916        font-size: 14px;
9917        text-transform: uppercase;
9918        text-decoration: none;
9919        color: #222;
9920        white-space: normal;
9921
9922        color:#4d4d4d;                font-style:normal;                font-size:px;        font-family:Arial;        text-transform:none;                line-height:35px;    }
9923
9924    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_11 .nav_div_11 .nav_list li .nav_list_trd li a:hover {
9925        color:#000000;    }
9926
9927    .nav_div_11 .nav_list li a .nav_icons {
9928        height: 30px;
9929        margin-right: 5px;
9930            }
9931
9932    
9933
9934    .nav_div_11 .nav_list li a:hover {
9935        color: #3172ab;
9936    }
9937    .horizontal_menu .nav_div_11 .nav_list_trd {
9938        display: none;
9939        position: absolute;
9940        left: 100%;
9941        top: -15px;
9942        padding: 15px 0px;
9943        box-shadow: 0px 0px 5px #00000078;        background: #fff;
9944    }
9945    .horizontal_menu .nav_div_11 .nav_list>li .nav_list_trd.open,
9946    .horizontal_menu .nav_div_11 .nav_list>li:hover .nav_list_trd {
9947        display: block;
9948        z-index: 99;
9949    }
9950
9951    .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_11,
9952    .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_11 .nav_list_trd{
9953                    width: 250px;
9954            }
9955
9956            .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_11 .nav_list_trd{
9957            width: 250px;
9958        }
9959    </style>
9960                                            </div>
9961                    <div class="hum-line"></div>
9962                            
9963                    
9964                                                    <button type="button" class="hamburger-menu
9964-nav-section " aria-expanded="false" aria-controls="tablet-submenu-12" aria-label="Expand Wedding Bands section">
9965                                                <span class="icon_and_name">
9966                        
9967                            Wedding Bands                        </span>
9968                                                            <svg viewBox="0 0 320 512" focusable="false" aria-hidden="true"><path d="M96 480c-8.188 0-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L242.8 256L73.38 86.63c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l192 192c12.5 12.5 12.5 32.75 0 45.25l-192 192C112.4 476.9 104.2 480 96 480z"/></svg>
9969                            
9970                                                    </button>
9971                                            
9972
9973                    
9974                    <div class="sub-menu-panel" id="tablet-submenu-12" aria-hidden="true">
9975                                                    
9976    
9977        
9978
9979
9980<div class="menu_container default_build_menu menu_container_2_navigation_12">
9981    <div class="nav_div_12">
9982                <ul class="nav_list" role="menu" aria-label="Wedding Bands" tabindex="-1">
9983                                                                                                                                                                                                                                                                                                                                                                                    
9984                    <li style=""
9985                        class="" 
9986                        role="none">
9987
9988                          
9989
9990                                                <a class="nav_a_trd " title="Shop By Gender" href="#!"  data-full_image="" role="menuitem" tabindex="0" >
9991                                                                        Shop By Gender                                                    <svg viewBox="0 0 320 512"><path d="M96 480c-8.188 0-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L242.8 256L73.38 86.63c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l192 192c12.5 12.5 12.5 32.75 0 45.25l-192 192C112.4 476.9 104.2 480 96 480z"/></svg>
9992                                                                        </a>
9993                        
9994                              
9995
9996                         
9997
9998
9999
10000                                                    <ul class="nav_list_trd" role="menu" aria-label="Shop By Gender" tabindex="-1">
10001                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        <li style=""
10002                                            class="" 
10003                                            role="none">
10004
10005                                            <a class="" href="https://www.osbornejewelersinc.com/mens-wedding-bands" title="Mens Wedding Bands"  role="menuitem" tabindex="0" >
10006                                                                                                    <img class="nav_icons menu_icon_mensweddingbands" src="https://www.osbornejewelersinc.com/public/1.0/uploads/source/icons/jewelry_icons/bands/mens-01.svg" alt="Mens Wedding Bands" title="Mens Wedding Bands" loading="lazy"/>
10007                                                                                                Mens Wedding Bands                                            </a>
10008                                        </li>
10009                                                                                                            <li style=""
10010                                            class="" 
10011                                            role="none">
10012
10013                                            <a class="" href="https://www.osbornejewelersinc.com/ladies-wedding-bands" title="Ladies Wedding Bands"  role="menuitem" tabindex="-1" >
10014                                                                                                    <img class="nav_icons menu_icon_ladiesweddingbands" src="https://www.osbornejewelersinc.com/public/1.0/uploads/source/icons/jewelry_icons/bands/bezel.svg" alt="Ladies Wedding Bands" title="Ladies Wedding Bands" loading="lazy"/>
10015                                                                                                Ladies Wedding Bands                                            </a>
10016                                        </li>
10017                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                </ul>
10018                                            </li>
10019
10020                
10021                            
10022                    <li style=""
10023                        class="" 
10024                        role="none">
10025
10026                          
10027
10028                                                <a class="nav_a_trd " title="Shop By Price" href="#!"  data-full_image="" role="menuitem" tabindex="-1" >
10029                                                                        Shop By Price                                                    <svg viewBox="0 0 320 512"><path d="M96 480c-8.188 0-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L242.8 256L73.38 86.63c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l192 192c12.5 12.5 12.5 32.75 0 45.25l-192 192C112.4 476.9 104.2 480 96 480z"/></svg>
10030                                                                        </a>
10031                        
10032                              
10033
10034                         
10035
10036
10037
10038                                                    <ul class="nav_list_trd" role="menu" aria-label="Shop By Price" tabindex="-1">
10039                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        <li style=""
10040                                            class="" 
10041                                            role="none">
10042
10043                                            <a class="" href="https://www.osbornejewelersinc.com/wedding-bands-up-to-500" title="Up to $500"  role="menuitem" tabindex="0" >
10044                                                                                                Up to $500                                            </a>
10045                                        </li>
10046                                                                                                            <li style=""
10047                                            class="" 
10048                                            role="none">
10049
10050                                            <a class="" href="https://www.osbornejewelersinc.com/wedding-bands-500-to-1000" title="$500 - $1000"  role="menuitem" tabindex="-1" >
10051                                                                                                $500 - $1000                                            </a>
10052                                        </li>
10053                                                                                                            <li style=""
10054                                            class="" 
10055                                            role="none">
10056
10057                                            <a class="" href="https://www.osbornejewelersinc.com/wedding-bands-1000-to-2000" title="$1000 - $2000"  role="menuitem" tabindex="-1" >
10058                                                                                                $1000 - $2000                                            </a>
10059                                        </li>
10060                                                                                                            <li style=""
10061                                            class="" 
10062                                            role="none">
10063
10064                                            <a class="" href="https://www.osbornejewelersinc.com/wedding-bands-2000-to-5000" title="$2000 - $5000"  role="menuitem" tabindex="-1" >
10065                                                                                                $2000 - $5000                                            </a>
10066                                        </li>
10067                                                                                                            <li style=""
10068                                            class="" 
10069                                            role="none">
10070
10071                                            <a class="" href="https://www.osbornejewelersinc.com/wedding-bands-5000-up" title="$5000 & Up"  role="menuitem" tabindex="-1" >
10072                                                                                                $5000 & Up                                            </a>
10073                                        </li>
10074                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                </ul>
10075                                            </li>
10076
10077                
10078                            
10079                    <li style=""
10080                        class="" 
10081                        role="none">
10082
10083                          
10084
10085                                                <a class="nav_a_trd " title="Start Your Search" href="#!"  data-full_image="" role="menuitem" tabindex="-1" >
10086                                                                        Start Your Search                                                    <svg viewBox="0 0 320 512"><path d="M96 480c-8.188 0-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L242.8 256L73.38 86.63c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l192 192c12.5 12.5 12.5 32.75 0 45.25l-192 192C112.4 476.9 104.2 480 96 480z"/></svg>
10087                                                                        </a>
10088                        
10089                              
10090
10091                         
10092
10093
10094
10095                                                    <ul class="nav_list_trd" role="menu" aria-label="Start Your Search" tabindex="-1">
10096                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     
10096                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   <li style=""
10097                                            class="" 
10098                                            role="none">
10099
10100                                            <a class="" href="https://www.osbornejewelersinc.com/wedding-bands" title="View All Wedding Bands >>"  role="menuitem" tabindex="0" >
10101                                                                                                View All Wedding Bands >>                                            </a>
10102                                        </li>
10103                                                                                                                                                                                                                                                                </ul>
10104                                            </li>
10105
10106                
10107                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        </ul>
10108                    </div>
10109</div>
10110<style>
10111    .menu_container_2_navigation_12 {
10112        background: #fff;
10113                    }
10114    .horizontal_menu .nav_div_12 {
10115        padding: 15px 0px;
10116        box-shadow: 0px 0px 5px #00000078;        display: flex;
10117        flex-wrap: wrap;
10118    }
10119    .horizontal_menu .nav_img_12 {
10120        height: 200px;
10121        width: 250px;
10122        margin-left: 50px;
10123        margin-right: 20px;
10124        flex-shrink: 0;
10125        order: 1;
10126    }
10127    .horizontal_menu .nav_img_12 img {
10128        max-width: 100%;
10129        max-height: 100%;
10130    }
10131    .horizontal_menu .nav_div_12 .vfit {
10132        text-align: left;
10133        border-bottom: 1px solid #ececec;
10134        text-transform: uppercase;
10135    }
10136    .nav_div_12 .vfit a {
10137        text-decoration: none;
10138        color: #222;
10139    }
10140    .nav_div_12 .nav_list {
10141        list-style: none;
10142        margin: 0;
10143        padding: 0;
10144        order: 1;
10145            }
10146    .nav_div_12 ul {
10147        list-style: none;
10148    }
10149    #tablet_hamburger_menu_template .nav_div_12 li {
10150        width: 100%;
10151        margin: 0;
10152        padding: 0px 20px;
10153        position: relative;
10154    }
10155    .horizontal_menu .nav_div_12 li {
10156        width: 100%;
10157        margin: 0;
10158        padding: 0px 20px;
10159        position: relative;
10160    }
10161    
10162    #tablet_hamburger_menu_template .nav_div_12 li svg {
10163        position: absolute;
10164        right: 15px;
10165        height: 10px;
10166        top: 10px;
10167    }
10168    .horizontal_menu .nav_div_12 li svg {
10169        position: absolute;
10170        right: 15px;
10171        height: 10px;
10172        top: 10px;
10173    }
10174    
10175    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_12 .nav_div_12 .nav_list li .nav_a_trd {
10176        display: flex;
10177        align-items: center;
10178        padding: 0;
10179        line-height: 30px;
10180        font-size: 14px;
10181        text-transform: uppercase;
10182        text-decoration: none;
10183        color: #222;
10184        white-space: normal;
10185
10186        color:#4d4d4d;                font-style:italic;                font-size:14px;        font-family:Arial;        text-transform:uppercase;                line-height:35px;
10187    }
10188    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_12 .nav_div_12 .nav_list li button {
10189        background: none;
10190        border: none;
10191        cursor: pointer;
10192    }
10193    
10194    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_12 .nav_div_12 .nav_list li .nav_a_trd.parent_men {
10195        text-decoration: underline;
10196    }
10197
10198    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_12 .nav_div_12 .nav_list li .nav_a_trd:hover {
10199        color:#000000;        cursor: pointer;
10200    }
10201
10202
10203    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_12 .nav_div_12 .nav_list li .nav_list_trd li a {
10204        display: flex;
10205        align-items: center;
10206        padding: 0;
10207        line-height: 30px;
10208        font-size: 14px;
10209        text-transform: uppercase;
10210        text-decoration: none;
10211        color: #222;
10212        white-space: normal;
10213
10214        color:#4d4d4d;                font-style:normal;                font-size:px;        font-family:Arial;        text-transform:none;                line-height:35px;    }
10215
10216    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_12 .nav_div_12 .nav_list li .nav_list_trd li a:hover {
10217        color:#000000;    }
10218
10219    .nav_div_12 .nav_list li a .nav_icons {
10220        height: 30px;
10221        margin-right: 5px;
10222            }
10223
10224    
10225
10226    .nav_div_12 .nav_list li a:hover {
10227        color: #3172ab;
10228    }
10229    .horizontal_menu .nav_div_12 .nav_list_trd {
10230        display: none;
10231        position: absolute;
10232        left: 100%;
10233        top: -15px;
10234        padding: 15px 0px;
10235        box-shadow: 0px 0px 5px #00000078;        background: #fff;
10236    }
10237    .horizontal_menu .nav_div_12 .nav_list>li .nav_list_trd.open,
10238    .horizontal_menu .nav_div_12 .nav_list>li:hover .nav_list_trd {
10239        display: block;
10240        z-index: 99;
10241    }
10242
10243    .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_12,
10244    .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_12 .nav_list_trd{
10245                    width: 250px;
10246            }
10247
10248            .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_12 .nav_list_trd{
10249            width: 250px;
10250        }
10251    </style>
10252                                            </div>
10253                    <div class="hum-line"></div>
10254                            
10255                    
10256                                                    <button type="button" class="hamburger-menu
10256-nav-section " aria-expanded="false" aria-controls="tablet-submenu-16" aria-label="Expand Fine Jewelry section">
10257                                                <span class="icon_and_name">
10258                        
10259                            Fine Jewelry                        </span>
10260                                                            <svg viewBox="0 0 320 512" focusable="false" aria-hidden="true"><path d="M96 480c-8.188 0-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L242.8 256L73.38 86.63c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l192 192c12.5 12.5 12.5 32.75 0 45.25l-192 192C112.4 476.9 104.2 480 96 480z"/></svg>
10261                            
10262                                                    </button>
10263                                            
10264
10265                    
10266                    <div class="sub-menu-panel" id="tablet-submenu-16" aria-hidden="true">
10267                                                    
10268    
10269        
10270
10271
10272<div class="menu_container default_build_menu menu_container_2_navigation_16">
10273    <div class="nav_div_16">
10274                <ul class="nav_list" role="menu" aria-label="Fine Jewelry" tabindex="-1">
10275                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            
10276                    <li style=""
10277                        class="" 
10278                        role="none">
10279
10280                          
10281
10282                                                <a class="nav_a_trd " title="Shop By Type" href="#!"  data-full_image="" role="menuitem" tabindex="0" >
10283                                                                        Shop By Type                                                    <svg viewBox="0 0 320 512"><path d="M96 480c-8.188 0-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L242.8 256L73.38 86.63c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l192 192c12.5 12.5 12.5 32.75 0 45.25l-192 192C112.4 476.9 104.2 480 96 480z"/></svg>
10284                                                                        </a>
10285                        
10286                              
10287
10288                         
10289
10290
10291
10292                                                    <ul class="nav_list_trd" role="menu" aria-label="Shop By Type" tabindex="-1">
10293                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        <li style=""
10294                                            class="" 
10295                                            role="none">
10296
10297                                            <a class="" href="https://www.osbornejewelersinc.com/necklaces" title="Necklaces"  role="menuitem" tabindex="0" >
10298                                                                                                    <img class="nav_icons menu_icon_necklaces" src="https://www.osbornejewelersinc.com/public/1.0/uploads/source/icons/jewelry_icons/necklaces/heart.svg" alt="Necklaces" title="Necklaces" loading="lazy"/>
10299                                                                                                Necklaces                                            </a>
10300                                        </li>
10301                                                                                                            <li style=""
10302                                            class="" 
10303                                            role="none">
10304
10305                                            <a class="" href="https://www.osbornejewelersinc.com/earrings" title="Earrings"  role="menuitem" tabindex="-1" >
10306                                                                                                    <img class="nav_icons menu_icon_earrings" src="https://www.osbornejewelersinc.com/public/1.0/uploads/source/icons/jewelry_icons/earr
10306ings/stud.svg" alt="Earrings" title="Earrings" loading="lazy"/>
10307                                                                                                Earrings                                            </a>
10308                                        </li>
10309                                                                                                            <li style=""
10310                                            class="" 
10311                                            role="none">
10312
10313                                            <a class="" href="https://www.osbornejewelersinc.com/bracelets" title="Bracelets"  role="menuitem" tabindex="-1" >
10314                                                                                                    <img class="nav_icons menu_icon_bracelets" src="https://www.osbornejewelersinc.com/public/1.0/uploads/source/icons/jewelry_icons/bracelets/mens.svg" alt="Bracelets" title="Bracelets" loading="lazy"/>
10315                                                                                                Bracelets                                            </a>
10316                                        </li>
10317                                                                                                            <li style=""
10318                                            class="" 
10319                                            role="none">
10320
10321                                            <a class="" href="https://www.osbornejewelersinc.com/fashion-rings" title="Rings"  role="menuitem" tabindex="-1" >
10322                                                                                                    <img class="nav_icons menu_icon_rings" src="https://www.osbornejewelersinc.com/public/1.0/uploads/source/icons/jewelry_icons/bands/diamond.svg" alt="Rings" title="Rings" loading="lazy"/>
10323                                                                                                Rings                                            </a>
10324                                        </li>
10325                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                </ul>
10326                                            </li>
10327
10328                
10329                            
10330                    <li style=""
10331                        class="" 
10332                        role="none">
10333
10334                          
10335
10336                                                <a class="nav_a_trd " title="Shop By Price" href="#!"  data-full_image="" role="menuitem" tabindex="-1" >
10337                                                                        Shop By Price                                                    <svg viewBox="0 0 320 512"><path d="M96 480c-8.188 0-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L242.8 256L73.38 86.63c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l192 192c12.5 12.5 12.5 32.75 0 45.25l-192 192C112.4 476.9 104.2 480 96 480z"/></svg>
10338                                                                        </a>
10339                        
10340                              
10341
10342                         
10343
10344
10345
10346                                                    <ul class="nav_list_trd" role="menu" aria-label="Shop By Price" tabindex="-1">
10347                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        <li style=""
10348                                            class="" 
10349                                            role="none">
10350
10351                                            <a class="" href="https://www.osbornejewelersinc.com/fine-jewelry-0-to-500" title="Up to $500"  role="menuitem" tabindex="0" >
10352                                                                                                Up to $500                                            </a>
10353                                        </li>
10354                                                                                                            <li style=""
10355                                            class="" 
10356                                            role="none">
10357
10358                                            <a class="" href="https://www.osbornejewelersinc.com/fine-jewelry-500-to-1000" title="$500 - $1000"  role="menuitem" tabindex="-1" >
10359                                                                                                $500 - $1000                                            </a>
10360                                        </li>
10361                                                                                                            <li style=""
10362                                            class="" 
10363                                            role="none">
10364
10365                                            <a class="" href="https://www.osbornejewelersinc.com/fine-jewelry-1000-to-2000" title="$1000 - $2000"  role="menuitem" tabindex="-1" >
10366                                                                                                $1000 - $2000                                            </a>
10367                                        </li>
10368                                                                                                            <li style=""
10369                                            class="" 
10370                                            role="none">
10371
10372                                            <a class="" href="https://www.osbornejewelersinc.com/fine-jewelry-2000-to-5000" title="$2000 - $5000"  role="menuitem" tabindex="-1" >
10373                                                                                                $2000 - $5000                                            </a>
10374                                        </li>
10375                                                                                                            <li style=""
10376                                            class="" 
10377                                            role="none">
10378
10379                                            <a class="" href="https://www.osbornejewelersinc.com/fine-jewelry-5000-up" title="$5000 & Up"  role="menuitem" tabindex="-1" >
10380                                                                                                $5000 & Up                                            </a>
10381                                        </li>
10382                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                </ul>
10383                                            </li>
10384
10385                
10386                            
10387                    <li style=""
10388                        class="" 
10389                        role="none">
10390
10391                          
10392
10393                                                <a class="nav_a_trd " title="Start Your Search" href="#!"  data-full_image="" role="menuitem" tabindex="-1" >
10394                                                                        Start Your Search                                                    <svg viewBox="0 0 320 512"><path d="M96 480c-8.188 0-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L242.8 256L73.38 86.63c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l192 192c12.5 12.5 12.5 32.75 0 45.25l-192 192C112.4 476.9 104.2 480 96 480z"/></svg>
10395                                                                        </a>
10396                        
10397                              
10398
10399                         
10400
10401
10402
10403                                                    <ul class="nav_list_trd" role="menu" aria-label="Start Your Search" tabindex="-1">
10404                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        <li style=""
10405                                            class="" 
10406                                            role="none">
10407
10408                                            <a class="" href="https://www.osbornejewelersinc.com/fine-jewelry" title="View All Fine Jewelry >>"  role="menuitem" tabindex="0" >
10409                                                                                                View All Fine Jewelry >>                                            </a>
10410                                        </li>
10411                                                                                                                                                                                                                                </ul>
10412                                            </li>
10413
10414                
10415                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                </ul>
10416                    </div>
10417</div>
10418<style>
10419    .menu_container_2_navigation_16 {
10420        background: #fff;
10421                    }
10422    .horizontal_menu .nav_div_16 {
10423        padding: 15px 0px;
10424        box-shadow: 0px 0px 5px #00000078;        display: flex;
10425        flex-wrap: wrap;
10426    }
10427    .horizontal_menu .nav_img_16 {
10428        height: 200px;
10429        width: 250px;
10430        margin-left: 50px;
10431        margin-right: 20px;
10432        flex-shrink: 0;
10433        order: 1;
10434    }
10435    .horizontal_menu .nav_img_16 img {
10436        max-width: 100%;
10437        max-height: 100%;
10438    }
10439    .horizontal_menu .nav_div_16 .vfit {
10440        text-align: left;
10441        border-bottom: 1px solid #ececec;
10442        text-transform: uppercase;
10443    }
10444    .nav_div_16 .vfit a {
10445        text-decoration: none;
10446        color: #222;
10447    }
10448    .nav_div_16 .nav_list {
10449        list-style: none;
10450        margin: 0;
10451        padding: 0;
10452        order: 1;
10453            }
10454    .nav_div_16 ul {
10455        list-style: none;
10456    }
10457    #tablet_hamburger_menu_template .nav_div_16 li {
10458        width: 100%;
10459        margin: 0;
10460        padding: 0px 20px;
10461        position: relative;
10462    }
10463    .horizontal_menu .nav_div_16 li {
10464        width: 100%;
10465        margin: 0;
10466        padding: 0px 20px;
10467        position: relative;
10468    }
10469    
10470    #tablet_hamburger_menu_template .nav_div_16 li svg {
10471        position: absolute;
10472        right: 15px;
10473        height: 10px;
10474        top: 10px;
10475    }
10476    .horizontal_menu .nav_div_16 li svg {
10477        position: absolute;
10478        right: 15px;
10479        height: 10px;
10480        top: 10px;
10481    }
10482    
10483    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_16 .nav_div_16 .nav_list li .nav_a_trd {
10484        display: flex;
10485        align-items: center;
10486        padding: 0;
10487        line-height: 30px;
10488        font-size: 14px;
10489        text-transform: uppercase;
10490        text-decoration: none;
10491        color: #222;
10492        white-space: normal;
10493
10494        color:#4d4d4d;                font-style:italic;                font-size:14px;        font-family:Arial;        text-transform:uppercase;                line-height:35px;
10495    }
10496    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_16 .nav_div_16 .nav_list li button {
10497        background: none;
10498        border: none;
10499        cursor: pointer;
10500    }
10501    
10502    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_16 .nav_div_16 .nav_list li .nav_a_trd.parent_men {
10503        text-decoration: underline;
10504    }
10505
10506    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_16 .nav_div_16 .nav_list li .nav_a_trd:hover {
10507        color:#000000;        cursor: pointer;
10508    }
10509
10510
10511    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_16 .nav_div_16 .nav_list li .nav_list_trd li a {
10512        display: flex;
10513        align-items: center;
10514        padding: 0;
10515        line-height: 30px;
10516        font-size: 14px;
10517        text-transform: uppercase;
10518        text-decoration: none;
10519        color: #222;
10520        white-space: normal;
10521
10522        color:#4d4d4d;                font-style:normal;                font-size:px;        font-family:Arial;        text-transform:none;                line-height:35px;    }
10523
10524    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_16 .nav_div_16 .nav_list li .nav_list_trd li a:hover {
10525        color:#000000;    }
10526
10527    .nav_div_16 .nav_list li a .nav_icons {
10528        height: 30px;
10529        margin-right: 5px;
10530            }
10531
10532    
10533
10534    .nav_div_16 .nav_list li a:hover {
10535        color: #3172ab;
10536    }
10537    .horizontal_menu .nav_div_16 .nav_list_trd {
10538        display: none;
10539        position: absolute;
10540        left: 100%;
10541        top: -15px;
10542        padding: 15px 0px;
10543        box-shadow: 0px 0px 5px #00000078;        background: #fff;
10544    }
10545    .horizontal_menu .nav_div_16 .nav_list>li .nav_list_trd.open,
10546    .horizontal_menu .nav_div_16 .nav_list>li:hover .nav_list_trd {
10547        display: block;
10548        z-index: 99;
10549    }
10550
10551    .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_16,
10552    .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_16 .nav_list_trd{
10553                    width: 250px;
10554            }
10555
10556            .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_16 .nav_list_trd{
10557            width: 250px;
10558        }
10559    </style>
10560                                            </div>
10561                    <div class="hum-line"></div>
10562                                        
10563                    
10564                                                    <button type="button" class="hamburger-menu-nav-section " aria-expanded="false" aria-controls="tablet-submenu-72" aria-label="Expand Designers  section">
10565                                                <span class="icon_and_name">
10566                        
10567                            Designers                         </span>
10568                                                            <svg viewBox="0 0 320 512" focusable="false" aria-hidden="true"><path d="M96 480c-8.188 0-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L242.8 256L73.38 86.63c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l192 192c12.5 12.5 12.5 32.75 0 45.25l-192 192C112.4 476.9 104.2 480 96 480z"/></svg>
10569                            
10570                                                    </button>
10571                                            
10572
10573                    
10574                    <div class="sub-menu-panel" id="tablet-submenu-72" aria-hidden="true">
10575                                                    
10576    
10577        
10578
10579
10580<div class="menu_container default_build_menu menu_container_2_navigation_72">
10581    <div class="nav_div_72">
10582                <ul class="nav_list" role="menu" aria-label="Designers " tabindex="-1">
10583                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    
10584                    <li style=""
10585                        class="" 
10586                        role="none">
10587
10588                          
10589
10590                                                <a class="nav_a_trd " title="Osborne Estate" href="https://www.osbornejewelersinc.com/osborne-estate"  data-full_image="" role="menuitem" tabindex="0" >
10591                                                                        Osborne Estate                                                                        </a>
10592                        
10593                              
10594
10595                         
10596
10597
10598
10599                                            </li>
10600
10601                
10602                            
10603                    <li style=""
10604                        class="" 
10605                        role="none">
10606
10607                          
10608
10609                                                <a class="nav_a_trd " title="Osborne Catalog Collection" href="https://www.osbornejewelersinc.com/osborne-signature-collection"  data-full_image="" role="menuitem" tabindex="-1" >
10610                                                                        Osborne Catalog Collection                                                                        </a>
10611                        
10612                              
10613
10614                         
10615
10616
10617
10618                                            </li>
10619
10620                
10621                            
10622                    <li style=""
10623                        class="" 
10624                        role="none">
10625
10626                          
10627
10628                                                <a class="nav_a_trd " title="Doves by Doron Paloma" href="https://www.osbornejewelersinc.com/doves-by-doron-paloma"  data-full_image="" role="menuitem" tabindex="-1" >
10629                                                                        Doves by Doron Paloma                                                                        </a>
10630                        
10631                              
10632
10633                         
10634
10635
10636
10637                                            </li>
10638
10639                
10640                            
10641                    <li style=""
10642                        class="" 
10643                        role="none">
10644
10645                          
10646
10647                                                <a class="nav_a_trd " title="Gabriel & Co. Bridal" href="https://www.osbornejewelersinc.com/gabriel-co-bridal"  data-full_image="" role="menuitem" tabindex="-1" >
10648                                                                        Gabriel & Co. Bridal                                                                        </a>
10649                        
10650                              
10651
10652                         
10653
10654
10655
10656                                            </li>
10657
10658                
10659                            
10660                    <li style=""
10661                        class="" 
10662                        role="none">
10663
10664                          
10665
10666                                                <a class="nav_a_trd " title="Gabriel & Co. Fashion" href="https://www.osbornejewelersinc.com/gabriel-co-fashion"  data-full_image="" role="menuitem" tabindex="-1" >
10667                                                                        Gabriel & Co. Fashion                                                                        </a>
10668                        
10669                              
10670
10671                         
10672
10673
10674
10675                                            </li>
10676
10677                
10678                            
10679                    <li style=""
10680                        class="" 
10681                        role="none">
10682
10683                          
10684
10685                                                <a class="nav_a_trd " title="John Hardy" href="https://www.osbornejewelersinc.com/john-hardy" target="_blank" data-full_image="" role="menuitem" tabindex="-1" >
10686                                                                        John Hardy                                                                        </a>
10687                        
10688                              
10689
10690                         
10691
10692
10693
10694                                            </li>
10695
10696                
10697                            
10698                    <li style=""
10699                        class="" 
10700                        role="none">
10701
10702                          
10703
10704                                                <a class="nav_a_trd " title="Benchmark Rings" href="https://www.osbornejewelersinc.com/benchmark"  data-full_image="/public/1.0/uploads/source/home/Desktop/2.png" role="menuitem" tabindex="-1" >
10705                                                                        Benchmark Rings                                                                        </a>
10706                        
10707                              
10708
10709                         
10710
10711
10712
10713                                            </li>
10714
10715                
10716                            
10717                    <li style=""
10718                        class="" 
10719                        role="none">
10720
10721                          
10722
10723                                                <a class="nav_a_trd " title="Le Vian" href="https://www.osbornejewelersinc.com/le-vian"  data-full_image="" role="menuitem" tabindex="-1" >
10724                                                                        Le Vian                                                                        </a>
10725                        
10726                              
10727
10728                         
10729
10730
10731
10732                                            </li>
10733
10734                
10735                            
10736                    <li style=""
10737                        class="" 
10738                        role="none">
10739
10740                          
10741
10742                                                <a class="nav_a_trd " title="Gold Jewelry" href="https://www.osbornejewelersinc.com/gold-jewelry" target="_blank" data-full_image="" role="menuitem" tabindex="-1" >
10743                                                                        Gold Jewelry                                                                        </a>
10744                        
10745                              
10746
10747                         
10748
10749
10750
10751                                            </li>
10752
10753                
10754                                        
10755                    <li style=""
10756                        class="" 
10757                        role="none">
10758
10759                          
10760
10761                                                <a class="nav_a_trd " title="Overnight Mountings" href="https://www.osbornejewelersinc.com/overnight-mountings"  data-full_image="" role="menuitem" tabindex="-1" >
10762                                                                        Overnight Mountings                                                                        </a>
10763                        
10764                              
10765
10766                         
10767
10768
10769
10770                                            </li>
10771
10772                
10773                                                                                                                                                                        </ul>
10774                    </div>
10775</div>
10776<style>
10777    .menu_container_2_navigation_72 {
10778        background: #fff;
10779                    }
10780    .horizontal_menu .nav_div_72 {
10781        padding: 15px 0px;
10782        box-shadow: 0px 0px 5px #00000078;        display: flex;
10783        flex-wrap: wrap;
10784    }
10785    .horizontal_menu .nav_img_72 {
10786        height: 200px;
10787        width: 250px;
10788        margin-left: 50px;
10789        margin-right: 20px;
10790        flex-shrink: 0;
10791        order: 1;
10792    }
10793    .horizontal_menu .nav_img_72 img {
10794        max-width: 100%;
10795        max-height: 100%;
10796    }
10797    .horizontal_menu .nav_div_72 .vfit {
10798        text-align: left;
10799        border-bottom: 1px solid #ececec;
10800        text-transform: uppercase;
10801    }
10802    .nav_div_72 .vfit a {
10803        text-decoration: none;
10804        color: #222;
10805    }
10806    .nav_div_72 .nav_list {
10807        list-style: none;
10808        margin: 0;
10809        padding: 0;
10810        order: 1;
10811            }
10812    .nav_div_72 ul {
10813        list-style: none;
10814    }
10815    #tablet_hamburger_menu_template .nav_div_72 li {
10816        width: 100%;
10817        margin: 0;
10818        padding: 0px 20px;
10819        position: relative;
10820    }
10821    .horizontal_menu .nav_div_72 li {
10822        width: 100%;
10823        margin: 0;
10824        padding: 0px 20px;
10825        position: relative;
10826    }
10827    
10828    #tablet_hamburger_menu_template .nav_div_72 li svg {
10829        position: absolute;
10830        right: 15px;
10831        height: 10px;
10832        top: 10px;
10833    }
10834    .horizontal_menu .nav_div_72 li svg {
10835        position: absolute;
10836        right: 15px;
10837        height: 10px;
10838        top: 10px;
10839    }
10840    
10841    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_72 .nav_div_72 .nav_list li .nav_a_trd {
10842        display: flex;
10843        align-items: center;
10844        padding: 0;
10845        line-height: 30px;
10846        font-size: 14px;
10847        text-transform: uppercase;
10848        text-decoration: none;
10849        color: #222;
10850        white-space: normal;
10851
10852        color:#4d4d4d;                font-style:italic;                font-size:14px;        font-family:Arial;        text-transform:uppercase;                line-height:35px;
10853    }
10854    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_72 .nav_div_72 .nav_list li button {
10855        background: none;
10856        border: none;
10857        cursor: pointer;
10858    }
10859    
10860    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_72 .nav_div_72 .nav_list li .nav_a_trd.parent_men {
10861        text-decoration: underline;
10862    }
10863
10864    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_72 .nav_div_72 .nav_list li .nav_a_trd:hover {
10865        color:#000000;        cursor: pointer;
10866    }
10867
10868
10869    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_72 .nav_div_72 .nav_list li .nav_list_trd li a {
10870        display: flex;
10871        align-items: center;
10872        padding: 0;
10873        line-height: 30px;
10874        font-size: 14px;
10875        text-transform: uppercase;
10876        text-decoration: none;
10877        color: #222;
10878        white-space: normal;
10879
10880        color:#4d4d4d;                font-style:normal;                font-size:px;        font-family:Arial;        text-transform:none;                line-height:35px;    }
10881
10882    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_72 .nav_div_72 .nav_list li .nav_list_trd li a:hover {
10883        color:#000000;    }
10884
10885    .nav_div_72 .nav_list li a .nav_icons {
10886        height: 30px;
10887        margin-right: 5px;
10888            }
10889
10890    
10891
10892    .nav_div_72 .nav_list li a:hover {
10893        color: #3172ab;
10894    }
10895    .horizontal_menu .nav_div_72 .nav_list_trd {
10896        display: none;
10897        position: absolute;
10898        left: 100%;
10899        top: -15px;
10900        padding: 15px 0px;
10901        box-shadow: 0px 0px 5px #00000078;        background: #fff;
10902    }
10903    .horizontal_menu .nav_div_72 .nav_list>li .nav_list_trd.open,
10904    .horizontal_menu .nav_div_72 .nav_list>li:hover .nav_list_trd {
10905        display: block;
10906        z-index: 99;
10907    }
10908
10909    .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_72,
10910    .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_72 .nav_list_trd{
10911                    width: 250px;
10912            }
10913
10914            .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_72 .nav_list_trd{
10915            width: 250px;
10916        }
10917    </style>
10918                                            </div>
10919                    <div class="hum-line"></div>
10920                            
10921                    
10922                        <div class="ham_menu_container">
10923                        <a class="hamburger-menu-nav-section parent_men " title="About Us" href="https://www.osbornejewelersinc.com/about-us" >
10924
10925                            <span class="icon_and_name">
10926                            
10927                                About Us                            </span>
10928
10929                        </a>
10930                        <button type="button" class="hamburger-menu-nav-section parent_men_arrow" aria-expanded="false" aria-controls="tablet-submenu-21" aria-label="Expand About Us section">
10931
10932                                                            <svg viewBox="0 0 320 512" focusable="false" aria-hidden="true"><path d="M96 480c-8.188 0-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L242.8 256L73.38 86.63c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l192 192c12.5 12.5 12.5 32.75 0 45.25l-192 192C112.4 476.9 104.2 480 96 480z"/></svg>
10933                            
10934                        </button>
10935                    
10936
10937                    
10938                        </div>
10939                    
10940                    <div class="sub-menu-panel" id="tablet-submenu-21" aria-hidden="true">
10941                                                    
10942    
10943        
10944
10945
10946<div class="menu_container default_build_menu menu_container_2_navigation_21">
10947    <div class="nav_div_21">
10948                <ul class="nav_list" role="menu" aria-label="About Us" tabindex="-1">
10949                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        
10950                    <li style=""
10951                        class="" 
10952                        role="none">
10953
10954                          
10955
10956                                                <a class="nav_a_trd " title="Meet the Staff" href="https://www.osbornejewelersinc.com/meet-the-staff-of-osborne-jewelers"  data-full_image="" role="menuitem" tabindex="0" >
10957                                                                        Meet the Staff                                                                        </a>
10958                        
10959                              
10960
10961                         
10962
10963
10964
10965                                            </li>
10966
10967                
10968                            
10969                    <li style=""
10970                        class="" 
10971                        role="none">
10972
10973                          
10974
10975                                                <a class="nav_a_trd " title="Financing" href="https://www.osbornejewelersinc.com/financing"  data-full_image="" role="menuitem" tabindex="-1" >
10976                                                                        Financing                                                                        </a>
10977                        
10978                              
10979
10980                         
10981
10982
10983
10984                                            </li>
10985
10986                
10987                            
10988                    <li style=""
10989                        class="" 
10990                        role="none">
10991
10992                          
10993
10994                                                <a class="nav_a_trd " title="Services" href="https://www.osbornejewelersinc.com/services-osborne-jewelers"  data-full_image="" role="menuitem" tabindex="-1" >
10995                                                                        Services                                                                        </a>
10996                        
10997                              
10998
10999                         
11000
11001
11002
11003                                            </li>
11004
11005                
11006                                                                                                                                                                                                                                                                                                                                    </ul>
11007                    </div>
11008</div>
11009<style>
11010    .menu_container_2_navigation_21 {
11011        background: #fff;
11012                    }
11013    .horizontal_menu .nav_div_21 {
11014        padding: 15px 0px;
11015        box-shadow: 0px 0px 5px #00000078;        display: flex;
11016        flex-wrap: wrap;
11017    }
11018    .horizontal_menu .nav_img_21 {
11019        height: 200px;
11020        width: 250px;
11021        margin-left: 50px;
11022        margin-right: 20px;
11023        flex-shrink: 0;
11024        order: 1;
11025    }
11026    .horizontal_menu .nav_img_21 img {
11027        max-width: 100%;
11028        max-height: 100%;
11029    }
11030    .horizontal_menu .nav_div_21 .vfit {
11031        text-align: left;
11032        border-bottom: 1px solid #ececec;
11033        text-transform: uppercase;
11034    }
11035    .nav_div_21 .vfit a {
11036        text-decoration: none;
11037        color: #222;
11038    }
11039    .nav_div_21 .nav_list {
11040        list-style: none;
11041        margin: 0;
11042        padding: 0;
11043        order: 1;
11044            }
11045    .nav_div_21 ul {
11046        list-style: none;
11047    }
11048    #tablet_hamburger_menu_template .nav_div_21 li {
11049        width: 100%;
11050        margin: 0;
11051        padding: 0px 20px;
11052        position: relative;
11053    }
11054    .horizontal_menu .nav_div_21 li {
11055        width: 100%;
11056        margin: 0;
11057        padding: 0px 20px;
11058        position: relative;
11059    }
11060    
11061    #tablet_hamburger_menu_template .nav_div_21 li svg {
11062        position: absolute;
11063        right: 15px;
11064        height: 10px;
11065        top: 10px;
11066    }
11067    .horizontal_menu .nav_div_21 li svg {
11068        position: absolute;
11069        right: 15px;
11070        height: 10px;
11071        top: 10px;
11072    }
11073    
11074    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_21 .nav_div_21 .nav_list li .nav_a_trd {
11075        display: flex;
11076        align-items: center;
11077        padding: 0;
11078        line-height: 30px;
11079        font-size: 14px;
11080        text-transform: uppercase;
11081        text-decoration: none;
11082        color: #222;
11083        white-space: normal;
11084
11085        color:#4d4d4d;                font-style:italic;                font-size:14px;        font-family:Arial;        text-transform:uppercase;                line-height:35px;
11086    }
11087    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_21 .nav_div_21 .nav_list li button {
11088        background: none;
11089        border: none;
11090        cursor: pointer;
11091    }
11092    
11093    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_21 .nav_div_21 .nav_list li .nav_a_trd.parent_men {
11094        text-decoration: underline;
11095    }
11096
11097    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_21 .nav_div_21 .nav_list li .nav_a_trd:hover {
11098        color:#000000;        cursor: pointer;
11099    }
11100
11101
11102    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_21 .nav_div_21 .nav_list li .nav_list_trd li a {
11103        display: flex;
11104        align-items: center;
11105        padding: 0;
11106        line-height: 30px;
11107        font-size: 14px;
11108        text-transform: uppercase;
11109        text-decoration: none;
11110        color: #222;
11111        white-space: normal;
11112
11113        color:#4d4d4d;                font-style:normal;                font-size:px;        font-family:Arial;        text-transform:none;                line-height:35px;    }
11114
11115    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_21 .nav_div_21 .nav_list li .nav_list_trd li a:hover {
11116        color:#000000;    }
11117
11118    .nav_div_21 .nav_list li a .nav_icons {
11119        height: 30px;
11120        margin-right: 5px;
11121            }
11122
11123    
11124
11125    .nav_div_21 .nav_list li a:hover {
11126        color: #3172ab;
11127    }
11128    .horizontal_menu .nav_div_21 .nav_list_trd {
11129        display: none;
11130        position: absolute;
11131        left: 100%;
11132        top: -15px;
11133        padding: 15px 0px;
11134        box-shadow: 0px 0px 5px #00000078;        background: #fff;
11135    }
11136    .horizontal_menu .nav_div_21 .nav_list>li .nav_list_trd.open,
11137    .horizontal_menu .nav_div_21 .nav_list>li:hover .nav_list_trd {
11138        display: block;
11139        z-index: 99;
11140    }
11141
11142    .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_21,
11143    .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_21 .nav_list_trd{
11144                    width: 250px;
11145            }
11146
11147            .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_21 .nav_list_trd{
11148            width: 250px;
11149        }
11150    </style>
11151                                            </div>
11152                    <div class="hum-line"></div>
11153                            
11154                    
11155                                                    <button type="button" class="hamburger-menu
11155-nav-section " aria-expanded="false" aria-controls="tablet-submenu-90" aria-label="Expand Education section">
11156                                                <span class="icon_and_name">
11157                        
11158                            Education                        </span>
11159                                                            <svg viewBox="0 0 320 512" focusable="false" aria-hidden="true"><path d="M96 480c-8.188 0-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L242.8 256L73.38 86.63c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l192 192c12.5 12.5 12.5 32.75 0 45.25l-192 192C112.4 476.9 104.2 480 96 480z"/></svg>
11160                            
11161                                                    </button>
11162                                            
11163
11164                    
11165                    <div class="sub-menu-panel" id="tablet-submenu-90" aria-hidden="true">
11166                                                    
11167    
11168        
11169
11170
11171<div class="menu_container default_build_menu menu_container_2_navigation_90">
11172    <div class="nav_div_90">
11173                <ul class="nav_list" role="menu" aria-label="Education" tabindex="-1">
11174                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            
11175                    <li style=""
11176                        class="" 
11177                        role="none">
11178
11179                          
11180
11181                                                <a class="nav_a_trd " title="Diamond Guide" href="https://www.osbornejewelersinc.com/diamond-buyers-guide"  data-full_image="" role="menuitem" tabindex="0" >
11182                                                                        Diamond Guide                                                                        </a>
11183                        
11184                              
11185
11186                         
11187
11188
11189
11190                                            </li>
11191
11192                
11193                            
11194                    <li style=""
11195                        class="" 
11196                        role="none">
11197
11198                          
11199
11200                                                <a class="nav_a_trd " title="Gem Guide" href="https://www.osbornejewelersinc.com/gemstone-guide"  data-full_image="" role="menuitem" tabindex="-1" >
11201                                                                        Gem Guide                                                                        </a>
11202                        
11203                              
11204
11205                         
11206
11207
11208
11209                                            </li>
11210
11211                
11212                            
11213                    <li style=""
11214                        class="" 
11215                        role="none">
11216
11217                          
11218
11219                                                <a class="nav_a_trd " title="Master IJO Jeweler" href="https://www.osbornejewelersinc.com/master-ijo-jeweler-osborne-jewelers"  data-full_image="" role="menuitem" tabindex="-1" >
11220                                                                        Master IJO Jeweler                                                                        </a>
11221                        
11222                              
11223
11224                         
11225
11226
11227
11228                                            </li>
11229
11230                
11231                            
11232                    <li style=""
11233                        class="" 
11234                        role="none">
11235
11236                          
11237
11238                                                <a class="nav_a_trd " title="Talk the Trade" href="https://www.osbornejewelersinc.com/talk-the-trade"  data-full_image="" role="menuitem" tabindex="-1" >
11239                                                                        Talk the Trade                                                                        </a>
11240                        
11241                              
11242
11243                         
11244
11245
11246
11247                                            </li>
11248
11249                
11250                                    </ul>
11251                    </div>
11252</div>
11253<style>
11254    .menu_container_2_navigation_90 {
11255        background: #fff;
11256                    }
11257    .horizontal_menu .nav_div_90 {
11258        padding: 15px 0px;
11259        box-shadow: 0px 0px 5px #00000078;        display: flex;
11260        flex-wrap: wrap;
11261    }
11262    .horizontal_menu .nav_img_90 {
11263        height: 200px;
11264        width: 250px;
11265        margin-left: 50px;
11266        margin-right: 20px;
11267        flex-shrink: 0;
11268        order: 1;
11269    }
11270    .horizontal_menu .nav_img_90 img {
11271        max-width: 100%;
11272        max-height: 100%;
11273    }
11274    .horizontal_menu .nav_div_90 .vfit {
11275        text-align: left;
11276        border-bottom: 1px solid #ececec;
11277        text-transform: uppercase;
11278    }
11279    .nav_div_90 .vfit a {
11280        text-decoration: none;
11281        color: #222;
11282    }
11283    .nav_div_90 .nav_list {
11284        list-style: none;
11285        margin: 0;
11286        padding: 0;
11287        order: 1;
11288            }
11289    .nav_div_90 ul {
11290        list-style: none;
11291    }
11292    #tablet_hamburger_menu_template .nav_div_90 li {
11293        width: 100%;
11294        margin: 0;
11295        padding: 0px 20px;
11296        position: relative;
11297    }
11298    .horizontal_menu .nav_div_90 li {
11299        width: 100%;
11300        margin: 0;
11301        padding: 0px 20px;
11302        position: relative;
11303    }
11304    
11305    #tablet_hamburger_menu_template .nav_div_90 li svg {
11306        position: absolute;
11307        right: 15px;
11308        height: 10px;
11309        top: 10px;
11310    }
11311    .horizontal_menu .nav_div_90 li svg {
11312        position: absolute;
11313        right: 15px;
11314        height: 10px;
11315        top: 10px;
11316    }
11317    
11318    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_90 .nav_div_90 .nav_list li .nav_a_trd {
11319        display: flex;
11320        align-items: center;
11321        padding: 0;
11322        line-height: 30px;
11323        font-size: 14px;
11324        text-transform: uppercase;
11325        text-decoration: none;
11326        color: #222;
11327        white-space: normal;
11328
11329        color:#4d4d4d;                font-style:italic;                font-size:14px;        font-family:Arial;        text-transform:uppercase;                line-height:35px;
11330    }
11331    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_90 .nav_div_90 .nav_list li button {
11332        background: none;
11333        border: none;
11334        cursor: pointer;
11335    }
11336    
11337    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_90 .nav_div_90 .nav_list li .nav_a_trd.parent_men {
11338        text-decoration: underline;
11339    }
11340
11341    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_90 .nav_div_90 .nav_list li .nav_a_trd:hover {
11342        color:#000000;        cursor: pointer;
11343    }
11344
11345
11346    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_90 .nav_div_90 .nav_list li .nav_list_trd li a {
11347        display: flex;
11348        align-items: center;
11349        padding: 0;
11350        line-height: 30px;
11351        font-size: 14px;
11352        text-transform: uppercase;
11353        text-decoration: none;
11354        color: #222;
11355        white-space: normal;
11356
11357        color:#4d4d4d;                font-style:normal;                font-size:px;        font-family:Arial;        text-transform:none;                line-height:35px;    }
11358
11359    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_90 .nav_div_90 .nav_list li .nav_list_trd li a:hover {
11360        color:#000000;    }
11361
11362    .nav_div_90 .nav_list li a .nav_icons {
11363        height: 30px;
11364        margin-right: 5px;
11365            }
11366
11367    
11368
11369    .nav_div_90 .nav_list li a:hover {
11370        color: #3172ab;
11371    }
11372    .horizontal_menu .nav_div_90 .nav_list_trd {
11373        display: none;
11374        position: absolute;
11375        left: 100%;
11376        top: -15px;
11377        padding: 15px 0px;
11378        box-shadow: 0px 0px 5px #00000078;        background: #fff;
11379    }
11380    .horizontal_menu .nav_div_90 .nav_list>li .nav_list_trd.open,
11381    .horizontal_menu .nav_div_90 .nav_list>li:hover .nav_list_trd {
11382        display: block;
11383        z-index: 99;
11384    }
11385
11386    .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_90,
11387    .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_90 .nav_list_trd{
11388                    width: 250px;
11389            }
11390
11391            .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_90 .nav_list_trd{
11392            width: 250px;
11393        }
11394    </style>
11395                                            </div>
11396                    <div class="hum-line"></div>
11397                            
11398                    
11399                                                    <a class="hamburger-menu
11399-nav-section " title="Contact Us" href="https://www.osbornejewelersinc.com/contact-us" >
11400                                                <span class="icon_and_name">
11401                        
11402                            Contact Us                        </span>
11403                            
11404                                                    </a>
11405                                            
11406
11407                    
11408                    <div class="sub-menu-panel" id="tablet-submenu-22" aria-hidden="true">
11409                                                    
11410    
11411        
11412
11413
11414<div class="menu_container default_build_menu menu_container_2_navigation_22">
11415    <div class="nav_div_22">
11416                    </div>
11417</div>
11418<style>
11419    .menu_container_2_navigation_22 {
11420        background: #fff;
11421                    }
11422    .horizontal_menu .nav_div_22 {
11423        padding: 15px 0px;
11424        box-shadow: 0px 0px 5px #00000078;        display: flex;
11425        flex-wrap: wrap;
11426    }
11427    .horizontal_menu .nav_img_22 {
11428        height: 200px;
11429        width: 250px;
11430        margin-left: 50px;
11431        margin-right: 20px;
11432        flex-shrink: 0;
11433        order: 1;
11434    }
11435    .horizontal_menu .nav_img_22 img {
11436        max-width: 100%;
11437        max-height: 100%;
11438    }
11439    .horizontal_menu .nav_div_22 .vfit {
11440        text-align: left;
11441        border-bottom: 1px solid #ececec;
11442        text-transform: uppercase;
11443    }
11444    .nav_div_22 .vfit a {
11445        text-decoration: none;
11446        color: #222;
11447    }
11448    .nav_div_22 .nav_list {
11449        list-style: none;
11450        margin: 0;
11451        padding: 0;
11452        order: 1;
11453            }
11454    .nav_div_22 ul {
11455        list-style: none;
11456    }
11457    #tablet_hamburger_menu_template .nav_div_22 li {
11458        width: 100%;
11459        margin: 0;
11460        padding: 0px 20px;
11461        position: relative;
11462    }
11463    .horizontal_menu .nav_div_22 li {
11464        width: 100%;
11465        margin: 0;
11466        padding: 0px 20px;
11467        position: relative;
11468    }
11469    
11470    #tablet_hamburger_menu_template .nav_div_22 li svg {
11471        position: absolute;
11472        right: 15px;
11473        height: 10px;
11474        top: 10px;
11475    }
11476    .horizontal_menu .nav_div_22 li svg {
11477        position: absolute;
11478        right: 15px;
11479        height: 10px;
11480        top: 10px;
11481    }
11482    
11483    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_22 .nav_div_22 .nav_list li .nav_a_trd {
11484        display: flex;
11485        align-items: center;
11486        padding: 0;
11487        line-height: 30px;
11488        font-size: 14px;
11489        text-transform: uppercase;
11490        text-decoration: none;
11491        color: #222;
11492        white-space: normal;
11493
11494        color:#4d4d4d;                font-style:italic;                font-size:14px;        font-family:Arial;        text-transform:uppercase;                line-height:35px;
11495    }
11496    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_22 .nav_div_22 .nav_list li button {
11497        background: none;
11498        border: none;
11499        cursor: pointer;
11500    }
11501    
11502    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_22 .nav_div_22 .nav_list li .nav_a_trd.parent_men {
11503        text-decoration: underline;
11504    }
11505
11506    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_22 .nav_div_22 .nav_list li .nav_a_trd:hover {
11507        color:#000000;        cursor: pointer;
11508    }
11509
11510
11511    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_22 .nav_div_22 .nav_list li .nav_list_trd li a {
11512        display: flex;
11513        align-items: center;
11514        padding: 0;
11515        line-height: 30px;
11516        font-size: 14px;
11517        text-transform: uppercase;
11518        text-decoration: none;
11519        color: #222;
11520        white-space: normal;
11521
11522        color:#4d4d4d;                font-style:normal;                font-size:px;        font-family:Arial;        text-transform:none;                line-height:35px;    }
11523
11524    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_22 .nav_div_22 .nav_list li .nav_list_trd li a:hover {
11525        color:#000000;    }
11526
11527    .nav_div_22 .nav_list li a .nav_icons {
11528        height: 30px;
11529        margin-right: 5px;
11530            }
11531
11532    
11533
11534    .nav_div_22 .nav_list li a:hover {
11535        color: #3172ab;
11536    }
11537    .horizontal_menu .nav_div_22 .nav_list_trd {
11538        display: none;
11539        position: absolute;
11540        left: 100%;
11541        top: -15px;
11542        padding: 15px 0px;
11543        box-shadow: 0px 0px 5px #00000078;        background: #fff;
11544    }
11545    .horizontal_menu .nav_div_22 .nav_list>li .nav_list_trd.open,
11546    .horizontal_menu .nav_div_22 .nav_list>li:hover .nav_list_trd {
11547        display: block;
11548        z-index: 99;
11549    }
11550
11551    .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_22,
11552    .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_22 .nav_list_trd{
11553                    width: 250px;
11554            }
11555
11556            .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_22 .nav_list_trd{
11557            width: 250px;
11558        }
11559    </style>
11560                                            </div>
11561                    <div class="hum-line"></div>
11562                            
11563                    
11564                                                    <a class="hamburger-menu
11564-nav-section " title="Book an online appointment" href="https://www.osbornejewelersinc.com/book-an-online-appointment" target="_blank">
11565                                                <span class="icon_and_name">
11566                        
11567                            Book an online appointment                        </span>
11568                            
11569                                                    </a>
11570                                            
11571
11572                    
11573                    <div class="sub-menu-panel" id="tablet-submenu-106" aria-hidden="true">
11574                                                    
11575    
11576        
11577
11578
11579<div class="menu_container default_build_menu menu_container_2_navigation_106">
11580    <div class="nav_div_106">
11581                    </div>
11582</div>
11583<style>
11584    .menu_container_2_navigation_106 {
11585        background: #fff;
11586                    }
11587    .horizontal_menu .nav_div_106 {
11588        padding: 15px 0px;
11589        box-shadow: 0px 0px 5px #00000078;        display: flex;
11590        flex-wrap: wrap;
11591    }
11592    .horizontal_menu .nav_img_106 {
11593        height: 200px;
11594        width: 250px;
11595        margin-left: 50px;
11596        margin-right: 20px;
11597        flex-shrink: 0;
11598        order: 1;
11599    }
11600    .horizontal_menu .nav_img_106 img {
11601        max-width: 100%;
11602        max-height: 100%;
11603    }
11604    .horizontal_menu .nav_div_106 .vfit {
11605        text-align: left;
11606        border-bottom: 1px solid #ececec;
11607        text-transform: uppercase;
11608    }
11609    .nav_div_106 .vfit a {
11610        text-decoration: none;
11611        color: #222;
11612    }
11613    .nav_div_106 .nav_list {
11614        list-style: none;
11615        margin: 0;
11616        padding: 0;
11617        order: 1;
11618            }
11619    .nav_div_106 ul {
11620        list-style: none;
11621    }
11622    #tablet_hamburger_menu_template .nav_div_106 li {
11623        width: 100%;
11624        margin: 0;
11625        padding: 0px 20px;
11626        position: relative;
11627    }
11628    .horizontal_menu .nav_div_106 li {
11629        width: 100%;
11630        margin: 0;
11631        padding: 0px 20px;
11632        position: relative;
11633    }
11634    
11635    #tablet_hamburger_menu_template .nav_div_106 li svg {
11636        position: absolute;
11637        right: 15px;
11638        height: 10px;
11639        top: 10px;
11640    }
11641    .horizontal_menu .nav_div_106 li svg {
11642        position: absolute;
11643        right: 15px;
11644        height: 10px;
11645        top: 10px;
11646    }
11647    
11648    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_106 .nav_div_106 .nav_list li .nav_a_trd {
11649        display: flex;
11650        align-items: center;
11651        padding: 0;
11652        line-height: 30px;
11653        font-size: 14px;
11654        text-transform: uppercase;
11655        text-decoration: none;
11656        color: #222;
11657        white-space: normal;
11658
11659        color:#4d4d4d;                font-style:italic;                font-size:14px;        font-family:Arial;        text-transform:uppercase;                line-height:35px;
11660    }
11661    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_106 .nav_div_106 .nav_list li button {
11662        background: none;
11663        border: none;
11664        cursor: pointer;
11665    }
11666    
11667    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_106 .nav_div_106 .nav_list li .nav_a_trd.parent_men {
11668        text-decoration: underline;
11669    }
11670
11671    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_106 .nav_div_106 .nav_list li .nav_a_trd:hover {
11672        color:#000000;        cursor: pointer;
11673    }
11674
11675
11676    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_106 .nav_div_106 .nav_list li .nav_list_trd li a {
11677        display: flex;
11678        align-items: center;
11679        padding: 0;
11680        line-height: 30px;
11681        font-size: 14px;
11682        text-transform: uppercase;
11683        text-decoration: none;
11684        color: #222;
11685        white-space: normal;
11686
11687        color:#4d4d4d;                font-style:normal;                font-size:px;        font-family:Arial;        text-transform:none;                line-height:35px;    }
11688
11689    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_106 .nav_div_106 .nav_list li .nav_list_trd li a:hover {
11690        color:#000000;    }
11691
11692    .nav_div_106 .nav_list li a .nav_icons {
11693        height: 30px;
11694        margin-right: 5px;
11695            }
11696
11697    
11698
11699    .nav_div_106 .nav_list li a:hover {
11700        color: #3172ab;
11701    }
11702    .horizontal_menu .nav_div_106 .nav_list_trd {
11703        display: none;
11704        position: absolute;
11705        left: 100%;
11706        top: -15px;
11707        padding: 15px 0px;
11708        box-shadow: 0px 0px 5px #00000078;        background: #fff;
11709    }
11710    .horizontal_menu .nav_div_106 .nav_list>li .nav_list_trd.open,
11711    .horizontal_menu .nav_div_106 .nav_list>li:hover .nav_list_trd {
11712        display: block;
11713        z-index: 99;
11714    }
11715
11716    .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_106,
11717    .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_106 .nav_list_trd{
11718                    width: 250px;
11719            }
11720
11721            .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_106 .nav_list_trd{
11722            width: 250px;
11723        }
11724    </style>
11725                                            </div>
11726                    <div class="hum-line"></div>
11727                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                <div class="script_after_menu">
11728                                            </div>
11729        </div>
11730    </nav>
11731    <div class="hamburger-menu-template-overlay" id="tablet_hamburger_menu_template_overlay"></div>
11732
11733    
11733<script>
11734        $(function () {
11735        
11736            const $menuRoot   = $('#tablet_hamburger_menu_template');
11737            const $menuWrap   = $('.header_container_2');
11738            const $button     = $('#tablet_hamburger_button');
11739            const $overlay    = $('#tablet_hamburger_menu_template_overlay');
11740            const $closeBtn   = $('#tablet_hamburger_close_button');
11741        
11742            const trap = focusTrap.createFocusTrap($menuRoot[0], {
11743                onActivate: () => $menuRoot.addClass('is-active'),
11744                onDeactivate: () => $menuRoot.removeClass('is-active'),
11745                clickOutsideDeactivates: true
11746            });
11747        
11748            $button.on('click keypress', function (event) {
11749                if (event.which === 13 || event.which === 32 || event.type === 'click') {
11750                    if (event.which === 32) event.preventDefault();
11751        
11752                    const isOpen = $menuRoot.hasClass('open');
11753        
11754                    $menuRoot.toggleClass('open');
11755                    $overlay.toggleClass('open');
11756                    $menuRoot.removeAttr('inert');
11757                    $button.attr('aria-expanded', String(!isOpen));
11758        
11759                    if (!isOpen) {
11760                        trap.activate();
11761                        $closeBtn.focus();
11762                    } else {
11763                        closeHamburgerMenu();
11764                    }
11765                }
11766            });
11767        
11768            $closeBtn.add($overlay).on('click keypress', function (event) {
11769                if (event.which === 13 || event.which === 32 || event.type === 'click') {
11770                    if (event.which === 32) event.preventDefault();
11771                    closeHamburgerMenu();
11772                }
11773            });
11774        
11775            function closeHamburgerMenu() {
11776                $menuRoot.removeClass('open').attr('inert', 'inert');
11777                $overlay.removeClass('open');
11778                $button.attr('aria-expanded', 'false');
11779        
11780                $menuRoot.find('.sub-menu-panel').each(function () {
11781                    const $submenu = $(this);
11782                    $submenu.removeClass('open').attr('aria-hidden', 'true');
11783                    updateSubmenuTabindex($submenu, true);
11784                });
11785        
11786                $menuRoot.find('.hamburger-menu-nav-section[aria-expanded="true"]')
11787                    .attr('aria-expanded', 'false');
11788        
11789                trap.deactivate();
11790            }
11791        
11792            function updateSubmenuTabindex($submenu, isHidden) {
11793                const $items = $submenu.find('a');
11794            
11795                if (isHidden) {
11796                    $items.each(function () {
11797                        $(this).attr('tabindex', '-1');
11798                    });
11799                } else {
11800                    $items.each(function () {
11801                        $(this).attr('tabindex', '0');
11802                    });
11803                }
11804            }
11805            
11806            $menuRoot.on('keypress', '.nav_a_trd', function (e) {
11807            
11808                e.preventDefault();
11809                e.stopPropagation();
11810            
11811                const $trigger = $(this);
11812                const $submenu = $trigger.next('.nav_list_trd');
11813            
11814                if (!$submenu.length) return;
11815            
11816                const isOpen = $submenu.hasClass('open');
11817            
11818                $menuRoot.find('.nav_list_trd.open').not($submenu).each(function () {
11819                    $(this)
11820                        .removeClass('open')
11821                        .attr('aria-hidden', 'true');
11822                    updateSubmenuTabindex($(this), true);
11823                });
11824            
11825                if (isOpen) {
11826                    $submenu
11827                        .removeClass('open')
11828                        .attr('aria-hidden', 'true');
11829                    updateSubmenuTabindex($submenu, true);
11830                } else {
11831                    $submenu
11832                        .addClass('open')
11833                        .attr('aria-hidden', 'false');
11834                    updateSubmenuTabindex($submenu, false);
11835                }
11836            });
11837        
11838            $menuWrap.on('click keypress', '.hamburger-menu-nav-section[aria-controls]', function (e) {
11839        
11840                e.preventDefault();
11841                e.stopPropagation();
11842        
11843                const $btn = $(this);
11844                const submenuId = $btn.attr('aria-controls');
11845                const $submenu = $menuRoot.find('.sub-menu-panel#' + submenuId);
11846        
11847                if (!$submenu.length) return;
11848        
11849                const isExpanded = $btn.attr('aria-expanded') === 'true';
11850        
11851                $menuRoot.find('.sub-menu-panel').not($submenu).each(function () {
11852                    $(this).removeClass('open').attr('aria-hidden', 'true');
11853                    updateSubmenuTabindex($(this), true);
11854                });
11855        
11856                $menuRoot.find('[aria-controls]')
11857                    .not($btn)
11858                    .attr('aria-expanded', 'false');
11859        
11860                if (isExpanded) {
11861                    console.log($submenu)
11862                    $btn.attr('aria-expanded', 'false');
11863                    $submenu.removeClass('open').attr('aria-hidden', 'true');
11864                    updateSubmenuTabindex($submenu, true);
11865                } else {
11866                    $btn.attr('aria-expanded', 'true');
11867                    $submenu.addClass('open').attr('aria-hidden', 'false');
11868                    updateSubmenuTabindex($submenu, false);
11869                }
11870            });
11871        
11872            $menuRoot.on('keydown', function (e) {
11873                if (e.key !== 'Escape') return;
11874            
11875                const $open = $menuRoot.find('.nav_list_trd.open').last();
11876                if (!$open.length) return;
11877            
11878                $open
11879                    .removeClass('open')
11880                    .attr('aria-hidden', 'true');
11881            
11882                updateSubmenuTabindex($open, true);
11883            
11884                $open.prev('.nav_a_trd').focus();
11885            
11886                e.preventDefault();
11887                e.stopPropagation();
11888            });
11889        
11890            $menuRoot.find('.sub-menu-panel').each(function () {
11891                const $submenu = $(this);
11892                const isOpen = $submenu.hasClass('open') && $submenu.attr('aria-hidden') !== 'true';
11893                updateSubmenuTabindex($submenu, !isOpen);
11894            });
11895        
11896        });
11897
11898    </script>
11898
11899</div>
11900
11901<style>
11902    #tablet_hamburger_menu_template>ul>li>a,
11903    #tablet_hamburger_menu_template>ul>li>button {
11904    color:#4d4d4d; display: flex;
11905                font-size:14px;    font-family:Arial;    text-transform:none;        line-height:40px;    }
11906
11907    #tablet_hamburger_menu_template>ul>li>a:hover,
11908    #tablet_hamburger_menu_template>ul>li>button:hover {
11909    color:#000000;    }
11910</style>
11911                            </div>
11912                        
11913                            <div class="flex_col">
11914
11915                                
11916                            </div>
11917                        
11918                            <div class="flex_col">
11919
11920                                
11921                            </div>
11922                        
11923                    </div>
11924                
11925            
11926        </div>
11927
11928
11929    
11930</header>
11931<header class="appearance-mobile-view-template">    
11932    
11933    
11934        
11935        <style>
11936            .header_container>.flex_row {
11937                display: flex;
11938            }
11939
11940            .header_container_3 {
11941                            width: 100%;
11942                                        max-width: 100%;
11943                            margin: 0 auto;
11944                position: relative !important;
11945                transform: inherit !important;
11946            }
11947            .header_container>.flex_row>.flex_col {
11948                display: flex;
11949                flex-wrap: wrap;
11950                box-sizing: border-box;
11951                align-content: baseline;
11952            }
11953            .header_container>.flex_row>.flex_col>.flex_cell {
11954                height: fit-content;
11955                display: flex;
11956            }
11957            .header_container>.flex_row>.flex_col>.flex_cell a {
11958                text-decoration: none;
11959            }
11960            .header_container img {
11961                max-width: 100%;
11962            }
11963            .row_spacer_cs {
11964                display: none;
11965            }
11966            .sticky_row {
11967                position: fixed;
11968            }
11969            .sticky_row + .row_spacer_cs {
11970                display: block;
11971            }
11972        </style>
11973
11974        <div class="header_container header_container_3" data-device-type="3">
11975
11976            
11977                
11978                <div class="flex_row flex_row_1 ">
11979
11980                    
11981                        <div class="flex_col flex_col_1">
11982
11983                            
11984<div class="flex_cell flex_cell_1 call_us">
11985            <div class="flex_cell_content"><a class="phone_number_click " href="tel:623-925-1815" title="Call us 623-925-1815"><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></a></div>    </div>
11986<style>
11987    .header_container_3>.flex_row_1>.flex_col_1>.flex_cell_1.call_us {
11988        width:100%;        justify-content:center; -webkit-justify-content:center;        align-items:center; -webkit-align-items:center;    }
11989
11990            .header_container_3>.flex_row_1>.flex_col_1>.flex_cell_1.call_us {
11991        height:100%;        }
11992    
11993    .header_container_3>.flex_row_1>.flex_col_1>.flex_cell_1.call_us>.flex_cell_content {
11994        display: flex;
11995        margin-top:10px;        margin-bottom:10px;        margin-left:10px;        margin-right:px;        padding-top:px;        padding-bottom:px;        padding-left:px;        padding-right:px;    }
11996
11997    .header_container_3>.flex_row_1>.flex_col_1>.flex_cell_1 a {
11998        color:#ffffff;                                        font-size:14px;        font-family:Arial;        display: flex;
11999        align-items: center;
12000        text-transform:none;    }
12001
12002    .header_container_3>.flex_row_1>.flex_col_1>.flex_cell_1.call_us a svg,
12003    .header_container_3>.flex_row_1>.flex_col_1>.flex_cell_1.call_us a img {
12004        margin-right: 5px;
12005        height:13px;    }
12006
12007    .header_container_3>.flex_row_1>.flex_col_1>.flex_cell_1 a .path_class {
12008        fill: currentColor;
12009    }
12010
12011
12012    .header_container_3>.flex_row_1>.flex_col_1>.flex_cell_1 a:hover {
12013    color:#cccccc;    }
12014</style>
12015                        </div>
12016
12017                        <style>
12018                            .header_container_3>.flex_row_1>.flex_col_1 {
12019                            width:10%;                            }
12020                        </style>
12021
12022
12023                    
12024                        <div class="flex_col flex_col_2">
12025
12026                            
12027<div class="flex_cell flex_cell_1 button_link">
12028    
12029
12030        <div class="flex_cell_content">
12031            <a class="btn_link_ig" href="https://www.osbornejewelersinc.com/book-an-appointment"  title="calendar icon">
12032                                <img alt="calendar icon" title="calendar icon"
12033                                                            src="/public/1.0/uploads/source/calendar.png"/>
12034                                                            </a>
12035        </div>
12036
12037    </div>
12038<style>
12039    .header_container_3>.flex_row_1>.flex_col_2>.flex_cell_1.button_link {
12040        width:100%;        justify-content:center; -webkit-justify-content:center;        align-items:center; -webkit-align-items:center;    }
12041
12042            .header_container_3>.flex_row_1>.flex_col_2>.flex_cell_1.button_link {
12043        height:100%;        }
12044    
12045    .header_container_3>.flex_row_1>.flex_col_2>.flex_cell_1.button_link>.flex_cell_content {
12046    display: flex;
12047    margin-top:5px;    margin-bottom:5px;    margin-left:5px;    margin-right:5px;    }
12048
12049    .header_container_3>.flex_row_1>.flex_col_2>.flex_cell_1.button_link a {
12050        color:#ffffff;                                
12051                    background-color:#68417f;        
12052        font-size:18px;font-family:Arial;        text-decoration: none;
12053        display: inline-flex;
12054        align-items: center;
12055        padding: 10px 26px;
12056        border-style: solid;
12057        justify-content:center;        text-transform:none;        border-radius:0px;        border-width:0px;        border-color:#68417f;        padding-top:5px;        padding-bottom:5px;        padding-left:5px;        padding-right:5px;    }
12058
12059    .header_container_3>.flex_row_1>.flex_col_2>.flex_cell_1.button_link a>i{
12060        margin-right: 5px;
12061    }
12062
12063    .header_container_3>.flex_row_1>.flex_col_2>.flex_cell_1.button_link a:hover {
12064        color:#cccccc;        background-color:#68417f;        border-color:#68417f;            }
12065
12066    .header_container_3>.flex_row_1>.flex_col_2>.flex_cell_1 a>img {
12067        margin-right:5px;    }
12068</style>
12069
12070                        </div>
12071
12072                        <style>
12073                            .header_container_3>.flex_row_1>.flex_col_2 {
12074                            width:10%;                            }
12075                        </style>
12076
12077
12078                    
12079                        <div class="flex_col flex_col_3">
12080
12081                            
12082<div class="flex_cell flex_cell_1 account_icons">
12083    <div class="flex_cell_content">
12084        
12085                    <a class="" href="/wishlist" title="Wishlist" rel="nofollow" style="order: 2">
12086                <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>
12087                            </a>
12088        
12089                    <a class=" build-shopping-cart-icon" href="/shopping-cart" title="Shopping Cart" style="order: 3">
12090                <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>
12090                                                <span class="item-count-badge build-shopping-cart-item-counter d-none"></span>
12091                            </a>
12092        
12093                    <a class=" search_click_toggle" href="/keyword-search" title="Search" style="order: 4">
12094                <svg role="img" aria-label="Search" width="640" height="640" viewBox="0 0 640 640" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_107_22)"><path class="path_class" d="M564.3 507.7L444.6 388C471.82 347.59 485.25 297.1 478.06 243.3C465.8 151.79 390.8 77.3199 299.2 65.7229C163.01 48.4899 48.4899 163.01 65.7239 299.2C77.3239 390.84 151.804 465.9 243.324 478.1C297.124 485.289 347.624 471.864 388.024 444.64L507.724 564.34C523.344 579.96 548.674 579.96 564.294 564.34C579.9 548.7 579.9 523.3 564.3 507.7ZM143.1 272C143.1 201.42 200.52 144 271.1 144C341.68 144 399.1 201.42 399.1 272C399.1 342.58 341.68 400 271.1 400C200.52 400 143.1 342.6 143.1 272Z" fill="black"/></g><defs><clipPath id="clip0_107_22"><rect width="512" height="512" fill="white" transform="translate(64 64)"/></clipPath></defs></svg>                            </a>
12095        
12096                                    <a class="" href="/login" title="My Account" style="order: 5">
12097                    <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>
12098                        </div>
12099</div>
12100
12101<style>
12102    .header_container_3>.flex_row_1>.flex_col_3>.flex_cell_1.account_icons {
12103        width:100%;                                    justify-content: flex-end;
12104                            align-items:center; -webkit-align-items:center;    }
12105
12106            .header_container_3>.flex_row_1>.flex_col_3>.flex_cell_1.account_icons {
12107        height:100%;        }
12108    
12109    .header_container_3>.flex_row_1>.flex_col_3>.flex_cell_1.account_icons>.flex_cell_content {
12110    display: flex;
12111    margin-top:5px;    margin-bottom:5px;    margin-left:px;    margin-right:10px;    padding-top:px;    padding-bottom:px;    padding-left:px;    padding-right:px;    }
12112
12113    .header_container_3>.flex_row_1>.flex_col_3>.flex_cell_1.account_icons .wishlist-count-badge.d-none {
12114        display: none !important;
12115    }
12116
12117    .header_container_3>.flex_row_1>.flex_col_3>.flex_cell_1.account_icons a {
12118        display: flex;
12119        align-items: center;
12120        color:#ffffff;                                        font-size:14px;        font-family:Arial;        margin-left: 12px;
12121        text-transform:none;    }
12122
12123    .header_container_3>.flex_row_1>.flex_col_3>.flex_cell_1.account_icons a svg,
12124    .header_container_3>.flex_row_1>.flex_col_3>.flex_cell_1.account_icons a img {
12125        flex-shrink: 0;
12126        margin-right: 5px;
12127        width:13px;        height:13px;    }
12128
12129    .header_container_3>.flex_row_1>.flex_col_3>.flex_cell_1.account_icons a .path_class {
12130        fill: currentColor;
12131    }
12132
12133    .header_container_3>.flex_row_1>.flex_col_3>.flex_cell_1.account_icons a:hover {
12134        color:#cccccc;    }
12135
12136    .header_container_3>.flex_row_1>.flex_col_3>.flex_cell_1.account_icons a .item-count-badge {
12137        padding: 0 5px;
12138        height: 16px;
12139        min-width: 16px;
12140        text-align: center;
12141        border-radius: 7px;
12142        line-height: 16px;
12143        border: 1px solid #fff;
12144        font-style: normal;
12145        font-weight: 700;
12146        font-size: 10px;
12147        background-color: #007a39;        color: #ffffff;        margin-left: -10px;
12148        margin-top: -15px;
12149    }
12150</style>
12151                        </div>
12152
12153                        <style>
12154                            .header_container_3>.flex_row_1>.flex_col_3 {
12155                            width:80%;                            }
12156                        </style>
12157
12158
12159                    
12160                </div>
12161
12162                
12163                <style>
12164    .header_container_3>.flex_row_1 {
12165                    background-color: #68417f;
12166        
12167        color:#000000;        height:auto;                
12168        
12169            }
12170
12171    </style>
12172
12173
12174                                
12175            
12176                
12177                <div class="flex_row flex_row_2 ">
12178
12179                    
12180                        <div class="flex_col flex_col_1">
12181
12182                            
12183
12184<div class="flex_cell flex_cell_1 image">
12185    <div class="flex_cell_content">
12186
12187            <a href="https://www.osbornejewelersinc.com/home"
12188           >
12189    
12190        
12191            <img
12192                                
12193                
12194                src="https://www.osbornejewelersinc.com/public/1.0/uploads/source/copy_of_osborne_logo_only_1.jpg"
12195
12196                alt="Osborne Jewelers Logo">
12197
12198        
12199            </a>
12200    
12201    </div>
12202</div>
12203    <style>
12204                .header_container_3>.flex_row_2>.flex_col_1>.flex_cell_1.image {
12205        width:100%;        justify-content:left;
12205 -webkit-justify-content:left;                align-items:center; -webkit-align-items:center;        }
12206        .header_container_3>.flex_row_2>.flex_col_1>.flex_cell_1.image>.flex_cell_content {
12207        display: flex;
12208        margin-top:15px;        margin-bottom:0px;        margin-left:5px;        margin-right:px;        padding-top:px;        padding-bottom:px;        padding-left:px;        padding-right:px;        }
12209        .header_container_3>.flex_row_2>.flex_col_1>.flex_cell_1.image img {
12210        max-width:200px;        }
12211        
12212                .header_container_3>.flex_row_2>.flex_col_1>.flex_cell_1.image {
12213        height:100%;        }
12214            </style>
12215
12216
12217                        </div>
12218
12219                        <style>
12220                            .header_container_3>.flex_row_2>.flex_col_1 {
12221                            width:100%;                            }
12222                        </style>
12223
12224
12225                    
12226                        <div class="flex_col flex_col_2">
12227
12228                            
12229                        </div>
12230
12231                        <style>
12232                            .header_container_3>.flex_row_2>.flex_col_2 {
12233                            width:100%;                            }
12234                        </style>
12235
12236
12237                    
12238                        <div class="flex_col flex_col_3">
12239
12240                            <div class="flex_cell flex_cell_1 menu">
12241    <div class="flex_cell_content">
12242            <style>
12243            .header_container_3>.flex_row_2>.flex_col_3>.flex_cell_1.menu .hamburger-button-inner,
12244            .header_container_3>.flex_row_2>.flex_col_3>.flex_cell_1.menu .hamburger-button-parent {
12245                width: 30px;
12246                height: 24px;
12247                position: relative;
12248                cursor: pointer;
12249            }
12250            .header_container_3>.flex_row_2>.flex_col_3>.flex_cell_1.menu .hamburger-button-inner .hamburger-icon rect {
12251                fill: #000000;            }
12252
12253            
12254            .header_container_3>.flex_row_2>.flex_col_3>.flex_cell_1.menu a.hamburger-menu-nav-section,
12255            .header_container_3>.flex_row_2>.flex_col_3>.flex_cell_1.menu a.hamburger-menu-close-button{
12256            color:#4d4d4d;                display: flex;
12257                                                font-size:15px;            font-family:Arial;            text-transform:none;                        line-height:40px;            }
12258        </style>
12259
12260        <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">
12261            <div class="hamburger-button-parent">
12262               <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">
12263                    <rect y="1" width="30" height="3" rx="1.5" ry="1.5" fill="black"/>
12264                    <rect y="10" width="30" height="3" rx="1.5" ry="1.5" fill="black"/>
12265                    <rect y="19" width="30" height="3" rx="1.5" ry="1.5" fill="black"/>
12266                </svg>
12267
12268
12269            </div>
12270                    </div>
12271        </div>
12272</div>
12273
12274<style>
12275    .header_container_3>.flex_row_2>.flex_col_3>.flex_cell_1.menu {
12276        width:100%;                                    justify-content: flex-end;
12277                            align-items:center; -webkit-align-items:center;    }
12278
12279            .header_container_3>.flex_row_2>.flex_col_3>.flex_cell_1.menu {
12280        height:100%;        }
12281    
12282    .header_container_3>.flex_row_2>.flex_col_3>.flex_cell_1.menu>.flex_cell_content {
12283        display: flex;
12284        margin-top:10px;        margin-bottom:10px;        margin-left:px;        margin-right:10px;        padding-top:px;        padding-bottom:px;        padding-left:px;        padding-right:px;    }
12285
12286    .header_container_3>.flex_row_2>.flex_col_3>.flex_cell_1.menu>.flex_cell_content>nav>ul>li>a,
12287    .header_container_3>.flex_row_2>.flex_col_3>.flex_cell_1.menu>.flex_cell_content>nav>ul>li>button {
12288        color:#4d4d4d; display: flex;
12289                                font-size:15px;        font-family:Arial;        text-transform:none;                line-height:40px;    }
12290
12291    .header_container_3>.flex_row_2>.flex_col_3>.flex_cell_1.menu>.flex_cell_content>nav>ul>li>a:hover {
12292        color:#000000;    }
12293</style>
12294                        </div>
12295
12296                        <style>
12297                            .header_container_3>.flex_row_2>.flex_col_3 {
12298                            width:100%;                            }
12299                        </style>
12300
12301
12302                    
12303                </div>
12304
12305                
12306                <style>
12307    .header_container_3>.flex_row_2 {
12308                    background-color: #ffffff;
12309        
12310        color:#000000;        height:auto;                
12311        
12312            }
12313
12314    </style>
12315
12316
12317                                
12318            
12319            
12320                
12321                    <div class="flex_row">
12322
12323                        
12324                            <div class="flex_col">
12325
12326                                
12327                            </div>
12328                        
12329                            <div class="flex_col">
12330
12331                                
12332                            </div>
12333                        
12334                            <div class="flex_col">
12335
12336                                
12337                            </div>
12338                        
12339                    </div>
12340                
12341            
12342                
12343                    <div class="flex_row">
12344
12345                        
12346                            <div class="flex_col">
12347
12348                                
12349                            </div>
12350                        
12351                            <div class="flex_col">
12352
12353                                
12354                            </div>
12355                        
12356                            <div class="flex_col">
12357
12358                                <div class="flex_cell flex_cell_1 menu">
12359    <style>
12360        #mobile_hamburger_menu_template {
12361            position: fixed;
12362            top: 0;
12363            left: 0;
12364            width: 325px;
12365            overflow-y: auto;
12366            transform: translateX(-325px);
12367            z-index: 1000000001;
12368            height: 100vh;
12369            background-color: #ffffff;
12370            transition: all 0.3s ease;
12371        }
12372        #mobile_hamburger_menu_template_overlay.open {
12373            position: fixed;
12374            top: 0;
12375            left: 0;
12376            width: 100vw;
12377            z-index: 1000000001;
12378            transition: all 0.3s ease;
12379            height: 100vh;
12380            background: rgba(1, 1, 1, 0.5);
12381            cursor: pointer;
12382            transform: translateX(325px);
12383        }
12384        #mobile_hamburger_menu_template .hamburger-menu-template-inner {
12385            padding: 10px;
12386            padding-right:25px;
12387        }
12388        #mobile_hamburger_menu_template .hamburger-menu-close-button {
12389            font-size: 14px !important;
12390            display: flex;
12391            align-items: center;
12392            margin-bottom: 20px;
12393        }
12394        #mobile_hamburger_menu_template .hamburger-menu-close-button svg,
12395        #mobile_hamburger_menu_template button.hamburger-menu-close-button svg {
12396            height: 15px;
12397            margin-right: 5px;
12398        }
12399        #mobile_hamburger_menu_template .hamburger-menu-nav-section {
12400            display: flex;
12401            justify-content: space-between;
12402            align-items: center;
12403        }
12404        #mobile_hamburger_menu_template .hamburger-menu-nav-section svg,
12405        #mobile_hamburger_menu_template button.hamburger-menu-nav-section svg,
12406        #mobile_hamburger_menu_template a.hamburger-menu-nav-section svg {
12407            height: 10px;
12408            float: right;
12409        }
12410        #mobile_hamburger_menu_template .hamburger-menu-nav-section.parent_men span,
12411        #mobile_hamburger_menu_template a.hamburger-menu-nav-section.parent_men span,
12412        #mobile_hamburger_menu_template button.hamburger-menu-nav-section.parent_men span {
12413            text-decoration: underline;
12414        }
12415        #mobile_hamburger_menu_template .hamburger-menu-nav-section.parent_men_arrow,
12416        #mobile_hamburger_menu_template a.hamburger-menu-nav-section.parent_men_arrow,
12417        #mobile_hamburger_menu_template button.hamburger-menu-nav-section.parent_men_arrow {
12418            min-width:30px;
12419            justify-content: end;
12420        }
12421        #mobile_hamburger_menu_template .ham_menu_container {
12422            display:flex;
12423            justify-content: space-between;
12424        }
12425        #mobile_hamburger_menu_template.open {
12426            transform: translateX(0);
12427        }
12428        #mobile_hamburger_menu_template .sub-menu-panel {
12429            display: none;
12430        }
12431        #mobile_hamburger_menu_template .sub-menu-panel[aria-hidden="true"] {
12432            display: none;
12433        }
12434        #mobile_hamburger_menu_template .sub-menu-panel[aria-hidden="false"] {
12435            display: block;
12436        }
12437        #mobile_hamburger_menu_template .icon_and_name {
12438            display:flex;
12439            align-items:center;
12440            gap:10px;
12441        }
12442        #mobile_hamburger_menu_template .hum-line {
12443            border-bottom: 1px solid #ddd;
12444        }
12445        #mobile_hamburger_menu_template .sub-menu-panel.open,
12446        #mobile_hamburger_menu_template .sub-menu-panel[aria-hidden="false"] {
12447            display: block;
12448        }
12449        #mobile_hamburger_menu_template a.hamburger-menu-nav-section,
12450        #mobile_hamburger_menu_template button.hamburger-menu-nav-section,
12451        #mobile_hamburger_menu_template button.hamburger-menu-close-button,
12452        #mobile_hamburger_menu_template a.hamburger-menu-close-button{
12453        color:#4d4d4d;            display: flex;
12454            text-align: left;
12455            width: 100%;
12456            position: relative;
12457                                font-size:15px;        font-family:Arial;        text-transform:none;                line-height:40px;        }
12458        #mobile_hamburger_menu_template.hamburger-menu-template .nav_list_trd {
12459            display: none;
12460            padding: 15px 0px;
12461            background: #fff;
12462        }
12463        #mobile_hamburger_menu_template.hamburger-menu-template .nav_list_trd.open {
12464            display: block;
12465            padding-top:2px;
12466        }
12467        /* Reset button styles to look like links */
12468        #mobile_hamburger_menu_template button.hamburger-menu-nav-section,
12469        #mobile_hamburger_menu_template button.hamburger-menu-close-button,
12470        #mobile_hamburger_menu_template button.parent_men_arrow {
12471            background: none;
12472            border: none;
12473            padding: 0;
12474            cursor: pointer;
12475            -webkit-appearance: none;
12476            -moz-appearance: none;
12477            appearance: none;
12478        }
12479        
12480        /* Hover and active states for buttons - inherit from link styles */
12481        #mobile_hamburger_menu_template button.hamburger-menu-nav-section:hover,
12482        #mobile_hamburger_menu_template button.hamburger-menu-nav-section.active,
12483        #mobile_hamburger_menu_template button.hamburger-menu-nav-section[aria-expanded="true"],
12484        #mobile_hamburger_menu_template button.hamburger-menu-close-button:hover {
12485            /* Styles inherited from parent selectors above */
12486        }
12487        
12488        /* Additional button styles are inherited from parent selectors above */
12489        
12490        /* Image styles inside buttons */
12491        #mobile_hamburger_menu_template button.hamburger-menu-nav-section .icon_and_name img,
12492        #mobile_hamburger_menu_template a.hamburger-menu-nav-section .icon_and_name img {
12493                            height:20px;
12494                    }
12495    </style>
12496
12497    <nav id="mobile_hamburger_menu_template" class="hamburger-menu-template" inert="inert">
12498        <div class="hamburger-menu-template-inner">
12499            <button type="button" class="hamburger-menu-close-button mr-4" id="mobile_hamburger_close_button" aria-label="Close menu">
12500                <svg role="img" aria-hidden="true" viewBox="0 0 320 512"><path d="M310.6 361.4c12.5 12.5 12.5 32.75 0 45.25C304.4 412.9 296.2 416 288 416s-16.38-3.125-22.62-9.375L160 301.3L54.63 406.6C48.38 412.9 40.19 416 32 416S15.63 412.9 9.375 406.6c-12.5-12.5-12.5-32.75 0-45.25l105.4-105.4L9.375 150.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L160 210.8l105.4-105.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-105.4 105.4L310.6 361.4z"/></svg> CLOSE</button>
12501
12502            <div class="script_before_menu">
12503                                                            </div>
12504            <div style="clear: both"></div>
12505            
12506                    
12507                                                    <button type="button" class="hamburger-menu-nav-section " aria-expanded="false" aria-controls="mobile-submenu-6" aria-label="Expand Engagement Rings section">
12508                                                <span class="icon_and_name">
12509                        
12510                            Engagement Rings                        </span>
12511                                                            <svg viewBox="0 0 320 512" focusable="false" aria-hidden="true"><path d="M96 480c-8.188 0-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L242.8 256L73.38 86.63c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l192 192c12.5 12.5 12.5 32.75 0 45.25l-192 192C112.4 476.9 104.2 480 96 480z"/></svg>
12512                            
12513                                                    </button>
12514                                            
12515
12516                    
12517                    <div class="sub-menu-panel" id="mobile-submenu-6" aria-hidden="true">
12518                                                    
12519    
12520        
12521
12522
12523<div class="menu_container default_build_menu menu_container_3_navigation_6">
12524    <div class="nav_div_6">
12525                <ul class="nav_list" role="menu" aria-label="Engagement Rings" tabindex="-1">
12526                                                                                                                                    
12527                    <li style=""
12528                        class="" 
12529                        role="none">
12530
12531                          
12532
12533                                                <a class="nav_a_trd " title="Shop By Style" href="#!"  data-full_image="" role="menuitem" tabindex="0" >
12534                                                                        Shop By Style                                                    <svg viewBox="0 0 320 512"><path d="M96 480c-8.188 0-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L242.8 256L73.38 86.63c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l192 192c12.5 12.5 12.5 32.75 0 45.25l-192 192C112.4 476.9 104.2 480 96 480z"/></svg>
12535                                                                        </a>
12536                        
12537                              
12538
12539                         
12540
12541
12542
12543                                                    <ul class="nav_list_trd" role="menu" aria-label="Shop By Style" tabindex="-1">
12544                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        <li style=""
12545                                            class="" 
12546                                            role="none">
12547
12548                                            <a class="" href="https://www.osbornejewelersinc.com/halo-rings" title="Halo Rings"  role="menuitem" tabindex="0" >
12549                                                                                                    <img class="nav_icons menu_icon_halorings" src="https://www.osbornejewelersinc.com/public/1.0/uploads/source/icons/jewelry_icons/rings/halo.svg" alt="Halo Rings" title="Halo Rings" loading="lazy"/>
12550                                                                                                Halo Rings                                            </a>
12551                                        </li>
12552                                                                                                            <li style=""
12553                                            class="" 
12554                                            role="none">
12555
12556                                            <a class="" href="https://www.osbornejewelersinc.com/side-stone-rings" title="Side Stone Rings"  role="menuitem" tabindex="-1" >
12557                                                                                                    <img class="nav_icons menu_icon_sidestonerings" src="https://www.osbornejewelersinc.com/public/1.0/uploads/source/icons/jewelry_icons/rings/sidestones.svg" alt="Side Stone Rings" title="Side Stone Rings" loading="lazy"/>
12558                                                                                                Side Stone Rings                                            </a>
12559                                        </li>
12560                                                                                                            <li style=""
12561                                            class="" 
12562                                            role="none">
12563
12564                                            <a class="" href="https://www.osbornejewelersinc.com/solitaire-rings" title="Solitare Rings"  role="menuitem" tabindex="-1" >
12565                                                                                                    <img class="nav_icons menu_icon_solitarerings" src="https://www.osbornejewelersinc.com/public/1.0/uploads/source/icons/jewelry_icons/rings/solitaire.svg" alt="Solitare Rings" title="Solitare Rings" loading="lazy"/>
12566                                                                                                Solitare Rings                                            </a>
12567                                        </li>
12568                                                                                                            <li style=""
12569                                            class="" 
12570                                            role="none">
12571
12572                                            <a class="" href="https://www.osbornejewelersinc.com/three-stones-rings" title="Three Stones Rings"  role="menuitem" tabindex="-1" >
12573                                                                                                    <img class="nav_icons menu_icon_threestonesrings" src="https://www.osbornejewelersinc.com/public/1.0/uploads/source/icons/jewelry_icons/rings/3stones.svg" alt="Three Stones Rings" title="Three Stones Rings" loading="lazy"/>
12574                                                                                                Three Stones Rings                                            </a>
12575                                        </li>
12576                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                </ul>
12577                                            </li>
12578
12579                
12580                            
12581                    <li style=""
12582                        class="" 
12583                        role="none">
12584
12585                          
12586
12587                                                <a class="nav_a_trd " title="Shop By Shape" href="#!"  data-full_image="" role="menuitem" tabindex="-1" >
12588                                                                        Shop By Shape                                                    <svg viewBox="0 0 320 512"><path d="M96 480c-8.188 0-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L242.8 256L73.38 86.63c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l192 192c12.5 12.5 12.5 32.75 0 45.25l-192 192C112.4 476.9 104.2 480 96 480z"/></svg>
12589                                                                        </a>
12590                        
12591                              
12592
12593                         
12594
12595
12596
12597                                                    <ul class="nav_list_trd" role="menu" aria-label="Shop By Shape" tabindex="-1">
12598                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        <li style=""
12599                                            class="" 
12600                                            role="none">
12601
12602                                            <a class="" href="https://www.osbornejewelersinc.com/princess-cut-rings" title="Princess Cut Rings"  role="menuitem" tabindex="0" >
12603                                                                                                    <img class="nav_icons menu_icon_princesscutrings" src="https://www.osbornejewelersinc.com/public/1.0/uploads/source/icons/jewelry_icons/rings/princess.svg" alt="Princess Cut Rings" title="Princess Cut Rings" loading="lazy"/>
12604                                                                                                Princess Cut Rings                                            </a>
12605                                        </li>
12606                                                                                                            <li style=""
12607                                            class="" 
12608                                            role="none">
12609
12610                                            <a class="" href="https://www.osbornejewelersinc.com/round-cut-rings" title="Round Cut Rings"  role="menuitem" tabindex="-1" >
12611                                                                                                    <img class="nav_icons menu_icon_roundcutrings" src="https://www.osbornejewelersinc.com/public/1.0/uploads/source/icons/jewelry_icons/rings/rou
12611nd.svg" alt="Round Cut Rings" title="Round Cut Rings" loading="lazy"/>
12612                                                                                                Round Cut Rings                                            </a>
12613                                        </li>
12614                                                                                                                                            <li style=""
12615                                            class="" 
12616                                            role="none">
12617
12618                                            <a class="" href="https://www.osbornejewelersinc.com/oval-cut-rings" title="Oval Cut Rings"  role="menuitem" tabindex="-1" >
12619                                                                                                    <img class="nav_icons menu_icon_ovalcutrings" src="https://www.osbornejewelersinc.com/public/1.0/uploads/source/icons/jewelry_icons/rings/oval.svg" alt="Oval Cut Rings" title="Oval Cut Rings" loading="lazy"/>
12620                                                                                                Oval Cut Rings                                            </a>
12621                                        </li>
12622                                                                                                            <li style=""
12623                                            class="" 
12624                                            role="none">
12625
12626                                            <a class="" href="https://www.osbornejewelersinc.com/emerald-cut-rings" title="Emerald Cut Rings"  role="menuitem" tabindex="-1" >
12627                                                                                                    <img class="nav_icons menu_icon_emeraldcutrings" src="https://www.osbornejewelersinc.com/public/1.0/uploads/source/icons/jewelry_icons/rings/emerald.svg" alt="Emerald Cut Rings" title="Emerald Cut Rings" loading="lazy"/>
12628                                                                                                Emerald Cut Rings                                            </a>
12629                                        </li>
12630                                                                                                            <li style=""
12631                                            class="" 
12632                                            role="none">
12633
12634                                            <a class="" href="https://www.osbornejewelersinc.com/marquise-cut-rings" title="Marquise Cut Rings"  role="menuitem" tabindex="-1" >
12635                                                                                                    <img class="nav_icons menu_icon_marquisecutrings" src="https://www.osbornejewelersinc.com/public/1.0/uploads/source/icons/jewelry_icons/rings/marquise.svg" alt="Marquise Cut Rings" title="Marquise Cut Rings" loading="lazy"/>
12636                                                                                                Marquise Cut Rings                                            </a>
12637                                        </li>
12638                                                                                                            <li style=""
12639                                            class="" 
12640                                            role="none">
12641
12642                                            <a class="" href="https://www.osbornejewelersinc.com/pear-shape-ring" title="Pear Shape Rings"  role="menuitem" tabindex="-1" >
12643                                                                                                    <img class="nav_icons menu_icon_pearshaperings" src="https://www.osbornejewelersinc.com/public/1.0/uploads/source/icons/jewelry_icons/rings/pear.svg" alt="Pear Shape Rings" title="Pear Shape Rings" loading="lazy"/>
12644                                                                                                Pear Shape Rings                                            </a>
12645                                        </li>
12646                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                </ul>
12647                                            </li>
12648
12649                
12650                            
12651                    <li style=""
12652                        class="" 
12653                        role="none">
12654
12655                          
12656
12657                                                <a class="nav_a_trd " title="Shop By Price" href="#!"  data-full_image="" role="menuitem" tabindex="-1" >
12658                                                                        Shop By Price                                                    <svg viewBox="0 0 320 512"><path d="M96 480c-8.188 0-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L242.8 256L73.38 86.63c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l192 192c12.5 12.5 12.5 32.75 0 45.25l-192 192C112.4 476.9 104.2 480 96 480z"/></svg>
12659                                                                        </a>
12660                        
12661                              
12662
12663                         
12664
12665
12666
12667                                                    <ul class="nav_list_trd" role="menu" aria-label="Shop By Price" tabindex="-1">
12668                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        <li style=""
12669                                            class="" 
12670                                            role="none">
12671
12672                                            <a class="" href="https://www.osbornejewelersinc.com/engagement-rings-up-to-500" title="Up to $500"  role="menuitem" tabindex="0" >
12673                                                                                                Up to $500                                            </a>
12674                                        </li>
12675                                                                                                            <li style=""
12676                                            class="" 
12677                                            role="none">
12678
12679                                            <a class="" href="https://www.osbornejewelersinc.com/engagement-rings-500-to-1000" title="$500 - $1000"  role="menuitem" tabindex="-1" >
12680                                                                                                $500 - $1000                                            </a>
12681                                        </li>
12682                                                                                                            <li style=""
12683                                            class="" 
12684                                            role="none">
12685
12686                                            <a class="" href="https://www.osbornejewelersinc.com/engagement-rings-1000-to-2000" title="$1000 - $2000"  role="menuitem" tabindex="-1" >
12687                                                                                                $1000 - $2000                                            </a>
12688                                        </li>
12689                                                                                                            <li style=""
12690                                            class="" 
12691                                            role="none">
12692
12693                                            <a class="" href="https://www.osbornejewelersinc.com/engagement-rings-2000-to-5000" title="$2000 - $5000"  role="menuitem" tabindex="-1" >
12694                                                                                                $2000 - $5000                                            </a>
12695                                        </li>
12696                                                                                                            <li style=""
12697                                            class="" 
12698                                            role="none">
12699
12700                                            <a class="" href="https://www.osbornejewelersinc.com/engagement-rings-5000-up" title="$5000 & Up"  role="menuitem" tabindex="-1" >
12701                                                                                                $5000 & Up                                            </a>
12702                                        </li>
12703                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                </ul>
12704                                            </li>
12705
12706                
12707                            
12708                    <li style=""
12709                        class="" 
12710                        role="none">
12711
12712                          
12713
12714                                                <a class="nav_a_trd " title="Start Your Search" href="#!"  data-full_image="" role="menuitem" tabindex="-1" >
12715                                                                        Start Your Search                                                    <svg viewBox="0 0 320 512"><path d="M96 480c-8.188 0-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L242.8 256L73.38 86.63c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l192 192c12.5 12.5 12.5 32.75 0 45.25l-192 192C112.4 476.9 104.2 480 96 480z"/></svg>
12716                                                                        </a>
12717                        
12718                              
12719
12720                         
12721
12722
12723
12724                                                    <ul class="nav_list_trd" role="menu" aria-label="Start Your Search" tabindex="-1">
12725                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        <li style=""
12726                                            class="" 
12727                                            role="none">
12728
12729                                            <a class="" href="https://www.osbornejewelersinc.com/engagement-rings" title="View All Engagement Rings >>"  role="menuitem" tabindex="0" >
12730                                                                                                View All Engagement Rings >>                                            </a>
12731                                        </li>
12732                                                                                                            <li style=""
12733                                            class="" 
12734                                            role="none">
12735
12736                             
12736               <a class="" href="https://www.osbornejewelersinc.com/create-your-ring" title="Customize Your Ring >>"  role="menuitem" tabindex="-1" >
12737                                                                                                Customize Your Ring >>                                            </a>
12738                                        </li>
12739                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                </ul>
12740                                            </li>
12741
12742                
12743                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            </ul>
12744                    </div>
12745</div>
12746<style>
12747    .menu_container_3_navigation_6 {
12748        background: #fff;
12749                    }
12750    .horizontal_menu .nav_div_6 {
12751        padding: 15px 0px;
12752        box-shadow: 0px 0px 5px #00000078;        display: flex;
12753        flex-wrap: wrap;
12754    }
12755    .horizontal_menu .nav_img_6 {
12756        height: 200px;
12757        width: 250px;
12758        margin-left: 50px;
12759        margin-right: 20px;
12760        flex-shrink: 0;
12761        order: 1;
12762    }
12763    .horizontal_menu .nav_img_6 img {
12764        max-width: 100%;
12765        max-height: 100%;
12766    }
12767    .horizontal_menu .nav_div_6 .vfit {
12768        text-align: left;
12769        border-bottom: 1px solid #ececec;
12770        text-transform: uppercase;
12771    }
12772    .nav_div_6 .vfit a {
12773        text-decoration: none;
12774        color: #222;
12775    }
12776    .nav_div_6 .nav_list {
12777        list-style: none;
12778        margin: 0;
12779        padding: 0;
12780        order: 1;
12781            }
12782    .nav_div_6 ul {
12783        list-style: none;
12784    }
12785    #mobile_hamburger_menu_template .nav_div_6 li {
12786        width: 100%;
12787        margin: 0;
12788        padding: 0px 20px;
12789        position: relative;
12790    }
12791    .horizontal_menu .nav_div_6 li {
12792        width: 100%;
12793        margin: 0;
12794        padding: 0px 20px;
12795        position: relative;
12796    }
12797    
12798    #mobile_hamburger_menu_template .nav_div_6 li svg {
12799        position: absolute;
12800        right: 15px;
12801        height: 10px;
12802        top: 10px;
12803    }
12804    .horizontal_menu .nav_div_6 li svg {
12805        position: absolute;
12806        right: 15px;
12807        height: 10px;
12808        top: 10px;
12809    }
12810    
12811    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_6 .nav_div_6 .nav_list li .nav_a_trd {
12812        display: flex;
12813        align-items: center;
12814        padding: 0;
12815        line-height: 30px;
12816        font-size: 14px;
12817        text-transform: uppercase;
12818        text-decoration: none;
12819        color: #222;
12820        white-space: normal;
12821
12822        color:#4d4d4d;                font-style:italic;                font-size:14px;        font-family:Arial;        text-transform:uppercase;                line-height:35px;
12823    }
12824    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_6 .nav_div_6 .nav_list li button {
12825        background: none;
12826        border: none;
12827        cursor: pointer;
12828    }
12829    
12830    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_6 .nav_div_6 .nav_list li .nav_a_trd.parent_men {
12831        text-decoration: underline;
12832    }
12833
12834    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_6 .nav_div_6 .nav_list li .nav_a_trd:hover {
12835        color:#000000;        cursor: pointer;
12836    }
12837
12838
12839    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_6 .nav_div_6 .nav_list li .nav_list_trd li a {
12840        display: flex;
12841        align-items: center;
12842        padding: 0;
12843        line-height: 30px;
12844        font-size: 14px;
12845        text-transform: uppercase;
12846        text-decoration: none;
12847        color: #222;
12848        white-space: normal;
12849
12850        color:#4d4d4d;                font-style:normal;                font-size:px;        font-family:Arial;        text-transform:none;                line-height:35px;    }
12851
12852    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_6 .nav_div_6 .nav_list li .nav_list_trd li a:hover {
12853        color:#000000;    }
12854
12855    .nav_div_6 .nav_list li a .nav_icons {
12856        height: 30px;
12857        margin-right: 5px;
12858            }
12859
12860    
12861
12862    .nav_div_6 .nav_list li a:hover {
12863        color: #3172ab;
12864    }
12865    .horizontal_menu .nav_div_6 .nav_list_trd {
12866        display: none;
12867        position: absolute;
12868        left: 100%;
12869        top: -15px;
12870        padding: 15px 0px;
12871        box-shadow: 0px 0px 5px #00000078;        background: #fff;
12872    }
12873    .horizontal_menu .nav_div_6 .nav_list>li .nav_list_trd.open,
12874    .horizontal_menu .nav_div_6 .nav_list>li:hover .nav_list_trd {
12875        display: block;
12876        z-index: 99;
12877    }
12878
12879    .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_6,
12880    .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_6 .nav_list_trd{
12881                    width: 250px;
12882            }
12883
12884            .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_6 .nav_list_trd{
12885            width: 250px;
12886        }
12887    </style>
12888                                            </div>
12889                    <div class="hum-line"></div>
12890                            
12891                    
12892                                                    <a class="hamburger-menu
12892-nav-section " title="Diamonds" href="https://www.osbornejewelersinc.com/diamonds" >
12893                                                <span class="icon_and_name">
12894                        
12895                            Diamonds                        </span>
12896                            
12897                                                    </a>
12898                                            
12899
12900                    
12901                    <div class="sub-menu-panel" id="mobile-submenu-11" aria-hidden="true">
12902                                                    
12903    
12904        
12905
12906
12907<div class="menu_container default_build_menu menu_container_3_navigation_11">
12908    <div class="nav_div_11">
12909                    </div>
12910</div>
12911<style>
12912    .menu_container_3_navigation_11 {
12913        background: #fff;
12914                    }
12915    .horizontal_menu .nav_div_11 {
12916        padding: 15px 0px;
12917        box-shadow: 0px 0px 5px #00000078;        display: flex;
12918        flex-wrap: wrap;
12919    }
12920    .horizontal_menu .nav_img_11 {
12921        height: 200px;
12922        width: 250px;
12923        margin-left: 50px;
12924        margin-right: 20px;
12925        flex-shrink: 0;
12926        order: 1;
12927    }
12928    .horizontal_menu .nav_img_11 img {
12929        max-width: 100%;
12930        max-height: 100%;
12931    }
12932    .horizontal_menu .nav_div_11 .vfit {
12933        text-align: left;
12934        border-bottom: 1px solid #ececec;
12935        text-transform: uppercase;
12936    }
12937    .nav_div_11 .vfit a {
12938        text-decoration: none;
12939        color: #222;
12940    }
12941    .nav_div_11 .nav_list {
12942        list-style: none;
12943        margin: 0;
12944        padding: 0;
12945        order: 1;
12946            }
12947    .nav_div_11 ul {
12948        list-style: none;
12949    }
12950    #mobile_hamburger_menu_template .nav_div_11 li {
12951        width: 100%;
12952        margin: 0;
12953        padding: 0px 20px;
12954        position: relative;
12955    }
12956    .horizontal_menu .nav_div_11 li {
12957        width: 100%;
12958        margin: 0;
12959        padding: 0px 20px;
12960        position: relative;
12961    }
12962    
12963    #mobile_hamburger_menu_template .nav_div_11 li svg {
12964        position: absolute;
12965        right: 15px;
12966        height: 10px;
12967        top: 10px;
12968    }
12969    .horizontal_menu .nav_div_11 li svg {
12970        position: absolute;
12971        right: 15px;
12972        height: 10px;
12973        top: 10px;
12974    }
12975    
12976    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_11 .nav_div_11 .nav_list li .nav_a_trd {
12977        display: flex;
12978        align-items: center;
12979        padding: 0;
12980        line-height: 30px;
12981        font-size: 14px;
12982        text-transform: uppercase;
12983        text-decoration: none;
12984        color: #222;
12985        white-space: normal;
12986
12987        color:#4d4d4d;                font-style:italic;                font-size:14px;        font-family:Arial;        text-transform:uppercase;                line-height:35px;
12988    }
12989    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_11 .nav_div_11 .nav_list li button {
12990        background: none;
12991        border: none;
12992        cursor: pointer;
12993    }
12994    
12995    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_11 .nav_div_11 .nav_list li .nav_a_trd.parent_men {
12996        text-decoration: underline;
12997    }
12998
12999    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_11 .nav_div_11 .nav_list li .nav_a_trd:hover {
13000        color:#000000;        cursor: pointer;
13001    }
13002
13003
13004    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_11 .nav_div_11 .nav_list li .nav_list_trd li a {
13005        display: flex;
13006        align-items: center;
13007        padding: 0;
13008        line-height: 30px;
13009        font-size: 14px;
13010        text-transform: uppercase;
13011        text-decoration: none;
13012        color: #222;
13013        white-space: normal;
13014
13015        color:#4d4d4d;                font-style:normal;                font-size:px;        font-family:Arial;        text-transform:none;                line-height:35px;    }
13016
13017    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_11 .nav_div_11 .nav_list li .nav_list_trd li a:hover {
13018        color:#000000;    }
13019
13020    .nav_div_11 .nav_list li a .nav_icons {
13021        height: 30px;
13022        margin-right: 5px;
13023            }
13024
13025    
13026
13027    .nav_div_11 .nav_list li a:hover {
13028        color: #3172ab;
13029    }
13030    .horizontal_menu .nav_div_11 .nav_list_trd {
13031        display: none;
13032        position: absolute;
13033        left: 100%;
13034        top: -15px;
13035        padding: 15px 0px;
13036        box-shadow: 0px 0px 5px #00000078;        background: #fff;
13037    }
13038    .horizontal_menu .nav_div_11 .nav_list>li .nav_list_trd.open,
13039    .horizontal_menu .nav_div_11 .nav_list>li:hover .nav_list_trd {
13040        display: block;
13041        z-index: 99;
13042    }
13043
13044    .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_11,
13045    .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_11 .nav_list_trd{
13046                    width: 250px;
13047            }
13048
13049            .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_11 .nav_list_trd{
13050            width: 250px;
13051        }
13052    </style>
13053                                            </div>
13054                    <div class="hum-line"></div>
13055                            
13056                    
13057                                                    <button type="button" class="hamburger-menu
13057-nav-section " aria-expanded="false" aria-controls="mobile-submenu-12" aria-label="Expand Wedding Bands section">
13058                                                <span class="icon_and_name">
13059                        
13060                            Wedding Bands                        </span>
13061                                                            <svg viewBox="0 0 320 512" focusable="false" aria-hidden="true"><path d="M96 480c-8.188 0-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L242.8 256L73.38 86.63c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l192 192c12.5 12.5 12.5 32.75 0 45.25l-192 192C112.4 476.9 104.2 480 96 480z"/></svg>
13062                            
13063                                                    </button>
13064                                            
13065
13066                    
13067                    <div class="sub-menu-panel" id="mobile-submenu-12" aria-hidden="true">
13068                                                    
13069    
13070        
13071
13072
13073<div class="menu_container default_build_menu menu_container_3_navigation_12">
13074    <div class="nav_div_12">
13075                <ul class="nav_list" role="menu" aria-label="Wedding Bands" tabindex="-1">
13076                                                                                                                                                                                                                                                                                                                                                                                    
13077                    <li style=""
13078                        class="" 
13079                        role="none">
13080
13081                          
13082
13083                                                <a class="nav_a_trd " title="Shop By Gender" href="#!"  data-full_image="" role="menuitem" tabindex="0" >
13084                                                                        Shop By Gender                                                    <svg viewBox="0 0 320 512"><path d="M96 480c-8.188 0-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L242.8 256L73.38 86.63c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l192 192c12.5 12.5 12.5 32.75 0 45.25l-192 192C112.4 476.9 104.2 480 96 480z"/></svg>
13085                                                                        </a>
13086                        
13087                              
13088
13089                         
13090
13091
13092
13093                                                    <ul class="nav_list_trd" role="menu" aria-label="Shop By Gender" tabindex="-1">
13094                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        <li style=""
13095                                            class="" 
13096                                            role="none">
13097
13098                                            <a class="" href="https://www.osbornejewelersinc.com/mens-wedding-bands" title="Mens Wedding Bands"  role="menuitem" tabindex="0" >
13099                                                                                                    <img class="nav_icons menu_icon_mensweddingbands" src="https://www.osbornejewelersinc.com/public/1.0/uploads/source/icons/jewelry_icons/bands/mens-01.svg" alt="Mens Wedding Bands" title="Mens Wedding Bands" loading="lazy"/>
13100                                                                                                Mens Wedding Bands                                            </a>
13101                                        </li>
13102                                                                                                            <li style=""
13103                                            class="" 
13104                                            role="none">
13105
13106                                            <a class="" href="https://www.osbornejewelersinc.com/ladies-wedding-bands" title="Ladies Wedding Bands"  role="menuitem" tabindex="-1" >
13107                                                                                                    <img class="nav_icons menu_icon_ladiesweddingbands" src="https://www.osbornejewelersinc.com/public/1.0/uploads/source/icons/jewelry_icons/bands/bezel.svg" alt="Ladies Wedding Bands" title="Ladies Wedding Bands" loading="lazy"/>
13108                                                                                                Ladies Wedding Bands                                            </a>
13109                                        </li>
13110                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                </ul>
13111                                            </li>
13112
13113                
13114                            
13115                    <li style=""
13116                        class="" 
13117                        role="none">
13118
13119                          
13120
13121                                                <a class="nav_a_trd " title="Shop By Price" href="#!"  data-full_image="" role="menuitem" tabindex="-1" >
13122                                                                        Shop By Price                                                    <svg viewBox="0 0 320 512"><path d="M96 480c-8.188 0-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L242.8 256L73.38 86.63c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l192 192c12.5 12.5 12.5 32.75 0 45.25l-192 192C112.4 476.9 104.2 480 96 480z"/></svg>
13123                                                                        </a>
13124                        
13125                              
13126
13127                         
13128
13129
13130
13131                                                    <ul class="nav_list_trd" role="menu" aria-label="Shop By Price" tabindex="-1">
13132                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        <li style=""
13133                                            class="" 
13134                                            role="none">
13135
13136                                            <a class="" href="https://www.osbornejewelersinc.com/wedding-bands-up-to-500" title="Up to $500"  role="menuitem" tabindex="0" >
13137                                                                                                Up to $500                                            </a>
13138                                        </li>
13139                                                                                                            <li style=""
13140                                            class="" 
13141                                            role="none">
13142
13143                                            <a class="" href="https://www.osbornejewelersinc.com/wedding-bands-500-to-1000" title="$500 - $1000"  role="menuitem" tabindex="-1" >
13144                                                                                                $500 - $1000                                            </a>
13145                                        </li>
13146                                                                                                            <li style=""
13147                                            class="" 
13148                                            role="none">
13149
13150                                            <a class="" href="https://www.osbornejewelersinc.com/wedding-bands-1000-to-2000" title="$1000 - $2000"  role="menuitem" tabindex="-1" >
13151                                                                                                $1000 - $2000                                            </a>
13152                                        </li>
13153                                                                                                            <li style=""
13154                                            class="" 
13155                                            role="none">
13156
13157                                            <a class="" href="https://www.osbornejewelersinc.com/wedding-bands-2000-to-5000" title="$2000 - $5000"  role="menuitem" tabindex="-1" >
13158                                                                                                $2000 - $5000                                            </a>
13159                                        </li>
13160                                                                                                            <li style=""
13161                                            class="" 
13162                                            role="none">
13163
13164                                            <a class="" href="https://www.osbornejewelersinc.com/wedding-bands-5000-up" title="$5000 & Up"  role="menuitem" tabindex="-1" >
13165                                                                                                $5000 & Up                                            </a>
13166                                        </li>
13167                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                </ul>
13168                                            </li>
13169
13170                
13171                            
13172                    <li style=""
13173                        class="" 
13174                        role="none">
13175
13176                          
13177
13178                                                <a class="nav_a_trd " title="Start Your Search" href="#!"  data-full_image="" role="menuitem" tabindex="-1" >
13179                                                                        Start Your Search                                                    <svg viewBox="0 0 320 512"><path d="M96 480c-8.188 0-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L242.8 256L73.38 86.63c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l192 192c12.5 12.5 12.5 32.75 0 45.25l-192 192C112.4 476.9 104.2 480 96 480z"/></svg>
13180                                                                        </a>
13181                        
13182                              
13183
13184                         
13185
13186
13187
13188                                                    <ul class="nav_list_trd" role="menu" aria-label="Start Your Search" tabindex="-1">
13189                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     
13189                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   <li style=""
13190                                            class="" 
13191                                            role="none">
13192
13193                                            <a class="" href="https://www.osbornejewelersinc.com/wedding-bands" title="View All Wedding Bands >>"  role="menuitem" tabindex="0" >
13194                                                                                                View All Wedding Bands >>                                            </a>
13195                                        </li>
13196                                                                                                                                                                                                                                                                </ul>
13197                                            </li>
13198
13199                
13200                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        </ul>
13201                    </div>
13202</div>
13203<style>
13204    .menu_container_3_navigation_12 {
13205        background: #fff;
13206                    }
13207    .horizontal_menu .nav_div_12 {
13208        padding: 15px 0px;
13209        box-shadow: 0px 0px 5px #00000078;        display: flex;
13210        flex-wrap: wrap;
13211    }
13212    .horizontal_menu .nav_img_12 {
13213        height: 200px;
13214        width: 250px;
13215        margin-left: 50px;
13216        margin-right: 20px;
13217        flex-shrink: 0;
13218        order: 1;
13219    }
13220    .horizontal_menu .nav_img_12 img {
13221        max-width: 100%;
13222        max-height: 100%;
13223    }
13224    .horizontal_menu .nav_div_12 .vfit {
13225        text-align: left;
13226        border-bottom: 1px solid #ececec;
13227        text-transform: uppercase;
13228    }
13229    .nav_div_12 .vfit a {
13230        text-decoration: none;
13231        color: #222;
13232    }
13233    .nav_div_12 .nav_list {
13234        list-style: none;
13235        margin: 0;
13236        padding: 0;
13237        order: 1;
13238            }
13239    .nav_div_12 ul {
13240        list-style: none;
13241    }
13242    #mobile_hamburger_menu_template .nav_div_12 li {
13243        width: 100%;
13244        margin: 0;
13245        padding: 0px 20px;
13246        position: relative;
13247    }
13248    .horizontal_menu .nav_div_12 li {
13249        width: 100%;
13250        margin: 0;
13251        padding: 0px 20px;
13252        position: relative;
13253    }
13254    
13255    #mobile_hamburger_menu_template .nav_div_12 li svg {
13256        position: absolute;
13257        right: 15px;
13258        height: 10px;
13259        top: 10px;
13260    }
13261    .horizontal_menu .nav_div_12 li svg {
13262        position: absolute;
13263        right: 15px;
13264        height: 10px;
13265        top: 10px;
13266    }
13267    
13268    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_12 .nav_div_12 .nav_list li .nav_a_trd {
13269        display: flex;
13270        align-items: center;
13271        padding: 0;
13272        line-height: 30px;
13273        font-size: 14px;
13274        text-transform: uppercase;
13275        text-decoration: none;
13276        color: #222;
13277        white-space: normal;
13278
13279        color:#4d4d4d;                font-style:italic;                font-size:14px;        font-family:Arial;        text-transform:uppercase;                line-height:35px;
13280    }
13281    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_12 .nav_div_12 .nav_list li button {
13282        background: none;
13283        border: none;
13284        cursor: pointer;
13285    }
13286    
13287    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_12 .nav_div_12 .nav_list li .nav_a_trd.parent_men {
13288        text-decoration: underline;
13289    }
13290
13291    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_12 .nav_div_12 .nav_list li .nav_a_trd:hover {
13292        color:#000000;        cursor: pointer;
13293    }
13294
13295
13296    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_12 .nav_div_12 .nav_list li .nav_list_trd li a {
13297        display: flex;
13298        align-items: center;
13299        padding: 0;
13300        line-height: 30px;
13301        font-size: 14px;
13302        text-transform: uppercase;
13303        text-decoration: none;
13304        color: #222;
13305        white-space: normal;
13306
13307        color:#4d4d4d;                font-style:normal;                font-size:px;        font-family:Arial;        text-transform:none;                line-height:35px;    }
13308
13309    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_12 .nav_div_12 .nav_list li .nav_list_trd li a:hover {
13310        color:#000000;    }
13311
13312    .nav_div_12 .nav_list li a .nav_icons {
13313        height: 30px;
13314        margin-right: 5px;
13315            }
13316
13317    
13318
13319    .nav_div_12 .nav_list li a:hover {
13320        color: #3172ab;
13321    }
13322    .horizontal_menu .nav_div_12 .nav_list_trd {
13323        display: none;
13324        position: absolute;
13325        left: 100%;
13326        top: -15px;
13327        padding: 15px 0px;
13328        box-shadow: 0px 0px 5px #00000078;        background: #fff;
13329    }
13330    .horizontal_menu .nav_div_12 .nav_list>li .nav_list_trd.open,
13331    .horizontal_menu .nav_div_12 .nav_list>li:hover .nav_list_trd {
13332        display: block;
13333        z-index: 99;
13334    }
13335
13336    .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_12,
13337    .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_12 .nav_list_trd{
13338                    width: 250px;
13339            }
13340
13341            .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_12 .nav_list_trd{
13342            width: 250px;
13343        }
13344    </style>
13345                                            </div>
13346                    <div class="hum-line"></div>
13347                            
13348                    
13349                                                    <button type="button" class="hamburger-menu
13349-nav-section " aria-expanded="false" aria-controls="mobile-submenu-16" aria-label="Expand Fine Jewelry section">
13350                                                <span class="icon_and_name">
13351                        
13352                            Fine Jewelry                        </span>
13353                                                            <svg viewBox="0 0 320 512" focusable="false" aria-hidden="true"><path d="M96 480c-8.188 0-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L242.8 256L73.38 86.63c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l192 192c12.5 12.5 12.5 32.75 0 45.25l-192 192C112.4 476.9 104.2 480 96 480z"/></svg>
13354                            
13355                                                    </button>
13356                                            
13357
13358                    
13359                    <div class="sub-menu-panel" id="mobile-submenu-16" aria-hidden="true">
13360                                                    
13361    
13362        
13363
13364
13365<div class="menu_container default_build_menu menu_container_3_navigation_16">
13366    <div class="nav_div_16">
13367                <ul class="nav_list" role="menu" aria-label="Fine Jewelry" tabindex="-1">
13368                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            
13369                    <li style=""
13370                        class="" 
13371                        role="none">
13372
13373                          
13374
13375                                                <a class="nav_a_trd " title="Shop By Type" href="#!"  data-full_image="" role="menuitem" tabindex="0" >
13376                                                                        Shop By Type                                                    <svg viewBox="0 0 320 512"><path d="M96 480c-8.188 0-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L242.8 256L73.38 86.63c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l192 192c12.5 12.5 12.5 32.75 0 45.25l-192 192C112.4 476.9 104.2 480 96 480z"/></svg>
13377                                                                        </a>
13378                        
13379                              
13380
13381                         
13382
13383
13384
13385                                                    <ul class="nav_list_trd" role="menu" aria-label="Shop By Type" tabindex="-1">
13386                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        <li style=""
13387                                            class="" 
13388                                            role="none">
13389
13390                                            <a class="" href="https://www.osbornejewelersinc.com/necklaces" title="Necklaces"  role="menuitem" tabindex="0" >
13391                                                                                                    <img class="nav_icons menu_icon_necklaces" src="https://www.osbornejewelersinc.com/public/1.0/uploads/source/icons/jewelry_icons/necklaces/heart.svg" alt="Necklaces" title="Necklaces" loading="lazy"/>
13392                                                                                                Necklaces                                            </a>
13393                                        </li>
13394                                                                                                            <li style=""
13395                                            class="" 
13396                                            role="none">
13397
13398                                            <a class="" href="https://www.osbornejewelersinc.com/earrings" title="Earrings"  role="menuitem" tabindex="-1" >
13399                                                                                                    <img class="nav_icons menu_icon_earrings" src="https://www.osbornejewelersinc.com/public/1.0/uploads/source/icons/jewelry_icons/earr
13399ings/stud.svg" alt="Earrings" title="Earrings" loading="lazy"/>
13400                                                                                                Earrings                                            </a>
13401                                        </li>
13402                                                                                                            <li style=""
13403                                            class="" 
13404                                            role="none">
13405
13406                                            <a class="" href="https://www.osbornejewelersinc.com/bracelets" title="Bracelets"  role="menuitem" tabindex="-1" >
13407                                                                                                    <img class="nav_icons menu_icon_bracelets" src="https://www.osbornejewelersinc.com/public/1.0/uploads/source/icons/jewelry_icons/bracelets/mens.svg" alt="Bracelets" title="Bracelets" loading="lazy"/>
13408                                                                                                Bracelets                                            </a>
13409                                        </li>
13410                                                                                                            <li style=""
13411                                            class="" 
13412                                            role="none">
13413
13414                                            <a class="" href="https://www.osbornejewelersinc.com/fashion-rings" title="Rings"  role="menuitem" tabindex="-1" >
13415                                                                                                    <img class="nav_icons menu_icon_rings" src="https://www.osbornejewelersinc.com/public/1.0/uploads/source/icons/jewelry_icons/bands/diamond.svg" alt="Rings" title="Rings" loading="lazy"/>
13416                                                                                                Rings                                            </a>
13417                                        </li>
13418                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                </ul>
13419                                            </li>
13420
13421                
13422                            
13423                    <li style=""
13424                        class="" 
13425                        role="none">
13426
13427                          
13428
13429                                                <a class="nav_a_trd " title="Shop By Price" href="#!"  data-full_image="" role="menuitem" tabindex="-1" >
13430                                                                        Shop By Price                                                    <svg viewBox="0 0 320 512"><path d="M96 480c-8.188 0-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L242.8 256L73.38 86.63c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l192 192c12.5 12.5 12.5 32.75 0 45.25l-192 192C112.4 476.9 104.2 480 96 480z"/></svg>
13431                                                                        </a>
13432                        
13433                              
13434
13435                         
13436
13437
13438
13439                                                    <ul class="nav_list_trd" role="menu" aria-label="Shop By Price" tabindex="-1">
13440                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        <li style=""
13441                                            class="" 
13442                                            role="none">
13443
13444                                            <a class="" href="https://www.osbornejewelersinc.com/fine-jewelry-0-to-500" title="Up to $500"  role="menuitem" tabindex="0" >
13445                                                                                                Up to $500                                            </a>
13446                                        </li>
13447                                                                                                            <li style=""
13448                                            class="" 
13449                                            role="none">
13450
13451                                            <a class="" href="https://www.osbornejewelersinc.com/fine-jewelry-500-to-1000" title="$500 - $1000"  role="menuitem" tabindex="-1" >
13452                                                                                                $500 - $1000                                            </a>
13453                                        </li>
13454                                                                                                            <li style=""
13455                                            class="" 
13456                                            role="none">
13457
13458                                            <a class="" href="https://www.osbornejewelersinc.com/fine-jewelry-1000-to-2000" title="$1000 - $2000"  role="menuitem" tabindex="-1" >
13459                                                                                                $1000 - $2000                                            </a>
13460                                        </li>
13461                                                                                                            <li style=""
13462                                            class="" 
13463                                            role="none">
13464
13465                                            <a class="" href="https://www.osbornejewelersinc.com/fine-jewelry-2000-to-5000" title="$2000 - $5000"  role="menuitem" tabindex="-1" >
13466                                                                                                $2000 - $5000                                            </a>
13467                                        </li>
13468                                                                                                            <li style=""
13469                                            class="" 
13470                                            role="none">
13471
13472                                            <a class="" href="https://www.osbornejewelersinc.com/fine-jewelry-5000-up" title="$5000 & Up"  role="menuitem" tabindex="-1" >
13473                                                                                                $5000 & Up                                            </a>
13474                                        </li>
13475                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                </ul>
13476                                            </li>
13477
13478                
13479                            
13480                    <li style=""
13481                        class="" 
13482                        role="none">
13483
13484                          
13485
13486                                                <a class="nav_a_trd " title="Start Your Search" href="#!"  data-full_image="" role="menuitem" tabindex="-1" >
13487                                                                        Start Your Search                                                    <svg viewBox="0 0 320 512"><path d="M96 480c-8.188 0-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L242.8 256L73.38 86.63c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l192 192c12.5 12.5 12.5 32.75 0 45.25l-192 192C112.4 476.9 104.2 480 96 480z"/></svg>
13488                                                                        </a>
13489                        
13490                              
13491
13492                         
13493
13494
13495
13496                                                    <ul class="nav_list_trd" role="menu" aria-label="Start Your Search" tabindex="-1">
13497                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        <li style=""
13498                                            class="" 
13499                                            role="none">
13500
13501                                            <a class="" href="https://www.osbornejewelersinc.com/fine-jewelry" title="View All Fine Jewelry >>"  role="menuitem" tabindex="0" >
13502                                                                                                View All Fine Jewelry >>                                            </a>
13503                                        </li>
13504                                                                                                                                                                                                                                </ul>
13505                                            </li>
13506
13507                
13508                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                </ul>
13509                    </div>
13510</div>
13511<style>
13512    .menu_container_3_navigation_16 {
13513        background: #fff;
13514                    }
13515    .horizontal_menu .nav_div_16 {
13516        padding: 15px 0px;
13517        box-shadow: 0px 0px 5px #00000078;        display: flex;
13518        flex-wrap: wrap;
13519    }
13520    .horizontal_menu .nav_img_16 {
13521        height: 200px;
13522        width: 250px;
13523        margin-left: 50px;
13524        margin-right: 20px;
13525        flex-shrink: 0;
13526        order: 1;
13527    }
13528    .horizontal_menu .nav_img_16 img {
13529        max-width: 100%;
13530        max-height: 100%;
13531    }
13532    .horizontal_menu .nav_div_16 .vfit {
13533        text-align: left;
13534        border-bottom: 1px solid #ececec;
13535        text-transform: uppercase;
13536    }
13537    .nav_div_16 .vfit a {
13538        text-decoration: none;
13539        color: #222;
13540    }
13541    .nav_div_16 .nav_list {
13542        list-style: none;
13543        margin: 0;
13544        padding: 0;
13545        order: 1;
13546            }
13547    .nav_div_16 ul {
13548        list-style: none;
13549    }
13550    #mobile_hamburger_menu_template .nav_div_16 li {
13551        width: 100%;
13552        margin: 0;
13553        padding: 0px 20px;
13554        position: relative;
13555    }
13556    .horizontal_menu .nav_div_16 li {
13557        width: 100%;
13558        margin: 0;
13559        padding: 0px 20px;
13560        position: relative;
13561    }
13562    
13563    #mobile_hamburger_menu_template .nav_div_16 li svg {
13564        position: absolute;
13565        right: 15px;
13566        height: 10px;
13567        top: 10px;
13568    }
13569    .horizontal_menu .nav_div_16 li svg {
13570        position: absolute;
13571        right: 15px;
13572        height: 10px;
13573        top: 10px;
13574    }
13575    
13576    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_16 .nav_div_16 .nav_list li .nav_a_trd {
13577        display: flex;
13578        align-items: center;
13579        padding: 0;
13580        line-height: 30px;
13581        font-size: 14px;
13582        text-transform: uppercase;
13583        text-decoration: none;
13584        color: #222;
13585        white-space: normal;
13586
13587        color:#4d4d4d;                font-style:italic;                font-size:14px;        font-family:Arial;        text-transform:uppercase;                line-height:35px;
13588    }
13589    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_16 .nav_div_16 .nav_list li button {
13590        background: none;
13591        border: none;
13592        cursor: pointer;
13593    }
13594    
13595    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_16 .nav_div_16 .nav_list li .nav_a_trd.parent_men {
13596        text-decoration: underline;
13597    }
13598
13599    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_16 .nav_div_16 .nav_list li .nav_a_trd:hover {
13600        color:#000000;        cursor: pointer;
13601    }
13602
13603
13604    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_16 .nav_div_16 .nav_list li .nav_list_trd li a {
13605        display: flex;
13606        align-items: center;
13607        padding: 0;
13608        line-height: 30px;
13609        font-size: 14px;
13610        text-transform: uppercase;
13611        text-decoration: none;
13612        color: #222;
13613        white-space: normal;
13614
13615        color:#4d4d4d;                font-style:normal;                font-size:px;        font-family:Arial;        text-transform:none;                line-height:35px;    }
13616
13617    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_16 .nav_div_16 .nav_list li .nav_list_trd li a:hover {
13618        color:#000000;    }
13619
13620    .nav_div_16 .nav_list li a .nav_icons {
13621        height: 30px;
13622        margin-right: 5px;
13623            }
13624
13625    
13626
13627    .nav_div_16 .nav_list li a:hover {
13628        color: #3172ab;
13629    }
13630    .horizontal_menu .nav_div_16 .nav_list_trd {
13631        display: none;
13632        position: absolute;
13633        left: 100%;
13634        top: -15px;
13635        padding: 15px 0px;
13636        box-shadow: 0px 0px 5px #00000078;        background: #fff;
13637    }
13638    .horizontal_menu .nav_div_16 .nav_list>li .nav_list_trd.open,
13639    .horizontal_menu .nav_div_16 .nav_list>li:hover .nav_list_trd {
13640        display: block;
13641        z-index: 99;
13642    }
13643
13644    .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_16,
13645    .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_16 .nav_list_trd{
13646                    width: 250px;
13647            }
13648
13649            .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_16 .nav_list_trd{
13650            width: 250px;
13651        }
13652    </style>
13653                                            </div>
13654                    <div class="hum-line"></div>
13655                                        
13656                    
13657                                                    <button type="button" class="hamburger-menu-nav-section " aria-expanded="false" aria-controls="mobile-submenu-72" aria-label="Expand Designers  section">
13658                                                <span class="icon_and_name">
13659                        
13660                            Designers                         </span>
13661                                                            <svg viewBox="0 0 320 512" focusable="false" aria-hidden="true"><path d="M96 480c-8.188 0-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L242.8 256L73.38 86.63c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l192 192c12.5 12.5 12.5 32.75 0 45.25l-192 192C112.4 476.9 104.2 480 96 480z"/></svg>
13662                            
13663                                                    </button>
13664                                            
13665
13666                    
13667                    <div class="sub-menu-panel" id="mobile-submenu-72" aria-hidden="true">
13668                                                    
13669    
13670        
13671
13672
13673<div class="menu_container default_build_menu menu_container_3_navigation_72">
13674    <div class="nav_div_72">
13675                <ul class="nav_list" role="menu" aria-label="Designers " tabindex="-1">
13676                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    
13677                    <li style=""
13678                        class="" 
13679                        role="none">
13680
13681                          
13682
13683                                                <a class="nav_a_trd " title="Osborne Estate" href="https://www.osbornejewelersinc.com/osborne-estate"  data-full_image="" role="menuitem" tabindex="0" >
13684                                                                        Osborne Estate                                                                        </a>
13685                        
13686                              
13687
13688                         
13689
13690
13691
13692                                            </li>
13693
13694                
13695                            
13696                    <li style=""
13697                        class="" 
13698                        role="none">
13699
13700                          
13701
13702                                                <a class="nav_a_trd " title="Osborne Catalog Collection" href="https://www.osbornejewelersinc.com/osborne-signature-collection"  data-full_image="" role="menuitem" tabindex="-1" >
13703                                                                        Osborne Catalog Collection                                                                        </a>
13704                        
13705                              
13706
13707                         
13708
13709
13710
13711                                            </li>
13712
13713                
13714                            
13715                    <li style=""
13716                        class="" 
13717                        role="none">
13718
13719                          
13720
13721                                                <a class="nav_a_trd " title="Doves by Doron Paloma" href="https://www.osbornejewelersinc.com/doves-by-doron-paloma"  data-full_image="" role="menuitem" tabindex="-1" >
13722                                                                        Doves by Doron Paloma                                                                        </a>
13723                        
13724                              
13725
13726                         
13727
13728
13729
13730                                            </li>
13731
13732                
13733                            
13734                    <li style=""
13735                        class="" 
13736                        role="none">
13737
13738                          
13739
13740                                                <a class="nav_a_trd " title="Gabriel & Co. Bridal" href="https://www.osbornejewelersinc.com/gabriel-co-bridal"  data-full_image="" role="menuitem" tabindex="-1" >
13741                                                                        Gabriel & Co. Bridal                                                                        </a>
13742                        
13743                              
13744
13745                         
13746
13747
13748
13749                                            </li>
13750
13751                
13752                            
13753                    <li style=""
13754                        class="" 
13755                        role="none">
13756
13757                          
13758
13759                                                <a class="nav_a_trd " title="Gabriel & Co. Fashion" href="https://www.osbornejewelersinc.com/gabriel-co-fashion"  data-full_image="" role="menuitem" tabindex="-1" >
13760                                                                        Gabriel & Co. Fashion                                                                        </a>
13761                        
13762                              
13763
13764                         
13765
13766
13767
13768                                            </li>
13769
13770                
13771                            
13772                    <li style=""
13773                        class="" 
13774                        role="none">
13775
13776                          
13777
13778                                                <a class="nav_a_trd " title="John Hardy" href="https://www.osbornejewelersinc.com/john-hardy" target="_blank" data-full_image="" role="menuitem" tabindex="-1" >
13779                                                                        John Hardy                                                                        </a>
13780                        
13781                              
13782
13783                         
13784
13785
13786
13787                                            </li>
13788
13789                
13790                            
13791                    <li style=""
13792                        class="" 
13793                        role="none">
13794
13795                          
13796
13797                                                <a class="nav_a_trd " title="Benchmark Rings" href="https://www.osbornejewelersinc.com/benchmark"  data-full_image="/public/1.0/uploads/source/home/Desktop/2.png" role="menuitem" tabindex="-1" >
13798                                                                        Benchmark Rings                                                                        </a>
13799                        
13800                              
13801
13802                         
13803
13804
13805
13806                                            </li>
13807
13808                
13809                            
13810                    <li style=""
13811                        class="" 
13812                        role="none">
13813
13814                          
13815
13816                                                <a class="nav_a_trd " title="Le Vian" href="https://www.osbornejewelersinc.com/le-vian"  data-full_image="" role="menuitem" tabindex="-1" >
13817                                                                        Le Vian                                                                        </a>
13818                        
13819                              
13820
13821                         
13822
13823
13824
13825                                            </li>
13826
13827                
13828                            
13829                    <li style=""
13830                        class="" 
13831                        role="none">
13832
13833                          
13834
13835                                                <a class="nav_a_trd " title="Gold Jewelry" href="https://www.osbornejewelersinc.com/gold-jewelry" target="_blank" data-full_image="" role="menuitem" tabindex="-1" >
13836                                                                        Gold Jewelry                                                                        </a>
13837                        
13838                              
13839
13840                         
13841
13842
13843
13844                                            </li>
13845
13846                
13847                                        
13848                    <li style=""
13849                        class="" 
13850                        role="none">
13851
13852                          
13853
13854                                                <a class="nav_a_trd " title="Overnight Mountings" href="https://www.osbornejewelersinc.com/overnight-mountings"  data-full_image="" role="menuitem" tabindex="-1" >
13855                                                                        Overnight Mountings                                                                        </a>
13856                        
13857                              
13858
13859                         
13860
13861
13862
13863                                            </li>
13864
13865                
13866                                                                                                                                                                        </ul>
13867                    </div>
13868</div>
13869<style>
13870    .menu_container_3_navigation_72 {
13871        background: #fff;
13872                    }
13873    .horizontal_menu .nav_div_72 {
13874        padding: 15px 0px;
13875        box-shadow: 0px 0px 5px #00000078;        display: flex;
13876        flex-wrap: wrap;
13877    }
13878    .horizontal_menu .nav_img_72 {
13879        height: 200px;
13880        width: 250px;
13881        margin-left: 50px;
13882        margin-right: 20px;
13883        flex-shrink: 0;
13884        order: 1;
13885    }
13886    .horizontal_menu .nav_img_72 img {
13887        max-width: 100%;
13888        max-height: 100%;
13889    }
13890    .horizontal_menu .nav_div_72 .vfit {
13891        text-align: left;
13892        border-bottom: 1px solid #ececec;
13893        text-transform: uppercase;
13894    }
13895    .nav_div_72 .vfit a {
13896        text-decoration: none;
13897        color: #222;
13898    }
13899    .nav_div_72 .nav_list {
13900        list-style: none;
13901        margin: 0;
13902        padding: 0;
13903        order: 1;
13904            }
13905    .nav_div_72 ul {
13906        list-style: none;
13907    }
13908    #mobile_hamburger_menu_template .nav_div_72 li {
13909        width: 100%;
13910        margin: 0;
13911        padding: 0px 20px;
13912        position: relative;
13913    }
13914    .horizontal_menu .nav_div_72 li {
13915        width: 100%;
13916        margin: 0;
13917        padding: 0px 20px;
13918        position: relative;
13919    }
13920    
13921    #mobile_hamburger_menu_template .nav_div_72 li svg {
13922        position: absolute;
13923        right: 15px;
13924        height: 10px;
13925        top: 10px;
13926    }
13927    .horizontal_menu .nav_div_72 li svg {
13928        position: absolute;
13929        right: 15px;
13930        height: 10px;
13931        top: 10px;
13932    }
13933    
13934    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_72 .nav_div_72 .nav_list li .nav_a_trd {
13935        display: flex;
13936        align-items: center;
13937        padding: 0;
13938        line-height: 30px;
13939        font-size: 14px;
13940        text-transform: uppercase;
13941        text-decoration: none;
13942        color: #222;
13943        white-space: normal;
13944
13945        color:#4d4d4d;                font-style:italic;                font-size:14px;        font-family:Arial;        text-transform:uppercase;                line-height:35px;
13946    }
13947    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_72 .nav_div_72 .nav_list li button {
13948        background: none;
13949        border: none;
13950        cursor: pointer;
13951    }
13952    
13953    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_72 .nav_div_72 .nav_list li .nav_a_trd.parent_men {
13954        text-decoration: underline;
13955    }
13956
13957    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_72 .nav_div_72 .nav_list li .nav_a_trd:hover {
13958        color:#000000;        cursor: pointer;
13959    }
13960
13961
13962    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_72 .nav_div_72 .nav_list li .nav_list_trd li a {
13963        display: flex;
13964        align-items: center;
13965        padding: 0;
13966        line-height: 30px;
13967        font-size: 14px;
13968        text-transform: uppercase;
13969        text-decoration: none;
13970        color: #222;
13971        white-space: normal;
13972
13973        color:#4d4d4d;                font-style:normal;                font-size:px;        font-family:Arial;        text-transform:none;                line-height:35px;    }
13974
13975    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_72 .nav_div_72 .nav_list li .nav_list_trd li a:hover {
13976        color:#000000;    }
13977
13978    .nav_div_72 .nav_list li a .nav_icons {
13979        height: 30px;
13980        margin-right: 5px;
13981            }
13982
13983    
13984
13985    .nav_div_72 .nav_list li a:hover {
13986        color: #3172ab;
13987    }
13988    .horizontal_menu .nav_div_72 .nav_list_trd {
13989        display: none;
13990        position: absolute;
13991        left: 100%;
13992        top: -15px;
13993        padding: 15px 0px;
13994        box-shadow: 0px 0px 5px #00000078;        background: #fff;
13995    }
13996    .horizontal_menu .nav_div_72 .nav_list>li .nav_list_trd.open,
13997    .horizontal_menu .nav_div_72 .nav_list>li:hover .nav_list_trd {
13998        display: block;
13999        z-index: 99;
14000    }
14001
14002    .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_72,
14003    .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_72 .nav_list_trd{
14004                    width: 250px;
14005            }
14006
14007            .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_72 .nav_list_trd{
14008            width: 250px;
14009        }
14010    </style>
14011                                            </div>
14012                    <div class="hum-line"></div>
14013                            
14014                    
14015                        <div class="ham_menu_container">
14016                        <a class="hamburger-menu-nav-section parent_men " title="About Us" href="https://www.osbornejewelersinc.com/about-us" >
14017
14018                            <span class="icon_and_name">
14019                            
14020                                About Us                            </span>
14021
14022                        </a>
14023                        <button type="button" class="hamburger-menu-nav-section parent_men_arrow" aria-expanded="false" aria-controls="mobile-submenu-21" aria-label="Expand About Us section">
14024
14025                                                            <svg viewBox="0 0 320 512" focusable="false" aria-hidden="true"><path d="M96 480c-8.188 0-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L242.8 256L73.38 86.63c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l192 192c12.5 12.5 12.5 32.75 0 45.25l-192 192C112.4 476.9 104.2 480 96 480z"/></svg>
14026                            
14027                        </button>
14028                    
14029
14030                    
14031                        </div>
14032                    
14033                    <div class="sub-menu-panel" id="mobile-submenu-21" aria-hidden="true">
14034                                                    
14035    
14036        
14037
14038
14039<div class="menu_container default_build_menu menu_container_3_navigation_21">
14040    <div class="nav_div_21">
14041                <ul class="nav_list" role="menu" aria-label="About Us" tabindex="-1">
14042                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        
14043                    <li style=""
14044                        class="" 
14045                        role="none">
14046
14047                          
14048
14049                                                <a class="nav_a_trd " title="Meet the Staff" href="https://www.osbornejewelersinc.com/meet-the-staff-of-osborne-jewelers"  data-full_image="" role="menuitem" tabindex="0" >
14050                                                                        Meet the Staff                                                                        </a>
14051                        
14052                              
14053
14054                         
14055
14056
14057
14058                                            </li>
14059
14060                
14061                            
14062                    <li style=""
14063                        class="" 
14064                        role="none">
14065
14066                          
14067
14068                                                <a class="nav_a_trd " title="Financing" href="https://www.osbornejewelersinc.com/financing"  data-full_image="" role="menuitem" tabindex="-1" >
14069                                                                        Financing                                                                        </a>
14070                        
14071                              
14072
14073                         
14074
14075
14076
14077                                            </li>
14078
14079                
14080                            
14081                    <li style=""
14082                        class="" 
14083                        role="none">
14084
14085                          
14086
14087                                                <a class="nav_a_trd " title="Services" href="https://www.osbornejewelersinc.com/services-osborne-jewelers"  data-full_image="" role="menuitem" tabindex="-1" >
14088                                                                        Services                                                                        </a>
14089                        
14090                              
14091
14092                         
14093
14094
14095
14096                                            </li>
14097
14098                
14099                                                                                                                                                                                                                                                                                                                                    </ul>
14100                    </div>
14101</div>
14102<style>
14103    .menu_container_3_navigation_21 {
14104        background: #fff;
14105                    }
14106    .horizontal_menu .nav_div_21 {
14107        padding: 15px 0px;
14108        box-shadow: 0px 0px 5px #00000078;        display: flex;
14109        flex-wrap: wrap;
14110    }
14111    .horizontal_menu .nav_img_21 {
14112        height: 200px;
14113        width: 250px;
14114        margin-left: 50px;
14115        margin-right: 20px;
14116        flex-shrink: 0;
14117        order: 1;
14118    }
14119    .horizontal_menu .nav_img_21 img {
14120        max-width: 100%;
14121        max-height: 100%;
14122    }
14123    .horizontal_menu .nav_div_21 .vfit {
14124        text-align: left;
14125        border-bottom: 1px solid #ececec;
14126        text-transform: uppercase;
14127    }
14128    .nav_div_21 .vfit a {
14129        text-decoration: none;
14130        color: #222;
14131    }
14132    .nav_div_21 .nav_list {
14133        list-style: none;
14134        margin: 0;
14135        padding: 0;
14136        order: 1;
14137            }
14138    .nav_div_21 ul {
14139        list-style: none;
14140    }
14141    #mobile_hamburger_menu_template .nav_div_21 li {
14142        width: 100%;
14143        margin: 0;
14144        padding: 0px 20px;
14145        position: relative;
14146    }
14147    .horizontal_menu .nav_div_21 li {
14148        width: 100%;
14149        margin: 0;
14150        padding: 0px 20px;
14151        position: relative;
14152    }
14153    
14154    #mobile_hamburger_menu_template .nav_div_21 li svg {
14155        position: absolute;
14156        right: 15px;
14157        height: 10px;
14158        top: 10px;
14159    }
14160    .horizontal_menu .nav_div_21 li svg {
14161        position: absolute;
14162        right: 15px;
14163        height: 10px;
14164        top: 10px;
14165    }
14166    
14167    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_21 .nav_div_21 .nav_list li .nav_a_trd {
14168        display: flex;
14169        align-items: center;
14170        padding: 0;
14171        line-height: 30px;
14172        font-size: 14px;
14173        text-transform: uppercase;
14174        text-decoration: none;
14175        color: #222;
14176        white-space: normal;
14177
14178        color:#4d4d4d;                font-style:italic;                font-size:14px;        font-family:Arial;        text-transform:uppercase;                line-height:35px;
14179    }
14180    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_21 .nav_div_21 .nav_list li button {
14181        background: none;
14182        border: none;
14183        cursor: pointer;
14184    }
14185    
14186    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_21 .nav_div_21 .nav_list li .nav_a_trd.parent_men {
14187        text-decoration: underline;
14188    }
14189
14190    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_21 .nav_div_21 .nav_list li .nav_a_trd:hover {
14191        color:#000000;        cursor: pointer;
14192    }
14193
14194
14195    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_21 .nav_div_21 .nav_list li .nav_list_trd li a {
14196        display: flex;
14197        align-items: center;
14198        padding: 0;
14199        line-height: 30px;
14200        font-size: 14px;
14201        text-transform: uppercase;
14202        text-decoration: none;
14203        color: #222;
14204        white-space: normal;
14205
14206        color:#4d4d4d;                font-style:normal;                font-size:px;        font-family:Arial;        text-transform:none;                line-height:35px;    }
14207
14208    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_21 .nav_div_21 .nav_list li .nav_list_trd li a:hover {
14209        color:#000000;    }
14210
14211    .nav_div_21 .nav_list li a .nav_icons {
14212        height: 30px;
14213        margin-right: 5px;
14214            }
14215
14216    
14217
14218    .nav_div_21 .nav_list li a:hover {
14219        color: #3172ab;
14220    }
14221    .horizontal_menu .nav_div_21 .nav_list_trd {
14222        display: none;
14223        position: absolute;
14224        left: 100%;
14225        top: -15px;
14226        padding: 15px 0px;
14227        box-shadow: 0px 0px 5px #00000078;        background: #fff;
14228    }
14229    .horizontal_menu .nav_div_21 .nav_list>li .nav_list_trd.open,
14230    .horizontal_menu .nav_div_21 .nav_list>li:hover .nav_list_trd {
14231        display: block;
14232        z-index: 99;
14233    }
14234
14235    .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_21,
14236    .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_21 .nav_list_trd{
14237                    width: 250px;
14238            }
14239
14240            .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_21 .nav_list_trd{
14241            width: 250px;
14242        }
14243    </style>
14244                                            </div>
14245                    <div class="hum-line"></div>
14246                            
14247                    
14248                                                    <button type="button" class="hamburger-menu
14248-nav-section " aria-expanded="false" aria-controls="mobile-submenu-90" aria-label="Expand Education section">
14249                                                <span class="icon_and_name">
14250                        
14251                            Education                        </span>
14252                                                            <svg viewBox="0 0 320 512" focusable="false" aria-hidden="true"><path d="M96 480c-8.188 0-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L242.8 256L73.38 86.63c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l192 192c12.5 12.5 12.5 32.75 0 45.25l-192 192C112.4 476.9 104.2 480 96 480z"/></svg>
14253                            
14254                                                    </button>
14255                                            
14256
14257                    
14258                    <div class="sub-menu-panel" id="mobile-submenu-90" aria-hidden="true">
14259                                                    
14260    
14261        
14262
14263
14264<div class="menu_container default_build_menu menu_container_3_navigation_90">
14265    <div class="nav_div_90">
14266                <ul class="nav_list" role="menu" aria-label="Education" tabindex="-1">
14267                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            
14268                    <li style=""
14269                        class="" 
14270                        role="none">
14271
14272                          
14273
14274                                                <a class="nav_a_trd " title="Diamond Guide" href="https://www.osbornejewelersinc.com/diamond-buyers-guide"  data-full_image="" role="menuitem" tabindex="0" >
14275                                                                        Diamond Guide                                                                        </a>
14276                        
14277                              
14278
14279                         
14280
14281
14282
14283                                            </li>
14284
14285                
14286                            
14287                    <li style=""
14288                        class="" 
14289                        role="none">
14290
14291                          
14292
14293                                                <a class="nav_a_trd " title="Gem Guide" href="https://www.osbornejewelersinc.com/gemstone-guide"  data-full_image="" role="menuitem" tabindex="-1" >
14294                                                                        Gem Guide                                                                        </a>
14295                        
14296                              
14297
14298                         
14299
14300
14301
14302                                            </li>
14303
14304                
14305                            
14306                    <li style=""
14307                        class="" 
14308                        role="none">
14309
14310                          
14311
14312                                                <a class="nav_a_trd " title="Master IJO Jeweler" href="https://www.osbornejewelersinc.com/master-ijo-jeweler-osborne-jewelers"  data-full_image="" role="menuitem" tabindex="-1" >
14313                                                                        Master IJO Jeweler                                                                        </a>
14314                        
14315                              
14316
14317                         
14318
14319
14320
14321                                            </li>
14322
14323                
14324                            
14325                    <li style=""
14326                        class="" 
14327                        role="none">
14328
14329                          
14330
14331                                                <a class="nav_a_trd " title="Talk the Trade" href="https://www.osbornejewelersinc.com/talk-the-trade"  data-full_image="" role="menuitem" tabindex="-1" >
14332                                                                        Talk the Trade                                                                        </a>
14333                        
14334                              
14335
14336                         
14337
14338
14339
14340                                            </li>
14341
14342                
14343                                    </ul>
14344                    </div>
14345</div>
14346<style>
14347    .menu_container_3_navigation_90 {
14348        background: #fff;
14349                    }
14350    .horizontal_menu .nav_div_90 {
14351        padding: 15px 0px;
14352        box-shadow: 0px 0px 5px #00000078;        display: flex;
14353        flex-wrap: wrap;
14354    }
14355    .horizontal_menu .nav_img_90 {
14356        height: 200px;
14357        width: 250px;
14358        margin-left: 50px;
14359        margin-right: 20px;
14360        flex-shrink: 0;
14361        order: 1;
14362    }
14363    .horizontal_menu .nav_img_90 img {
14364        max-width: 100%;
14365        max-height: 100%;
14366    }
14367    .horizontal_menu .nav_div_90 .vfit {
14368        text-align: left;
14369        border-bottom: 1px solid #ececec;
14370        text-transform: uppercase;
14371    }
14372    .nav_div_90 .vfit a {
14373        text-decoration: none;
14374        color: #222;
14375    }
14376    .nav_div_90 .nav_list {
14377        list-style: none;
14378        margin: 0;
14379        padding: 0;
14380        order: 1;
14381            }
14382    .nav_div_90 ul {
14383        list-style: none;
14384    }
14385    #mobile_hamburger_menu_template .nav_div_90 li {
14386        width: 100%;
14387        margin: 0;
14388        padding: 0px 20px;
14389        position: relative;
14390    }
14391    .horizontal_menu .nav_div_90 li {
14392        width: 100%;
14393        margin: 0;
14394        padding: 0px 20px;
14395        position: relative;
14396    }
14397    
14398    #mobile_hamburger_menu_template .nav_div_90 li svg {
14399        position: absolute;
14400        right: 15px;
14401        height: 10px;
14402        top: 10px;
14403    }
14404    .horizontal_menu .nav_div_90 li svg {
14405        position: absolute;
14406        right: 15px;
14407        height: 10px;
14408        top: 10px;
14409    }
14410    
14411    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_90 .nav_div_90 .nav_list li .nav_a_trd {
14412        display: flex;
14413        align-items: center;
14414        padding: 0;
14415        line-height: 30px;
14416        font-size: 14px;
14417        text-transform: uppercase;
14418        text-decoration: none;
14419        color: #222;
14420        white-space: normal;
14421
14422        color:#4d4d4d;                font-style:italic;                font-size:14px;        font-family:Arial;        text-transform:uppercase;                line-height:35px;
14423    }
14424    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_90 .nav_div_90 .nav_list li button {
14425        background: none;
14426        border: none;
14427        cursor: pointer;
14428    }
14429    
14430    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_90 .nav_div_90 .nav_list li .nav_a_trd.parent_men {
14431        text-decoration: underline;
14432    }
14433
14434    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_90 .nav_div_90 .nav_list li .nav_a_trd:hover {
14435        color:#000000;        cursor: pointer;
14436    }
14437
14438
14439    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_90 .nav_div_90 .nav_list li .nav_list_trd li a {
14440        display: flex;
14441        align-items: center;
14442        padding: 0;
14443        line-height: 30px;
14444        font-size: 14px;
14445        text-transform: uppercase;
14446        text-decoration: none;
14447        color: #222;
14448        white-space: normal;
14449
14450        color:#4d4d4d;                font-style:normal;                font-size:px;        font-family:Arial;        text-transform:none;                line-height:35px;    }
14451
14452    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_90 .nav_div_90 .nav_list li .nav_list_trd li a:hover {
14453        color:#000000;    }
14454
14455    .nav_div_90 .nav_list li a .nav_icons {
14456        height: 30px;
14457        margin-right: 5px;
14458            }
14459
14460    
14461
14462    .nav_div_90 .nav_list li a:hover {
14463        color: #3172ab;
14464    }
14465    .horizontal_menu .nav_div_90 .nav_list_trd {
14466        display: none;
14467        position: absolute;
14468        left: 100%;
14469        top: -15px;
14470        padding: 15px 0px;
14471        box-shadow: 0px 0px 5px #00000078;        background: #fff;
14472    }
14473    .horizontal_menu .nav_div_90 .nav_list>li .nav_list_trd.open,
14474    .horizontal_menu .nav_div_90 .nav_list>li:hover .nav_list_trd {
14475        display: block;
14476        z-index: 99;
14477    }
14478
14479    .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_90,
14480    .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_90 .nav_list_trd{
14481                    width: 250px;
14482            }
14483
14484            .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_90 .nav_list_trd{
14485            width: 250px;
14486        }
14487    </style>
14488                                            </div>
14489                    <div class="hum-line"></div>
14490                            
14491                    
14492                                                    <a class="hamburger-menu
14492-nav-section " title="Contact Us" href="https://www.osbornejewelersinc.com/contact-us" >
14493                                                <span class="icon_and_name">
14494                        
14495                            Contact Us                        </span>
14496                            
14497                                                    </a>
14498                                            
14499
14500                    
14501                    <div class="sub-menu-panel" id="mobile-submenu-22" aria-hidden="true">
14502                                                    
14503    
14504        
14505
14506
14507<div class="menu_container default_build_menu menu_container_3_navigation_22">
14508    <div class="nav_div_22">
14509                    </div>
14510</div>
14511<style>
14512    .menu_container_3_navigation_22 {
14513        background: #fff;
14514                    }
14515    .horizontal_menu .nav_div_22 {
14516        padding: 15px 0px;
14517        box-shadow: 0px 0px 5px #00000078;        display: flex;
14518        flex-wrap: wrap;
14519    }
14520    .horizontal_menu .nav_img_22 {
14521        height: 200px;
14522        width: 250px;
14523        margin-left: 50px;
14524        margin-right: 20px;
14525        flex-shrink: 0;
14526        order: 1;
14527    }
14528    .horizontal_menu .nav_img_22 img {
14529        max-width: 100%;
14530        max-height: 100%;
14531    }
14532    .horizontal_menu .nav_div_22 .vfit {
14533        text-align: left;
14534        border-bottom: 1px solid #ececec;
14535        text-transform: uppercase;
14536    }
14537    .nav_div_22 .vfit a {
14538        text-decoration: none;
14539        color: #222;
14540    }
14541    .nav_div_22 .nav_list {
14542        list-style: none;
14543        margin: 0;
14544        padding: 0;
14545        order: 1;
14546            }
14547    .nav_div_22 ul {
14548        list-style: none;
14549    }
14550    #mobile_hamburger_menu_template .nav_div_22 li {
14551        width: 100%;
14552        margin: 0;
14553        padding: 0px 20px;
14554        position: relative;
14555    }
14556    .horizontal_menu .nav_div_22 li {
14557        width: 100%;
14558        margin: 0;
14559        padding: 0px 20px;
14560        position: relative;
14561    }
14562    
14563    #mobile_hamburger_menu_template .nav_div_22 li svg {
14564        position: absolute;
14565        right: 15px;
14566        height: 10px;
14567        top: 10px;
14568    }
14569    .horizontal_menu .nav_div_22 li svg {
14570        position: absolute;
14571        right: 15px;
14572        height: 10px;
14573        top: 10px;
14574    }
14575    
14576    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_22 .nav_div_22 .nav_list li .nav_a_trd {
14577        display: flex;
14578        align-items: center;
14579        padding: 0;
14580        line-height: 30px;
14581        font-size: 14px;
14582        text-transform: uppercase;
14583        text-decoration: none;
14584        color: #222;
14585        white-space: normal;
14586
14587        color:#4d4d4d;                font-style:italic;                font-size:14px;        font-family:Arial;        text-transform:uppercase;                line-height:35px;
14588    }
14589    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_22 .nav_div_22 .nav_list li button {
14590        background: none;
14591        border: none;
14592        cursor: pointer;
14593    }
14594    
14595    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_22 .nav_div_22 .nav_list li .nav_a_trd.parent_men {
14596        text-decoration: underline;
14597    }
14598
14599    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_22 .nav_div_22 .nav_list li .nav_a_trd:hover {
14600        color:#000000;        cursor: pointer;
14601    }
14602
14603
14604    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_22 .nav_div_22 .nav_list li .nav_list_trd li a {
14605        display: flex;
14606        align-items: center;
14607        padding: 0;
14608        line-height: 30px;
14609        font-size: 14px;
14610        text-transform: uppercase;
14611        text-decoration: none;
14612        color: #222;
14613        white-space: normal;
14614
14615        color:#4d4d4d;                font-style:normal;                font-size:px;        font-family:Arial;        text-transform:none;                line-height:35px;    }
14616
14617    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_22 .nav_div_22 .nav_list li .nav_list_trd li a:hover {
14618        color:#000000;    }
14619
14620    .nav_div_22 .nav_list li a .nav_icons {
14621        height: 30px;
14622        margin-right: 5px;
14623            }
14624
14625    
14626
14627    .nav_div_22 .nav_list li a:hover {
14628        color: #3172ab;
14629    }
14630    .horizontal_menu .nav_div_22 .nav_list_trd {
14631        display: none;
14632        position: absolute;
14633        left: 100%;
14634        top: -15px;
14635        padding: 15px 0px;
14636        box-shadow: 0px 0px 5px #00000078;        background: #fff;
14637    }
14638    .horizontal_menu .nav_div_22 .nav_list>li .nav_list_trd.open,
14639    .horizontal_menu .nav_div_22 .nav_list>li:hover .nav_list_trd {
14640        display: block;
14641        z-index: 99;
14642    }
14643
14644    .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_22,
14645    .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_22 .nav_list_trd{
14646                    width: 250px;
14647            }
14648
14649            .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_22 .nav_list_trd{
14650            width: 250px;
14651        }
14652    </style>
14653                                            </div>
14654                    <div class="hum-line"></div>
14655                            
14656                    
14657                                                    <a class="hamburger-menu
14657-nav-section " title="Book an online appointment" href="https://www.osbornejewelersinc.com/book-an-online-appointment" target="_blank">
14658                                                <span class="icon_and_name">
14659                        
14660                            Book an online appointment                        </span>
14661                            
14662                                                    </a>
14663                                            
14664
14665                    
14666                    <div class="sub-menu-panel" id="mobile-submenu-106" aria-hidden="true">
14667                                                    
14668    
14669        
14670
14671
14672<div class="menu_container default_build_menu menu_container_3_navigation_106">
14673    <div class="nav_div_106">
14674                    </div>
14675</div>
14676<style>
14677    .menu_container_3_navigation_106 {
14678        background: #fff;
14679                    }
14680    .horizontal_menu .nav_div_106 {
14681        padding: 15px 0px;
14682        box-shadow: 0px 0px 5px #00000078;        display: flex;
14683        flex-wrap: wrap;
14684    }
14685    .horizontal_menu .nav_img_106 {
14686        height: 200px;
14687        width: 250px;
14688        margin-left: 50px;
14689        margin-right: 20px;
14690        flex-shrink: 0;
14691        order: 1;
14692    }
14693    .horizontal_menu .nav_img_106 img {
14694        max-width: 100%;
14695        max-height: 100%;
14696    }
14697    .horizontal_menu .nav_div_106 .vfit {
14698        text-align: left;
14699        border-bottom: 1px solid #ececec;
14700        text-transform: uppercase;
14701    }
14702    .nav_div_106 .vfit a {
14703        text-decoration: none;
14704        color: #222;
14705    }
14706    .nav_div_106 .nav_list {
14707        list-style: none;
14708        margin: 0;
14709        padding: 0;
14710        order: 1;
14711            }
14712    .nav_div_106 ul {
14713        list-style: none;
14714    }
14715    #mobile_hamburger_menu_template .nav_div_106 li {
14716        width: 100%;
14717        margin: 0;
14718        padding: 0px 20px;
14719        position: relative;
14720    }
14721    .horizontal_menu .nav_div_106 li {
14722        width: 100%;
14723        margin: 0;
14724        padding: 0px 20px;
14725        position: relative;
14726    }
14727    
14728    #mobile_hamburger_menu_template .nav_div_106 li svg {
14729        position: absolute;
14730        right: 15px;
14731        height: 10px;
14732        top: 10px;
14733    }
14734    .horizontal_menu .nav_div_106 li svg {
14735        position: absolute;
14736        right: 15px;
14737        height: 10px;
14738        top: 10px;
14739    }
14740    
14741    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_106 .nav_div_106 .nav_list li .nav_a_trd {
14742        display: flex;
14743        align-items: center;
14744        padding: 0;
14745        line-height: 30px;
14746        font-size: 14px;
14747        text-transform: uppercase;
14748        text-decoration: none;
14749        color: #222;
14750        white-space: normal;
14751
14752        color:#4d4d4d;                font-style:italic;                font-size:14px;        font-family:Arial;        text-transform:uppercase;                line-height:35px;
14753    }
14754    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_106 .nav_div_106 .nav_list li button {
14755        background: none;
14756        border: none;
14757        cursor: pointer;
14758    }
14759    
14760    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_106 .nav_div_106 .nav_list li .nav_a_trd.parent_men {
14761        text-decoration: underline;
14762    }
14763
14764    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_106 .nav_div_106 .nav_list li .nav_a_trd:hover {
14765        color:#000000;        cursor: pointer;
14766    }
14767
14768
14769    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_106 .nav_div_106 .nav_list li .nav_list_trd li a {
14770        display: flex;
14771        align-items: center;
14772        padding: 0;
14773        line-height: 30px;
14774        font-size: 14px;
14775        text-transform: uppercase;
14776        text-decoration: none;
14777        color: #222;
14778        white-space: normal;
14779
14780        color:#4d4d4d;                font-style:normal;                font-size:px;        font-family:Arial;        text-transform:none;                line-height:35px;    }
14781
14782    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_106 .nav_div_106 .nav_list li .nav_list_trd li a:hover {
14783        color:#000000;    }
14784
14785    .nav_div_106 .nav_list li a .nav_icons {
14786        height: 30px;
14787        margin-right: 5px;
14788            }
14789
14790    
14791
14792    .nav_div_106 .nav_list li a:hover {
14793        color: #3172ab;
14794    }
14795    .horizontal_menu .nav_div_106 .nav_list_trd {
14796        display: none;
14797        position: absolute;
14798        left: 100%;
14799        top: -15px;
14800        padding: 15px 0px;
14801        box-shadow: 0px 0px 5px #00000078;        background: #fff;
14802    }
14803    .horizontal_menu .nav_div_106 .nav_list>li .nav_list_trd.open,
14804    .horizontal_menu .nav_div_106 .nav_list>li:hover .nav_list_trd {
14805        display: block;
14806        z-index: 99;
14807    }
14808
14809    .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_106,
14810    .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_106 .nav_list_trd{
14811                    width: 250px;
14812            }
14813
14814            .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_106 .nav_list_trd{
14815            width: 250px;
14816        }
14817    </style>
14818                                            </div>
14819                    <div class="hum-line"></div>
14820                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                <div class="script_after_menu">
14821                                            </div>
14822        </div>
14823    </nav>
14824    <div class="hamburger-menu-template-overlay" id="mobile_hamburger_menu_template_overlay"></div>
14825
14826    
14826<script>
14827        $(function () {
14828        
14829            const $menuRoot   = $('#mobile_hamburger_menu_template');
14830            const $menuWrap   = $('.header_container_3');
14831            const $button     = $('#mobile_hamburger_button');
14832            const $overlay    = $('#mobile_hamburger_menu_template_overlay');
14833            const $closeBtn   = $('#mobile_hamburger_close_button');
14834        
14835            const trap = focusTrap.createFocusTrap($menuRoot[0], {
14836                onActivate: () => $menuRoot.addClass('is-active'),
14837                onDeactivate: () => $menuRoot.removeClass('is-active'),
14838                clickOutsideDeactivates: true
14839            });
14840        
14841            $button.on('click keypress', function (event) {
14842                if (event.which === 13 || event.which === 32 || event.type === 'click') {
14843                    if (event.which === 32) event.preventDefault();
14844        
14845                    const isOpen = $menuRoot.hasClass('open');
14846        
14847                    $menuRoot.toggleClass('open');
14848                    $overlay.toggleClass('open');
14849                    $menuRoot.removeAttr('inert');
14850                    $button.attr('aria-expanded', String(!isOpen));
14851        
14852                    if (!isOpen) {
14853                        trap.activate();
14854                        $closeBtn.focus();
14855                    } else {
14856                        closeHamburgerMenu();
14857                    }
14858                }
14859            });
14860        
14861            $closeBtn.add($overlay).on('click keypress', function (event) {
14862                if (event.which === 13 || event.which === 32 || event.type === 'click') {
14863                    if (event.which === 32) event.preventDefault();
14864                    closeHamburgerMenu();
14865                }
14866            });
14867        
14868            function closeHamburgerMenu() {
14869                $menuRoot.removeClass('open').attr('inert', 'inert');
14870                $overlay.removeClass('open');
14871                $button.attr('aria-expanded', 'false');
14872        
14873                $menuRoot.find('.sub-menu-panel').each(function () {
14874                    const $submenu = $(this);
14875                    $submenu.removeClass('open').attr('aria-hidden', 'true');
14876                    updateSubmenuTabindex($submenu, true);
14877                });
14878        
14879                $menuRoot.find('.hamburger-menu-nav-section[aria-expanded="true"]')
14880                    .attr('aria-expanded', 'false');
14881        
14882                trap.deactivate();
14883            }
14884        
14885            function updateSubmenuTabindex($submenu, isHidden) {
14886                const $items = $submenu.find('a');
14887            
14888                if (isHidden) {
14889                    $items.each(function () {
14890                        $(this).attr('tabindex', '-1');
14891                    });
14892                } else {
14893                    $items.each(function () {
14894                        $(this).attr('tabindex', '0');
14895                    });
14896                }
14897            }
14898            
14899            $menuRoot.on('keypress', '.nav_a_trd', function (e) {
14900            
14901                e.preventDefault();
14902                e.stopPropagation();
14903            
14904                const $trigger = $(this);
14905                const $submenu = $trigger.next('.nav_list_trd');
14906            
14907                if (!$submenu.length) return;
14908            
14909                const isOpen = $submenu.hasClass('open');
14910            
14911                $menuRoot.find('.nav_list_trd.open').not($submenu).each(function () {
14912                    $(this)
14913                        .removeClass('open')
14914                        .attr('aria-hidden', 'true');
14915                    updateSubmenuTabindex($(this), true);
14916                });
14917            
14918                if (isOpen) {
14919                    $submenu
14920                        .removeClass('open')
14921                        .attr('aria-hidden', 'true');
14922                    updateSubmenuTabindex($submenu, true);
14923                } else {
14924                    $submenu
14925                        .addClass('open')
14926                        .attr('aria-hidden', 'false');
14927                    updateSubmenuTabindex($submenu, false);
14928                }
14929            });
14930        
14931            $menuWrap.on('click keypress', '.hamburger-menu-nav-section[aria-controls]', function (e) {
14932        
14933                e.preventDefault();
14934                e.stopPropagation();
14935        
14936                const $btn = $(this);
14937                const submenuId = $btn.attr('aria-controls');
14938                const $submenu = $menuRoot.find('.sub-menu-panel#' + submenuId);
14939        
14940                if (!$submenu.length) return;
14941        
14942                const isExpanded = $btn.attr('aria-expanded') === 'true';
14943        
14944                $menuRoot.find('.sub-menu-panel').not($submenu).each(function () {
14945                    $(this).removeClass('open').attr('aria-hidden', 'true');
14946                    updateSubmenuTabindex($(this), true);
14947                });
14948        
14949                $menuRoot.find('[aria-controls]')
14950                    .not($btn)
14951                    .attr('aria-expanded', 'false');
14952        
14953                if (isExpanded) {
14954                    console.log($submenu)
14955                    $btn.attr('aria-expanded', 'false');
14956                    $submenu.removeClass('open').attr('aria-hidden', 'true');
14957                    updateSubmenuTabindex($submenu, true);
14958                } else {
14959                    $btn.attr('aria-expanded', 'true');
14960                    $submenu.addClass('open').attr('aria-hidden', 'false');
14961                    updateSubmenuTabindex($submenu, false);
14962                }
14963            });
14964        
14965            $menuRoot.on('keydown', function (e) {
14966                if (e.key !== 'Escape') return;
14967            
14968                const $open = $menuRoot.find('.nav_list_trd.open').last();
14969                if (!$open.length) return;
14970            
14971                $open
14972                    .removeClass('open')
14973                    .attr('aria-hidden', 'true');
14974            
14975                updateSubmenuTabindex($open, true);
14976            
14977                $open.prev('.nav_a_trd').focus();
14978            
14979                e.preventDefault();
14980                e.stopPropagation();
14981            });
14982        
14983            $menuRoot.find('.sub-menu-panel').each(function () {
14984                const $submenu = $(this);
14985                const isOpen = $submenu.hasClass('open') && $submenu.attr('aria-hidden') !== 'true';
14986                updateSubmenuTabindex($submenu, !isOpen);
14987            });
14988        
14989        });
14990
14991    </script>
14991
14992</div>
14993
14994<style>
14995    #mobile_hamburger_menu_template>ul>li>a,
14996    #mobile_hamburger_menu_template>ul>li>button {
14997    color:#4d4d4d; display: flex;
14998                font-size:15px;    font-family:Arial;    text-transform:none;        line-height:40px;    }
14999
15000    #mobile_hamburger_menu_template>ul>li>a:hover,
15001    #mobile_hamburger_menu_template>ul>li>button:hover {
15002    color:#000000;    }
15003</style>
15004                            </div>
15005                        
15006                    </div>
15007                
15008            
15009        </div>
15010
15011
15012    
15013</header>
15014
15015<main id="main" class="main_page_container page_type_900 page_guid_3000016">
15016    
15016<script>
15017        // RS 2026-06-29 https://www.wrike.com/open.htm?id=4445249726
15018        // Current checkout step for sc-session-manager.js.
15019        window.scSession = window.scSession || {};
15020        window.scSession.isCart = true;
15021        window.scSession.currentStep = "cart";
15022    </script>
15022
15023        <form style="display:none" method="post" id="sc_session_form" action="" aria-label="Shopping cart session form">
15024        <input type="hidden" name="_csrf_token" value="e14336c6228da98757e37434be16a7613e4d5647029749adbdf09abb4ea6fe29">      <!--input type="hidden" name="sc_session" id="sc_session"-->
15025      <textarea type="hidden" name="sc_session_info_bar" id="sc_session_info_bar"></textarea>
15026    </form>
15027
15028    <h1 class="title filter-title text-center mb-4 invisible d-none">Information</h1>
15029
15030
15031        
15032    <div class="shopping_content d-flex mt-4 cart_page ">
15033
15034        <div class="card_no_display visible-only-mobile show_order_sum">
15035            <div class="show_order_inner px-3 px-sm-5">
15036                <div>
15037                    <span>Show Order Summary</span>
15038                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" aria-hidden="true" focusable="false"><path d="M27.66 224h264.7c24.6 0 36.89-29.78 19.54-47.12l-132.3-136.8c-5.406-5.406-12.47-8.107-19.53-8.107c-7.055 0-14.09 2.701-19.45 8.107L8.119 176.9C-9.229 194.2 3.055 224 27.66 224zM292.3 288H27.66c-24.6 0-36.89 29.77-19.54 47.12l132.5 136.8C145.9 477.3 152.1 480 160 480c7.053 0 14.12-2.703 19.53-8.109l132.3-136.8C329.2 317.8 316.9 288 292.3 288z"/></svg>
15039                </div>
15040                <span class="total_pay">$0</span>
15041            </div>
15042        </div>
15043
15044        <div class="shopping_left_div d-flex justify-content-lg-end card_no_display">
15045            <div class="information_div p-3 py-sm-3 px-sm-5">
15046
15047                    <div class="dsteps content_information_step" style="display:none">
15048                    
15049<nav aria-label="Shopping Cart Navigation" class="mb-5 cart_navigation">
15050    <a href="javascript:void(0)" class="cart_step">Cart</a> &#9656;
15051    <a href="javascript:void(0)" class="information_step active" aria-current="page">Information</a> &#9656;
15052    <a href="/shopping-cart?step=shipping" class="shipping_step">Shipping</a> <span class="shipping_arrow" aria-hidden="true">&#9656;</span>
15053    <a href="/shopping-cart?step=payment" class="payment_step">Payment</a>
15054</nav>
15055<form id="info-form"  method="post" aria-label="Checkout contact and shipping information form">
15056    <input type="hidden" name="_csrf_token" value="e14336c6228da98757e37434be16a7613e4d5647029749adbdf09abb4ea6fe29"> <div class="hiddenAmazon">
15057<h5 class="mb-3 general_style">Contact Information</h5>
15058<span class="text-right d-block mb-1">Already have an account? <a href="javascript:void(0)" class="general_style" type="button" data-toggle="modal" data-target="#loginModal">Log in</a></span>
15059<div class="row no-gutters">
15060    <div class="col-md-6 mb-4">
15061        <div class="form-group floating mr-md-2">
15062            <label class="sr-only" for="first_name">First Name</label>
15063            <input aria-label="First Name" id="first_name" class="form-control floating" type="text" name="fname" required value="">
15064            <span class="floating-label" aria-hidden="true">First Name</span>
15065        </div>
15066    </div>
15067    <div class="col-md-6 mb-4">
15068        <div class="form-group floating">
15069            <label class="sr-only" for="last_name">Last Name</label>
15070            <input aria-label="Last Name" id="last_name" class="form-control floating" type="text" name="lname" required value="">
15071            <span class="floating-label" aria-hidden="true">Last Name</span>
15072        </div>
15073    </div>
15074</div>
15075<div class="row mb-3">
15076    <div class="col-md-12">
15077        <div class="form-group floating mb-1">
15078            <label class="sr-only" for="phone_number">Phone number</label>            
15079                        <input aria-label="Phone number" id="phone_number" class="form-control floating" type="text" name="phone" required value="">
15080            <span class="floating-label" aria-hidden="true">Phone number</span>
15081        </div>        
15082    </div>
15083</div>
15084<div class="row mb-3">
15085    <div class="col-md-12">
15086        <div class="form-group floating mb-1">
15087            <label class="sr-only" for="email">Email</label>
15088            <input aria-label="Email" id="email" class="form-control floating" type="text" name="email" required value="">
15089            <span class="floating-label" aria-hidden="true">Email</span>
15090        </div>
15091    </div>
15092</div>
15093</div>
15094
15095<div class="hiddenAmazon">
15096<div class="">
15097    <h5 class="mb-3 mt-5 general_style">Delivery Method</h5>
15098    <div class="form-group shipping_method_radio">
15099        <fieldset>
15100            <legend class="sr-only">Delivery Method</legend>
15101        <div class="btn-group btn-group-toggle w-100" data-toggle="buttons" role="radiogroup" aria-label="Delivery Method">
15102            <label class="btn btn-outline-secondary d-flex align-items-center active">
15103              <input type="radio" aria-label="Shipping method" name="shipping_method" autocomplete="off" checked value="ship">
15104              <div сlass="h-100">Ship</div>
15105            </label>
15106            <label class="btn btn-outline-secondary d-flex align-items-center">
15107                              <input type="radio" aria-label="Shipping method" name="shipping_method" autocomplete="off"  value="pick_up">
15108                              <div сlass="h-100">Pick up</div>
15109            </label>
15110        </div>
15111        </fieldset>
15112    </div>
15113</div>
15114
15115<div class="shipping_method_fields shipping_fields">
15116    <h5 class="mb-3 mt-5 general_style">Shipping Address</h5>
15117    <div class="row no-gutters shipping_fields">
15118        <div class="col-md-12 mb-4">
15119            <div class="form-group floating">
15120                <label class="sr-only" for="street_address">Street Address</label>
15121                <input aria-label="Street Address" id="street_address" class="form-control floating" type="text" name="add1" required value="">
15122                <span class="floating-label" aria-hidden="true">Street Address</span>
15123            </div>
15124        </div>
15125    </div>
15126    <div class="row no-gutters shipping_fields">
15127        <div class="col-md-12 mb-4">
15128            <div class="form-group floating">
15129                <label class="sr-only" for="apt_suite">Apt / Suite</label>
15130                <input aria-label="Apt / Suite" id="apt_suite" class="form-control floating" type="text" name="add2" value="">
15131                <span class="floating-label" aria-hidden="true">Apt / Suite</span>
15132            </div>
15133        </div>
15134    </div>
15135
15136    <div class="row no-gutters shipping_fields">
15137        <div class="col-md-6 mb-4">
15138            <div class="form-group floating mr-md-2">
15139                <label class="sr-only" for="city">City</label>
15140                <input aria-label="City" id="city" class="form-control floating" type="text" name="city" required value="">
15141                <span class="floating-label" aria-hidden="true">City</span>
15142            </div>
15143        </div>
15144        <div class="col-md-6 mb-4">
15145            <div class="form-group floating">
15146                <label class="sr-only" for="state">State/Province</label>
15147                <select id="state" required maxlength="80" data-placeholder="Select State/Province..." name="state" class="form-control floating state" data-type="frmselectbox" data-selected="">
15148                    <option value=""></option>
15149                </select>
15150                <span class="floating-label" aria-hidden="true">State/Province</span>
15151            </div>
15152        </div>
15153    </div>
15154
15155    <div class="row no-gutters shipping_fields">
15156        <div class="col-md-6 mb-4">
15157            <div class="form-group floating mr-md-2">
15158                <label class="sr-only" for="zipcode">Zipcode</label>
15159                <input aria-label="Zipcode" id="zipcode" class="form-control floating" type="text" name="zip" required value="">
15160                <span class="floating-label" aria-hidden="true">Zipcode</span>
15161            </div>
15162        </div>
15163        <div class="col-md-6 mb-4">
15164            <div class="form-group floating">
15165                <label class="sr-only" for="country">Country</label>
15166                <select id="country" class="form-control floating" type="text" name="country" required data-selected="UNITED STATES">
15167<!--                    <option value=""></option>-->
15168                                            <option value="United States"
15169                        selected>
15170                        United States                    </option>
15171                                    </select>
15172                <span class="floating-label" aria-hidden="true">Country</span>
15173            </div>
15174            
15175        </div>
15176        
15177    </div>    
15178</div>
15179<div class="pickup_locations_fields">
15180    <h5 class="mb-3 mt-5">Pickup Locations</h5>
15181
15182    <div class="form-group locations_select">
15183        <div class="btn-group btn-group-toggle w-100 flex-wrap" data-toggle="buttons">
15184                    <label class="btn btn-outline-secondary  d-flex align-items-center rounded mb-1 text-left active">
15185                <input type="radio" aria-label="Pickup location" name="pickup_location" id="pickup_location3" value="3" checked>
15186                <div сlass="h-100">
15187                    Osborne Jewelers<br>
15188                    <span>15350 W. McDowell Road Goodyear  85395 </span>
15189                </div>
15190            </label>
15191                </div>
15192    </div>
15193</div>
15194
15195
15196
15197
15198</div>
15199<div class="row mt-4 invalid_container" style="">
15200    <div class="col-md-12">
15201        <div class="alert alert-danger invalid_inputs_text" role="alert">
15202                    </div>
15203    </div>
15204</div>
15205
15206<div class="row mt-4 cta_section no-gutters">
15207    <div class="col-md-6 align-items-center d-flex mb-4 justify-content-center justify-content-lg-start">
15208        <a href="javascript:void(0)" class="cart_step d-flex align-items-center general_style" style="color: #3172ab">
15209            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" aria-hidden="true" focusable="false"><path d="M77.25 256l137.4-137.4c12.5-12.5 12.5-32.75 0-45.25s-32.75-12.5-45.25 0l-160 160c-12.5 12.5-12.5 32.75 0 45.25l160 160C175.6 444.9 183.8 448 192 448s16.38-3.125 22.62-9.375c12.5-12.5 12.5-32.75 0-45.25L77.25 256zM269.3 256l137.4-137.4c12.5-12.5 12.5-32.75 0-45.25s-32.75-12.5-45.25 0l-160 160c-12.5 12.5-12.5 32.75 0 45.25l160 160C367.6 444.9 375.8 448 384 448s16.38-3.125 22.62-9.375c12.5-12.5 12.5-32.75 0-45.25L269.3 256z"/></svg>
15210            Return to cart</a>
15211    </div>
15212    <div class="col-md-6 mb-4">
15213        <div class="cta">
15214            <button class="btn btn-primary btn-continue shipping_step general_style" area-label="Continue to Shipping page" title="Continue to Shipping page" type="button" >Continue to Shipping</button>
15215        </div>
15216    </div>
15217</div>
15218
15219
15220</form>
15221
15222
15223<!-- Log in Modal -->
15224<div class="modal fade" id="loginModal" tabindex="-1" role="dialog" aria-labelledby="loginModalLabel" aria-modal="true">
15225  <div class="modal-dialog modal-dialog-centered" role="document">
15226    <div class="modal-content">
15227      <div class="modal-header">
15228        <h5 class="modal-title" id="loginModalLabel">Login Form</h5>
15229        <button type="button" class="close" data-dismiss="modal" aria-label="Close" title="Close">
15230          <span aria-hidden="true">&times;</span>
15231        </button>
15232      </div>
15233
15234    <form method="post" class="registration-form" aria-label="Login form">
15235        <input type="hidden" name="_csrf_token" value="e14336c6228da98757e37434be16a7613e4d5647029749adbdf09abb4ea6fe29">        <div class="modal-body">
15236          <p>If you have already created an account, sign-in to expedite the checkout process.</p>
15237            <div class="row mb-3">
15238                <div class="col-md-12">
15239                    <div class="form-group floating mb-1">
15240                        <input aria-label="Registration email" placeholder="Email" class="form-control floating" type="email" id="registration_email" name="email" value="" required autofocus>
15241                        <label for="email_address">Email</label>
15242                    </div>
15243                </div>
15244            </div>
15245            <div class="row mb-3">
15246                <div class="col-md-12">
15247                    <div class="form-group floating mb-1">
15248                        <input aria-label="Registration password" placeholder="Password" class="form-control floating" type="password" id="registration_password" name="password" required>
15249                        <label for="password">Password</label>
15250                    </div>
15251                </div>
15252            </div>
15253          <div class="row mb-3">
15254              <div class="col-md-12">
15255                  <a href="register" class="general_style">Register</a> | <a href="forgot-password" class="general_style">Forgot Password?</a>
15256              </div>
15257          </div>
15258          <div id="error-container" class="row d-none">
15259              <div class="col-12">
15260                  <div class="alert alert-danger" role="alert"></div>
15261              </div>
15262          </div>
15263      </div>
15264      <div class="modal-footer">
15265        <input type="hidden" name="token" value="">
15266        <button type="button" id="registration-submit" class="btn btn-primary apply_coupon general_style" area-label="Log in and Continue" title="Log in and Continue">
15267            <span id="loading" class="spinner-border spinner-border-sm d-none mr-2" role="status" aria-hidden="true"></span>
15268            Log in & Continue
15269        </button>
15270      </div>
15271    </form>
15272
15273    </div>
15274  </div>
15275</div>
15276
15277
15278
15279<script>
15280    window.states = {"United States":{"AL":{"name":"Alabama","excluded":false},"AK":{"name":"Alaska","excluded":false},"AZ":{"name":"Arizona","excluded":false},"AR":{"name":"Arkansas","excluded":false},"CA":{"name":"California","excluded":false},"CO":{"name":"Colorado","excluded":false},"CT":{"name":"Connecticut","excluded":false},"DE":{"name":"Delaware","excluded":false},"DC":{"name":"District Of Columbia","excluded":false},"FL":{"name":"Florida","excluded":false},"GA":{"name":"Georgia","excluded":false},"HI":{"name":"Hawaii","excluded":false},"ID":{"name":"Idaho","excluded":false},"IL":{"name":"Illinois","excluded":false},"IN":{"name":"Indiana","excluded":false},"IA":{"name":"Iowa","excluded":false},"KS":{"name":"Kansas","excluded":false},"KY":{"name":"Kentucky","excluded":false},"LA":{"name":"Louisiana","excluded":false},"ME":{"name":"Maine","excluded":false},"MD":{"name":"Maryland","excluded":false},"MA":{"name":"Massachusetts","excluded":false},"MI":{"name":"Michigan","excluded":false},"MN":{"name":"Minnesota","excluded":false},"MS":{"name":"Mississippi","excluded":false},"MO":{"name":"Missouri","excluded":false},"MT":{"name":"Montana","excluded":false},"NE":{"name":"Nebraska","excluded":false},"NV":{"name":"Nevada","excluded":false},"NH":{"name":"New Hampshire","excluded":false},"NJ":{"name":"New Jersey","excluded":false},"NM":{"name":"New Mexico","excluded":false},"NY":{"name":"New York","excluded":false},"NC":{"name":"North Carolina","excluded":false},"ND":{"name":"North Dakota","excluded":false},"OH":{"name":"Ohio","excluded":false},"OK":{"name":"Oklahoma","excluded":false},"OR":{"name":"Oregon","excluded":false},"PA":{"name":"Pennsylvania","excluded":false},"RI":{"name":"Rhode Island","excluded":false},"SC":{"name":"South Carolina","excluded":false},"SD":{"name":"South Dakota","excluded":false},"TN":{"name":"Tennessee","excluded":false},"TX":{"name":"Texas","excluded":false},"UT":{"name":"Utah","excluded":false},"VT":{"name":"Vermont","excluded":false},"VA":{"name":"Virginia","excluded":false},"WA":{"name":"Washington","excluded":false},"WV":{"name":"West Virginia","excluded":false},"WI":{"name":"Wisconsin","excluded":false},"WY":{"name":"Wyoming","excluded":false}}};
15281    function update_cart_layout(sc){
15282        if(typeof sc != 'undefined' ) {
15283
15284            let tx = 'Tax';
15285            if(typeof sc.tax_inc_shipping != 'undefined' && sc.tax_inc_shipping > 0){
15286                tx += '  Shipping Inc';
15287            }
15288            $('#cart-total-tax_percent').html(tx);
15289
15290            if(sc['info']['validated']){
15291                $('#cart-total-tax').html(sc['total']['tax']);
15292            }else{
15293                $('#cart-total-tax').html('---');
15294            }
15295
15296            if (sc['total']['show_discount']) {
15297                $('#cart-total-promo_discount').parent().removeClass('d-none-i');
15298            } else {
15299                $('#cart-total-promo_discount').parent().addClass('d-none-i');
15300            }
15301            $('#cart-total-promo_discount').html(' - ' + sc['total']['promo_discount']);
15302            $('#cart-total-shipping').html(sc['total']['shipping']);
15303            $('#cart-total-total').html(sc['total']['total']);
15304
15305                    }
15306    }
15307    function check_cart_totals(bar,sc){
15308                if(typeof bar != 'undefined') {
15309            $('#cart-total-tax_percent').parent().removeClass('d-none-i');
15310            if (bar.ship != ''){
15311                $('#cart-total-shipping').parent().removeClass('d-none-i');
15312            }else{
15313                $('#cart-total-shipping').parent().addClass('d-none-i');
15314            }
15315        }else{
15316            $('#cart-total-tax_percent').parent().addClass('d-none-i');
15317            $('#cart-total-shipping').parent().addClass('d-none-i');
15318        }
15319            }
15320
15321    function updateDetailSummary(bar, do_kl = false,shipping_content = true){
15322        // console.log(bar,'anas')
15323        $('.selected_contact .content').html(bar['info']['phone'] + ' ' + bar['info']['email']);
15324                if ($('.content_information_step .shipping_method_radio input:checked').val() == 'pick_up') {
15325            $('.cart-shipping-container .sub_title').text('Pick up')
15326            $('.selected_shipping, .hr_selected_shipping').hide();
15327            $('.selected_method .content').html('Pick up in: ' + $('.locations_select input
15327:checked + div').html());
15328        } else {
15329            $('.cart-shipping-container .sub_title').text('Shipping')
15330            $('.selected_shipping, .hr_selected_shipping').show();
15331            $('.selected_shipping .content').html(bar['info']['add1'] + ' ' + bar['info']['add2'] + ' ' + bar['info']['city'] + ' ' + bar['info']['state'] + ' ' + bar['info']['zip'] + ' ' + bar['info']['country']);
15332            if(shipping_content){
15333                $('.selected_method .content').html($('.shipping_mehod_select input:checked + div').html());
15334                $('.selected_method .content').html('<div class="shipping_method_time">' + bar['ship']['method'] + '</div><div class="shipping_price">' + bar['ship']['fee_shown'] + '</div> ');
15335            }
15336            if(do_kl &&  window.klaviyo_get !== undefined){
15337                klaviyo_get();
15338            }
15339        }
15340        
15341    }
15342
15343    $(document).ready(function(){
15344        checkQty();
15345
15346            //Log in & Continue
15347            $('#registration-submit').click(function(event) {
15348            event.preventDefault();
15349
15350            const $submitButton = $(this)
15351            const $loading = $('#loading')
15352            $submitButton.prop('disabled', true)
15353            $loading.removeClass('d-none')
15354            const $errorContainer = $('#error-container')
15355                // // console.log($errorContainer)
15356            if (!$errorContainer.hasClass('d-none')) {
15357                $errorContainer.addClass('d-none')
15358            }
15359
15360            const data = $(this).closest('form').serializeArray() ;
15361            // console.log('registration-submit: data');
15362            // console.log(data);
15363
15364
15365           $.ajax({
15366                type: "POST",
15367                url : "includes/assets/shopping_cart/sc_ws_functions.php",
15368                headers: {'X-CSRF-TOKEN': window.csrf_token},
15369                data: {
15370                    account_login: data,
15371                },
15372                dataType: "json",
15373                cache: false,
15374                success: function( response ) {
15375
15376                    // // console.log(response);
15377                    // console.log('response-success-1');
15378                    if(response.success){
15379                       //document.getElementById('sc_session').value = response.sc_session_encoded;
15380                       document.getElementById('sc_session_info_bar').value = response.sc_session_info_bar_encoded;
15381                       //session_setter();
15382
15383                       window.location.href = '/shopping-cart?&step=information';
15384
15385                    } else {
15386
15387                        // console.log('response-success-error-1');
15388                        // // console.log(response);
15389
15390                        $errorContainer.removeClass('d-none')
15391                        $errorContainer.find('.alert').text('Invalid email or password!')
15392
15393                        event.preventDefault();
15394                    }
15395
15396                },
15397                error: function (xhr, status, error) {
15398                    // console.error(xhr);
15399                    // If backend returned HTML page
15400                    if (xhr.responseText) {
15401                        if (window.scHandleAjaxError && window.scHandleAjaxError(xhr)) return;
15402                        document.open();
15403                        document.write(xhr.responseText);
15404                        document.close();
15405                        return;
15406                    }
15407                },
15408               complete: function () {
15409                   $submitButton.prop('disabled', false)
15410                   $loading.addClass('d-none')
15411               }
15412           });
15413        });
15414
15415
15416            //update address
15417            $('#billAdd').change(function(){
15418               var addressID = $(this).val();
15419               //// console.log('something changed. check it out! ' + addressID);
15420               refresh_address = {};
15421               refresh_address['addressID'] = addressID;
15422               refresh_address['userID'] = $(this).attr('data-user');
15423               //// console.log('refresh_address-data');
15424              // // console.log(refresh_address);
15425
15426
15427
15428               $.ajax({
15429                  url : "includes/assets/shopping_cart/sc_ws_functions.php",
15430                  headers: {'X-CSRF-TOKEN': window.csrf_token},
15431                  data: {refresh_address: refresh_address},
15432                  type: 'post',
15433                   success: function (resp) {
15434                       // console.log('success-response-update address');
15435                       // // console.log(resp);
15436
15437                       let state_value = false;
15438                       let info = $.parseJSON(resp);
15439                       $.each(info, function (i, item) {
15440                           if (i == "state" || i == "country") {
15441                               //alert(i);alert(item.toUpperCase());
15442                               item = item.toLowerCase().replace(/\b[a-z]/g, function (country) {
15443                                   return country.toUpperCase();
15444                               });
15445                               //alert(item);
15446                               $('select[name="' + i + '"]').attr('data-selected', item);
15447                               $('select[name="' + i + '"]').parents('.floating').addClass('filled');
15448
15449                               if (i == "country") {
15450                                   $('select[name="' + i + '"] option').attr('selected', false);
15451                                   $('select[name="' + i + '"] option[value="' + item + '"]').attr("selected", true);
15452                                   $('select[name="' + i + '"]').trigger("change");
15453                                   $('select[name="' + i + '"]').trigger("chosen:updated");
15454                               } else {
15455                                   state_value = item;
15456                               }
15457                           } else {
15458                               $('[name="' + i + '"]').val(item);
15459                               $('[name="' + i + '"]').parents('.floating').addClass('filled');
15460                           }
15461                       });
15462
15463                       if (state_value) {
15464                           refresh_state_shipping(state_value);
15465                           refresh_state_billing(state_value);
15466                       }
15467                   },
15468                   error: function (xhr, status, error) {
15469                        // console.error(xhr);
15470                        // If backend returned HTML page
15471                        if (xhr.responseText) {
15472                            if (window.scHandleAjaxError && window.scHandleAjaxError(xhr)) return;
15473                            document.open();
15474                            document.write(xhr.responseText);
15475                            document.close();
15476                            return;
15477                        }
15478                    }
15479               });
15480            });
15481
15482                            $('#billAdd').trigger('change');
15483            
15484            $('#country').change(function() {
15485                refresh_state_shipping();
15486                state_selected = ($('#country').attr('data-selected'));
15487                if(state_selected != '' && state_selected != undefined) {
15488                    $("#country").parents('.floating').addClass('filled');
15489                } else {
15490                    $("#country").parents('.floating').removeClass('filled');
15491                }
15492                $(this).trigger('chosen:updated');
15493            });
15494
15495
15496            $('#country').trigger("change");
15497
15498     ///Continue to Shipping
15499        $('#state').on('change', function() {
15500            refresh_info('state');
15501        });
15502
15503                $('input[name=pickup_location], input[name="shipping_method"]').on('change', function() {
15504            if ($('.content_information_step .shipping_method_radio input:checked').val() == 'pick_up') {
15505                $('.cart-shipping-container .sub_title').text('Pick up')
15506            } else {
15507                $('.cart-shipping-container .sub_title').text('Shipping')
15508            }
15509            updateTax($(this).closest('form').serializeArray());
15510        });
15511        
15512        if ($("#sc_session_info_bar").val().length > 0 ) {
15513            const sc_session_info_bar_obj_t = JSON.parse($("#sc_session_info_bar").val());
15514            console.log(sc_session_info_bar_obj_t);
15515
15516            if (typeof sc_session_info_bar_obj_t != "undefined") {
15517                updateDetailSummary(sc_session_info_bar_obj_t, false, false);
15518
15519                check_cart_totals(sc_session_info_bar_obj_t);
15520
15521                                $('#cart-total-tax_percent').parent().addClass('d-none-i');
15522                
15523            }
15524        }
15525
15526        
15527        $('.content_information_step').on('change', 'input[name="shipping_method"]', function () {
15528
15529                // console.log('shipping_method-change');
15530                // console.log($(this).val());
15531                // console.log('content_information_step');
15532
15533            if ($(this).val() == 'pick_up') {
15534                $('.pickup_locations_fields').show();
15535                $('.shipping_fields, .cart_navigation .shipping_step, .cart_navigation .shipping_arrow').hide();
15536                $('.content_information_step .cta_section .shipping_step').removeClass('shipping_step').addClass('payment_step').text('Continue to Payment');
15537                $('.content_payment_step .cta_section .shipping_step').removeClass('shipping_step').addClass('information_step').html('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" aria-hidden="true" focusable="false">
15537<path d="M77.25 256l137.4-137.4c12.5-12.5 12.5-32.75 0-45.25s-32.75-12.5-45.25 0l-160 160c-12.5 12.5-12.5 32.75 0 45.25l160 160C175.6 444.9 183.8 448 192 448s16.38-3.125 22.62-9.375c12.5-12.5 12.5-32.75 0-45.25L77.25 256zM269.3 256l137.4-137.4c12.5-12.5 12.5-32.75 0-45.25s-32.75-12.5-45.25 0l-160 160c-12.5 12.5-12.5 32.75 0 45.25l160 160C367.6 444.9 375.8 448 384 448s16.38-3.125 22.62-9.375c12.5-12.5 12.5-32.75 0-45.25L269.3 256z"/></svg> Return to Information');
15538                $('.content_payment_step .billing_address_select').hide();
15539                $('.content_payment_step #billing_address2').prop('checked', true)
15540                $('.content_payment_step .billing_address_fields').show();
15541            } else {
15542                $('.pickup_locations_fields').hide();
15543                $('.shipping_fields, .cart_navigation .shipping_step, .cart_navigation .shipping_arrow').show();
15544                $('.content_information_step .cta_section .payment_step').removeClass('payment_step').addClass('shipping_step').text('Continue to Shipping');
15545                $('.content_payment_step .cta_section .information_step').removeClass('information_step').addClass('shipping_step').html('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" aria-hidden="true" focusable="false"><path d="M77.25 256l137.4-137.4c12.5-12.5 12.5-32.75 0-45.25s-32.75-12.5-45.25 0l-160 160c-12.5 12.5-12.5 32.75 0 45.25l160 160C175.6 444.9 183.8 448 192 448s16.38-3.125 22.62-9.375c12.5-12.5 12.5-32.75 0-45.25L77.25 256zM269.3 256l137.4-137.4c12.5-12.5 12.5-32.75 0-45.25s-32.75-12.5-45.25 0l-160 160c-12.5 12.5-12.5 32.75 0 45.25l160 160C367.6 444.9 375.8 448 384 448s16.38-3.125 22.62-9.375c12.5-12.5 12.5-32.75 0-45.25L269.3 256z"/></svg> Return to Shipping');
15546                $('.content_payment_step .billing_address_select').show();
15547            }
15548        });
15549
15550
15551        if ($("input[type=radio][name=shipping_method]:checked").val() == 'pick_up') {
15552
15553                // console.log('shipping_method-change-pick_up-999');
15554                $('.pickup_locations_fields').show();
15555                $('.shipping_fields, .cart_navigation .shipping_step, .cart_navigation .shipping_arrow').hide();
15556                $('.content_information_step .cta_section .shipping_step').removeClass('shipping_step').addClass('payment_step').text('Continue to Payment');
15557                $('.content_payment_step .cta_section .shipping_step').removeClass('shipping_step').addClass('information_step').html('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" aria-hidden="true" focusable="false"><path d="M77.25 256l137.4-137.4c12.5-12.5 12.5-32.75 0-45.25s-32.75-12.5-45.25 0l-160 160c-12.5 12.5-12.5 32.75 0 45.25l160 160C175.6 444.9 183.8 448 192 448s16.38-3.125 22.62-9.375c12.5-12.5 12.5-32.75 0-45.25L77.25 256zM269.3 256l137.4-137.4c12.5-12.5 12.5-32.75 0-45.25s-32.75-12.5-45.25 0l-160 160c-12.5 12.5-12.5 32.75 0 45.25l160 160C367.6 444.9 375.8 448 384 448s16.38-3.125 22.62-9.375c12.5-12.5 12.5-32.75 0-45.25L269.3 256z"/></svg> Return to Information');
15558            } else {
15559                // console.log('shipping_method-change-ship-999');
15560                $('.pickup_locations_fields').hide();
15561                $('.shipping_fields, .cart_navigation .shipping_step, .cart_navigation .shipping_arrow').show();
15562                $('.content_information_step .cta_section .payment_step').removeClass('payment_step').addClass('shipping_step').text('Continue to Shipping');
15563                $('.content_payment_step .cta_section .information_step').removeClass('information_step').addClass('shipping_step').html('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" aria-hidden="true" focusable="false"><path d="M77.25 256l137.4-137.4c12.5-12.5 12.5-32.75 0-45.25s-32.75-12.5-45.25 0l-160 160c-12.5 12.5-12.5 32.75 0 45.25l160 160C175.6 444.9 183.8 448 192 448s16.38-3.125 22.62-9.375c12.5-12.5 12.5-32.75 0-45.25L77.25 256zM269.3 256l137.4-137.4c12.5-12.5 12.5-32.75 0-45.25s-32.75-12.5-45.25 0l-160 160c-12.5 12.5-12.5 32.75 0 45.25l160 160C367.6 444.9 375.8 448 384 448s16.38-3.125 22.62-9.375c12.5-12.5 12.5-32.75 0-45.25L269.3 256z"/></svg> Return to Shipping');
15564            }
15565        
15566
15567
15568    });
15569
15570
15571    document.addEventListener("DOMContentLoaded", function() {
15572        const inputs = document.querySelectorAll(".form-control");
15573
15574        inputs.forEach(input => {
15575            input.addEventListener("input", function() {
15576                if (this.checkValidity()) {
15577                    this.classList.remove("is-invalid");
15578                    this.classList.add("is-valid");
15579                } else {
15580                    this.classList.remove("is-valid");
15581                    this.classList.add("is-invalid");
15582                }
15583            });
15584        });
15585    });
15586
15587    // Abandoned Checkout Module - autosave contact info as it's entered,
15588    // regardless of whether the customer proceeds, refreshes, leaves, or goes back.
15589    (function() {
15590        const fields = ['first_name', 'last_name', 'phone_number', 'email'];
15591
15592        function save_abandoned_checkout_info() {
15593            const email = document.getElementById('email');
15594            if (!email || email.value.indexOf('@') === -1) {
15595                return;
15596            }
15597
15598            $.ajax({
15599                type: "POST",
15600                url: "includes/assets/shopping_cart/sc_ws_functions.php",
15601                headers: {'X-CSRF-TOKEN': window.csrf_token},
15602                data: {
15603                    save_abandoned_checkout: {
15604                        fname: document.getElementById('first_name') ? document.getElementById('first_name').value : '',
15605                        lname: document.getElementById('last_name') ? document.getElementById('last_name').value : '',
15606                        phone: document.getElementById('phone_number') ? document.getElementById('phone_number').value : '',
15607                        email: email.value
15608                    }
15609                },
15610                dataType: "json",
15611                cache: false
15612            });
15613        }
15614
15615        fields.forEach(function(id) {
15616            const el = document.getElementById(id);
15617            if (el) {
15618                el.addEventListener('blur', save_abandoned_checkout_info);
15619            }
15620        });
15621    })();
15622
15623
15624    function refresh_info(st_field = null) {
15625        let data = $('#info-form').serializeArray();
15626        
15627        let res = false;
15628        if($('.completion-inner').length){
15629            let terms_and_conditions = $('#terms_and_conditions');
15630            let marketing_information = $('#marketing_information');            
15631            let policy_errors = [];
15632                                    
15633            if(terms_and_conditions.prop('checked') === false){                
15634                policy_errors.push('You must accept the Terms and Conditions and Privacy Policy to proceed.');                
15635            }
15636            if(marketing_information.prop('checked') === false){                
15637                policy_errors.push('Please confirm that you agree to receive marketing information.');
15638                
15639            }
15640            
15641            if(policy_errors.length){
15642                $('.invalid_inputs_text').html(policy_errors.join('<br>'));                
15643                $('.invalid_container').show();
15644                                
15645                return;
15646            }                                    
15647        }
15648
15649
15650        $.ajax({
15651            type: "POST",
15652            async: false,
15653            url : "includes/assets/shopping_cart/sc_ws_functions.php",
15654            headers: {'X-CSRF-TOKEN': window.csrf_token},
15655            data: {
15656                refresh_info: data,
15657            },
15658            dataType: "json",
15659            cache: false,
15660            success: function(response) {
15661                // console.log(data);
15662                if(response.success) {
15663                    if(response.reload){
15664
15665                        window.location.href = '/shopping-cart?&step=shipping';
15666                        return;
15667                    }
15668                    res = true;
15669                    let state_value = false;
15670                    let info = response.sc_session_info_bar.bill_info;
15671                    $.each(info, function (i, item) {
15672                        if (i == "state" || i == "country") {
15673                            item = item.toLowerCase().replace(/\b[a-z]/g, function (country) {
15674                                return country.toUpperCase();
15675                            });
15676                            $('#bill-bill_info-form select[name="' + i + '"]').attr('data-selected', item);
15677
15678                            if (i == "country") {
15679                                $('#bill-bill_info-form select[name="' + i + '"] option').attr('selected', false);
15680                                $('#bill-bill_info-form select[name="' + i + '"] option[value="' + item + '"]').attr("selected", true);
15681                                $('#bill-bill_info-form select[name="' + i + '"]').trigger("change");
15682                                $('#bill-bill_info-form select[name="' + i + '"]').trigger("chosen:updated");
15683                            }else{
15684                                state_value = item;
15685                            }
15686                        } else{
15687                            $('#bill-bill_info-form [name="' + i + '"]').val(item);
15688                        }
15689                    });
15690
15691                    if (state_value) {
15692                        refresh_state_billing(state_value);
15693                    }
15694
15695                    $('.invalid_container').hide();
15696                    $('#info-form .is-invalid').removeClass('is-invalid');
15697
15698                    update_cart_layout(response.shopping_cart[0]);
15699
15700                    let html_value = "";
15701                    $.each(response.shopping_cart[0]['shipping_options'], function (i, value) {
15702                        if (value['status'] == 1) {
15703                            let checked = '';
15704                            let key = value['id'] + '_' + value['range_id'];
15705                            if (typeof response.shopping_cart[0]['ship'] === 'undefined' || response.shopping_cart[0]['ship'] === null || response.shopping_cart[0]['ship'] === '') {
15706                                if (i == 0) {
15707                                    checked = 'checked';
15708                                }
15709                            } else if ((typeof response.shopping_cart[0]['ship']['key'] !== 'undefined' || response.shopping_cart[0]['ship']['key'] !== undefined || response.shopping_cart[0]['ship']['key'] !== null) && key == response.shopping_cart[0]['ship']['key']) {
15710                                checked = 'checked';
15711                            }
15712
15713                            html_value += ' <label class="btn btn-outline-secondary rounded mb-1 text-left d-flex align-items-center active">  <input aria-label="Ship method" class="ship_method_radio" type="radio" name="ship_method" id="shipping_method_r' + key + '" value="' + value['method'] + '|' + value['rate'] + '|' + key + '" ' + checked + '>'
15714                                + '<div class="h-100 d-flex justify-content-between w-100 align-items-center"><div class="shipping_method_time">' + value['method'] + '</div> <div class="shipping_price">' + value['shown_rate'] + '</div></div> </label> ';
15715                        }
15716                    });
15717                    if(html_value != ""){
15718                        $('#shipping_mehod_div_id').html(html_value);
15719                    }
15720                    $('#sc_session_info_bar').val(response.sc_session_info_bar_encoded);
15721
15722                    if (typeof response.sc_session_info_bar != "undefined") {
15723                       updateDetailSummary(response.sc_session_info_bar,false,false);
15724
15725                        check_cart_totals(response.sc_session_info_bar,response.shopping_cart);
15726
15727                        if (typeof gtag != 'undefined' && gData != '') {
15728                            gtag("event", "add_shipping_info", gData);
15729                        }
15730                    }
15731
15732                } else {
15733                
15734                
15735                    if(st_field !== 'state') {
15736                        if (response.info_errors && response.info_errors[0]) {                    
15737                    
15738                            $('.invalid_inputs_text').html(response.info_errors[0].msg);
15739
15740                            let invalid_inputs = response.info_errors[0];
15741                                                        if(!response.info_errors[0].state) {
15742                                $('#cart-total-tax_percent').parent().removeClass('d-none-i');
15743                                $('#cart-total-shipping').parent().removeClass('d-none-i');
15744                            }else{
15745                                $('#cart-total-tax_percent').parent().addClass('d-none-i');
15746                                $('#cart-total-shipping').parent().addClass('d-none-i');
15747                            }
15748
15749                            
15750
15751                            for (key in invalid_inputs){
15752                                if (invalid_inputs[key] == 1) {
15753                                    $('input[name="'+key+'"]').addClass('is-invalid');
15754                                    $('select[name="'+key+'"]').addClass('is-invalid');
15755                                } else {
15756                                    $('input[name="'+key+'"]').removeClass('is-invalid');
15757                                    $('select[name="'+key+'"]').removeClass('is-invalid');
15758                                }
15759                            }
15760                        } else {
15761                            $('.invalid_inputs_text').html(response.message);
15762                        }
15763
15764                        $('.invalid_container').show();
15765                        information_step();
15766                    }
15767                    
15768                }
15769            },
15770            error: function (xhr, status, error) {
15771                // console.error(xhr);
15772                // If backend returned HTML page
15773                if (xhr.responseText) {
15774                    if (window.scHandleAjaxError && window.scHandleAjaxError(xhr)) return;
15775                    document.open();
15776                    document.write(xhr.responseText);
15777                    document.close();
15778                    return;
15779                }
15780            }
15781        });
15782        return res;
15783    }
15784
15785    let shouldTaxUpdate = true;
15786    function updateTax(data) {
15787                if (shouldTaxUpdate) {
15788            shouldTaxUpdate = false;
15789            return;
15790        }
15791        
15792        $.ajax({
15793            type: "POST",
15794            url : "includes/assets/shopping_cart/sc_ws_functions.php",
15795            headers: {'X-CSRF-TOKEN': window.csrf_token},
15796            data: {
15797                refresh_tax_info: data,
15798            },
15799            dataType: "json",
15800            cache: false,
15801            success: function( response ) {
15802
15803                // console.log(response);
15804                if(response.success){
15805                    $('#info-form .is-invalid').removeClass('is-invalid');
15806                    update_cart_layout(response.shopping_cart[0]);
15807
15808                    check_cart_totals(response.sc_session_info_bar,response.shopping_cart);
15809                } else {
15810                    // console.log('response-success-error-1');
15811                    // // console.log(response);
15812                }
15813
15814            },
15815            error: function (xhr, status, error) {
15816                // console.error(xhr);
15817                // If backend returned HTML page
15818                if (xhr.responseText) {
15819                    if (window.scHandleAjaxError && window.scHandleAjaxError(xhr)) return;
15820                    document.open();
15821                    document.write(xhr.responseText);
15822                    document.close();
15823                    return;
15824                }
15825            }
15826        });
15827    }
15828
15829    function refresh_state_shipping(state_value) {
15830        // console.log('refresh_state_shipping',state_value);
15831
15832        country_info = {};
15833        country_info['country'] = $('#country option:selected').val();
15834        // console.log('refresh_state_shipping- country - ' + $('#country option:selected').val());
15835
15836        // console.log('remove states from list');
15837        $('#state option').each(function() {
15838            $(this).remove();
15839        });
15840        //II 2024-01-08 https://www.wrike.com/open.htm?id=1570699375
15841        //if(state_value === undefined) {
15842            // console.log('country_info=' + $('#country option:selected').val());
15843            // console.log('state_value is not defined');
15844            if(country_info['country'] && window.states[country_info['country']]){
15845                let responseText = window.states[country_info['country']];
15846                //// console.log('refresh_state_shipping responseText = ',  responseText);
15847                eq_selected_state = 0;
15848                counter = 1;
15849                state_selected = ($('#state').attr('data-selected'));
15850                // console.log('state_selected anas='+state_selected);
15851                // console.log('eq_selected_state='+eq_selected_state);
15852                $('#state').append('<option value=""></option>');
15853                $.each(responseText, function(state_code, state_info) {
15854                    if (state_info.name != null && !state_info.excluded) {
15855                        if (state_selected && (state_info.name.trim() == state_selected))
15856                            eq_selected_state = counter;
15857                        $('#state').append('<option value="' + state_info.name.trim() + '">' + state_info.name.trim() + '</option>');
15858                        counter++;
15859                    }
15860                });
15861                // console.log('eq_selected_state 2 ='+eq_selected_state);
15862                $("#state option:eq(" + (eq_selected_state) + ")").attr("selected", true);
15863                $("#state").trigger("chosen:updated");
15864                state_selected = ($('#state').attr('data-selected'));
15865                if(state_selected != '' && state_selected != undefined) {
15866                    $("#state").parents('.floating').addClass('filled');
15867                } else {
15868                    $("#state").parents('.floating').removeClass('filled');
15869                }
15870                updateTax($('#info-form').serializeArray());
15871            }
15872
15873        /*} else {
15874            // console.log('state_value is defined', state_value);
15875            $('#state').val(state_value);
15876        }*/
15877        // console.log('value 3 '+$('#state option:selected').val())
15878        // console.log('text 3 '+$('#state option:selected').text())
15879        // console.log('index 3 '+$('#state option:selected').index())
15880    }
15881
15882    function shipping_step(goto = true) {
15883        $('.shopping_content').removeClass('payment_page');
15884        // console.log('shipping_method-change-shipping_step-1');
15885        $('.selected_contact .content').html($('#phone_number').val() + ' ' + $('#email').val());
15886        
15887        $('.cart-shipping-container').removeClass('d-none-i');
15888        if ($('.content_information_step .shipping_method_radio input:checked').val() == 'pick_up') {
15889            $('.cart-shipping-container .sub_title').text('Pick up')
15890            $('.selected_shipping, .hr_selected_shipping').hide();
15891            $('.selected_method .content').html('Pick up in: ' + $('.locations_select input
15891:checked + div').html());
15892        } else {
15893            $('.cart-shipping-container .sub_title').text('Shipping')
15894            $('.selected_shipping, .hr_selected_shipping').show();
15895            $('.selected_shipping .content').html($('#street_address').val() + ' ' + $('#apt_suite').val() + ' ' + $('#city').val() + ' ' + $('#state').val() + ' ' + $('#zipcode').val() + ' ' + $('#country').val());
15896        }
15897        
15898        var PO_box_pattern = /\b(?:[Pp]\.?\s*[Oo]\.?|[Pp][Oo][Bb][Xx]|[Pp][Oo]#?|[Bb][Oo][Xx](?!\s+[A-Za-z]+)|[Pp]\.?\s*[Oo]\.?\s*[Bb][Oo][Xx]\.?|[Pp]ostal\s*[Oo]ffice|[Pp]ost\s*[Oo]ffice)(?:\s*\d+(?:\/\d+)?|\b)|\d+\s+[Pp][Oo]\b/;
15899        var disable_po_box = false
15900                if (disable_po_box && (PO_box_pattern.test($('#street_address').val()) || PO_box_pattern.test($('#apt_suite').val()))){
15901            if (PO_box_pattern.test($('#street_address').val())){
15902                $('#street_address').addClass('is-invalid');
15903            }else{
15904                $('#apt_suite').addClass('is-invalid');
15905            }
15906            $('.invalid_inputs_text').html("Error: To ensure the security of your delivery, we can not deliver to P.O boxes ");
15907            $('.invalid_container').show();
15908        }else {
15909            $('.dsteps').hide();
15910            $('.content_shipping_step').show();
15911            insertParam('step', 'shipping');
15912            changeShipping();
15913        }
15914        $("html, body").animate({ scrollTop: 0 }, 600);
15915        if(goto){                        
15916            checkQty();
15917        }
15918
15919        setTimeout(() => {
15920            $('#shipping_mehod_div_id label').focus();
15921        }, 200);
15922    }
15923
15924    function information_step() {
15925        $('.shopping_content').removeClass('payment_page');
15926        $('.dsteps').hide();
15927        $('.content_information_step').show();
15928        insertParam('step', 'information');
15929        //checkQty();
15930        setTimeout(() => {
15931            $('#info-form #first_name').focus();
15932        }, 200);
15933    }
15934
15935    // function payment_step() {
15936    //     $('.shopping_content').addClass('payment_page');
15937    //     $('.dsteps').hide();
15938    //     $('.content_payment_step').show();
15939    //     insertParam('step', 'payment');
15940    // }
15941    function cart_step(goto = true) {
15942        $('.shopping_content').removeClass('not_cart_page').removeClass('payment_page').addClass('cart_page');
15943        information_step();
15944        insertParam('step', 'cart');        
15945        if(goto){                        
15946            checkQty();
15947        }
15948        $(".options-container").show();
15949        $(".selected-method").hide();
15950        
15951        setTimeout(() => {
15952            $('.items_table').focus();
15953        }, 200);
15954    }
15955    function checkQty(){
15956        var data = true;
15957        $.ajax({
15958
15959            type: "POST",
15960            url : "includes/assets/shopping_cart/sc_ws_functions.php",
15961            headers: {'X-CSRF-TOKEN': window.csrf_token},
15962            data: {
15963                check_qty: data,
15964            },
15965            dataType: "json",
15966            cache: false,
15967            success: function( response ) {                
15968                
15969                if(!response.success){
15970                    //window.location.href = '/shopping-cart';
15971                    
15972                    
15973                    cart_step(false);
15974                    $('.empty-qty').removeClass('d-none');
15975                    $('.non-empty-cart').addClass('d-none');                    
15976                }
15977                if(response.success && response.data){
15978                    console.log('rr', response.data);
15979                    
15980                    $('.removed_products_in_cart').remove();
15981                    response.data.map(function(item){
15982                        if($('.products_in_cart_'+item.guid).length){
15983                            $('.products_in_cart_'+item.guid).remove();
15984                        }
15985                        if(item.type && item.type == 'diamond'){
15986                            item.images[0] =  item.image;
15987                            item.pg_name = item.form_title;
15988                            item.retail_price = item.price;
15989                        }
15990                        $('.items_table').append(`
15991                            <hr>
15992                            <div class="table_row d-flex align-items-center justify-content-between mb-3 removed_products_in_cart">
15993                                <div class="item_image mr-3 mb-md-2">
15994                                    <a href="`+item.images[0]+`">
15995                                        <img src="`+item.images[0]+`" class="img-thumbnail" title="`+item.pg_name+`" alt="`+item.pg_name+`" height="118" width="123">
15996                                    </a>
15997                                </div>
15998                                <div class="item_text mr-md-4 mb-md-2 mt-4 mt-md-0">
15999                                    <a href="${item.link}" class="item_title_link general_style">
16000                                        ${item.pg_name}
16001                                    </a>
16002                                    <small class="text-small item-quantity">Quantity: <span class="qty">0</span> </small>
16003                                </div>
16004                                <div class="quancost mt-md-0 mt-3">
16005
16006                                    <div class="quantity card_display" id="div_quantity_id">
16007
16008                                        <label for="quantity-input-${item.guid}" class="d-none-i">Enter Quantity</label>
16009                                        <input type="number"  class="form-control quantity-input quantity-input-${item.guid}
16009" value="0" disabled>
16010
16011                                    </div>
16012                                    <div class="item_cost">
16013                                        Out of stock
16014                                    </div>
16015                                </div>
16016                                <div class="remove_cart_item">
16017                                    <form method="POST" name="form_${item.guid}_remove" id="form_${item.guid}_remove" aria-label="Remove ${item.pg_name} from cart">
16018                                        <input type="hidden" name="_csrf_token" value="e14336c6228da98757e37434be16a7613e4d5647029749adbdf09abb4ea6fe29">                                        <input type="hidden" name="action" value="remove_no_qty"/>                                        
16019                                        <input type="hidden" name="guid" value="${item.guid}"/>                                        
16020                                        <input type="hidden" class="product_guid" value="${item.guid}">
16021                                        <input type="hidden" class="product_name" value="${item.pg_name}">
16022                                        <button title="Remove ${item.pg_name} from shopping cart" class="remove_svg bg-transparent border-0" type="button">
16023                                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" aria-hidden="true" focusable="false"><path d="M160 400C160 408.8 152.8 416 144 416C135.2 416 128 408.8 128 400V192C128 183.2 135.2 176 144 176C152.8 176 160 183.2 160 192V400zM240 400C240 408.8 232.8 416 224 416C215.2 416 208 408.8 208 400V192C208 183.2 215.2 176 224 176C232.8 176 240 183.2 240 192V400zM320 400C320 408.8 312.8 416 304 416C295.2 416 288 408.8 288 400V192C288 183.2 295.2 176 304 176C312.8 176 320 183.2 320 192V400zM317.5 24.94L354.2 80H424C437.3 80 448 90.75 448 104C448 117.3 437.3 128 424 128H416V432C416 476.2 380.2 512 336 512H112C67.82 512 32 476.2 32 432V128H24C10.75 128 0 117.3 0 104C0 90.75 10.75 80 24 80H93.82L130.5 24.94C140.9 9.357 158.4 0 177.1 0H270.9C289.6 0 307.1 9.358 317.5 24.94H317.5zM151.5 80H296.5L277.5 51.56C276 49.34 273.5 48 270.9 48H177.1C174.5 48 171.1 49.34 170.5 51.56L151.5 80zM80 432C80 449.7 94.33 464 112 464H336C353.7 464 368 449.7 368 432V128H80V432z"/></svg>
16024                                        </button>
16025                                    </form>
16026                                    
16027                                </div>
16028                            </div>
16029                        `);
16030                    });
16031                }
16032            },
16033            error: function (xhr, status, error) {
16034                // console.error(xhr);
16035                // If backend returned HTML page
16036                if (xhr.responseText) {
16037                    if (window.scHandleAjaxError && window.scHandleAjaxError(xhr)) return;
16038                    document.open();
16039                    document.write(xhr.responseText);
16040                    document.close();
16041                    return;
16042                }
16043            }
16044        });
16045    }
16046    
16047    function insertParam(key, value) {
16048        key = encodeURIComponent(key);
16049        value = encodeURIComponent(value);
16050
16051        // console.log('insertParam-');
16052        // console.log(value);
16053
16054        // kvp looks like ['key1=value1', 'key2=value2', ...]
16055        var kvp = document.location.search.substr(1).split('&');
16056        let i=0;
16057
16058        for(; i<kvp.length; i++){
16059            if (kvp[i].startsWith(key + '=')) {
16060                let pair = kvp[i].split('=');
16061                pair[1] = value;
16062                kvp[i] = pair.join('=');
16063                break;
16064            }
16065        }
16066
16067        if(i >= kvp.length){
16068            kvp[kvp.length] = [key,value].join('=');
16069        }
16070
16071        // can return this or...
16072        let params = kvp.join('&');
16073// console.log(params);
16074        // reload page with new params
16075        //document.location.search = params;
16076        window.history.replaceState(null, null, 'shopping-cart?'+params);
16077    }
16078</script>
16078
16079                    </div>
16080                    <div class="dsteps content_shipping_step" style="display:none">
16081                    
16082
16083<nav aria-label="Shopping Cart Navigation" class="mb-5 cart_navigation">
16084    <a href="javascript:void(0)" class="cart_step">Cart</a> &#9656;
16085    <a href="javascript:void(0)" class="information_step">Information</a> &#9656;
16086    <a href="javascript:void(0)" class="shipping_step active" aria-current="page">Shipping</a> <span class="shipping_arrow" aria-hidden="true">&#9656;</span>
16087    <a href="javascript:void(0)" class="payment_step">Payment</a>
16088</nav>
16089
16090<div class="info_bar">
16091    <div class="selected_contact justify-content-between align-items-center">
16092        <span class="title">
16093            Contact:
16094        </span>
16095        <span class="content">
16096        </span>
16097    </div>
16098    <hr>
16099    <div class="selected_shipping justify-content-between align-items-center">
16100        <span class="title">
16101            Ship to:
16102        </span>
16103        <span class="content">
16104        </span>
16105    </div>
16106</div>
16107        <form id="shipping-method-form"  method="post" aria-label="Shipping method form">
16108        <input type="hidden" name="_csrf_token" value="e14336c6228da98757e37434be16a7613e4d5647029749adbdf09abb4ea6fe29">        <div id="shipping_options">
16109            <h5 class="mb-3 mt-5 general_style">Shipping Method</h5>
16110            <input type="hidden" name="country" value="UNITED STATES">
16111            <div class="form-group shipping_mehod_select">
16112                <div class="btn-group btn-group-toggle w-100 flex-wrap" data-toggle="buttons" id="shipping_mehod_div_id">
16113                                        <label class="btn btn-outline-secondary rounded mb-1 text-left d-flex align-items-center active">
16114                        <input aria-label="Ship method" class="ship_method_radio" type="radio" name="ship_method" id="shipping_method_r4_12"
16115                               value="Ground|0|4_12"  checked >
16116
16117                        <div class="h-100 d-flex justify-content-between w-100 align-items-center">
16118                            <div class="shipping_method_time">
16119                            Ground                            </div>
16120                            <div class="shipping_price">
16121                                Free                            </div>
16122                        </div>
16123                    </label>
16124                                        <label class="btn btn-outline-secondary rounded mb-1 text-left d-flex align-items-center active">
16125                        <input aria-label="Ship method" class="ship_method_radio" type="radio" name="ship_method" id="shipping_method_r5_12"
16126                               value="2nd Day|9.99|5_12"   >
16127
16128                        <div class="h-100 d-flex justify-content-between w-100 align-items-center">
16129                            <div class="shipping_method_time">
16130                            2nd Day                            </div>
16131                            <div class="shipping_price">
16132                                $9.99                            </div>
16133                        </div>
16134                    </label>
16135                                        <label class="btn btn-outline-secondary rounded mb-1 text-left d-flex align-items-center active">
16136                        <input aria-label="Ship method" class="ship_method_radio" type="radio" name="ship_method" id="shipping_method_r6_12"
16137                               value="Overnight|18|6_12"   >
16138
16139                        <div class="h-100 d-flex justify-content-between w-100 align-items-center">
16140                            <div class="shipping_method_time">
16141                            Overnight                            </div>
16142                            <div class="shipping_price">
16143                                $18.00                            </div>
16144                        </div>
16145                    </label>
16146                                                            <p class="shipping_note_gift_card"></p>
16147                </div>
16148            </div>
16149        </div>
16150        <div class="mt-4" style="border-bottom: 1px solid rgba(0,0,0,.1); display: none;">
16151                    </div>
16152
16153        <div class="row mt-4 invalid_container_shipping" style="display: none;">
16154            <div class="col-md-12">
16155                <div class="alert alert-danger invalid_inputs_text_shipping" role="alert">
16156                                    </div>
16157            </div>
16158        </div>
16159    </form>
16160
16161    <div class="row mt-4 cta_section no-gutters">
16162        <div class="col-md-6 align-items-center d-flex mb-4 justify-content-center justify-content-lg-start">
16163            <a href="javascript:void(0)" class="information_step d-flex align-items-center general_style" style="color: #3172ab">
16164                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" aria-hidden="true" focusable="false"><path d="M77.25 256l137.4-137.4c12.5-12.5 12.5-32.75 0-45.25s-32.75-12.5-45.25 0l-160 160c-12.5 12.5-12.5 32.75 0 45.25l160 160C175.6 444.9 183.8 448 192 448s16.38-3.125 22.62-9.375c12.5-12.5 12.5-32.75 0-45.25L77.25 256zM269.3 256l137.4-137.4c12.5-12.5 12.5-32.75 0-45.25s-32.75-12.5-45.25 0l-160 160c-12.5 12.5-12.5 32.75 0 45.25l160 160C367.6 444.9 375.8 448 384 448s16.38-3.125 22.62-9.375c12.5-12.5 12.5-32.75 0-45.25L269.3 256z"/></svg>
16165                Return to Information</a>
16166        </div>
16167        <div class="col-md-6 mb-4">
16168            <div class="cta">
16169                <button class="btn btn-primary btn-continue payment_step general_style" aria-label="Continue to Payment page" type="button" id='shipping_form_submit'>Continue to Payment</button>
16170            </div>
16171        </div>
16172    </div>
16173
16174<script type="text/javascript" src="https://cdn.jsdelivr.net/momentjs/latest/moment.min.js"></script>
vendor: 2 bytes, line 16174
16174
16175<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.min.js" defer ></script>
16175
16176<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css" />
16177
16178<script>
16179    $(document).ready(function() {
16180        const shoppingCart = {"items":[],"shipping_options":[{"country":"United States","method":"Ground","range":"0 - 500","rate":0,"shown_rate":"Free","status":"1","action":"","country_code":"US","id":"4","range_id":"12"},{"country":"United States","method":"2nd Day","range":"0 - 500","rate":9.99,"shown_rate":"$9.99","status":"1","action":"","country_code":"US","id":"5","range_id":"12"},{"country":"United States","method":"Overnight","range":"0 - 500","rate":18,"shown_rate":"$18.00","status":"1","action":"","country_code":"US","id":"6","range_id":"12"}]};
16181            
16182        $(document).on('change', '.ship_method_radio', function () {
16183            changeShipping();
16184        });
16185
16186        $('.content_information_step').on('change', 'input[name="shipping_method_r"]', function () {
16187            if ($(this).val() == 1) {
16188                $('.pickup_locations_fields').show();
16189                $('.shipping_method_fields, .cart_navigation .shipping_step, .cart_navigation .shipping_arrow').hide();
16190                $('.content_information_step .cta_section .shipping_step').removeClass('shipping_step').addClass('payment_step').text('Continue to Payment');
16191                $('.content_payment_step .cta_section .shipping_step').removeClass('shipping_step').addClass('information_step').html('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" aria-hidden="true" focusable="false"><path d="M77.25 256l137.4-137.4c12.5-12.5 12.5-32.75 0-45.25s-32.75-12.5-45.25 0l-160 160c-12.5 12.5-12.5 32.75 0 45.25l160 160C175.6 444.9 183.8 448 192 448s16.38-3.125 22.62-9.375c12.5-12.5 12.5-32.75 0-45.25L77.25 256zM269.3 256l137.4-137.4c12.5-12.5 12.5-32.75 0-45.25s-32.75-12.5-45.25 0l-160 160c-12.5 12.5-12.5 32.75 0 45.25l160 160C367.6 444.9 375.8 448 384 448s16.38-3.125 22.62-9.375c12.5-12.5 12.5-32.75 0-45.25L269.3 256z"/></svg> Return to Information');
16192            } else {
16193                $('.pickup_locations_fields').hide();
16194                $('.shipping_method_fields, .cart_navigation .shipping_step, .cart_navigation .shipping_arrow').show();
16195                $('.content_information_step .cta_section .payment_step').removeClass('payment_step').addClass('shipping_step').text('Continue to Shipping');
16196                $('.content_payment_step .cta_section .information_step').removeClass('information_step').addClass('shipping_step').html('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" aria-hidden="true" focusable="false"><path d="M77.25 256l137.4-137.4c12.5-12.5 12.5-32.75 0-45.25s-32.75-12.5-45.25 0l-160 160c-12.5 12.5-12.5 32.75 0 45.25l160 160C175.6 444.9 183.8 448 192 448s16.38-3.125 22.62-9.375c12.5-12.5 12.5-32.75 0-45.25L77.25 256zM269.3 256l137.4-137.4c12.5-12.5 12.5-32.75 0-45.25s-32.75-12.5-45.25 0l-160 160c-12.5 12.5-12.5 32.75 0 45.25l160 160C367.6 444.9 375.8 448 384 448s16.38-3.125 22.62-9.375c12.5-12.5 12.5-32.75 0-45.25L269.3 256z"/></svg> Return to Shipping');
16197            }
16198        });
16199
16200
16201        if ($("#sc_session_info_bar").val().length > 0 ) {
16202            const sc_session_info_bar_obj_t = JSON.parse($("#sc_session_info_bar").val());
16203
16204            if (typeof sc_session_info_bar_obj_t != "undefined") {
16205                updateDetailSummary(sc_session_info_bar_obj_t);
16206            }
16207        }
16208    });
16209
16210
16211    function changeShipping() {
16212        if ($('.ship_method_radio:checked').length == 0) {
16213            $('.ship_method_radio:first').prop('checked', true);
16214        }
16215
16216        const data = $('#shipping-method-form').serializeArray();
16217
16218        // console.log(data);
16219        // console.log('data-shipping_radio-click-2');
16220
16221        $.ajax({
16222            type: "POST",
16223            url : "includes/assets/shopping_cart/sc_ws_functions.php",
16224            headers: {'X-CSRF-TOKEN': window.csrf_token},
16225            data: {
16226                refresh_shipping: data,
16227            },
16228            dataType: "json",
16229            cache: false,
16230            success: function( response ) {
16231
16232                //// console.log(response);
16233                // console.log('response-success-shipping_radio-click-2');
16234
16235                if(response.success){
16236                    update_cart_layout(response.shopping_cart[0]);
16237
16238                    document.getElementById('sc_session_info_bar').value = response.sc_session_info_bar_encoded;
16239                    // $('#cart-total-shipping').parent().removeClass('d-none-i');
16240                    event.preventDefault();
16241
16242                    if (typeof response.sc_session_info_bar != "undefined") {
16243                        updateDetailSummary(response.sc_session_info_bar, true);
16244                                            }
16245                }
16246
16247            },
16248            error: function (xhr, status, error) {
16249                // console.error(xhr);
16250                // If backend returned HTML page
16251                if (xhr.responseText) {
16252                    if (window.scHandleAjaxError && window.scHandleAjaxError(xhr)) return;
16253                    document.open();
16254                    document.write(xhr.responseText);
16255                    document.close();
16256                    return;
16257                }
16258            }
16259        });
16260    }
16261</script>
16261                    </div>
16262                    <div class="dsteps content_payment_step" style="display:none">
16263                    <nav aria-label="Shopping Cart Navigation" class="mb-5 cart_navigation">
16264    <a href="javascript:void(0)" class="cart_step">Cart</a> &#9656;
16265    <a href="javascript:void(0)" class="information_step">Information</a> &#9656;
16266    <a href="javascript:void(0)" class="shipping_step">Shipping</a> <span class="shipping_arrow" aria-hidden="true">&#9656;</span>
16267    <a href="javascript:void(0)" class="payment_step active" aria-current="page">Payment</a>
16268</nav>
16269
16270<div class="bill_info_bar">
16271    <div class="selected_contact justify-content-between align-items-center">
16272        <span class="title">
16273            Contact:
16274        </span>
16275        <span class="content">
16276        </span>
16277    </div>
16278    <hr class="hr_selected_shipping">
16279    <div class="selected_shipping justify-content-between align-items-center">
16280        <span class="title">
16281            Ship to:
16282        </span>
16283        <span class="content">
16284        </span>
16285    </div>
16286    <hr class="selected_method_hr">
16287    <div class="selected_method justify-content-between align-items-center">
16288        <span class="title">
16289            Method:
16290        </span>
16291        <span class="content d-sm-flex align-items-right ml-2">
16292        </span>
16293    </div>
16294</div>
16295
16296<h5 class="mb-3 mt-5 general_style" id="bill-info-title">Billing address</h5>
16297<p class="general_style">Select the address that matches your card or payment method.</p>
16298
16299<form id="bill-bill_info-form"  method="post" aria-label="Billing address form">
16300    <input type="hidden" name="_csrf_token" value="e14336c6228da98757e37434be16a7613e4d5647029749adbdf09abb4ea6fe29">
16301        <div class="form-group billing_address_select" style="display: block">
16302        <fieldset>
16303            <legend class="sr-only">Billing address selection</legend>
16304        <div class="btn-group btn-group-toggle w-100" data-toggle="buttons" role="radiogroup" aria-label="Billing address selection">
16305            <label class="btn btn-outline-secondary d-flex align-items-center active text-left">
16306                <input aria-label="Billing address 1" type="radio" name="billing_address" id="billing_address1" autocomplete="off" checked value="0">
16307                <div>Same as shipping address</div>
16308            </label>
16309            <label class="btn btn-outline-secondary d-flex align-items-center text-left">
16310                <input aria-label="Billing address 2" type="radio" name="billing_address" id="billing_address2" autocomplete="off"  value="1">
16311                <div>Different billing address</div>
16312            </label>
16313        </div>
16314        </fieldset>
16315    </div>
16316
16317    <div class="billing_address_fields" style="display: none">
16318        <div class="row no-gutters">
16319            <div class="col-md-6 mb-4">
16320                <div class="form-group floating mr-md-2">
16321                    <label class="sr-only" for="first_name_b">First Name</label>
16322                    <input id="first_name_b" class="form-control floating" type="text" name="fname" required value="">
16323                    <span class="floating-label" aria-hidden="true">First Name</span>
16324                </div>
16325            </div>
16326            <div class="col-md-6 mb-4">
16327                <div class="form-group floating">
16328                    <label class="sr-only" for="last_name_b">Last Name</label>
16329                    <input id="last_name_b" class="form-control floating" type="text" name="lname" required value="">
16330                    <span class="floating-label" aria-hidden="true">Last Name</span>
16331                </div>
16332            </div>
16333        </div>
16334        <div class="row no-gutters">
16335            <div class="col-md-12 mb-4">
16336                <div class="form-group floating">
16337                    <label class="sr-only" for="street_address_b">Street Address</label>
16338                    <input id="street_address_b" class="form-control floating" type="text" name="add1" required value="">
16339                    <span class="floating-label" aria-hidden="true">Street Address</span>
16340                </div>
16341            </div>
16342        </div>
16343        <div class="row no-gutters">
16344            <div class="col-md-12 mb-4">
16345                <div class="form-group floating">
16346                    <label class="sr-only" for="apt_suite_b">Apt / Suite</label>
16347                    <input id="apt_suite_b" class="form-control floating" type="text" name="add2" value="">
16348                    <span class="floating-label" aria-hidden="true">Apt / Suite</span>
16349                </div>
16350            </div>
16351        </div>
16352
16353        <div class="row no-gutters">
16354            <div class="col-md-6 mb-4">
16355                <div class="form-group floating mr-md-2">
16356                    <label class="sr-only" for="city_b">City</label>
16357                    <input id="city_b" class="form-control floating" type="text" name="city" required value="">
16358                    <span class="floating-label" aria-hidden="true">City</span>
16359                </div>
16360            </div>
16361            <div class="col-md-6 mb-4">
16362                <div class="form-group floating">
16363                    <label class="sr-only" for="state_b">State/Province</label>
16364                    <select id="state_b" required maxlength="80" data-placeholder="Select State/Province..." name="state" class="form-control floating state" data-type="frmselectbox" data-selected="">
16365                        <option value=""></option>
16366                    </select>
16367                    <span class="floating-label" aria-hidden="true">State/Province</span>
16368                </div>
16369            </div>
16370        </div>
16371
16372        <div class="row no-gutters">
16373            <div class="col-md-6 mb-4">
16374                <div class="form-group floating mr-md-2">
16375                    <label class="sr-only" for="zipcode_b">Zipcode</label>
16376                    <input id="zipcode_b" class="form-control floating" type="text" name="zip" required value="">
16377                    <span class="floating-label" aria-hidden="true">Zipcode</span>
16378                </div>
16379            </div>
16380            <div class="col-md-6 mb-4">
16381                <div class="form-group floating">
16382                    <label class="sr-only" for="country_b">Country</label>
16383                    <select aria-label="Country" id="country_b" class="form-control floating" type="text" name="country" required data-selected="UNITED STATES">
16384                                                    <option value="United States"
16385                                selected>
16386                                United States                            </option>
16387                                            </select>
16388                    <span class="floating-label" aria-hidden="true">Country</span>
16389                </div>
16390            </div>
16391        </div>
16392    </div>
16393
16394</form>
16395
16396<div class="row mt-4 invalid_container_payment">
16397    <div class="col-md-12">
16398        <div class="alert alert-danger invalid_inputs_text_payment" role="alert">
16399        </div>
16400    </div>
16401</div>
16402<h5 class="mb-3 mt-5 general_style">Gift Card</h5>
16403
16404<a href="#" type="button" data-toggle="modal" data-target="#giftcardModal" class="btn btn-outline-primary redeem_gift_card">
16405    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" aria-hidden="true" focusable="false"><path d="M432 256c0 17.69-14.33 32.01-32 32.01H256v144c0 17.69-14.33 31.99-32 31.99s-32-14.3-32-31.99v-144H48c-17.67 0-32-14.32-32-32.01s14.33-31.99 32-31.99H192v-144c0-17.69 14.33-32.01 32-32.01s32 14.32 32 32.01v144h144C417.7 224 432 238.3 432 256z"/></svg>
16406    Redeem a Gift Card
16407</a>
16408
16409<div class="applied_gift_cards mt-3"></div>
16410
16411
16412<h5 class="mb-3 mt-5 general_style" >Payment</h5>
16413<p  class="general_style">Select a payment method</p>
16414
16415<div class="form-group payment_mehod_select" id="payment_mehod_select_div" >
16416    <fieldset>
16417        <legend class="sr-only">Payment method selection</legend>
16418    <div class="btn-group btn-group-toggle w-100 flex-wrap" data-toggle="buttons" role="radiogroup" aria-label="Payment method selection">
16419        
16420                            <label class="btn btn-outline-secondary  cp-payment-btn rounded mb-1 text-left d-flex align-items-center" data-pid="#credit_card">
16421                <input type="radio" aria-label="Payment" name="payment_r" id="payment_r2" value="Credit Card" checked >
16422                <div class="d-inline-flex align-items-center h-100">
16423                    Credit Card
16424                </div>
16425            </label>
16426                                
16427                                            </div>
16428    </fieldset>
16429</div>
16430
16431
16432
16433<div class="payment_mehods">
16434        
16435
16436        <div class="payment_option" id="credit_card" style="display: block">
16437            <form class="shopping-cart-form-auth" id="credit_card_form"  method="post" aria-label="Credit card payment form">
16438                <input type="hidden" name="_csrf_token" value="e14336c6228da98757e37434be16a7613e4d5647029749adbdf09abb4ea6fe29">                <input type="hidden" name="payment_method" value="Credit Card" />
16439                <p class="d-flex align-items-center">
16440                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" aria-hidden="true" focusable="false">
16440<path d="M80 192V144C80 64.47 144.5 0 224 0C303.5 0 368 64.47 368 144V192H384C419.3 192 448 220.7 448 256V448C448 483.3 419.3 512 384 512H64C28.65 512 0 483.3 0 448V256C0 220.7 28.65 192 64 192H80zM144 192H304V144C304 99.82 268.2 64 224 64C179.8 64 144 99.82 144 144V192z"/></svg>
16441                    Secure credit card payment
16442                </p>
16443                <div class="row">
16444                    <div class="col-md-12 mb-4">
16445                        <div class="form-group">
16446                            <label class="sr-only" for="card_type">*Card Type</label>
16447                                                        <select placeholder="Card Type" id="card_type" class="form-control floating" name="cc_type" class="frmselectbox">
16448                                                                    <option value="American Express" >American Express</option>
16449                                                                        <option value="Discover" >Discover</option>
16450                                                                        <option value="Mastercard" >Mastercard</option>
16451                                                                        <option value="Visa" >Visa</option>
16452                                                                </select>
16453
16454                        </div>
16455                    </div>
16456                </div>
16457                <div class="row">
16458                    <div class="col-md-12 mb-4">
16459                        <div class="form-group">
16460                            <label class="sr-only" for="card_num">*Card Number</label>
16461                            <input aria-label="Card number" placeholder="Card Number" name="cc_num" required class="form-control floating" type="text" autocomplete="off" id="card_num" value="" />
16462                        </div>
16463                    </div>
16464                </div>
16465                <div class="row">
16466                    <div class="col-6 mb-4">
16467                        <div class="form-group">
16468                            <label class="sr-only" for="cc_month">Expiration month</label>
16469                            <label class="sr-only" for="cc_year">Expiration year</label>
16470                            <div class="btn-group d-flex">
16471                                <select data-placeholder="select month:" name="cc_month" id="cc_month" style="min-width: 60px;" value="" class=" form-control floating cc_month" >
16472                                                                            <option value="01" >1</option>
16473                                                                            <option value="02" >2</option>
16474                                                                            <option value="03" >3</option>
16475                                                                            <option value="04" >4</option>
16476                                                                            <option value="05" >5</option>
16477                                                                            <option value="06" >6</option>
16478                                                                            <option value="07" >7</option>
16479                                                                            <option value="08" >8</option>
16480                                                                            <option value="09" >9</option>
16481                                                                            <option value="10" >10</option>
16482                                                                            <option value="11" >11</option>
16483                                                                            <option value="12" >12</option>
16484                                                                    </select>
16485                                <select data-placeholder="select year:" name="cc_year" id="cc_year" style="min-width: 100px" value="" class="form-control floating">
16486                                                                            <option value="26" >2026</option>
16487                                                                            <option value="27" >2027</option>
16488                                                                            <option value="28" >2028</option>
16489                                                                            <option value="29" >2029</option>
16490                                                                            <option value="30" >2030</option>
16491                                                                            <option value="31" >2031</option>
16492                                                                            <option value="32" >2032</option>
16493                                                                            <option value="33" >2033</option>
16494                                                                            <option value="34" >2034</option>
16495                                                                            <option value="35" >2035</option>
16496                                                                            <option value="36" >2036</option>
16497                                                                            <option value="37" >2037</option>
16498                                                                            <option value="38" >2038</option>
16499                                                                    </select>
16500                            </div>
16501                        </div>
16502                    </div>
16503                    <div class="col-6 mb-4">
16504                        <div class="form-group floating">
16505                            <label class="sr-only" for="card_ccv">Security code</label>
16506                            <input placeholder="Security code" name="cc_ccv" class="form-control floating" required type="password" autocomplete="off" id="card_ccv" value="" />
16507                        </div>
16508                    </div>
16509                </div>
16510                <div>
16511                    <div class="error-container auth-error-container mb-2"></div>
16512                    <div class="cta">
16513                        <button class="btn btn-primary btn-continue general_style" aria-label="Confirm Payment & Place Order" type="submit">Confirm Payment & Place Order</button>
16514                    </div>
16515                    <div class="inline-recaptcha mt-4" data-form="auth"></div>
16516                </div>
16517            </form>
16518        </div>
16519
16520            
16521        
16522                <div class="payment_option" id="acima"  >
16523        <!-- Acima Logo -->
16524        <img src="/includes/assets/shopping_cart/images/acima.png" border="0" alt="Acima Acceptance Mark">
16525        <!-- Acima Logo -->
16526
16527        <form id="shopping-cart-form-acima"  method="post" aria-label="Acima payment form">
16528            <input type="hidden" name="_csrf_token" value="e14336c6228da98757e37434be16a7613e4d5647029749adbdf09abb4ea6fe29">            <input type="hidden" name="payment_method" value="Acima" />
16529            <div class="cta mr-md-2">
16530                <button id="shopping_cart_button_acima" class="btn btn-primary btn-continue general_style" type="submit">Confirm Payment & Place Order with Acima</button>
16531            </div>
16532
16533            <input type="hidden" id="Acima-response-code" name="Acima-response-code-value" value="">
16534            <input type="hidden" id="Acima-response-message" name="Acima-response-message-value" value="">
16535            <input type="hidden" id="Acima-response-leaseId" name="Acima-response-leaseId-value" value="">
16536            <input type="hidden" id="Acima-response-leaseNumber" name="Acima-response-leaseNumber-value" value="">
16537            <input type="hidden" id="Acima-response-checkoutToken" name="Acima-response-checkoutToken-value" value="">
16538                        <input type="hidden" id="Acima-recaptcha_tocken" name="recaptcha_tocken" value="">
16539            
16540            <div>
16541                <div id="iframe-container"></div>
16542                
16542<script src="https://ecom.sandbox.acimacredit.com/js/acima.min.js"></script>
16542
16543            </div>
16544        </form>
16545        <div class="error-container" id="acima-error-container">
16546            <br>        </div>
16547        <div class="inline-recaptcha mt-3" data-form="acima"></div>
16548    </div>
16549
16550
16551    <div class="payment_option" id="amazon" >
16552            </div>
16553
16554    <div class="payment_option" id="wells_fargo">
16555        <form id="shopping-cart-form-wellsfargo"  method="post" aria-label="Wells Fargo payment form">
16556            <input type="hidden" name="_csrf_token" value="e14336c6228da98757e37434be16a7613e4d5647029749adbdf09abb4ea6fe29">            <input type="hidden" name="payment_method" value="Wells Fargo" />
16557            <input type="hidden" name="shopping_cart_step" value="payment" />
16558            <input type="hidden" id="wellsfargo_payload" name="wellsfargo_payload" value="" />
16559            
16560            
16561            <div class="cta mr-md-2">
16562                <button type="button" id="learnMore" onclick="fireWellsFargo();"class="btn btn-primary btn-continue"   id="one-step-checkout-place-order" name="chng_page">
16563                    Confirm Payment & Place Order with Wells Fargo
16564                </button>
16565                <div class="inline-recaptcha mt-4" data-form="wellsfargo"></div>
16566            </div>
16567            <div class="error-container" id="wellsfargo-error-container"></div>
16568        </form>
16569    </div>
16570</div>
16571
16572<div class="mt-5">
16573    <div class="row no-gutters">
16574        <div class="col-md-12 mb-4">
16575            <div class="form-group floating">
16576                <label for="special_instruction">Special Order Instructions</label>
16577                    <textarea id="special_instruction" class="form-control floating" type="text" name="special_instruction" value="" form="bill-bill_info-form"></textarea>
16578            </div>
16579        </div>
16580    </div>
16581</div>
16582
16583<div class="row mt-4 cta_section no-gutters">
16584    <div class="col-md-6 align-items-center d-flex mb-4 justify-content-center justify-content-lg-start">
16585        <a href="javascript:void(0)" class="shipping_step d-flex align-items-center general_style" style="color: #3172ab">
16586            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" aria-hidden="true" focusable="false"><path d="M77.25 256l137.4-137.4c12.5-12.5 12.5-32.75 0-45.25s-32.75-12.5-45.25 0l-160 160c-12.5 12.5-12.5 32.75 0 45.25l160 160C175.6 444.9 183.8 448 192 448s16.38-3.125 22.62-9.375c12.5-12.5 12.5-32.75 0-45.25L77.25 256zM269.3 256l137.4-137.4c12.5-12.5 12.5-32.75 0-45.25s-32.75-12.5-45.25 0l-160 160c-12.5 12.5-12.5 32.75 0 45.25l160 160C367.6 444.9 375.8 448 384 448s16.38-3.125 22.62-9.375c12.5-12.5 12.5-32.75 0-45.25L269.3 256z"/></svg>
16587            Return to Shipping</a>
16588    </div>
16589</div>
16590<!-- Gift Card Modal -->
16591    <div class="modal fade" id="giftcardModal" tabindex="-1" role="dialog" aria-labelledby="giftcardModalLabel" aria-modal="true">
16592        <div class="modal-dialog" role="document">
16593            <div class="modal-content">
16594                <form id="shopping-cart-form-gift-card"  method="post" aria-label="Redeem gift card form">
16595                    <input type="hidden" name="_csrf_token" value="e14336c6228da98757e37434be16a7613e4d5647029749adbdf09abb4ea6fe29">                <div class="modal-header">
16596                    <h5 class="modal-title" id="giftcardModalLabel">Secured gift card payment</h5>
16597                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
16598                        <span aria-hidden="true">&times;</span>
16599                    </button>
16600                </div>
16601                <div class="modal-body">
16602                    <p>Redeem a Gift Card</p>
16603                    <div class="row mb-3">
16604                        <div class="col-md-12">
16605                            <div class="form-group floating mb-1">
16606                                <input aria-label="Giftcard number" id="giftcard_number" class="form-control floating" type="text" name="giftcard_number">
16607                                <label for="giftcard_number">Gift Card Number - 16 digits</label>
16608                            </div>
16609                        </div>
16610                    </div>
16611                    <div class="row mb-3">
16612                        <div class="col-md-12">
16613                            <div class="form-group floating mb-1">
16614                                <input id="giftcard_token" class="form-control floating" type="text" name="giftcard_token">
16615                                <label for="giftcard_token">Gift Card Token - 12 digits</label>
16616                            </div>
16617                        </div>
16618                    </div>
16619                    <div id="gift-card-error-container" class="row d-none">
16620                        <div class="col-12">
16621                            <div class="alert alert-danger"></div>
16622                        </div>
16623                    </div>
16624                </div>
16625                <div class="modal-footer">
16626                    <input type="hidden" name="payment_method" value="Gift Cards" />
16627                    <button type="submit" class="btn btn-primary add_giftcard">Add</button>
16628                </div>
16629                </form>
16630            </div>
16631        </div>
16632    </div>
16633
16634
16635
16636<script>
16637    function set_payment_total(response){
16638        $('#cart-total-tax').html(response.shopping_cart[0]['total']['tax']);
16639        if (response.shopping_cart[0]['total']['show_discount']) {
16640            $('#cart-total-promo_discount').parent().removeClass('d-none-i');
16641        } else {
16642            $('#cart-total-promo_discount').parent().addClass('d-none-i');
16643        }
16644        $('#cart-total-promo_discount').html(' - ' + response.shopping_cart[0]['total']['promo_discount']);
16645        $('#cart-total-shipping').html(response.shopping_cart[0]['total']['shipping']);
16646        $('#cart-total-total').html(response.shopping_cart[0]['total']['total']);
16647        //document.getElementById('sc_session').value = response.sc_session_encoded;
16648        document.getElementById('sc_session_info_bar').value = response.sc_session_info_bar_encoded;
16649        //session_setter();
16650        window.location.href = '/shopping-cart?&step=payment';
16651    }
16652
16653        let recaptcha = {};
16654        function onRecaptchaLoadCallback() {
16655            document.querySelectorAll('.inline-recaptcha').forEach(function(badge) {
16656                const formId = badge.getAttribute('data-form');
16657                                    recaptcha[formId] = grecaptcha.render(badge, {
16658                        'sitekey': '6Le0_CEiAAAAAO2SprdEh3a5J5OGgtavg30c0ya7',
16659                        'badge': 'inline',
16660                        'size': 'invisible'
16661                    });
16662                            });
16663        }
16664        /**
16665         * Get reCAPTCHA token for v2 or v3
16666         * @param {string} action - For v3, the action name (e.g., 'checkout')
16667         * @returns {Promise<string>} - Resolves with the token
16668         */
16669        async function getRecaptchaToken(method) {
16670            return new Promise((resolve, reject) => {
16671                if (typeof grecaptcha === 'undefined') {
16672                    reject('reCAPTCHA not loaded');
16673                    handleRecaptchaError('reCAPTCHA not loaded.');
16674                    reject({success: false, error: 'reCAPTCHA not loaded.'});
16675                    return;
16676                }
16677                grecaptcha.ready(() => {
16678                                            grecaptcha.execute(recaptcha[method], { action: 'form_builder_submissions' })
16679                            .then(token => resolve({success: true, token: token}))
16680                            .catch(function(error) {
16681                                handleRecaptchaError('reCAPTCHA error: A technical issue occurred. Please contact the administrator for support!');
16682                                reject({success: false, error: 'reCAPTCHA error: A technical issue occurred. Please contact the administrator for support!'});
16683                            });
16684                                    });
16685            });
16686        }
16687       
16688        function handleRecaptchaError(errorMessage) {
16689            $('.error_captcha').remove();
16690            $('.inline-recaptcha').after(`<p class="error_captcha" style="color:red; margin-top:10px;">${errorMessage}</p>`);
16691            $('#loader_div').fadeOut();
16692        }
16693
16694
16695    function refresh_method() {
16696        const method = $("input[name=payment_r]:checked").val();
16697        $.ajax({
16698            type: "POST",
16699            url : "includes/assets/shopping_cart/sc_ws_functions.php",
16700            headers: {'X-CSRF-TOKEN': window.csrf_token},
16701            data: {
16702                refresh_method: method,
16703            },
16704            dataType: "json",
16705            cache: false,
16706            success: function(response) {
16707                // console.log(data);
16708                if(response.success) {
16709
16710                    $('#sc_session_info_bar').val(response.sc_session_info_bar_encoded);
16711                    update_cart_layout(response.shopping_cart[0]);
16712
16713                    if (typeof response.sc_session_info_bar != "undefined") {
16714
16715                        check_cart_totals(response.sc_session_info_bar,response.shopping_cart);
16716
16717                    }
16718                } else {
16719
16720                }
16721            },
16722            error: function (xhr, status, error) {
16723                // console.error(xhr);
16724                // If backend returned HTML page
16725                if (xhr.responseText) {
16726                    if (window.scHandleAjaxError && window.scHandleAjaxError(xhr)) return;
16727                    document.open();
16728                    document.write(xhr.responseText);
16729                    document.close();
16730                    return;
16731                }
16732            }
16733        });
16734    }
16735
16736    $(document).ready(function(){
16737        // $("input[name=payment_r]:checked").closest('label').trigger('click');
16738        window.billing_states = {"United States":{"AL":{"name":"Alabama","excluded":false},"AK":{"name":"Alaska","excluded":false},"AZ":{"name":"Arizona","excluded":false},"AR":{"name":"Arkansas","excluded":false},"CA":{"name":"California","excluded":false},"CO":{"name":"Colorado","excluded":false},"CT":{"name":"Connecticut","excluded":false},"DE":{"name":"Delaware","excluded":false},"DC":{"name":"District Of Columbia","excluded":false},"FL":{"name":"Florida","excluded":false},"GA":{"name":"Georgia","excluded":false},"HI":{"name":"Hawaii","excluded":false},"ID":{"name":"Idaho","excluded":false},"IL":{"name":"Illinois","excluded":false},"IN":{"name":"Indiana","excluded":false},"IA":{"name":"Iowa","excluded":false},"KS":{"name":"Kansas","excluded":false},"KY":{"name":"Kentucky","excluded":false},"LA":{"name":"Louisiana","excluded":false},"ME":{"name":"Maine","excluded":false},"MD":{"name":"Maryland","excluded":false},"MA":{"name":"Massachusetts","excluded":false},"MI":{"name":"Michigan","excluded":false},"MN":{"name":"Minnesota","excluded":false},"MS":{"name":"Mississippi","excluded":false},"MO":{"name":"Missouri","excluded":false},"MT":{"name":"Montana","excluded":false},"NE":{"name":"Nebraska","excluded":false},"NV":{"name":"Nevada","excluded":false},"NH":{"name":"New Hampshire","excluded":false},"NJ":{"name":"New Jersey","excluded":false},"NM":{"name":"New Mexico","excluded":false},"NY":{"name":"New York","excluded":false},"NC":{"name":"North Carolina","excluded":false},"ND":{"name":"North Dakota","excluded":false},"OH":{"name":"Ohio","excluded":false},"OK":{"name":"Oklahoma","excluded":false},"OR":{"name":"Oregon","excluded":false},"PA":{"name":"Pennsylvania","excluded":false},"RI":{"name":"Rhode Island","excluded":false},"SC":{"name":"South Carolina","excluded":false},"SD":{"name":"South Dakota","excluded":false},"TN":{"name":"Tennessee","excluded":false},"TX":{"name":"Texas","excluded":false},"UT":{"name":"Utah","excluded":false},"VT":{"name":"Vermont","excluded":false},"VA":{"name":"Virginia","excluded":false},"WA":{"name":"Washington","excluded":false},"WV":{"name":"West Virginia","excluded":false},"WI":{"name":"Wisconsin","excluded":false},"WY":{"name":"Wyoming","excluded":false}}};
16739
16740        if ($('#billing_address1').length) {
16741            setTimeout(() => {
16742                $('#bill-bill_info-form #billing_address1').focus();
16743            }, 200);
16744        } else {
16745            setTimeout(() => {
16746                $('#bill-bill_info-form #first_name_b').focus();
16747            }, 200);
16748        }
16749                 
16750
16751        $('.cp-payment-btn').on('click', function(e) {
16752            e.preventDefault();
16753            const _this = $(this);
16754            $('.cp-payment-btn').removeClass('active');
16755            $("input[name=payment_r]:checked").removeAttr('checked')
16756            $('.payment_option').hide();
16757            _this.addClass('active');
16758            _this.find("input[name=payment_r]").attr('checked','checked')
16759            $(_this.data('pid')).show();
16760            refresh_method();
16761        });
16762
16763        window.handleBillingError = function(response){
16764            if (response.info_errors && response.info_errors[0]) {
16765                $('.invalid_inputs_text_payment').html(response.info_errors[0].msg);
16766                let invalid_inputs = response.info_errors[0];
16767
16768                for (key in invalid_inputs){
16769                    if (invalid_inputs[key] == 1) {
16770                        $('input[name="'+key+'"]').addClass('is-invalid');
16771                        $('select[name="'+key+'"]').addClass('is-invalid');
16772                    } else {
16773                        $('input[name="'+key+'"]').removeClass('is-invalid');
16774                        $('select[name="'+key+'"]').removeClass('is-invalid');
16775                    }
16776                }
16777            } else {
16778                $('.invalid_inputs_text_payment').html(response.message);
16779            }
16780
16781            $('.invalid_container_payment').show();
16782            window.scrollTo({ top:  document.getElementById("bill-info-title").offsetTop, behavior: 'smooth'});
16783        }
16784
16785        async function refresh_billing() {
16786            let data = $('#bill-bill_info-form').serializeArray();
16787            // console.log(data);
16788            console.log('data-3');
16789
16790            let res = false;
16791            $.ajax({
16792                type: "POST",
16793                async: false,
16794                url : "includes/assets/shopping_cart/sc_ws_functions.php",
16795                headers: {'X-CSRF-TOKEN': window.csrf_token},
16796                data: {
16797                    refresh_billing: data,
16798                },
16799                dataType: "json",
16800                cache: false,
16801                success: function( response ) {
16802
16803                    // console.log(response);
16804                    console.log('response-success-3');
16805
16806                    if(response.success) {
16807                        res = response;
16808                        $('#bill-bill_info-form .is-invalid').removeClass('is-invalid');
16809                        $('.invalid_container_payment').hide();
16810                    } else {
16811                        if (response.info_errors && response.info_errors[0]) {
16812                            $('.invalid_inputs_text_payment').html(response.info_errors[0].msg);
16813
16814                            let invalid_inputs = response.info_errors[0];
16815
16816                            for (key in invalid_inputs){
16817                                if (invalid_inputs[key] == 1) {
16818                                    $('input[name="'+key+'"]').addClass('is-invalid');
16819                                    $('select[name="'+key+'"]').addClass('is-invalid');
16820                                } else {
16821                                    $('input[name="'+key+'"]').removeClass('is-invalid');
16822                                    $('select[name="'+key+'"]').removeClass('is-invalid');
16823                                }
16824                            }
16825                        } else {
16826                            $('.invalid_inputs_text_payment').html(response.message);
16827                        }
16828
16829                        $('.invalid_container_payment').show();
16830                    }
16831                },
16832                error: function (xhr, status, error) {
16833                    // console.error(xhr);
16834                    // If backend returned HTML page
16835                    if (xhr.responseText) {
16836                        if (window.scHandleAjaxError && window.scHandleAjaxError(xhr)) return;
16837                        document.open();
16838                        document.write(xhr.responseText);
16839                        document.close();
16840                        return;
16841                    }
16842                }
16843            });
16844            return res;
16845        }
16846
16847        //Confirm Payment & Place Order - Amazon
16848        $("#shopping-cart-form-amazon").submit(async (event) => {
16849            event.preventDefault();  // avoid to execute the actual submit of the form.
16850            $('#loader_div').fadeIn();
16851            $('#bill-bill_info-form .is-invalid').removeClass('is-invalid');
16852            $('.invalid_container_payment').hide();
16853            $('.error_captcha').remove();
16854
16855            const data = {
16856                billing: $('#bill-bill_info-form').serializeArray(),
16857                complete_checkout: 'amazon',
16858                payload: $("#shopping-cart-form-amazon").serializeArray(),
16859            }
16860
16861                             const result = await getRecaptchaToken('amazon');
16862                if(!result.success){
16863                    return;
16864                }
16865                data.recaptcha_token = result.token;
16866                        
16867            $.ajax({
16868                type: "POST",
16869                url : "includes/assets/shopping_cart/sc_ws_functions.php",
16870                headers: {'X-CSRF-TOKEN': window.csrf_token},
16871                data: data,
16872                dataType: "json",
16873                cache: false,
16874                success: function( response ) {
16875                    $('#loader_div').fadeOut();
16876                    //console.log(response);
16877                    console.log('response-success-amazon-form');
16878                    if (response.success) {
16879                        //document.getElementById('sc_session').value = response.sc_session_encoded;
16880                        document.getElementById('sc_session_info_bar').value = response.sc_session_info_bar_encoded;
16881
16882                        //session_setter();
16883                        //window.location.href = window.location.href;
16884                        window.location.href = '/shopping-cart?&step=payment';
16885                    } else {
16886                         if(response.type == "recaptcha"){
16887                            handleRecaptchaError(response.message);
16888                        }else if(response.type == "billing"){
16889                            handleBillingError(response);
16890                        }else{
16891                            console.log('response-not-success-form-amazon-error');
16892                            $('#amazon-error-container').html('<b style="color:red;">' + response.message + '</b>');
16893                        }
16894                    }
16895
16896                },
16897                error: function (xhr, status, error) {
16898                    $('#loader_div').fadeOut();
16899                    $('#amazon-error-container').html('<b style="color:red;">' + response.message + '</b>');
16900                    // console.error(xhr);
16901                    // If backend returned HTML page
16902                    if (xhr.responseText) {
16903                        if (window.scHandleAjaxError && window.scHandleAjaxError(xhr)) return;
16904                        document.open();
16905                        document.write(xhr.responseText);
16906                        document.close();
16907                        return;
16908                    }
16909                }
16910            });
16911
16912        });
16913
16914        // Redeem Gift Card
16915        $("#shopping-cart-form-gift-card").submit(async (event) => {
16916            event.preventDefault();  // avoid to execute the actual submit of the form.
16917
16918            const $errorContainer = $('#gift-card-error-container')
16919            //console.log($errorContainer)
16920            if (!$errorContainer.hasClass('d-none')) {
16921                $errorContainer.addClass('d-none')
16922            }
16923
16924            const data = $('#shopping-cart-form-gift-card').serializeArray();
16925
16926            console.log('data-form-gift-card-3', data);
16927            $.ajax({
16928                type: "POST",
16929                url : "includes/assets/shopping_cart/sc_ws_functions.php",
16930                headers: {'X-CSRF-TOKEN': window.csrf_token},
16931                data: {
16932                    refresh_shopping_cart_giftcard: data,
16933                },
16934                dataType: "json",
16935                cache: false,
16936                success: function( response ) {
16937
16938                    //console.log(response);
16939                    console.log('response-success-refresh_shopping_cart_giftcard-1');
16940
16941                    if(response.success){
16942                        //console.log('response-success-refresh_shopping_cart_giftcard-success-1');
16943                        //document.getElementById('sc_session').value = response.sc_session_encoded;
16944                        document.getElementById('sc_session_info_bar').value = response.sc_session_info_bar_encoded;
16945                        //session_setter();
16946                        window.location.href = '/shopping-cart?&step=payment';
16947
16948                    } else {
16949
16950                        console.log('response-success-refresh_shopping_cart_giftcard-error-1');
16951                        //console.log(response);
16952                        $errorContainer.removeClass('d-none')
16953                        if(response.errors == ''){
16954                            $errorContainer.find('.alert').text('Gift Card Cant be redeemed!')
16955                        } else {
16956                            $errorContainer.find('.alert').text(response.errors || 'Gift Card Cant be redeemed!')
16957                        }
16958
16959                    }
16960
16961                },
16962                error: function (xhr, status, error) {
16963                    // console.error(xhr);
16964                    // If backend returned HTML page
16965                    if (xhr.responseText) {
16966                        if (window.scHandleAjaxError && window.scHandleAjaxError(xhr)) return;
16967                        document.open();
16968                        document.write(xhr.responseText);
16969                        document.close();
16970                        return;
16971                    }
16972                }
16973           });
16974
16975        });
16976
16977
16978        $("#shopping-cart-form-acima").submit(async (event) => {
16979            event.preventDefault();  // avoid to execute the actual submit of the form.
16980            $('#loader_div').fadeIn();
16981            $('#bill-bill_info-form .is-invalid').removeClass('is-invalid');
16982            $('.invalid_container_payment').hide();
16983            $('.error_captcha').remove();
16984
16985            const data = {
16986                billing: $('#bill-bill_info-form').serializeArray(),
16987                complete_checkout: 'acima',
16988                payload: []
16989            }
16990
16991                            const result = await getRecaptchaToken('acima');
16992                if(!result.success){
16993                    return;
16994                }
16995                data.recaptcha_token = result.token;
16996            
16997            $.ajax({
16998                type: "POST",
16999                url : "includes/assets/shopping_cart/sc_ws_functions.php",
17000                headers: {'X-CSRF-TOKEN': window.csrf_token},
17001                data: data,
17002                dataType: "json",
17003                cache: false,
17004                success: function(response ) {
17005                    console.log('response-success-form-3');
17006                    $('#loader_div').fadeOut();
17007
17008                    if (response.success) {
17009                        if(response.checkout){
17010                            const acima = new Acima.Client({
17011                                merchantId: "",
17012                                iframeUrl: "https://ecom.sandbox.acimacredit.com/" 
17013                            });
17014                            acima.checkout(response.checkout).then(({ leaseId, leaseNumber, checkoutToken }) => {
17015                                // Listen for the pre-approval result
17016                                //console.log('leaseId',leaseId);
17017                                //console.log('leaseNumber',leaseNumber);
17018                                //console.log('checkoutToken',checkoutToken);
17019
17020                                document.getElementById('Acima-response-leaseId').value = leaseId;
17021                                document.getElementById('Acima-response-leaseNumber').value = leaseNumber;
17022                                document.getElementById('Acima-response-checkoutToken').value = checkoutToken;
17023                                document.getElementById('shopping-cart-form-acima').submit();
17024                                //document.getElementById('one-step-checkout-acima-form').submit();
17025                            }).catch(({ code, message }) => {
17026                                // Listen for any errors or interruptions in the customer's application
17027                                //console.log('code',code);
17028                                //console.log('message',message);
17029
17030                                document.getElementById('Acima-response-code').value = code;
17031                                document.getElementById('Acima-response-message').value = message;
17032                                document.getElementById('acima-error-container').innerHTML = "Acima did not process , please try again or select different payment method";
17033
17034                            })
17035
17036                        }
17037                    } else {
17038                        if(response.type == "recaptcha"){
17039                            handleRecaptchaError(response.message);
17040                        }else if(response.type == "billing"){
17041                            handleBillingError(response);
17042                        }else{
17043                            console.log('response-success-form-3-error');
17044                            console.log(response);
17045                        }
17046                       
17047                    }
17048
17049                },
17050                error: function (xhr, status, error) {
17051                    $('#loader_div').fadeOut();
17052                    // console.error(xhr);
17053                    // If backend returned HTML page
17054                    if (xhr.responseText) {
17055                        if (window.scHandleAjaxError && window.scHandleAjaxError(xhr)) return;
17056                        document.open();
17057                        document.write(xhr.responseText);
17058                        document.close();
17059                        return;
17060                    }
17061                }
17062            });
17063        });
17064
17065        
17066        $("#paypal_expch").on("click", async function (event) {
17067            //alert('kk');
17068            event.preventDefault();
17069            $('#bill-bill_info-form .is-invalid').removeClass('is-invalid');
17070            $('.invalid_container_payment').hide();
17071            $('.error_captcha').remove();
17072
17073            if (typeof gtag != 'undefined') {
17074                gtag("event", "paypal_button_click");
17075                console.error('gtag("event", "paypal_button_click")');
17076            }
17077
17078            const data = {
17079                billing: $('#bill-bill_info-form').serializeArray(),
17080                complete_checkout: 'paypal',
17081                payload: $("#shopping-cart-form-paypal").serializeArray(),
17082            }
17083
17084                            const result = await getRecaptchaToken('paypal');
17085                if(!result.success){
17086                    return;
17087                }
17088                data.recaptcha_token = result.token;
17089                        //console.log(data);
17090            console.log('data-form-paypal-3');
17091            //const sc_session_value = document.getElementById('sc_session').value ;
17092            //console.log(sc_session_value);
17093            console.log('data-form-paypal-sc_session_value-3');
17094
17095            $.ajax({
17096                type: "POST",
17097                url : "includes/assets/shopping_cart/sc_ws_functions.php",
17098                headers: {'X-CSRF-TOKEN': window.csrf_token},
17099                data: data,
17100                dataType: "json",
17101                cache: false,
17102                success: function( response ) {
17103                    $('#loader_div').fadeOut();
17104
17105                    //console.log(response);
17106                    console.log('response-success-3');
17107                    if (response.success) {
17108                        //document.getElementById('sc_session').value = response.sc_session_encoded;
17109                        document.getElementById('sc_session_info_bar').value = response.sc_session_info_bar_encoded;
17110                        //session_setter();
17111                        //window.open(response.payPalURL);
17112                        window.open(response.payPalURL,"_self")
17113                    } else {
17114                         if(response.type == "recaptcha"){
17115                            handleRecaptchaError(response.message);
17116                        }else if(response.type == "billing"){
17117                            handleBillingError(response);
17118                        }else{
17119                            $('#pp-error-container').html('<b style="color:red;">' + response.message + '</b>');
17120                        }
17121                    }
17122                },
17123                error: function (xhr, status, error) {
17124                    $('#loader_div').fadeOut();
17125                    // console.error(xhr);
17126                    // If backend returned HTML page
17127                    if (xhr.responseText) {
17128                        if (window.scHandleAjaxError && window.scHandleAjaxError(xhr)) return;
17129                        document.open();
17130                        document.write(xhr.responseText);
17131                        document.close();
17132                        return;
17133                    }
17134                }
17135            });
17136        });
17137        //Confirm Payment & Place Order - Credit Card
17138        $(".shopping-cart-form-auth").on('submit', async (e) => {
17139            e.preventDefault();  // avoid to execute the actual submit of the form.
17140            $('#loader_div').fadeIn();
17141            $('#bill-bill_info-form .is-invalid').removeClass('is-invalid');
17142            $('.invalid_container_payment').hide();
17143            $('.error_captcha').remove();
17144
17145            const formID = e.target.id;
17146            console.log(formID);
17147
17148            var $submitBtn = $(`#${formID} button[type=submit]`), submitBtnOrigText = $submitBtn.html();
17149                
17150            $submitBtn.html('Order Processing');
17151
17152            const data = {
17153                billing: $('#bill-bill_info-form').serializeArray(),
17154                complete_checkout: 'auth',
17155                payload: $("#"+ formID).serializeArray(),
17156            }
17157
17158                            const result = await getRecaptchaToken('auth');
17159                if(!result.success){
17160                    return;
17161                }
17162                data.recaptcha_token = result.token;
17163            
17164            $.ajax({
17165                type: "POST",
17166                url : "includes/assets/shopping_cart/sc_ws_functions.php",
17167                headers: {'X-CSRF-TOKEN': window.csrf_token},
17168                data: data,
17169                dataType: "json",
17170                cache: false,
17171                success: function(response ) {
17172                    // console.log(response);
17173                    $('#loader_div').fadeOut();
17174
17175                    console.log('response-success-form-3');
17176
17177                    if (response.success) {
17178                        set_payment_total(response);
17179                    } else {
17180                        $submitBtn.html(submitBtnOrigText);
17181                        $('#loader_div').fadeOut();
17182                        if(response.type == "recaptcha"){
17183                            handleRecaptchaError(response.message);
17184                        }else if(response.type == "info"){
17185                            window.location.href = '/shopping-cart?&step=information';
17186                        }else if(response.type == "billing"){
17187                            handleBillingError(response);
17188                        }else{
17189                            console.log('response-success-form-3-error');
17190                            console.log(response);
17191                            $(`#${formID} .auth-error-container`).html('<b style="color:red;">' + response.message + '</b>');
17192                            if(response.info_errors) {
17193                                let invalid_inputs = response.info_errors[0];
17194
17195                                for (key in invalid_inputs) {
17196                                    if (invalid_inputs[key] == 1) {
17197                                        $('input[name="' + key + '"]').addClass('is-invalid');
17198                                    } else {
17199                                        $('input[name="' + key + '"]').removeClass('is-invalid');
17200                                    }
17201                                }
17202                            }
17203                        }
17204                       
17205                    }
17206
17207                },
17208                error: function (xhr, status, error) {
17209                    $('#loader_div').fadeOut();
17210                    $submitBtn.html(submitBtnOrigText);
17211                    // console.error(xhr);
17212                    // If backend returned HTML page
17213                    if (xhr.responseText) {
17214                        if (window.scHandleAjaxError && window.scHandleAjaxError(xhr)) return;
17215                        document.open();
17216                        document.write(xhr.responseText);
17217                        document.close();
17218                        return;
17219                    }
17220                }
17221            });
17222            
17223        });
17224
17225        //Confirm Payment & Place Order - Gift Card
17226        $("#shopping-cart-form-gift-pay").submit(async (e) => {
17227            e.preventDefault();  // avoid to execute the actual submit of the form.
17228            $('#loader_div').fadeIn();
17229            $('#bill-bill_info-form .is-invalid').removeClass('is-invalid');
17230            $('.invalid_container_payment').hide();
17231            $('.error_captcha').remove();
17232            //console.log('data-form-gift-pay-3', data);
17233             const data = {
17234                billing: $('#bill-bill_info-form').serializeArray(),
17235                complete_checkout: 'giftcard',
17236                payload: $(this).closest('form').serializeArray()
17237            }
17238
17239                             const result = await getRecaptchaToken('giftcard');
17240                if(!result.success){
17241                    return;
17242                }
17243                data.recaptcha_token = result.token;
17244            
17245            $.ajax({
17246                type: "POST",
17247                url : "includes/assets/shopping_cart/sc_ws_functions.php",
17248                headers: {'X-CSRF-TOKEN': window.csrf_token},
17249                data: data,
17250                dataType: "json",
17251                cache: false,
17252                success: function( response ) {
17253                    console.log('response-success-form-gift-3');
17254                    $('#loader_div').fadeOut();
17255                    if (response.success) {
17256                        set_payment_total(response)
17257                    } else {
17258                         if(response.type == "recaptcha"){
17259                            handleRecaptchaError(response.message);
17260                        }else if(response.type == "billing"){
17261                            handleBillingError(response);
17262                        }else{
17263                             console.log('response-success-form-3-error');
17264                            //console.log(response);
17265                            $('#auth-error-container').html('<b style="color:red;">' + response.message + '</b>');
17266                        }
17267                    }
17268
17269                },
17270                error: function (xhr, status, error) {
17271                    $('#loader_div').fadeOut();
17272                    // console.error(xhr);
17273                    // If backend returned HTML page
17274                    if (xhr.responseText) {
17275                        if (window.scHandleAjaxError && window.scHandleAjaxError(xhr)) return;
17276                        document.open();
17277                        document.write(xhr.responseText);
17278                        document.close();
17279                        return;
17280                    }
17281                }
17282            });
17283        });
17284
17285
17286
17287        $('.content_payment_step').on('change', 'input[name="billing_address"]', function () {
17288            if ($(this).val() == 1) {
17289                $('.billing_address_fields').show();
17290            } else {
17291                $('.billing_address_fields').hide();
17292            }
17293        });
17294
17295        $('#country_b').change(function() {
17296            refresh_state_billing();
17297            $(this).trigger('chosen:updated');
17298        });
17299
17300        $('#country_b').trigger("change");
17301
17302    });
17303
17304    function refresh_state_billing(state_value) {
17305    // console.log('refresh_state_billing');
17306
17307    country_info = {};
17308    country_info['country'] = $('#country_b option:selected').val();
17309    // console.log('country - ' + $('#country_b option:selected').val());
17310
17311    // console.log('remove states from list');
17312    $('#state_b option').each(function() {
17313        $(this).remove();
17314    });
17315    // console.log('country_info=' + $('#country_b option:selected').val());
17316    if(state_value == undefined) {
17317        if(country_info['country'] && window.states[country_info['country']]) {
17318            let responseText = window.states[country_info['country']];
17319            eq_selected_state = 0;
17320            counter = 1;
17321            state_selected = ($('#state_b').attr('data-selected'));
17322            $('#state_b').append('<option value=""></option>');
17323            // console.log('eq_selected_state='+eq_selected_state);
17324            $.each(responseText, function(state_code, state_info) {
17325                if (state_info.name != null) {
17326                    if (state_selected && (state_info.name.trim() == state_selected))
17327                        eq_selected_state = counter;
17328                    $('#state_b').append('<option value="' + state_info.name.trim() + '">' + state_info.name.trim() + '</option>');
17329                    counter++;
17330                }
17331            });
17332            $("#state_b option:eq(" + (eq_selected_state) + ")").attr("selected", true);
17333            $("#state_b").trigger("chosen:updated");
17334            state_selected = ($('#state_b').attr('data-selected'));
17335            if(state_selected != '' && state_selected != undefined) {
17336                $("#state_b").parents('.floating').addClass('filled');
17337            } else {
17338                $("#state_b").parents('.floating').removeClass('filled');
17339            }
17340        }
17341    } else {
17342        // console.log('state_value is defined', state_value);
17343        $('#state_b').val(state_value);
17344    }
17345
17346}
17347
17348
17349function abbrState(input, to){
17350    
17351    var states = [
17352        ['Arizona', 'AZ'],
17353        ['Alabama', 'AL'],
17354        ['Alaska', 'AK'],
17355        ['Arkansas', 'AR'],
17356        ['California', 'CA'],
17357        ['Colorado', 'CO'],
17358        ['Connecticut', 'CT'],
17359        ['Delaware', 'DE'],
17360        ['Florida', 'FL'],
17361        ['Georgia', 'GA'],
17362        ['Hawaii', 'HI'],
17363        ['Idaho', 'ID'],
17364        ['Illinois', 'IL'],
17365        ['Indiana', 'IN'],
17366        ['Iowa', 'IA'],
17367        ['Kansas', 'KS'],
17368        ['Kentucky', 'KY'],
17369        ['Louisiana', 'LA'],
17370        ['Maine', 'ME'],
17371        ['Maryland', 'MD'],
17372        ['Massachusetts', 'MA'],
17373        ['Michigan', 'MI'],
17374        ['Minnesota', 'MN'],
17375        ['Mississippi', 'MS'],
17376        ['Missouri', 'MO'],
17377        ['Montana', 'MT'],
17378        ['Nebraska', 'NE'],
17379        ['Nevada', 'NV'],
17380        ['New Hampshire', 'NH'],
17381        ['New Jersey', 'NJ'],
17382        ['New Mexico', 'NM'],
17383        ['New York', 'NY'],
17384        ['North Carolina', 'NC'],
17385        ['North Dakota', 'ND'],
17386        ['Ohio', 'OH'],
17387        ['Oklahoma', 'OK'],
17388        ['Oregon', 'OR'],
17389        ['Pennsylvania', 'PA'],
17390        ['Rhode Island', 'RI'],
17391        ['South Carolina', 'SC'],
17392        ['South Dakota', 'SD'],
17393        ['Tennessee', 'TN'],
17394        ['Texas', 'TX'],
17395        ['Utah', 'UT'],
17396        ['Vermont', 'VT'],
17397        ['Virginia', 'VA'],
17398        ['Washington', 'WA'],
17399        ['West Virginia', 'WV'],
17400        ['Wisconsin', 'WI'],
17401        ['Wyoming', 'WY'],
17402        
17403        ['Newfoundland and Labrador', 'NL'],
17404        ['Prince Edward Island', 'PE'],
17405        ['Nova Scotia', 'NS'],
17406        ['New Brunswick', 'NB'],
17407        ['Quebec', 'QC'],
17408        ['Ontario', 'ON'],
17409        ['Saskatchewan', 'SK'],
17410        ['Manitoba', 'MB'],
17411        ['Alberta', 'AB'],
17412        ['British Columbia', 'BC'],
17413        ['Yukon', 'YT'],
17414        ['Northwest Territories', 'NT'],
17415        ['Nunavut', 'NU'] 
17416    ];
17417
17418    if (to == 'abbr'){
17419        input = input.replace(/\w\S*/g, function(txt){return txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase();});
17420        for(i = 0; i < states.length; i++){
17421            if(states[i][0] == input){
17422                return(states[i][1]);
17423            }
17424        }    
17425    } else if (to == 'name'){
17426        input = input.toUpperCase();
17427        for(i = 0; i < states.length; i++){
17428            if(states[i][1] == input){
17429                return(states[i][0]);
17430            }
17431        }    
17432    }
17433}
17434</script>
vendor: 2 bytes, line 17434
17434
17435<script>
17436    // Affirm script can inject a broken aria-label with raw HTML; keep a stable accessible name.
17437    (function () {
17438        function normalizeAffirmModalA11y() {
17439            document.querySelectorAll('.affirm-site-modal').forEach(function (el) {
17440                el.setAttribute('aria-label', 'Affirm financing options (opens in modal)');
17441            });
17442        }
17443
17444        document.addEventListener('DOMContentLoaded', normalizeAffirmModalA11y);
17445        setTimeout(normalizeAffirmModalA11y, 0);
17446        setTimeout(normalizeAffirmModalA11y, 500);
17447    })();
17448</script>
17448
17449                    </div>
17450
17451            </div>
17452        </div>
17453
17454        <div class="shopping_right_div justify-content-center justify-content-lg-start hide-summary">
17455            
17456<div class="offcanvas left offcanvas-md" id="customSidebar">
17457    <div class="offcanvas-header border-bottom">
17458        <h5>Select a Store</h5>
17459        <button aria-label="Close menu" class="close-offcanvas btn-close"tabindex="-1"></button>
17460    </div>
17461    <div class="offcanvas-body">
17462    </div>
17463</div>
17464
17465<div class="empty-cart ">
17466    <div class="selected_items p-3 p-sm-5 text-center">
17467        Your cart is empty
17468    </div>
17469</div>
17470
17471<div class="removed-qty d-none ">
17472        <div class="selected_items p-3 p-sm-5 text-center">
17473        Sorry! This item is no longer in stock.
17474    </div>
17475</div>
17476
17477<div class="non-empty-cart d-none">
17478        <div class="selected_items p-3 p-sm-5">
17479        <div class="items_table">
17480            <div class="table_row align-items-center justify-content-between mb-3 card_display invisible-mobile">
17481                <div class="item_image mr-3">
17482
17483                </div>
17484                <div class="item_text mr-4">
17485                    Product
17486                </div>
17487                <div class="quancost">
17488                    <div class="quantity">
17489                        Quantity
17490                    </div>
17491                    <div class="item_cost">
17492                        Price
17493                    </div>
17494                </div>
17495            </div>
17496            <hr>
17497            
17498                            <div id="last-shopping-cart-item" class="d-none"></div>
17499                    </div>
17500        <hr>
17501        <div class="table_row d-flex align-items-center justify-content-between mb-2">
17502            <span class="sub_title">Subtotal</span>
17503            <span
17504                id="cart-total-subtotal">$0.00</span>
17505        </div>
17506                  <div
17507            class="table_row d-flex align-items-center justify-content-between mb-2 cart-total-warranty-container d-none-i">
17508            <span class="sub_title">Warranty</span>
17509            <span
17510                id="cart-total-warranty">$0.00</span>
17511        </div>
17512        <div
17513            class="table_row d-flex align-items-center justify-content-between mb-2 cart-total-engraving-container d-none-i">
17514            <span class="sub_title">Engraving</span>
17515            <span
17516                id="cart-total-engraving">$0.00</span>
17517        </div>
17518        <div
17519            class="table_row d-flex align-items-center justify-content-between mb-2 cart-total-resizing_fee-container d-none-i">
17520            <span class="sub_title">Resizing Fee</span>
17521            <span
17522                id="cart-total-resizing_fee">$0.00</span>
17523        </div>
17524                 <div
17525            class="table_row d-flex align-items-center justify-content-between mb-2 cart-shipping-container d-none-i">
17526            <span
17527                class="sub_title">Shipping</span>
17528            <span
17529                id="cart-total-shipping">Free</span>
17530        </div>
17531        <div
17532            class="table_row d-flex align-items-center justify-content-between mb-2 d-none-i">
17533            <span class="sub_title">Discount </span>
17534            <span id="cart-total-promo_discount"> -
17535                $0.00</span>
17536        </div>
17537        <div class="table_row d-flex align-items-center justify-content-between mb-2 cart-total-tax-container">
17538                            <span class="sub_title" id="cart-total-tax_percent">Tax</span>
17539                        <span
17540                id="cart-total-tax">---</span>
17541        </div>
17542        <div class="fees_div"></div>
17543                <hr>
17544        <div class="table_row d-flex align-items-center justify-content-between total_results">
17545            <span>Total</span>
17546                            <span id="cart-total-total"
17547                    class="total_pay">$0.00</span>
17548                    </div>
17549    </div>
17550    <hr class="my-0">
17551    
17552    <div class="selected_items p-5">
17553        <div class="row w-100 no-gutters">
17554            <div class="col">
17555                                    <form id="info-form" method="post" aria-label="Coupon code form">
17556                        <input type="hidden" name="_csrf_token" value="e14336c6228da98757e37434be16a7613e4d5647029749adbdf09abb4ea6fe29">                                                    <div class="row no-gutters">
17557                                <div class="col-8">
17558                                    <div class="form-group floating mb-1 mr-2">
17559                                        <label class="sr-only" for="coupon_code">Enter Coupon here</label>
17560                                        <input placeholder="Enter Coupon here" id="coupon_code" class="form-control floating"
17561                                            type="text" name="coupon_code" value="">
17562                                    </div>
17563                                                                    </div>
17564                                <div class="col-4">
17565                                    <button type="submit" class="btn btn-primary apply_coupon general_style" id="apply_coupon"
17566                                        name="apply_coupon" aria-label="Apply coupon">Apply</button>
17567                                </div>
17568                            </div>
17569                                                </form>
17570                                <div class="card_display align-items-center d-flex invisible-mobile">
17571                    <a href="https://www.osbornejewelersinc.com/" class="cart_step general_style">Continue Shopping</a>
17572                </div>
17573            </div>
17574            <div class="col-md-6 offset-md-6 col-lg-4 pl-lg-5 offset-lg-3 col-xl-3 offset-xl-4 pl-xl-0 card_display">
17575                <div class="w-100 cta flex-column d-flex">
17576                    <button class="btn btn-primary btn-continue proceed_to_checkout mb-3 general_style"
17577                        id="proceed_to_checkout_id" type="button" area-label="Proceed to Checkout">Proceed to
17578                        Checkout</button>
17579                                                                            </div>
17580            </div>
17581        </div>
17582    </div>
17583    </div>
17584<div class="modal fade" id="warranty-modal" tabindex="-1" role="dialog" aria-labelledby="warranty-modal-label"
17585    aria-hidden="true">
17586    <div class="modal-dialog modal-dialog-centered modal-xl" role="document">
17587        <div class="modal-content">
17588            <div class="modal-header">
17589                <h5 class="modal-title" id="warranty-modal-label">
17590                    Would you like to add warranty?                </h5>
17591                <button type="button" class="close" data-dismiss="modal" aria-label="Close" title="Close">
17592                    <span aria-hidden="true">&times;</span>
17593                </button>
17594            </div>
17595            <div class="modal-body">
17596                                <div class="items_table">
17597                    <div class="table_row align-items-center justify-content-between mb-3 card_display"
17598                        style="min-height: auto">
17599                        <div class="item_image mr-3 invisible-mobile">
17600                            Image
17601                        </div>
17602                        <div class="item_quantity mr-4">
17603                            Item Quantity
17604                        </div>
17605                        <div class="warranty_unit_price mr-3">
17606                            Warranty Unit Price
17607                        </div>
17608                        <div class="warranty_cost">
17609                            Warranty Total Cost
17610                        </div>
17611                    </div>
17612                    <hr>
17613                    <div class="table_row warranty_content d-flex align-items-center justify-content-between mb-3">
17614                        <div class="item_image mr-3 invisible-mobile">
17615                            <a href="" class="item_link" aria-label="Warranty link">
17616                                <img src="" class="img-thumbnail" title="" alt="Warranty image" height="118"
17617                                    width="123" />
17618                            </a>
17619                        </div>
17620                        <div class="item_quantity mr-4"></div>
17621                        <div class="warranty_unit_price mr-3"></div>
17622                        <div class="warranty_cost"></div>
17623                    </div>
17624                </div>
17625            </div>
17626            <div class="modal-footer">
17627                <button type="button" class="btn btn-primary apply_warranty_btn general_style" data-dismiss="modal">Add
17628                    Warranty</button>
17629            </div>
17630        </div>
17631    </div>
17632</div>
17633
17634<script>
17635    $(document).ready(function () {
17636        $('.shopping_content').on('click', '.proceed_to_checkout', function (e) {
17637                        proceedCheckout();
17638                    });
17639        function renderCartTotals(response) {
17640            const sc = response.shopping_cart[0];
17641            if (sc['info']['validated']) {
17642                $('#cart-total-tax').html(sc['total']['tax']);
17643            } else {
17644                $('#cart-total-tax').html('---');
17645            }
17646
17647            $('#cart-total-subtotal').html(sc['total']['subtotal']);
17648            $('#cart-total-total').html(sc['total']['total']);
17649
17650            $('#cart-total-warranty').html(sc['total']['warranty']);
17651            if (sc['total']['show_warranty']) {
17652                $('.cart-total-warranty-container').removeClass('d-none-i');
17653            } else {
17654                $('.cart-total-warranty-container').addClass('d-none-i');
17655            }
17656
17657            $('#cart-total-resizing_fee').html(sc['total']['resizing_fee']);
17658            if (sc['total']['show_resizing_fee']) {
17659                $('.cart-total-resizing_fee-container').removeClass('d-none-i');
17660            } else {
17661                $('.cart-total-resizing_fee-container').addClass('d-none-i');
17662            }
17663
17664                            $('#cart-total-shipping').html(sc['total']['shipping']);
17665                        if (sc['total']['show_discount']) {
17666                $('#cart-total-promo_discount').parent().removeClass('d-none-i');
17667            } else {
17668                $('#cart-total-promo_discount').parent().addClass('d-none-i');
17669            }
17670            $('#cart-total-promo_discount').html(' - ' + sc['total']['promo_discount']);
17671
17672        }
17673
17674
17675        window.gData = {"currency":"USD","coupon":"","items":[]};
17676
17677
17678        ///Cart item quantity change
17679        $(document).on('change', '.form_quantity_id .quantity-input', function () {
17680            $(this).closest('.form_quantity_id').submit();
17681        })
17682
17683        $(document).on('change', '.warranty_quantity_form input[name=qty]', function (event) {
17684
17685            event.preventDefault();
17686            const $this = $(this);
17687
17688            const $form = $(this).closest('form')
17689            const data = $form.serializeArray()
17690
17691            // console.log('warranty_qty_form_submit : ');
17692            // console.log(data);
17693
17694            $.ajax({
17695                type: "POST",
17696                url: "includes/assets/shopping_cart/sc_ws_functions.php",
17697                headers: {'X-CSRF-TOKEN': window.csrf_token},
17698                data: {
17699                    update_warranty: data,
17700                },
17701                dataType: "json",
17702                cache: false,
17703                success: function (response) {
17704                    if (response.success) {
17705                        // console.log(response);
17706                        // console.log('response-success-update_warranty:');
17707                        renderCartTotals(response);
17708                    } else {
17709                        // console.log('response-success-error-update_warranty :');
17710                        // console.log(response);
17711                    }
17712                },
17713                error: function (xhr, status, error) {
17714                    // console.error(xhr);
17715                    // If backend returned HTML page
17716                    if (xhr.responseText) {
17717                        if (window.scHandleAjaxError && window.scHandleAjaxError(xhr)) return;
17718                        document.open();
17719                        document.write(xhr.responseText);
17720                        document.close();
17721                        return;
17722                    }
17723                }
17724            });
17725
17726
17727        })
17728
17729        $('.promotion_div .remove_gift_card').click(function () {
17730
17731            $(this).closest('form').submit();
17732
17733        });
17734
17735        $(document).on('click', '.remove_cart_item .remove_svg', function () {
17736
17737            parent_div = $(this).closest('.remove_cart_item');
17738
17739            product_guid = parent_div.find(".product_guid").val();
17740            product_name = parent_div.find(".product_name").val();
17741
17742            swal.fire({
17743                title: `Are you sure you want to remove ` + product_name,
17744                icon: "question",
17745                showCancelButton: true,
17746                confirmButtonText: "Yes, remove it!",
17747                confirmButtonColor: '#df4759',
17748                cancelButtonText: "No, cancel!",
17749                focusConfirm: true,
17750                //didOpen: () => Swal.getCancelButton().focus()
17751            }).then((result) => {
17752                if (result.value) {
17753                    // $(this).closest('form').submit();
17754                    //// console.log('form_3000016_remove');
17755                    //alert('form_'+ product_guid + '_remove');
17756                    $('#form_' + product_guid + '_remove').submit();
17757                }
17758            });
17759        });
17760
17761        // Open sidebar
17762        $(".store-link").click(function () {
17763            $("#customSidebar .offcanvas-body").html('');
17764            const _this = $(this);
17765
17766            $.ajax({
17767                type: "POST",
17768                url: "includes/assets/shopping_cart/sc_ws_functions.php",
17769                headers: {'X-CSRF-TOKEN': window.csrf_token},
17770                data: {
17771                    module_get_item_stock_details: true,
17772                    guid: _this.data('id'),
17773                },
17774                success: function (response) {
17775                    $("#customSidebar .offcanvas-body").html(response)
17776                },
17777                error: function (xhr, status, error) {
17778                    // console.error(xhr);
17779                    // If backend returned HTML page
17780                    if (xhr.responseText) {
17781                        if (window.scHandleAjaxError && window.scHandleAjaxError(xhr)) return;
17782                        document.open();
17783                        document.write(xhr.responseText);
17784                        document.close();
17785                        return;
17786                    }
17787                }
17788            });
17789        });
17790
17791        $(".stock-box").click(function () {
17792            const el = $(this);
17793            const parent = el.parent().parent();
17794            const current_method = parent.data('method');
17795            const method = el.data('method');
17796            const qty_input = el.closest('.table_row').find('.quantity-input');
17797
17798            if (method != current_method) {
17799                if (qty_input.val() > el.data('stock-qty')) {
17800                    parent.parent().find('.stock-alert').text("Please reduce order qty to select this method!").fadeIn().delay(8000).fadeOut();
17801                    return;
17802                }
17803
17804
17805                const id = parent.data('guid');
17806                parent.find(".stock-box").removeClass('active');
17807                el.addClass('active');
17808                parent.data('method', method)
17809                const selectedBox = parent.closest('.stock-main').find('.selected-method');
17810                if (method === 'pickup') {
17811                    selectedBox.find('.item-method').text('Pickup');
17812                    selectedBox.find('.item-store').text(el.data('storename'));
17813
17814                    selectedBox.find('.item-shipping').hide();
17815                    selectedBox.find('.item-delivery').hide();
17816                    selectedBox.find('.item-pickup').show();
17817
17818                } else if (method === 'delivery') {
17819                    selectedBox.find('.item-method').text('Delivery');
17820
17821                    selectedBox.find('.item-shipping').hide();
17822                    selectedBox.find('.item-pickup').hide();
17823                    selectedBox.find('.item-delivery').show();
17824
17825                } else {
17826                    selectedBox.find('.item-method').text('Shipping');
17827                    selectedBox.find('.item-pickup').hide();
17828                    selectedBox.find('.item-delivery').hide();
17829
17830
17831                    selectedBox.find('.item-shipping').show();
17832                }
17833
17834                $.ajax({
17835                    type: "POST",
17836                    url: "includes/assets/shopping_cart/sc_ws_functions.php",
17837                    dataType: "json",
17838                    cache: false,
17839                    headers: {'X-CSRF-TOKEN': window.csrf_token},
17840                    data: {
17841                        module_update_item_method: true,
17842                        guid: id,
17843                        method: method,
17844                        store: el.data('store')
17845                    },
17846                    success: function (response) {
17847                        if (response.success) {
17848                            qty_input.attr('max', response.max_qty);
17849                            if (response.shopping_cart[0]['has_delivery']) {
17850                                $('.easyPay').hide();
17851                            } else {
17852                                $('.easyPay').show();
17853                            }
17854                            renderCartTotals(response);
17855                        }
17856                        console.log(response);
17857                    },
17858                    error: function (xhr, status, error) {
17859                        // console.error(xhr);
17860                        // If backend returned HTML page
17861                        if (xhr.responseText) {
17862                            if (window.scHandleAjaxError && window.scHandleAjaxError(xhr)) return;
17863                            document.open();
17864                            document.write(xhr.responseText);
17865                            document.close();
17866                            return;
17867                        }
17868                    }
17869                });
17870            }
17871        });
17872
17873            });
17874</script>
17874        </div>
17875
17876    
17877    </div>
17878</div>
17879</main>
17880
17881<script>
17882    const BASEURL = "https://www.osbornejewelersinc.com/";
17883
17884    function session_setter() {
17885
17886
17887        //const data = document.getElementById('sc_session').value;
17888        const data1 = document.getElementById('sc_session_info_bar').value;
17889        console.log('data-session_setter');
17890        //console.log(data);
17891
17892        $.ajax({
17893                type: "POST",
17894                url : "includes/assets/shopping_cart/session_setter.php",
17895                headers: {'X-CSRF-TOKEN': window.csrf_token},
17896                data: {
17897                    //sc_session: data,
17898                    sc_session_info_bar: data1,
17899                       },
17900                dataType: "json",
17901                cache: false,
17902                async: false,
17903                success: function( response ) {
17904                    // console.log(response);
17905                    console.log('data-result-session_setter');
17906
17907                    if (response.success) {
17908                       console.log('success-session_setter');
17909                    }
17910                },
17911                error: function (xhr, status, error) {
17912                    // console.error(xhr);
17913                    // If backend returned HTML page
17914                    if (xhr.responseText) {
17915                        if (window.scHandleAjaxError && window.scHandleAjaxError(xhr)) return;
17916                        document.open();
17917                        document.write(xhr.responseText);
17918                        document.close();
17919                        return;
17920                    }
17921                }
17922            });
17923    }
17924 </script>
17924
17925
17926
17927<footer class="appearance-desktop-view-template">
17928    
17929    
17930        
17931        <div class="footer_container footer_container_1">
17932
17933                        
17934                  
17935
17936                <div class="flex_row flex_row_1">
17937
17938                    
17939                        <div class="flex_col flex_col_1">
17940
17941                            
17942                        </div>
17943
17944                        <style>
17945                            .footer_container_1 .flex_row_1 .flex_col_1 {
17946                            width:20%;                            }
17947                        </style>
17948
17949
17950                    
17951                        <div class="flex_col flex_col_2">
17952
17953                            
17954<div class="flex_cell flex_cell_1 newsletter">
17955            <div class="flex_cell_content">
17956            <div class="newsletter_div">
17957
17958                                    <span class="newsletter_text" style="margin-right:5px;">
17959                        GET EXCLUSIVE OFFERS AND NEWS.                    </span>
17960                
17961                <a class="newsletter_btn"
17962                   href="/newsletter-signup">
17963
17964                    Newsletter Signup
17965                    <svg aria-hidden="true"
17966                         focusable="false"
17967                         version="1.1"
17968                         width="38px"
17969                         height="20px"
17970                         viewBox="0 0 38 20"
17971                         xmlns="http://www.w3.org/2000/svg">
17972
17973                        <g>
17974                            <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.948c-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.023C37.278,15.4,37.687,14.886,37.6,14.35z"/>
17975                            <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.9c-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"/>
17976                            <polygon points="37.365,12.915 35.811,3.366 30.242,9.03"/>
17977                            <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"/>
17978                            <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"/>
17979                            <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"/>
17980                        </g>
17981
17982                    </svg>
17983
17984                </a>
17985            </div>
17986        </div>
17987    </div>
17988
17989<style>
17990    .footer_container_1>.flex_row_1>.flex_col_2>.flex_cell_1.newsletter {
17991        width:100%;        justify-content:right; -webkit-justify-content:right;        align-items:center; -webkit-align-items:center;    }
17992
17993            .footer_container_1>.flex_row_1>.flex_col_2>.flex_cell_1.newsletter {
17994        height:100%;        }
17995    
17996    .footer_container_1>.flex_row_1>.flex_col_2>.flex_cell_1.newsletter>.flex_cell_content {
17997        display: flex;
17998        margin-top:px;        margin-bottom:px;        margin-left:px;        margin-right:px;        padding-top:px;        padding-bottom:px;        padding-left:px;        padding-right:px;    }
17999
18000    .footer_container_1>.flex_row_1>.flex_col_2>.flex_cell_1 .newsletter_div {
18001        display:inline-flex;
18002        align-items: center;
18003    }
18004
18005    .footer_container_1>.flex_row_1>.flex_col_2>.flex_cell_1 a {
18006        color:#ffffff;                                        background-color:#6a4080;        font-size:16px;        font-family:Arial;        display: inline-flex;
18007        white-space: nowrap;
18008        align-items: center;
18009        padding: 6px 20px;
18010        border-style: solid;
18011        justify-content:left;        text-transform:none;        border-radius:0px;        border-width:1px;        border-color:#ffffff;    }
18012
18013    .footer_container_1>.flex_row_1>.flex_col_2>.flex_cell_1 .newsletter_text {
18014        color:#ffffff;        font-size:14px;                                        font-family:Times New Roman;    }
18015
18016    .footer_container_1>.flex_row_1>.flex_col_2>.flex_cell_1.newsletter a svg {
18017        height:18px;        margin-left:6px;
18018        fill: currentColor;
18019    }
18020
18021    .footer_container_1>.flex_row_1>.flex_col_2>.flex_cell_1 a:hover {
18022        color:#e6e5e5;        background-color:#6a4080;        border-color:#d7d6d6;    }
18023</style>
18024                        </div>
18025
18026                        <style>
18027                            .footer_container_1 .flex_row_1 .flex_col_2 {
18028                            width:45%;                            }
18029                        </style>
18030
18031
18032                    
18033                        <div class="flex_col flex_col_3">
18034
18035                            
18036<div class="flex_cell flex_cell_1 social_icons">
18037    <div class="flex_cell_content">
18038                    <a title="Facebook" class="" target="_blank" href="https://www.facebook.com/osbornejewelersinc/" style="order: 1">
18039                <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>
18040        
18041        
18042                    <a title="Instagram" class="" target="_blank" href="https://www.instagram.com/osborne_jewelers/" style="order: 3">
18043                <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>
18044        
18045        
18046        
18047                    <a title="Yelp" class="" target="_blank" href="https://www.yelp.com/biz/osborne-jewelers-goodyear-2" style="order: 6">
18048                <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>
18049        
18050        
18051
18052        
18053        
18054            </div>
18055</div>
18056
18057<style>
18058    .footer_container_1>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons {
18059        width:100%;                                    justify-content: flex-start;
18060                            align-items:center; -webkit-align-items:center;    }
18061
18062            .footer_container_1>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons {
18063        height:100%;        }
18064    
18065    .footer_container_1>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons>.flex_cell_content {
18066        display: flex;
18067        margin-top:50px;        margin-bottom:50px;        margin-left:50px;        margin-right:px;        padding-top:px;        padding-bottom:px;        padding-left:px;        padding-right:px;    }
18068
18069    .footer_container_1>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons a {
18070        display: flex;
18071        align-items: center;
18072        color:#ffffff;                                        margin-left: 6px;
18073        margin-right: 6px;
18074        font-size:16px;font-family:Arial;        text-transform:none;    }
18075
18076    .footer_container_1>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons a svg{
18077        margin-right: 5px;
18078        width:15px;        height:15px;    }
18079
18080    .footer_container_1>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons a .path_class {
18081        fill: currentColor;
18082    }
18083
18084
18085    .footer_container_1>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons a:hover {
18086        color:#e1dfdf;    }
18087</style>
18088
18089                        </div>
18090
18091                        <style>
18092                            .footer_container_1 .flex_row_1 .flex_col_3 {
18093                            width:35%;                            }
18094                        </style>
18095
18096
18097                    
18098                        <div class="flex_col flex_col_4">
18099
18100                            
18101                        </div>
18102
18103                        <style>
18104                            .footer_container_1 .flex_row_1 .flex_col_4 {
18105                            width:20%;                            }
18106                        </style>
18107
18108
18109                    
18110                </div>
18111            
18112                
18113                <style>
18114                    .footer_container_1 .flex_row_1 {
18115                        background-color: #6a4080;
18116                        color:#ffffff;                        height:auto;                                                
18117                                            }
18118                </style>
18119                
18120                                        
18121                
18122                        
18123                  
18124
18125                <div class="flex_row flex_row_2">
18126
18127                    
18128                        <div class="flex_col flex_col_1">
18129
18130                            
18131                        </div>
18132
18133                        <style>
18134                            .footer_container_1 .flex_row_2 .flex_col_1 {
18135                            width:100%;                            }
18136                        </style>
18137
18138
18139                    
18140                        <div class="flex_col flex_col_2">
18141
18142                            
18143                        </div>
18144
18145                        <style>
18146                            .footer_container_1 .flex_row_2 .flex_col_2 {
18147                            width:100%;                            }
18148                        </style>
18149
18150
18151                    
18152                        <div class="flex_col flex_col_3">
18153
18154                            
18155                        </div>
18156
18157                        <style>
18158                            .footer_container_1 .flex_row_2 .flex_col_3 {
18159                            width:100%;                            }
18160                        </style>
18161
18162
18163                    
18164                </div>
18165            
18166                
18167                <style>
18168                    .footer_container_1 .flex_row_2 {
18169                        background-color: #ffffff;
18170                        color:#000000;                        height:25;                                                
18171                                            }
18172                </style>
18173                
18174                                        
18175                
18176                        
18177                  
18178
18179                <div class="flex_row flex_row_3">
18180
18181                    
18182                        <div class="flex_col flex_col_1">
18183
18184                            
18185                        </div>
18186
18187                        <style>
18188                            .footer_container_1 .flex_row_3 .flex_col_1 {
18189                            width:10%;                            }
18190                        </style>
18191
18192
18193                    
18194                        <div class="flex_col flex_col_2">
18195
18196                            <div class="flex_cell flex_cell_1 custom_code">
18197    <div class="flex_cell_content">
18198        <table border="0" style="border-collapse: collapse; width: 100%; border-color: #ffffff; height: 220.406px;">
18199<tbody>
18200<tr style="height: 54.4844px;">
18201<td style="width: 24.6537%; height: 54.4844px;"></td>
18202<td style="width: 26.1311%; height: 54.4844px;"></td>
18203<td style="width: 25.8541%; height: 54.4844px;"></td>
18204<td style="width: 23.361%; height: 54.4844px;"></td>
18205</tr>
18206<tr style="height: 164.156px;">
18207<td style="height: 164.156px; vertical-align: top; width: 24.6537%; line-height: 1.5;"><span style="font-family: arial, helvetica, sans-serif; color: #4d4d4d; font-size: 10pt;"><strong>Terms &amp; Conditions:&nbsp;</strong></span><br /><br /><a href="/privacy-policy"><span style="font-family: arial, helvetica, sans-serif; color: #4d4d4d; font-size: 10pt;">Privacy Policy &raquo;</span></a><br /><a href="/policies"><span style="font-family: arial, helvetica, sans-serif; color: #4d4d4d; font-size: 10pt;">Store Policies &raquo;</span></a><br /><a href="/term-of-service"><span style="font-family: arial, helvetica, sans-serif; color: #4d4d4d; font-size: 10pt;">Terms of Service &raquo;</span></a></td>
18208<td style="height: 164.156px; vertical-align: top; width: 26.1311%; line-height: 1.5;"><span style="font-family: arial, helvetica, sans-serif; color: #4d4d4d; font-size: 10pt;"><strong>Store Address:&nbsp;</strong></span><br /><br /><span style="font-family: arial, helvetica, sans-serif; color: #4d4d4d; font-size: 10pt;">15350 W. McDowell Road<br />Goodyear, AZ 85395</span><br /><a href="https://www.google.com/maps/place/Osborne+Jewelers/@33.4656955,-112.3915517,17z/data=!3m1!4b1!4m6!3m5!1s0x872b38e74d90b121:0xc137b66123603c51!8m2!3d33.465691!4d-112.389363!16s%2Fg%2F1tk9r716" target="_blank" rel="noopener"><span style="font-size: 10pt; font-family: arial, helvetica, sans-serif;"><span style="color: #4d4d4d;">GET DIRECTIONS &gt;&gt;</span></span></a><span style="font-family: arial, helvetica, sans-serif; color: #4d4d4d; font-size: 10pt;"></span></td>
18209<td style="height: 164.156px; vertical-align: top; width: 25.8541%; line-height: 1.5;"><span style="font-family: arial, helvetica, sans-serif; color: #4d4d4d; font-size: 10pt;"><strong>Store Hours:</strong></span><br /><br /><span style="font-family: arial, helvetica, sans-serif; color: #4d4d4d; font-size: 10pt;">Mon-Fri: 10 AM - 6 PM<br />Sat: 10 AM - 5 PM<br />Sunday: Closed</span></td>
18210<td style="height: 164.156px; width: 23.361%; vertical-align: top; line-height: 1.5;"><span style="font-family: arial, helvetica, sans-serif; color: #4d4d4d; font-size: 10pt;"><strong>Store Contacts:</strong></span><br /><span style="font-family: arial, helvetica, sans-serif; color: #4d4d4d; font-size: 10pt;"><br />Call: <span style="color: #34495e;"><a href="tel:623-925-1815" style="color: #34495e;">623-925-1815</a></span><br /></span><span style="font-family: arial, helvetica, sans-serif; color: #4d4d4d; font-size: 10pt;">Email: <span style="color: #34495e;"><a href="mailto:[email protected]" style="color: #34495e;">[email protected]</a></span></span><br /><br /><span style="font-family: arial, helvetica, sans-serif; color: #4d4d4d; font-size: 10pt;"></span></td>
18211</tr>
18212<tr style="height: 1.76562px;">
18213<td style="vertical-align: top; width: 100%; height: 1.76562px;" colspan="4"></td>
18214</tr>
18215</tbody>
18216</table>    </div>
18217</div>
18218
18219<style>
18220    .footer_container_1>.flex_row_3>.flex_col_2>.flex_cell_1.custom_code {
18221    width:100%;    }
18222
18223        .footer_container_1>.flex_row_3>.flex_col_2>.flex_cell_1.custom_code {
18224    height:100%;    }
18225    
18226    .footer_container_1>.flex_row_3>.flex_col_2>.flex_cell_1.custom_code>.flex_cell_content {
18227        width: 100%;
18228        height: 100%;
18229    }
18230</style>
18231                        </div>
18232
18233                        <style>
18234                            .footer_container_1 .flex_row_3 .flex_col_2 {
18235                            width:85%;                            }
18236                        </style>
18237
18238
18239                    
18240                        <div class="flex_col flex_col_3">
18241
18242                            
18243                        </div>
18244
18245                        <style>
18246                            .footer_container_1 .flex_row_3 .flex_col_3 {
18247                            width:5%;                            }
18248                        </style>
18249
18250
18251                    
18252                </div>
18253            
18254                
18255                <style>
18256                    .footer_container_1 .flex_row_3 {
18257                        background-color: #ffffff;
18258                        color:#000000;                        height:auto;                                                
18259                                            }
18260                </style>
18261                
18262                                        
18263                
18264            
18265        </div>
18266        <style>
18267            .footer_container .flex_row {
18268                display: flex;
18269            }
18270            .footer_container_1 {
18271                            width:100%;
18272                                        max-width:100%;
18273                            margin: 0 auto;
18274            }
18275            .footer_container .flex_row .flex_col{
18276                display: flex;
18277                flex-wrap: wrap;
18278                box-sizing: border-box;
18279                align-content: baseline;
18280            }
18281            .footer_container .flex_row .flex_col .flex_cell{
18282                height: fit-content;
18283                display: flex;
18284            }
18285            .footer_container .flex_row .flex_col .flex_cell a{
18286                text-decoration: none;
18287            }
18288            .footer_container img {
18289                max-width: 100%;
18290            }
18291        </style>
18292
18293    
18294</footer>
18295<footer class="appearance-tablet-view-template">
18296    
18297    
18298        
18299        <div class="footer_container footer_container_2">
18300
18301                        
18302                  
18303
18304                <div class="flex_row flex_row_1">
18305
18306                    
18307                        <div class="flex_col flex_col_1">
18308
18309                            
18310                        </div>
18311
18312                        <style>
18313                            .footer_container_2 .flex_row_1 .flex_col_1 {
18314                            width:5%;                            }
18315                        </style>
18316
18317
18318                    
18319                        <div class="flex_col flex_col_2">
18320
18321                            
18322<div class="flex_cell flex_cell_1 newsletter">
18323            <div class="flex_cell_content">
18324            <div class="newsletter_div">
18325
18326                                    <span class="newsletter_text" style="margin-right:5px;">
18327                        GET EXCLUSIVE OFFERS AND NEWS                    </span>
18328                
18329                <a class="newsletter_btn"
18330                   href="/newsletter-signup">
18331
18332                    Newsletter Signup
18333                    <svg aria-hidden="true"
18334                         focusable="false"
18335                         version="1.1"
18336                         width="38px"
18337                         height="20px"
18338                         viewBox="0 0 38 20"
18339                         xmlns="http://www.w3.org/2000/svg">
18340
18341                        <g>
18342                            <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.948c-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.023C37.278,15.4,37.687,14.886,37.6,14.35z"/>
18343                            <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.9c-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"/>
18344                            <polygon points="37.365,12.915 35.811,3.366 30.242,9.03"/>
18345                            <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"/>
18346                            <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"/>
18347                            <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"/>
18348                        </g>
18349
18350                    </svg>
18351
18352                </a>
18353            </div>
18354        </div>
18355    </div>
18356
18357<style>
18358    .footer_container_2>.flex_row_1>.flex_col_2>.flex_cell_1.newsletter {
18359        width:100%;        justify-content:right; -webkit-justify-content:right;        align-items:center; -webkit-align-items:center;    }
18360
18361            .footer_container_2>.flex_row_1>.flex_col_2>.flex_cell_1.newsletter {
18362        height:100%;        }
18363    
18364    .footer_container_2>.flex_row_1>.flex_col_2>.flex_cell_1.newsletter>.flex_cell_content {
18365        display: flex;
18366        margin-top:px;        margin-bottom:px;        margin-left:px;        margin-right:px;        padding-top:25px;        padding-bottom:25px;        padding-left:px;        padding-right:25px;    }
18367
18368    .footer_container_2>.flex_row_1>.flex_col_2>.flex_cell_1 .newsletter_div {
18369        display:inline-flex;
18370        align-items: center;
18371    }
18372
18373    .footer_container_2>.flex_row_1>.flex_col_2>.flex_cell_1 a {
18374        color:#ffffff;                font-style:normal;                        background-color:#6a4080;        font-size:12px;        font-family:Arial;        display: inline-flex;
18375        white-space: nowrap;
18376        align-items: center;
18377        padding: 6px 20px;
18378        border-style: solid;
18379        justify-content:center;        text-transform:none;        border-radius:0px;        border-width:1px;        border-color:#fafafa;    }
18380
18381    .footer_container_2>.flex_row_1>.flex_col_2>.flex_cell_1 .newsletter_text {
18382        color:#ffffff;        font-size:10px;                font-style:normal;                        font-family:Arial;    }
18383
18384    .footer_container_2>.flex_row_1>.flex_col_2>.flex_cell_1.newsletter a svg {
18385        height:14px;        margin-left:6px;
18386        fill: currentColor;
18387    }
18388
18389    .footer_container_2>.flex_row_1>.flex_col_2>.flex_cell_1 a:hover {
18390        color:#e6e6e6;        background-color:#6a4080;        border-color:#d6d6d6;    }
18391</style>
18392                        </div>
18393
18394                        <style>
18395                            .footer_container_2 .flex_row_1 .flex_col_2 {
18396                            width:60%;                            }
18397                        </style>
18398
18399
18400                    
18401                        <div class="flex_col flex_col_3">
18402
18403                            
18404<div class="flex_cell flex_cell_1 social_icons">
18405    <div class="flex_cell_content">
18406                    <a title="Facebook" class="" target="_blank" href="https://www.facebook.com/osbornejewelersinc/" style="order: 1">
18407                <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>
18408        
18409        
18410                    <a title="Instagram" class="" target="_blank" href="https://www.instagram.com/osborne_jewelers/" style="order: 3">
18411                <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>
18412        
18413        
18414        
18415                    <a title="Yelp" class="" target="_blank" href="https://www.yelp.com/biz/osborne-jewelers-goodyear-2" style="order: 6">
18416                <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>
18417        
18418        
18419
18420        
18421        
18422            </div>
18423</div>
18424
18425<style>
18426    .footer_container_2>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons {
18427        width:100%;                                    justify-content: flex-start;
18428                            align-items:center; -webkit-align-items:center;    }
18429
18430            .footer_container_2>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons {
18431        height:100%;        }
18432    
18433    .footer_container_2>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons>.flex_cell_content {
18434        display: flex;
18435        margin-top:px;        margin-bottom:px;        margin-left:px;        margin-right:px;        padding-top:px;        padding-bottom:px;        padding-left:px;        padding-right:px;    }
18436
18437    .footer_container_2>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons a {
18438        display: flex;
18439        align-items: center;
18440        color:#ffffff;                font-style:normal;                        margin-left: 6px;
18441        margin-right: 6px;
18442        font-size:16px;font-family:Arial;        text-transform:none;    }
18443
18444    .footer_container_2>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons a svg{
18445        margin-right: 5px;
18446        width:15px;        height:15px;    }
18447
18448    .footer_container_2>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons a .path_class {
18449        fill: currentColor;
18450    }
18451
18452
18453    .footer_container_2>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons a:hover {
18454        color:#dedede;    }
18455</style>
18456
18457                        </div>
18458
18459                        <style>
18460                            .footer_container_2 .flex_row_1 .flex_col_3 {
18461                            width:30%;                            }
18462                        </style>
18463
18464
18465                    
18466                        <div class="flex_col flex_col_4">
18467
18468                            
18469                        </div>
18470
18471                        <style>
18472                            .footer_container_2 .flex_row_1 .flex_col_4 {
18473                            width:5%;                            }
18474                        </style>
18475
18476
18477                    
18478                </div>
18479            
18480                
18481                <style>
18482                    .footer_container_2 .flex_row_1 {
18483                        background-color: #6a4080;
18484                        color:#ffffff;                        height:100;                                                
18485                                            }
18486                </style>
18487                
18488                                        
18489                
18490                        
18491                  
18492
18493                <div class="flex_row flex_row_2">
18494
18495                    
18496                        <div class="flex_col flex_col_1">
18497
18498                            
18499                        </div>
18500
18501                        <style>
18502                            .footer_container_2 .flex_row_2 .flex_col_1 {
18503                            width:5%;                            }
18504                        </style>
18505
18506
18507                    
18508                        <div class="flex_col flex_col_2">
18509
18510                            <div class="flex_cell flex_cell_1 custom_code">
18511    <div class="flex_cell_content">
18512        <table border="0" style="border-collapse: collapse; width: 100%; border-color: #ffffff; height: 236.469px;">
18513<tbody>
18514<tr style="height: 46.75px;">
18515<td style="width: 23.9151%; height: 46.75px;"></td>
18516<td style="width: 24.5614%; height: 46.75px;"></td>
18517<td style="width: 24.5614%; height: 46.75px;"></td>
18518<td style="width: 26.9621%; height: 46.75px;"></td>
18519</tr>
18520<tr style="height: 132.938px;">
18521<td style="height: 132.938px; vertical-align: top; width: 23.9151%;"><span style="font-family: arial, helvetica, sans-serif; color: #4d4d4d; font-size: 10pt;"><strong>Terms &amp; Conditions&nbsp;</strong></span><br /><br /><a href="/privacy-policy"><span style="font-family: arial, helvetica, sans-serif; color: #4d4d4d; font-size: 10pt;">Privacy Policy &raquo;</span></a><br /><a href="/policies"><span style="font-family: arial, helvetica, sans-serif; color: #4d4d4d; font-size: 10pt;">Store Policies &raquo;</span></a><br /><a href="/term-of-service"><span style="font-family: arial, helvetica, sans-serif; color: #4d4d4d; font-size: 10pt;">Terms of Service &raquo;</span></a></td>
18522<td style="height: 132.938px; vertical-align: top; width: 24.5614%;"><span style="font-family: arial, helvetica, sans-serif; color: #4d4d4d; font-size: 10pt;"><strong>Store Address:&nbsp;</strong></span><br /><br /><span style="font-family: arial, helvetica, sans-serif; color: #4d4d4d; font-size: 10pt;">15350 W. McDowell Road<br />Goodyear, AZ 85395</span><br /><span style="color: #4d4d4d;"><a href="https://www.google.com/maps/place/Osborne+Jewelers/@33.4656955,-112.3915517,17z/data=!3m1!4b1!4m6!3m5!1s0x872b38e74d90b121:0xc137b66123603c51!8m2!3d33.465691!4d-112.389363!16s%2Fg%2F1tk9r716" target="_blank" rel="noopener" style="color: #4d4d4d;"><span style="font-family: arial, helvetica, sans-serif;"><span style="font-size: 13.3333px;">
18522GET</span></span></a><a href="https://www.google.com/maps/place/Osborne+Jewelers/@33.4656955,-112.3915517,17z/data=!3m1!4b1!4m6!3m5!1s0x872b38e74d90b121:0xc137b66123603c51!8m2!3d33.465691!4d-112.389363!16s%2Fg%2F1tk9r716" target="_blank" rel="noopener" style="color: #4d4d4d;"><span style="font-family: arial, helvetica, sans-serif;"><span style="font-size: 13.3333px;"> DIRECTIO</span><span style="font-size: 13.3333px;">NS </span></span></a><a href="https://www.google.com/maps/place/Osborne+Jewelers/@33.4656955,-112.3915517,17z/data=!3m1!4b1!4m6!3m5!1s0x872b38e74d90b121:0xc137b66123603c51!8m2!3d33.465691!4d-112.389363!16s%2Fg%2F1tk9r716" target="_blank" rel="noopener" style="color: #4d4d4d;"><span style="font-family: arial, helvetica, sans-serif;"><span style="font-size: 13.3333px;">&gt;&gt;</span></span></a></span></td>
18523<td style="height: 132.938px; vertical-align: top; width: 24.5614%;"><span style="font-family: arial, helvetica, sans-serif; color: #4d4d4d; font-size: 10pt;"><strong>Store Hours:</strong></span><br /><br /><span style="font-family: arial, helvetica, sans-serif; color: #4d4d4d; font-size: 10pt;">Mon-Fri: 10 AM - 6 PM<br />Sat: 10 AM - 5 PM<br />Sunday: Closed</span></td>
18524<td style="height: 132.938px; vertical-align: top; width: 26.9621%;"><span style="font-family: arial, helvetica, sans-serif; color: #4d4d4d; font-size: 10pt;"><strong>Store Contacts:</strong></span><br /><br /><span style="font-family: arial, helvetica, sans-serif; color: #4d4d4d; font-size: 10pt;">Call: <span style="color: #34495e;"><a href="tel:623-925-1815" style="color: #34495e;">623-925-1815</a></span><br />Email: <a href="mailto:[email protected]">[email protected]</a></span><span style="font-family: arial, helvetica, sans-serif; color: #4d4d4d; font-size: 10pt;"></span></td>
18525</tr>
18526<tr style="height: 10px;">
18527<td style="vertical-align: top; width: 100%; height: 10px;" colspan="4"></td>
18528</tr>
18529</tbody>
18530</table>    </div>
18531</div>
18532
18533<style>
18534    .footer_container_2>.flex_row_2>.flex_col_2>.flex_cell_1.custom_code {
18535    width:100%;    }
18536
18537        .footer_container_2>.flex_row_2>.flex_col_2>.flex_cell_1.custom_code {
18538    height:100%;    }
18539    
18540    .footer_container_2>.flex_row_2>.flex_col_2>.flex_cell_1.custom_code>.flex_cell_content {
18541        width: 100%;
18542        height: 100%;
18543    }
18544</style>
18545                        </div>
18546
18547                        <style>
18548                            .footer_container_2 .flex_row_2 .flex_col_2 {
18549                            width:90%;                            }
18550                        </style>
18551
18552
18553                    
18554                        <div class="flex_col flex_col_3">
18555
18556                            
18557                        </div>
18558
18559                        <style>
18560                            .footer_container_2 .flex_row_2 .flex_col_3 {
18561                            width:5%;                            }
18562                        </style>
18563
18564
18565                    
18566                </div>
18567            
18568                
18569                <style>
18570                    .footer_container_2 .flex_row_2 {
18571                        background-color: #ffffff;
18572                        color:#000000;                        height:auto;                                                
18573                                            }
18574                </style>
18575                
18576                                        
18577                
18578            
18579        </div>
18580        <style>
18581            .footer_container .flex_row {
18582                display: flex;
18583            }
18584            .footer_container_2 {
18585                            width:100%;
18586                                        max-width:100%;
18587                            margin: 0 auto;
18588            }
18589            .footer_container .flex_row .flex_col{
18590                display: flex;
18591                flex-wrap: wrap;
18592                box-sizing: border-box;
18593                align-content: baseline;
18594            }
18595            .footer_container .flex_row .flex_col .flex_cell{
18596                height: fit-content;
18597                display: flex;
18598            }
18599            .footer_container .flex_row .flex_col .flex_cell a{
18600                text-decoration: none;
18601            }
18602            .footer_container img {
18603                max-width: 100%;
18604            }
18605        </style>
18606
18607    
18608</footer>
18609<footer class="appearance-mobile-view-template">
18610    
18611    
18612        
18613        <div class="footer_container footer_container_3">
18614
18615                        
18616                  
18617
18618                <div class="flex_row flex_row_1">
18619
18620                    
18621                        <div class="flex_col flex_col_1">
18622
18623                            
18624                        </div>
18625
18626                        <style>
18627                            .footer_container_3 .flex_row_1 .flex_col_1 {
18628                            width:20%;                            }
18629                        </style>
18630
18631
18632                    
18633                        <div class="flex_col flex_col_2">
18634
18635                            
18636<div class="flex_cell flex_cell_1 social_icons">
18637    <div class="flex_cell_content">
18638                    <a title="Facebook" class="" target="_blank" href="https://www.facebook.com/osbornejewelersinc/" style="order: 1">
18639                <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>
18640        
18641        
18642                    <a title="Instagram" class="" target="_blank" href="https://www.instagram.com/osborne_jewelers/" style="order: 3">
18643                <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>
18644        
18645        
18646        
18647                    <a title="Yelp" class="" target="_blank" href="https://www.yelp.com/biz/osborne-jewelers-goodyear-2" style="order: 6">
18648                <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>
18649        
18650        
18651
18652        
18653        
18654            </div>
18655</div>
18656
18657<style>
18658    .footer_container_3>.flex_row_1>.flex_col_2>.flex_cell_1.social_icons {
18659        width:100%;                                    justify-content: center;
18660                            align-items:center; -webkit-align-items:center;    }
18661
18662            .footer_container_3>.flex_row_1>.flex_col_2>.flex_cell_1.social_icons {
18663        height:100%;        }
18664    
18665    .footer_container_3>.flex_row_1>.flex_col_2>.flex_cell_1.social_icons>.flex_cell_content {
18666        display: flex;
18667        margin-top:50px;        margin-bottom:px;        margin-left:px;        margin-right:px;        padding-top:px;        padding-bottom:20px;        padding-left:px;        padding-right:px;    }
18668
18669    .footer_container_3>.flex_row_1>.flex_col_2>.flex_cell_1.social_icons a {
18670        display: flex;
18671        align-items: center;
18672        color:#ffffff;                font-style:normal;                        margin-left: 6px;
18673        margin-right: 6px;
18674        font-size:16px;font-family:Arial;        text-transform:none;    }
18675
18676    .footer_container_3>.flex_row_1>.flex_col_2>.flex_cell_1.social_icons a svg{
18677        margin-right: 5px;
18678        width:15px;        height:15px;    }
18679
18680    .footer_container_3>.flex_row_1>.flex_col_2>.flex_cell_1.social_icons a .path_class {
18681        fill: currentColor;
18682    }
18683
18684
18685    .footer_container_3>.flex_row_1>.flex_col_2>.flex_cell_1.social_icons a:hover {
18686        color:#e1dfdf;    }
18687</style>
18688
18689                        </div>
18690
18691                        <style>
18692                            .footer_container_3 .flex_row_1 .flex_col_2 {
18693                            width:60%;                            }
18694                        </style>
18695
18696
18697                    
18698                        <div class="flex_col flex_col_3">
18699
18700                            
18701                        </div>
18702
18703                        <style>
18704                            .footer_container_3 .flex_row_1 .flex_col_3 {
18705                            width:20%;                            }
18706                        </style>
18707
18708
18709                    
18710                </div>
18711            
18712                
18713                <style>
18714                    .footer_container_3 .flex_row_1 {
18715                        background-color: #6a4080;
18716                        color:#ffffff;                        height:auto;                                                
18717                                            }
18718                </style>
18719                
18720                                        
18721                
18722                        
18723                  
18724
18725                <div class="flex_row flex_row_2">
18726
18727                    
18728                        <div class="flex_col flex_col_1">
18729
18730                            
18731                        </div>
18732
18733                        <style>
18734                            .footer_container_3 .flex_row_2 .flex_col_1 {
18735                            width:10%;                            }
18736                        </style>
18737
18738
18739                    
18740                        <div class="flex_col flex_col_2">
18741
18742                            
18743<div class="flex_cell flex_cell_1 newsletter">
18744            <div class="flex_cell_content">
18745            <div class="newsletter_div">
18746
18747                                    <span class="newsletter_text" style="margin-right:5px;">
18748                        GET EXCLUSIVE OFFERS AND NEWS.                    </span>
18749                
18750                <a class="newsletter_btn"
18751                   href="/newsletter-signup">
18752
18753                    Newsletter Signup
18754                    <svg aria-hidden="true"
18755                         focusable="false"
18756                         version="1.1"
18757                         width="38px"
18758                         height="20px"
18759                         viewBox="0 0 38 20"
18760                         xmlns="http://www.w3.org/2000/svg">
18761
18762                        <g>
18763                            <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.948c-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.023C37.278,15.4,37.687,14.886,37.6,14.35z"/>
18764                            <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.9c-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"/>
18765                            <polygon points="37.365,12.915 35.811,3.366 30.242,9.03"/>
18766                            <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"/>
18767                            <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"/>
18768                            <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"/>
18769                        </g>
18770
18771                    </svg>
18772
18773                </a>
18774            </div>
18775        </div>
18776    </div>
18777
18778<style>
18779    .footer_container_3>.flex_row_2>.flex_col_2>.flex_cell_1.newsletter {
18780        width:100%;        justify-content:center; -webkit-justify-content:center;        align-items:center; -webkit-align-items:center;    }
18781
18782            .footer_container_3>.flex_row_2>.flex_col_2>.flex_cell_1.newsletter {
18783        height:100%;        }
18784    
18785    .footer_container_3>.flex_row_2>.flex_col_2>.flex_cell_1.newsletter>.flex_cell_content {
18786        display: flex;
18787        margin-top:px;        margin-bottom:px;        margin-left:px;        margin-right:px;        padding-top:px;        padding-bottom:25px;        padding-left:px;        padding-right:px;    }
18788
18789    .footer_container_3>.flex_row_2>.flex_col_2>.flex_cell_1 .newsletter_div {
18790        display:inline-flex;
18791        align-items: center;
18792    }
18793
18794    .footer_container_3>.flex_row_2>.flex_col_2>.flex_cell_1 a {
18795        color:#ffffff;                font-style:normal;                        background-color:#6a4080;        font-size:16px;        font-family:Arial;        display: inline-flex;
18796        white-space: nowrap;
18797        align-items: center;
18798        padding: 6px 20px;
18799        border-style: solid;
18800        justify-content:left;        text-transform:none;        border-radius:0px;        border-width:1px;        border-color:#ffffff;    }
18801
18802    .footer_container_3>.flex_row_2>.flex_col_2>.flex_cell_1 .newsletter_text {
18803        color:#ffffff;        font-size:12px;                font-style:normal;                        font-family:Times New Roman;    }
18804
18805    .footer_container_3>.flex_row_2>.flex_col_2>.flex_cell_1.newsletter a svg {
18806        height:18px;        margin-left:6px;
18807        fill: currentColor;
18808    }
18809
18810    .footer_container_3>.flex_row_2>.flex_col_2>.flex_cell_1 a:hover {
18811        color:#e6e5e5;        background-color:#6a4080;        border-color:#d7d6d6;    }
18812</style>
18813                        </div>
18814
18815                        <style>
18816                            .footer_container_3 .flex_row_2 .flex_col_2 {
18817                            width:80%;                            }
18818                        </style>
18819
18820
18821                    
18822                        <div class="flex_col flex_col_3">
18823
18824                            
18825                        </div>
18826
18827                        <style>
18828                            .footer_container_3 .flex_row_2 .flex_col_3 {
18829                            width:10%;                            }
18830                        </style>
18831
18832
18833                    
18834                </div>
18835            
18836                
18837                <style>
18838                    .footer_container_3 .flex_row_2 {
18839                        background-color: #6a4080;
18840                        color:#000000;                        height:25;                                                
18841                                            }
18842                </style>
18843                
18844                                        
18845                
18846                        
18847                  
18848
18849                <div class="flex_row flex_row_3">
18850
18851                    
18852                        <div class="flex_col flex_col_1">
18853
18854                            
18855                        </div>
18856
18857                        <style>
18858                            .footer_container_3 .flex_row_3 .flex_col_1 {
18859                            width:10%;                            }
18860                        </style>
18861
18862
18863                    
18864                        <div class="flex_col flex_col_2">
18865
18866                            <div class="flex_cell flex_cell_1 custom_code">
18867    <div class="flex_cell_content">
18868        <table border="0" style="border-collapse: collapse; width: 100%; border-color: #ffffff; height: 220.406px;">
18869<tbody>
18870<tr style="height: 54.4844px;">
18871<td style="width: 24.6537%; height: 54.4844px;"></td>
18872<td style="width: 26.1311%; height: 54.4844px;"></td>
18873</tr>
18874<tr style="height: 164.156px;">
18875<td style="height: 164.156px; vertical-align: top; width: 24.6537%; line-height: 1.5;"><span style="font-family: arial, helvetica, sans-serif; color: #4d4d4d; font-size: 10pt;"><strong>Terms & Conditions: </strong></span><br /><br /><a href="/privacy-policy"><span style="font-family: arial, helvetica, sans-serif; color: #4d4d4d; font-size: 10pt;">Privacy Policy »</span></a><br /><a href="/policies"><span style="font-family: arial, helvetica, sans-serif; color: #4d4d4d; font-size: 10pt;">Store Policies »</span></a><br /><a href="/term-of-service"><span style="font-family: arial, helvetica, sans-serif; color: #4d4d4d; font-size: 10pt;">Terms of Service »</span></a></td>
18876<td style="height: 164.156px; vertical-align: top; width: 26.1311%; line-height: 1.5;"><span style="font-family: arial, helvetica, sans-serif; color: #4d4d4d; font-size: 10pt;"><strong>Store Address: </strong></span><br /><br /><span style="font-family: arial, helvetica, sans-serif; color: #4d4d4d; font-size: 10pt;">15350 W. McDowell Road<br />Goodyear, AZ 85395</span><br /><a href="https://www.google.com/maps/place/Osborne+Jewelers/@33.4656955,-112.3915517,17z/data=!3m1!4b1!4m6!3m5!1s0x872b38e74d90b121:0xc137b66123603c51!8m2!3d33.465691!4d-112.389363!16s%2Fg%2F1tk9r716" target="_blank" rel="noopener"><span style="font-size: 10pt; font-family: arial, helvetica, sans-serif;"><span style="color: #4d4d4d;">GET DIRECTIONS >></span></span></a><span style="font-family: arial, helvetica, sans-serif; color: #4d4d4d; font-size: 10pt;"></span></td>
18877</tr>
18878<tr style="height: 1.76562px;">
18879<td style="vertical-align: top; width: 100%; height: 1.76562px;" colspan="4"></td>
18880</tr>
18881</tbody>
18882</table>
18883<table border="0" style="border-collapse: collapse; width: 100%; border-color: #ffffff; height: 220.406px;">
18884<tbody>
18885<tr style="height: 164.156px;">
18886<td style="height: 164.156px; vertical-align: top; width: 48.5994%; line-height: 1.5;"><span style="font-family: arial, helvetica, sans-serif; color: #4d4d4d; font-size: 10pt;"><strong>Store Hours:</strong></span><br /><br /><span style="font-family: arial, helvetica, sans-serif; color: #4d4d4d; font-size: 10pt;">Mon-Fri: 10 AM - 6 PM<br />Sat: 10 AM - 5 PM<br />Sunday: Closed</span></td>
18887<td style="height: 164.156px; width: 51.4006%; vertical-align: top; line-height: 1.5;"><span style="font-family: arial, helvetica, sans-serif; color: #4d4d4d; font-size: 10pt;"><strong>Store Contacts:</strong></span><br /><span style="font-family: arial, helvetica, sans-serif; color: #4d4d4d; font-size: 10pt;"><br />Call: <span style="color: #34495e;"><a href="tel:623-925-1815" style="color: #34495e;">623-925-1815</a></span><br /></span><span style="font-family: arial, helvetica, sans-serif; color: #4d4d4d; font-size: 10pt;">Email: <span style="color: #34495e;"><a href="mailto:[email protected]" style="color: #34495e;">[email protected]</a></span></span><br /><br /><span style="font-family: arial, helvetica, sans-serif; color: #4d4d4d; font-size: 10pt;"></span></td>
18888</tr>
18889<tr style="height: 1.76562px;">
18890<td style="vertical-align: top; width: 102.805%; height: 1.76562px;" colspan="4"></td>
18891</tr>
18892</tbody>
18893</table>    </div>
18894</div>
18895
18896<style>
18897    .footer_container_3>.flex_row_3>.flex_col_2>.flex_cell_1.custom_code {
18898    width:100%;    }
18899
18900        .footer_container_3>.flex_row_3>.flex_col_2>.flex_cell_1.custom_code {
18901    height:100%;    }
18902    
18903    .footer_container_3>.flex_row_3>.flex_col_2>.flex_cell_1.custom_code>.flex_cell_content {
18904        width: 100%;
18905        height: 100%;
18906    }
18907</style>
18908                        </div>
18909
18910                        <style>
18911                            .footer_container_3 .flex_row_3 .flex_col_2 {
18912                            width:85%;                            }
18913                        </style>
18914
18915
18916                    
18917                        <div class="flex_col flex_col_3">
18918
18919                            
18920                        </div>
18921
18922                        <style>
18923                            .footer_container_3 .flex_row_3 .flex_col_3 {
18924                            width:5%;                            }
18925                        </style>
18926
18927
18928                    
18929                </div>
18930            
18931                
18932                <style>
18933                    .footer_container_3 .flex_row_3 {
18934                        background-color: #ffffff;
18935                        color:#000000;                        height:auto;                                                
18936                                            }
18937                </style>
18938                
18939                                        
18940                
18941            
18942        </div>
18943        <style>
18944            .footer_container .flex_row {
18945                display: flex;
18946            }
18947            .footer_container_3 {
18948                            width:100%;
18949                                        max-width:100%;
18950                            margin: 0 auto;
18951            }
18952            .footer_container .flex_row .flex_col{
18953                display: flex;
18954                flex-wrap: wrap;
18955                box-sizing: border-box;
18956                align-content: baseline;
18957            }
18958            .footer_container .flex_row .flex_col .flex_cell{
18959                height: fit-content;
18960                display: flex;
18961            }
18962            .footer_container .flex_row .flex_col .flex_cell a{
18963                text-decoration: none;
18964            }
18965            .footer_container img {
18966                max-width: 100%;
18967            }
18968        </style>
18969
18970    
18971</footer>
18972
18973
18974<script src="/skeleton/1.0/view/js/focus-trap.js?v=2.1"></script>
18974<script src="/skeleton/1.0/view/js/focus-trap_dist.js?v=2.1"></script>
18974<script src="/skeleton/1.0/view/js/min/fr_act.js?v=1.3"></script>
18974
18975
18976        <style>
18977            .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; }
18978            .footer-bottom-inner-left { width: 67%; text-transform: uppercase; }
18979            .footer-bottom-inner-right { font-size: 10pt; width: 30%; display: flex; justify-content: end; }
18980            @media (max-width: 767px) {
18981                .footer-bottom-outer { display: block; text-align: center; font-weight: 700; }
18982                .footer-bottom-inner-left, .footer-bottom-inner-right { width: 100%; padding: 5px; display: block; }
18983            }
18984        </style>
18985        <div class="footer-bottom-outer"><div class="footer-bottom-inner-left">
18986                     COPYRIGHT © 2026 OSBORNE JEWELERS. Jewelry website design by <a href="https://www.amptive.com/" target="_blank" title="Amptive"><u>Amptive</u></a>. Jewelry Website Platform by <a href="https://build.shop/" target="_blank" title="Build.Shop"><u>Build.Shop</u></a> |&nbsp;<a title="Site Map" href="/sitemap" class="general_style"><u>SITE MAP</u></a>
18987                </div>            <div class="footer-bottom-inner-right">
18988                <div class="cmp-cookies-opener"><a href="javascript:void(0)" role="button" title="Configure Cookies Consent" onclick="$('.cmp-modal-outer').fadeIn();" class="general_style">Configure Cookies Consent &raquo;</a></div>
18989            </div>
18990        
18990<script>window.local_view_folder = '/skeleton/1.0/view';</script>
18990</div>
18991
18992    <!-- Google Consent Mode v2 Defaults -->
18993    
18993<script>
18994        window.dataLayer = window.dataLayer || [];
18995        function gtag() { dataLayer.push(arguments); }
18996        gtag("consent", "default", {
18997            ad_storage: "denied",
18998            ad_user_data: "denied",
18999            ad_personalization: "denied",
19000            analytics_storage: "denied",
19001            functionality_storage: "denied",
19002            personalization_storage: "denied",
19003            security_storage: "granted",
19004            wait_for_update: 2000
19005        });
19006        gtag("set", "ads_data_redaction", true);
19007        gtag("set", "url_passthrough", true);
19008        window.cmpConsentModel = "opt-in";
19009    </script>
19009
19010    
19010<script>window.cmpBridgeConfig = {"provider":"internal","categoryMap":[],"rolexEnabled":false,"blockingAttribute":"","blockingFormat":"","srcAttribute":"data-src"};</script>
vendor: 1 bytes, line 19010
19010
19011<script src="https://www.osbornejewelersinc.com//skeleton/1.0/view/js/cmp-bridge.js?v=1790126251"></script>
19011
19012            <div id="first-visit-cmp-popup" class="first-visit-cookies-background " data-type="gdpr" style="display:none">
19013                <div class="first-visit-cookies-popup">
19014                    <div class="text-container p_general_style">
19015                        <p>By clicking "Accept All", you agree to the storing of cookies on your device to enhance site navigation, analyze site usage, and assist in our marketing efforts. You may change your settings at any time or accept the default settings. <a href="/terms-conditions">Cookie Policy</a></p>                    </div>
19016                    <div class="buttons actions-container">
19017                        <a href="javascript:void(0)" tabindex="0" role="button" class="button_general_style more" title="CMP Settings" onclick="$('.cmp-modal-outer').fadeIn(); $('.first-visit-cookies-popup').fadeOut();">Settings</a>
19018                                                    <a href="javascript:void(0)" tabindex="0" role="button" class="button_general_style accept all">Accept all</a>
19019                                                                            <a href="javascript:void(0)" tabindex="0" role="button" class="button_general_style decline">Decline all</a>
19020                                            </div>
19021                </div>
19022            </div>
19023                <div class="cmp-modal-outer  " style="display: none;" role="dialog" tabindex="-1" aria-labelledby="cmp-modal-label" aria-modal="true">
19024            <div class="cmp-modal-inner">
19025                                <div class="cmp-content">
19026                    <div class="cmp-modal-header">
19027                        <h2 id="cmp-modal-label" class="h2_general_style">We value your privacy</h2>
19028                        <button type="button" class="close" aria-label="Close" title="Close">
19029                            <span aria-hidden="true">&times;</span>
19030                        </button>
19031                    </div>
19032                                            <img src="/public/1.0/uploads/source/copy_of_osborne_logo_only_1.jpg" loading="lazy" alt="CMP logo" title="CMP logo">
19033                                        <div class="cmp-content-classifications p_general_style">
19034                        <p>On our website, we use services (including from third-party providers) that help us to improve our online presence. The following categories of cookies are used by us and can be managed in the cookie settings. We need your consent before being able to use these services. Alternatively, you may click to refuse to consent, of access more detailed information and change your preferences before consenting. Your preferences will apply to this website only. You can change your preferences at any time by returning to this site or visit our privacy policy.</p>
19035<p>By authorizing third-party services, you allow the placement and the reading of cookies and the use of tracking technologies required to keep our website reliable and secure.</p>                                                    <div class="actions-container-outer">
19036                                <div class="actions-container-inner">
19037                                    <div class="class-info" style="display: flex;">
19038                                        <div>
19039                                            <span class="custom-h2 h3_general_style">Essential</span>
19040                                            <p clas="p_general_style">These cookies are required to run available services and to provide basic shopping functions. These cookies are exempt from consent according to the exceptions provided by the Article 82 of Data Protection Act</p>
19041                                        </div>
19042                                        <div class="action-toggle">
19043                                            <div class="toggleWrapper">
19044                                                <input type="checkbox" class="mobileToggle" id="toggle1" value='on' checked disabled role="switch">
19045                                                <label style="font-size:0px" for="toggle1">On/Off</label>
19046                                            </div>
19047                                        </div>
19048                                    </div>
19049                                                                    </div>
19050                            </div>
19051                                                    <div class="actions-container-outer">
19052                                <div class="actions-container-inner">
19053                                    <div class="class-info" style="display: flex;">
19054                                        <div>
19055                                            <span class="custom-h2 h3_general_style">Personalisation</span>
19056                                            <p clas="p_general_style">These cookies provide a custom experience on our website</p>
19057                                        </div>
19058                                        <div class="action-toggle">
19059                                            <div class="toggleWrapper">
19060                                                <input type="checkbox" class="mobileToggle" id="toggle2" value='off'  role="switch">
19061                                                <label style="font-size:0px" for="toggle2">On/Off</label>
19062                                            </div>
19063                                        </div>
19064                                    </div>
19065                                                                    </div>
19066                            </div>
19067                                                    <div class="actions-container-outer">
19068                                <div class="actions-container-inner">
19069                                    <div class="class-info" style="display: flex;">
19070                                        <div>
19071                                            <span class="custom-h2 h3_general_style">Analytics and statistics</span>
19072                                            <p clas="p_general_style">These cookies allow us to measure visitors traffic. They also help us understand which products and actions are more popular than others</p>
19073                                        </div>
19074                                        <div class="action-toggle">
19075                                            <div class="toggleWrapper">
19076                                                <input type="checkbox" class="mobileToggle" id="toggle3" value='off'  role="switch">
19077                                                <label style="font-size:0px" for="toggle3">On/Off</label>
19078                                            </div>
19079                                        </div>
19080                                    </div>
19081                                                                    </div>
19082                            </div>
19083                                                <div class="buttons">
19084                            <a href="javascript:void(0)" role="button" class="secondary_button_general_style more-confirm">SAVE</a>
19085                        </div>
19086                    </div>
19087                </div>
19088            </div>
19089            <div class="cmp-overlay"></div>
19090        </div>
19091        
19091<script src="/skeleton/1.0/view/js/cmp.js?v=1.2.402"></script>
19091</body>
19092</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.