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> ▸ 15051 <a href="javascript:void(0)" class="information_step active" aria-current="page">Information</a> ▸ 15052 <a href="/shopping-cart?step=shipping" class="shipping_step">Shipping</a> <span class="shipping_arrow" aria-hidden="true">▸</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">×</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> ▸ 16085 <a href="javascript:void(0)" class="information_step">Information</a> ▸ 16086 <a href="javascript:void(0)" class="shipping_step active" aria-current="page">Shipping</a> <span class="shipping_arrow" aria-hidden="true">▸</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> ▸ 16265 <a href="javascript:void(0)" class="information_step">Information</a> ▸ 16266 <a href="javascript:void(0)" class="shipping_step">Shipping</a> <span class="shipping_arrow" aria-hidden="true">▸</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">×</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">×</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 & 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> 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: </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> 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 & 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> 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: </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;">>></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> | <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 »</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">×</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.