1 2 3 4 5 6 7 8<!DOCTYPE html> 9<html lang="en-id"><head> 10 <title>OBOR138 | Platform Game Online dengan Akses Cepat dan Tampilan Modern</title> 11 <meta 12 content="OBOR138 menghadirkan platform game online dengan akses cepat, tampilan modern, serta navigasi mudah untuk pengalaman bermain yang nyaman di berbagai perangkat." 13 name="description" /> 14 <meta property="og:title" content="OBOR138 | Platform Game Online dengan Akses Cepat dan Tampilan Modern"> 15 <meta property="og:type" content="website"> 16 <meta property="og:url" content="https://www.ndnforum.com/"> 17 <link rel="canonical" href="https://www.ndnforum.com/" /> 18 <link rel="amphtml" href="https://obor138-oborapibesar.pages.dev/"> 19 <link rel="alternate" hreflang="id-id" href="https://obor138-oborapibesar.pages.dev/"/> 20 <link rel="alternate" hreflang="id" href="https://obor138-oborapibesar.pages.dev/"/> 21 <link rel="alternate" href="https://obor138-oborapibesar.pages.dev/"/> 22 <link rel="alternate" hreflang="en" href="https://obor138-oborapibesar.pages.dev/"/> 23 <meta property="og:site_name" content="OBOR138"> 24 <meta property="og:description" 25 content="OBOR138 menghadirkan platform game online dengan akses cepat, tampilan modern, serta navigasi mudah untuk pengalaman bermain yang nyaman di berbagai perangkat."> 26 <meta property="og:image" content="https://obor138-oborapibesar.pages.dev/bannerobor138.png"/> 27 <link href="https://obor138-oborapibesar.pages.dev/iconobor138.png" rel="shortcut icon" 28 type="image/x-icon" /> 29 <link rel="stylesheet" href="https://wahanasuperstore.com/web/bootstrap/css/bootstrap.min.css" /> 30
30<script async="" charset="utf-8" src="https://v2.zopim.com/?3s3rd60M9T5U21HDHJvrlDqz7MiBAjkC" type="text/javascript"></script>
30<script type="text/javascript" src="https://wahanasuperstore.com/web/js/webslidemenu.js"></script>
30 31 <meta content='index, follow, nosnippet' name='robots'> 32 <meta name="author" content="KangCiak"> 33 <meta name="generator" content="OBOR138"> 34 <!-- ===== BRAND & IDENTITY ===== --> 35 <meta name="brand" content="OBOR138"> 36 <meta name="publisher" content="OBOR138"> 37 <meta name="copyright" content="OBOR138"> 38 <!-- ===== GEO / WILAYAH ===== --> 39 <meta name="geo.region" content="ID"> 40 <meta name="geo.placename" content="Indonesia"> 41 <!-- ===== LANGUAGE & DISTRIBUTION ===== --> 42 <meta http-equiv="content-language" content="id-ID"> 43 <meta name="distribution" content="global"> 44 <meta name="rating" content="general"> 45 <!-- ===== MOBILE & RESPONSIVE ===== --> 46 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 47 <meta name="mobile-web-app-capable" content="yes">
48<script type="text/javascript" src="https://v2.zopim.com/w?3s3rd60M9T5U21HDHJvrlDqz7MiBAjkC"></script>
48<style media="print" class="jx_ui_StyleSheet" __jx__id="___$_2" type="text/css">.zopim { display: none !important }</style></head> 49 50<body> 51 52 53
53<script type="application/ld+json"> 54{ 55 "@context": "https://schema.org", 56 "@graph": [ 57 { 58 "@type": "Brand", 59 "@id": "https://www.ndnforum.com/#brand-OBOR138", 60 "name": "OBOR138", 61 "description": "OBOR138 menghadirkan platform game online dengan akses cepat, tampilan modern, serta navigasi mudah untuk pengalaman bermain yang nyaman di berbagai perangkat.", 62 "url": "https://www.ndnforum.com/", 63 "logo": "https://obor138-oborapibesar.pages.dev/logoobor138.gif", 64 "slogan": "OBOR138 | Platform Game Online dengan Akses Cepat dan Tampilan Modern", 65 "sameAs": [ 66 "https://www.facebook.com/OBOR138", 67 "https://www.instagram.com/OBOR138", 68 "https://twitter.com/OBOR138" 69 ] 70 }, 71 { 72 "@type": "Organization", 73 "@id": "https://www.ndnforum.com/#organization-OBOR138", 74 "name": "OBOR138", 75 "url": "https://www.ndnforum.com/", 76 "logo": { 77 "@type": "ImageObject", 78 "url": "https://obor138-oborapibesar.pages.dev/bannerobor138.png" 79 }, 80 "brand": { 81 "@id": "https://www.ndnforum.com/#brand-OBOR138" 82 }, 83 "contactPoint": { 84 "@type": "ContactPoint", 85 "contactType": "customer support", 86 "availableLanguage": ["Indonesian"] 87 }, 88 "areaServed": "ID", 89 "foundingDate": "2020" 90 } 91 ] 92} 93</script>
93 94 95 96
96<script type="application/ld+json"> 97{ 98 "@context": "https://schema.org", 99 "@type": "BreadcrumbList", 100 "itemListElement": [ 101 { 102 "@type": "ListItem", 103 "position": 1, 104 "name": "OBOR138", 105 "item": "https://www.ndnforum.com/" 106 }, 107 { 108 "@type": "ListItem", 109 "position": 2, 110 "name": "login OBOR138", 111 "item": "https://www.ndnforum.com/" 112 }, 113 { 114 "@type": "ListItem", 115 "position": 3, 116 "name": "OBOR138 login", 117 "item": "https://www.ndnforum.com/" 118 }, 119 { 120 "@type": "ListItem", 121 "position": 4, 122 "name": "OBOR138 daftar", 123 "item": "https://www.ndnforum.com/" 124 }, 125 { 126 "@type": "ListItem", 127 "position": 5, 128 "name": "OBOR138 slot", 129 "item": "https://www.ndnforum.com/" 130 }, 131 { 132 "@type": "ListItem", 133 "position": 6, 134 "name": "OBOR138 Akses Cepat", 135 "item": "https://www.ndnforum.com/" 136 }, 137 { 138 "@type": "ListItem", 139 "position": 7, 140 "name": "Portal OBOR138", 141 "item": "https://www.ndnforum.com/" 142 }, 143 { 144 "@type": "ListItem", 145 "position": 8, 146 "name": "OBOR138 | Platform Game Online dengan Akses Cepat dan Tampilan Modern", 147 "item": "https://www.ndnforum.com/" 148 } 149 ] 150} 151</script>
151 152
153<script type="application/ld+json"> 154{ 155 "@context": "https://schema.org", 156 "@type": "Article", 157 "@id": "https://www.ndnforum.com/#article", 158 "mainEntityOfPage": { 159 "@type": "WebPage", 160 "@id": "https://www.ndnforum.com/" 161 }, 162 "headline": "OBOR138 | Platform Game Online dengan Akses Cepat dan Tampilan Modern", 163 "description": "OBOR138 menjadi platform game online dengan antarmuka modern, akses responsif, dan sistem yang dirancang untuk memberikan pengalaman digital lebih efisien.", 164 "image": "https://obor138-oborapibesar.pages.dev/bannerobor138.png", 165 "inLanguage": "id-ID", 166 167 "author": { 168 "@type": "person", 169 "name": "KangCiak" 170 }, 171 172 "publisher": { 173 "@type": "Organization", 174 "name": "OBOR138", 175 "logo": { 176 "@type": "ImageObject", 177 "url": "https://obor138-oborapibesar.pages.dev/logoobor138.gif" 178 } 179 }, 180 181 "datePublished": "2026-06-30", 182 "dateModified": "2026-06-30", 183 184 "articleSection": "Mobile Experience", 185 186 "keywords": [ 187 "slot mobile", 188 "pengalaman pengguna mobile", 189 "edukasi permainan digital", 190 "UX mobile optimization", 191 "platform game online", 192 "akses cepat mobile" 193 ], 194 195 "about": [ 196 { 197 "@type": "Thing", 198 "name": "Mobile Gaming Experience" 199 }, 200 { 201 "@type": "Thing", 202 "name": "User Experience Design" 203 }, 204 { 205 "@type": "Thing", 206 "name": "Digital Game Education" 207 } 208 ], 209 210 "url": "https://www.ndnforum.com/", 211 212 "isPartOf": { 213 "@type": "WebSite", 214 "name": "OBOR138", 215 "url": "https://www.ndnforum.com/" 216 } 217} 218</script>
vendor: 2 bytes, line 218
218
219<script type="application/ld+json"> 220{ 221 "@context": "https://schema.org", 222 "@type": "FAQPage", 223 "mainEntity": [ 224 { 225 "@type": "Question", 226 "name": "Apa yang dimaksud dengan alternatif login pada sebuah platform digital?", 227 "acceptedAnswer": { 228 "@type": "Answer", 229 "text": "Pengguna dapat membuka halaman portal, memasukkan data akses yang sesuai, lalu mengikuti proses login hingga berhasil masuk ke halaman utama." 230 } 231 }, 232 { 233 "@type": "Question", 234 "name": "Mengapa tampilan modern berpengaruh terhadap kenyamanan pengguna?", 235 "acceptedAnswer": { 236 "@type": "Answer", 237 "text": "Coba gunakan link alternatif yang tersedia, periksa koneksi internet, atau buka kembali halaman setelah beberapa saat." 238 } 239 }, 240 { 241 "@type": "Question", 242 "name": "Apa manfaat menggunakan platform dengan navigasi yang sederhana?", 243 "acceptedAnswer": { 244 "@type": "Answer", 245 "text": "Kegagalan login bisa terjadi karena sistem sedang diperbarui atau koneksi tidak stabil sehingga proses autentikasi tidak berjalan
245sempurna." 246 } 247 }, 248 { 249 "@type": "Question", 250 "name": "Apakah alternatif login dapat digunakan di perangkat seluler?", 251 "acceptedAnswer": { 252 "@type": "Answer", 253 "text": "Gunakan browser yang lebih ringan, pastikan jaringan stabil, atau coba akses di waktu dengan trafik yang lebih rendah." 254 } 255 }, 256 { 257 "@type": "Question", 258 "name": "Hal apa yang sebaiknya diperhatikan sebelum menggunakan alternatif login?", 259 "acceptedAnswer": { 260 "@type": "Answer", 261 "text": "Portal memberikan akses yang lebih langsung dan terarah sehingga pengguna tidak perlu mencari banyak sumber untuk menemukan halaman yang aktif." 262 } 263 }, 264 { 265 "@type": "Question", 266 "name": "Bagaimana cara memastikan akses tetap cepat?", 267 "acceptedAnswer": { 268 "@type": "Answer", 269 "text": "Pengguna disarankan menggunakan perangkat yang bagus dan koneksi internet yang baik agar proses login dan navigasi berjalan tanpa hambatan." 270 } 271 } 272 ] 273} 274</script>
274 275 276 277 <style> 278 /* 279 * Plugin: Web Slide - Responsive Mega Menu for Bootstrap 3+ 280 * Demo Link: http://webslidemenu.webthemex.com/ 281 * Version: v3.4 282 * Author: webthemex 283 * License: http://codecanyon.net/licenses/standard 284*/ 285 286 /*-------------------------------------------------------------------------- 287[Table of contents] 288 28901 Base CSS 29002 Desktop CSS 29103 Tab CSS 29204 Mobile CSS 29305 Additional Themes (Optionnal) 294--------------------------------------------------------------------------*/ 295 /*-------------------------------------------------------------------------- 296| 01 Base CSS 297--------------------------------------------------------------------------*/ 298 @import url(https://fonts.googleapis.com/css?family=Lato); 299 @import url(https://fonts.googleapis.com/css?family=Open+Sans); 300 301 @font-face { 302 font-family: 'GothamLight'; 303 src: url(gotham/Gotham-Light.otf); 304 } 305 306 @font-face { 307 font-family: 'GothamBook'; 308 src: url(gotham/Gotham-Book.otf); 309 } 310 311 @font-face { 312 font-family: 'Polaris'; 313 src: url(polaris/PBook.otf); 314 } 315 316 html, 317 body { 318 margin: 0px; 319 padding: 0px; 320 border: 0px; 321 vertical-align: baseline; 322 font-family: 'Open Sans', sans-serif !important; 323 } 324 325 .clearfix:before, 326 .clearfix:after { 327 content: ""; 328 display: table; 329 } 330 331 .clearfix:after { 332 clear: both; 333 } 334 335 .clearfix { 336 zoom: 1; 337 } 338 339 .cl { 340 clear: both; 341 } 342 343 * { 344 -webkit-box-sizing: border-box; 345 -moz-box-sizing: border-box; 346 box-sizing: border-box; 347 text-decoration: none; 348 -webkit-font-smoothing: antialiased; 349 } 350 351 352 .wsmain html, 353 .wsmain body, 354 .wsmain iframe, 355 .wsmain h1, 356 .wsmain h2, 357 .wsmain h3, 358 .wsmain h4, 359 .wsmain h5, 360 .wsmain h6 { 361 margin: 0px; 362 padding: 0px; 363 border: 0px; 364 font: inherit; 365 vertical-align: baseline; 366 font-weight: normal; 367 font-size: 12px; 368 line-height: 18px; 369 font-family: 'Open Sans', sans-serif !important; 370 -webkit-font-smoothing: subpixel-antialiased; 371 font-smoothing: antialiased; 372 font-smooth: antialiased; 373 -webkit-text-size-adjust: 100%; 374 -ms-text-size-adjust: 100%; 375 -webkit-font-smoothing: subpixel-antialiased !important; 376 font-smoothing: subpixel-antialiased !important; 377 font-smooth: subpixel-antialiased; 378 } 379 380 .wsmain .cl { 381 clear: both; 382 } 383 384 .wsmain img, 385 object, 386 embed, 387 video { 388 border: 0 none; 389 max-width: 100%; 390 } 391 392 .wsmain a:focus { 393 outline: none !important; 394 } 395 396 .wsmain:before, 397 .wsmain:after { 398 content: ""; 399 display: table; 400 } 401 402 .wsmain:after { 403 clear: both; 404 } 405 406 /*-------------------------------------------------------------------------- 407| 02 Desktop CSS 408--------------------------------------------------------------------------*/ 409 410 .wsmobileheader { 411 display: none; 412 } 413 414 .overlapblackbg { 415 display: none; 416 } 417 418 .smllogo { 419 padding: 9px 0px 0px 0px; 420 margin: 0; 421 float: left; 422 width: 14.4%; 423 } 424 425 .smllogo a { 426 display: block; 427 float: left; 428 padding: 0px 0px 0px 0px; 429 } 430 431 .topmenusearch { 432 float: right; 433 width: 100%; 434 height: 42px; 435 position: relative; 436 margin: 9px 0px 0px 0px; 437 } 438 439 .topmenusearch .searchicon { 440 -webkit-transition: all 0.7s ease 0s; 441 -moz-transition: all 0.7s ease 0s; 442 -o-transition: all 0.7s ease 0s; 443 transition: all 0.7s ease 0s; 444 } 445 446 .topmenusearch input { 447 width: 100%; 448 position: relative; 449 float: right; 450 top: 0; 451 right: 0; 452 bottom: 0; 453 width: 100%; 454 border: 0; 455 padding: 0; 456 margin: 0; 457 text-indent: 15px; 458 font-size: 12px; 459 height: 42px; 460 z-index: 2; 461 outline: none; 462 color: #7d7d7d; 463 background-color: #00BFFF; 464 -webkit-transition: all 0.7s ease 0s; 465 -moz-transition: all 0.7s ease 0s; 466 -o-transition: all 0.7s ease 0s; 467 transition: all 0.7s ease 0s; 468 -webkit-border-radius: 2px; 469 -moz-border-radius: 2px; 470 border-radius: 2px; 471 } 472 473 .topmenusearch input:focus { 474 color: #000; 475 } 476 477 .topmenusearch input:focus~.btnstyle { 478 background-color: #00BFFF; 479 color: #00BFFF; 480 opacity: 0.9; 481 } 482 483 .topmenusearch input:focus~.btnstyle .fa { 484 color: #00BFFF; 485 } 486 487 .topmenusearch input:focus~.searchicon { 488 opacity: 1;
489 z-index: 3; 490 color: #00BFFF; 491 } 492 493 .topmenusearch .btnstyle { 494 top: 0px; 495 position: absolute; 496 right: 0; 497 bottom: 0; 498 width: 42px; 499 line-height: 30px; 500 z-index: 1; 501 cursor: pointer; 502 color: #00BFFF; 503 z-index: 1000; 504 background-color: #00BFFF; 505 border: solid 0px; 506 -webkit-transition: all 0.7s ease 0s; 507 -moz-transition: all 0.7s ease 0s; 508 -o-transition: all 0.7s ease 0s; 509 transition: all 0.7s ease 0s; 510 -webkit-border-radius: 0px 2px 2px 0px; 511 -moz-border-radius: 0px 2px 2px 0px; 512 border-radius: 0px 2px 2px 0px; 513 } 514 515 .topmenusearch .btnstyle .fa { 516 line-height: 38px; 517 margin: 0; 518 padding: 0; 519 text-align: center; 520 color: #00BFFF; 521 } 522 523 .topmenusearch .btnstyle:hover { 524 background-color: #db81ff; 525 } 526 527 .wsmain { 528 width: 100%; 529 margin: 0 auto; 530 padding: 0px 0px; 531 max-width: 1300px; 532 } 533 534 .wsmenu { 535 position: relative; 536 font-family: 'Open Sans', sans-serif; 537 font-size: 14px; 538 padding: 0px 0px 0px 0px; 539 margin: 0px auto; 540 width: 90%; 541 float: left; 542 height: 60px; 543 } 544 545 .wsmenu-list { 546 text-align: center; 547 margin: 0 auto 0 auto; 548 width: 100%; 549 display: table; 550 padding: 0px; 551 } 552 553 .wsmenu-list>li { 554 text-align: center; 555 display: inline-table; 556 margin: 0px; 557 padding: 0px; 558 /* float: left; */ 559 } 560 561 .wsmenu-list>.wscarticon>a .fa.fa-shopping-basket { 562 display: inline-block; 563 font-size: 16px; 564 line-height: inherit; 565 margin-right: 5px; 566 color: #00BFFF; 567 } 568 569 .wsmenu-list>.wsshopmenu>a .fa.fa-angle-down { 570 display: inline-block; 571 font-size: 13px; 572 line-height: inherit; 573 margin-left: 11px; 574 color: #00BFFF; 575 } 576 577 .wsmenu-list li ul li a .fa.fa-angle-double-right { 578 font-size: 12px; 579 margin: 0 3px 0 -4px; 580 } 581 582 .wsmenu-list>li>a { 583 display: block; 584 color: #00BFFF; 585 padding: 0 26px 0 22px; 586 line-height: 58px; 587 text-decoration: none; 588 position: relative; 589 } 590 591 .wsmenu-list>li:hover>a { 592 color: #000; 593 } 594 595 .wsmenu-list>li>.navtext { 596 line-height: 16px; 597 text-align: left; 598 padding: 15px; 599 padding-left: 0; 600 padding-right: 10px; 601 margin: 0px; 602 margin-right: 30px; 603 } 604 605 .wsmenu-list>li>.navtext>span+span:after { 606 color: #00BFFF; 607 content: "\f107"; 608 display: inline-block; 609 font-family: "FontAwesome"; 610 font-size: 14px; 611 font-weight: 100; 612 line-height: 10px; 613 margin-left: 1px; 614 position: relative; 615 right: -8px; 616 text-align: right; 617 top: 1px; 618 } 619 620 .wsmenu-list>li>.navtext>span { 621 display: block; 622 font-size: 11px; 623 text-align: left; 624 white-space: nowrap; 625 width: 100%; 626 line-height: 16px; 627 color: #00BFFF; 628 } 629 630 .wsmenu-list>li>.navtext>span+span { 631 white-space: nowrap; 632 font-size: 13px; 633 font-weight: ; 634 color: #555555; 635 } 636 637 .wsmenu-list li a:hover .arrow:after { 638 border-top-color: #00BFFF 639 } 640 641 .wsmenu-list li a.active .arrow:after { 642 border-top-color: #00BFFF 643 } 644 645 .wsmenu-list li:hover>a .arrow:after { 646 border-top-color: #00BFFF 647 } 648 649 .megamenu iframe { 650 width: 100%; 651 margin-top: 10px; 652 min-height: 200px; 653 } 654 655 .megamenu video { 656 width: 100%; 657 margin-top: 10px; 658 min-height: 200px; 659 } 660 661 .wsmenu-list>li.socialicon { 662 float: left; 663 } 664 665 .wsmenu-list>li.socialicon a { 666 width: 38px; 667 padding: 0px 10px 668 } 669 670 .wsmenu-list>li.socialicon a .fa { 671 font-size: 15px; 672 color: #00BFFF; 673 text-align: center; 674 } 675 676 .wsmenu-list>li.wsshopmyaccount { 677 float: right; 678 padding-top: 0.5%; 679 } 680 681 .wsmenu-list>.wsshopmyaccount>a .fa.fa-angle-down { 682 display: inline-block; 683 font-size: 13px; 684 line-height: inherit; 685 margin-left: 8px; 686 color: #00BFFF; 687 } 688 689 .wsmenu-list>.wsshopmyaccount>a .fa.fa-align-justify, 690 .wsmenu-list>.wsshopmyaccount>a .fa.fa-user { 691 display: inline-block; 692 font-size: 16px; 693 line-height: inherit; 694 margin-right: 11px; 695 color: #00BFFF; 696 } 697 698 .wsmenu-list>li.wssearchbar { 699 width: 65%; 700 float: left; 701 padding-left: 9.5%; 702 padding-top: 0.5%; 703 } 704 705 .wsmenu-list>li.wscarticon { 706 float: right; 707 clear: right; 708 padding-top: 0.5%; 709 } 710 711 .wsmenu-list>li.wscarticon a { 712 padding: 0px 27px 0px 22px; 713 text-align: center; 714 } 715 716 .mobiletext { 717 display: none; 718 } 719 720 .wsmenu-list>li.wscarticon a .fa { 721 font-size: 15px; 722 } 723 724 .wsmenu-list>li.wscarticon em.roundpoint { 725 position: absolute; 726 top: 14px; 727 right: 21px; 728 width: 17px; 729 height: 17px; 730 background-color: #00BFFF; 731 -webkit-border-radius: 50%; 732 -moz-border-radius: 50%; 733 border-radius: 50%; 734 font-size: 9px; 735 text-align: center; 736 font-style: normal; 737 line-height: 16px !important; 738 color: #00BFFF; 739 } 740 741 em.roundpoint2 { 742 position: absolute; 743 top: -2px; 744 right: -8px; 745 width: 17px; 746 height: 17px; 747 background-color: #00BFFF; 748 -webkit-border-radius: 50%; 749 -moz-border-radius: 50%; 750 border-radius: 50%; 751 font-size: 9px; 752 text-align: center; 753 font-style: normal; 754 line-height: 16px !important; 755 color: #00BFFF; 756 } 757 758 .wsmenu-list li>.wsmenu-submenu { 759 transform-style: preserve-3d; 760 -o-transform-style: preserve-3d; 761 -moz-transform-style: preserve-3d; 762 -webkit-transform-style: preserve-3d; 763 transform: rotateX(-75deg); 764 -o-transform: rotateX(-75deg); 765 -moz-transform: rotateX(-75deg); 766 -webkit-transform: rotateX(-75deg); 767 visibility: hidden; 768 } 769 770 .wsmenu-list li:hover>.wsmenu-submenu { 771 transform: rotateX(0deg); 772 -o-transform: rotateX(0deg); 773 -moz-transform: rotateX(0deg); 774 -webkit-transform: rotateX(0deg); 775 opacity: 1;
776 visibility: visible; 777 } 778 779 .wsmenu-submenu li>.wsmenu-submenu-sub { 780 transform-style: preserve-3d; 781 -o-transform-style: preserve-3d; 782 -moz-transform-style: preserve-3d; 783 -webkit-transform-style: preserve-3d; 784 transform: rotateX(-75deg); 785 -o-transform: rotateX(-75deg); 786 -moz-transform: rotateX(-75deg); 787 -webkit-transform: rotateX(-75deg); 788 visibility: hidden; 789 } 790 791 .wsmenu-submenu li:hover>.wsmenu-submenu-sub { 792 transform: rotateX(0deg); 793 -o-transform: rotateX(0deg); 794 -moz-transform: rotateX(0deg); 795 -webkit-transform: rotateX(0deg); 796 opacity: 1; 797 visibility: visible; 798 } 799 800 .wsmenu-submenu-sub li>.wsmenu-submenu-sub-sub { 801 transform-style: preserve-3d; 802 -o-transform-style: preserve-3d; 803 -moz-transform-style: preserve-3d; 804 -webkit-transform-style: preserve-3d; 805 transform: rotateX(-75deg); 806 -o-transform: rotateX(-75deg); 807 -moz-transform: rotateX(-75deg); 808 -webkit-transform: rotateX(-75deg); 809 visibility: hidden; 810 } 811 812 .wsmenu-submenu-sub li:hover>.wsmenu-submenu-sub-sub { 813 transform: rotateX(0deg); 814 -o-transform: rotateX(0deg); 815 -moz-transform: rotateX(0deg); 816 -webkit-transform: rotateX(0deg); 817 opacity: 1; 818 visibility: visible; 819 } 820 821 .wsmenu-list li>.megamenu { 822 transform-style: preserve-3d; 823 -o-transform-style: preserve-3d; 824 -moz-transform-style: preserve-3d; 825 -webkit-transform-style: preserve-3d; 826 transform: rotateX(-75deg); 827 -o-transform: rotateX(-75deg); 828 -moz-transform: rotateX(-75deg); 829 -webkit-transform: rotateX(-75deg); 830 visibility: hidden; 831 } 832 833 .wsmenu-list li:hover>.megamenu { 834 transform: rotateX(0deg); 835 -o-transform: rotateX(0deg); 836 -moz-transform: rotateX(0deg); 837 -webkit-transform: rotateX(0deg); 838 opacity: 1; 839 visibility: visible; 840 } 841 842 .wsmenu-submenu { 843 position: absolute; 844 min-width: 176px; 845 top: 58px; 846 z-index: 1000; 847 margin: 0px; 848 padding: 0px; 849 border: solid 1px #00BFFF; 850 background-color: #fff; 851 opacity: 0; 852 -o-transform-origin: 0% 0%; 853 -ms-transform-origin: 0% 0%; 854 -moz-transform-origin: 0% 0%; 855 -webkit-transform-origin: 0% 0%; 856 -o-transition: -o-transform 0.3s, opacity 0.3s; 857 -ms-transition: -ms-transform 0.3s, opacity 0.3s; 858 -moz-transition: -moz-transform 0.3s, opacity 0.3s; 859 -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; 860 } 861 862 .wsmenu-submenu li a { 863 background: #00BFFF !important; 864 background-image: none !important; 865 color: #00BFFF !important; 866 border-right: 0 none !important; 867 text-align: left; 868 display: block; 869 line-height: 22px; 870 padding: 8px 12px; 871 text-transform: none; 872 font-size: 12px; 873 letter-spacing: normal; 874 border-right: 0px solid; 875 border-bottom: 1px solid #00BFFF; 876 } 877 878 .wsmenu-submenu li { 879 position: relative; 880 margin: 0px; 881 padding: 0px; 882 } 883 884 .wsmenuexpandermain { 885 display: none; 886 } 887 888 .wsmenu-list li:hover .wsmenu-submenu { 889 display: block; 890 } 891 892 .wsmenu-list .wsmenu-submenu .wsmenu-submenu-sub { 893 min-width: 220px; 894 position: absolute; 895 left: 100%; 896 top: 0; 897 margin: 0px; 898 padding: 0px; 899 opacity: 0; 900 -o-transform-origin: 0% 0%; 901 -ms-transform-origin: 0% 0%; 902 -moz-transform-origin: 0% 0%; 903 -webkit-transform-origin: 0% 0%; 904 -o-transition: -o-transform 0.4s, opacity 0.4s; 905 -ms-transition: -ms-transform 0.4s, opacity 0.4s; 906 -moz-transition: -moz-transform 0.4s, opacity 0.4s; 907 -webkit-transition: -webkit-transform 0.4s, opacity 0.4s; 908 } 909
910 .wsmenu-list .wsmenu-submenu li:hover .wsmenu-submenu-sub { 911 opacity: 1; 912 list-style: none; 913 padding: 0px; 914 border: solid 1px #00BFFF; 915 background-color: #fff; 916 } 917 918 .wsmenu-list .wsmenu-submenu li:hover .wsmenu-submenu-sub { 919 display: block; 920 } 921 922 .wsmenu-list .wsmenu-submenu .wsmenu-submenu-sub .wsmenu-submenu-sub-sub { 923 min-width: 220px; 924 position: absolute; 925 left: 100%; 926 top: 0; 927 margin: 0px; 928 padding: 0px; 929 opacity: 0; 930 -o-transform-origin: 0% 0%; 931 -ms-transform-origin: 0% 0%; 932 -moz-transform-origin: 0% 0%; 933 -webkit-transform-origin: 0% 0%; 934 -o-transition: -o-transform 0.4s, opacity 0.4s; 935 -ms-transition: -ms-transform 0.4s, opacity 0.4s; 936 -moz-transition: -moz-transform 0.4s, opacity 0.4s; 937 -webkit-transition: -webkit-transform 0.4s, opacity 0.4s; 938 } 939 940 .wsmenu-list .wsmenu-submenu .wsmenu-submenu-sub li:hover .wsmenu-submenu-sub-sub { 941 opacity: 1; 942 list-style: none; 943 padding: 0px; 944 border: solid 1px #00BFFF; 945 background-color: #fff; 946 } 947 948 .wsmenu-submenu li { 949 position: relative; 950 padding: 0px; 951 margin: 0px; 952 display: block; 953 } 954 955 .wsmenu-click { 956 display: none; 957 } 958 959 .wsmenu-click02 { 960 display: none; 961 } 962 963 .wsmenu-submenu .fa { 964 margin-right: 11px; 965 font-size: 15px; 966 } 967 968 .carousel-control i.fa { 969 top: 48%; 970 position: absolute; 971 font-size: 33px; 972 margin-left: -5px; 973 } 974 975 .carousel-inner .carousel-caption h3 { 976 font-size: 18px; 977 font-weight: bold; 978 } 979 980 .wsshopmenu span { 981 font-weight: bold; 982 } 983 984 .wsmenu-list>.wsshopmenu>a .fa.fa-shopping-basket { 985 display: inline-block; 986 font-size: 13px; 987 line-height: inherit; 988 margin-right: 8px; 989 color: #00BFFF; 990 } 991 992 .wtsdepartmentmenu { 993 background: #00BFFF; 994 border-bottom: solid 1px #00BFFF; 995 } 996 997 .wtsbrandmenu { 998 background: #00BFFF; 999 border-bottom: solid 1px #00BFFF; 1000 } 1001 1002 .wsshoptabing { 1003 width: 100%; 1004 text-align: left; 1005 margin: 0px; 1006 padding: 0px; 1007 position: absolute; 1008 top: 44px; 1009 background-color: #fff; 1010 left: 0; 1011 border-bottom: solid 2px #00BFFF; 1012 border: solid 1px #00BFFF; 1013 border-top: solid 0px; 1014 transform-style: preserve-3d; 1015 -o-transform-style: preserve-3d; 1016 -moz-transform-style: preserve-3d; 1017 -webkit-transform-style: preserve-3d; 1018 transform: rotateX(-90deg); 1019 -o-transform: rotateX(-90deg); 1020 -moz-transform: rotateX(-90deg); 1021 -webkit-transform: rotateX(-90deg); 1022 visibility: hidden; 1023 opacity: 0; 1024 -o-transform-origin: 0% 0%; 1025 -ms-transform-origin: 0% 0%; 1026 -moz-transform-origin: 0% 0%; 1027 -webkit-transform-origin: 0% 0%; 1028 -o-transition: -o-transform 0.6s, opacity 0.6s; 1029 -ms-transition: -ms-transform 0.6s, opacity 0.6s; 1030 -moz-transition: -moz-transform 0.6s, opacity 0.6s; 1031 -webkit-transition: -webkit-transform 0.6s, opacity 0.6s; 1032 z-index: 101; 1033 } 1034 1035 .btnlearn { 1036 font-size: 15px; 1037 text-align: center; 1038 line-height: 44px; 1039 height: 44px; 1040 display: block; 1041 float: left; 1042 padding: 0px 15px; 1043 background-color: #00BFFF; 1044 -webkit-border-radius: 4px; 1045 -moz-border-radius: 4px; 1046 border-radius: 4px; 1047 color: #00BFFF; 1048 font-family: 'Open Sans', sans-serif; 1049 font-weight: bold; 1050 margin-top: 5px; 1051 } 1052 1053 .btnlearn:hover { 1054 color: #00BFFF; 1055 text-decoration: none; 1056 } 1057 1058 .menu-hover-up { 1059 padding-left: 25px; 1060 margin-top: 20px; 1061 margin-bottom: 30px; 1062 line-height: 40px 1063 } 1064 1065 .menu-hover-up a { 1066 text-transform: uppercase; 1067 color: #333; 1068 text-decoration: none; 1069 font-size: 13px; 1070 } 1071 1072 .menu-hover-up a:hover { 1073 color: #00BFFF; 1074 transition: 0.5s; 1075 -moz-transition: 0.5s; 1076 -webkit-transition: 0.5s; 1077 -o-transition: 0.5s; 1078 -ms-transition: 0.5s; 1079 } 1080 1081 .wstitemright { 1082 min-height: 100%; 1083 opacity: 0; 1084 visibility: hidden; 1085 position: absolute; 1086 right: 0px; 1087 top: 0px; 1088 background-color: #00BFFF; 1089 color: #000; 1090 display: block; 1091 float: left; 1092 padding: 18px 20px 0px 20px; 1093 width: 77%; 1094 } 1095 1096 1097 .wstabitem { 1098 display: block; 1099 margin: 0px; 1100 padding: 0px; 1101 font-size: 12px; 1102 } 1103 1104 .wstabitem>li { 1105 width: 100%; 1106 list-style: none; 1107 1108 } 1109 1110 .wstabitem li:before, 1111 .wstabitem li:after { 1112 content: ""; 1113 display: table; 1114 } 1115 1116 .wstabitem li:after { 1117 clear: both; 1118 } 1119 1120 .wstabitem li.wsshoplink-active .wstitemright { 1121 opacity: 1;
1122 visibility: visible; 1123 } 1124 1125 /*.wstabitem li:hover .wstitemright{opacity: 1; visibility: visible;}*/ 1126 1127 1128 1129 .wstabitem>li>a { 1130 display: block; 1131 padding: 16px 11px; 1132 font-size: 13px; 1133 color: #00BFFF; 1134 border-bottom: solid 1px #00BFFF; 1135 width: 23%; 1136 float: left; 1137 position: relative; 1138 border-left: 3px solid #00BFFF; 1139 } 1140 1141 .wstabitem>li:hover a { 1142 text-decoration: none; 1143 } 1144 1145 .wstabitem .wsshoplink-active a { 1146 text-decoration: none; 1147 } 1148 1149 .wstabitem>li:hover>a { 1150 text-decoration: none; 1151 } 1152 1153 .wstabitem>li>a .fa { 1154 color: #00BFFF; 1155 margin-right: 5px; 1156 text-align: center; 1157 width: 25px; 1158 font-size: 16px; 1159 } 1160 1161 .wstmegamenucoll { 1162 width: 100%; 1163 float: left; 1164 padding-right: 27px; 1165 } 1166 1167 .wstmegamenucolr { 1168 width: 25%; 1169 float: right; 1170 text-align: right; 1171 } 1172 1173 .wstmegamenucoll01 { 1174 width: 64%; 1175 float: left; 1176 padding-left: 0px; 1177 } 1178 1179 .wstmegamenucolr02 { 1180 width: 35%; 1181 float: left; 1182 text-align: right; 1183 } 1184 1185 .wstmegamenucolr03 { 1186 width: 25%; 1187 float: left; 1188 text-align: left; 1189 } 1190 1191 .wstmegamenucoll04 { 1192 width: 75%; 1193 float: right; 1194 padding-left: 27px; 1195 } 1196 1197 .wstheading { 1198 width: 100%; 1199 display: block; 1200 padding: 8px 0px 5px 0px; 1201 font-size: 11px; 1202 font-weight: bold; 1203 color: #333333; 1204 border-bottom: solid 1px #00BFFF; 1205 margin-bottom: 7px; 1206 text-transform: uppercase; 1207 letter-spacing: 1px; 1208 } 1209 1210 .wstliststy01 { 1211 width: 100%; 1212 padding: 0px; 1213 margin: 0px; 1214 } 1215 1216 .wstliststy01 li { 1217 width: 33.33%; 1218 float: left; 1219 line-height: 23px; 1220 font-size: 14px; 1221 list-style: none; 1222 padding: 0px 0px 0px 0px; 1223 margin: 0px; 1224 } 1225 1226 .wstliststy01 li a { 1227 color: #00BFFF; 1228 font-size: 11px; 1229 text-transform: uppercase; 1230 letter-spacing: 1px; 1231 } 1232 1233 .wstliststy01 li a:hover { 1234 color: #000; 1235 text-decoration: none; 1236 } 1237 1238 1239 .root-col-6 { 1240 width: 16.00ff0000ff0067%; 1241 float: left; 1242 display: block; 1243 padding: 10px; 1244 } 1245 1246 .root-col-5 { 1247 width: 20%; 1248 float: left; 1249 display: block; 1250 padding: 10px; 1251 } 1252 1253 .root-col-4 { 1254 width: 25%; 1255 display: block; 1256 padding: 10px; 1257 height: auto; 1258 } 1259 1260 .root-col-4:before, 1261 .root-col-4:after { 1262 content: ""; 1263 display: table; 1264 } 1265 1266 .root-col-4:after { 1267 clear: both; 1268 } 1269 1270 .wstinnerwp { 1271 height: auto; 1272 position: relative; 1273 width: 100%; 1274 } 1275 1276 .wstinnerwp:before, 1277 .wstinnerwp:after { 1278 content: ""; 1279 display: table; 1280 } 1281 1282 .wstinnerwp:after { 1283 clear: both; 1284 } 1285 1286 1287 .root-col-3 { 1288 width: 33.33333333333333%; 1289 float: left; 1290 display: block; 1291 padding: 10px; 1292 } 1293 1294 .root-col-2 { 1295 width: 50%; 1296 float: left; 1297 display: block; 1298 padding: 10px; 1299 } 1300 1301 .root-col-1 { 1302 width: 100%; 1303 float: left; 1304 display: block; 1305 padding: 10px; 1306 } 1307 1308 .root-col-70 { 1309 width: 66.00ff0000ff0067%; 1310 float: left; 1311 display: block; 1312 padding: 10px; 1313 } 1314 1315 .root-col-75 { 1316 width: 75%; 1317 float: left; 1318 display: block; 1319 padding: 10px; 1320 } 1321 1322 1323 .wstliststy02 { 1324 width: 25%; 1325 padding: 0px 20px 0px 0px; 1326 margin: 0px; 1327 float: left; 1328 text-align: left; 1329 } 1330 1331 .wstliststy02 li { 1332 width: 100%; 1333 list-style: none; 1334 line-height: 24px; 1335 } 1336 1337 .wstliststy02 li a { 1338 color: #00BFFF; 1339 font-size: 11px; 1340 text-transform: uppercase; 1341 letter-spacing: 1px; 1342 } 1343 1344 .wstliststy02 li a:hover { 1345 color: #000; 1346 text-decoration: none; 1347 } 1348 1349 .wstliststy02 li.wstheading { 1350 line-height: normal; 1351 } 1352 1353 .wstliststy02 li a .wstcount { 1354 font-size: 10px; 1355 color: #00BFFF; 1356 } 1357 1358 1359 1360 .wstliststy03 { 1361 width: 100%; 1362 padding: 0px; 1363 margin: 0px; 1364 } 1365 1366 .wstliststy03 li { 1367 width: 33.33%; 1368 float: left; 1369 line-height: 23px; 1370 font-size: 14px; 1371 list-style: none; 1372 padding: 0px 0px 0px 0px; 1373 margin: 0px; 1374 } 1375 1376 .wstliststy03 li a { 1377 color: #00BFFF; 1378 font-size: 11px; 1379 text-transform: uppercase; 1380 letter-spacing: 1px; 1381 } 1382 1383 .wstliststy03 li a:hover { 1384 color: #000; 1385 text-decoration: none; 1386 } 1387 1388 .wstliststy04 { 1389 width: 23%; 1390 padding: 0px 0px 0px 0px; 1391 margin: 0.5% 1%; 1392 float: left; 1393 1394 } 1395 1396 .wstliststy04 li { 1397 width: 100%; 1398 list-style: none; 1399 line-height: 22px; 1400 } 1401 1402 .wstliststy04 li a { 1403 color: #00BFFF; 1404 font-size: 11px; 1405 text-transform: uppercase; 1406 letter-spacing: 1px; 1407 } 1408 1409 .wstliststy04 li a:hover { 1410 color: #000; 1411 text-decoration: none; 1412 } 1413 1414 .wstliststy04 li.wstheading { 1415 line-height: normal; 1416 text-align: center; 1417 padding: 12px 0px; 1418 font-size: 13px; 1419 } 1420 1421 .wstliststy04 li a .wstcount { 1422 font-size: 10px; 1423 color: #00BFFF; 1424 } 1425 1426 .wstliststy05 { 1427 width: 33.33%; 1428 padding: 0px 20px 0px 0px; 1429 margin: 0px; 1430 float: left; 1431 } 1432 1433 .wstliststy05 li { 1434 width: 100%; 1435 list-style: none; 1436 line-height: 22px; 1437 } 1438 1439 .wstliststy05 li a { 1440 color: #00BFFF; 1441 font-size: 11px; 1442 text-transform: uppercase; 1443 letter-spacing: 1px; 1444 } 1445 1446 .wstliststy05 li a:hover { 1447 color: #000; 1448 text-decoration: none; 1449 } 1450 1451 .wstliststy05 li.wstheading { 1452 line-height: normal; 1453 } 1454 1455 .wstliststy05 li a .wstcount { 1456 font-size: 10px; 1457 color: #00BFFF; 1458 } 1459 1460 .wstmorebtn { 1461 border-radius: 2px; 1462 color: #00BFFF; 1463 display: inline-block; 1464 float: right; 1465 font-size: 10px; 1466 font-weight: normal; 1467 letter-spacing: 0; 1468 padding: 1px 7px; 1469 text-align: right; 1470 text-transform: none; 1471 } 1472 1473 .wstmenutag { 1474 height: 18px; 1475 line-height: 18px; 1476 text-align: center; 1477 font-size: 11px; 1478 color: #00BFFF; 1479 border-radius: 2px; 1480 position: relative; 1481 font-family: 'Open Sans', sans-serif; 1482 font-weight: normal; 1483 padding: 1px 6px 1px 6px; 1484 margin-left: 6px; 1485 text-transform: none; 1486 letter-spacing: -0.0px; 1487 } 1488 1489 .wstmenutag:after { 1490 -moz-border-bottom-colors: none; 1491 -moz-border-left-colors: none; 1492 -moz-border-right-colors: none; 1493 -moz-border-top-colors: none; 1494 border-image: none; 1495 border-style: solid; 1496 border-width: 3px; 1497 content: ""; 1498 left: -6px; 1499 margin-top: 0px; 1500 position: absolute; 1501 top: 4px; 1502 z-index: 1; 1503 } 1504 1505 .wstmenutag.redtag { 1506 background-color: #00BFFF; 1507 } 1508 1509 .wstmenutag.redtag:after { 1510 border-color: transparent #00BFFF transparent transparent; 1511 } 1512 1513 .wstmenutag.greentag { 1514 background-color: #00BFFF; 1515 } 1516 1517 .wstmenutag.greentag:after { 1518 border-color: transparent #00BFFF transparent transparent; 1519 } 1520 1521 .wstmenutag.bluetag { 1522 background-color: #4fc3f7; 1523 } 1524 1525 .wstmenutag.bluetag:after { 1526 border-color: transparent #4fc3f7 transparent transparent; 1527 } 1528 1529 .wstmenutag.orangetag { 1530 background-color: #00BFFF; 1531 } 1532 1533 .wstmenutag.orangetag:after { 1534 border-color: transparent #00BFFF transparent transparent; 1535 } 1536 1537 .wstadsize01 { 1538 width: 50%; 1539 float: left; 1540 margin: 15px 0px 5px 0px; 1541 } 1542 1543 .wstadsize02 { 1544 width: 50%; 1545 float: right; 1546 margin: 15px 0px 5px 0px; 1547 } 1548 1549 .kitchenmenuimg {
1550 background-image: url(https://obor138-oborapibesar.pages.dev/bannerobor138.png); 1551 background-position: bottom right; 1552 background-repeat: no-repeat; 1553 } 1554 1555 .computermenubg { 1556 background-image: url(https://obor138-oborapibesar.pages.dev/bannerobor138.png); 1557 background-position: bottom right; 1558 background-repeat: no-repeat; 1559 } 1560 1561 .wstpngsml { 1562 padding-left: 18px; 1563 } 1564 1565 .wstfullwtag { 1566 width: 100%; 1567 display: block; 1568 border-bottom: solid 1px #00BFFF; 1569 background-color: #00BFFF; 1570 } 1571 1572 1573 .wstbrandbottom { 1574 width: 100%; 1575 background-color: #fff; 1576 display: block; 1577 opacity: 0; 1578 position: absolute; 1579 right: 0; 1580 visibility: hidden; 1581 padding: 9px 20px; 1582 } 1583 1584 1585 .wstabitem02>li.wsshoplink-active .wstbrandbottom { 1586 opacity: 1; 1587 visibility: visible; 1588 } 1589 1590 .wstabitem02 { 1591 width: 100%; 1592 padding: 0px; 1593 margin: 0px 0px; 1594 list-style: none; 1595 display: table; 1596 } 1597 1598 .wstabitem02>li { 1599 display: table-cell; 1600 list-style: outside none none; 1601 text-align: center; 1602 } 1603 1604 .wstabitem02>li>a { 1605 display: block; 1606 padding: 14px 0px; 1607 font-size: 13px; 1608 color: #00BFFF; 1609 background-color: #00BFFF; 1610 border-bottom: 1px solid #00BFFF; 1611 position: relative; 1612 } 1613 1614 .wstabitem02>li:hover a { 1615 text-decoration: none; 1616 -webkit-border-radius: 4px 0px 0px 4px; 1617 -moz-border-radius: 4px 0px 0px 4px; 1618 border-radius: 4px 0px 0px 4px; 1619 } 1620 1621 .wstabitem02>.wsshoplink-active a { 1622 text-decoration: none; 1623 -webkit-border-radius: 4px 0px 0px 4px; 1624 -moz-border-radius: 4px 0px 0px 4px; 1625 border-radius: 4px 0px 0px 4px; 1626 } 1627 1628 .wstabitem02>li:hover a { 1629 text-decoration: none; 1630 -webkit-border-radius: 4px 0px 0px 4px; 1631 -moz-border-radius: 4px 0px 0px 4px; 1632 border-radius: 4px 0px 0px 4px; 1633 } 1634 1635 .wstabitem02>li>a .fa { 1636 /*color: #00BFFF;*/ 1637 margin-right: 5px; 1638 text-align: center; 1639 width: 25px; 1640 font-size: 17px; 1641 } 1642 1643 .brandcolor01 { 1644 color: #00BFFF; 1645 } 1646 1647 .brandcolor02 { 1648 color: #00bcf2; 1649 } 1650 1651 .brandcolor03 { 1652 color: #00aff0; 1653 } 1654 1655 .brandcolor04 { 1656 color: #003087; 1657 } 1658 1659 .brandcolor05 { 1660 color: #00BFFF; 1661 } 1662 1663 .brandcolor06 { 1664 color: #00BFFF; 1665 } 1666 1667 .brandcolor07 { 1668 color: #6AA2B0; 1669 } 1670 1671 .brandcolor08 { 1672 color: #00BFFF; 1673 } 1674 1675 1676 /*-------------------------------------------------------------------------- 1677| 03 Tab CSS 1678--------------------------------------------------------------------------*/ 1679 1680 @media only screen and (min-width: 1024px) and (max-width:1280px) { 1681 .kitchenmenuimg { 1682 background-image: none; 1683 } 1684 1685 .computermenubg { 1686 background-image: none; 1687 } 1688 1689 .wsmenu-list li a .arrow:after { 1690 display: none !important; 1691 } 1692 1693 .wsmenu-list>li>a { 1694 padding-left: 0px !important; 1695 padding-right: 20px !important; 1696 } 1697 1698 .wsmenu-list>li>.navtext { 1699 margin: 2px !important; 1700 } 1701 1702 .wsmain { 1703 width: 100%; 1704 margin-left: 0%; 1705 margin-right: 0%; 1706 } 1707 1708 .menu_form input[type="submit"] { 1709 width: 40% !important; 1710 } 1711 1712 .menu_form input[type="button"] { 1713 width: 40% !important; 1714 } 1715 1716 .wstmegamenucoll { 1717 width: 64%; 1718 } 1719 1720 .wstmegamenucolr { 1721 width: 36%; 1722 } 1723 1724 .wsshoptabingwp { 1725 width: 96%; 1726 margin: 0% 2%; 1727 } 1728 1729 .wstliststy01 li { 1730 width: 50%; 1731 } 1732 1733 .wstliststy02 { 1734 width: 50%; 1735 } 1736 1737 .wstadsize01 img { 1738 width: 100%; 1739 } 1740 1741 .wstadsize02 img { 1742 width: 100%; 1743 } 1744 1745 .wstadsize01 { 1746 width: 50%; 1747 } 1748 1749 .wstadsize02 { 1750 width: 50%; 1751 } 1752 1753 .wstliststy02>li>img { 1754 display: none; 1755 } 1756 1757 .wstliststy03 li { 1758 width: 50%; 1759 } 1760 1761 .wstmegamenucoll01 { 1762 width: 100%; 1763 padding: 0px; 1764 } 1765 1766 .wstliststy04>li>img { 1767 width: 100%; 1768 } 1769 1770 .wstmegamenucolr03 { 1771 display: none; 1772 } 1773 1774 .wstmegamenucoll04 { 1775 width: 100%; 1776 margin: 0%; 1777 padding: 0px; 1778 } 1779 1780 .wssearchbar { 1781 width: 60% !important; 1782 } 1783 } 1784 1785 @media only screen and (min-width:781px) and (max-width:1023px) { 1786 .smllogo { 1787 padding: 13px 6px 0px 0px; 1788 } 1789 1790 .wsmenu-list li a .arrow:after { 1791 display: none; 1792 } 1793 1794 .wsmenu-list>li>a { 1795 white-space: nowrap !important; 1796 padding-left: 0px !important; 1797 padding-right: 5px !important; 1798 } 1799 1800 .wsmenu-list>li>.navtext { 1801 margin: 5px !important; 1802 } 1803 1804 .wsmain { 1805 width: 96%; 1806 margin-left: 2%; 1807 margin-right: 2%; 1808 } 1809 1810 .wsmenu-list>li.socialicon { 1811 display: none !important; 1812 } 1813 1814 .megacollink { 1815 width: 48%; 1816 margin: 1% 1%; 1817 } 1818 1819 .typographylinks { 1820 width: 48%; 1821 margin: 1% 1%; 1822 } 1823 1824 .menu_form input[type="submit"] { 1825 width: 40% !important; 1826 } 1827 1828 .menu_form input[type="button"] { 1829 width: 40% !important; 1830 } 1831 1832 .wsmenu-list>li>a .fa { 1833 display: none; 1834 } 1835 1836 .wsmenu-list>li>a .fa.fa-home { 1837 display: block !important; 1838 } 1839 1840 .halfmenu .megacollink { 1841 width: 100%; 1842 margin: 0px; 1843 } 1844 1845 .wstmegamenucoll { 1846 width: 51%; 1847 padding: 0px; 1848 } 1849 1850 .wstmegamenucolr { 1851 width: 49%; 1852 } 1853 1854 .wsshoptabingwp { 1855 width: 96%; 1856 margin: 0% 2%; 1857 } 1858 1859 .wstliststy01 li { 1860 width: 100%; 1861 } 1862 1863 .wstliststy02 { 1864 width: 50%; 1865 } 1866 1867 .wstadsize01 img { 1868 width: 100%; 1869 } 1870 1871 .wstadsize02 img { 1872 width: 100%; 1873 } 1874 1875 .wstadsize01 { 1876 width: 100%; 1877 } 1878 1879 .wstadsize02 { 1880 width: 100%; 1881 } 1882 1883 .wstliststy02>li>img { 1884 display: none; 1885 } 1886 1887 .wstliststy03 li { 1888 width: 50%; 1889 } 1890 1891 .wstmegamenucoll01 { 1892 width: 100%; 1893 padding: 0px; 1894 } 1895 1896 .wstliststy04 { 1897 width: 46%; 1898 margin: 0% 2%; 1899 } 1900 1901 .wstliststy04>li>img { 1902 width: 100%; 1903 } 1904 1905 .wstmegamenucolr03 { 1906 display: none; 1907 } 1908 1909 .wstmegamenucoll04 { 1910 width: 100%; 1911 margin: 0%; 1912 padding: 0px; 1913 } 1914 1915 .wssearchbar { 1916 width: 60% !important; 1917 } 1918 1919 .wstliststy05 { 1920 width: 50%; 1921 margin-bottom: 15px; 1922 } 1923 1924 .kitchenmenuimg { 1925 background-image: none; 1926 } 1927 1928 .computermenubg { 1929 background-image: none; 1930 } 1931 1932 .wstabitem li a .fa { 1933 display: none; 1934 } 1935 } 1936 1937 @media only screen and (min-width: 781px) { 1938 1939 1940 1941 .wsmenu-list li:hover>.wsmenu-submenu { 1942 display: block !important; 1943 } 1944
1945 .wsmenu-submenu li:hover>.wsmenu-submenu-sub { 1946 display: block !important; 1947 } 1948 1949 .wsmenu-submenu-sub li:hover>.wsmenu-submenu-sub-sub { 1950 display: block !important; 1951 } 1952 1953 .wsmenu-list li:hover>.megamenu { 1954 display: block !important; 1955 } 1956 1957 .wsmenu-list>li:hover .wsshoptabing { 1958 transform: rotateX(0deg); 1959 -o-transform: rotateX(0deg); 1960 -moz-transform: rotateX(0deg); 1961 -webkit-transform: rotateX(0deg); 1962 opacity: 1; 1963 visibility: visible; 1964 } 1965 1966 1967 .wstabitem>li.wsshoplink-active>a { 1968 background-color: #00BFFF; 1969 color: #555555; 1970 border-left: 3px solid #00BFFF; 1971 } 1972 1973 .wstabitem>li.wsshoplink-active>a>.fa { 1974 color: #555555; 1975 } 1976 1977 1978 .wstabitem02>.wsshoplink-active>a:after { 1979 position: absolute; 1980 content: ''; 1981 top: 40px; 1982 right: 50%; 1983 width: 13px; 1984 height: 13px; 1985 transform: rotate(225deg); 1986 -webkit-transform: rotate(225deg); 1987 -moz-transform: rotate(225deg); 1988 -o-transform: rotate(225deg); 1989 -ms-transform: rotate(225deg); 1990 border-right: 1px solid #dbdbdb; 1991 border-bottom: 1px solid #dbdbdb; 1992 z-index: 100; 1993 background-color: #00BFFF; 1994 } 1995 } 1996 1997 /*-------------------------------------------------------------------------- 1998| 04 Mobile CSS 1999--------------------------------------------------------------------------*/ 2000 2001 2002 @media only screen and (max-width: 780px) { 2003 .wstabitem>li { 2004 position: relative; 2005 } 2006 2007 .wstabitem>li>a { 2008 width: 100%; 2009 margin: 0px; 2010 float: none; 2011 font-size: 12px; 2012 padding-left: 18px; 2013 font-weight: bold; 2014 } 2015 2016 .wstheading { 2017 font-weight: normal; 2018 } 2019 2020 .wstitemright { 2021 width: 100%; 2022 position: static; 2023 top: 0px; 2024 min-height: inherit; 2025 padding: 10px 20px 15px 20px; 2026 opacity: 1; 2027 visibility: visible; 2028 display: none; 2029 } 2030 2031 .wstmegamenucoll { 2032 width: 100%; 2033 padding: 0px; 2034 float: none; 2035 } 2036 2037 .wstmegamenucolr { 2038 width: 100%; 2039 padding: 0px; 2040 float: none; 2041 } 2042 2043 .wstliststy01 li { 2044 width: 100%; 2045 padding: 0px; 2046 margin: 0px; 2047 } 2048 2049 .wstliststy02 { 2050 width: 100%; 2051 padding: 0px; 2052 margin: 0px 0px 15px 0px; 2053 } 2054 2055 .wstliststy03 li { 2056 width: 100%; 2057 } 2058 2059 .wstliststy04 { 2060 width: 100%; 2061 margin: 0px; 2062 } 2063 2064 .wstadsize01 { 2065 width: 100%; 2066 margin: 0px 0px 10px 0px; 2067 } 2068 2069 .wstadsize02 { 2070 width: 100%; 2071 margin: 0px; 2072 } 2073 2074 .wstmegamenucoll01 { 2075 width: 100%; 2076 } 2077 2078 .wstmegamenucolr03 { 2079 width: 100%; 2080 padding: 0px; 2081 margin: 0px 0px 15px 0px; 2082 } 2083 2084 .wstmegamenucoll04 { 2085 width: 100%; 2086 padding: 0px; 2087 } 2088 2089 .wstliststy05 { 2090 width: 100%; 2091 padding: 0px; 2092 margin-bottom: 10px; 2093 } 2094 2095 .kitchenmenuimg { 2096 background-image: none; 2097 } 2098 2099 .computermenubg { 2100 background-image: none; 2101 } 2102 2103 .wstbrandbottom { 2104 width: 100%; 2105 position: static; 2106 top: 0px; 2107 min-height: inherit; 2108 padding: 10px 20px 15px 20px; 2109 opacity: 1;
2110 visibility: visible; 2111 display: none; 2112 } 2113 2114 .wstabitem02 li { 2115 position: relative; 2116 } 2117 2118 .wstabitem02>li>a { 2119 padding: 14px 18px; 2120 } 2121 2122 2123 2124 .wsmenu-list>li>.navtext { 2125 margin: 0px !important; 2126 } 2127 2128 .wsmenu-list>li.wssearchbar { 2129 padding-left: 0px; 2130 } 2131 2132 .wstabitem02 { 2133 display: block; 2134 } 2135 2136 .wstabitem02 li { 2137 text-align: left; 2138 display: block; 2139 } 2140 2141 .wsshoptabingwp { 2142 background-color: #fff; 2143 padding-left: 0px; 2144 padding-right: 0px; 2145 } 2146 2147 .wsshopmyaccount>a>.fa-angle-down { 2148 display: none !important; 2149 } 2150 2151 .wsmenu { 2152 margin-top: 0px; 2153 } 2154 2155 .smllogo { 2156 display: none !important; 2157 } 2158 2159 .wsmain { 2160 margin: 0px; 2161 background-color: transparent; 2162 } 2163 2164 .topmenusearch { 2165 margin: 0px 0 0; 2166 width: 100%; 2167 height: 44px; 2168 } 2169 2170 .topmenusearch input:focus { 2171 width: 100%; 2172 background-color: #fff; 2173 color: #000; 2174 } 2175 2176 .topmenusearch input:hover { 2177 width: 100%; 2178 background-color: #fff; 2179 color: #000; 2180 } 2181 2182 .topmenusearch input { 2183 border-radius: 0px !important; 2184 height: 44px; 2185 background-color: #00BFFF; 2186 } 2187 2188 .smllogo { 2189 width: 100%; 2190 display: none !important; 2191 margin: 0 auto; 2192 text-align: center; 2193 background-color: #00BFFF; 2194 } 2195 2196 .smllogo a { 2197 margin: 0 auto; 2198 text-align: center; 2199 float: none; 2200 padding: 10px 0px 3px 0px; 2201 } 2202 2203 .topmenusearch .btnstyle { 2204 height: 44px; 2205 color: #00BFFF; 2206 } 2207 2208 .wsmenu-list .wsshoptabing { 2209 background-color: #00BFFF; 2210 color: #00BFFF; 2211 display: none; 2212 position: relative !important; 2213 top: 0px; 2214 padding: 0px; 2215 border: solid 0px; 2216 transform: none !important; 2217 opacity: 1 !important; 2218 visibility: visible !important; 2219 } 2220 2221 .wstabitem { 2222 width: 100% !important; 2223 background-color: #fff; 2224 } 2225 2226 .wstabitem li a:after { 2227 border: none !important; 2228 } 2229 2230 .megamenuleftp { 2231 width: 100%; 2232 display: block; 2233 padding: 0px; 2234 margin: 0px; 2235 } 2236 2237 .megamenurightp { 2238 width: 100%; 2239 display: block; 2240 padding: 0px; 2241 margin: 0px; 2242 } 2243 2244 .wstabitem li a:after { 2245 position: absolute; 2246 content: ''; 2247 top: 50%; 2248 margin-top: -6px; 2249 right: 23px; 2250 display: inline-block; 2251 border-top: 6px solid #3f464c; 2252 border-right: 6px solid transparent; 2253 border-left: 6px solid transparent; 2254 border-bottom: 6px solid transparent; 2255 } 2256 2257 2258 .wstabitem li a .fa { 2259 display: none; 2260 } 2261 2262 .wsmenu-list li>.wsshoptabing { 2263 transform: none !important; 2264 -o-transform: none !important; 2265 -moz-transform: none !important; 2266 -webkit-transform: none !important; 2267 transform: none !important; 2268 -o-transform: none !important; 2269 -moz-transform: none !important; 2270 -webkit-transform: none !important; 2271 visibility: visible !important; 2272 opacity: 1 !important; 2273 } 2274 2275 .wsmenucontainer { 2276 overflow: hidden; 2277 -webkit-backface-visibility: hidden; 2278 -moz-backface-visibility: hidden; 2279 -ms-backface-visibility: hidden; 2280 -webkit-transition: all 0.4s ease-in-out; 2281 -moz-transition: all 0.4s ease-in-out; 2282 -o-transition: all 0.4s ease-in-out; 2283 -ms-transition: all 0.4s ease-in-out; 2284 transition: all 0.4s ease-in-out; 2285 } 2286 2287 .overlapblackbg { 2288 left: 0; 2289 z-index: 102; 2290 width: 100%; 2291 height: 100%; 2292 position: fixed; 2293 top: 0; 2294 display: none; 2295 background-color: rgba(0, 0, 0, 0.45); 2296 cursor: pointer; 2297 } 2298 2299 .wsmenucontainer.wsoffcanvasopener { 2300 display: block; 2301 margin-left: 270px; 2302 } 2303 2304 .wsmobileheader { 2305 display: block !important; 2306 position: relative; 2307 top: 0; 2308 right: 0; 2309 left: 0; 2310 -webkit-transition: all 0.4s ease-in-out; 2311 -moz-transition: all 0.4s ease-in-out; 2312 -o-transition: all 0.4s ease-in-out; 2313 -ms-transition: all 0.4s ease-in-out; 2314 transition: all 0.4s ease-in-out; 2315 } 2316 2317 .callusicon { 2318 color: #00BFFF; 2319 font-size: 25px; 2320 height: 25px; 2321 position: fixed; 2322 right: 20px; 2323 top: 10px; 2324 transition: all 0.4s ease-in-out 0s; 2325 width: 25px; 2326 z-index: 102; 2327 -webkit-transition: all 0.4s ease-in-out; 2328 -moz-transition: all 0.4s ease-in-out; 2329 -o-transition: all 0.4s ease-in-out; 2330 -ms-transition: all 0.4s ease-in-out; 2331 transition: all 0.4s ease-in-out; 2332 } 2333 2334 .callusicon2 { 2335 color: #00BFFF 2336 font-size: 26px; 2337 height: 25px; 2338 position: fixed; 2339 right: 55px; 2340 top: 10px; 2341 transition: all 0.4s ease-in-out 0s; 2342 width: 25px; 2343 z-index: 101; 2344 -webkit-transition: all 0.4s ease-in-out; 2345 -moz-transition: all 0.4s ease-in-out; 2346 -o-transition: all 0.4s ease-in-out; 2347 -ms-transition: all 0.4s ease-in-out; 2348 transition: all 0.4s ease-in-out; 2349 } 2350 2351 .callusicon:focus, 2352 callusicon:hover { 2353 color: #00BFFF !important; 2354 } 2355 2356 .callusicon2:focus, 2357 callusicon2:hover { 2358 color: #00BFFF !important; 2359 } 2360 2361 .wsoffcanvasopener .callusicon { 2362 display: none !important; 2363 } 2364 2365 .wsoffcanvasopener .callusicon2 { 2366 display: none !important; 2367 } 2368 2369 .smallogo { 2370 width: 100%; 2371 display: block; 2372 text-align: center; 2373 padding-top: 9px; 2374 position: fixed; 2375 z-index: 101; 2376 width: 100%; 2377 height: 52px; 2378 background: #00BFFF; 2379 box-shadow: 0 1px 4px rgba(0, 0, 0, .5); 2380 -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .5); 2381 } 2382 2383 .smallogo>img { 2384 margin-top: 0px; 2385 height: 32px; 2386 } 2387 2388 .wsmenu-list>li:hover>a { 2389 background-color: rgba(0, 0, 0, 0.08) !important; 2390 text-decoration: none; 2391 } 2392 2393 .mobiletext { 2394 display: inline-block !important; 2395 } 2396 2397 .wsoffcanvasopener .overlapblackbg { 2398 display: block !important; 2399 } 2400 2401 .wsoffcanvasopener .wsmain { 2402 left: 0px; 2403 -webkit-transition: all 0.4s ease-in-out; 2404 -moz-transition: all 0.4s ease-in-out; 2405 -o-transition: all 0.4s ease-in-out; 2406 -ms-transition: all 0.4s ease-in-out; 2407 transition: all 0.4s ease-in-out; 2408 } 2409 2410 .wsmain { 2411 width: 270px; 2412 left: -270px; 2413 height: 100%; 2414 position: fixed; 2415 top: 0; 2416 margin: 0; 2417 float: none; 2418 background-color: #fff; 2419 border-radius: 0px; 2420 z-index: 103; 2421 -webkit-transition: all 0.4s ease-in-out; 2422 -moz-transition: all 0.4s ease-in-out; 2423 -o-transition: all 0.4s ease-in-out; 2424 -ms-transition: all 0.4s ease-in-out; 2425 transition: all 0.4s ease-in-out; 2426 border: none !important; 2427 background-color: #00BFFF !important; 2428 } 2429 2430 .wsmenu { 2431 border-left: none; 2432 float: none; 2433 width: 100%; 2434 display: block !important; 2435 height: 100%; 2436 overflow-y: auto; 2437 display: block !important; 2438 } 2439 2440 .wstabitem02 li .wsmenu-click02 { 2441 border-left: 1px solid #e9e9e9; 2442 } 2443 2444 .wstabitem02 li .wsmenu-click02 { 2445 background-color: #fff; 2446 } 2447 2448 .wsmenu-click { 2449 border-left: 1px solid #e0e0e0; 2450 cursor: pointer; 2451 display: block; 2452 height: 57px; 2453 position: absolute; 2454 right: 0; 2455 top: 0; 2456 width: 49px; 2457 z-index: 10; 2458 } 2459 2460 .wsmenu-click i { 2461 display: block; 2462 height: 23px; 2463 width: 25px; 2464 margin-top: 15px; 2465 margin-right: 13px; 2466 background-size: 25px; 2467 font-size: 21px; 2468 color: rgba(0, 0, 0, 0.25); 2469 float: right; 2470 text-align: center; 2471 } 2472 2473 .wsmenu-click02 { 2474 border-left: 1px solid #00BFFF; 2475 cursor: pointer; 2476 display: block; 2477 height: 46px; 2478 position: absolute; 2479 right: 0; 2480 top: 0; 2481 width: 49px; 2482 z-index: 10; 2483 background-color: #00BFFF; 2484 } 2485 2486 .wsmenu-click02 i { 2487 display: block; 2488 height: 23px; 2489 width: 34px; 2490 margin-top: 11px; 2491 margin-right: 8px; 2492 background-size: 25px; 2493 font-size: 21px; 2494 color: rgba(0, 0, 0, 0.25); 2495 float: right; 2496 text-align: center; 2497 } 2498 2499 .ws-activearrow>i { 2500 transform: rotate(180deg); 2501 } 2502 2503 .wsmenu-rotate { 2504 -webkit-transform: rotate(180deg); 2505 -moz-transform: rotate(180deg); 2506 -ms-transform: rotate(180deg); 2507 -o-transform: rotate(180deg); 2508 transform: rotate(180deg); 2509 } 2510 2511 .animated-arrow { 2512 position: fixed; 2513 left: 0; 2514 top: 0; 2515 z-index: 102; 2516 -webkit-transition: all 0.4s ease-in-out; 2517 -moz-transition: all 0.4s ease-in-out; 2518 -o-transition: all 0.4s ease-in-out; 2519 -ms-transition: all 0.4s ease-in-out; 2520 transition: all 0.4s ease-in-out; 2521 } 2522 2523 .wsoffcanvasopener .animated-arrow { 2524 left: 270px; 2525 } 2526 2527 .animated-arrow { 2528 cursor: pointer; 2529 padding: 13px 35px 16px 0px; 2530 margin: 10px 0 0 15px; 2531 } 2532 2533 .animated-arrow span, 2534 .animated-arrow span:before, 2535 .animated-arrow span:after { 2536 cursor: pointer; 2537 height: 2px; 2538 width: 23px; 2539 background: #00BFFF; 2540 position: absolute; 2541 display: block; 2542 content: ''; 2543 } 2544 2545 .animated-arrow span:before { 2546 top: -7px; 2547 } 2548 2549 .animated-arrow span:after { 2550 bottom: -7px; 2551 } 2552 2553 .animated-arrow span, 2554 .animated-arrow span:before, 2555 .animated-arrow span:after { 2556 transition: all 500ms ease-in-out; 2557 } 2558 2559 .wsoffcanvasopener .animated-arrow span { 2560 background-color: transparent; 2561 } 2562 2563 .wsoffcanvasopener .animated-arrow span:before, 2564 .animated-arrow.active span:after { 2565 top: 7px; 2566 } 2567 2568 .wsoffcanvasopener .animated-arrow span:before { 2569 transform: rotate(45deg); 2570 -moz-transform: rotate(45deg); 2571 -ms-transform: rotate(45deg); 2572 -o-transform: rotate(45deg); 2573 -webkit-transform: rotate(45deg); 2574 bottom: 0px; 2575 } 2576 2577 .wsoffcanvasopener .animated-arrow span:after { 2578 transform: rotate(-45deg); 2579 -moz-transform: rotate(-45deg); 2580 -ms-transform: rotate(-45deg); 2581 -o-transform: rotate(-45deg); 2582 -webkit-transform: rotate(-45deg); 2583 } 2584 2585 .megacollink { 2586 width: 96% !important; 2587 margin: 0% 2% !important; 2588 } 2589 2590 .megacolimage { 2591 width: 90% !important; 2592 margin: 0% 5% !important; 2593 } 2594 2595 .typographylinks { 2596 width: 98% !important; 2597 margin: 0% 1% !important; 2598 } 2599 2600 .typographydiv { 2601 width: 86% !important; 2602 margin: 0% 7% !important; 2603 } 2604 2605 .mainmapdiv { 2606 width: 90% !important; 2607 margin: 0% 5% !important; 2608 } 2609 2610 .innerpnd { 2611 padding: 0px !important; 2612 } 2613 2614 .typography-text { 2615 padding: 10px 0px; 2616 } 2617 2618 .wsmenu-list .megamenu { 2619 background-color: #00BFFF; 2620 color: #00BFFF; 2621 display: none; 2622 position: relative !important; 2623 top: 0px; 2624 padding: 0px; 2625 border: solid 0px; 2626 transform: none !important; 2627 opacity: 1 !important; 2628 visibility: visible !important; 2629 } 2630 2631 .wsmenu-list li:hover .megamenu { 2632 display: none; 2633 position: relative !important; 2634 top: 0px; 2635 } 2636 2637 .megamenu .title { 2638 color: #00BFFF; 2639 font-size: 15px !important; 2640 padding: 10px 8px 10px 0px; 2641 } 2642 2643 .megamenu>ul { 2644 width: 100% !important; 2645 margin: 0px; 2646 padding: 0px; 2647 font-size: 13px !important; 2648 } 2649 2650 .megamenu>ul>li>a { 2651 padding: 9px 14px !important; 2652
2652 line-height: normal !important; 2653 font-size: 13px !important; 2654 background-color: #00BFFF !important; 2655 color: #00BFFF; 2656 } 2657 2658 .megamenu>ul>li>a:hover { 2659 background-color: #000000 !important; 2660 } 2661 2662 .ad-style { 2663 width: 100% !important; 2664 } 2665 2666 .megamenu ul li.title { 2667 line-height: 26px; 2668 color: #00BFFF; 2669 margin: 0px; 2670 font-size: 15px; 2671 padding: 7px 13px !important; 2672 border-bottom: 1px solid #00BFFF; 2673 background-color: transparent !important; 2674 } 2675 2676 .wsmenu-submenu>li:hover>a { 2677 background-color: #00BFFF; 2678 color: #00BFFF; 2679 } 2680 2681 .wsmenu>.wsmenu-list>li>a.active { 2682 color: #00BFFF; 2683 background-color: rgba(0, 0, 0, 0.08); 2684 } 2685 2686 .wsmenu>.wsmenu-list>li>a:hover { 2687 color: #00BFFF; 2688 background-color: rgba(0, 0, 0, 0.08); 2689 } 2690 2691 .wsmenu-list li:hover .wsmenu-submenu { 2692 display: none; 2693 } 2694 2695 .wsmenu-list li:hover .wsmenu-submenu .wsmenu-submenu-sub { 2696 display: none; 2697 } 2698 2699 .wsmenu-list .wsmenu-submenu .wsmenu-submenu-sub li:hover .wsmenu-submenu-sub-sub { 2700 display: none; 2701 list-style: none; 2702 padding: 2px; 2703 border: solid 1px #00BFFF; 2704 background-color: #fff; 2705 } 2706 2707 .wsmenu-list li:first-child a { 2708 -webkit-border-radius: 0px 0px 0px 0px; 2709 -moz-border-radius: 0px 0px 0px 0px; 2710 border-radius: 0px 0px 0px 0px; 2711 } 2712 2713 .wsmenu-list li:last-child a { 2714 -webkit-border-radius: 0px 4px 0px 0px; 2715 -moz-border-radius: 0px 0px 0px 0px; 2716 border-radius: 0px 0px 0px 0px; 2717 border-right: 0px solid; 2718 } 2719 2720 .wsmenu-submenu-sub { 2721 width: 100% !important; 2722 position: static !important; 2723 left: 100% !important; 2724 top: 0 !important; 2725 display: none; 2726 margin: 0px !important; 2727 padding: 0px !important; 2728 border: solid 0px !important; 2729 transform: none !important; 2730 opacity: 1 !important; 2731 visibility: visible !important; 2732 } 2733 2734 .wsmenu-submenu-sub li { 2735 margin: 0px 0px 0px 0px !important; 2736 padding: 0px; 2737 position: relative; 2738 } 2739 2740 .wsmenu-submenu-sub a { 2741 display: block; 2742 padding: 10px 25px 10px 25px; 2743 border-bottom: solid 1px #00BFFF; 2744 font-weight: normal; 2745 } 2746 2747 .wsmenu-submenu-sub li a.active { 2748 color: #000 !important; 2749 } 2750 2751 .wsmenu-submenu-sub li:hover>a { 2752 background-color: #333333 !important; 2753 color: #00BFFF; 2754 } 2755 2756 .wsmenu>.wsmenu-list>li>a>.fa { 2757 font-size: 16px; 2758 color: #00BFFF; 2759 margin-right: 11px; 2760 text-align: center; 2761 width: 19px; 2762 } 2763 2764 .wsmenu-submenu-sub-sub { 2765 width: 100% !important; 2766 position: static !important; 2767 left: 100% !important; 2768 top: 0 !important; 2769 display: none; 2770 margin: 0px !important; 2771 padding: 0px !important; 2772 border: solid 0px !important; 2773 transform: none !important; 2774 opacity: 1 !important; 2775 visibility: visible !important; 2776 } 2777 2778 .wsmenu-submenu-sub-sub li { 2779 margin: 0px 0px 0px 0px !important; 2780 } 2781 2782 .wsmenu-submenu-sub-sub a { 2783 display: block; 2784 color: #000; 2785 padding: 10px 25px; 2786 background: #000 !important; 2787 border-bottom: solid 1px #00BFFF; 2788 font-weight: normal; 2789 } 2790 2791 .wsmenu-submenu-sub-sub li a.active { 2792 color: #000 !important; 2793 } 2794 2795 .wsmenu-submenu-sub-sub li:hover>a { 2796 background-color: #00BFFF !important; 2797 color: #00BFFF; 2798 } 2799 2800 .wsmenu .wsmenu-list { 2801 display: block !important; 2802 } 2803 2804 .wsmenu .wsmenu-list>li { 2805 clear: left; 2806 width: 100%; 2807 display: block; 2808 float: none;
2809 border-right: none; 2810 background-color: transparent; 2811 position: relative; 2812 white-space: inherit; 2813 } 2814 2815 .wsmenu>.wsmenu-list>li>a { 2816 padding: 13px 32px 13px 12px; 2817 font-size: 14px; 2818 text-align: left; 2819 border-right: solid 0px; 2820 background-color: transparent; 2821 color: #00BFFF; 2822 line-height: 25px; 2823 border-bottom: 1px solid; 2824 border-bottom-color: rgba(0, 0, 0, 0.13); 2825 position: static; 2826 } 2827 2828 .wsmenu>.wsmenu-list>li>a.wtxaccountlink { 2829 padding-bottom: 16px; 2830 padding-top: 16px; 2831 } 2832 2833 .wsmenu .wsmenu-list li a .arrow:after { 2834 display: none !important; 2835 } 2836 2837 .wsmenu .wsmenu-list li ul li a .fa.fa-caret-right { 2838 font-size: 12px !important; 2839 color: #00BFFF; 2840 } 2841 2842 .mobile-sub .wsmenu-submenu { 2843 transform: none !important; 2844 opacity: 1 !important; 2845 display: none; 2846 position: relative !important; 2847 top: 0px; 2848 background-color: #fff; 2849 2850 padding: 0px; 2851 visibility: visible !important; 2852 } 2853 2854 .mobile-sub .wsmenu-submenu li a { 2855 line-height: 20px; 2856 height: auto; 2857 background-color: #00BFFF !important; 2858 font-size: 13px !important; 2859 padding: 11px 0px 11px 18px; 2860 color: #00BFFF; 2861 } 2862 2863 .mobile-sub .wsmenu-submenu li a:hover { 2864 background-color: #00BFFF !important; 2865 color: #00BFFF; 2866 text-decoration: underline; 2867 } 2868
2869 .mobile-sub .wsmenu-submenu li:hover>a { 2870 background-color: #00BFFF !important; 2871 color: #00BFFF; 2872 } 2873 2874 .mobile-sub .wsmenu-submenu li .wsmenu-submenu-sub li a { 2875 line-height: 20px; 2876 height: 36px; 2877 background-color: #00BFFF !important; 2878 border-bottom: none; 2879 padding-left: 28px; 2880 } 2881 2882 .mobile-sub .wsmenu-submenu li .wsmenu-submenu-sub li .wsmenu-submenu-sub-sub li a { 2883 line-height: 20px; 2884 height: 36px; 2885 background-color: #00BFFF !important; 2886 border-bottom: none !important; 2887 padding-left: 38px; 2888 color: #00BFFF; 2889 } 2890 2891 .wsmenu-list>li.socialicon a { 2892 width: 100%; 2893 } 2894 2895 .wsmenu-list>li.wscarticon em.roundpoint { 2896 display: none; 2897 } 2898 2899 .halfdiv .title { 2900 padding-left: 15px; 2901 } 2902 2903 .halfdiv { 2904 width: 100%; 2905 display: block; 2906 } 2907 2908 .halfdiv03 .title { 2909 padding-left: 15px; 2910 } 2911 2912 .halfdiv03 { 2913 width: 100%; 2914 } 2915 2916 .halfmenu { 2917 width: 100%; 2918 display: block; 2919 } 2920 2921 .menu_form { 2922 padding: 10px 10px 63px 10px; 2923 background-color: #00BFFF; 2924 } 2925 2926 .menu_form input[type="button"] { 2927 width: 46%; 2928 } 2929 2930 .menu_form input[type="submit"] { 2931 width: 46%; 2932 } 2933 2934 .menu_form textarea { 2935 min-height: 100px; 2936 } 2937 2938 .wsmenu-list li>.wsmenu-submenu { 2939 transform: none !important; 2940 -o-transform: none !important; 2941 -moz-transform: none !important; 2942 -webkit-transform: none !important; 2943 transform: none !important; 2944 -o-transform: none !important; 2945 -moz-transform: none !important; 2946 -webkit-transform: none !important; 2947 visibility: visible !important; 2948 } 2949 2950 .wsmenu-list li:hover>.wsmenu-submenu { 2951 transform: none !important; 2952 -o-transform: none !important; 2953 -moz-transform: none !important; 2954 -webkit-transform: none !important; 2955 transform: none !important; 2956 -o-transform: none !important; 2957 -moz-transform: none !important; 2958 -webkit-transform: none !important; 2959 visibility: visible !important; 2960 } 2961 2962 .wsmenu-submenu li>.wsmenu-submenu-sub { 2963 transform: none !important; 2964 -o-transform: none !important; 2965 -moz-transform: none !important; 2966 -webkit-transform: none !important; 2967 transform: none !important; 2968 -o-transform: none !important; 2969 -moz-transform: none !important; 2970 -webkit-transform: none !important; 2971 visibility: visible !important; 2972 } 2973
2974 .wsmenu-submenu li:hover>.wsmenu-submenu-sub { 2975 transform: none !important; 2976 -o-transform: none !important; 2977 -moz-transform: none !important; 2978 -webkit-transform: none !important; 2979 transform: none !important; 2980 -o-transform: none !important; 2981 -moz-transform: none !important; 2982 -webkit-transform: none !important; 2983 visibility: visible !important; 2984 opacity: 1 !important; 2985 } 2986 2987 .wsmenu-submenu-sub li>.wsmenu-submenu-sub-sub { 2988 transform: none !important; 2989 -o-transform: none !important; 2990 -moz-transform: none !important; 2991 -webkit-transform: none !important; 2992 transform: none !important; 2993 -o-transform: none !important; 2994 -moz-transform: none !important; 2995 -webkit-transform: none !important; 2996 visibility: visible !important; 2997 opacity: 1 !important; 2998 } 2999 3000 .wsmenu-submenu-sub li:hover>.wsmenu-submenu-sub-sub { 3001 transform: none !important; 3002 -o-transform: none !important; 3003 -moz-transform: none !important; 3004 -webkit-transform: none !important; 3005 transform: none !important; 3006 -o-transform: none !important; 3007 -moz-transform: none !important; 3008 -webkit-transform: none !important; 3009 visibility: visible !important; 3010 opacity: 1 !important; 3011 } 3012 3013 .wsmenu-list li>.megamenu { 3014 transform: none !important; 3015 -o-transform: none !important; 3016 -moz-transform: none !important; 3017 -webkit-transform: none !important; 3018 transform: none !important; 3019 -o-transform: none !important; 3020 -moz-transform: none !important; 3021 -webkit-transform: none !important; 3022 visibility: visible !important; 3023 opacity: 1 !important; 3024 } 3025 3026 .wsmenu-list li:hover>.megamenu { 3027 transform: none !important; 3028 -o-transform: none !important; 3029 -moz-transform: none !important; 3030 -webkit-transform: none !important; 3031 transform: none !important; 3032 -o-transform: none !important; 3033 -moz-transform: none !important; 3034 -webkit-transform: none !important; 3035 visibility: visible !important; 3036 opacity: 1 !important; 3037 } 3038 } 3039 3040 /*-------------------------------------------------------------------------- 3041| 05 Additional Themes (Optionnal) 3042--------------------------------------------------------------------------*/ 3043 3044 .gry { 3045 background-color: #00BFFF !important; 3046 color: #00BFFF; 3047 } 3048 3049 .red { 3050 background-color: #00BFFF !important; 3051 color: #00BFFF; 3052 } 3053 3054 .orange { 3055 background-color: #ff9334 !important; 3056 color: #00BFFF; 3057 } 3058 3059 .blue { 3060 background-color: #31a8e6 !important; 3061 color: #00BFFF; 3062 } 3063 3064 .green { 3065 background-color: #27ae60 !important; 3066 color: #00BFFF; 3067 } 3068 3069 .yellow { 3070 background-color: #00BFFF !important; 3071 color: #00BFFF; 3072 } 3073 3074 .purple { 3075 background-color: #967ADC !important; 3076 color: #00BFFF; 3077 } 3078 3079 .pink { 3080 background-color: #00BFFF !important; 3081 color: #00BFFF; 3082 } 3083 3084 .gry>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span { 3085 color: #00BFFF !important; 3086 } 3087 3088 .gry>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span+span:after { 3089 color: #00BFFF !important; 3090 } 3091 3092 .gry>.wsmain>.wsmenu>.wsmenu-list>li>a { 3093 color: #00BFFF !important; 3094 } 3095 3096 .gry>.wsmain>.wsmenu>.wsmenu-list li .wsmenu-click { 3097 border-color: rgba(0, 0, 0, 0.18) !important; 3098 } 3099 3100 .red>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span { 3101 color: #00BFFF !important; 3102 } 3103 3104 .red>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span+span:after { 3105 color: #00BFFF !important; 3106 } 3107 3108 .red>.wsmain>.wsmenu>.wsmenu-list>li>a { 3109 color: #00BFFF !important; 3110 } 3111 3112 .red>.wsmain>.wsmenu>.wsmenu-list>li>a .fa { 3113 color: #00BFFF; 3114 } 3115 3116 .red>.wsmain>.wsmenu>.wsmenu-list>li.wscarticon em.roundpoint { 3117 background-color: #00BFFF !important; 3118 } 3119 3120 .red>.wsmain>.wsmenu>.wsmenu-list li .wsmenu-click { 3121 border-color: rgba(0, 0, 0, 0.18) !important; 3122 } 3123 3124 .orange>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span { 3125 color: #00BFFF !important; 3126 } 3127 3128 .orange>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span+span:after { 3129 color: #00BFFF !important; 3130 } 3131 3132 .orange>.wsmain>.wsmenu>.wsmenu-list>li>a { 3133 color: #00BFFF !important; 3134 } 3135 3136 .orange>.wsmain>.wsmenu>.wsmenu-list>li>a .fa { 3137 color: #00BFFF; 3138 } 3139 3140 .orange>.wsmain>.wsmenu>.wsmenu-list>li.wscarticon em.roundpoint { 3141 background-color: #00BFFF !important; 3142 } 3143 3144 .orange>.wsmain>.wsmenu>.wsmenu-list li .wsmenu-click { 3145 border-color: rgba(0, 0, 0, 0.18) !important; 3146 } 3147 3148 .blue>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span { 3149 color: #00BFFF !important; 3150 } 3151 3152 .blue>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span+span:after { 3153 color: #00BFFF !important; 3154 } 3155 3156 .blue>.wsmain>.wsmenu>.wsmenu-list>li>a { 3157 color: #00BFFF !important; 3158 } 3159 3160 .blue>.wsmain>.wsmenu>.wsmenu-list>li>a .fa { 3161 color: #00BFFF; 3162 } 3163 3164 .blue>.wsmain>.wsmenu>.wsmenu-list>li.wscarticon em.roundpoint { 3165 background-color: #00BFFF !important; 3166 } 3167 3168 .blue>.wsmain>.wsmenu>.wsmenu-list li .wsmenu-click { 3169 border-color: rgba(0, 0, 0, 0.18) !important; 3170 } 3171 3172 .green>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span { 3173 color: #00BFFF !important; 3174 } 3175 3176 .green>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span+span:after { 3177 color: #00BFFF !important; 3178 } 3179 3180 .green>.wsmain>.wsmenu>.wsmenu-list>li>a { 3181 color: #00BFFF !important; 3182 } 3183 3184 .green>.wsmain>.wsmenu>.wsmenu-list>li>a .fa { 3185 color: #00BFFF; 3186 } 3187 3188 .green>.wsmain>.wsmenu>.wsmenu-list>li.wscarticon em.roundpoint { 3189 background-color: #00BFFF !important; 3190 } 3191 3192 .green>.wsmain>.wsmenu>.wsmenu-list li .wsmenu-click { 3193 border-color: rgba(0, 0, 0, 0.18) !important; 3194 } 3195 3196 .yellow>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span { 3197 color: #00BFFF !important; 3198 } 3199 3200 .yellow>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span+span:after { 3201 color: #00BFFF !important; 3202 } 3203 3204 .yellow>.wsmain>.wsmenu>.wsmenu-list>li>a { 3205 color: #00BFFF !important; 3206 } 3207 3208 .yellow>.wsmain>.wsmenu>.wsmenu-list>li>a .fa { 3209 color: #00BFFF; 3210 } 3211 3212 .yellow>.wsmain>.wsmenu>.wsmenu-list li .wsmenu-click { 3213 border-color: rgba(0, 0, 0, 0.18) !important; 3214 } 3215 3216 .purple>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span { 3217 color: #00BFFF !important; 3218 } 3219 3220 .purple>.wsmain>.wsmenu>.wsmenu-list li .wsmenu-click { 3221 border-color: rgba(0, 0, 0, 0.18) !important; 3222 } 3223 3224 .purple>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span+span:after { 3225 color: #00BFFF !important; 3226 } 3227 3228 .purple>.wsmain>.wsmenu>.wsmenu-list>li>a { 3229 color: #00BFFF !important; 3230 } 3231 3232 .purple>.wsmain>.wsmenu>.wsmenu-list>li>a .fa { 3233 color: #00BFFF; 3234 } 3235 3236 .purple>.wsmain>.wsmenu>.wsmenu-list>li.wscarticon em.roundpoint { 3237 background-color: #00BFFF !important; 3238 } 3239 3240 .pink>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span { 3241 color: #00BFFF !important; 3242 } 3243 3244 .pink>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span+span:after { 3245 color: #00BFFF !important; 3246 } 3247 3248 .pink>.wsmain>.wsmenu>.wsmenu-list>li>a { 3249 color: #00BFFF !important; 3250 } 3251 3252 .pink>.wsmain>.wsmenu>.wsmenu-list>li>a .fa { 3253 color: #00BFFF; 3254 } 3255 3256 .pink>.wsmain>.wsmenu>.wsmenu-list>li.wscarticon em.roundpoint { 3257 background-color: #00BFFF !important; 3258 } 3259 3260 .pink>.wsmain>.wsmenu>.wsmenu-list li .wsmenu-click { 3261 border-color: rgba(0, 0, 0, 0.18) !important; 3262 } 3263 3264 .tranbg { 3265 background-color: transparent !important; 3266 } 3267 3268 .whitebg { 3269 background-color: #00BFFF !important; 3270 } 3271 3272 .whitebg:hover { 3273 color: #000 !important; 3274 } 3275 3276 .pm_buttoncolor .wsmenu-list>li>a .fa { 3277 color: #00BFFF !important; 3278 } 3279 3280 .pm_buttoncolor03 .wsmenu-list>li:hover>a .fa { 3281 color: #00BFFF !important; 3282 } 3283 3284 .pm_buttoncolor .wsmenu-list li a .arrow:after { 3285 border-top-color: #00BFFF; 3286 } 3287 3288 .blue-grdt { 3289 background: #00BFFF; 3290 background: -moz-linear-gradient(top, #00BFFF 0%, #00BFFF 100%); 3291 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00BFFF), color-stop(100%, #00BFFF)); 3292 background: -webkit-linear-gradient(top, #00BFFF 0%, #00BFFF 100%); 3293 background: -o-linear-gradient(top, #00BFFF 0%, #00BFFF 100%); 3294 background: -ms-linear-gradient(top, #00BFFF 0%, #00BFFF 100%); 3295 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00BFFF', endColorstr='#00BFFF', GradientType=0); 3296 color: #00BFFF; 3297 } 3298 3299 .gry-grdt { 3300 background: #00BFFF; 3301 background: -moz-linear-gradient(top, #00BFFF 0%, #00BFFF 100%); 3302 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00BFFF), color-stop(100%, #00BFFF)); 3303 background: -webkit-linear-gradient(top, #00BFFF 0%, #00BFFF 100%); 3304 background: -o-linear-gradient(top, #00BFFF 0%, #00BFFF 100%); 3305 background: -ms-linear-gradient(top, #00BFFF 0%, #00BFFF 100%); 3306 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00BFFF', endColorstr='#00BFFF', GradientType=0); 3307 color: #00BFFF; 3308 } 3309 3310 .green-grdt { 3311 background: #00BFFF; 3312 background: -moz-linear-gradient(top, #00BFFF 0%, #00BFFF 100%); 3313 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00BFFF), color-stop(100%, #00BFFF)); 3314 background: -webkit-linear-gradient(top, #00BFFF 0%, #00BFFF 100%); 3315 background: -o-linear-gradient(top, #00BFFF 0%, #00BFFF 100%); 3316 background: -ms-linear-gradient(top, #00BFFF 0%, #00BFFF 100%); 3317 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00BFFF', endColorstr='#00BFFF', GradientType=0); 3318 color: #00BFFF; 3319 } 3320 3321 .red-grdt { 3322 background: #00BFFF; 3323 background: -moz-linear-gradient(top, #00BFFF 0%, #00BFFF 100%); 3324 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00BFFF), color-stop(100%, #00BFFF)); 3325 background: -webkit-linear-gradient(top, #00BFFF 0%, #00BFFF 100%); 3326 background: -o-linear-gradient(top, #00BFFF 0%, #00BFFF 100%); 3327 background: -ms-linear-gradient(top, #00BFFF 0%, #00BFFF 100%); 3328 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00BFFF', endColorstr='#00BFFF', GradientType=0); 3329 color: #00BFFF; 3330 } 3331 3332 .orange-grdt { 3333 background: #00BFFF; 3334 background: -moz-linear-gradient(top, #00BFFF 0%, #00BFFF 100%); 3335 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00BFFF), color-stop(100%, #00BFFF)); 3336 background: -webkit-linear-gradient(top, #00BFFF 0%, #00BFFF 100%); 3337 background: -o-linear-gradient(top, #00BFFF 0%, #00BFFF 100%); 3338 background: -ms-linear-gradient(top, #00BFFF 0%, #00BFFF 100%); 3339 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00BFFF', endColorstr='#00BFFF', GradientType=0); 3340 color: #00BFFF; 3341 } 3342 3343 .yellow-grdt { 3344 background: #00BFFF; 3345 background: -moz-linear-gradient(top, #00BFFF 0%, #00BFFF 100%); 3346 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00BFFF), color-stop(100%, #00BFFF)); 3347 background: -webkit-linear-gradient(top, #00BFFF 0%, #00BFFF 100%); 3348 background: -o-linear-gradient(top, #00BFFF 0%, #00BFFF 100%); 3349 background: -ms-linear-gradient(top, #00BFFF 0%, #00BFFF 100%); 3350 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00BFFF', endColorstr='#00BFFF', GradientType=0); 3351 color: #00BFFF; 3352 } 3353 3354 .purple-grdt { 3355 background: #00BFFF; 3356 background: -moz-linear-gradient(top, #00BFFF 0%, #967adc 100%); 3357 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00BFFF), color-stop(100%, #967adc)); 3358 background: -webkit-linear-gradient(top, #00BFFF 0%, #967adc 100%); 3359 background: -o-linear-gradient(top, #00BFFF 0%, #967adc 100%); 3360 background: -ms-linear-gradient(top, #00BFFF 0%, #967adc 100%); 3361 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00BFFF', endColorstr='#967adc', GradientType=0); 3362 color: #00BFFF; 3363 } 3364 3365 .pink-grdt { 3366 background: #00BFFF; 3367 background: -moz-linear-gradient(top, #00BFFF 0%, #00BFFF 100%); 3368 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00BFFF), color-stop(100%, #00BFFF)); 3369 background: -webkit-linear-gradient(top, #00BFFF 0%, #00BFFF 100%); 3370 background: -o-linear-gradient(top, #00BFFF 0%, #00BFFF 100%); 3371 background: -ms-linear-gradient(top, #00BFFF 0%, #00BFFF 100%); 3372 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00BFFF', endColorstr='#00BFFF', GradientType=0); 3373 color: #00BFFF; 3374 } 3375 3376 .tranbg { 3377 background-color: transparent !important; 3378 box-shadow: none !important; 3379 } 3380 3381 .red-grdt>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span { 3382 color: #00BFFF !important; 3383 } 3384 3385 .red-grdt>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span+span:after { 3386 color: #00BFFF !important; 3387 } 3388 3389 .red-grdt>.wsmain>.wsmenu>.wsmenu-list>li>a { 3390 color: #00BFFF !important; 3391 } 3392 3393 .red-grdt>.wsmain>.wsmenu>.wsmenu-list li .wsmenu-click { 3394 border-color: rgba(0, 0, 0, 0.18) !important; 3395 } 3396 3397 .gry-grdt>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span { 3398 color: #00BFFF !important; 3399 } 3400 3401 3402 .gry-grdt>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span+span:after { 3403 color: #00BFFF !important; 3404 } 3405 3406 .gry-grdt>.wsmain>.wsmenu>.wsmenu-list>li>a { 3407 color: #00BFFF !important; 3408 } 3409 3410 .gry-grdt>.wsmain>.wsmenu>.wsmenu-list li .wsmenu-click { 3411 border-color: rgba(0, 0, 0, 0.18) !important; 3412 } 3413 3414 .blue-grdt>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span { 3415 color: #00BFFF !import
3415ant; 3416 } 3417 3418 .blue-grdt>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span+span:after { 3419 color: #00BFFF !important; 3420 } 3421 3422 .blue-grdt>.wsmain>.wsmenu>.wsmenu-list>li>a { 3423 color: #00BFFF !important; 3424 } 3425 3426 .blue-grdt>.wsmain>.wsmenu>.wsmenu-list li .wsmenu-click { 3427 border-color: rgba(0, 0, 0, 0.18) !important; 3428 } 3429 3430 .green-grdt>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span { 3431 color: #00BFFF !important; 3432 } 3433 3434 .green-grdt>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span+span:after { 3435 color: #00BFFF !important; 3436 } 3437 3438 .green-grdt>.wsmain>.wsmenu>.wsmenu-list>li>a { 3439 color: #00BFFF !important; 3440 } 3441 3442 .green-grdt>.wsmain>.wsmenu>.wsmenu-list li .wsmenu-click { 3443 border-color: rgba(0, 0, 0, 0.18) !important; 3444 } 3445 3446 .orange-grdt>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span { 3447 color: #00BFFF !important; 3448 } 3449 3450 .orange-grdt>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span+span:after { 3451 color: #00BFFF !important; 3452 } 3453 3454 .orange-grdt>.wsmain>.wsmenu>.wsmenu-list>li>a { 3455 color: #00BFFF !important; 3456 } 3457 3458 .orange-grdt>.wsmain>.wsmenu>.wsmenu-list li .wsmenu-click { 3459 border-color: rgba(0, 0, 0, 0.18) !important; 3460 } 3461 3462 .yellow-grdt>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span { 3463 color: #00BFFF !important; 3464 } 3465 3466 .yellow-grdt>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span+span:after { 3467 color: #00BFFF !important; 3468 } 3469 3470 .yellow-grdt>.wsmain>.wsmenu>.wsmenu-list>li>a { 3471 color: #00BFFF !important; 3472 } 3473 3474 .yellow-grdt>.wsmain>.wsmenu>.wsmenu-list li .wsmenu-click { 3475 border-color: rgba(0, 0, 0, 0.18) !important; 3476 } 3477 3478 .purple-grdt>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span { 3479 color: #00BFFF !important; 3480 } 3481 3482 .purple-grdt>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span+span:after { 3483 color: #00BFFF !important; 3484 } 3485 3486 .purple-grdt>.wsmain>.wsmenu>.wsmenu-list>li>a { 3487 color: #00BFFF !important; 3488 } 3489 3490 .purple-grdt>.wsmain>.wsmenu>.wsmenu-list li .wsmenu-click { 3491 border-color: rgba(0, 0, 0, 0.18) !important; 3492 } 3493 3494 .pink-grdt>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span { 3495 color: #00BFFF !important; 3496 } 3497 3498 .pink-grdt>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span+span:after { 3499 color: #00BFFF !important; 3500 } 3501 3502 .pink-grdt>.wsmain>.wsmenu>.wsmenu-list>li>a { 3503 color: #00BFFF !important; 3504 } 3505 3506 .pink-grdt>.wsmain>.wsmenu>.wsmenu-list li .wsmenu-click { 3507 border-color: rgba(0, 0, 0, 0.18) !important; 3508 } 3509 3510 @media only screen and (max-width: 780px) { 3511 .tranbg { 3512 background-color: #00BFFF !important; 3513 } 3514 3515 .red-grdt>.wsmenu>.wsmenu-list>li>a>.fa { 3516 color: #00BFFF !important; 3517 } 3518 3519 .blue-grdt>.wsmenu>.wsmenu-list>li>a>.fa { 3520 color: #00BFFF !important; 3521 } 3522 3523 .orange-grdt>.wsmenu>.wsmenu-list>li>a>.fa { 3524 color: #00BFFF !important; 3525 } 3526 3527 .green-grdt>.wsmenu>.wsmenu-list>li>a>.fa { 3528 color: #00BFFF !important; 3529 } 3530 3531 .purple-grdt>.wsmenu>.wsmenu-list>li>a>.fa { 3532 color: #00BFFF !important; 3533 } 3534 3535 .pink-grdt>.wsmenu>.wsmenu-list>li>a>.fa { 3536 color: #00BFFF !important; 3537 } 3538 3539 .pm_buttoncolor>.wsmain>.wsmenu>.wsmenu-list>li>a { 3540 color: #00BFFF; 3541 } 3542 3543 .blue-grdt .wsmain { 3544 background: #00BFFF; 3545 background: -moz-linear-gradient(top, #00BFFF 0%, #00BFFF 100%); 3546 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00BFFF), color-stop(100%, #00BFFF)); 3547 background: -webkit-linear-gradient(top, #00BFFF 0%, #00BFFF 100%); 3548 background: -o-linear-gradient(top, #00BFFF 0%, #00BFFF 100%); 3549 background: -ms-linear-gradient(top, #00BFFF 0%, #00BFFF 100%); 3550 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00BFFF', endColorstr='#00BFFF', GradientType=0); 3551 color: #00BFFF; 3552 } 3553 3554 .gry-grdt .wsmain { 3555 background: #00BFFF; 3556 background: -moz-linear-gradient(top, #00BFFF 0%, #00BFFF 100%); 3557 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00BFFF), color-stop(100%, #00BFFF)); 3558 background: -webkit-linear-gradient(top, #00BFFF 0%, #00BFFF 100%); 3559 background: -o-linear-gradient(top, #00BFFF 0%, #00BFFF 100%); 3560 background: -ms-linear-gradient(top, #00BFFF 0%, #00BFFF 100%); 3561 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00BFFF', endColorstr='#00BFFF', GradientType=0); 3562 color: #00BFFF; 3563 } 3564 3565 .green-grdt .wsmain { 3566 background: #00BFFF; 3567 background: -moz-linear-gradient(top, #00BFFF 0%, #00BFFF 100%); 3568 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00BFFF), color-stop(100%, #00BFFF)); 3569 background: -webkit-linear-gradient(top, #00BFFF 0%, #00BFFF 100%); 3570 background: -o-linear-gradient(top, #00BFFF 0%, #00BFFF 100%); 3571 background: -ms-linear-gradient(top, #00BFFF 0%, #00BFFF 100%); 3572 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00BFFF', endColorstr='#00BFFF', GradientType=0); 3573 color: #00BFFF; 3574 } 3575 3576 .red-grdt .wsmain { 3577 background: #00BFFF; 3578 background: -moz-linear-gradient(top, #00BFFF 0%, #00BFFF 100%); 3579 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00BFFF), color-stop(100%, #00BFFF)); 3580 background: -webkit-linear-gradient(top, #00BFFF 0%, #00BFFF 100%); 3581 background: -o-linear-gradient(top, #00BFFF 0%, #00BFFF 100%); 3582 background: -ms-linear-gradient(top, #00BFFF 0%, #00BFFF 100%); 3583 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00BFFF', endColorstr='#00BFFF', GradientType=0); 3584 color: #00BFFF; 3585 } 3586 3587 .orange-grdt .wsmain { 3588 background: #00BFFF; 3589 background: -moz-linear-gradient(top, #00BFFF 0%, #00BFFF 100%); 3590 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00BFFF), color-stop(100%, #00BFFF)); 3591 background: -webkit-linear-gradient(top, #00BFFF 0%, #00BFFF 100%); 3592 background: -o-linear-gradient(top, #00BFFF 0%, #00BFFF 100%); 3593 background: -ms-linear-gradient(top, #00BFFF 0%, #00BFFF 100%); 3594 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00BFFF', endColorstr='#00BFFF', GradientType=0); 3595 color: #00BFFF; 3596 } 3597 3598 .yellow-grdt .wsmain { 3599 background: #00BFFF; 3600 background: -moz-linear-gradient(top, #00BFFF 0%, #00BFFF 100%); 3601 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00BFFF), color-stop(100%, #00BFFF)); 3602 background: -webkit-linear-gradient(top, #00BFFF 0%, #00BFFF 100%); 3603 background: -o-linear-gradient(top, #00BFFF 0%, #00BFFF 100%); 3604 background: -ms-linear-gradient(top, #00BFFF 0%, #00BFFF 100%); 3605 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00BFFF', endColorstr='#00BFFF', GradientType=0); 3606 color: #00BFFF; 3607 } 3608 3609 .purple-grdt .wsmain { 3610 background: #00BFFF; 3611 background: -moz-linear-gradient(top, #00BFFF 0%, #967adc 100%); 3612 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00BFFF), color-stop(100%, #967adc)); 3613 background: -webkit-linear-gradient(top, #00BFFF 0%, #967adc 100%); 3614 background: -o-linear-gradient(top, #00BFFF 0%, #967adc 100%); 3615 background: -ms-linear-gradient(top, #00BFFF 0%, #967adc 100%); 3616 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00BFFF', endColorstr='#967adc', GradientType=0); 3617 color: #00BFFF; 3618 } 3619 3620 .pink-grdt .wsmain { 3621 background: #00BFFF; 3622 background: -moz-linear-gradient(top, #00BFFF 0%, #00BFFF 100%); 3623 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00BFFF), color-stop(100%, #00BFFF)); 3624 background: -webkit-linear-gradient(top, #00BFFF 0%, #00BFFF 100%); 3625 background: -o-linear-gradient(top, #00BFFF 0%, #00BFFF 100%); 3626 background: -ms-linear-gradient(top, #00BFFF 0%, #00BFFF 100%); 3627 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00BFFF', endColorstr='#00BFFF', GradientType=0); 3628 color: #00BFFF; 3629 } 3630 3631 .gry .wsmain { 3632 background-color: #00BFFF !important; 3633 color: #00BFFF; 3634 } 3635 3636 .red .wsmain { 3637 background-color: #00BFFF !important; 3638 color: #00BFFF; 3639 } 3640 3641 .orange .wsmain { 3642 background-color: #ff9334 !important; 3643 color: #00BFFF; 3644 } 3645 3646 .blue .wsmain { 3647 background-color: #31a8e6 !important; 3648 color: #00BFFF; 3649 } 3650 3651 .green .wsmain { 3652 background-color: #27ae60 !important; 3653 color: #00BFFF; 3654 } 3655 3656 .yellow .wsmain { 3657 background-color: #00BFFF !important; 3658 color: #00BFFF; 3659 } 3660 3661 .purple .wsmain { 3662 background-color: #967ADC !important; 3663 color: #00BFFF; 3664 } 3665 3666 .pink .wsmain { 3667 background-color: #00BFFF !important; 3668 color: #00BFFF; 3669 } 3670 } 3671 </style> 3672 <style> 3673 body { 3674 background: linear-gradient(180deg, #00BFFF 0%, #00BFFF 40%, #00BFFF 75%, #00BFFF 100%); 3675 } 3676 3677 h1, h2, h3, h4, p, footer a, strong { 3678 color: #00BFFF !important; 3679 } 3680 3681 3682 hr { 3683 border-color: #00BFFF 3684 } 3685 3686 .chkbut { 3687 border-radius: 50%; 3688 width: 35px; 3689 height: 35px; 3690 border: none; 3691 background: none; 3692 color: #00BFFF; 3693 margin-right: 5px; 3694 border: 1px solid #00BFFF; 3695 font-size: 15px; 3696 } 3697 3698 .wa-float { 3699 position: fixed; 3700 width: 60px; 3701 height: 60px; 3702 bottom: 40px; 3703 right: 40px; 3704 background-color: #25d366; 3705 color: #00BFFF; 3706 border-radius: 50px; 3707 text-align: center; 3708 font-size: 30px; 3709 box-shadow: 2px 2px 3px #999; 3710 z-index: 100; 3711 } 3712 3713 .my-wa { 3714 margin-top: 16px; 3715 } 3716 3717 .chkbut.active { 3718 border-radius: 50%; 3719 width: 35px; 3720 height: 35px; 3721 border: none; 3722 background-color: #00BFFF; 3723 color: #00BFFF; 3724 margin-right: 10px; 3725 } 3726 3727 .chkft { 3728 font-size: 18px; 3729 } 3730 3731 .thumbnails img:hover { 3732 cursor: pointer; 3733 opacity: 0.7; 3734 transition: 0.5s; 3735 -moz-transition: 0.5s; 3736 -webkit-transition: 0.5s; 3737 -o-transition: 0.5s; 3738 -ms-transition: 0.5s; 3739 } 3740 3741 .error { 3742 color: #F00; 3743 } 3744 3745 .prod_main table { 3746 border: none; 3747 margin-top: 18px;
3748 margin-bottom: 5px; 3749 } 3750 3751 .prod_main table td { 3752 padding: 8px; 3753 border: none; 3754 border-top: 1px solid #00BFFF; 3755 font-size: 12px; 3756 } 3757 3758 .prod_main table tr:nth-child(even) { 3759 background-color: #fff; 3760 } 3761 3762 #mainPhoto { 3763 width: 60%; 3764 margin-left: auto; 3765 margin-right: auto; 3766 } 3767 3768 .sub-col img { 3769 width: 85% !important 3770 } 3771 3772 .container_menu { 3773 width: 100% !important; 3774 } 3775 3776 .container { 3777 width: 90%; 3778 } 3779 3780 .row { 3781 padding: 0 15px; 3782 } 3783 3784 .section-marketplace img { 3785 width: 120px; 3786 margin: 0 auto; 3787 } 3788 3789 .blog_wrapper { 3790 box-shadow: 5px 5px 10px #DDD; 3791 -webkit-box-shadow: 5px 5px 10px #DDD; 3792 -o-box-shadow: 5px 5px 10px #DDD; 3793 -ms-box-shadow: 5px 5px 10px #DDD; 3794 -moz-box-shadow: 5px 5px 10px #DDD; 3795 3796 background-color: #fff; 3797 3798 margin-bottom: 30px; 3799 padding-left: 10px; 3800 padding-right: 10px; 3801 } 3802 3803 .blog_home { 3804 padding: 15px; 3805 } 3806 3807 .blog_wrapper h4 { 3808 font-size: 14px; 3809 text-transform: uppercase; 3810 margin-top: 5px; 3811 margin-bottom: 5px; 3812 } 3813 3814 .blog_wrapper .calendar { 3815 color: #AAA; 3816 font-size: 13px; 3817 } 3818 3819 .blog_wrapper p { 3820 font-size: 12px; 3821 margin-top: 4px; 3822 } 3823 3824 .blog_wrapper img { 3825 width: 100% !important; 3826 max-width: 100%; 3827 height: auto !important; 3828 } 3829 3830 .blog_category h4 { 3831 text-transform: uppercase; 3832 font-size: 14px; 3833 font-weight: 600; 3834 line-height: 18px; 3835 margin-bottom: 5px; 3836 } 3837 3838 .blog_category .calendar { 3839 color: #AAA; 3840 font-size: 13px; 3841 } 3842 3843 .other_slide:hover>img { 3844 opacity: 0.7; 3845 transition: 0.5s; 3846 -moz-transition: 0.5s; 3847 -webkit-transition: 0.5s; 3848 -o-transition: 0.5s; 3849 -ms-transition: 0.5s; 3850 } 3851 3852 footer { 3853 background-color: #222222; 3854 padding-top: 40px; 3855 padding-bottom: 40px; 3856 color: #00BFFF 3857 } 3858 3859 footer h4 { 3860 margin-bottom: 25px; 3861 font-size: 14px; 3862 } 3863 3864 footer a { 3865 color: #00BFFF; 3866 } 3867 3868 footer a:hover { 3869 color: #CCC; 3870 transition: 0.5s; 3871 -moz-transition: 0.5s; 3872 -webkit-transition: 0.5s; 3873 -ms-transition: 0.5s; 3874 -o-transition: 0.5s; 3875 text-decoration: none; 3876 } 3877 3878 .cimg_link img { 3879 padding-top: 15px; 3880 } 3881 3882 .cimg_link:hover>img { 3883 padding-top: 0px; 3884 margin-bottom: 15px; 3885 3886 transition: 0.5s; 3887 -moz-transition: 0.5s; 3888 -webkit-transition: 0.5s; 3889 -o-transition: 0.5s; 3890 -ms-transition: 0.5s; 3891 } 3892 3893 .cimg_link h3 { 3894 font-size: 14px; 3895 color: #333; 3896 letter-spacing: 0; 3897 } 3898 3899 .cimg_link:hover { 3900 text-decoration: none; 3901 } 3902 3903 .cimg_link:hover>h3 { 3904 color: #00BFFF 3905 } 3906 3907 .navigator_wrapper { 3908 background-color: #fff; 3909 padding: 15px; 3910 line-height: 17px; 3911 position: relative; 3912 z-index: 2; 3913 3914 box-shadow: 5px 5px 10px #11002d; 3915 -moz-box-shadow: 5px 5px 10px #11002d; 3916 -webkit-box-shadow: 5px 5px 10px #11002d; 3917 -o-box-shadow: 5px 5px 10px #11002d; 3918 -ms-box-shadow: 5px 5px 10px #11002d; 3919 } 3920 3921 .prod_main { 3922 background-color: #fff; 3923 padding: 25px; 3924 line-height: 17px; 3925 position: relative; 3926 z-index: 2; 3927 border: 1px solid #000; 3928 3929 box-shadow: 5px 5px 10px #11002d; 3930 -moz-box-shadow: 5px 5px 10px #11002d; 3931 -webkit-box-shadow: 5px 5px 10px #11002d;
3932 -o-box-shadow: 5px 5px 10px #11002d; 3933 -ms-box-shadow: 5px 5px 10px #11002d; 3934 } 3935 3936 .prod_main h4, 3937 .prod_main h1 { 3938 font-size: 22px; 3939 } 3940 3941 .prod_main h5, 3942 .prod_main h2 { 3943 font-size: 17px; 3944 } 3945 3946 .prod_desc { 3947 background-color: #fff; 3948 padding: 25px; 3949 max-height: 796px; 3950 margin-bottom: 20px; 3951 3952 box-shadow: 5px 5px 10px #11002d; 3953 -moz-box-shadow: 5px 5px 10px #11002d; 3954 -webkit-box-shadow: 5px 5px 10px #11002d; 3955 -o-box-shadow: 5px 5px 10px #11002d; 3956 -ms-box-shadow: 5px 5px 10px #11002d; 3957 } 3958 3959 .prod_desc h2 { 3960 margin-top: 0; 3961 font-size: 22px; 3962 border-bottom: 1px solid #00BFFF; 3963 padding-bottom: 20px; 3964 line-height: 27px; 3965 } 3966 3967 .prod_desc .pdesc { 3968 font-size: 13px; 3969 overflow: scroll; 3970 max-height: 350px; 3971 } 3972 3973 .prod_desc h6 { 3974 font-size: 14px; 3975 margin-top: 12px; 3976 } 3977 3978 .prod_promo { 3979 color: #00BFFF; 3980 margin-top: 11px; 3981 font-size: 14px !important; 3982 } 3983 3984 .sale_promo_label { 3985 background-color: #00BFFF; 3986 padding: 5px; 3987 color: #00BFFF; 3988 font-size: 12px; 3989 text-transform: uppercase; 3990 font-weight: 700; 3991 text-decoration: none; 3992 } 3993 3994 .prod_desc .prod_price { 3995 font-size: 17px !important; 3996 color: #333 !important; 3997 margin-top: 11px; 3998 } 3999 4000 .add_to_cart { 4001 background-color: #f8931f !important; 4002 width: 175px; 4003 color: #00BFFF; 4004 text-transform: uppercase; 4005 font-size: 13px; 4006 letter-spacing: 1px; 4007 margin-bottom: 15px; 4008 margin-right: 5px; 4009 margin-top: 8px; 4010 } 4011 4012 .add_to_cart:hover { 4013 color: #00BFFF; 4014 opacity: 0.8; 4015 transition: 0.5s; 4016 -moz-transition: 0.5s; 4017 -o-transition: 0.5s; 4018 -webkit-transition: 0.5s; 4019 -ms-transition: 0.5s; 4020 } 4021 4022 .add_to_checkout { 4023 background-color: #de003d !important; 4024 width: 175px; 4025 color: #00BFFF; 4026 text-transform: uppercase; 4027 font-size: 13px; 4028 letter-spacing: 1px; 4029 margin-bottom: 15px; 4030 margin-right: 5px; 4031 margin-top: 8px; 4032 } 4033 4034 .btn-marketplace-on { 4035 background-color: #2e296b !important; 4036 color: #00BFFF; 4037 border-color: #2e296b; 4038 width: 175px; 4039 letter-spacing: 1px; 4040 text-transform: uppercase; 4041 font-size: 13px; 4042 } 4043 4044 .btn-marketplace-on:focus { 4045 color: #00BFFF; 4046 text-decoration: none; 4047 } 4048 4049 .btn-marketplace-on:hover { 4050 color: #00BFFF; 4051 text-decoration: none; 4052 } 4053 4054 .btn-marketplace-off { 4055 background-color: #c7c7c7 !important; 4056 color: #00BFFF; 4057 border-color: #c7c7c7; 4058 width: 175px; 4059 letter-spacing: 1px; 4060 text-transform: uppercase; 4061 font-size: 13px; 4062 } 4063 4064 .add_to_checkout:hover { 4065 color: #00BFFF; 4066 opacity: 0.8; 4067 transition: 0.5s; 4068 -moz-transition: 0.5s; 4069 -o-transition: 0.5s; 4070 -webkit-transition: 0.5s; 4071 -ms-transition: 0.5s; 4072 } 4073 4074 4075 4076 .navleftmenu label { 4077 display: inline-block; 4078 cursor: pointer; 4079 position: relative; 4080 padding-left: 25px; 4081 margin-right: 15px; 4082 font-size: 14px; 4083 } 4084 4085 .navleftmenu input[type=radio] { 4086 display: none; 4087 } 4088 4089 .navleftmenu label:before { 4090 content: ""; 4091 display: inline-block; 4092 width: 16px; 4093 height: 16px; 4094 4095 margin-right: 10px; 4096 position: absolute; 4097 left: 0; 4098 bottom: 4px;
4099 background-color: #eaeaea; 4100 /*box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8);*/ 4101 border: 1px solid #00BFFF; 4102 } 4103 4104 .sameshp label { 4105 display: inline-block; 4106 cursor: pointer; 4107 position: relative; 4108 padding-left: 25px; 4109 margin-right: 15px; 4110 font-size: 14px; 4111 } 4112 4113 .sameshp input[type=radio] { 4114 display: none; 4115 } 4116 4117 .sameshp label:before { 4118 content: ""; 4119 display: inline-block; 4120 width: 16px; 4121 height: 16px; 4122 4123 margin-right: 10px; 4124 position: absolute; 4125 left: 0; 4126 bottom: 17px; 4127 background-color: #eaeaea; 4128 /*box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8);*/ 4129 border: 1px solid #00BFFF; 4130 } 4131 4132 .radio label:before { 4133 border-radius: 3px; 4134 } 4135 4136 input[type=radio]:checked+label:before { 4137 content: "\25A0"; 4138 font-size: 14px; 4139 text-align: center; 4140 line-height: 11px; 4141 color: #f7941d; 4142 } 4143 4144 input[type=checkbox] { 4145 display: none; 4146 } 4147 4148 .checkbox label:before { 4149 border-radius: 3px; 4150 } 4151 4152 input[type=checkbox]:checked+label:before { 4153 content: "\25A0"; 4154 font-size: 15px; 4155 text-align: center; 4156 line-height: 11px; 4157 color: #f7941d; 4158 padding-top: 1px 4159 } 4160 4161 4162 .product_wrapper { 4163 background-color: #fff; 4164 padding: 15px; 4165 line-height: 17px; 4166 position: relative; 4167 z-index: 2; 4168 4169 box-shadow: 5px 5px 10px #11002d; 4170 -moz-box-shadow: 5px 5px 10px #11002d; 4171 -webkit-box-shadow: 5px 5px 10px #11002d; 4172 -o-box-shadow: 5px 5px 10px #11002d; 4173 -ms-box-shadow: 5px 5px 10px #11002d; 4174 } 4175 4176 .product_wrapper:hover { 4177 transition: 0.5s; 4178 -moz-transition: 0.5s; 4179 -webkit-transition: 0.5s; 4180 -o-transition: 0.5s; 4181 -ms-transition: 0.5s; 4182 4183 box-shadow: 5px 5px 10px #AAA; 4184 -moz-box-shadow: 5px 5px 10px #AAA; 4185 -webkit-box-shadow: 5px 5px 10px #AAA; 4186 -o-box-shadow: 5px 5px 10px #AAA; 4187 -ms-box-shadow: 5px 5px 10px #AAA; 4188 4189 background-color: #fff; 4190 } 4191 4192 .product_wrapper img { 4193 margin-bottom: 10px; 4194 } 4195 4196 .disc_promo { 4197 text-decoration: line-through; 4198 color: #555; 4199 margin-top: 8px; 4200 font-size: 12px; 4201 } 4202 4203 .prod_price { 4204 color: #333; 4205 font-size: 14px; 4206 font-weight: 900 4207 } 4208 4209 .product_wrapper a { 4210 text-decoration: none; 4211 color: #000 4212 } 4213 4214 .sale_label { 4215 background-color: #00BFFF; 4216 padding: 5px; 4217 color: #00BFFF; 4218 font-size: 10px; 4219 text-transform: uppercase; 4220 font-weight: 700; 4221 } 4222 4223 .available_label { 4224 background-color: #0a97cc; 4225 padding: 5px; 4226 color: #00BFFF; 4227 font-size: 10px; 4228 text-transform: uppercase; 4229 font-weight: 700; 4230 margin-bottom: 5px; 4231 margin-top: 11px; 4232 } 4233 4234 .sold_label { 4235 background-color: #00BFFF; 4236 padding: 5px; 4237 color: #00BFFF; 4238 font-size: 10px; 4239 text-transform: uppercase; 4240 font-weight: 700; 4241 margin-bottom: 5px; 4242 margin-top: 11px; 4243 } 4244 4245 .ribbon-wrapper-red { 4246 width: 85px; 4247 height: 88px; 4248 overflow: hidden; 4249 position: absolute; 4250 top: -3px;
4251 right: -3px; 4252 } 4253 4254 .ribbon-red { 4255 font: bold 15px Sans-Serif; 4256 color: #eaeaea; 4257 text-align: center; 4258 text-shadow: rgba(255, 255, 255, 0.5) 0px 1px 0px; 4259 -webkit-transform: rotate(45deg); 4260 -moz-transform: rotate(45deg); 4261 -ms-transform: rotate(45deg); 4262 -o-transform: rotate(45deg); 4263 position: relative; 4264 padding: 9px 0; 4265 left: -5px; 4266 top: 15px; 4267 width: 120px; 4268 4269 background-color: #00BFFF; 4270 4271 /* 4272 background-image: -webkit-gradient(linear, left top, left bottom, from(#00BFFF), to(#00BFFF)); 4273 background-image: -webkit-linear-gradient(top, #00BFFF, #00BFFF); 4274 background-image: -moz-linear-gradient(top, #00BFFF, #00BFFF); 4275 background-image: -ms-linear-gradient(top, #00BFFF, #00BFFF); 4276 background-image: -o-linear-gradient(top, #00BFFF, #00BFFF); 4277 */ 4278 4279 color: #eaeaea; 4280 -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3); 4281 -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3); 4282 box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3); 4283 4284 font-size: 11px; 4285 text-transform: none; 4286 } 4287 4288 .ribbon-red:before, 4289 .ribbon-red:after { 4290 content: ""; 4291 border-top: 3px solid #555; 4292 border-left: 3px solid transparent; 4293 border-right: 3px solid transparent; 4294 position: absolute; 4295 bottom: -3px; 4296 } 4297 4298 .ribbon-red:before { 4299 left: 0; 4300 } 4301 4302 .ribbon-red:after { 4303 right: 0; 4304 } 4305 4306 ÃÆ’Æ’Æ’ÃÆ’†’ÃÆ’Æ’†ÃÆ’¢â‚¬â„¢ÃÆ’Æ’Æ’ÃÆ’¢â‚¬ ÃÆ’Æ’¢ÃÆ’¢â€šÂ¬ÃÆ’¢â€žÂ¢ÃÆ’Æ’Æ’ÃÆ’†â€ÃÃâ
4306€šÃ‚¢ÃƒÂ¢Ã¢â€šÂ¬Ã…¾Ã‚¢ÃƒÃ†’Æ’¢ÃÆ’¢â€šÂ¬ÃÆ’…¡ÃÆ’Æ’Æ’ÃÆ’¢â‚¬Å¡ÃÆ’Æ’‚ÃÆ’‚¢ÃÆ’Æ’Æ’ÃÆ’†’ÃÆ’Æ’†ÃÆ’¢â‚¬â„¢ÃÆ’Æ’Æ’ÃÆ’Ãââ‚Â
4306¬Ã…¡Ãƒâ€šÃ‚¢ÃƒÃ†’¢â€šÂ¬ÃÆ’…¡ÃÆ’Æ’Æ’ÃÆ’¢â‚¬Å¡ÃÆ’Æ’‚ÃÆ’‚¢ÃÆ’Æ’Æ’ÃÆ’†’ÃÆ’Æ’†ÃÆ’¢â‚¬â„¢ÃÆ’Æ’Æ’ÃÆ’¢â‚¬Å¡ÃÆ’Æ’‚ÃÆ’‚¢ÃÆ’Æ’Æ’ÃÆ’†’ÃÆ’Æ’‚ÃÆ’‚¢ÃÆ’Æ’Æ’ÃÆ’‚¢ÃÆ’Æ’¢ÃÆ’¢â‚¬Å¡ÃÆ’‚¬ÃÆ’Æ’…ÃÆ’‚¡ÃÆ’Æ’Æ’ÃÆ’¢â‚¬Å¡ÃÆ’Æ’ââ‚ÃÃ
4306¢â‚¬Å¡Ãƒâ€šÃ‚¬ÃƒÆ’…¡ÃÆ’‚¬ÃÆ’Æ’Æ’ÃÆ’†’ÃÆ’Æ’¢ÃÆ’¢â€šÂ¬ÃÆ’‚¦ÃÆ’Æ’Æ’ÃÆ’¢â‚¬Å¡ÃÆ’Æ’‚ÃÆ’‚¡ÃÆ’Æ’Æ’ÃÆ’†’ÃÆ’Æ’†ÃÆ’¢â‚¬â„¢ÃÆ’Æ’Æ’ÃÆ’‚¢ÃÆ’Æ’¢ÃÆ’¢â‚¬Å¡ÃÆ’‚¬ÃÆ’Æ’…ÃÆ’‚¡ÃÆ’Æ’Æ’ÃÆ’†’ÃÆ’Æ’¢ÃÆ’¢â€šÂ¬ÃÆ’…¡ÃÆ’Æ’Æ’ÃÆ’¢â‚¬Å¡ÃÆÃÂ
4306¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’ƒâ€ ’‚ÃÆ’‚¬ÃÆ’Æ’Æ’ÃÆ’†’ÃÆ’Æ’†ÃÆ’¢â‚¬â„¢ÃÆ’Æ’Æ’ÃÆ’¢â‚¬ ÃÆ’Æ’¢ÃÆ’¢â€šÂ¬ÃÆ’¢â€žÂ¢ÃÆ’Æ’Æ’ÃÆ’†’ÃÆ’Æ’¢ÃÆ’¢â€šÂ¬ÃÆ’…¡ÃÆ’Æ’Æ’ÃÆ’¢â‚¬Å¡ÃÆ’Æ’‚ÃÆ’‚¢ÃÆ’Æ’Æ’ÃÆ’†’ÃÆ’Æ’†ÃÆ’¢â‚¬â„¢ÃÆ’Æ’Æ’ÃÆ’¢â‚¬Å¡ÃÆ’Æ’‚ÃÆ’ÃÃâ€
4306šÃ‚¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚¬Ã…¡ÃÆ’‚¢ÃÆ’Æ’Æ’ÃÆ’†’ÃÆ’Æ’†ÃÆ’¢â‚¬â„¢ÃÆ’Æ’Æ’ÃÆ’¢â‚¬Å¡ÃÆ’Æ’‚ÃÆ’‚¢ÃÆ’Æ’Æ’ÃÆ’†’ÃÆ’Æ’‚ÃÆ’‚¢ÃÆ’Æ’Æ’ÃÆ’‚¢ÃÆ’Æ’¢ÃÆ’¢â‚¬Å¡ÃÆ’‚¬ÃÆ’Æ’…ÃÆ’‚¡ÃÆ’Æ’Æ’ÃÆ’¢â‚¬Å¡ÃÆ’Æ’‚ÃÆ’‚¬ÃÆ’Æ’Æ’ÃÆ’†’ÃÆ’Æ’¢ÃÆ’¢â€šÂ¬ÃÆ’‚¦ÃÆ’Æ’Æ’ÃÆ’¢â‚¬Å¡ÃÆ’Æ’‚ÃÆ’‚¡ÃÆ’Æ’Æ’ÃÆ’†’ÃÆ’Æ’†ÃÆ’¢â‚¬â„¢ÃÆ’Æ’Æ’ÃÆ’‚¢ÃÆ’Æ’¢ÃÆ’¢â‚¬Å¡ÃÆ’‚¬ÃÆ’Æ’…ÃÆ’‚¡ÃÆ’Æ’Æ’ÃÆ’†’ÃÆ’Æ’¢ÃÆ’¢â€šÂ¬ÃÆ’…¡ÃÆ’Æ’Æ’ÃÆ’¢â‚¬Å¡ÃÆ’Æ’‚ÃÆ’‚¬ÃÆ’Æ’Æ’ÃÆ’†’ÃÆ’Æ’†ÃÆ’¢â‚¬â„¢ÃÆ’Æ’Æ’ÃÆ’¢â‚¬ ÃÆ’Æ’¢ÃÆ’¢â€šÂ¬ÃÆ’¢â€žÃÆâ€â„
4306¢ÃƒÆ’¢â‚¬Å¡Ãƒâ€šÃ‚¢ÃƒÃ†’Æ’Æ’ÃÆ’†’ÃÆ’Æ’‚ÃÆ’‚¢ÃÆ’Æ’Æ’ÃÆ’‚¢ÃÆ’Æ’¢ÃÆ’¢â€šÂ¬ÃÆ’…¡ÃÆ’Æ’‚ÃÆ’‚¬ÃÆ’Æ’Æ’ÃÆ’¢â‚¬Â¦ÃÆ’Æ’‚ÃÆ’‚¡ÃÆ’Æ’Æ’ÃÆ’†’ÃÆ’Æ’†ÃÆ’¢â‚¬â„¢ÃÆ’Æ’Æ’ÃÆ’‚¢ÃÆ’Æ’¢ÃÆ’¢â‚¬Å¡ÃÆ’‚¬ÃÆ’Æ’…ÃÆ’‚¡ÃÆ’Æ’Æ’ÃÆ’†’ÃÆ’Æ’¢ÃÆ’¢â€šÂ¬ÃÆ’…¡ÃÆ’Æ’Æ’ÃÆ’¢â‚¬Å¡ÃÆ’Æ’‚ÃÆ’‚¹ .breadcrumb { 4307 padding-bottom: 25px; 4308 background-color: #222222; 4309 margin-top: 155px; 4310 border-radius: 0; 4311 width: 100% 4312 } 4313 4314 .breadcrumb h2 { 4315 color: #00BFFF; 4316 margin-bottom: 3px; 4317 } 4318 4319 .breadcrumb p { 4320 color: #00BFFF; 4321 font-size: 15px; 4322 } 4323 4324 .foot_menu { 4325 font-size: 12px; 4326 margin-top: 10px; 4327 margin-bottom: 0px; 4328 } 4329 4330 .wrapper { 4331 max-width: 1550px; 4332 margin: 0 auto; 4333 padding: 0px; 4334 min-width: 320px; 4335 } 4336 4337 .header { 4338 width: 100%; 4339 display: block; 4340 min-height: 214px; 4341 padding-top: 0px; 4342 } 4343 4344 .headerwp { 4345 max-width: 1300px; 4346 margin: 0 auto; 4347 padding: 0px; 4348 } 4349 4350 .headerfull { 4351 width: 100%; 4352 background-color: #fff; 4353 height: 70px; 4354 position: fixed; 4355 -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.16); 4356 -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.16); 4357 box-shadow: 0 0 4px rgba(0, 0, 0, 0.16); 4358 top: 38px; 4359 z-index: 4; 4360 } 4361 4362 .headerfull_2 { 4363 width: 100%; 4364 background-color: #fff; 4365 height: 45px; 4366 position: fixed; 4367 -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.16); 4368 -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.16); 4369 box-shadow: 0 0 4px rgba(0, 0, 0, 0.16); 4370 top: 108px; 4371 z-index: 3; 4372 } 4373 4374 .posrlt { 4375 position: relative; 4376 } 4377 4378 .headtoppart { 4379 display: block; 4380 width: 100%; 4381 background-color: #00BFFF; 4382 height: 39px; 4383 margin: 0px auto; 4384 padding: 0px 0px; 4385 min-width: 320px; 4386 position: fixed; 4387 } 4388 4389 .headertopleft { 4390 float: right; 4391 } 4392 4393 .headertopright { 4394 float: left; 4395 text-align: left; 4396 } 4397 4398 .headertopright a { 4399 line-height: 39px; 4400 color: #5f5f5f; 4401 font-size: 14px; 4402 padding: 0px 12px; 4403 display: inline-block; 4404 } 4405 4406 .headertopright a:hover { 4407 background-color: #272B37; 4408 -webkit-transition: all 0.3s ease-in-out; 4409 -moz-transition: all 0.3s ease-in-out; 4410 -o-transition: all 0.3s ease-in-out; 4411 -ms-transition: all 0.3s ease-in-out; 4412 transition: all 0.3s ease-in-out; 4413 } 4414 4415 .headertopright a.facebookicon:hover { 4416 background-color: #3b5998; 4417 color: #00BFFF; 4418 } 4419 4420 .headertopright a.twittericon:hover { 4421 background-color: #55acee; 4422 color: #00BFFF; 4423 } 4424 4425 .headertopright a.instagramicon:hover { 4426 background-color: #97573c; 4427 color: #00BFFF; 4428 } 4429 4430 .headertopright a.linkedinicon:hover { 4431 background-color: #0077b5; 4432 color: #00BFFF; 4433 } 4434 4435 .headertopright a.googleicon:hover { 4436 background-color: #dd4b39; 4437 color: #00BFFF; 4438 } 4439 4440 .address { 4441 padding: 10px 0px 0px 0px; 4442 font-size: 12px; 4443 color: #b6b6b6; 4444 } 4445 4446 .address a { 4447 color: #838383; 4448 } 4449 4450 .address span { 4451 margin-right: 9px; 4452 color: #838383; 4453 } 4454 4455 .address .fa { 4456 margin-right: 6px; 4457 margin-left: 6px; 4458 color: #5f5f5f; 4459 } 4460 4461 .norlt { 4462 position: static; 4463 } 4464 4465 .menuwrapper { 4466 position: relative; 4467 } 4468 4469 .show-grid { 4470 background-color: #fff; 4471 } 4472 4473 .btn-border { 4474 border: 2px solid; 4475 border-radius: 40px; 4476 display: inline-block; 4477 font-size: 13px; 4478 text-transform: uppercase; 4479 -moz-user-select: none; 4480 background-image: none; 4481 text-align: center; 4482 vertical-align: middle; 4483 white-space: nowrap; 4484 color: #00BFFF; 4485 padding: 15px 40px; 4486 } 4487 4488 .btn-border:hover { 4489 color: #00BFFF; 4490 text-decoration: none; 4491 opacity: 0.9; 4492 } 4493 4494 .btn-border:focus { 4495 color: #00BFFF; 4496 text-decoration: none; 4497 opacity: 0.9; 4498 } 4499 4500 .dark-hover { 4501 position: relative; 4502 display: inline-block; 4503 width: 100%; 4504 } 4505 4506 .dark-hover .overlay-dark { 4507 position: absolute; 4508 opacity: 0; 4509 background-color: #222; 4510 left: 0; 4511 top: 0; 4512 right: 0; 4513 bottom: 0; 4514 transition: all .3s; 4515 -moz-transition: all .3s; 4516 -webkit-transition: all .3s; 4517 -o-transition: all .3s; 4518 } 4519 4520 .dark-hover .overlay-dark:hover { 4521 opacity: .1; 4522 } 4523 4524 .btn-master { 4525 background-color: #444; 4526 color: #00BFFF; 4527 font-size: 15px; 4528 padding-left: 35px; 4529 padding-right: 35px; 4530 border-radius: 0 4531 } 4532 4533 .btn-master:hover { 4534 color: #00BFFF; 4535 opacity: 0.8; 4536 transition: 0.5s; 4537 -moz-transition: 0.5s; 4538 -webkit-transition: 0.5s; 4539 -o-transition: 0.5s; 4540 -ms-transition: 0.5s; 4541 } 4542 4543 .acc_menu a, 4544 .acc_menu { 4545 font-size: 17px; 4546 margin-bottom: 25px; 4547 color: #444 4548 } 4549 4550 .acc_menu a:hover { 4551 color: #00BFFF; 4552 transition: 0.5s; 4553 -moz-transition: 0.5s; 4554 -webkit-transition: 0.5s; 4555 -o-transition: 0.5s; 4556 -ms-transition: 0.5s; 4557 text-decoration: none; 4558 } 4559 4560 .moreoption { 4561 width: 100%; 4562 display: block; 4563 margin-top: 165px; 4564 } 4565 4566 .moreoption .boxheader { 4567 border: solid 0px; 4568 padding-top: 25px; 4569 padding-bottom: 10px; 4570 font-size: 16px; 4571 color: #717171; 4572 } 4573 4574 .mobiletext02 { 4575 display: none; 4576 } 4577 4578 .buttoncolor { 4579 color: #00BFFF; 4580 display: block; 4581 font-size: 13px; 4582 padding: 10px 15px; 4583 text-decoration: none; 4584 transition: background 0.3s linear 0s; 4585 width: 12.5%; 4586 height: 30px; 4587 float: left; 4588 text-align: center; 4589 margin: 0px 0px; 4590 } 4591 4592 .buttoncolor:hover { 4593 color: #00BFFF; 4594 text-decoration: none; 4595 } 4596 4597 .buttoncolor:focus { 4598 color: #00BFFF; 4599 text-decoration: none; 4600 } 4601 4602 .buttoncolor03 {�
4602 4603 color: #00BFFF; 4604 display: block; 4605 font-size: 13px; 4606 padding: 10px 15px; 4607 text-decoration: none; 4608 transition: background 0.3s linear 0s; 4609 width: 12.5%; 4610 height: 30px; 4611 float: left; 4612 text-align: center; 4613 margin: 0px 0px; 4614 } 4615 4616 .buttoncolor03:hover { 4617 color: #00BFFF; 4618 text-decoration: none; 4619 } 4620 4621 .buttoncolor03:focus { 4622 color: #00BFFF; 4623 text-decoration: none; 4624 } 4625 4626 .headertlt { 4627 width: 100%; 4628 padding: 40px 0px 15px 0px; 4629 letter-spacing: -0.5px; 4630 font-size: 22px; 4631 font-family: 'archivo_narrowregular'; 4632 color: #00BFFF; 4633 } 4634 4635 .colorlink01 { 4636 width: 40%; 4637 float: left; 4638 margin: 0% 0% 0% 2%; 4639 } 4640 4641 .colorlink02 { 4642 width: 40%; 4643 float: left; 4644 margin: 0% 0% 0% 2%; 4645 } 4646 4647 .colorlink03 { 4648 width: 14%; 4649 float: left; 4650 margin: 0% 0% 0% 2%; 4651 } 4652 4653 .buttoncolor02 { 4654 color: #00BFFF; 4655 display: block; 4656 font-size: 15px; 4657 border-radius: 2px; 4658 height: 30px; 4659 padding: 10px 15px; 4660 text-decoration: none; 4661 transition: background 0.3s linear 0s; 4662 width: 100%; 4663 border-right: solid 5px #00BFFF; 4664 float: left; 4665 text-align: center; 4666 margin: 0% 0% 0% 0%; 4667 background-color: #f2f2f2; 4668 border: solid 1px #00BFFF; 4669 cursor: pointer; 4670 text-align: center !important; 4671 text-decoration: none !important; 4672 width: 50%; 4673 float: left; 4674 } 4675 4676 .buttoncolor02:hover { 4677 background-color: #00BFFF; 4678 color: #000; 4679 } 4680 4681 .buttoncolor02.active { 4682 background-color: #00BFFF; 4683 color: #00BFFF; 4684 } 4685 4686 .main-content { 4687 position: absolute; 4688 top: 0; 4689 bottom: 0; 4690 width: 100%; 4691 overflow-x: hidden; 4692 overflow-y: scroll; 4693 -webkit-overflow-scrolling: touch; 4694 } 4695 4696 @media only screen and (min-width: 230px) and (max-width:780px) { 4697 4698 .sub-col img { 4699 width: 100% !important 4700 } 4701 4702 .row { 4703 padding: 0 !important; 4704 } 4705 4706 #mainPhoto { 4707 width: 100%; 4708 margin-left: auto; 4709 margin-right: auto; 4710 } 4711 4712 .container { 4713 width: 100%; 4714 } 4715 4716 .nopadding { 4717 padding: 10px !important; 4718 margin: 0 !important; 4719 margin-bottom: 0px !important; 4720 } 4721 4722 .breadcrumb { 4723 margin-top: -1px !important; 4724 } 4725 4726 .headerfull { 4727 position: relative; 4728 z-index: auto; 4729 } 4730 4731 .headerfull_2 { 4732 position: relative; 4733 z-index: auto; 4734 } 4735 4736 .wrapper { 4737 width: 100%; 4738 margin: 0% 0%; 4739 } 4740 4741 .header { 4742 min-height: 75px; 4743 } 4744 4745 .logo { 4746 display: none !important; 4747 } 4748 4749 .header { 4750 box-shadow: none !important; 4751 background-image: none !important; 4752 } 4753 4754 .colorlink01 { 4755 width: 92% !important; 4756 margin: 0% 4%; 4757 } 4758 4759 .colorlink02 { 4760 width: 92% !important; 4761 margin: 0% 4%; 4762 } 4763 4764 .colorlink03 { 4765 width: 92% !important; 4766 margin: 0% 4%; 4767 } 4768 4769 .buttoncolor02 { 4770 width: 100% !important; 4771 margin-bottom: 2%; 4772 } 4773 4774 .buttoncolor { 4775 width: 25%; 4776 } 4777 4778 .buttoncolor03 { 4779 width: 25%; 4780 } 4781 4782 .moreoption { 4783 width: 100%; 4784 margin: 30px 0 0 0; 4785 background-color: transparent !important; 4786 border: none !important; 4787 -webkit-box-shadow: none !important; 4788 -moz-box-shadow: none !important; 4789 box-shadow: none !important; 4790 } 4791 4792 .headtoppart { 4793 margin-top: 52px; 4794 height: auto; 4795 background-color: rgba(0, 0, 0, 0.2); 4796 position: relative; 4797 } 4798 4799 .topmenusearch { 4800 margin: 0px 0 0; 4801 width: 100%; 4802 } 4803 4804 .topmenusearch input:focus { 4805 width: 100%; 4806 } 4807 4808 .posrlt { 4809 width: 240px; 4810 float: none; 4811 } 4812 4813 .headerright { 4814 width: 100%; 4815 float: none; 4816 } 4817 4818 .headertopleft { 4819 float: none; 4820 width: 96%; 4821 margin: 0% 2%; 4822 } 4823 4824 .headertopright { 4825 float: none; 4826 width: 96%; 4827 margin: 0% 2%; 4828 } 4829 4830 .address.clearfix:before, 4831 .address.clearfix:after { 4832 content: ""; 4833 display: table; 4834 } 4835 4836 .address.clearfix:after { 4837 clear: both; 4838 } 4839 4840 .address.clearfix { 4841 zoom: 1; 4842 } 4843 4844 .headertopleft { 4845 display: none; 4846 } 4847 4848 .headerfull { 4849 height: auto; 4850 } 4851 4852 .headerfull_2 { 4853 height: auto; 4854 } 4855 4856 .headertopright a { 4857 width: 24%; 4858 text-align: center; 4859 } 4860 } 4861 4862 @media only screen and (min-width: 781px) and (max-width:1064px) { 4863 4864 4865 .wrapper { 4866 width: 100%; 4867 margin: 0% 0%; 4868 } 4869 4870 .colorlink01 { 4871 width: 100% !important; 4872 margin: 0%; 4873 } 4874 4875 .colorlink02 { 4876 width: 100% !important; 4877 margin: 0%; 4878 } 4879 4880 .colorlink03 { 4881 width: 100% !important; 4882 margin: 0%; 4883 } 4884 4885 .buttoncolor02 { 4886 width: 50% !important; 4887 margin-bottom: 1%; 4888 } 4889 4890 .logo { 4891 float: none !important; 4892 margin: 0 auto !important; 4893 width: 100% !important; 4894 text-align: center; 4895 } 4896 } 4897 4898 @media only screen and (min-width: 1024px) and (max-width:1200px) { 4899 4900 .container_menu { 4901 width: 90%; 4902 } 4903 4904 .wrapper { 4905 width: 100%; 4906 margin: 0% 0%; 4907 } 4908 4909 .colorlink01 { 4910 width: 100% !important; 4911 margin: 0%; 4912 } 4913 4914 .colorlink02 { 4915 width: 100% !important; 4916 margin: 0%; 4917 } 4918 4919 .colorlink03 { 4920 width: 100% !important; 4921 margin: 0%; 4922 } 4923 } 4924 4925 @media only screen and (min-width: 480px) and (max-width:780px) { 4926 4927 .produk-cover { 4928 height: 90px; 4929 } 4930 4931 .mobiletext02 { 4932 display: inline-block; 4933 } 4934 4935 .container_body { 4936 width: 100% 4937 } 4938 } 4939 4940 @media only screen and (min-width: 320px) and (max-width:479px) { 4941 .produk-cover { 4942 height: 90px; 4943 } 4944 4945 .headertopright a .fa { 4946 margin-right: 0px; 4947 } 4948 4949 .main-video { 4950 height: 195px !important; 4951 } 4952 } 4953 </style> 4954 <style> 4955 /* Slider */ 4956 .slick-slider { 4957 position: relative; 4958 4959 display: block; 4960 box-sizing: border-box; 4961 4962 -webkit-user-select: none; 4963 -moz-user-select: none;
4964 -ms-user-select: none; 4965 user-select: none; 4966 4967 -webkit-touch-callout: none; 4968 -khtml-user-select: none; 4969 -ms-touch-action: pan-y; 4970 touch-action: pan-y; 4971 -webkit-tap-highlight-color: transparent; 4972 } 4973 4974 .slick-list { 4975 position: relative; 4976 4977 display: block; 4978 overflow: hidden; 4979 4980 margin: 0; 4981 padding: 0; 4982 } 4983 4984 .slick-list:focus { 4985 outline: none; 4986 } 4987 4988 .slick-list.dragging { 4989 cursor: pointer; 4990 cursor: hand; 4991 } 4992 4993 .slick-slider .slick-track, 4994 .slick-slider .slick-list { 4995 -webkit-transform: translate3d(0, 0, 0); 4996 -moz-transform: translate3d(0, 0, 0); 4997 -ms-transform: translate3d(0, 0, 0); 4998 -o-transform: translate3d(0, 0, 0); 4999 transform: translate3d(0, 0, 0); 5000 } 5001 5002 .slick-track { 5003 position: relative; 5004 top: 0; 5005 left: 0; 5006 5007 display: block; 5008 } 5009 5010 .slick-track:before, 5011 .slick-track:after { 5012 display: table; 5013 5014 content: ''; 5015 } 5016 5017 .slick-track:after { 5018 clear: both; 5019 } 5020 5021 .slick-loading .slick-track { 5022 visibility: hidden; 5023 } 5024 5025 .slick-slide { 5026 display: none; 5027 float: left; 5028 5029 height: 100%; 5030 min-height: 1px; 5031 } 5032 5033 [dir='rtl'] .slick-slide { 5034 float: right; 5035 } 5036 5037 .slick-slide img { 5038 display: block; 5039 } 5040 5041 .slick-slide.slick-loading img { 5042 display: none; 5043 } 5044 5045 .slick-slide.dragging img { 5046 pointer-events: none; 5047 } 5048 5049 .slick-initialized .slick-slide { 5050 display: block; 5051 } 5052 5053 .slick-loading .slick-slide { 5054 visibility: hidden; 5055 } 5056 5057 .slick-vertical .slick-slide { 5058 display: block; 5059 5060 height: auto; 5061 5062 border: 1px solid transparent; 5063 } 5064 5065 .slick-arrow.slick-hidden { 5066 display: none; 5067 } 5068 </style> 5069 5070 <style> 5071 @import url('https://fonts.googleapis.com/css?family=Lato&display=swap'); 5072 5073 .slick-prev { 5074 top: 40%; 5075 left: -12px; 5076 height: 50px; 5077 } 5078 5079 .slick-prev:before { 5080 content: "‹"; 5081 font-size: 4rem; 5082 color: #00BFFFfcc066; 5083 } 5084 5085 .slick-next { 5086 top: 40%; 5087 height: 50px; 5088 right: -12px; 5089 } 5090 5091 .slick-next:before { 5092 content: "›"; 5093 font-size: 4rem; 5094 color: #00BFFFfcc066; 5095 } 5096 5097 #slick-menu a { 5098 font-weight: 900; 5099 font-family: Lato; 5100 display: block; 5101 width: 60%; 5102 text-decoration: none; 5103 } 5104 5105 #slick-menu div { 5106 color: #666; 5107 } 5108 5109 #slick-menu a:hover { 5110 opacity: 0.5; 5111 transition: 0.5s; 5112 } 5113 5114 .mobile-tabs-slider { 5115 display: none; 5116 } 5117 5118 @media only screen and (max-width: 780px) { 5119 .wsmain { 5120 width: 90%; 5121 left: -90%; 5122 background: #00BFFF !important; 5123 padding-right: 15px; 5124 } 5125 5126 .desktop-menu-slider { 5127 display: none; 5128 } 5129 5130 .mobile-tabs-slider { 5131 display: block; 5132 } 5133 5134 /* Style the tab */ 5135 .tab { 5136 float: left; 5137 /*border: 1px solid #00BFFF;*/ 5138 background-color: #fff; 5139 width: 30%; 5140 height: 100vh;
5141 overflow-y: scroll; 5142 padding-bottom: 200px; 5143 } 5144 5145 /* Style the buttons inside the tab */ 5146 .tab button { 5147 display: block; 5148 background-color: inherit; 5149 color: black; 5150 padding: 15px 12px; 5151 width: 100%; 5152 border: none; 5153 outline: none; 5154 text-align: left; 5155 cursor: pointer; 5156 transition: 0.3s; 5157 font-size: 12px; 5158 } 5159 5160 /* Change background color of buttons on hover */ 5161 .tab button:hover { 5162 background-color: #ddd; 5163 } 5164 5165 /* Create an active/current "tab button" class */ 5166 .tab button.active { 5167 background-color: #00BFFF; 5168 border-left: 4px solid #00BFFF; 5169 } 5170 5171 /* Style the tab content */ 5172 .tabcontent { 5173 float: left; 5174 padding: 0px 12px; 5175 /*border: 1px solid #00BFFF;*/ 5176 width: 70%; 5177 border-left: none; 5178 height: 100%; 5179 } 5180 } 5181 </style> 5182 <style> 5183 /* 5184 * Plugin: Web Slide - Responsive Mega Menu for Bootstrap 3+ 5185 * Demo Link: http://webslidemenu.webthemex.com/ 5186 * Version: v3.4 5187 * Author: webthemex 5188 * License: http://codecanyon.net/licenses/standard 5189*/ 5190 5191 /*-------------------------------------------------------------------------- 5192[Table of contents] 5193 519401 Base CSS 519502 Desktop CSS 519603 Tab CSS 519704 Mobile CSS 519805 Additional Themes (Optionnal) 5199--------------------------------------------------------------------------*/ 5200 /*-------------------------------------------------------------------------- 5201| 01 Base CSS 5202--------------------------------------------------------------------------*/ 5203 @import url(https://fonts.googleapis.com/css?family=Lato); 5204 @import url(https://fonts.googleapis.com/css?family=Open+Sans); 5205 5206 @font-face { 5207 font-family: 'GothamLight'; 5208 src: url(gotham/Gotham-Light.otf); 5209 } 5210 5211 @font-face { 5212 font-family: 'GothamBook'; 5213 src: url(gotham/Gotham-Book.otf); 5214 } 5215 5216 @font-face { 5217 font-family: 'Polaris'; 5218 src: url(polaris/PBook.otf); 5219 } 5220 5221 html, 5222 body { 5223 margin: 0px; 5224 padding: 0px; 5225 border: 0px; 5226 vertical-align: baseline; 5227 font-family: 'Open Sans', sans-serif !important; 5228 } 5229 5230 .clearfix:before, 5231 .clearfix:after { 5232 content: ""; 5233 display: table; 5234 } 5235 5236 .clearfix:after { 5237 clear: both; 5238 } 5239 5240 .clearfix { 5241 zoom: 1; 5242 } 5243 5244 .cl { 5245 clear: both; 5246 } 5247 5248 * { 5249 -webkit-box-sizing: border-box; 5250 -moz-box-sizing: border-box; 5251 box-sizing: border-box; 5252 text-decoration: none; 5253 -webkit-font-smoothing: antialiased; 5254 } 5255 5256 5257 .wsmain html, 5258 .wsmain body, 5259 .wsmain iframe, 5260 .wsmain h1, 5261 .wsmain h2, 5262 .wsmain h3, 5263 .wsmain h4, 5264 .wsmain h5, 5265 .wsmain h6 { 5266 margin: 0px; 5267 padding: 0px; 5268 border: 0px; 5269 font: inherit; 5270 vertical-align: baseline; 5271 font-weight: normal; 5272 font-size: 12px; 5273 line-height: 18px; 5274 font-family: 'Open Sans', sans-serif !important; 5275 -webkit-font-smoothing: subpixel-antialiased; 5276 font-smoothing: antialiased; 5277 font-smooth: antialiased; 5278 -webkit-text-size-adjust: 100%; 5279 -ms-text-size-adjust: 100%; 5280 -webkit-font-smoothing: subpixel-antialiased !important; 5281 font-smoothing: subpixel-antialiased !important; 5282 font-smooth: subpixel-antialiased; 5283 } 5284 5285 .wsmain .cl { 5286 clear: both; 5287 } 5288 5289 .wsmain img, 5290 object, 5291 embed, 5292 video { 5293 border: 0 none; 5294 max-width: 100%; 5295 } 5296 5297 .wsmain a:focus { 5298 outline: none !important; 5299 } 5300 5301 .wsmain:before, 5302 .wsmain:after { 5303 content: ""; 5304 display: table; 5305 } 5306 5307 .wsmain:after { 5308 clear: both; 5309 } 5310 5311 /*-------------------------------------------------------------------------- 5312| 02 Desktop CSS 5313--------------------------------------------------------------------------*/ 5314 5315 .wsmobileheader { 5316 display: none; 5317 } 5318 5319 .overlapblackbg { 5320 display: none; 5321 } 5322 5323 .smllogo { 5324 padding: 9px 0px 0px 0px; 5325 margin: 0; 5326 float: left; 5327 width: 14.4%; 5328 } 5329 5330 .smllogo a { 5331 display: block; 5332 float: left; 5333 padding: 0px 0px 0px 0px; 5334 } 5335 5336 .topmenusearch { 5337 float: right; 5338 width: 100%; 5339 height: 42px; 5340 position: relative; 5341 margin: 9px 0px 0px 0px; 5342 } 5343 5344 .topmenusearch .searchicon { 5345 -webkit-transition: all 0.7s ease 0s; 5346 -moz-transition: all 0.7s ease 0s; 5347 -o-transition: all 0.7s ease 0s; 5348 transition: all 0.7s ease 0s; 5349 } 5350 5351 .topmenusearch input { 5352 width: 100%; 5353 position: relative; 5354 float: right; 5355 top: 0; 5356 right: 0; 5357 bottom: 0; 5358 width: 100%; 5359 border: 0; 5360 padding: 0; 5361 margin: 0; 5362 text-indent: 15px; 5363 font-size: 12px; 5364 height: 42px; 5365 z-index: 2; 5366 outline: none; 5367 color: #7d7d7d; 5368 background-color: #00BFFF; 5369 -webkit-transition: all 0.7s ease 0s; 5370 -moz-transition: all 0.7s ease 0s; 5371 -o-transition: all 0.7s ease 0s; 5372 transition: all 0.7s ease 0s; 5373 -webkit-border-radius: 2px; 5374 -moz-border-radius: 2px; 5375 border-radius: 2px; 5376 } 5377 5378 .topmenusearch input:focus { 5379 color: #000; 5380 } 5381 5382 .topmenusearch input:focus~.btnstyle { 5383 background-color: #00BFFF; 5384 color: #00BFFF; 5385 opacity: 0.9; 5386 } 5387 5388 .topmenusearch input:focus~.btnstyle .fa { 5389 color: #00BFFF; 5390 } 5391 5392 .topmenusearch input:focus~.searchicon { 5393 opacity: 1;
5394 z-index: 3; 5395 color: #00BFFF; 5396 } 5397 5398 .topmenusearch .btnstyle { 5399 top: 0px; 5400 position: absolute; 5401 right: 0; 5402 bottom: 0; 5403 width: 42px; 5404 line-height: 30px; 5405 z-index: 1; 5406 cursor: pointer; 5407 color: #00BFFF; 5408 z-index: 1000; 5409 background-color: #00BFFF; 5410 border: solid 0px; 5411 -webkit-transition: all 0.7s ease 0s; 5412 -moz-transition: all 0.7s ease 0s; 5413 -o-transition: all 0.7s ease 0s; 5414 transition: all 0.7s ease 0s; 5415 -webkit-border-radius: 0px 2px 2px 0px; 5416 -moz-border-radius: 0px 2px 2px 0px; 5417 border-radius: 0px 2px 2px 0px; 5418 } 5419 5420 .topmenusearch .btnstyle .fa { 5421 line-height: 38px; 5422 margin: 0; 5423 padding: 0; 5424 text-align: center; 5425 color: #00BFFF; 5426 } 5427 5428 .topmenusearch .btnstyle:hover { 5429 background-color: #fff; 5430 } 5431 5432 .wsmain { 5433 width: 100%; 5434 margin: 0 auto; 5435 padding: 0px 0px; 5436 max-width: 1300px; 5437 } 5438 5439 .wsmenu { 5440 position: relative; 5441 font-family: 'Open Sans', sans-serif; 5442 font-size: 14px; 5443 padding: 0px 0px 0px 0px; 5444 margin: 0px auto; 5445 width: 90%; 5446 float: left; 5447 height: 60px; 5448 } 5449 5450 .wsmenu-list { 5451 text-align: center; 5452 margin: 0 auto 0 auto; 5453 width: 100%; 5454 display: table; 5455 padding: 0px; 5456 } 5457 5458 .wsmenu-list>li { 5459 text-align: center; 5460 display: inline-table; 5461 margin: 0px; 5462 padding: 0px; 5463 /* float: left; */ 5464 } 5465 5466 .wsmenu-list>.wscarticon>a .fa.fa-shopping-basket { 5467 display: inline-block; 5468 font-size: 16px; 5469 line-height: inherit; 5470 margin-right: 5px; 5471 color: #00BFFF; 5472 } 5473 5474 .wsmenu-list>.wsshopmenu>a .fa.fa-angle-down { 5475 display: inline-block; 5476 font-size: 13px; 5477 line-height: inherit; 5478 margin-left: 11px; 5479 color: #00BFFF; 5480 } 5481 5482 .wsmenu-list li ul li a .fa.fa-angle-double-right { 5483 font-size: 12px; 5484 margin: 0 3px 0 -4px; 5485 } 5486 5487 .wsmenu-list>li>a { 5488 display: block; 5489 color: #00BFFF; 5490 padding: 0 26px 0 22px; 5491 line-height: 58px; 5492 text-decoration: none; 5493 position: relative; 5494 } 5495 5496 .wsmenu-list>li:hover>a { 5497 color: #000; 5498 } 5499 5500 .wsmenu-list>li>.navtext { 5501 line-height: 16px; 5502 text-align: left; 5503 padding: 15px; 5504 padding-left: 0; 5505 padding-right: 10px; 5506 margin: 0px; 5507 margin-right: 30px; 5508 } 5509 5510 .wsmenu-list>li>.navtext>span+span:after { 5511 color: #00BFFF; 5512 content: "\f107"; 5513 display: inline-block; 5514 font-family: "FontAwesome"; 5515 font-size: 14px; 5516 font-weight: 100; 5517 line-height: 10px; 5518 margin-left: 1px; 5519 position: relative; 5520 right: -8px; 5521 text-align: right; 5522 top: 1px; 5523 } 5524 5525 .wsmenu-list>li>.navtext>span { 5526 display: block; 5527 font-size: 11px; 5528 text-align: left; 5529 white-space: nowrap; 5530 width: 100%; 5531 line-height: 16px; 5532 color: #00BFFF; 5533 } 5534 5535 .wsmenu-list>li>.navtext>span+span { 5536 white-space: nowrap; 5537 font-size: 13px; 5538 font-weight: ; 5539 color: #555555; 5540 } 5541 5542 .wsmenu-list li a:hover .arrow:after { 5543 border-top-color: #00BFFF 5544 } 5545 5546 .wsmenu-list li a.active .arrow:after { 5547 border-top-color: #00BFFF 5548 } 5549 5550 .wsmenu-list li:hover>a .arrow:after { 5551 border-top-color: #00BFFF 5552 } 5553 5554 .megamenu iframe { 5555 width: 100%; 5556 margin-top: 10px; 5557 min-height: 200px; 5558 } 5559 5560 .megamenu video { 5561 width: 100%; 5562 margin-top: 10px; 5563 min-height: 200px; 5564 } 5565 5566 .wsmenu-list>li.socialicon { 5567 float: left; 5568 } 5569 5570 .wsmenu-list>li.socialicon a { 5571 width: 38px; 5572 padding: 0px 10px 5573 } 5574 5575 .wsmenu-list>li.socialicon a .fa { 5576 font-size: 15px; 5577 color: #00BFFF; 5578 text-align: center; 5579 } 5580 5581 .wsmenu-list>li.wsshopmyaccount { 5582 float: right; 5583 padding-top: 0.5%; 5584 } 5585 5586 .wsmenu-list>.wsshopmyaccount>a .fa.fa-angle-down { 5587 display: inline-block; 5588 font-size: 13px; 5589 line-height: inherit; 5590 margin-left: 8px; 5591 color: #00BFFF; 5592 } 5593 5594 .wsmenu-list>.wsshopmyaccount>a .fa.fa-align-justify, 5595 .wsmenu-list>.wsshopmyaccount>a .fa.fa-user { 5596 display: inline-block; 5597 font-size: 16px; 5598 line-height: inherit; 5599 margin-right: 11px; 5600 color: #00BFFF; 5601 } 5602 5603 .wsmenu-list>li.wssearchbar { 5604 width: 65%; 5605 float: left; 5606 padding-left: 9.5%; 5607 padding-top: 0.5%; 5608 } 5609 5610 .wsmenu-list>li.wscarticon { 5611 float: right; 5612 clear: right; 5613 padding-top: 0.5%; 5614 } 5615 5616 .wsmenu-list>li.wscarticon a { 5617 padding: 0px 27px 0px 22px; 5618 text-align: center; 5619 } 5620 5621 .mobiletext { 5622 display: none; 5623 } 5624 5625 .wsmenu-list>li.wscarticon a .fa { 5626 font-size: 15px; 5627 } 5628 5629 .wsmenu-list>li.wscarticon em.roundpoint { 5630 position: absolute; 5631 top: 14px; 5632 right: 21px; 5633 width: 17px; 5634 height: 17px; 5635 background-color: #00BFFF; 5636 -webkit-border-radius: 50%; 5637 -moz-border-radius: 50%; 5638 border-radius: 50%; 5639 font-size: 9px; 5640 text-align: center; 5641 font-style: normal; 5642 line-height: 16px !important; 5643 color: #00BFFF; 5644 } 5645 5646 em.roundpoint2 { 5647 position: absolute; 5648 top: -2px; 5649 right: -8px; 5650 width: 17px; 5651 height: 17px; 5652 background-color: #00BFFF; 5653 -webkit-border-radius: 50%; 5654 -moz-border-radius: 50%; 5655 border-radius: 50%; 5656 font-size: 9px; 5657 text-align: center; 5658 font-style: normal; 5659 line-height: 16px !important; 5660 color: #00BFFF; 5661 } 5662 5663 .wsmenu-list li>.wsmenu-submenu { 5664 transform-style: preserve-3d; 5665 -o-transform-style: preserve-3d; 5666 -moz-transform-style: preserve-3d; 5667 -webkit-transform-style: preserve-3d; 5668 transform: rotateX(-75deg); 5669 -o-transform: rotateX(-75deg); 5670 -moz-transform: rotateX(-75deg); 5671 -webkit-transform: rotateX(-75deg); 5672 visibility: hidden; 5673 } 5674 5675 .wsmenu-list li:hover>.wsmenu-submenu { 5676 transform: rotateX(0deg); 5677 -o-transform: rotateX(0deg); 5678 -moz-transform: rotateX(0deg); 5679 -webkit-transform: rotateX(0deg); 5680 opacity: 1;
5681 visibility: visible; 5682 } 5683 5684 .wsmenu-submenu li>.wsmenu-submenu-sub { 5685 transform-style: preserve-3d; 5686 -o-transform-style: preserve-3d; 5687 -moz-transform-style: preserve-3d; 5688 -webkit-transform-style: preserve-3d; 5689 transform: rotateX(-75deg); 5690 -o-transform: rotateX(-75deg); 5691 -moz-transform: rotateX(-75deg); 5692 -webkit-transform: rotateX(-75deg); 5693 visibility: hidden; 5694 } 5695 5696 .wsmenu-submenu li:hover>.wsmenu-submenu-sub { 5697 transform: rotateX(0deg); 5698 -o-transform: rotateX(0deg); 5699 -moz-transform: rotateX(0deg); 5700 -webkit-transform: rotateX(0deg); 5701 opacity: 1; 5702 visibility: visible; 5703 } 5704 5705 .wsmenu-submenu-sub li>.wsmenu-submenu-sub-sub { 5706 transform-style: preserve-3d; 5707 -o-transform-style: preserve-3d; 5708 -moz-transform-style: preserve-3d; 5709 -webkit-transform-style: preserve-3d; 5710 transform: rotateX(-75deg); 5711 -o-transform: rotateX(-75deg); 5712 -moz-transform: rotateX(-75deg); 5713 -webkit-transform: rotateX(-75deg); 5714 visibility: hidden; 5715 } 5716 5717 .wsmenu-submenu-sub li:hover>.wsmenu-submenu-sub-sub { 5718 transform: rotateX(0deg); 5719 -o-transform: rotateX(0deg); 5720 -moz-transform: rotateX(0deg); 5721 -webkit-transform: rotateX(0deg); 5722 opacity: 1; 5723 visibility: visible; 5724 } 5725 5726 .wsmenu-list li>.megamenu { 5727 transform-style: preserve-3d; 5728 -o-transform-style: preserve-3d; 5729 -moz-transform-style: preserve-3d; 5730 -webkit-transform-style: preserve-3d; 5731 transform: rotateX(-75deg); 5732 -o-transform: rotateX(-75deg); 5733 -moz-transform: rotateX(-75deg); 5734 -webkit-transform: rotateX(-75deg); 5735 visibility: hidden; 5736 } 5737 5738 .wsmenu-list li:hover>.megamenu { 5739 transform: rotateX(0deg); 5740 -o-transform: rotateX(0deg); 5741 -moz-transform: rotateX(0deg); 5742 -webkit-transform: rotateX(0deg); 5743 opacity: 1; 5744 visibility: visible; 5745 } 5746 5747 .wsmenu-submenu { 5748 position: absolute; 5749 min-width: 176px; 5750 top: 58px; 5751 z-index: 1000; 5752 margin: 0px; 5753 padding: 0px; 5754 border: solid 1px #00BFFF; 5755 background-color: #fff; 5756 opacity: 0; 5757 -o-transform-origin: 0% 0%; 5758 -ms-transform-origin: 0% 0%; 5759 -moz-transform-origin: 0% 0%; 5760 -webkit-transform-origin: 0% 0%; 5761 -o-transition: -o-transform 0.3s, opacity 0.3s; 5762 -ms-transition: -ms-transform 0.3s, opacity 0.3s; 5763 -moz-transition: -moz-transform 0.3s, opacity 0.3s; 5764 -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; 5765 } 5766 5767 .wsmenu-submenu li a { 5768 background: #00BFFF !important; 5769 background-image: none !important; 5770 color: #00BFFF !important; 5771 border-right: 0 none !important; 5772 text-align: left; 5773 display: block; 5774 line-height: 22px; 5775 padding: 8px 12px; 5776 text-transform: none; 5777 font-size: 12px; 5778 letter-spacing: normal; 5779 border-right: 0px solid; 5780 border-bottom: 1px solid #00BFFF; 5781 } 5782 5783 .wsmenu-submenu li { 5784 position: relative; 5785 margin: 0px; 5786 padding: 0px; 5787 } 5788 5789 .wsmenuexpandermain { 5790 display: none; 5791 } 5792 5793 .wsmenu-list li:hover .wsmenu-submenu { 5794 display: block; 5795 } 5796 5797 .wsmenu-list .wsmenu-submenu .wsmenu-submenu-sub { 5798 min-width: 220px; 5799 position: absolute; 5800 left: 100%; 5801 top: 0; 5802 margin: 0px; 5803 padding: 0px; 5804 opacity: 0; 5805 -o-transform-origin: 0% 0%; 5806 -ms-transform-origin: 0% 0%; 5807 -moz-transform-origin: 0% 0%; 5808 -webkit-transform-origin: 0% 0%; 5809 -o-transition: -o-transform 0.4s, opacity 0.4s; 5810 -ms-transition: -ms-transform 0.4s, opacity 0.4s; 5811 -moz-transition: -moz-transform 0.4s, opacity 0.4s; 5812 -webkit-transition: -webkit-transform 0.4s, opacity 0.4s; 5813 } 5814
5815 .wsmenu-list .wsmenu-submenu li:hover .wsmenu-submenu-sub { 5816 opacity: 1; 5817 list-style: none; 5818 padding: 0px; 5819 border: solid 1px #00BFFF; 5820 background-color: #fff; 5821 } 5822 5823 .wsmenu-list .wsmenu-submenu li:hover .wsmenu-submenu-sub { 5824 display: block; 5825 } 5826 5827 .wsmenu-list .wsmenu-submenu .wsmenu-submenu-sub .wsmenu-submenu-sub-sub { 5828 min-width: 220px; 5829 position: absolute; 5830 left: 100%; 5831 top: 0; 5832 margin: 0px; 5833 padding: 0px; 5834 opacity: 0; 5835 -o-transform-origin: 0% 0%; 5836 -ms-transform-origin: 0% 0%; 5837 -moz-transform-origin: 0% 0%; 5838 -webkit-transform-origin: 0% 0%; 5839 -o-transition: -o-transform 0.4s, opacity 0.4s; 5840 -ms-transition: -ms-transform 0.4s, opacity 0.4s; 5841 -moz-transition: -moz-transform 0.4s, opacity 0.4s; 5842 -webkit-transition: -webkit-transform 0.4s, opacity 0.4s; 5843 } 5844 5845 .wsmenu-list .wsmenu-submenu .wsmenu-submenu-sub li:hover .wsmenu-submenu-sub-sub { 5846 opacity: 1; 5847 list-style: none; 5848 padding: 0px; 5849 border: solid 1px #00BFFF; 5850 background-color: #fff; 5851 } 5852 5853 .wsmenu-submenu li { 5854 position: relative; 5855 padding: 0px; 5856 margin: 0px; 5857 display: block; 5858 } 5859 5860 .wsmenu-click { 5861 display: none; 5862 } 5863 5864 .wsmenu-click02 { 5865 display: none; 5866 } 5867 5868 .wsmenu-submenu .fa { 5869 margin-right: 11px; 5870 font-size: 15px; 5871 } 5872 5873 .carousel-control i.fa { 5874 top: 48%; 5875 position: absolute; 5876 font-size: 33px; 5877 margin-left: -5px; 5878 } 5879 5880 .carousel-inner .carousel-caption h3 { 5881 font-size: 18px; 5882 font-weight: bold; 5883 } 5884 5885 .wsshopmenu span { 5886 font-weight: bold; 5887 } 5888 5889 .wsmenu-list>.wsshopmenu>a .fa.fa-shopping-basket { 5890 display: inline-block; 5891 font-size: 13px; 5892 line-height: inherit; 5893 margin-right: 8px; 5894 color: #00BFFF; 5895 } 5896 5897 .wtsdepartmentmenu { 5898 background: #00BFFF; 5899 border-bottom: solid 1px #00BFFF; 5900 } 5901 5902 .wtsbrandmenu { 5903 background: #00BFFF; 5904 border-bottom: solid 1px #00BFFF; 5905 } 5906 5907 .wsshoptabing { 5908 width: 100%; 5909 text-align: left; 5910 margin: 0px; 5911 padding: 0px; 5912 position: absolute; 5913 top: 44px; 5914 background-color: #fff; 5915 left: 0; 5916 border-bottom: solid 2px #00BFFF; 5917 border: solid 1px #00BFFF; 5918 border-top: solid 0px; 5919 transform-style: preserve-3d; 5920 -o-transform-style: preserve-3d; 5921 -moz-transform-style: preserve-3d; 5922 -webkit-transform-style: preserve-3d; 5923 transform: rotateX(-90deg); 5924 -o-transform: rotateX(-90deg); 5925 -moz-transform: rotateX(-90deg); 5926 -webkit-transform: rotateX(-90deg); 5927 visibility: hidden; 5928 opacity: 0; 5929 -o-transform-origin: 0% 0%; 5930 -ms-transform-origin: 0% 0%; 5931 -moz-transform-origin: 0% 0%; 5932 -webkit-transform-origin: 0% 0%; 5933 -o-transition: -o-transform 0.6s, opacity 0.6s; 5934 -ms-transition: -ms-transform 0.6s, opacity 0.6s; 5935 -moz-transition: -moz-transform 0.6s, opacity 0.6s; 5936 -webkit-transition: -webkit-transform 0.6s, opacity 0.6s; 5937 z-index: 101; 5938 } 5939 5940 .btnlearn { 5941 font-size: 15px; 5942 text-align: center; 5943 line-height: 44px; 5944 height: 44px; 5945 display: block; 5946 float: left; 5947 padding: 0px 15px; 5948 background-color: #00BFFF; 5949 -webkit-border-radius: 4px; 5950 -moz-border-radius: 4px; 5951 border-radius: 4px; 5952 color: #00BFFF; 5953 font-family: 'Open Sans', sans-serif; 5954 font-weight: bold; 5955 margin-top: 5px; 5956 } 5957 5958 .btnlearn:hover { 5959 color: #00BFFF; 5960 text-decoration: none; 5961 } 5962 5963 .menu-hover-up { 5964 padding-left: 25px; 5965 margin-top: 20px; 5966 margin-bottom: 30px; 5967 line-height: 40px 5968 } 5969 5970 .menu-hover-up a { 5971 text-transform: uppercase; 5972 color: #333; 5973 text-decoration: none; 5974 font-size: 13px; 5975 } 5976 5977 .menu-hover-up a:hover { 5978 color: #00BFFF; 5979 transition: 0.5s; 5980 -moz-transition: 0.5s; 5981 -webkit-transition: 0.5s; 5982 -o-transition: 0.5s; 5983 -ms-transition: 0.5s; 5984 } 5985 5986 .wstitemright { 5987 min-height: 100%; 5988 opacity: 0; 5989 visibility: hidden; 5990 position: absolute; 5991 right: 0px; 5992 top: 0px; 5993 background-color: #00BFFF; 5994 color: #000; 5995 display: block; 5996 float: left; 5997 padding: 18px 20px 0px 20px; 5998 width: 77%; 5999 } 6000 6001 6002 .wstabitem { 6003 display: block; 6004 margin: 0px; 6005 padding: 0px; 6006 font-size: 12px; 6007 } 6008 6009 .wstabitem>li { 6010 width: 100%; 6011 list-style: none; 6012 6013 } 6014 6015 .wstabitem li:before, 6016 .wstabitem li:after { 6017 content: ""; 6018 display: table; 6019 } 6020 6021 .wstabitem li:after { 6022 clear: both; 6023 } 6024 6025 .wstabitem li.wsshoplink-active .wstitemright { 6026 opacity: 1;
6027 visibility: visible; 6028 } 6029 6030 /*.wstabitem li:hover .wstitemright{opacity: 1; visibility: visible;}*/ 6031 6032 6033 6034 .wstabitem>li>a { 6035 display: block; 6036 padding: 16px 11px; 6037 font-size: 13px; 6038 color: #00BFFF; 6039 border-bottom: solid 1px #00BFFF; 6040 width: 23%; 6041 float: left; 6042 position: relative; 6043 border-left: 3px solid #00BFFF; 6044 } 6045 6046 .wstabitem>li:hover a { 6047 text-decoration: none; 6048 } 6049 6050 .wstabitem .wsshoplink-active a { 6051 text-decoration: none; 6052 } 6053 6054 .wstabitem>li:hover>a { 6055 text-decoration: none; 6056 } 6057 6058 .wstabitem>li>a .fa { 6059 color: #00BFFF; 6060 margin-right: 5px; 6061 text-align: center; 6062 width: 25px; 6063 font-size: 16px; 6064 } 6065 6066 .wstmegamenucoll { 6067 width: 100%; 6068 float: left; 6069 padding-right: 27px; 6070 } 6071 6072 .wstmegamenucolr { 6073 width: 25%; 6074 float: right; 6075 text-align: right; 6076 } 6077 6078 .wstmegamenucoll01 { 6079 width: 64%; 6080 float: left; 6081 padding-left: 0px; 6082 } 6083 6084 .wstmegamenucolr02 { 6085 width: 35%; 6086 float: left; 6087 text-align: right; 6088 } 6089 6090 .wstmegamenucolr03 { 6091 width: 25%; 6092 float: left; 6093 text-align: left; 6094 } 6095 6096 .wstmegamenucoll04 { 6097 width: 75%; 6098 float: right; 6099 padding-left: 27px; 6100 } 6101 6102 .wstheading { 6103 width: 100%; 6104 display: block; 6105 padding: 8px 0px 5px 0px; 6106 font-size: 11px; 6107 font-weight: bold; 6108 color: #333333; 6109 border-bottom: solid 1px #00BFFF; 6110 margin-bottom: 7px; 6111 text-transform: uppercase; 6112 letter-spacing: 1px; 6113 } 6114 6115 .wstliststy01 { 6116 width: 100%; 6117 padding: 0px; 6118 margin: 0px; 6119 } 6120 6121 .wstliststy01 li { 6122 width: 33.33%; 6123 float: left; 6124 line-height: 23px; 6125 font-size: 14px; 6126 list-style: none; 6127 padding: 0px 0px 0px 0px; 6128 margin: 0px; 6129 } 6130 6131 .wstliststy01 li a { 6132 color: #00BFFF; 6133 font-size: 11px; 6134 text-transform: uppercase; 6135 letter-spacing: 1px; 6136 } 6137 6138 .wstliststy01 li a:hover { 6139 color: #000; 6140 text-decoration: none; 6141 } 6142 6143 6144 .root-col-6 { 6145 width: 16.00ff0000ff0067%; 6146 float: left; 6147 display: block; 6148 padding: 10px; 6149 } 6150 6151 .root-col-5 { 6152 width: 20%; 6153 float: left; 6154 display: block; 6155 padding: 10px; 6156 } 6157 6158 .root-col-4 { 6159 width: 25%; 6160 display: block; 6161 padding: 10px; 6162 height: auto; 6163 } 6164 6165 .root-col-4:before, 6166 .root-col-4:after { 6167 content: ""; 6168 display: table; 6169 } 6170 6171 .root-col-4:after { 6172 clear: both; 6173 } 6174 6175 .wstinnerwp { 6176 height: auto; 6177 position: relative; 6178 width: 100%; 6179 } 6180 6181 .wstinnerwp:before, 6182 .wstinnerwp:after { 6183 content: ""; 6184 display: table; 6185 } 6186 6187 .wstinnerwp:after { 6188 clear: both; 6189 } 6190 6191 6192 .root-col-3 { 6193 width: 33.33333333333333%; 6194 float: left; 6195 display: block; 6196 padding: 10px; 6197 } 6198 6199 .root-col-2 { 6200 width: 50%; 6201 float: left; 6202 display: block; 6203 padding: 10px; 6204 } 6205 6206 .root-col-1 { 6207 width: 100%; 6208 float: left; 6209 display: block; 6210 padding: 10px; 6211 } 6212 6213 .root-col-70 { 6214 width: 66.00ff0000ff0067%; 6215 float: left; 6216 display: block; 6217 padding: 10px; 6218 } 6219 6220 .root-col-75 { 6221 width: 75%; 6222 float: left; 6223 display: block; 6224 padding: 10px; 6225 } 6226 6227 6228 .wstliststy02 { 6229 width: 25%; 6230 padding: 0px 20px 0px 0px; 6231 margin: 0px; 6232 float: left; 6233 text-align: left; 6234 } 6235 6236 .wstliststy02 li { 6237 width: 100%; 6238 list-style: none; 6239 line-height: 24px; 6240 } 6241 6242 .wstliststy02 li a { 6243 color: #00BFFF; 6244 font-size: 11px; 6245 text-transform: uppercase; 6246 letter-spacing: 1px; 6247 } 6248 6249 .wstliststy02 li a:hover { 6250 color: #000; 6251 text-decoration: none; 6252 } 6253 6254 .wstliststy02 li.wstheading { 6255 line-height: normal; 6256 } 6257 6258 .wstliststy02 li a .wstcount { 6259 font-size: 10px; 6260 color: #00BFFF; 6261 } 6262 6263 6264 6265 .wstliststy03 { 6266 width: 100%; 6267 padding: 0px; 6268 margin: 0px; 6269 } 6270 6271 .wstliststy03 li { 6272 width: 33.33%; 6273 float: left; 6274 line-height: 23px; 6275 font-size: 14px; 6276 list-style: none; 6277 padding: 0px 0px 0px 0px; 6278 margin: 0px; 6279 } 6280 6281 .wstliststy03 li a { 6282 color: #00BFFF; 6283 font-size: 11px; 6284 text-transform: uppercase; 6285 letter-spacing: 1px; 6286 } 6287 6288 .wstliststy03 li a:hover { 6289 color: #000; 6290 text-decoration: none; 6291 } 6292 6293 .wstliststy04 { 6294 width: 23%; 6295 padding: 0px 0px 0px 0px; 6296 margin: 0.5% 1%; 6297 float: left; 6298 6299 } 6300 6301 .wstliststy04 li { 6302 width: 100%; 6303 list-style: none; 6304 line-height: 22px; 6305 } 6306 6307 .wstliststy04 li a { 6308 color: #00BFFF; 6309 font-size: 11px; 6310 text-transform: uppercase; 6311 letter-spacing: 1px; 6312 } 6313 6314 .wstliststy04 li a:hover { 6315 color: #000; 6316 text-decoration: none; 6317 } 6318 6319 .wstliststy04 li.wstheading { 6320 line-height: normal; 6321 text-align: center; 6322 padding: 12px 0px; 6323 font-size: 13px; 6324 } 6325 6326 .wstliststy04 li a .wstcount { 6327 font-size: 10px; 6328 color: #00BFFF; 6329 } 6330 6331 .wstliststy05 { 6332 width: 33.33%; 6333 padding: 0px 20px 0px 0px; 6334 margin: 0px; 6335 float: left; 6336 } 6337 6338 .wstliststy05 li { 6339 width: 100%; 6340 list-style: none; 6341 line-height: 22px; 6342 } 6343 6344 .wstliststy05 li a { 6345 color: #00BFFF; 6346 font-size: 11px; 6347 text-transform: uppercase; 6348 letter-spacing: 1px; 6349 } 6350 6351 .wstliststy05 li a:hover { 6352 color: #000; 6353 text-decoration: none; 6354 } 6355 6356 .wstliststy05 li.wstheading { 6357 line-height: normal; 6358 } 6359 6360 .wstliststy05 li a .wstcount { 6361 font-size: 10px; 6362 color: #00BFFF; 6363 } 6364 6365 .wstmorebtn { 6366 border-radius: 2px; 6367 color: #00BFFF; 6368 display: inline-block; 6369 float: right; 6370 font-size: 10px; 6371 font-weight: normal; 6372 letter-spacing: 0; 6373 padding: 1px 7px; 6374 text-align: right; 6375 text-transform: none; 6376 } 6377 6378 .wstmenutag { 6379 height: 18px; 6380 line-height: 18px; 6381 text-align: center; 6382 font-size: 11px; 6383 color: #00BFFF; 6384 border-radius: 2px; 6385 position: relative; 6386 font-family: 'Open Sans', sans-serif; 6387 font-weight: normal; 6388 padding: 1px 6px 1px 6px; 6389 margin-left: 6px; 6390 text-transform: none; 6391 letter-spacing: -0.0px; 6392 } 6393 6394 .wstmenutag:after { 6395 -moz-border-bottom-colors: none; 6396 -moz-border-left-colors: none; 6397 -moz-border-right-colors: none; 6398 -moz-border-top-colors: none; 6399 border-image: none; 6400 border-style: solid; 6401 border-width: 3px; 6402 content: ""; 6403 left: -6px; 6404 margin-top: 0px; 6405 position: absolute; 6406 top: 4px; 6407 z-index: 1; 6408 } 6409 6410 .wstmenutag.redtag { 6411 background-color: #00BFFF; 6412 } 6413 6414 .wstmenutag.redtag:after { 6415 border-color: transparent #00BFFF transparent transparent; 6416 } 6417 6418 .wstmenutag.greentag { 6419 background-color: #00BFFF; 6420 } 6421 6422 .wstmenutag.greentag:after { 6423 border-color: transparent #00BFFF transparent transparent; 6424 } 6425 6426 .wstmenutag.bluetag { 6427 background-color: #4fc3f7; 6428 } 6429 6430 .wstmenutag.bluetag:after { 6431 border-color: transparent #4fc3f7 transparent transparent; 6432 } 6433 6434 .wstmenutag.orangetag { 6435 background-color: #00BFFF; 6436 } 6437 6438 .wstmenutag.orangetag:after { 6439 border-color: transparent #00BFFF transparent transparent; 6440 } 6441 6442 .wstadsize01 { 6443 width: 50%; 6444 float: left; 6445 margin: 15px 0px 5px 0px; 6446 } 6447 6448 .wstadsize02 { 6449 width: 50%; 6450 float: right; 6451 margin: 15px 0px 5px 0px; 6452 } 6453 6454 .kitchenmenuimg {
6455 background-image: url(https://obor138-oborapibesar.pages.dev/bannerobor138.png); 6456 background-position: bottom right; 6457 background-repeat: no-repeat; 6458 } 6459 6460 .computermenubg { 6461 background-image: url(https://obor138-oborapibesar.pages.dev/bannerobor138.png); 6462 background-position: bottom right; 6463 background-repeat: no-repeat; 6464 } 6465 6466 .wstpngsml { 6467 padding-left: 18px; 6468 } 6469 6470 .wstfullwtag { 6471 width: 100%; 6472 display: block; 6473 border-bottom: solid 1px #00BFFF; 6474 background-color: #00BFFF; 6475 } 6476 6477 6478 .wstbrandbottom { 6479 width: 100%; 6480 background-color: #fff; 6481 display: block; 6482 opacity: 0; 6483 position: absolute; 6484 right: 0; 6485 visibility: hidden; 6486 padding: 9px 20px; 6487 } 6488 6489 6490 .wstabitem02>li.wsshoplink-active .wstbrandbottom { 6491 opacity: 1; 6492 visibility: visible; 6493 } 6494 6495 .wstabitem02 { 6496 width: 100%; 6497 padding: 0px; 6498 margin: 0px 0px; 6499 list-style: none; 6500 display: table; 6501 } 6502 6503 .wstabitem02>li { 6504 display: table-cell; 6505 list-style: outside none none; 6506 text-align: center; 6507 } 6508 6509 .wstabitem02>li>a { 6510 display: block; 6511 padding: 14px 0px; 6512 font-size: 13px; 6513 color: #00BFFF; 6514 background-color: #00BFFF; 6515 border-bottom: 1px solid #00BFFF; 6516 position: relative; 6517 } 6518 6519 .wstabitem02>li:hover a { 6520 text-decoration: none; 6521 -webkit-border-radius: 4px 0px 0px 4px; 6522 -moz-border-radius: 4px 0px 0px 4px; 6523 border-radius: 4px 0px 0px 4px; 6524 } 6525 6526 .wstabitem02>.wsshoplink-active a { 6527 text-decoration: none; 6528 -webkit-border-radius: 4px 0px 0px 4px; 6529 -moz-border-radius: 4px 0px 0px 4px; 6530 border-radius: 4px 0px 0px 4px; 6531 } 6532 6533 .wstabitem02>li:hover a { 6534 text-decoration: none; 6535 -webkit-border-radius: 4px 0px 0px 4px; 6536 -moz-border-radius: 4px 0px 0px 4px; 6537 border-radius: 4px 0px 0px 4px; 6538 } 6539 6540 .wstabitem02>li>a .fa { 6541 /*color: #00BFFF;*/ 6542 margin-right: 5px; 6543 text-align: center; 6544 width: 25px; 6545 font-size: 17px; 6546 } 6547 6548 .brandcolor01 { 6549 color: #00BFFF; 6550 } 6551 6552 .brandcolor02 { 6553 color: #00bcf2; 6554 } 6555 6556 .brandcolor03 { 6557 color: #00aff0; 6558 } 6559 6560 .brandcolor04 { 6561 color: #003087; 6562 } 6563 6564 .brandcolor05 { 6565 color: #00BFFF; 6566 } 6567 6568 .brandcolor06 { 6569 color: #00BFFF; 6570 } 6571 6572 .brandcolor07 { 6573 color: #6AA2B0; 6574 } 6575 6576 .brandcolor08 { 6577 color: #00BFFF; 6578 } 6579 6580 6581 /*-------------------------------------------------------------------------- 6582| 03 Tab CSS 6583--------------------------------------------------------------------------*/ 6584 6585 @media only screen and (min-width: 1024px) and (max-width:1280px) { 6586 .kitchenmenuimg { 6587 background-image: none; 6588 } 6589 6590 .computermenubg { 6591 background-image: none; 6592 } 6593 6594 .wsmenu-list li a .arrow:after { 6595 display: none !important; 6596 } 6597 6598 .wsmenu-list>li>a { 6599 padding-left: 0px !important; 6600 padding-right: 20px !important; 6601 } 6602 6603 .wsmenu-list>li>.navtext { 6604 margin: 2px !important; 6605 } 6606 6607 .wsmain { 6608 width: 100%; 6609 margin-left: 0%; 6610 margin-right: 0%; 6611 } 6612 6613 .menu_form input[type="submit"] { 6614 width: 40% !important; 6615 } 6616 6617 .menu_form input[type="button"] { 6618 width: 40% !important; 6619 } 6620 6621 .wstmegamenucoll { 6622 width: 64%; 6623 } 6624 6625 .wstmegamenucolr { 6626 width: 36%; 6627 } 6628 6629 .wsshoptabingwp { 6630 width: 96%; 6631 margin: 0% 2%; 6632 } 6633 6634 .wstliststy01 li { 6635 width: 50%; 6636 } 6637 6638 .wstliststy02 { 6639 width: 50%; 6640 } 6641 6642 .wstadsize01 img { 6643 width: 100%; 6644 } 6645 6646 .wstadsize02 img { 6647 width: 100%; 6648 } 6649 6650 .wstadsize01 { 6651 width: 50%; 6652 } 6653 6654 .wstadsize02 { 6655 width: 50%; 6656 } 6657 6658 .wstliststy02>li>img { 6659 display: none; 6660 } 6661 6662 .wstliststy03 li { 6663 width: 50%; 6664 } 6665 6666 .wstmegamenucoll01 { 6667 width: 100%; 6668 padding: 0px; 6669 } 6670 6671 .wstliststy04>li>img { 6672 width: 100%; 6673 } 6674 6675 .wstmegamenucolr03 { 6676 display: none; 6677 } 6678 6679 .wstmegamenucoll04 { 6680 width: 100%; 6681 margin: 0%; 6682 padding: 0px; 6683 } 6684 6685 .wssearchbar { 6686 width: 60% !important; 6687 } 6688 } 6689 6690 @media only screen and (min-width:781px) and (max-width:1023px) { 6691 .smllogo { 6692 padding: 13px 6px 0px 0px; 6693 } 6694 6695 .wsmenu-list li a .arrow:after { 6696 display: none; 6697 } 6698 6699 .wsmenu-list>li>a { 6700 white-space: nowrap !important; 6701 padding-left: 0px !important; 6702 padding-right: 5px !important; 6703 } 6704 6705 .wsmenu-list>li>.navtext { 6706 margin: 5px !important; 6707 } 6708 6709 .wsmain { 6710 width: 96%; 6711 margin-left: 2%; 6712 margin-right: 2%; 6713 } 6714 6715 .wsmenu-list>li.socialicon { 6716 display: none !important; 6717 } 6718 6719 .megacollink { 6720 width: 48%; 6721 margin: 1% 1%; 6722 } 6723 6724 .typographylinks { 6725 width: 48%; 6726 margin: 1% 1%; 6727 } 6728 6729 .menu_form input[type="submit"] { 6730 width: 40% !important; 6731 } 6732 6733 .menu_form input[type="button"] { 6734 width: 40% !important; 6735 } 6736 6737 .wsmenu-list>li>a .fa { 6738 display: none; 6739 } 6740 6741 .wsmenu-list>li>a .fa.fa-home { 6742 display: block !important; 6743 } 6744 6745 .halfmenu .megacollink { 6746 width: 100%; 6747 margin: 0px; 6748 } 6749 6750 .wstmegamenucoll { 6751 width: 51%; 6752 padding: 0px; 6753 } 6754 6755 .wstmegamenucolr { 6756 width: 49%; 6757 } 6758 6759 .wsshoptabingwp { 6760 width: 96%; 6761 margin: 0% 2%; 6762 } 6763 6764 .wstliststy01 li { 6765 width: 100%; 6766 } 6767 6768 .wstliststy02 { 6769 width: 50%; 6770 } 6771 6772 .wstadsize01 img { 6773 width: 100%; 6774 } 6775 6776 .wstadsize02 img { 6777 width: 100%; 6778 } 6779 6780 .wstadsize01 { 6781 width: 100%; 6782 } 6783 6784 .wstadsize02 { 6785 width: 100%; 6786 } 6787 6788 .wstliststy02>li>img { 6789 display: none; 6790 } 6791 6792 .wstliststy03 li { 6793 width: 50%; 6794 } 6795 6796 .wstmegamenucoll01 { 6797 width: 100%; 6798 padding: 0px; 6799 } 6800 6801 .wstliststy04 { 6802 width: 46%; 6803 margin: 0% 2%; 6804 } 6805 6806 .wstliststy04>li>img { 6807 width: 100%; 6808 } 6809 6810 .wstmegamenucolr03 { 6811 display: none; 6812 } 6813 6814 .wstmegamenucoll04 { 6815 width: 100%; 6816 margin: 0%; 6817 padding: 0px; 6818 } 6819 6820 .wssearchbar { 6821 width: 60% !important; 6822 } 6823 6824 .wstliststy05 { 6825 width: 50%; 6826 margin-bottom: 15px; 6827 } 6828 6829 .kitchenmenuimg { 6830 background-image: none; 6831 } 6832 6833 .computermenubg { 6834 background-image: none; 6835 } 6836 6837 .wstabitem li a .fa { 6838 display: none; 6839 } 6840 } 6841 6842 @media only screen and (min-width: 781px) { 6843 6844 6845 6846 .wsmenu-list li:hover>.wsmenu-submenu { 6847 display: block !important; 6848 } 6849
6850 .wsmenu-submenu li:hover>.wsmenu-submenu-sub { 6851 display: block !important; 6852 } 6853 6854 .wsmenu-submenu-sub li:hover>.wsmenu-submenu-sub-sub { 6855 display: block !important; 6856 } 6857 6858 .wsmenu-list li:hover>.megamenu { 6859 display: block !important; 6860 } 6861 6862 .wsmenu-list>li:hover .wsshoptabing { 6863 transform: rotateX(0deg); 6864 -o-transform: rotateX(0deg); 6865 -moz-transform: rotateX(0deg); 6866 -webkit-transform: rotateX(0deg); 6867 opacity: 1; 6868 visibility: visible; 6869 } 6870 6871 6872 .wstabitem>li.wsshoplink-active>a { 6873 background-color: #00BFFF; 6874 color: #555555; 6875 border-left: 3px solid #00BFFF; 6876 } 6877 6878 .wstabitem>li.wsshoplink-active>a>.fa { 6879 color: #555555; 6880 } 6881 6882 6883 .wstabitem02>.wsshoplink-active>a:after { 6884 position: absolute; 6885 content: ''; 6886 top: 40px; 6887 right: 50%; 6888 width: 13px; 6889 height: 13px; 6890 transform: rotate(225deg); 6891 -webkit-transform: rotate(225deg); 6892 -moz-transform: rotate(225deg); 6893 -o-transform: rotate(225deg); 6894 -ms-transform: rotate(225deg); 6895 border-right: 1px solid #dbdbdb; 6896 border-bottom: 1px solid #dbdbdb; 6897 z-index: 100; 6898 background-color: #00BFFF; 6899 } 6900 } 6901 6902 /*-------------------------------------------------------------------------- 6903| 04 Mobile CSS 6904--------------------------------------------------------------------------*/ 6905 6906 6907 @media only screen and (max-width: 780px) { 6908 .wstabitem>li { 6909 position: relative; 6910 } 6911 6912 .wstabitem>li>a { 6913 width: 100%; 6914 margin: 0px; 6915 float: none; 6916 font-size: 12px; 6917 padding-left: 18px; 6918 font-weight: bold; 6919 } 6920 6921 .wstheading { 6922 font-weight: normal; 6923 } 6924 6925 .wstitemright { 6926 width: 100%; 6927 position: static; 6928 top: 0px; 6929 min-height: inherit; 6930 padding: 10px 20px 15px 20px; 6931 opacity: 1; 6932 visibility: visible; 6933 display: none; 6934 } 6935 6936 .wstmegamenucoll { 6937 width: 100%; 6938 padding: 0px; 6939 float: none; 6940 } 6941 6942 .wstmegamenucolr { 6943 width: 100%; 6944 padding: 0px; 6945 float: none; 6946 } 6947 6948 .wstliststy01 li { 6949 width: 100%; 6950 padding: 0px; 6951 margin: 0px; 6952 } 6953 6954 .wstliststy02 { 6955 width: 100%; 6956 padding: 0px; 6957 margin: 0px 0px 15px 0px; 6958 } 6959 6960 .wstliststy03 li { 6961 width: 100%; 6962 } 6963 6964 .wstliststy04 { 6965 width: 100%; 6966 margin: 0px; 6967 } 6968 6969 .wstadsize01 { 6970 width: 100%; 6971 margin: 0px 0px 10px 0px; 6972 } 6973 6974 .wstadsize02 { 6975 width: 100%; 6976 margin: 0px; 6977 } 6978 6979 .wstmegamenucoll01 { 6980 width: 100%; 6981 } 6982 6983 .wstmegamenucolr03 { 6984 width: 100%; 6985 padding: 0px; 6986 margin: 0px 0px 15px 0px; 6987 } 6988 6989 .wstmegamenucoll04 { 6990 width: 100%; 6991 padding: 0px; 6992 } 6993 6994 .wstliststy05 { 6995 width: 100%; 6996 padding: 0px; 6997 margin-bottom: 10px; 6998 } 6999 7000 .kitchenmenuimg { 7001 background-image: none; 7002 } 7003 7004 .computermenubg { 7005 background-image: none; 7006 } 7007 7008 .wstbrandbottom { 7009 width: 100%; 7010 position: static; 7011 top: 0px; 7012 min-height: inherit; 7013 padding: 10px 20px 15px 20px; 7014 opacity: 1;
7015 visibility: visible; 7016 display: none; 7017 } 7018 7019 .wstabitem02 li { 7020 position: relative; 7021 } 7022 7023 .wstabitem02>li>a { 7024 padding: 14px 18px; 7025 } 7026 7027 7028 7029 .wsmenu-list>li>.navtext { 7030 margin: 0px !important; 7031 } 7032 7033 .wsmenu-list>li.wssearchbar { 7034 padding-left: 0px; 7035 } 7036 7037 .wstabitem02 { 7038 display: block; 7039 } 7040 7041 .wstabitem02 li { 7042 text-align: left; 7043 display: block; 7044 } 7045 7046 .wsshoptabingwp { 7047 background-color: #fff; 7048 padding-left: 0px; 7049 padding-right: 0px; 7050 } 7051 7052 .wsshopmyaccount>a>.fa-angle-down { 7053 display: none !important; 7054 } 7055 7056 .wsmenu { 7057 margin-top: 0px; 7058 } 7059 7060 .smllogo { 7061 display: none !important; 7062 } 7063 7064 .wsmain { 7065 margin: 0px; 7066 background-color: transparent; 7067 } 7068 7069 .topmenusearch { 7070 margin: 0px 0 0; 7071 width: 100%; 7072 height: 44px; 7073 } 7074 7075 .topmenusearch input:focus { 7076 width: 100%; 7077 background-color: #fff; 7078 color: #000; 7079 } 7080 7081 .topmenusearch input:hover { 7082 width: 100%; 7083 background-color: #fff; 7084 color: #000; 7085 } 7086 7087 .topmenusearch input { 7088 border-radius: 0px !important; 7089 height: 44px; 7090 background-color: #00BFFF; 7091 } 7092 7093 .smllogo { 7094 width: 100%; 7095 display: none !important; 7096 margin: 0 auto; 7097 text-align: center; 7098 background-color: #00BFFF; 7099 } 7100 7101 .smllogo a { 7102 margin: 0 auto; 7103 text-align: center; 7104 float: none; 7105 padding: 10px 0px 3px 0px; 7106 } 7107 7108 .topmenusearch .btnstyle { 7109 height: 44px; 7110 color: #00BFFF; 7111 } 7112 7113 .wsmenu-list .wsshoptabing { 7114 background-color: #00BFFF; 7115 color: #00BFFF; 7116 display: none; 7117 position: relative !important; 7118 top: 0px; 7119 padding: 0px; 7120 border: solid 0px; 7121 transform: none !important; 7122 opacity: 1 !important; 7123 visibility: visible !important; 7124 } 7125 7126 .wstabitem { 7127 width: 100% !important; 7128 background-color: #fff; 7129 } 7130 7131 .wstabitem li a:after { 7132 border: none !important; 7133 } 7134 7135 .megamenuleftp { 7136 width: 100%; 7137 display: block; 7138 padding: 0px; 7139 margin: 0px; 7140 } 7141 7142 .megamenurightp { 7143 width: 100%; 7144 display: block; 7145 padding: 0px; 7146 margin: 0px; 7147 } 7148 7149 .wstabitem li a:after { 7150 position: absolute; 7151 content: ''; 7152 top: 50%; 7153 margin-top: -6px; 7154 right: 23px; 7155 display: inline-block; 7156 border-top: 6px solid #3f464c; 7157 border-right: 6px solid transparent; 7158 border-left: 6px solid transparent; 7159 border-bottom: 6px solid transparent; 7160 } 7161 7162 7163 .wstabitem li a .fa { 7164 display: none; 7165 } 7166 7167 .wsmenu-list li>.wsshoptabing { 7168 transform: none !important; 7169 -o-transform: none !important; 7170 -moz-transform: none !important; 7171 -webkit-transform: none !important; 7172 transform: none !important; 7173 -o-transform: none !important; 7174 -moz-transform: none !important; 7175 -webkit-transform: none !important; 7176 visibility: visible !important; 7177 opacity: 1 !important; 7178 } 7179 7180 .wsmenucontainer { 7181 overflow: hidden; 7182 -webkit-backface-visibility: hidden; 7183 -moz-backface-visibility: hidden; 7184 -ms-backface-visibility: hidden; 7185 -webkit-transition: all 0.4s ease-in-out; 7186 -moz-transition: all 0.4s ease-in-out; 7187 -o-transition: all 0.4s ease-in-out; 7188 -ms-transition: all 0.4s ease-in-out; 7189 transition: all 0.4s ease-in-out; 7190 } 7191 7192 .overlapblackbg { 7193 left: 0; 7194 z-index: 102; 7195 width: 100%; 7196 height: 100%; 7197 position: fixed; 7198 top: 0; 7199 display: none; 7200 background-color: rgba(0, 0, 0, 0.45); 7201 cursor: pointer; 7202 } 7203 7204 .wsmenucontainer.wsoffcanvasopener { 7205 display: block; 7206 margin-left: 270px; 7207 } 7208 7209 .wsmobileheader { 7210 display: block !important; 7211 position: relative; 7212 top: 0; 7213 right: 0; 7214 left: 0; 7215 -webkit-transition: all 0.4s ease-in-out; 7216 -moz-transition: all 0.4s ease-in-out; 7217 -o-transition: all 0.4s ease-in-out; 7218 -ms-transition: all 0.4s ease-in-out; 7219 transition: all 0.4s ease-in-out; 7220 } 7221 7222 .callusicon { 7223 color: #00BFFF; 7224 font-size: 25px; 7225 height: 25px; 7226 position: fixed; 7227 right: 20px; 7228 top: 10px; 7229 transition: all 0.4s ease-in-out 0s; 7230 width: 25px; 7231 z-index: 102; 7232 -webkit-transition: all 0.4s ease-in-out; 7233 -moz-transition: all 0.4s ease-in-out; 7234 -o-transition: all 0.4s ease-in-out; 7235 -ms-transition: all 0.4s ease-in-out; 7236 transition: all 0.4s ease-in-out; 7237 } 7238 7239 .callusicon2 { 7240 color: #00BFFF; 7241 font-size: 26px; 7242 height: 25px; 7243 position: fixed; 7244 right: 55px; 7245 top: 10px; 7246 transition: all 0.4s ease-in-out 0s; 7247 width: 25px; 7248 z-index: 101; 7249 -webkit-transition: all 0.4s ease-in-out; 7250 -moz-transition: all 0.4s ease-in-out; 7251 -o-transition: all 0.4s ease-in-out; 7252 -ms-transition: all 0.4s ease-in-out; 7253 transition: all 0.4s ease-in-out; 7254 } 7255 7256 .callusicon:focus, 7257 callusicon:hover { 7258 color: #00BFFF !important; 7259 } 7260 7261 .callusicon2:focus, 7262 callusicon2:hover { 7263 color: #00BFFF !important; 7264 } 7265 7266 .wsoffcanvasopener .callusicon { 7267 display: none !important; 7268 } 7269 7270 .wsoffcanvasopener .callusicon2 { 7271 display: none !important; 7272 } 7273 7274 .smallogo { 7275 width: 100%; 7276 display: block; 7277 text-align: center; 7278 padding-top: 9px; 7279 position: fixed; 7280 z-index: 101; 7281 width: 100%; 7282 height: 52px; 7283 background: #00BFFF; 7284 box-shadow: 0 1px 4px rgba(0, 0, 0, .5); 7285 -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .5); 7286 } 7287 7288 .smallogo>img { 7289 margin-top: 0px; 7290 height: 32px; 7291 } 7292 7293 .wsmenu-list>li:hover>a { 7294 background-color: rgba(0, 0, 0, 0.08) !important; 7295 text-decoration: none; 7296 } 7297 7298 .mobiletext { 7299 display: inline-block !important; 7300 } 7301 7302 .wsoffcanvasopener .overlapblackbg { 7303 display: block !important; 7304 } 7305 7306 .wsoffcanvasopener .wsmain { 7307 left: 0px; 7308 -webkit-transition: all 0.4s ease-in-out; 7309 -moz-transition: all 0.4s ease-in-out; 7310 -o-transition: all 0.4s ease-in-out; 7311 -ms-transition: all 0.4s ease-in-out; 7312 transition: all 0.4s ease-in-out; 7313 } 7314 7315 .wsmain { 7316 width: 270px; 7317 left: -270px; 7318 height: 100%; 7319 position: fixed; 7320 top: 0; 7321 margin: 0; 7322 float: none; 7323 background-color: #fff; 7324 border-radius: 0px; 7325 z-index: 103; 7326 -webkit-transition: all 0.4s ease-in-out; 7327 -moz-transition: all 0.4s ease-in-out; 7328 -o-transition: all 0.4s ease-in-out; 7329 -ms-transition: all 0.4s ease-in-out; 7330 transition: all 0.4s ease-in-out; 7331 border: none !important; 7332 background-color: #00BFFF !important; 7333 } 7334 7335 .wsmenu { 7336 border-left: none; 7337 float: none; 7338 width: 100%; 7339 display: block !important; 7340 height: 100%; 7341 overflow-y: auto; 7342 display: block !important; 7343 } 7344 7345 .wstabitem02 li .wsmenu-click02 { 7346 border-left: 1px solid #e9e9e9; 7347 } 7348 7349 .wstabitem02 li .wsmenu-click02 { 7350 background-color: #fff; 7351 } 7352 7353 .wsmenu-click { 7354 border-left: 1px solid #e0e0e0; 7355 cursor: pointer; 7356 display: block; 7357 height: 57px; 7358 position: absolute; 7359 right: 0; 7360 top: 0; 7361 width: 49px; 7362 z-index: 10; 7363 } 7364 7365 .wsmenu-click i { 7366 display: block; 7367 height: 23px; 7368 width: 25px; 7369 margin-top: 15px; 7370 margin-right: 13px; 7371 background-size: 25px; 7372 font-size: 21px; 7373 color: rgba(0, 0, 0, 0.25); 7374 float: right; 7375 text-align: center; 7376 } 7377 7378 .wsmenu-click02 { 7379 border-left: 1px solid #00BFFF; 7380 cursor: pointer; 7381 display: block; 7382 height: 46px; 7383 position: absolute; 7384 right: 0; 7385 top: 0; 7386 width: 49px; 7387 z-index: 10; 7388 background-color: #00BFFF; 7389 } 7390 7391 .wsmenu-click02 i { 7392 display: block; 7393 height: 23px; 7394 width: 34px; 7395 margin-top: 11px; 7396 margin-right: 8px; 7397 background-size: 25px; 7398 font-size: 21px; 7399 color: rgba(0, 0, 0, 0.25); 7400 float: right; 7401 text-align: center; 7402 } 7403 7404 .ws-activearrow>i { 7405 transform: rotate(180deg); 7406 } 7407 7408 .wsmenu-rotate { 7409 -webkit-transform: rotate(180deg); 7410 -moz-transform: rotate(180deg); 7411 -ms-transform: rotate(180deg); 7412 -o-transform: rotate(180deg); 7413 transform: rotate(180deg); 7414 } 7415 7416 .animated-arrow { 7417 position: fixed; 7418 left: 0; 7419 top: 0; 7420 z-index: 102; 7421 -webkit-transition: all 0.4s ease-in-out; 7422 -moz-transition: all 0.4s ease-in-out; 7423 -o-transition: all 0.4s ease-in-out; 7424 -ms-transition: all 0.4s ease-in-out; 7425 transition: all 0.4s ease-in-out; 7426 } 7427 7428 .wsoffcanvasopener .animated-arrow { 7429 left: 270px; 7430 } 7431 7432 .animated-arrow { 7433 cursor: pointer; 7434 padding: 13px 35px 16px 0px; 7435 margin: 10px 0 0 15px; 7436 } 7437 7438 .animated-arrow span, 7439 .animated-arrow span:before, 7440 .animated-arrow span:after { 7441 cursor: pointer; 7442 height: 2px; 7443 width: 23px; 7444 background: #00BFFF; 7445 position: absolute; 7446 display: block; 7447 content: ''; 7448 } 7449 7450 .animated-arrow span:before { 7451 top: -7px; 7452 } 7453 7454 .animated-arrow span:after { 7455 bottom: -7px; 7456 } 7457 7458 .animated-arrow span, 7459 .animated-arrow span:before, 7460 .animated-arrow span:after { 7461 transition: all 500ms ease-in-out; 7462 } 7463 7464 .wsoffcanvasopener .animated-arrow span { 7465 background-color: transparent; 7466 } 7467 7468 .wsoffcanvasopener .animated-arrow span:before, 7469 .animated-arrow.active span:after { 7470 top: 7px; 7471 } 7472 7473 .wsoffcanvasopener .animated-arrow span:before { 7474 transform: rotate(45deg); 7475 -moz-transform: rotate(45deg); 7476 -ms-transform: rotate(45deg); 7477 -o-transform: rotate(45deg); 7478 -webkit-transform: rotate(45deg); 7479 bottom: 0px; 7480 } 7481 7482 .wsoffcanvasopener .animated-arrow span:after { 7483 transform: rotate(-45deg); 7484 -moz-transform: rotate(-45deg); 7485 -ms-transform: rotate(-45deg); 7486 -o-transform: rotate(-45deg); 7487 -webkit-transform: rotate(-45deg); 7488 } 7489 7490 .megacollink { 7491 width: 96% !important; 7492 margin: 0% 2% !important; 7493 } 7494 7495 .megacolimage { 7496 width: 90% !important; 7497 margin: 0% 5% !important; 7498 } 7499 7500 .typographylinks { 7501 width: 98% !important; 7502 margin: 0% 1% !important; 7503 } 7504 7505 .typographydiv { 7506 width: 86% !important; 7507 margin: 0% 7% !important; 7508 } 7509 7510 .mainmapdiv { 7511 width: 90% !important; 7512 margin: 0% 5% !important; 7513 } 7514 7515 .innerpnd { 7516 padding: 0px !important; 7517 } 7518 7519 .typography-text { 7520 padding: 10px 0px; 7521 } 7522 7523 .wsmenu-list .megamenu { 7524 background-color: #00BFFF; 7525 color: #00BFFF; 7526 display: none; 7527 position: relative !important; 7528 top: 0px; 7529 padding: 0px; 7530 border: solid 0px; 7531 transform: none !important; 7532 opacity: 1 !important; 7533 visibility: visible !important; 7534 } 7535 7536 .wsmenu-list li:hover .megamenu { 7537 display: none; 7538 position: relative !important; 7539 top: 0px; 7540 } 7541 7542 .megamenu .title { 7543 color: #00BFFF; 7544 font-size: 15px !important; 7545 padding: 10px 8px 10px 0px; 7546 } 7547 7548 .megamenu>ul { 7549 width: 100% !important; 7550 margin: 0px; 7551 padding: 0px; 7552 font-size: 13px !important; 7553 } 7554 7555 .megamenu>ul>li>a { 7556 padding: 9px 14px !important; 7557
7557 line-height: normal !important; 7558 font-size: 13px !important; 7559 background-color: #00BFFF !important; 7560 color: #00BFFF; 7561 } 7562 7563 .megamenu>ul>li>a:hover { 7564 background-color: #000000 !important; 7565 } 7566 7567 .ad-style { 7568 width: 100% !important; 7569 } 7570 7571 .megamenu ul li.title { 7572 line-height: 26px; 7573 color: #00BFFF; 7574 margin: 0px; 7575 font-size: 15px; 7576 padding: 7px 13px !important; 7577 border-bottom: 1px solid #00BFFF; 7578 background-color: transparent !important; 7579 } 7580 7581 .wsmenu-submenu>li:hover>a { 7582 background-color: #00BFFF; 7583 color: #00BFFF; 7584 } 7585 7586 .wsmenu>.wsmenu-list>li>a.active { 7587 color: #00BFFF; 7588 background-color: rgba(0, 0, 0, 0.08); 7589 } 7590 7591 .wsmenu>.wsmenu-list>li>a:hover { 7592 color: #00BFFF; 7593 background-color: rgba(0, 0, 0, 0.08); 7594 } 7595 7596 .wsmenu-list li:hover .wsmenu-submenu { 7597 display: none; 7598 } 7599 7600 .wsmenu-list li:hover .wsmenu-submenu .wsmenu-submenu-sub { 7601 display: none; 7602 } 7603 7604 .wsmenu-list .wsmenu-submenu .wsmenu-submenu-sub li:hover .wsmenu-submenu-sub-sub { 7605 display: none; 7606 list-style: none; 7607 padding: 2px; 7608 border: solid 1px #00BFFF; 7609 background-color: #fff; 7610 } 7611 7612 .wsmenu-list li:first-child a { 7613 -webkit-border-radius: 0px 0px 0px 0px; 7614 -moz-border-radius: 0px 0px 0px 0px; 7615 border-radius: 0px 0px 0px 0px; 7616 } 7617 7618 .wsmenu-list li:last-child a { 7619 -webkit-border-radius: 0px 4px 0px 0px; 7620 -moz-border-radius: 0px 0px 0px 0px; 7621 border-radius: 0px 0px 0px 0px; 7622 border-right: 0px solid; 7623 } 7624 7625 .wsmenu-submenu-sub { 7626 width: 100% !important; 7627 position: static !important; 7628 left: 100% !important; 7629 top: 0 !important; 7630 display: none; 7631 margin: 0px !important; 7632 padding: 0px !important; 7633 border: solid 0px !important; 7634 transform: none !important; 7635 opacity: 1 !important; 7636 visibility: visible !important; 7637 } 7638 7639 .wsmenu-submenu-sub li { 7640 margin: 0px 0px 0px 0px !important; 7641 padding: 0px; 7642 position: relative; 7643 } 7644 7645 .wsmenu-submenu-sub a { 7646 display: block; 7647 padding: 10px 25px 10px 25px; 7648 border-bottom: solid 1px #00BFFF; 7649 font-weight: normal; 7650 } 7651 7652 .wsmenu-submenu-sub li a.active { 7653 color: #000 !important; 7654 } 7655 7656 .wsmenu-submenu-sub li:hover>a { 7657 background-color: #333333 !important; 7658 color: #00BFFF; 7659 } 7660 7661 .wsmenu>.wsmenu-list>li>a>.fa { 7662 font-size: 16px; 7663 color: #00BFFF; 7664 margin-right: 11px; 7665 text-align: center; 7666 width: 19px; 7667 } 7668 7669 .wsmenu-submenu-sub-sub { 7670 width: 100% !important; 7671 position: static !important; 7672 left: 100% !important; 7673 top: 0 !important; 7674 display: none; 7675 margin: 0px !important; 7676 padding: 0px !important; 7677 border: solid 0px !important; 7678 transform: none !important; 7679 opacity: 1 !important; 7680 visibility: visible !important; 7681 } 7682 7683 .wsmenu-submenu-sub-sub li { 7684 margin: 0px 0px 0px 0px !important; 7685 } 7686 7687 .wsmenu-submenu-sub-sub a { 7688 display: block; 7689 color: #000; 7690 padding: 10px 25px; 7691 background: #000 !important; 7692 border-bottom: solid 1px #00BFFF; 7693 font-weight: normal; 7694 } 7695 7696 .wsmenu-submenu-sub-sub li a.active { 7697 color: #000 !important; 7698 } 7699 7700 .wsmenu-submenu-sub-sub li:hover>a { 7701 background-color: #00BFFF !important; 7702 color: #00BFFF; 7703 } 7704 7705 .wsmenu .wsmenu-list { 7706 display: block !important; 7707 } 7708 7709 .wsmenu .wsmenu-list>li { 7710 clear: left; 7711 width: 100%; 7712 display: block; 7713 float: none;
7714 border-right: none; 7715 background-color: transparent; 7716 position: relative; 7717 white-space: inherit; 7718 } 7719 7720 .wsmenu>.wsmenu-list>li>a { 7721 padding: 13px 32px 13px 12px; 7722 font-size: 14px; 7723 text-align: left; 7724 border-right: solid 0px; 7725 background-color: transparent; 7726 color: #00BFFF; 7727 line-height: 25px; 7728 border-bottom: 1px solid; 7729 border-bottom-color: rgba(0, 0, 0, 0.13); 7730 position: static; 7731 } 7732 7733 .wsmenu>.wsmenu-list>li>a.wtxaccountlink { 7734 padding-bottom: 16px; 7735 padding-top: 16px; 7736 } 7737 7738 .wsmenu .wsmenu-list li a .arrow:after { 7739 display: none !important; 7740 } 7741 7742 .wsmenu .wsmenu-list li ul li a .fa.fa-caret-right { 7743 font-size: 12px !important; 7744 color: #00BFFF; 7745 } 7746 7747 .mobile-sub .wsmenu-submenu { 7748 transform: none !important; 7749 opacity: 1 !important; 7750 display: none; 7751 position: relative !important; 7752 top: 0px; 7753 background-color: #fff; 7754 7755 padding: 0px; 7756 visibility: visible !important; 7757 } 7758 7759 .mobile-sub .wsmenu-submenu li a { 7760 line-height: 20px; 7761 height: auto; 7762 background-color: #00BFFF !important; 7763 font-size: 13px !important; 7764 padding: 11px 0px 11px 18px; 7765 color: #00BFFF; 7766 } 7767 7768 .mobile-sub .wsmenu-submenu li a:hover { 7769 background-color: #00BFFF !important; 7770 color: #00BFFF; 7771 text-decoration: underline; 7772 } 7773
7774 .mobile-sub .wsmenu-submenu li:hover>a { 7775 background-color: #00BFFF !important; 7776 color: #00BFFF; 7777 } 7778 7779 .mobile-sub .wsmenu-submenu li .wsmenu-submenu-sub li a { 7780 line-height: 20px; 7781 height: 36px; 7782 background-color: #00BFFF !important; 7783 border-bottom: none; 7784 padding-left: 28px; 7785 } 7786 7787 .mobile-sub .wsmenu-submenu li .wsmenu-submenu-sub li .wsmenu-submenu-sub-sub li a { 7788 line-height: 20px; 7789 height: 36px; 7790 background-color: #00BFFF !important; 7791 border-bottom: none !important; 7792 padding-left: 38px; 7793 color: #00BFFF; 7794 } 7795 7796 .wsmenu-list>li.socialicon a { 7797 width: 100%; 7798 } 7799 7800 .wsmenu-list>li.wscarticon em.roundpoint { 7801 display: none; 7802 } 7803 7804 .halfdiv .title { 7805 padding-left: 15px; 7806 } 7807 7808 .halfdiv { 7809 width: 100%; 7810 display: block; 7811 } 7812 7813 .halfdiv03 .title { 7814 padding-left: 15px; 7815 } 7816 7817 .halfdiv03 { 7818 width: 100%; 7819 } 7820 7821 .halfmenu { 7822 width: 100%; 7823 display: block; 7824 } 7825 7826 .menu_form { 7827 padding: 10px 10px 63px 10px; 7828 background-color: #00BFFF; 7829 } 7830 7831 .menu_form input[type="button"] { 7832 width: 46%; 7833 } 7834 7835 .menu_form input[type="submit"] { 7836 width: 46%; 7837 } 7838 7839 .menu_form textarea { 7840 min-height: 100px; 7841 } 7842 7843 .wsmenu-list li>.wsmenu-submenu { 7844 transform: none !important; 7845 -o-transform: none !important; 7846 -moz-transform: none !important; 7847 -webkit-transform: none !important; 7848 transform: none !important; 7849 -o-transform: none !important; 7850 -moz-transform: none !important; 7851 -webkit-transform: none !important; 7852 visibility: visible !important; 7853 } 7854 7855 .wsmenu-list li:hover>.wsmenu-submenu { 7856 transform: none !important; 7857 -o-transform: none !important; 7858 -moz-transform: none !important; 7859 -webkit-transform: none !important; 7860 transform: none !important; 7861 -o-transform: none !important; 7862 -moz-transform: none !important; 7863 -webkit-transform: none !important; 7864 visibility: visible !important; 7865 } 7866 7867 .wsmenu-submenu li>.wsmenu-submenu-sub { 7868 transform: none !important; 7869 -o-transform: none !important; 7870 -moz-transform: none !important; 7871 -webkit-transform: none !important; 7872 transform: none !important; 7873 -o-transform: none !important; 7874 -moz-transform: none !important; 7875 -webkit-transform: none !important; 7876 visibility: visible !important; 7877 } 7878
7879 .wsmenu-submenu li:hover>.wsmenu-submenu-sub { 7880 transform: none !important; 7881 -o-transform: none !important; 7882 -moz-transform: none !important; 7883 -webkit-transform: none !important; 7884 transform: none !important; 7885 -o-transform: none !important; 7886 -moz-transform: none !important; 7887 -webkit-transform: none !important; 7888 visibility: visible !important; 7889 opacity: 1 !important; 7890 } 7891 7892 .wsmenu-submenu-sub li>.wsmenu-submenu-sub-sub { 7893 transform: none !important; 7894 -o-transform: none !important; 7895 -moz-transform: none !important; 7896 -webkit-transform: none !important; 7897 transform: none !important; 7898 -o-transform: none !important; 7899 -moz-transform: none !important; 7900 -webkit-transform: none !important; 7901 visibility: visible !important; 7902 opacity: 1 !important; 7903 } 7904 7905 .wsmenu-submenu-sub li:hover>.wsmenu-submenu-sub-sub { 7906 transform: none !important; 7907 -o-transform: none !important; 7908 -moz-transform: none !important; 7909 -webkit-transform: none !important; 7910 transform: none !important; 7911 -o-transform: none !important; 7912 -moz-transform: none !important; 7913 -webkit-transform: none !important; 7914 visibility: visible !important; 7915 opacity: 1 !important; 7916 } 7917 7918 .wsmenu-list li>.megamenu { 7919 transform: none !important; 7920 -o-transform: none !important; 7921 -moz-transform: none !important; 7922 -webkit-transform: none !important; 7923 transform: none !important; 7924 -o-transform: none !important; 7925 -moz-transform: none !important; 7926 -webkit-transform: none !important; 7927 visibility: visible !important; 7928 opacity: 1 !important; 7929 } 7930 7931 .wsmenu-list li:hover>.megamenu { 7932 transform: none !important; 7933 -o-transform: none !important; 7934 -moz-transform: none !important; 7935 -webkit-transform: none !important; 7936 transform: none !important; 7937 -o-transform: none !important; 7938 -moz-transform: none !important; 7939 -webkit-transform: none !important; 7940 visibility: visible !important; 7941 opacity: 1 !important; 7942 } 7943 } 7944 7945 /*-------------------------------------------------------------------------- 7946| 05 Additional Themes (Optionnal) 7947--------------------------------------------------------------------------*/ 7948 7949 .gry { 7950 background-color: #00BFFF !important; 7951 color: #00BFFF; 7952 } 7953 7954 .red { 7955 background-color: #00BFFF !important; 7956 color: #00BFFF; 7957 } 7958 7959 .orange { 7960 background-color: #ff9334 !important; 7961 color: #00BFFF; 7962 } 7963 7964 .blue { 7965 background-color: #31a8e6 !important; 7966 color: #00BFFF; 7967 } 7968 7969 .green { 7970 background-color: #27ae60 !important; 7971 color: #00BFFF; 7972 } 7973 7974 .yellow { 7975 background-color: #00BFFF !important; 7976 color: #00BFFF; 7977 } 7978 7979 .purple { 7980 background-color: #967ADC !important; 7981 color: #00BFFF; 7982 } 7983 7984 .pink { 7985 background-color: #00BFFF !important; 7986 color: #00BFFF; 7987 } 7988 7989 .gry>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span { 7990 color: #00BFFF !important; 7991 } 7992 7993 .gry>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span+span:after { 7994 color: #00BFFF !important; 7995 } 7996 7997 .gry>.wsmain>.wsmenu>.wsmenu-list>li>a { 7998 color: #00BFFF !important; 7999 } 8000 8001 .gry>.wsmain>.wsmenu>.wsmenu-list li .wsmenu-click { 8002 border-color: rgba(0, 0, 0, 0.18) !important; 8003 } 8004 8005 .red>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span { 8006 color: #00BFFF !important; 8007 } 8008 8009 .red>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span+span:after { 8010 color: #00BFFF !important; 8011 } 8012 8013 .red>.wsmain>.wsmenu>.wsmenu-list>li>a { 8014 color: #00BFFF !important; 8015 } 8016 8017 .red>.wsmain>.wsmenu>.wsmenu-list>li>a .fa { 8018 color: #00BFFF; 8019 } 8020 8021 .red>.wsmain>.wsmenu>.wsmenu-list>li.wscarticon em.roundpoint { 8022 background-color: #00BFFF !important; 8023 } 8024 8025 .red>.wsmain>.wsmenu>.wsmenu-list li .wsmenu-click { 8026 border-color: rgba(0, 0, 0, 0.18) !important; 8027 } 8028 8029 .orange>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span { 8030 color: #00BFFF !important; 8031 } 8032 8033 .orange>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span+span:after { 8034 color: #00BFFF !important; 8035 } 8036 8037 .orange>.wsmain>.wsmenu>.wsmenu-list>li>a { 8038 color: #00BFFF !important; 8039 } 8040 8041 .orange>.wsmain>.wsmenu>.wsmenu-list>li>a .fa { 8042 color: #00BFFF; 8043 } 8044 8045 .orange>.wsmain>.wsmenu>.wsmenu-list>li.wscarticon em.roundpoint { 8046 background-color: #00BFFF !important; 8047 } 8048 8049 .orange>.wsmain>.wsmenu>.wsmenu-list li .wsmenu-click { 8050 border-color: rgba(0, 0, 0, 0.18) !important; 8051 } 8052 8053 .blue>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span { 8054 color: #00BFFF !important; 8055 } 8056 8057 .blue>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span+span:after { 8058 color: #00BFFF !important; 8059 } 8060 8061 .blue>.wsmain>.wsmenu>.wsmenu-list>li>a { 8062 color: #00BFFF !important; 8063 } 8064 8065 .blue>.wsmain>.wsmenu>.wsmenu-list>li>a .fa { 8066 color: #00BFFF; 8067 } 8068 8069 .blue>.wsmain>.wsmenu>.wsmenu-list>li.wscarticon em.roundpoint { 8070 background-color: #00BFFF !important; 8071 } 8072 8073 .blue>.wsmain>.wsmenu>.wsmenu-list li .wsmenu-click { 8074 border-color: rgba(0, 0, 0, 0.18) !important; 8075 } 8076 8077 .green>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span { 8078 color: #00BFFF !important; 8079 } 8080 8081 .green>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span+span:after { 8082 color: #00BFFF !important; 8083 } 8084 8085 .green>.wsmain>.wsmenu>.wsmenu-list>li>a { 8086 color: #00BFFF !important; 8087 } 8088 8089 .green>.wsmain>.wsmenu>.wsmenu-list>li>a .fa { 8090 color: #00BFFF; 8091 } 8092 8093 .green>.wsmain>.wsmenu>.wsmenu-list>li.wscarticon em.roundpoint { 8094 background-color: #00BFFF !important; 8095 } 8096 8097 .green>.wsmain>.wsmenu>.wsmenu-list li .wsmenu-click { 8098 border-color: rgba(0, 0, 0, 0.18) !important; 8099 } 8100 8101 .yellow>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span { 8102 color: #00BFFF !important; 8103 } 8104 8105 .yellow>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span+span:after { 8106 color: #00BFFF !important; 8107 } 8108 8109 .yellow>.wsmain>.wsmenu>.wsmenu-list>li>a { 8110 color: #00BFFF !important; 8111 } 8112 8113 .yellow>.wsmain>.wsmenu>.wsmenu-list>li>a .fa { 8114 color: #00BFFF; 8115 } 8116 8117 .yellow>.wsmain>.wsmenu>.wsmenu-list li .wsmenu-click { 8118 border-color: rgba(0, 0, 0, 0.18) !important; 8119 } 8120 8121 .purple>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span { 8122 color: #00BFFF !important; 8123 } 8124 8125 .purple>.wsmain>.wsmenu>.wsmenu-list li .wsmenu-click { 8126 border-color: rgba(0, 0, 0, 0.18) !important; 8127 } 8128 8129 .purple>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span+span:after { 8130 color: #00BFFF !important; 8131 } 8132 8133 .purple>.wsmain>.wsmenu>.wsmenu-list>li>a { 8134 color: #00BFFF !important; 8135 } 8136 8137 .purple>.wsmain>.wsmenu>.wsmenu-list>li>a .fa { 8138 color: #00BFFF; 8139 } 8140 8141 .purple>.wsmain>.wsmenu>.wsmenu-list>li.wscarticon em.roundpoint { 8142 background-color: #00BFFF !important; 8143 } 8144 8145 .pink>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span { 8146 color: #00BFFF !important; 8147 } 8148 8149 .pink>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span+span:after { 8150 color: #00BFFF !important; 8151 } 8152 8153 .pink>.wsmain>.wsmenu>.wsmenu-list>li>a { 8154 color: #00BFFF !important; 8155 } 8156 8157 .pink>.wsmain>.wsmenu>.wsmenu-list>li>a .fa { 8158 color: #00BFFF; 8159 } 8160 8161 .pink>.wsmain>.wsmenu>.wsmenu-list>li.wscarticon em.roundpoint { 8162 background-color: #00BFFF !important; 8163 } 8164 8165 .pink>.wsmain>.wsmenu>.wsmenu-list li .wsmenu-click { 8166 border-color: rgba(0, 0, 0, 0.18) !important; 8167 } 8168 8169 .tranbg { 8170 background-color: transparent !important; 8171 } 8172 8173 .whitebg { 8174 background-color: #00BFFF !important; 8175 } 8176 8177 .whitebg:hover { 8178 color: #000 !important; 8179 } 8180 8181 .pm_buttoncolor .wsmenu-list>li>a .fa { 8182 color: #00BFFF !important; 8183 } 8184 8185 .pm_buttoncolor03 .wsmenu-list>li:hover>a .fa { 8186 color: #00BFFF !important; 8187 } 8188 8189 .pm_buttoncolor .wsmenu-list li a .arrow:after { 8190 border-top-color: #00BFFF; 8191 } 8192 8193 .blue-grdt { 8194 background: #00BFFF; 8195 background: -moz-linear-gradient(top, #00BFFF 0%, #00BFFF 100%); 8196 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00BFFF), color-stop(100%, #00BFFF)); 8197 background: -webkit-linear-gradient(top, #00BFFF 0%, #00BFFF 100%); 8198 background: -o-linear-gradient(top, #00BFFF 0%, #00BFFF 100%); 8199 background: -ms-linear-gradient(top, #00BFFF 0%, #00BFFF 100%); 8200 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00BFFF', endColorstr='#00BFFF', GradientType=0); 8201 color: #00BFFF; 8202 } 8203 8204 .gry-grdt { 8205 background: #00BFFF; 8206 background: -moz-linear-gradient(top, #00BFFF 0%, #00BFFF 100%); 8207 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00BFFF), color-stop(100%, #00BFFF)); 8208 background: -webkit-linear-gradient(top, #00BFFF 0%, #00BFFF 100%); 8209 background: -o-linear-gradient(top, #00BFFF 0%, #00BFFF 100%); 8210 background: -ms-linear-gradient(top, #00BFFF 0%, #00BFFF 100%); 8211 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00BFFF', endColorstr='#00BFFF', GradientType=0); 8212 color: #00BFFF; 8213 } 8214 8215 .green-grdt { 8216 background: #00BFFF; 8217 background: -moz-linear-gradient(top, #00BFFF 0%, #00BFFF 100%); 8218 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00BFFF), color-stop(100%, #00BFFF)); 8219 background: -webkit-linear-gradient(top, #00BFFF 0%, #00BFFF 100%); 8220 background: -o-linear-gradient(top, #00BFFF 0%, #00BFFF 100%); 8221 background: -ms-linear-gradient(top, #00BFFF 0%, #00BFFF 100%); 8222 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00BFFF', endColorstr='#00BFFF', GradientType=0); 8223 color: #00BFFF; 8224 } 8225 8226 .red-grdt { 8227 background: #00BFFF; 8228 background: -moz-linear-gradient(top, #00BFFF 0%, #00BFFF 100%); 8229 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00BFFF), color-stop(100%, #00BFFF)); 8230 background: -webkit-linear-gradient(top, #00BFFF 0%, #00BFFF 100%); 8231 background: -o-linear-gradient(top, #00BFFF 0%, #00BFFF 100%); 8232 background: -ms-linear-gradient(top, #00BFFF 0%, #00BFFF 100%); 8233 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00BFFF', endColorstr='#00BFFF', GradientType=0); 8234 color: #00BFFF; 8235 } 8236 8237 .orange-grdt { 8238 background: #00BFFF; 8239 background: -moz-linear-gradient(top, #00BFFF 0%, #00BFFF 100%); 8240 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00BFFF), color-stop(100%, #00BFFF)); 8241 background: -webkit-linear-gradient(top, #00BFFF 0%, #00BFFF 100%); 8242 background: -o-linear-gradient(top, #00BFFF 0%, #00BFFF 100%); 8243 background: -ms-linear-gradient(top, #00BFFF 0%, #00BFFF 100%); 8244 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00BFFF', endColorstr='#00BFFF', GradientType=0); 8245 color: #00BFFF; 8246 } 8247 8248 .yellow-grdt { 8249 background: #00BFFF; 8250 background: -moz-linear-gradient(top, #00BFFF 0%, #00BFFF 100%); 8251 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00BFFF), color-stop(100%, #00BFFF)); 8252 background: -webkit-linear-gradient(top, #00BFFF 0%, #00BFFF 100%); 8253 background: -o-linear-gradient(top, #00BFFF 0%, #00BFFF 100%); 8254 background: -ms-linear-gradient(top, #00BFFF 0%, #00BFFF 100%); 8255 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00BFFF', endColorstr='#00BFFF', GradientType=0); 8256 color: #00BFFF; 8257 } 8258 8259 .purple-grdt { 8260 background: #00BFFF; 8261 background: -moz-linear-gradient(top, #00BFFF 0%, #967adc 100%); 8262 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00BFFF), color-stop(100%, #967adc)); 8263 background: -webkit-linear-gradient(top, #00BFFF 0%, #967adc 100%); 8264 background: -o-linear-gradient(top, #00BFFF 0%, #967adc 100%); 8265 background: -ms-linear-gradient(top, #00BFFF 0%, #967adc 100%); 8266 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00BFFF', endColorstr='#967adc', GradientType=0); 8267 color: #00BFFF; 8268 } 8269 8270 .pink-grdt { 8271 background: #00BFFF; 8272 background: -moz-linear-gradient(top, #00BFFF 0%, #00BFFF 100%); 8273 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00BFFF), color-stop(100%, #00BFFF)); 8274 background: -webkit-linear-gradient(top, #00BFFF 0%, #00BFFF 100%); 8275 background: -o-linear-gradient(top, #00BFFF 0%, #00BFFF 100%); 8276 background: -ms-linear-gradient(top, #00BFFF 0%, #00BFFF 100%); 8277 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00BFFF', endColorstr='#00BFFF', GradientType=0); 8278 color: #00BFFF; 8279 } 8280 8281 .tranbg { 8282 background-color: transparent !important; 8283 box-shadow: none !important; 8284 } 8285 8286 .red-grdt>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span { 8287 color: #00BFFF !important; 8288 } 8289 8290 .red-grdt>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span+span:after { 8291 color: #00BFFF !important; 8292 } 8293 8294 .red-grdt>.wsmain>.wsmenu>.wsmenu-list>li>a { 8295 color: #00BFFF !important; 8296 } 8297 8298 .red-grdt>.wsmain>.wsmenu>.wsmenu-list li .wsmenu-click { 8299 border-color: rgba(0, 0, 0, 0.18) !important; 8300 } 8301 8302 .gry-grdt>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span { 8303 color: #00BFFF !important; 8304 } 8305 8306 8307 .gry-grdt>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span+span:after { 8308 color: #00BFFF !important; 8309 } 8310 8311 .gry-grdt>.wsmain>.wsmenu>.wsmenu-list>li>a { 8312 color: #00BFFF !important; 8313 } 8314 8315 .gry-grdt>.wsmain>.wsmenu>.wsmenu-list li .wsmenu-click { 8316 border-color: rgba(0, 0, 0, 0.18) !important; 8317 } 8318 8319 .blue-grdt>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span { 8320 color: #00BFFF !import
8320ant; 8321 } 8322 8323 .blue-grdt>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span+span:after { 8324 color: #00BFFF !important; 8325 } 8326 8327 .blue-grdt>.wsmain>.wsmenu>.wsmenu-list>li>a { 8328 color: #00BFFF !important; 8329 } 8330 8331 .blue-grdt>.wsmain>.wsmenu>.wsmenu-list li .wsmenu-click { 8332 border-color: rgba(0, 0, 0, 0.18) !important; 8333 } 8334 8335 .green-grdt>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span { 8336 color: #00BFFF !important; 8337 } 8338 8339 .green-grdt>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span+span:after { 8340 color: #00BFFF !important; 8341 } 8342 8343 .green-grdt>.wsmain>.wsmenu>.wsmenu-list>li>a { 8344 color: #00BFFF !important; 8345 } 8346 8347 .green-grdt>.wsmain>.wsmenu>.wsmenu-list li .wsmenu-click { 8348 border-color: rgba(0, 0, 0, 0.18) !important; 8349 } 8350 8351 .orange-grdt>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span { 8352 color: #00BFFF !important; 8353 } 8354 8355 .orange-grdt>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span+span:after { 8356 color: #00BFFF !important; 8357 } 8358 8359 .orange-grdt>.wsmain>.wsmenu>.wsmenu-list>li>a { 8360 color: #00BFFF !important; 8361 } 8362 8363 .orange-grdt>.wsmain>.wsmenu>.wsmenu-list li .wsmenu-click { 8364 border-color: rgba(0, 0, 0, 0.18) !important; 8365 } 8366 8367 .yellow-grdt>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span { 8368 color: #00BFFF !important; 8369 } 8370 8371 .yellow-grdt>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span+span:after { 8372 color: #00BFFF !important; 8373 } 8374 8375 .yellow-grdt>.wsmain>.wsmenu>.wsmenu-list>li>a { 8376 color: #00BFFF !important; 8377 } 8378 8379 .yellow-grdt>.wsmain>.wsmenu>.wsmenu-list li .wsmenu-click { 8380 border-color: rgba(0, 0, 0, 0.18) !important; 8381 } 8382 8383 .purple-grdt>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span { 8384 color: #00BFFF !important; 8385 } 8386 8387 .purple-grdt>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span+span:after { 8388 color: #00BFFF !important; 8389 } 8390 8391 .purple-grdt>.wsmain>.wsmenu>.wsmenu-list>li>a { 8392 color: #00BFFF !important; 8393 } 8394 8395 .purple-grdt>.wsmain>.wsmenu>.wsmenu-list li .wsmenu-click { 8396 border-color: rgba(0, 0, 0, 0.18) !important; 8397 } 8398 8399 .pink-grdt>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span { 8400 color: #00BFFF !important; 8401 } 8402 8403 .pink-grdt>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span+span:after { 8404 color: #00BFFF !important; 8405 } 8406 8407 .pink-grdt>.wsmain>.wsmenu>.wsmenu-list>li>a { 8408 color: #00BFFF !important; 8409 } 8410 8411 .pink-grdt>.wsmain>.wsmenu>.wsmenu-list li .wsmenu-click { 8412 border-color: rgba(0, 0, 0, 0.18) !important; 8413 } 8414 8415 @media only screen and (max-width: 780px) { 8416 .tranbg { 8417 background-color: #00BFFF !important; 8418 } 8419 8420 .red-grdt>.wsmenu>.wsmenu-list>li>a>.fa { 8421 color: #00BFFF !important; 8422 } 8423 8424 .blue-grdt>.wsmenu>.wsmenu-list>li>a>.fa { 8425 color: #00BFFF !important; 8426 } 8427 8428 .orange-grdt>.wsmenu>.wsmenu-list>li>a>.fa { 8429 color: #00BFFF !important; 8430 } 8431 8432 .green-grdt>.wsmenu>.wsmenu-list>li>a>.fa { 8433 color: #00BFFF !important; 8434 } 8435 8436 .purple-grdt>.wsmenu>.wsmenu-list>li>a>.fa { 8437 color: #00BFFF !important; 8438 } 8439 8440 .pink-grdt>.wsmenu>.wsmenu-list>li>a>.fa { 8441 color: #00BFFF !important; 8442 } 8443 8444 .pm_buttoncolor>.wsmain>.wsmenu>.wsmenu-list>li>a { 8445 color: #00BFFF; 8446 } 8447 8448 .blue-grdt .wsmain { 8449 background: #00BFFF; 8450 background: -moz-linear-gradient(top, #00BFFF 0%, #00BFFF 100%); 8451 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00BFFF), color-stop(100%, #00BFFF)); 8452 background: -webkit-linear-gradient(top, #00BFFF 0%, #00BFFF 100%); 8453 background: -o-linear-gradient(top, #00BFFF 0%, #00BFFF 100%); 8454 background: -ms-linear-gradient(top, #00BFFF 0%, #00BFFF 100%); 8455 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00BFFF', endColorstr='#00BFFF', GradientType=0); 8456 color: #00BFFF; 8457 } 8458 8459 .gry-grdt .wsmain { 8460 background: #00BFFF; 8461 background: -moz-linear-gradient(top, #00BFFF 0%, #00BFFF 100%); 8462 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00BFFF), color-stop(100%, #00BFFF)); 8463 background: -webkit-linear-gradient(top, #00BFFF 0%, #00BFFF 100%); 8464 background: -o-linear-gradient(top, #00BFFF 0%, #00BFFF 100%); 8465 background: -ms-linear-gradient(top, #00BFFF 0%, #00BFFF 100%); 8466 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00BFFF', endColorstr='#00BFFF', GradientType=0); 8467 color: #00BFFF; 8468 } 8469 8470 .green-grdt .wsmain { 8471 background: #00BFFF; 8472 background: -moz-linear-gradient(top, #00BFFF 0%, #00BFFF 100%); 8473 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00BFFF), color-stop(100%, #00BFFF)); 8474 background: -webkit-linear-gradient(top, #00BFFF 0%, #00BFFF 100%); 8475 background: -o-linear-gradient(top, #00BFFF 0%, #00BFFF 100%); 8476 background: -ms-linear-gradient(top, #00BFFF 0%, #00BFFF 100%); 8477 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00BFFF', endColorstr='#00BFFF', GradientType=0); 8478 color: #00BFFF; 8479 } 8480 8481 .red-grdt .wsmain { 8482 background: #00BFFF; 8483 background: -moz-linear-gradient(top, #00BFFF 0%, #00BFFF 100%); 8484 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00BFFF), color-stop(100%, #00BFFF)); 8485 background: -webkit-linear-gradient(top, #00BFFF 0%, #00BFFF 100%); 8486 background: -o-linear-gradient(top, #00BFFF 0%, #00BFFF 100%); 8487 background: -ms-linear-gradient(top, #00BFFF 0%, #00BFFF 100%); 8488 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00BFFF', endColorstr='#00BFFF', GradientType=0); 8489 color: #00BFFF; 8490 } 8491 8492 .orange-grdt .wsmain { 8493 background: #00BFFF; 8494 background: -moz-linear-gradient(top, #00BFFF 0%, #00BFFF 100%); 8495 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00BFFF), color-stop(100%, #00BFFF)); 8496 background: -webkit-linear-gradient(top, #00BFFF 0%, #00BFFF 100%); 8497 background: -o-linear-gradient(top, #00BFFF 0%, #00BFFF 100%); 8498 background: -ms-linear-gradient(top, #00BFFF 0%, #00BFFF 100%); 8499 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00BFFF', endColorstr='#00BFFF', GradientType=0); 8500 color: #00BFFF; 8501 } 8502 8503 .yellow-grdt .wsmain { 8504 background: #00BFFF; 8505 background: -moz-linear-gradient(top, #00BFFF 0%, #00BFFF 100%); 8506 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00BFFF), color-stop(100%, #00BFFF)); 8507 background: -webkit-linear-gradient(top, #00BFFF 0%, #00BFFF 100%); 8508 background: -o-linear-gradient(top, #00BFFF 0%, #00BFFF 100%); 8509 background: -ms-linear-gradient(top, #00BFFF 0%, #00BFFF 100%); 8510 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00BFFF', endColorstr='#00BFFF', GradientType=0); 8511 color: #00BFFF; 8512 } 8513 8514 .purple-grdt .wsmain { 8515 background: #00BFFF; 8516 background: -moz-linear-gradient(top, #00BFFF 0%, #967adc 100%); 8517 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00BFFF), color-stop(100%, #967adc)); 8518 background: -webkit-linear-gradient(top, #00BFFF 0%, #967adc 100%); 8519 background: -o-linear-gradient(top, #00BFFF 0%, #967adc 100%); 8520 background: -ms-linear-gradient(top, #00BFFF 0%, #967adc 100%); 8521 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00BFFF', endColorstr='#967adc', GradientType=0); 8522 color: #00BFFF; 8523 } 8524 8525 .pink-grdt .wsmain { 8526 background: #00BFFF; 8527 background: -moz-linear-gradient(top, #00BFFF 0%, #00BFFF 100%); 8528 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00BFFF), color-stop(100%, #00BFFF)); 8529 background: -webkit-linear-gradient(top, #00BFFF 0%, #00BFFF 100%); 8530 background: -o-linear-gradient(top, #00BFFF 0%, #00BFFF 100%); 8531 background: -ms-linear-gradient(top, #00BFFF 0%, #00BFFF 100%); 8532 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00BFFF', endColorstr='#00BFFF', GradientType=0); 8533 color: #00BFFF; 8534 } 8535 8536 .gry .wsmain { 8537 background-color: #00BFFF !important; 8538 color: #00BFFF; 8539 } 8540 8541 .red .wsmain { 8542 background-color: #00BFFF !important; 8543 color: #00BFFF; 8544 } 8545 8546 .orange .wsmain { 8547 background-color: #ff9334 !important; 8548 color: #00BFFF; 8549 } 8550 8551 .blue .wsmain { 8552 background-color: #31a8e6 !important; 8553 color: #00BFFF; 8554 } 8555 8556 .green .wsmain { 8557 background-color: #27ae60 !important; 8558 color: #00BFFF; 8559 } 8560 8561 .yellow .wsmain { 8562 background-color: #00BFFF !important; 8563 color: #00BFFF; 8564 } 8565 8566 .purple .wsmain { 8567 background-color: #967ADC !important; 8568 color: #00BFFF; 8569 } 8570 8571 .pink .wsmain { 8572 background-color: #00BFFF !important; 8573 color: #00BFFF; 8574 } 8575 } 8576 </style> 8577
8577<script> 8578 $(function () { 8579 8580 $('#slick-menu').slick({ 8581 autoplay: false, 8582 slidesToShow: 10, 8583 slidesToScroll: 1, 8584 arrows: true, 8585 dots: false, 8586 infinite: true, 8587 responsive: [ 8588 { 8589 breakpoint: 1024, 8590 settings: { 8591 slidesToShow: 8, 8592 slidesToScroll: 1, 8593 } 8594 }, 8595 { 8596 breakpoint: 600, 8597 settings: { 8598 slidesToShow: 3, 8599 slidesToScroll: 1 8600 } 8601 }, 8602 { 8603 breakpoint: 480, 8604 settings: { 8605 slidesToShow: 2, 8606 slidesToScroll: 1 8607 } 8608 } 8609 ] 8610 }); 8611 8612 $('#slick-home').slick({ 8613 autoplay: false, 8614 slidesToShow: 4, 8615 slidesToScroll: 1, 8616 arrows: true, 8617 dots: false, 8618 infinite: true, 8619 8620 }); 8621 }); 8622 8623 function openTab(evt, tabName) { 8624 var i, tabcontent, tablinks; 8625 tabcontent = document.getElementsByClassName("tabcontent"); 8626 for (i = 0; i < tabcontent.length; i++) { 8627 tabcontent[i].style.display = "none"; 8628 } 8629 tablinks = document.getElementsByClassName("tablinks"); 8630 for (i = 0; i < tablinks.length; i++) { 8631 tablinks[i].className = tablinks[i].className.replace(" active", ""); 8632 } 8633 document.getElementById(tabName).style.display = "block"; 8634 evt.currentTarget.className += " active"; 8635 } 8636 8637 $(document).ready(function () { 8638 // Get the element with id="defaultOpen" and click on it 8639 document.getElementById("defaultOpen").click(); 8640 }); 8641 8642 </script>
vendor: 71 bytes, lines 8642-8644
8642 8643 8644 <script async src="https://www.googletagmanager.com/gtag/js?id=
8644G-GGX68R3SWH
vendor: 17 bytes, lines 8644-8645
8644"></script> 8645
8645<script> 8646
vendor: 159 bytes, lines 8646-8650
8646window.dataLayer = window.dataLayer || []; 8647 function gtag() { dataLayer.push(arguments); } 8648 gtag('js', new Date()); 8649 8650 gtag('config', '
8650G-GGX68R3SWH
vendor: 9 bytes, lines 8650-8651
8650'); 8651
8651</script>
8651 8652 8653 <div id="searchcolumn" class="modal fade" role="dialog"> 8654 <div class="modal-dialog"> 8655 8656 <!-- Modal content--> 8657 <div class="modal-content"> 8658 <div class="modal-header"> 8659 <button type="button" class="close" data-dismiss="modal">×</button> 8660 <small>Search Produk Wahana Superstore</small> 8661 </div> 8662 <div class="modal-body" style="height:85px"> 8663 <form class="topmenusearch" method="get" action="https://www.ndnforum.com/"> 8664 <input name="filter" placeholder="Search produk berdasarkan nama, kategori, dan brand"> 8665 <button class="btnstyle"><i class="searchicon fa fa-search" aria-hidden="true"></i></button> 8666 </form> 8667 </div> 8668 </div> 8669 8670 </div> 8671 </div> 8672 8673 <div class="wsmenucontainer clearfix"> 8674 8675 <div class="overlapblackbg"></div> 8676 <div class="wsmobileheader clearfix"> 8677 8678 <a id="wsnavtoggle" class="animated-arrow"><span></span></a> <a class="smallogo" 8679 href="https://www.ndnforum.com/"><img 8680 src="https://obor138-oborapibesar.pages.dev/logoobor138.gif" alt="OBOR138" /></a> 8681 8682 <a class="callusicon2" href="https://www.ndnforum.com/" data-toggle="modal" data-target="#searchcolumn"> <i class="fa fa-search" 8683 style="color:#00BFFF;margin-left:-40px"></i> </a> 8684 <a class="callusicon2" href="https://www.ndnforum.com/"> <i class="fa fa-user"></i> 8685 </a> 8686 <a class="callusicon" href="https://www.ndnforum.com/"> <i 8687 class="fa fa-shopping-basket"></i> 8688 <em class="roundpoint2">0</em> </a> 8689 8690 </div> 8691 8692 <div class="headtoppart clearfix" style="z-index:102"> 8693 <div class="container"> 8694 <div class="col-md-12"> 8695 8696 <div class="headerwp"> 8697 <div class="headertopleft"> 8698 <div class="address clearfix"><span><i class="fa fa-" aria-hidden="true"></i> <a 8699 href="https://www.ndnforum.com/">Akses OBOR138 Resmi</a> 8700 | </span> Login OBOR138 <i class="fa fa-phone" 8701 aria-hidden="true"></i> <a href="https://www.ndnforum.com/server-slot-bonanza" rel="nofollow noopener" 8702 target="_blank">Slot Mobile</a> 8703 <i class="fa fa-mobile" aria-hidden="true" style="font-size:14px;"></i> <a 8704 href="https://www.ndnforum.com/" rel="nofollow noopener" target="_blank"> 8705 OBOR138</a> 8706 </div> 8707 </div> 8708 <div class="headertopright hidden-xs"> 8709 <a class="facebookicon" title="Facebook" 8710 href="https://www.ndnforum.com/" target="_blank"><i 8711 aria-hidden="true" class="fa fa-facebook"></i> 8712 <span class="mobiletext02">Facebook</span></a> 8713 8714 <a class="instagramicon" title="Twitter" 8715 href="https://www.ndnforum.com/" target="_blank"><i 8716 aria-hidden="true" class="fa fa-instagram"></i> 8717 <span class="mobiletext02">Instagram</span></a> 8718 8719 <a class="googleicon" title="Google" href="https://www.ndnforum.com/" 8720 target="_blank"><i aria-hidden="true" class="fa fa-google"></i> 8721 <span class="mobiletext02">Google</span></a> 8722 </div> 8723 </div> 8724 8725 </div> 8726 </div> 8727 </div> 8728 8729 <div class="headerfull"> 8730 <!--Main Menu HTML Code--> 8731 <div class="container"> 8732 <div class="col-md-12"> 8733 8734 8735 8736 <div class="wsmain"> 8737 <div class="smllogo"><a href="https://www.ndnforum.com/"><img 8738 src="https://obor138-oborapibesar.pages.dev/logoobor138.gif" 8739 alt="OBOR138" /></a></div> 8740 8741 8742 <nav class="wsmenu clearfix" style="width:80%"> 8743 <ul class="mobile-sub wsmenu-list"> 8744 8745 <li class="wssearchbar clearfix"> 8746 <form class="topmenusearch" method="get" 8747 action="https://www.ndnforum.com/"> 8748 <input name="filter" placeholder="KETIK OBOR138 DI GOOGLE"> 8749 <button class="btnstyle"><i class="searchicon fa fa-search" 8750 aria-hidden="true"></i></button> 8751 </form> 8752 </li> 8753 <li class="wscarticon clearfix"> <a 8754 href="https://www.ndnforum.com/"><i 8755 class="fa fa-shopping-basket"></i> <em class="roundpoint">0</em><span 8756 class="mobiletext">Shopping Cart</span></a> </li> 8757 <li class="wsshopmyaccount clearfix"> 8758 <a href="https://obor138-oborapibesar.pages.dev/" rel="nofollow noopener" class="wtxaccountlink" 8759 style="font-size:13px;"><i class="fa fa-user"></i> Login / Register</a> 8760 </li> 8761 </ul> 8762 </nav> 8763 8764 <div class="headerfull_2" style="height:auto"> 8765 <!--Main Menu HTML Code--> 8766 8767 </div> 8768 8769 <!--<div class="col-md-1 col-xs-3 text-center">--> 8770 8771 <!--</div>--> 8772 </div> 8773 8774 8775 <div class="mobile-tabs-slider"> 8776 8777 </div> 8778 </div> 8779 8780 </div> 8781 8782 </div> 8783 </div> 8784 8785 8786 8787 8788 8789 8790 8791 8792 8793 8794 <div class="wrapper"> 8795 8796 <div class="moreoption clearfix"> 8797 8798 8799 <div class="container container_body" style="margin-top:50px;margin-bottom:100px"> 8800 8801 <div class="col-md-7" style="margin-bottom:20px; background-color:#00BFFFea;">
8802 <!-- Warna background untuk col-md-7 --> 8803 8804 <div class="prod_main" style="margin-bottom:20px; background-color:#fff;"> 8805 <!-- Warna background untuk prod_main --> 8806 <small><a href="https://www.ndnforum.com/">OBOR138</a> > <a href="https://www.ndnforum.com/">PLANET 4D</a> > <a 8807 href="https://www.ndnforum.com/">OBOR138 LOGIN</a> > <a href="https://www.ndnforum.com/">OBOR138 DAFTAR</a> > 8808 <a href="https://www.ndnforum.com/">OBOR138 AKSES</a> 8809 </small> 8810 <h1 style="color: #000 !important;">OBOR138 | Platform Game Online dengan Akses Cepat dan Tampilan Modern</h1> 8811 <div style="background:#ffffff !important; color:#000000 !important; opacity:1 !important; padding:20px !important; position:relative !important; z-index:99999 !important; filter:none !important;"> 8812 8813<p style="color:#000000 !important; opacity:1 !important; filter:none !important; line-height:1.7 !important;"> 8814OBOR138 menghadirkan platform game online dengan akses cepat, tampilan modern, serta navigasi mudah untuk pengalaman bermain yang nyaman di berbagai perangkat. 8815</p> 8816 8817 8818 8819</div> 8820 <div class="text-center" style="background-color:#00BFFF; padding:10px;"> 8821 <!-- Warna background untuk text-center --> 8822 <img id="mainPhoto" alt="OBOR138" 8823 title="OBOR138" 8824 src="https://obor138-oborapibesar.pages.dev/bannerobor138.png"> 8825 <br> 8826 </div> 8827 <br> 8828 8829 8830 8831 8832 8833 8834 8835 <div class="clearfix"> 8836 </div> 8837 8838 </div> 8839 8840 <div id="faqOBOR138" class="faq_section"> 8841 <h2>FAQ Seputar OBOR138</h2> 8842 8843 <div class="faq_item"> 8844 <button class="faq_question">Apa yang dimaksud dengan alternatif login pada sebuah platform digital?</button> 8845 <div class="faq_answer"> 8846 <p>Pengguna dapat membuka halaman portal, memasukkan data akses yang sesuai, lalu mengikuti proses login hingga berhasil masuk ke halaman utama.</p> 8847 </div> 8848 </div> 8849 8850 <div class="faq_item"> 8851 <button class="faq_question">Mengapa tampilan modern berpengaruh terhadap kenyamanan pengguna?</button> 8852 <div class="faq_answer"> 8853 <p>Coba gunakan link alternatif yang tersedia, periksa koneksi internet, atau buka kembali halaman setelah beberapa saat.</p> 8854 </div> 8855 </div> 8856 8857 <div class="faq_item"> 8858 <button class="faq_question">Apa manfaat menggunakan platform dengan navigasi yang sederhana?</button> 8859 <div class="faq_answer"> 8860 <p>Kegagalan login bisa terjadi karena sistem sedang diperbarui atau koneksi tidak stabil sehingga proses autentikasi tidak berjalan
8860sempurna.</p> 8861 </div> 8862 </div> 8863 8864 <div class="faq_item"> 8865 <button class="faq_question">Apakah alternatif login dapat digunakan di perangkat seluler?</button> 8866 <div class="faq_answer"> 8867 <p>Gunakan browser yang lebih ringan, pastikan jaringan stabil, atau coba akses di waktu dengan trafik yang lebih rendah.</p> 8868 </div> 8869 </div> 8870 8871 <div class="faq_item"> 8872 <button class="faq_question">Hal apa yang sebaiknya diperhatikan sebelum menggunakan alternatif login?</button> 8873 <div class="faq_answer"> 8874 <p>Portal memberikan akses yang lebih langsung dan terarah sehingga pengguna tidak perlu mencari banyak sumber untuk menemukan halaman yang aktif.</p> 8875 </div> 8876 </div> 8877 8878 <div class="faq_item"> 8879 <button class="faq_question">Bagaimana cara memastikan akses tetap cepat?</button> 8880 <div class="faq_answer"> 8881 <p>Pengguna disarankan menggunakan perangkat yang bagus dan koneksi internet yang baik agar proses login dan navigasi berjalan tanpa hambatan.</p> 8882 </div> 8883 </div> 8884 8885 8886 8887 8888 <!-- Tombol Login & Daftar --> 8889 <div style="text-align:center; margin-top:20px;"> 8890 <a href="https://obor138-oborapibesar.pages.dev/" rel="nofollow noopener" target="_blank" style="text-decoration:none;"> 8891 <button class="btn" 8892 style="background-color:#222; color:white; padding:10px 25px; border:none; border-radius:5px; margin-right:10px; cursor:pointer;"> 8893 <i class="fa fa-sign-in" style="margin-right:5px;"></i> DAFTAR OBOR138 8894 </button> 8895 </a> 8896 8897 <a href="https://obor138-oborapibesar.pages.dev/" rel="nofollow noopener" target="_blank" style="text-decoration:none;"> 8898 <button class="btn" 8899 style="background-color:#000; color:white; padding:10px 25px; border:none; border-radius:5px; cursor:pointer;"> 8900 <i class="fa fa-user-plus" style="margin-right:5px;"></i> LOGIN OBOR138 8901 </button> 8902 </a> 8903 </div> 8904 8905 8906 8907
8907<script type="text/javascript"> 8908 8909 $(document).ready(function () { 8910 8911 var str_tr = "<tr><td>Type<\/td><td>OBOR138 | Platform Game Online dengan Akses Cepat dan Tampilan Modern<\/td><\/tr>"; 8912 str_tr += "<tr><td>SKU<\/td><td>SFN 2737<\/td><\/tr>"; 8913 8914 $('#boxspesifikasi table tbody').append(str_tr); 8915 }); 8916 8917 </script>
8917 8918 8919 8920 8921 </div> 8922 8923 8924 </div> 8925 <style> 8926#faqOBOR138 { 8927 font-family: Arial, sans-serif; 8928 margin: 20px 0; 8929 padding: 18px; 8930 background: #ffffff; 8931 border: 1px solid #e5e7eb; 8932 border-radius: 10px; 8933 box-shadow: 0 2px 10px rgba(0,0,0,0.04); 8934} 8935 8936/* TITLE (H2) */ 8937#faqOBOR138 h2 { 8938 font-size: 20px; 8939 margin-bottom: 15px; 8940 font-weight: 700; 8941 color: #0f172a; /* deep navy */ 8942 letter-spacing: 0.2px; 8943} 8944 8945/* ITEM */ 8946.faq_item { 8947 border-bottom: 1px solid #e5e7eb; 8948} 8949 8950.faq_item:last-child { 8951 border-bottom: none; 8952} 8953 8954/* QUESTION BUTTON */ 8955.faq_question { 8956 width: 100%; 8957 text-align: left; 8958 padding: 14px 10px; 8959 font-size: 15px; 8960 font-weight: 600; 8961 background: none; 8962 border: none; 8963 outline: none; 8964 cursor: pointer; 8965 color: #1e293b; /* dark slate */ 8966 position: relative; 8967 transition: background 0.2s ease; 8968} 8969 8970.faq_question:hover { 8971 background: #f8fafc; 8972} 8973 8974/* ICON */ 8975.faq_question::after { 8976 content: "+"; 8977 position: absolute; 8978 right: 10px; 8979 font-size: 18px; 8980 color: #2563eb; /* blue accent */ 8981 transition: transform 0.3s ease; 8982} 8983 8984/* ACTIVE ICON */ 8985.faq_item.active .faq_question::after { 8986 content: "-"; 8987} 8988 8989/* ANSWER BOX */ 8990.faq_answer { 8991 max-height: 0; 8992 overflow: hidden; 8993 transition: max-height 0.35s ease, padding 0.35s ease; 8994 padding: 0 10px; 8995} 8996 8997/* ANSWER TEXT */ 8998.faq_answer p { 8999 font-size: 14px; 9000 line-height: 1.6; 9001 margin: 0; 9002 color: #475569; /* soft slate */ 9003} 9004 9005/* OPEN STATE */ 9006.faq_item.active .faq_answer { 9007 max-height: 220px; 9008 padding: 0 10px 14px 10px; 9009} 9010 9011/* MOBILE */ 9012@media (max-width: 768px) { 9013 #faqOBOR138 { 9014 padding: 14px; 9015 } 9016 9017 #faqOBOR138 h2 { 9018 font-size: 18px; 9019 } 9020 9021 .faq_question { 9022 font-size: 14px; 9023 } 9024 9025 .faq_answer p { 9026 font-size: 13px; 9027 } 9028} 9029</style>
9030<script> 9031document.querySelectorAll(".faq_question").forEach((btn) => { 9032 btn.addEventListener("click", () => { 9033 const item = btn.parentElement; 9034 9035 // close others (optional UX better) 9036 document.querySelectorAll(".faq_item").forEach((el) => { 9037 if (el !== item) el.classList.remove("active"); 9038 }); 9039 9040 // toggle current 9041 item.classList.toggle("active"); 9042 }); 9043}); 9044</script>
9044 9045 9046 <div class="col-md-5"> 9047 9048 9049<div class="prod_desc"> 9050 <h2 style="color: #000 !important;">TENTANG OBOR138</h2> 9051 <div class="pdesc"> 9052 9053 <p style="text-align: justify; color: #000 !important;"><strong><a href="https://www.ndnforum.com/tentang-obor138/">OBOR138</a></strong> merupakan platform game online yang menghadirkan akses cepat dengan tampilan modern sehingga pengguna dapat menjelajahi berbagai fitur secara lebih nyaman. Antarmuka yang dirancang sederhana membantu proses penggunaan menjadi lebih efisien tanpa harus mempelajari navigasi yang rumit sejak awal.</p> 9054 9055 <p style="text-align: justify; color: #000 !important;">Salah satu hal yang menjadi perhatian adalah kemudahan saat mengakses platform dari berbagai perangkat. Baik menggunakan komputer maupun ponsel, setiap halaman disusun agar tetap responsif sehingga proses berpindah menu terasa lebih lancar dan pengalaman penggunaan tetap konsisten.</p> 9056 9057 <p style="text-align: justify; color: #000 !important;">Selain mengutamakan akses yang praktis, platform ini juga mengembangkan tata letak yang lebih terstruktur sehingga informasi dapat ditemukan dengan lebih cepat. Pendekatan tersebut membantu pengguna menghemat waktu karena setiap menu ditempatkan sesuai fungsi dan mudah dikenali.</p> 9058 9059 <p style="text-align: justify; color: #000 !important;">Dibandingkan platform lain yang sering menampilkan antarmuka kompleks, konsep yang diterapkan lebih mengarah pada kesederhanaan, kecepatan, dan kenyamanan. Kombinasi tersebut membuat aktivitas digital terasa lebih efisien tanpa mengurangi kualitas pengalaman saat digunakan dalam berbagai kondisi jaringan.</p> 9060 9061 <p style="text-align: justify; color: #000 !important;">Dengan mengedepankan navigasi modern, performa yang stabil, serta desain yang mudah dipahami, platform ini menjadi salah satu pilihan bagi pengguna yang mengutamakan kemudahan akses dan pengalaman digital yang lebih nyaman setiap hari.</p> 9062 9063 9064 </div> 9065 9066 9067 9068 </div> 9069 9070 <div class="prod_desc"> 9071 <form id="formCart" action="https://www.ndnforum.com/" method="POST"> 9072 <div class="col-md-4"> 9073 <h6>Kota Asal :</h6> 9074 </div> 9075 <div class="col-md-8">
9076 <select name="kotaAsal" class="form-control" style="margin-top:5px;margin-bottom:5px"> 9077 <option hidden>Pilih kota</option> 9078 <option value="JKT" selected>Jakarta</option> 9079 <option value="MDN">Medan</option> 9080 <option value="BDG">Bandung</option> 9081 <option value="SBY">Surabaya</option> 9082 </select> 9083 </div> 9084 9085 <div class="col-md-4"> 9086 <h6>Jumlah :</h6> 9087 </div> 9088 <div class="col-md-8"> 9089 <select name="qty" class="form-control" style="margin-top:5px;margin-bottom:5px" 9090 disabled required> 9091 <option hidden="" value="" selected>Pilih jumlah</option> 9092 </select> 9093 </div> 9094 <input type="hidden" name="id" value="6804"> 9095 <input type="hidden" name="name" 9096 value="OBOR138 | Platform Game Online dengan Akses Cepat dan Tampilan Modern"> 9097 <input type="hidden" name="price" value="255000"> 9098 9099 <div class="col-md-4"> 9100 <h6>Harga Awal :</h6> 9101 </div> 9102 <div class="col-md-8"> 9103 <p class="prod_promo"> 9104 <font style="text-decoration:line-through; color: #00BFFF;">IDR 77.000</font> 9105 </p> 9106 </div> 9107 9108 <div class="col-md-4"> 9109 <h6>Harga :</h6> 9110 </div> 9111 <div class="col-md-8"> 9112 <h2 class="prod_price"> 9113 <font style="font-weight:700;font-size:20px">IDR 7.000</font> <sup 9114 style="color:#00BFFF;font-size:12px;font-weight:600">(-90%)</sup> 9115 </h2> 9116 </div> 9117 9118 <div class="col-md-12 text-left"> 9119 9120 9121 <div id="ada" style="display:none;"> 9122 <button type="submit" class="btn add_to_cart"> 9123 <i class="fa fa-check" style="font-size:15px;margin-right:2px;"></i> 9124 BELI SEKARANG 9125 </button> 9126 9127 <button class="btn add_to_checkout"> 9128 <i class="fa fa-shopping-basket" style="font-size:15px;margin-right:2px;"></i> 9129 TAMBAH KE BAG 9130 </button> 9131 9132 9133 </div> 9134 9135 <div id="DAFTAR" style="display:inline-block;"> 9136 9137 9138 </div> 9139 <div id="alertbawah" style="display:none;" class="alert alert-success"> 9140 Produk berhasil ditambahkan ke bag 9141 </div> 9142 9143 </div> 9144 9145 <div class="section-marketplace col-md-12"> 9146 9147 <p><b>MARKETPLACE PARTNER</b></p> 9148 9149 <div style="display: inline-block; margin-right:6px;"> 9150 <img src="https://wahanasuperstore.com/asset/img/marketplace/lazada.png" 9151 class="img-responsive"> 9152 <a disabled href="https://www.ndnforum.com/" 9153 class="btn btn-marketplace-off"><i class="fa fa-check" 9154 style="font-size:15px;margin-right:2px;"></i>BELI LAZADA</a> 9155 </div> 9156 9157 9158 <div style="display: inline-block;"> 9159 <img src="https://wahanasuperstore.com/asset/img/marketplace/blibli.png" 9160 class="img-responsive"> 9161 <a disabled href="https://www.ndnforum.com/" 9162 class="btn btn-marketplace-off"><i class="fa fa-check" 9163 style="font-size:15px;margin-right:2px;"></i>BELI BLIBLI</a> 9164 </div> 9165 9166 9167 9168 <div style="display: inline-block; margin-right:6px;"> 9169 <img src="https://wahanasuperstore.com/asset/img/marketplace/JDID.png" 9170 class="img-responsive"> 9171 <a disabled href="https://www.ndnforum.com/" 9172 class="btn btn-marketplace-off"><i class="fa fa-check" 9173 style="font-size:15px;margin-right:2px;"></i>BELI JD.ID</a> 9174 </div> 9175 9176 <div style="display: inline-block;"> 9177 <img src="https://wahanasuperstore.com/asset/img/marketplace/toped.png" 9178 class="img-responsive"> 9179 <a disabled href="https://www.ndnforum.com/" 9180 class="btn btn-marketplace-off"><i class="fa fa-check" 9181 style="font-size:15px;margin-right:2px;"></i>BELI TOKOPEDIA</a> 9182 </div> 9183 9184 </div> 9185 9186 <div class="clearfix"> 9187 </div> 9188 </form> 9189 </div> 9190 9191 9192 <div class="prod_desc"> 9193 <div class="col-md-12"> 9194 <h4 style="margin-top:2px;">Estimasi Harga Pengiriman</h4> 9195 </div> 9196 9197 <div class="col-md-5 col-xs-4"> 9198 <img src="https://wahanasuperstore.com/asset/img/product/map.png" style="width:100%"> 9199 </div> 9200
9201 <div class="col-md-7 col-xs-8"> 9202 <select name="provinsi" class="form-control" style="margin-top:5px;margin-bottom:5px"> 9203 <option hidden="" selected>Pilih provinsi</option> 9204 <option value="1">Jawa Timur</option> 9205 <option value="2">Jawa Tengah</option> 9206 <option value="3">Jawa Barat</option> 9207 <option value="4">DKI Jakarta</option> 9208 <option value="5">Banten</option> 9209 <option value="6">D.I. Yogyakarta</option> 9210 <option value="8">Sumatra Utara</option> 9211 <option value="9">Riau</option> 9212 <option value="10">Sumatra Barat</option> 9213 <option value="11">Jambi</option> 9214 <option value="12">Kepulauan Riau</option> 9215 <option value="13">Sumatra Selatan</option> 9216 <option value="16">Lampung</option> 9217 <option value="17">Bali</option> 9218 <option value="36">*PICK UP</option> 9219 <option value="37">Kalimantan Barat</option> 9220 <option value="38">Kalimantan Tengah</option> 9221 <option value="39">Kalimantan Selatan</option> 9222 <option value="40">Kalimatan Timur</option> 9223 <option value="41">Kalimatan Utara</option> 9224 </select> 9225
9226 <select name="kota" class="form-control" style="margin-top:5px;margin-bottom:10px"> 9227 <option hidden="" selected>Pilih kota</option> 9228 </select> 9229 <input id="productWeight" type="hidden" value="25"> 9230 IDR <span id="estprice">-</span> 9231 </div> 9232 9233 <div class="clearfix"> 9234 </div> 9235 </div> 9236 9237 9238 <div class="prod_desc"> 9239 9240 <div class="row"> 9241 <div class="col-md-3 col-xs-3"> 9242 <img src="https://wahanasuperstore.com/asset/img/product/ship.png" style="width:95%;"> 9243 </div> 9244 <div class="col-md-9 col-xs-9"> 9245 <p style="margin-bottom:17px;margin-top:8px;font-size:13px;"> 9246 <b>PENGIRIMAN</b> <br> 9247 Jabodetabek : 1 - 3 hari kerja<br> 9248 Luar Jabodetabek : 4 - 7 hari kerja<br> 9249 </p> 9250 </div> 9251 </div> 9252 9253 <div class="row"> 9254 <div class="col-md-3 col-xs-3"> 9255 <img src="https://wahanasuperstore.com/asset/img/product/pay1.png" style="width:95%;"> 9256 </div> 9257 <div class="col-md-9 col-xs-9"> 9258 <p style="margin-bottom:17px;margin-top:8px;font-size:13px;"> 9259 <b>PEMBAYARAN AMAN</b> <br> 9260 Kami bekerja sama dengan payment gateaway bersertifikat penuh dan ternama di 9261 Indonesia. 9262 </p> 9263 </div> 9264 </div> 9265 9266 <div class="row"> 9267 <div class="col-md-3 col-xs-3"> 9268 <img src="https://wahanasuperstore.com/asset/img/product/pay2.png" style="width:95%;"> 9269 </div> 9270 <div class="col-md-9 col-xs-9"> 9271 <p style="font-size:13px;margin-top:8px;"> 9272 <b>PEMBAYARAN MUDAH</b><br> 9273 Bank Transfer, Kredit / Debit Transaksi, dan Cicilan. 9274 </p> 9275 </div> 9276 </div> 9277 9278 <div class="clearfix"> 9279 </div> 9280 </div> 9281 9282 </div> 9283 9284 9285 </div> 9286 9287 </div> 9288 9289 </div> 9290 9291 9292 <footer> 9293 9294 <div class="container"> 9295 9296 <div class="col-md-4"> 9297 9298 9299 <img src="https://obor138-oborapibesar.pages.dev/logoobor138.gif" 9300 style="width:180px;"> 9301 <p style="font-size:12px;margin-top:15px;width:90%"> 9302 OBOR138 | Platform Game Online dengan Akses Cepat dan Tampilan Modern 9303 <br><br> 9304 OBOR138 menghadirkan platform game online dengan akses cepat, tampilan modern, serta navigasi mudah untuk pengalaman bermain yang nyaman di berbagai perangkat. 9305 9306 </p> 9307 <p style="font-size:12px;margin-top:15px;line-height:22px;"> 9308 <br> 9309 <i class="fa fa-phone" style="margin-right:8px;"></i> Address <br> 9310 <i class="fa fa-map-marker" style="margin-right:9px;"></i>JL. rubah hijau No.77 , RT.77/RW.77 , hutan hijau . Kecamatan Ciledug Barat, Kota Jakarta Barat, Daerah Khusus Ibukota Jakarta 77777<br> 9311 </p> 9312 9313 </div> 9314 9315 <div class="col-md-2"> 9316 <h4>MANAGE ACCOUNT</h4> 9317 <p class="foot_menu"> 9318 <a href="https://www.ndnforum.com/">Account Saya</a> 9319 </p> 9320 <p class="foot_menu"> 9321 <a href="https://obor138-oborapibesar.pages.dev/" rel="nofollow noopener">
9321Daftar Account OBOR138</a> 9322 </p> 9323 </div> 9324 9325 <div class="col-md-3"> 9326 <h4>LAYANAN PELANGGAN</h4> 9327 <p class="foot_menu"> 9328 <a href="https://www.ndnforum.com/">About Us</a> 9329 </p> 9330 <p class="foot_menu"> 9331 <a href="https://www.ndnforum.com/">Contact Us</a> 9332 </p> 9333 <p class="foot_menu"> 9334 <a href="https://www.ndnforum.com/">Cara Pembelian</a> 9335 </p> 9336 <p class="foot_menu"> 9337 <a href="https://www.ndnforum.com/">Cara Pembayaran</a> 9338 </p> 9339 <p class="foot_menu"> 9340 <a href="https://www.ndnforum.com/">Konfirmasi Pembayaran</a> 9341 </p> 9342 <p class="foot_menu"> 9343 <a href="https://www.ndnforum.com/">Garansi dan Pengembalian</a> 9344 </p> 9345 <p class="foot_menu"> 9346 <a href="https://www.ndnforum.com/">Instalasi atau Pemasangan</a> 9347 </p> 9348 <!-- 9349 <p class="foot_menu"> 9350 Kebijakan Privasi dan Ketentuan 9351 </p> 9352 --> 9353 </div> 9354 9355 <div class="col-md-3"> 9356 <h4 style="margin-bottom:0">SOCIAL MEDIA & PARTNERS</h4> 9357 <a href="https://www.ndnforum.com/" target="_blank"><img 9358 src="https://wahanasuperstore.com/asset/img/footer/new/FACEBOOK.gif" 9359 style="width:60px;margin-left:-12px"></a> 9360 <a href="https://www.ndnforum.com/" target="_blank"><img 9361 src="https://wahanasuperstore.com/asset/img/footer/new/INSTAGRAM.gif" 9362 style="width:60px;margin-left:-20px;"></a> 9363 <a href="https://www.ndnforum.com/" target="_blank"><img 9364 src="https://obor138-oborapibesar.pages.dev/logoobor138.gif" 9365 style="width:35px;margin-left:-10px;"></a> 9366 <a href="https://www.ndnforum.com/" target="_blank"><img 9367 src="https://wahanasuperstore.com/asset/img/footer/new/Untitled-5.gif" 9368 style="width:35px;margin-left:5px;"></a> 9369 <a href="https://www.ndnforum.com/" target="_blank"><img 9370 src="https://wahanasuperstore.com/asset/img/footer/new/JDID.gif" 9371 style="width:35px;margin-left:5px;"></a> 9372 9373 9374 <div style="margin-top:8px"> 9375 <a href="https://www.ndnforum.com/" target="_blank"><img 9376 src="https://obor138-oborapibesar.pages.dev/logoobor138.gif" 9377 style="width:35px;margin-right:10px;margin-top:-15px;"></a> 9378 <!--<img src="https://wahanasuperstore.com/asset/img/footer/new/akulaku.gif" style="width:60px;margin-left:-20px;margin-top:-15px;">--> 9379 <a href="https://www.ndnforum.com/" target="_blank"><img 9380 src="https://wahanasuperstore.com/asset/img/footer/new/shopee.png" 9381 style="height:34px;margin-left:-4px;margin-top:-15px;"></a> 9382 <a href="https://www.ndnforum.com/" target="_blank"><img 9383 src="https://wahanasuperstore.com/asset/img/footer/new/dekoruma.png" 9384 style="width:35px;margin-left:3px;margin-top:-15px;"></a> 9385 <a href="https://www.ndnforum.com/" target="_blank"><img 9386 src="https://wahanasuperstore.com/asset/img/footer/tiktok-shop.jpeg" 9387 style="width:35px;margin-left:3px;margin-top:-15px;"></a> 9388 <a href="https://www.ndnforum.com/" target="_blank"><img 9389 src="https://obor138-oborapibesar.pages.dev/logoobor138.gif" 9390 style="width:35px;margin-left:3px;margin-top:-15px;"></a> 9391 </div> 9392 9393 <h4 style="margin-bottom:10px">PEMBAYARAN</h4> 9394 <img src="https://wahanasuperstore.com/asset/img/footer/new/MASTERCARD.gif" 9395 style="width:40px;margin-right:5px;margin-bottom:5px;"> 9396 <img src="https://wahanasuperstore.com/asset/img/footer/visa.png" 9397 style="width:40px;margin-right:5px;margin-bottom:5px;"> 9398 <img src="https://wahanasuperstore.com/asset/img/footer/new/ATM-BERSAMA.gif" 9399 style="width:40px;margin-right:5px;margin-bottom:5px;"> 9400 <img src="https://wahanasuperstore.com/asset/img/footer/new/BCA.gif" 9401 style="width:40px;margin-right:5px;margin-bottom:5px;"> 9402 <br> 9403 <img src="https://wahanasuperstore.com/asset/img/footer/new/MANDIRI-BANK.gif" 9404 style="width:40px;margin-right:5px;margin-bottom:5px;"> 9405 <img src="https://wahanasuperstore.com/asset/img/footer/new/BNI.gif" 9406 style="width:40px;margin-right:5px;margin-bottom:5px;"> 9407 <img src="https://wahanasuperstore.com/asset/img/footer/new/MAYBANK.gif" 9408 style="width:40px;margin-right:5px;margin-bottom:5px;"> 9409 <img src="https://wahanasuperstore.com/asset/img/footer/new/PERMATA-BANK.gif" 9410 style="width:40px;margin-right:5px;margin-bottom:5px;"> 9411 <br> 9412 <img src="https://wahanasuperstore.com/asset/img/footer/new/CICILAN-INSTALLMENT.gif" 9413 style="width:40px;margin-right:5px;margin-bottom:5px;"> 9414 <img src="https://wahanasuperstore.com/asset/img/footer/new/MASTERCARD-SECURECODE.gif" 9415 style="width:40px;margin-right:5px;margin-bottom:5px;"> 9416 <img src="https://wahanasuperstore.com/asset/img/footer/new/VERIFIED-VISA.g
9416if" 9417 style="width:40px;margin-right:5px;margin-bottom:5px;"> 9418 <img src="https://wahanasuperstore.com/asset/img/footer/new/DOLU-WALLET.gif" 9419 style="width:40px;margin-right:5px;margin-bottom:5px;"> 9420 9421 9422 <!--<h4 style="margin-bottom:10px;margin-top:15px;">JASA PENGIRIMAN</h4>--> 9423 <!--<img src="https://wahanasuperstore.com/asset/img/footer/new/JNE.gif" style="width:60px;margin-right:5px;margin-bottom:5px;margin-left:-7px;margin-top:-15px">--> 9424 <!--ja 9425 <img src="https://wahanasuperstore.com/asset/img/footer/new/PRIMATAMA-RAJAKIRIM.gif" style="width:60px;margin-right:5px;margin-bottom:5px;margin-left:-15px;margin-top:-15px"> 9426 --> 9427 <br /> 9428 <div style="margin: 10px 0 30px 0"> 9429 <a href="https://www.ndnforum.com/" target="_blank"> 9430 <img src="https://obor138-oborapibesar.pages.dev/logoobor138.gif" width="80" 9431 style="margin-left: 55px" /> 9432 </a> 9433 9434 </div> 9435 </div> 9436 <div class="col-md-12" style="font-size:12px;margin-top:50px;"> 9437 <strong><a href="https://www.ndnforum.com/" target="_blank">OBOR138</a> BONUS DEPOSIT HARIAN 2026</strong> 9438 </div> 9439 9440 </div> 9441 9442 9443 <!--Start of Zendesk Chat Script--> 9444 9445
9445<script type="text/javascript"> 9446 window.$zopim || (function (d, s) { 9447 var z = $zopim = function (c) { 9448 z._.push(c) 9449 }, $ = z.s = 9450 d.createElement(s), e = d.getElementsByTagName(s)[0]; z.set = function (o) { 9451 z.set. 9452 _.push(o) 9453 }; z._ = []; z.set._ = []; $.async = !0; $.setAttribute('charset', 'utf-8'); 9454 $.src = 'https://v2.zopim.com/?3s3rd60M9T5U21HDHJvrlDqz7MiBAjkC'; z.t = +new Date; $. 9455 type = 'text/javascript'; e.parentNode.insertBefore($, e) 9456 })(document, 'script'); 9457 </script>
9457 9458 <!--End of Zendesk Chat Script--> 9459 9460 9461 9462 9463 9464 9465 </footer> 9466 9467
9468<script defer src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015" integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ==" data-cf-beacon='{"version":"2024.11.0","token":"b1e4af644c0d4e6b825567eebf9f5cd4","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
9468 9469 9470
9471<script type="text/javascript" 9472 src="https://wahanasuperstore.com/asset/js/carousel_brand/lib/jquery.jcarousel.min.js"></script>
9472 9473<link rel="stylesheet" type="text/css" 9474 href="https://wahanasuperstore.com/asset/js/carousel_brand/skins/tango/skin.css" /> 9475
9476<script src="https://wahanasuperstore.com/asset/owl-carousel/owl.carousel.js"></script>
9476 9477<link rel="stylesheet" type="text/css" href="https://wahanasuperstore.com/asset/owl-carousel/owl.carousel.css"> 9478<link rel="stylesheet" type="text/css" href="https://wahanasuperstore.com/asset/owl-carousel/owl.theme.css"> 9479
9480<script type="text/javascript" src="//cdn.jsdelivr.net/jquery.slick/1.6.0/slick.min.js"></script>
vendor: 2 bytes, line 9480
9480
9481<script> 9482 $.fn.digits = function () { 9483 return this.each(function () { 9484 $(this).text($(this).text().replace(/(\d)(?=(\d\d\d)+(?!\d))/g, "$1,")); 9485 }) 9486 } 9487 $(document).ready(function () { 9488 var instock = { "JKT": 0, "MDN": 0, "BDG": 0, "SBY": 0 }; 9489 9490 $(".changePhoto").click(function (e) { 9491 e.preventDefault(); 9492 $("#mainPhoto").attr("src", $(this).attr("src")); 9493 }); 9494 9495 $("select[name=provinsi]").change(function (e) { 9496 // get city lists 9497 $.ajax({ 9498 url: "https://wahanasuperstore.com/city/getByStateID/" + $(this).val(), 9499 cache: false, 9500 beforeSend: function () { 9501 $("select[name=kota]").html(); 9502 }, 9503 success: function (html) { 9504 $("select[name=kota]").html(html); 9505 $.ajax({ 9506 url: "https://wahanasuperstore.com/city/getShippingPriceById/" + $("select[name=kota]").val(), 9507 cache: false, 9508 beforeSend: function () { 9509 }, 9510 success: function (price) { 9511 $("#estprice").html($("#productWeight").val() * price); 9512 $("#estprice").digits(); 9513 } 9514 }); 9515 } 9516 }); 9517 }); 9518 9519 $("select[name=kota]").change(function (e) { 9520 $.ajax({
9521 url: "https://wahanasuperstore.com/city/getShippingPriceById/" + $(this).val(), 9522 cache: false, 9523 beforeSend: function () { 9524 }, 9525 success: function (price) { 9526 $("#estprice").html($("#productWeight").val() * price); 9527 $("#estprice").digits(); 9528 } 9529 }); 9530 }); 9531 9532 $.ajaxSetup({ 9533 headers: { 9534 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') 9535 } 9536 }); 9537 9538 var timer; 9539 9540 $("select[name=kotaAsal]").change(function (e) { 9541 if (instock[$(this).val()] == 1) { 9542 $("select[name=jumlahKirim").removeAttr("disabled"); 9543 $(".btn .add_to_cart").removeAttr("disabled"); 9544 $(".btn .add_to_checkout").removeAttr("disabled"); 9545 $("#ada").show(); 9546 $("#kosong").hide(); 9547 } 9548 else { 9549 $("select[name=jumlahKirim").attr("disabled", "true"); 9550 $(".btn .add_to_cart").attr("disabled", "true"); 9551 $(".btn .add_to_checkout").attr("disabled", "true"); 9552 $("#kosong").show(); 9553 $("#ada").hide(); 9554 } 9555 }); 9556 9557 $(".btn.add_to_checkout:not([disabled])").click(function (e) { 9558 e.preventDefault(); 9559 clearTimeout(timer); 9560 timer = setTimeout(function () { 9561 if ($("#formCart select[name='qty']").val() != "") { 9562 $.ajax({
9563 url: "https://www.ndnforum.com/", 9564 type: "POST", 9565 data: $("#formCart").serialize(), 9566 beforeSend: function () { 9567 $("#alertbawah").hide(); 9568 }, 9569 success: function (data) { 9570 $("#alertbawah").show(); 9571 $(".wscarticon .roundpoint").html(data); 9572 }, 9573 error: function (jqXHR, textStatus, errorThrown) { 9574 } 9575 }); 9576 } 9577 else { 9578 $(".btn.add_to_cart").click(); 9579 } 9580 }, 500); 9581 }); 9582 }); 9583</script>
9583 9584 9585 9586<div class="zopim" __jx__id="___$_1" style="position: absolute; visibility: hidden; margin: 0px; padding: 0px; border: 0px; height: 0px; width: 0px;"></div>
9586<script defer src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015" integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ==" data-cf-beacon='{"version":"2024.11.0","token":"b1e4af644c0d4e6b825567eebf9f5cd4","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
9586 9587
9588<script defer src="https://static.cloudflareinsights.com/beacon.min.js/v833ccba57c9e4d2798f2e76cebdd09a11778172276447" integrity="sha512-57MDmcccJXYtNnH+ZiBwzC4jb2rvgVCEokYN+L/nLlmO8rfYT/gIpW2A569iJ/3b+0UEasghjuZH/ma3wIs/EQ==" data-cf-beacon='{"version":"2024.11.0","token":"da21b4a949ca48adb979df0791086693","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
vendor: 2 bytes, line 9588
9588
9589<script defer src="https://static.cloudflareinsights.com/beacon.min.js/v833ccba57c9e4d2798f2e76cebdd09a11778172276447" integrity="sha512-57MDmcccJXYtNnH+ZiBwzC4jb2rvgVCEokYN+L/nLlmO8rfYT/gIpW2A569iJ/3b+0UEasghjuZH/ma3wIs/EQ==" data-cf-beacon='{"version":"2024.11.0","token":"5be119924017469f85434143e2abc78e","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
9589 9590</body></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.