

 	<!DOCTYPE html>
<html lang="id" prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb#">

<head>
    <meta http-equiv="Content-Type" content="text/html;">
    <meta charset="UTF-8" />
    <meta name="google-site-verification" content="CjTuvRZxIUGDSlH3mp6tjFNjrloRoHNNF5rUupc9Dm8" />
    <meta name="p:domain_verify" content="4f5a811e7ccf3a7a143536db9cd135cf" />
    <!-- <meta name="alexaVerifyID" content="h7bLD9X1crg7XIv0TY6nRQ-iIEg"/> -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="google" content="notranslate">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0">
    <meta name="google-site-verification" content="q27SM8N4rvLGDz2pO5UjIo-VgJQwpyIz52T9BwaJ4qw" />
    <meta name="theme-color" content="#1976d2">
    <meta name="facebook-domain-verification" content="am61evwn0v0arixy0jrz822s1a4mub" />
    <link rel="apple-touch-icon" href="https://www.radatime.co.id/image/icon/logo/LOGO-GOOGLE-512X512.jpg">
    <link rel="apple-touch-icon" sizes="152x152" href="https://www.radatime.co.id/image/icon/logo/LOGO-GOOGLE-512X512.jpg">
    <link rel="apple-touch-icon" sizes="180x180" href="https://www.radatime.co.id/image/icon/logo/LOGO-GOOGLE-512X512.jpg">
    <link rel="apple-touch-icon" sizes="167x167" href="https://www.radatime.co.id/image/icon/logo/LOGO-GOOGLE-512X512.jpg">

            <meta name="description" content="RADATIME Pusat Jam Tangan Original Toko Jam Tangan Terdekat di Hati Sejak 2009. Beli jam tangan Aman &amp; Garansi RADATIME. ✓ Original ✓ Promo RADAPOINTS ✓ Gratis Ongkir ✓ Cicilan 0%." />        <meta name="keywords" content="toko jam tangan terdekat, jam tangan pria, jam tangan wanita, jam tangan murah, jam tangan alexandre christie, jam tangan aries gold, jam tangan alexandre christie wanita, jam tangan luminox, jam tangan olahraga radatime">
        <title>
        Tracking Order    </title>
    <meta name="author" content="Radatime">
            <meta property="og:image" content="https://www.radatime.co.id/catalog/view/theme/new_look_2015/template/img/brand/2026-06-30-banner_profile.jpg" />
        <meta property="og:image:type" content="image/jpg" />
    <!-- Favicone Icon -->
    <link rel="shortcut icon" type="image/x-icon" href="https://www.radatime.co.id/catalog/view/theme/new_look_2015/template/img/icon-rdt-new.png">
    <link rel="icon" href="https://www.radatime.co.id/catalog/view/theme/new_look_2015/template/img/icon-rdt-new.png" type="image/x-icon">
    <link rel="icon" type="image/png" href="https://www.radatime.co.id/catalog/view/theme/new_look_2015/template/img/icon-rdt-new.png">
    <link rel="apple-touch-icon" href="https://www.radatime.co.id/catalog/view/theme/new_look_2015/template/img/icon-rdt-new.png">

            <link rel="stylesheet" type="text/css" href="https://refreshless.com/nouislider/distribute/nouislider.css?v=1210?ver=V849" media="screen" />
            <link rel="stylesheet" type="text/css" href="https://www.radatime.co.id//catalog/view/theme/new_look_2015/template/css/bootstrap.min.css?ver=V849" media="screen" />
            <link rel="stylesheet" type="text/css" href="https://www.radatime.co.id/catalog/view/theme/new_look_2015/template/css/bootstrap.min.css?ver=V849" media="screen" />
            <link rel="stylesheet" type="text/css" href="https://www.radatime.co.id/catalog/view/theme/new_look_2015/template/css/rada-theme.min.css?ver=V849" media="screen" />
            <link rel="stylesheet" type="text/css" href="https://www.radatime.co.id/catalog/view/theme/new_look_2015/template/webslidemenu/webslidemenu.min.css?ver=V849" media="screen" />
            <link rel="stylesheet" type="text/css" href="https://www.radatime.co.id/catalog/view/theme/new_look_2015/template/css/plugins/jquery-ui-1.17.min.css?ver=V849" media="screen" />
        <link rel="canonical" href="https://www.radatime.co.id/tracking-order" />
    <!-- Rendering Blocking -->
                <script defer src="catalog/view/theme/new_look_2015/js/sidebar/hummingbird-treeview/hummingbird_treeview.js?ver=V849"></script>
            <script defer src="https://refreshless.com/nouislider/distribute/nouislider.js?v=1210?ver=V849"></script>
            <script defer src="./catalog/view/theme/new_look_2015/template/development/js/plugins/slick.js?ver=V849"></script>
            <script defer src="./catalog/view/theme/new_look_2015/template/webslidemenu/webslidemenu.js?ver=V849"></script>
            <script defer src="https://www.radatime.co.id/catalog/view/theme/new_look_2015/template/js/vue.min.js?ver=V849"></script>
            <script defer src="https://www.radatime.co.id/catalog/view/theme/new_look_2015/template/js/vue-currency.js?ver=V849"></script>
            <script defer src="https://www.radatime.co.id/catalog/view/theme/new_look_2015/template/js/axios.min.js?ver=V849"></script>
        <!-- End Rendering Blocking -->
    <!-- <link rel="stylesheet" type="text/css" href="/catalog/view/theme/new_look_2015/template/css/login-sosmed.css?ver=100031" media="screen" /> -->
    <!-- Google Tag Manager -->
    <style>
        /* @media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {
            img {
               
                filter: blur(0) !important;
                -webkit-filter: blur(0) !important;
                transform: translateZ(0) ;
                -webkit-transform: translateZ(0);
            }
        } */

        /* Unset for Safari 11+ */
        /* @media not all and (min-resolution:.001dpcm) {
            @supports (-webkit-appearance:none) and (stroke-color:transparent) {
                img {
                    image-rendering: unset !important;
                }
            }
        } */

        .floating-supersale {
            right: 8px;
            bottom: 25vh;
            width: 70px;
            height: 70px;
            position: fixed;
            z-index: 1000;
            border-radius: 19px;
            background: #f9a919;
            text-align: center;
        }

        .clearfix{
            transition:.3s;
        }

        .floating-supersale a {
            opacity: unset !important;
        }

        .floating-supersale .countdown {
            color: #333;
            font-weight: bold;
            bottom: 14px;
        }
        
        .register-now {
            color: #f9591d !important;
        }

        .register-now:hover {
            color: #f9a919 !important;
        }

        .customBtn {
            display: inline-block;
            background: white;
            color: black;
            width: -webkit-fill-available;
            border-radius: 5px;
            white-space: nowrap;
            border: 1px solid rgb(229, 231, 233);
            text-align: center;
        }

        .customBtn:hover {
            cursor: pointer;
            border-color: rgb(202, 203, 205);
            color: rgb(202, 203, 205);
        }

        span.label {
            font-weight: bold;
        }

        span.icon {
            background: url('https://www.radatime.co.id/image/icon/g-normal.png') transparent 5px 50% no-repeat;
            display: inline-block;
            vertical-align: middle;
            width: 42px;
            height: 42px;
        }

        span.icon1 {
            background: url('https://www.radatime.co.id/image/icon/fb-normal-v1.png') transparent 5px 50% no-repeat;
            display: inline-block;
            vertical-align: middle;
            width: 42px;
            height: 42px;
        }

        span.buttonText {
            display: inline-block;
            vertical-align: middle;
            padding-right: 20px;
            font-size: 14px;
            font-weight: bold;
            /* Use the Roboto font that is loaded in the <head> */
            font-family: 'Roboto', sans-serif;
        }

        .regis-space {
            margin-top: 24px;
            margin-bottom: 24px;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            white-space: nowrap;
            text-align: center;
            color: rgba(0, 0, 0, 0.38);
            font-size: 15px;
        }

        .regis-space:before {
            content: '';
            -webkit-flex: 1 1;
            -ms-flex: 1 1;
            flex: 1 1;
            border-bottom: 1px solid rgba(0, 0, 0, 0.12);
            margin: auto 18px auto 0;
            padding-right: 10px;
        }

        .regis-space:after {
            content: '';
            -webkit-flex: 1 1;
            -ms-flex: 1 1;
            flex: 1 1;
            border-bottom: 1px solid rgba(0, 0, 0, 0.12);
            margin: auto 0 auto 18px;
            padding-right: 10px;
        }

        .regis-error {
            color: red;
            font-size: 12px;
            padding-top: 7px;
        }

        .header-modal {
            display: flex;
            position: sticky;
            top: 0px;
            z-index: 10000;
            width: 100%;
            background: white;
            padding: 10px;
            height: 60px;
        }

        .close-button {
            width: 40px;
            height: 40px;
            text-align: center;
            padding-top: 5px;
            flex-basis: 6%;
        }

        .close-button:hover {
            cursor: pointer;
        }

        .body-modal {
            padding: 18px;
            background-color: #f8f8f8;
            overflow-y: scroll;
        }

        .body-modal::-webkit-scrollbar {
            display: none;
        }

        .btn-primary-regis {
            height: 40px;
            width: 100%;
            background: #f9a919 !important;
            color: #fff !important;
            border: 1px solid transparent;
            font-size: 14px !important;
        }

        .btn-primary-regis:hover {
            background-image: linear-gradient(to right, #f9591d -40%, #f9a919 50%, #f9591d 140%) !important;
            color: #fff !important;
            cursor: pointer;
        }

        .btn-primary-regis-loading {
            height: 40px;
            width: 100%;
            background: #f9591d !important;
            color: #fff !important;
            border: 1px solid transparent;
            font-size: 14px !important;
        }

        .form__group {
            position: relative;
            padding: 15px 10px;
            margin-bottom: 25px;
            height: 83.6px;
        }

        .form__field {
            font-family: inherit;
            width: 100%;
            border: 0;
            border-bottom: 1px solid #d2d2d2;
            outline: 0;
            font-size: 14px;
            color: #212121;
            padding: 7px 0;
            background: transparent;
            transition: border-color 0.2s;
        }

        .form__field::placeholder {
            color: transparent;
            font-weight: normal;
        }

        .form__field:placeholder-shown~.form__label {
            font-size: 1\4px;
            cursor: text;
            top: 25px;
            left: 20px;
        }

        .form__label {
            position: absolute;
            top: -8px;
            display: block;
            transition: 0.2s;
            font-size: 12px;
            color: #bbb;
        }

        .form__field:focus~.form__label {
            color: #f9a919;
            position: absolute;
            top: -8px;
            display: block;
            transition: 0.2s;
            font-size: 12px;
        }

        .form__field:focus {
            padding-bottom: 6px;
            border-bottom: 2px solid #f9a919;
        }

        /* select starting stylings ------------------------------*/
        .select {
            position: relative;
            width: 100%;
        }

        .select-text {
            position: relative;
            font-family: inherit;
            background-color: transparent;
            width: 100%;
            padding: 7px 10px 7px 0;
            font-size: 14px;
            border-radius: 0;
            border: none;
            border-bottom: 1px solid #d2d2d2;
        }

        /* Remove focus */
        .select-text:focus {
            outline: none;
            border-bottom: 1px solid rgba(0, 0, 0, 0);
        }

        /* Use custom arrow */
        .select .select-text {
            appearance: none;
            -webkit-appearance: none
        }

        /* LABEL ======================================= */
        .select-label {
            color: #bbb;
            font-size: 12px;
            position: absolute;
            pointer-events: none;
            left: 0;
            top: 5px;
            transition: 0.2s ease all;
        }

        /* active state */
        .select-text:focus~.select-label,
        .select-text:valid~.select-label {
            color: #f9a919;
            top: -15px;
            transition: 0.2s ease all;
            font-size: 12px;
        }

        /* BOTTOM BARS ================================= */
        .select-bar {
            position: relative;
            display: block;
            width: 100%;
        }

        .select-bar:before,
        .select-bar:after {
            content: '';
            height: 2px;
            width: 0;
            bottom: 1px;
            position: absolute;
            background: #f9a919;
            transition: 0.2s ease all;
        }

        .select-bar:before {
            left: 50%;
        }

        .select-bar:after {
            right: 50%;
        }

        /* active state */
        .select-text:focus~.select-bar:before,
        .select-text:focus~.select-bar:after {
            width: 50%;
        }

        /* HIGHLIGHTER ================================== */
        .select-highlight {
            position: absolute;
            height: 60%;
            width: 100px;
            top: 25%;
            left: 0;
            pointer-events: none;
            opacity: 0.5;
        }

        .forgot-password {
            color: #f9591d !important;
        }

        .forgot-password:hover {
            color: #f9a919 !important;
        }

        .select-boot5 {
            height: 100%;
            padding: .375rem 2.25rem .375rem .75rem;
            -moz-padding-start: calc(0.75rem - 3px);
            font-size: 14px;
            font-weight: 400;
            line-height: 1.5;
            color: #212529;
            background-color: #fff;
            background-repeat: no-repeat;
            background-position: right .75rem center;
            background-size: 16px 12px;
            border: 1px solid #ced4da;
            border-radius: .25rem;
            transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
        }

        .input-boot5 {
            display: block;
            height: 100%;
            width: 100%;
            padding: .375rem .75rem;
            font-size: 14px;
            font-weight: 400;
            line-height: 1.5;
            color: #212529;
            background-color: #fff;
            background-clip: padding-box;
            border: 1px solid #ced4da;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            border-radius: .25rem;
            transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
        }

        .notification-container {
            position: absolute;
            top: 25vh;
            right: 0;
            width: 340px;
            height: 275px;
            padding: 15px;
            overflow: visible;
            background: white;
            z-index: 999;
            border-top-left-radius: 20px;
            border-bottom-left-radius: 20px;
            -webkit-box-shadow: 0 0 5px rgb(0 0 0 / 50%);
            transform: translateX(100%);
            -webkit-transform: translateX(100%);
            /* display: flex;
            align-items: center; */
        }

        .cari-cepat {
            height: 43%;
            position: absolute;
            top: 50%;
            left: -30px;
            cursor: pointer;
            transform: translate(0%, -50%);
        }

        .selected {
            animation: slide-in 0.5s forwards;
            -webkit-animation: slide-in 0.5s forwards;
        }

        .dismiss {
            animation: slide-out 0.5s forwards;
            -webkit-animation: slide-out 0.5s forwards;
        }

        .invis-out {
            background: transparent !important;
            -webkit-box-shadow: unset !important;
        }

        .invis-in {
            display: none !important;
        }

        .btn-list-gender {
            padding: 0px;
            width: 45%;
            color: #fff !important;
            background: #f9a919 !important;
            border-radius: 15px;
        }

        .btn-list-gender:active,
        .btn-list-gender:focus {
            color: white !important;
            background-color: #f9a919 !important;
            border: 1px solid #f9a919 !important;
            box-shadow: unset;
        }

        .btn-cari {
            padding: 2px;
            width: 35%;
            color: white;
            background: #f9a919 !important;
            border-radius: 20px;
            border: 1px solid #f9a919;
            font-size: 14px;
        }

        .btn-selanjutnya {
            padding: 2px 15px;
            color: white;
            background: #f9a919 !important;
            border-radius: 20px;
            border: 1px solid #f9a919 !important;
            font-size: 14px;
        }

        @keyframes slide-in {
            0% {
                -webkit-transform: translateX(100%);
            }

            100% {
                -webkit-transform: translateX(0%);
            }
        }

        @-webkit-keyframes slide-in {
            0% {
                transform: translateX(100%);
            }

            100% {
                transform: translateX(0%);
            }
        }

        @keyframes slide-out {
            0% {
                transform: translateX(0%);
            }

            100% {
                transform: translateX(100%);
            }
        }

        @-webkit-keyframes slide-out {
            0% {
                -webkit-transform: translateX(0%);
            }

            100% {
                -webkit-transform: translateX(100%);
            }
        }

        .watch-cleanner {
            background: #53c509;
            color: #fff;
            font-weight: 700;
        }

        .header-title-cari {
            text-align: center;
            color: #fff;
            height: 36px;
            padding-top: 5px;
            background: #f9a919;
            font-weight: bold;
        }

        .list-cari {
            display: inline-block;
            padding: 17px;
            width: 100%;
            text-align: center;
        }

        .list-check-cari {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            grid-gap: 0px;
            padding: 10px 10px 0px 10px;
        }

        .notification-container .btn-primary:not(:disabled):not(.disabled).active,
        .btn-primary:not(:disabled):not(.disabled):active,
        .show>.btn-primary.dropdown-toggle {
            color: black;
            background-color: white;
            border: 1px solid #1cdc22;
            box-shadow: unset;
        }

        .btn-primary:hover {
            color: #fff;
            background-image: linear-gradient(to right, #f9591d -40%, #f9a919 50%, #f9591d 140%) !important;
            box-shadow: unset;
            border: unset !important;
        }

        @media screen and (min-width: 1700px) {
            .smllogo {
                border-right: 1px solid #eaeaea;
                margin: 0 20px 0 0;
                float: left;
                width: 11%;
                line-height: 60px;
            }
        }

        .swal-button--confirm {
            background-color: #f9a919 !important;
        }

        .swal-button:focus {
            box-shadow: unset;
        }

        .product-tab-Content-body .detail-table table tr:nth-of-type(odd) {
            background-color: #f6f6f6;
        }

        .product-tab-Content-body .detail-table table tr:nth-of-type(even) {
            background-color: white !important;
        }

        @media only screen and (min-width: 900px) and (max-width: 992px) {
            /* CSS FILTER TABLET */
            .fil-dropdown {
                padding: 5px 0px;
            }

            .filter-item .checkbox .cb {
                margin: 5px;
                float: left;
            }

            .fil-content {
                background: #fff;
            }

            .modal-filter .body {
                overflow-y: scroll;
                width: 100%;
                padding: 1rem;
            }

            .modal-filter .body .pt-4 {
                padding-top: 3rem !important;
            }

            .filter-title h6 {
                background: #efefef;
                margin: 0px;
                padding: 10px;
            }

            .modal-filter .header {
                background: rgb(239, 239, 239);
                height: 40px;
                z-index: 1;
                font-size: 20px;
                padding: 5px 0px 0px 20px;
                position: absolute;
            }

            .fil_mob {
                padding: 0px
            }

            .btn-primary {
                color: #fff;
                background-image: linear-gradient(to right, #f9591d -40%, #f9a919 50%, #f9591d 140%) !important;
                border: none !important;
            }

            #ga-catalog-mobile-btn-filter {
                position: absolute;
                bottom: 0;
                left: 0;
                width: 100%;
                background: #fff;
            }

            #ga-catalog-mobile-btn-filter .btn {
                width: 100%;
                border-radius: 0px !important;
                box-shadow: rgb(0 0 0) 0px 0px 10px;
            }

            .last-dropdown {
                padding-bottom: 100px;
            }

            .modal-filter .body .filter-group {
                font-size: 1rem;
            }

            .btn-price {
                width: 100%;
                margin-bottom: 10px;
                border-radius: 7px;
            }

            /* END CSS FILTER TABLET */

            .btn-drop-search {
                width: 47.3% !important;
            }

            .btn-drop-search2 {
                width: 23% !important;
            }

            .show-search-tab {
                display: block !important;
            }

            #dataCartMobile .col-2{
                -ms-flex: 0 0 16.666667%;
                flex: 0 0 16.666667%;
                max-width: 16.666667%;
            }

            .wsactive .wsmenu{
                height: 610px !important;
            }
            
            #logo_mp{
                display: none !important;
            }

            .page-container, .page-contaiter {
                margin-top: 60px !important;
            }
        }

        .menubar_majalah {
            top: 60px;
            position: absolute;
            background: #f9a919;
            display: block;
            width: 100%;
            text-align: center;
            padding: 5px 0;
            box-shadow: 1px 1px 4px #eaeaea;
            font-size: 1.4vw;
            margin: 0px;
            padding-left: 20px;
            z-index: -1;
        }

        .menubar_majalah_list {
            width: 100%;
            float: left;
            padding: 0;
            margin: 0;
            text-align: center;
            display: block;
            position: relative;
            padding: 0px 1vw 0px 1vw;
        }

        .menubar_majalah_list li {
            display: inline-block;
            padding: 0px 2vw 0px 2vw;
        }

        .menubar_majalah_list li a {
            font-family: 'Open Sans';
            line-height: 35px;
            letter-spacing: 1px;
            text-transform: uppercase;
            color: #fff;
        } 
        
        .menubar_majalah_list li a:hover{
            color: black;
        }

        .hideheaderrmit{
            display: none !important;
        }

        .cari-cepat-opacity{
            opacity: 0.9;
        }

        #dropdown-search a[href]:hover{
            color: white !important;
        }
    </style>
    <script>
        (function(w, d, s, l, i) {
            w[l] = w[l] || [];
            w[l].push({
                'gtm.start': new Date().getTime(),
                event: 'gtm.js'
            });
            var f = d.getElementsByTagName(s)[0],
                j = d.createElement(s),
                dl = l != 'dataLayer' ? '&l=' + l : '';
            j.async = true;
            j.src =
                'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
            f.parentNode.insertBefore(j, f);
        })(window, document, 'script', 'dataLayer', 'GTM-PG8HKQB');
    </script>
    <!-- Google tag (gtag.js) --> 
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-EGWBKVJ58C"></script>
    <script> 
        window.dataLayer = window.dataLayer || []; 
        function gtag(){dataLayer.push(arguments);} 
        gtag('js', new Date()); 
        gtag('config', 'G-EGWBKVJ58C');
    </script>

    <!-- Google optimize -->
    <script src="https://www.googleoptimize.com/optimize.js?id=OPT-K9HCJXG"></script>
    <!-- End Google Tag Manager -->
    <!-- The core Firebase JS SDK is always required and must be listed first -->
    <!-- <script src="https://www.gstatic.com/firebasejs/8.7.1/firebase-app.js"></script> -->

    <!-- TODO: Add SDKs for Firebase products that you want to use
     https://firebase.google.com/docs/web/setup#available-libraries -->
    <!-- <script src="https://www.gstatic.com/firebasejs/8.7.1/firebase-analytics.js"></script> -->

    <!-- <script>
        // Your web app's Firebase configuration
        // For Firebase JS SDK v7.20.0 and later, measurementId is optional
        var firebaseConfig = {
            apiKey: "AIzaSyAONOjSwaW5uigpqBmlz_NKAmw7y-ooopY",
            authDomain: "radatime-74a62.firebaseapp.com",
            projectId: "radatime-74a62",
            storageBucket: "radatime-74a62.appspot.com",
            messagingSenderId: "848603755718",
            appId: "1:848603755718:web:41723d2b031c9450ce93c7",
            measurementId: "G-PP664656PY"
        };
        // Initialize Firebase
        firebase.initializeApp(firebaseConfig);
        firebase.analytics();
    </script> -->
    <script>
        var onloadCallback = function() {
            grecaptcha.render('captchaa', {
                'sitekey': '6LdLwsgZAAAAAKUzVQoQ6WbSNnpMQbAUjKgeFa0C'
            });
        };
    </script>
    <style>
        .wssearchbar .ui-autocomplete {
            padding: 7px;
        }

        .wssearchbar .ui-autocomplete .ui-menu-item .ui-state-active {
            background-color: #eaeaea;
            border: 1px solid #eaeaea;
            color: #898d91;
        }

        .text-flash {
            z-index: -1;
            top: 60px !important;
        }

        .dd-search {
            background: #fff;
            color: #000;
            width: 100.5%;
            margin-left: -1px;
            margin-top: 1px;
            /* z-index: 999; */
            border: 1px solid #f9a919;
            border-top: 1px solid #aeaeae;
            border-bottom-left-radius: 10px;
            border-bottom-right-radius: 10px;
        }

        .dd-search p {
            color: #717171;
        }

        .show-search {
            display: block !important;
        }

        .btn+.btn {
            margin-left: 0px;
        }

        .btn-drop-search,
        .btn-drop-search2 {
            padding: 6px 0.1rem !important;
            margin: 7px 10px 0px 0px;
            font-weight: 600;
            border-radius: 10px !important;
            /* box-shadow: rgb(0 0 0) 0px 1px 3px !important; */
            font-size: 12px !important;
            border: 1px solid #f9a919 !important;
            color: #000;
            overflow: hidden;
        }

        .btn-drop-search:hover,
        .btn-drop-search2:hover {
            background: #f9a919 !important;
            color: #fff !important;
            border: 1px solid black !important;
        }


        .btn-drop-search {
            width: 46%;
        }

        .btn-drop-search2 {
            width: 20.6%;
        }

        .back-to-top{
            z-index: 11;
        }

        .wsmenu{
            height: 81px !important;
        }

        .text-flash{
            display: none !important;
            /* top: 140px !important; */
        }

        .product-filter-content{
            top: 140px !important;
            /* top: 170px !important; */
        }

        .scrool-filter{
            top: 150px !important;
            max-height: 77vh !important
        }

        .page-container, .page-contaiter{
            margin-top: 0px;
        }
        
        #dropdown-toggle-shopee.highlight-toggle {
            background-color: gray !important;
        }
    </style>
    <script data-rh="true" type="application/ld+json">
        {
            "@context": "http://schema.org",
            "@type": "Store",
            "name": "RADATIME",
            "url": "/",
            "image": "https://www.radatime.co.id/image/icon/RADA-LOGO.jpg",
            "address": {
                "@type": "PostalAddress",
                "streetAddress": "Jl. H. Misbah Komplek Multatuli Indah Blok E38",
                "addressLocality": "Medan Maimun",
                "addressRegion": "Kota Medan",
                "postalCode": "20151",
                "addressCountry": "INA"
            },
            "aggregateRating": {
                "@type": "AggregateRating",
                "bestRating": 5,
                "worstRating": 1,
                "ratingCount": 641751,
                "ratingValue": 4.9931            }
        }
    </script>

    <!-- <script src="https://cdn.onesignal.com/sdks/OneSignalSDK.js" async=""></script>
    <script>
        window.OneSignal = window.OneSignal || [];
        OneSignal.push(function() {
            OneSignal.init({
                appId: "283a0566-cc73-4865-9f76-a02f12b05719",
            });
        });
    </script> -->
</head>

<body style="margin:0 auto;overflow-x: hidden;">
    <!-- Google Tag Manager (noscript) -->
    <noscript>
        <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PG8HKQB" height="0" width="0" style="display:none;visibility:hidden"></iframe>
    </noscript>
    <!-- End Google Tag Manager (noscript) -->

    <!-- Tablet Header -->
    <form action="search" method="GET" class="form-search-tablet">
        <!--
--><input type="hidden" name="rd-csrf-token-label" value="9ca066e9d24a53a6079da815c346b64ff6e289bcb27b482f382292646defbee4" />        <input type="text" class="text-search search" name="s" value="" placeholder="Cari Aries Gold" />
        <a href="#" class="search-close"><i class="fas fa-times"></i></a>
        <input type="hidden" name="route" value="product/search" />
    </form>

    <!-- Mobile Header -->
    <div id="dataCartMobile" class="wsmobileheader clearfix" v-cloak>
        <div class="bg-white d-flex f-12 pos-absolute text-center w-100" style="top: 0; z-index: 100;">
            <div class="col-2 p-0"><a id="ga-header-desktop-mp-shopeeoff" href="https://shopee.co.id/radatime"><img src="https://www.radatime.co.id/image/icons/mp/NO_PD_SHOPEE-MALL3.png?ver=V2" height="60px"></a> <br> <a id="ga-header-desktop-mp-shopeeoff" href="https://shopee.co.id/radatime">RADATIME <br>OFFICIAL SHOP</a> </div>
            <div class="col-2 p-0"><a id="ga-header-desktop-mp-shopeereg" href="https://shopee.co.id/radatimemedan"><img src="https://www.radatime.co.id/image/icons/mp/NO_PD_SHOPEE3.png" height="60px"></a> <br> <a id="ga-header-desktop-mp-shopeereg" href="https://shopee.co.id/radatimemedan">RADATIME <br>WATCH CENTRE</a> </div>
            <div class="col-2 p-0"><a id="ga-header-desktop-mp-tokopedia" href="https://www.tokopedia.com/radatime"><img src="https://www.radatime.co.id/image/icons/mp/NO_PD_TOKOPEDIA3.png" height="60px"></a> <br> <a id="ga-header-desktop-mp-tokopedia" href="https://www.tokopedia.com/radatime">RADATIME <br>OFFICIAL SHOP</a> </div>
            <div class="col-2 p-0"><a id="ga-header-desktop-mp-lazada" href="https://www.lazada.co.id/shop/radatime-watch-centre/?path=index.htm"><img src="https://www.radatime.co.id/image/icons/mp/NO_PD_LAZADA3.png" height="60px"></a> <br> <a id="ga-header-desktop-mp-lazada" href="https://www.lazada.co.id/shop/radatime-watch-centre/?path=index.htm">RADATIME <br>WATCH CENTRE</a> </div>
            <div class="col-2 p-0"><a id="ga-header-desktop-mp-tiktok" href="https://www.tiktok.com/@radatime.id"><img src="https://www.radatime.co.id/image/icons/mp/NO_PD_TIKTOK3.png" height="60px"></a> <br> <a href="https://www.tiktok.com/@radatime.id">RADATIME</a> </div>
            <div class="col-2 p-0"><a id="ga-header-desktop-mp-blibli" href="https://www.blibli.com/merchant/radatime-official-store/RAE-60025?pickupPointCode=PP-3040949"><img src="https://www.radatime.co.id/image/icons/mp/NO_PD_BLIBLI3.png" height="60px"></a> <br> <a id="ga-header-desktop-mp-blibli" href="https://www.blibli.com/merchant/radatime-official-store/RAE-60025?pickupPointCode=PP-3040949">RADATIME <br>OFFICIAL SHOP</a> </div>
        </div>
        <div class="wsmobileheader" style="top: 100px">
            <a id="wsnavtoggle" class="wsanimated-arrow"><span></span></a>
            <a href="/" class="smllogo">
                <picture>
                    <img src="https://www.radatime.co.id/image/support/RMIT-TENGAH-WEB.png" class="lazyload" width="150" alt="RADATIME">
                </picture>
            </a>
            <a href="https://www.radatime.co.id/index.php?route=checkout/cart" class="nav-shopping-basket">
                <i class="nav-icon fas fa-shopping-basket"></i>
                <em class="roundpoint">{{total_cart_product}}</em>
            </a>
                            <a href="https://www.radatime.co.id/index.php?route=account/login" class="nav-account">
                    <i class="nav-icon fas fa-user"></i>
                </a>
                                    <!-- Searchbar di Tablet -->
            <div class="wssearchbar wssearchmobile d-block d-xl-none" style="margin-bottom:15px;">
                <form class="topmenusearch" action="search" method="GET">
                    <!--
--><input type="hidden" name="rd-csrf-token-label" value="9ca066e9d24a53a6079da815c346b64ff6e289bcb27b482f382292646defbee4" />                    <!-- <input type="hidden" name="route" value="product/search" /> -->
                    <input id="input-search-tab" value="" name="s" v-model="filter_name_tab" onclick="clickTab()" onkeyup="typingTab()" placeholder="Cari Aries Gold" class="search" title="Search..." type="search" autocomplete="off" />
                    <div id="dropdown-search-tab" class="dd-search pb-4 pt-2 pl-2" style="display:none; margin-top:-1px;">
                        <p class="f-18 mb-1 ml-3" style="text-align:left"><b>Merek Rekomendasi</b></p>
                        <div id="ga-desktop-search-ac" class="btn rounded btn-drop-search"><a id="ga-desktop-search-ac" href="/jam-tangan-alexandre-christie?stock=true"><div>Alexandre Christie</div></a></div>
                        <div id="ga-desktop-search-bonia" class="btn rounded btn-drop-search"><a id="ga-desktop-search-bonia" href="/jam-tangan-bonia?stock=true"><div>Bonia</div></a></div>
                        <div id="ga-desktop-search-ag" class="btn rounded btn-drop-search"><a id="ga-desktop-search-ag" href="/jam-tangan-aries-gold?stock=true"><div>Aries Gold</div></a></div>
                        <div id="ga-desktop-search-seiko" class="btn rounded btn-drop-search"><a id="ga-desktop-search-seiko" href="/jam-tangan-seiko?stock=true"><div>Seiko</div></a></div>
                        <div id="ga-desktop-search-alba" class="btn rounded btn-drop-search"><a id="ga-desktop-search-alba" href="/jam-tangan-alba?stock=true"><div>Alba</div></a></div>
                        <p class="f-18 mb-1 ml-3 mt-4" style="text-align:left"><b>Pencarian Terpopuler</b></p>
                        <div id="ga-desktop-search-sku1" class="btn rounded btn-drop-search"><a id="ga-desktop-search-sku1" href="/search?s=Aries%20Gold%20Infinum%20El%20Toro"><div>Aries Gold Infinum El Toro</div></a></div>
                        <div id="ga-desktop-search-sku2" class="btn rounded btn-drop-search"><a id="ga-desktop-search-sku2" href="/search?s=Luminox%20Sea%20Navy%20SEAL%20Chronograph"><div>Luminox Sea Navy SEAL Chronograph</div></a></div>
                        <div id="ga-desktop-search-pria" class="btn rounded btn-drop-search"><a id="ga-desktop-search-pria" href="/jam-tangan-pria?stock=true"><div>Pria</div></a></div>
                        <div id="ga-desktop-search-wanita" class="btn rounded btn-drop-search"><a id="ga-desktop-search-wanita" href="/jam-tangan-wanita?stock=true"><div>Wanita</div></a></div>
                        <div id="ga-desktop-search-sport" class="btn rounded btn-drop-search2" style="margin-left:-10px"><a id="ga-desktop-search-sport" href="/search?s=sport"><div>Sport</div></a></div>
                        <div id="ga-desktop-search-fashion" class="btn rounded btn-drop-search2"><a id="ga-desktop-search-fashion" href="/search?s=fashion"><div>Fashion</div></a></div>
                        <div id="ga-desktop-search-formal" class="btn rounded btn-drop-search2"><a id="ga-desktop-search-formal" href="/search?s=formal"><div>Formal</div></a></div>
                        <div id="ga-desktop-search-casual" class="btn rounded btn-drop-search2"><a id="ga-desktop-search-casual" href="/search?s=casual"><div>Casual</div></a></div>
                    </div>
                    <!-- Ketika typing minimal 1char -->
                    <div id="dropdown-search-type-tab" class="dd-search pb-4 pt-2 pl-2" v-if="filter_name_tab.length >= 3" style="display:none; margin-top:-1px">
                        <p class="f-16 mb-1" v-if="search_manufacturer!=null">
                            <b>Merek</b>
                        </p>
                        <div class="animated-background" style="width: 46%; height: 20px; float:left; margin: 0px 20px;" v-if="loading_search"></div>
                        <div class="animated-background" style="width: 47%; height: 20px; float:left" v-if="loading_search"></div>
                        <a class="btn rounded btn-drop-search" v-if="search_manufacturer!=null && !loading_search" v-for="manufacturer in search_manufacturer" :href="manufacturer.href">{{manufacturer.name}}</a>

                        <p class="f-16 mb-1 mt-4">
                            <b>Pencarian Terpopuler</b>
                        </p>
                        <div class="animated-background" style="width: 95%; height: 20px; margin:0px 20px" v-if="loading_search"></div>
                        <a class="btn rounded btn-drop-search" v-if="!loading_search" style="width:96%" v-for="product in search_product" :href="product.href_product_detail">{{product.search_name}}</a>
                    </div>
                    <button class="btnstyle">Cari</button>
                </form>
            </div>
                                            <div class="d-xl-block">
                    <div class="text-flash">
                        <a href="https://www.radatime.co.id/index.php?route=information/promo/detail&amp;id_promo=22" style="color:#fff;">POTONGAN HINGGA JUTAAN RUPIAH + GRATIS ONGKIR + CICILAN 0% dengan kode voucher HAPPYCERIA</a>
                    </div>
                </div>
                    </div>
    </div>
    <!-- Mobile Header -->
    
    <div id="header" v-cloak>
        
        <div class="headerfull" style="z-index:99; height: 140px">
            <div class="wsmain">
                <nav class="wsmenu clearfix">
                    <div id="logo_mp" class="d-flex justify-content-around text-body text-center f-12">
                        <div class="col-2 p-0"><a id="ga-header-desktop-mp-shopeeoff" href="https://shopee.co.id/radatime"><img src="https://www.radatime.co.id/image/icons/mp/NO_PD_SHOPEE-MALL3.png" height="60px" class="pt-1"></a> <br> <a id="ga-header-desktop-mp-shopeeoff" href="https://shopee.co.id/radatime">RADATIME OFFICIAL SHOP</a> </div>
                        <div class="col-2 p-0"><a id="ga-header-desktop-mp-shopeereg" href="https://shopee.co.id/radatimejkt"><img src="https://www.radatime.co.id/image/icons/mp/NO_PD_SHOPEE3.png" height="60px" class="pt-1"></a> <br> <a id="ga-header-desktop-mp-shopeereg" href="https://shopee.co.id/radatimejkt">RADATIME WATCH CENTRE</a> </div>
                        <div class="col-2 p-0"><a id="ga-header-desktop-mp-tokopedia" href="https://www.tokopedia.com/radatime"><img src="https://www.radatime.co.id/image/icons/mp/NO_PD_TOKOPEDIA3.png" height="60px" class="pt-1"></a> <br> <a id="ga-header-desktop-mp-tokopedia" href="https://www.tokopedia.com/radatime">RADATIME OFFICIAL SHOP</a> </div>
                        <div class="col-2 p-0"><a id="ga-header-desktop-mp-lazada" href="https://www.lazada.co.id/shop/radatime-watch-centre/?path=index.htm"><img src="https://www.radatime.co.id/image/icons/mp/NO_PD_LAZADA3.png" height="60px" class="pt-1"></a> <br> <a id="ga-header-desktop-mp-lazada" href="https://www.lazada.co.id/shop/radatime-watch-centre/?path=index.htm">RADATIME WATCH CENTRE</a> </div>
                        <div class="col-2 p-0"><a id="ga-header-desktop-mp-tiktok" href="https://www.tiktok.com/@radatime.id"><img src="https://www.radatime.co.id/image/icons/mp/NO_PD_TIKTOK3.png" height="60px" class="pt-1"></a> <br> <a href="https://www.tiktok.com/@radatime.id">RADATIME</a> </div>
                        <div class="col-2 p-0"><a id="ga-header-desktop-mp-blibli" href="https://www.blibli.com/merchant/radatime-official-store/RAE-60025?pickupPointCode=PP-3040949"><img src="https://www.radatime.co.id/image/icons/mp/NO_PD_BLIBLI3.png" height="60px" class="pt-1"></a> <br> <a id="ga-header-desktop-mp-blibli" href="https://www.blibli.com/merchant/radatime-official-store/RAE-60025?pickupPointCode=PP-3040949">RADATIME OFFICIAL SHOP</a> </div>
                    </div>
                    <ul class="wsmenu-list">
                        <li class="smllogo">
                                                            <a id="ga-desktop-menu-homepage" href="/" style="z-index:1000">
                                    <picture>
                                        <img src="https://www.radatime.co.id/image/support/2025-03-19-logo-WEB-rd.png" class="lazyload" style="width: 100%;" alt="RADATIME">
                                    </picture>
                                </a>
                                                    </li>
                        <li aria-haspopup="true"><a href="#" id="ga-desktop-menu-berdasarkan-merk" class="navtext"><span>Berdasarkan</span> <span class="submenu">Menu</span></a>
                            <div class="wsshoptabing wtsdepartmentmenu clearfix">
                                <div class="wsshopwp clearfix">
                                    <div>
                                        <a id="ga-desktop-menu-terjangkau" href="/jam-tangan-murah" style="display: block; padding: 15px 11px; color: #606060; border-bottom: solid 1px #e5e5e5; border-left: 3px solid #fff; background-color: #f5f5f5;">Di bawah 1 Juta</a>
                                    </div>
                                    <ul class="wstabitem clearfix">
                                        <li class="wsshoplink-active"><a id="ga-desktop-menu-paling-laris" href="#">Paling Laris</a>
                                            <div class="wstitemright clearfix">
                                                <!-- class bestseller -->
                                                <div class="container-fluid">
                                                    <div class="row">
                                                        <div class="col-lg-6 col-md-12">
                                                            <ul class="wstliststy02 clearfix">
                                                                <li class="wstheading clearfix">Daftar Merek</li>
                                                                <div class="row">
                                                                    <div class="col-md-6" v-for="brand in brand_sp">
                                                                        <li :id="'ga-desktop-menu-paling-laris-'+brand.ga_brand" style="border-bottom:1px solid #ccc">
                                                                            <a :id="'ga-desktop-menu-paling-laris-'+brand.ga_brand" :href="brand.href">
                                                                                <span class="font-weight-bold">{{brand.name}}</span>
                                                                                <!-- Logo Special -->
                                                                                <span v-if="brand.logo_special" style="color: #453be6; font-size: 9px;">SPESIAL</span>
                                                                                <span v-if="brand.logo_swiss_made" style="color: #453be6; font-size: 9px;">Swiss Made</span>
                                                                                <span v-if="brand.logo_premium" style="color: orange; font-size: 9px;">PREMIUM</span>
                                                                                <span v-if="brand.logo_new" style="color: #453be6; font-size: 9px;">NEW</span>
                                                                                <span v-if="brand.logo_sale" style="color: #cb0404; font-size: 9px;">SALE</span>
                                                                                <span v-if="brand.logo_jempol" class="fas fa-thumbs-up" style="color: #ff7400; font-size: 9px; top:-.5em"></span>

                                                                                <!-- <sup v-if="brand.logo_jempol">
                                                                                    <span class="fas fa-thumbs-up" style="color: #ff7400; font-size: 9px;"></span>
                                                                                </sup> -->
                                                                            </a>
                                                                        </li>
                                                                    </div>
                                                                </div>
                                                            </ul>
                                                        </div>
                                                        <div id="ga-desktop-menu-paling-laris-image">
                                                            <a href="/jam-tangan-aries-gold?stock=false" class="img-side d-none d-lg-block">
                                                                <picture>
                                                                    <source srcset="https://www.radatime.co.id//image/webp/data/catalog_banner/2019-09-10_bestseller.webp" type="image/webp">
                                                                    <source srcset="https://www.radatime.co.id//image/data/catalog_banner/2019-09-10_bestseller.png" type="image/jpeg">
                                                                    <img src="https://www.radatime.co.id//image/data/catalog_banner/2019-09-10_bestseller.png" class="lazyload" width="500" alt="Best Seller">
                                                                </picture>
                                                            </a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </li>
                                        <li><a id="ga-desktop-menu-semua-merk" href="/semua-merek">Semua Merek</a>
                                            <div class="wstitemright clearfix wstpngsml">
                                                <div class="container-fluid">
                                                    <div class="row">
                                                        <div class="col-lg-3 col-md-12" v-for="brand in all_brand">
                                                            <ul class="wstliststy04 clearfix">
                                                                <li class="text-left" style="border-bottom: 1px solid #ccc">
                                                                    <a :id="'ga-desktop-menu-semua-merk-'+brand.ga_brand" :href="brand.href">
                                                                        <span><b>{{brand.name}}</b></span>

                                                                        <!-- Logo Special -->
                                                                        <span v-if="brand.logo_special" style="color: #453be6; font-size: 9px;">SPESIAL</span>
                                                                        <span v-if="brand.logo_swiss_made" style="color: #453be6; font-size: 9px;">Swiss Made</span>
                                                                        <span v-if="brand.logo_premium" style="color: orange; font-size: 9px;">PREMIUM</span>
                                                                        <span v-if="brand.logo_new" style="color: #453be6; font-size: 9px;">NEW</span>
                                                                        <span v-if="brand.logo_sale" style="color: #cb0404; font-size: 9px;">SALE</span>
                                                                        <sup v-if="brand.logo_jempol">
                                                                            <span class="fas fa-thumbs-up" style="color: #ff7400; font-size: 9px;"></span>
                                                                        </sup>
                                                                    </a>
                                                                </li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </li>
                                        <li><a id="ga-desktop-menu-smartwatch" href="/smart-watch&stock=true">Smartwatch</a>
                                            <div class="wstitemright clearfix">
                                                <div class="container-fluid">
                                                    <div class="row">
                                                        <div class="col-lg-6 col-md-12">
                                                            <ul class="wstliststy02 clearfix">
                                                                <li class="wstheading clearfix">Daftar Merek</li>
                                                                <div class="row">
                                                                    <div class="col-md-6" v-for="brand in smartwatch">
                                                                        <li style="border-bottom:1px solid #ccc">
                                                                            <a :id="'ga-desktop-menu-smartwatch-'+brand.ga_brand" :href="brand.href">
                                                                                <span><b>{{brand.name}}</b></span>

                                                                                <!-- Logo Special -->
                                                                                <span v-if="brand.logo_special" style="color: #453be6; font-size: 9px;">SPESIAL</span>
                                                                                <span v-if="brand.logo_swiss_made" style="color: #453be6; font-size: 9px;">Swiss Made</span>
                                                                                <span v-if="brand.logo_premium" style="color: orange; font-size: 9px;">PREMIUM</span>
                                                                                <span v-if="brand.logo_new" style="color: #453be6; font-size: 9px;">NEW</span>
                                                                                <span v-if="brand.logo_sale" style="color: #cb0404; font-size: 9px;">SALE</span>
                                                                                <sup v-if="brand.logo_jempol">
                                                                                    <span class="fas fa-thumbs-up" style="color: #ff7400; font-size: 9px;"></span>
                                                                                </sup>
                                                                            </a>
                                                                        </li>
                                                                    </div>
                                                                </div>
                                                            </ul>
                                                        </div>
                                                        <picture>
                                                            <source srcset="https://www.radatime.co.id/image/webp/data/catalog_banner/02-07-2019-smartwatch.webp" type="image/webp">
                                                            <source srcset="https://www.radatime.co.id/image/data/catalog_banner/02-07-2019-smartwatch.png" type="image/jpeg">
                                                            <img src="https://www.radatime.co.id/image/data/catalog_banner/02-07-2019-smartwatch.png" class="lazyload" style="width: 100%;" alt="Smartwatch">
                                                        </picture>
                                                    </div>
                                                </div>
                                            </div>
                                        </li>
                                        <li><a id="ga-desktop-menu-aksesoris" href="/aksesoris&stock=true">Aksesoris</a>
                                            <div class="wstitemright clearfix">
                                                <div class="container-fluid">
                                                    <div class="row">
                                                        <div class="col-lg-6 col-md-12">
                                                            <ul class="wstliststy02 clearfix">
                                                                <li class="wstheading clearfix">Daftar Merek</li>
                                                                <div class="row">
                                                                    <div class="col-md-6" v-for="brand in aksesoris">
                                                                        <li style="border-bottom:1px solid #ccc">
                                                                            <a :id="'ga-desktop-menu-aksesoris-'+brand.ga_brand" :href="brand.href">
                                                                                <span><b>{{brand.name}}</b></span>

                                                                                <!-- Logo Special -->
                                                                                <span v-if="brand.logo_special" style="color: #453be6; font-size: 9px;">SPESIAL</span>
                                                                                <span v-if="brand.logo_swiss_made" style="color: #453be6; font-size: 9px;">Swiss Made</span>
                                                                                <span v-if="brand.logo_premium" style="color: orange; font-size: 9px;">PREMIUM</span>
                                                                                <span v-if="brand.logo_new" style="color: #453be6; font-size: 9px;">NEW</span>
                                                                                <span v-if="brand.logo_sale" style="color: #cb0404; font-size: 9px;">SALE</span>
                                                                                <sup v-if="brand.logo_jempol">
                                                                                    <span class="fas fa-thumbs-up" style="color: #ff7400; font-size: 9px;"></span>
                                                                                </sup>
                                                                            </a>
                                                                        </li>
                                                                    </div>
                                                                </div>
                                                            </ul>
                                                        </div>
                                                        <picture>
                                                            <source srcset="https://www.radatime.co.id/image/webp/data/catalog_banner/02-07-2019-accesories.webp" type="image/webp">
                                                            <source srcset="https://www.radatime.co.id/image/data/catalog_banner/02-07-2019-accesories.png" type="image/webp">
                                                            <img src="https://www.radatime.co.id/image/data/catalog_banner/02-07-2019-accesories.png" class="lazyload" width="500" alt="Accesories">
                                                        </picture>
                                                    </div>
                                                </div>
                                            </div>
                                        </li>
                                        <!-- <li><a id="ga-desktop-menu-swiss" href="/jam-tangan-swiss&stock=true">Swiss</a>
                                            <div class="wstitemright clearfix">
                                                <div class="container-fluid">
                                                    <div class="row">
                                                        <div class="col-lg-6 col-md-12">
                                                            <ul class="wstliststy02 clearfix">
                                                                <li class="wstheading clearfix">Daftar Merek</li>
                                                                <div class="row">
                                                                    <div class="col-md-6" v-for="brand in swiss">
                                                                        <li style="border-bottom:1px solid #ccc">
                                                                            <a :id="'ga-desktop-menu-swiss-'+brand.ga_brand" :href="brand.href">
                                                                                <span><b>{{brand.name}}</b></span>

                                                                                <span v-if="brand.logo_special" style="color: #453be6; font-size: 9px;">SPESIAL</span>
                                                                                <span v-if="brand.logo_swiss_made" style="color: #453be6; font-size: 9px;">Swiss Made</span>
                                                                                <span v-if="brand.logo_premium" style="color: orange; font-size: 9px;">PREMIUM</span>
                                                                                <span v-if="brand.logo_new" style="color: #453be6; font-size: 9px;">NEW</span>
                                                                                <span v-if="brand.logo_sale" style="color: #cb0404; font-size: 9px;">SALE</span>
                                                                                <sup v-if="brand.logo_jempol">
                                                                                    <span class="fas fa-thumbs-up" style="color: #ff7400; font-size: 9px;"></span>
                                                                                </sup>
                                                                            </a>
                                                                        </li>
                                                                    </div>
                                                                </div>
                                                            </ul>
                                                        </div>
                                                        <picture>
                                                            <source srcset="https://www.radatime.co.id/image/webp/data/catalog_banner/01-07-2019-swiss.webp" type="image/webp">
                                                            <source srcset="https://www.radatime.co.id/image/data/catalog_banner/01-07-2019-swiss.png" type="image/jpeg">
                                                            <img src="https://www.radatime.co.id/image/data/catalog_banner/01-07-2019-swiss.png" class="lazyload" style="width: 100%;" alt="Swiss">
                                                        </picture>
                                                    </div>
                                                </div>
                                            </div>
                                        </li>
                                        <li><a id="ga-desktop-menu-jepang-asia" href="/jam-tangan-jepang-asia&stock=true">Jepang - Asia</a>
                                            <div class="wstitemright clearfix">
                                                <div class="container-fluid">
                                                    <div class="row">
                                                        <div class="col-lg-6 col-md-12">
                                                            <ul class="wstliststy02 clearfix">
                                                                <li class="wstheading clearfix">Daftar Merek</li>
                                                                <div class="row">
                                                                    <div class="col-md-6" v-for="brand in jepang_asia">
                                                                        <li style="border-bottom:1px solid #ccc">
                                                                            <a :id="'ga-desktop-menu-jepang-asia-'+brand.ga_brand" :href="brand.href">
                                                                                <span><b>{{brand.name}}</b></span>

                                                                                <span v-if="brand.logo_special" style="color: #453be6; font-size: 9px;">SPESIAL</span>
                                                                                <span v-if="brand.logo_swiss_made" style="color: #453be6; font-size: 9px;">Swiss Made</span>
                                                                                <span v-if="brand.logo_premium" style="color: orange; font-size: 9px;">PREMIUM</span>
                                                                                <span v-if="brand.logo_new" style="color: #453be6; font-size: 9px;">NEW</span>
                                                                                <span v-if="brand.logo_sale" style="color: #cb0404; font-size: 9px;">SALE</span>
                                                                                <sup v-if="brand.logo_jempol">
                                                                                    <span class="fas fa-thumbs-up" style="color: #ff7400; font-size: 9px;"></span>
                                                                                </sup>
                                                                            </a>
                                                                        </li>
                                                                    </div>
                                                                </div>
                                                            </ul>
                                                        </div>
                                                        <picture>
                                                            <source srcset="https://www.radatime.co.id/image/webp/data/catalog_banner/01-07-2019-japan-asia.webp" type="image/webp">
                                                            <source srcset="https://www.radatime.co.id/image/data/catalog_banner/01-07-2019-japan-asia.png" type="image/jpeg">
                                                            <img src="https://www.radatime.co.id/image/data/catalog_banner/01-07-2019-japan-asia.png" class="lazyload" width="500" alt="Japan Asia">
                                                        </picture>
                                                    </div>
                                                </div>
                                            </div>
                                        </li>
                                        <li><a id="ga-desktop-menu-eropa-amerika" href="/jam-tangan-eropa-amerika&stock=true">Eropa - Amerika</a>
                                            <div class="wstitemright clearfix">
                                                <div class="container-fluid">
                                                    <div class="row">
                                                        <div class="col-md-6">
                                                            <ul class="wstliststy02 clearfix">
                                                                <li class="wstheading clearfix">Daftar Merek</li>
                                                                <div class="row">
                                                                    <div class="col-md-6" v-for="brand in eropa_amerika">
                                                                        <li style="border-bottom:1px solid #ccc">
                                                                            <a :id="'ga-desktop-menu-eropa-amerika-'+brand.ga_brand" :href="brand.href">
                                                                                <span><b>{{brand.name}}</b></span>

                                                                                <span v-if="brand.logo_special" style="color: #453be6; font-size: 9px;">SPESIAL</span>
                                                                                <span v-if="brand.logo_swiss_made" style="color: #453be6; font-size: 9px;">Swiss Made</span>
                                                                                <span v-if="brand.logo_premium" style="color: orange; font-size: 9px;">PREMIUM</span>
                                                                                <span v-if="brand.logo_new" style="color: #453be6; font-size: 9px;">NEW</span>
                                                                                <span v-if="brand.logo_sale" style="color: #cb0404; font-size: 9px;">SALE</span>
                                                                                <sup v-if="brand.logo_jempol">
                                                                                    <span class="fas fa-thumbs-up" style="color: #ff7400; font-size: 9px;"></span>
                                                                                </sup>
                                                                            </a>
                                                                        </li>
                                                                    </div>
                                                                </div>
                                                            </ul>
                                                        </div>
                                                        <picture>
                                                            <source srcset="https://www.radatime.co.id/image/webp/data/catalog_banner/2021-08-25-eropa-amerika.webp" type="image/webp">
                                                            <source srcset="https://www.radatime.co.id/image/data/catalog_banner/2021-08-25-eropa-amerika.png" type="image/jpeg">
                                                            <img src="https://www.radatime.co.id/image/data/catalog_banner/2021-08-25-eropa-amerika.png" class="lazyload" width="500" alt="Eropa-America">
                                                        </picture>
                                                    </div>
                                                </div>
                                            </div>
                                        </li> -->
                                    </ul>
                                    <div>
                                        <a id="ga-desktop-menu-majalah" href="/majalah" style="display: block; padding: 15px 11px; color: #606060; border-bottom: solid 1px #e5e5e5; border-left: 3px solid #fff; background-color: #f5f5f5;">Majalah</a>
                                    </div>
                                </div>
                            </div>
                        </li>

                        <li aria-haspopup="true"><a href="/jam-tangan-pria&stock=true" id="ga-desktop-menu-jam-tangan-pria" class="navtext"><span>Jam Tangan</span> <span class="submenu">Pria</span></a>
                            <div class="wsshoptabing wtsbrandmenu clearfix wsmobile" style="background-color:#fff !important;">
                                <div class="clearfix">
                                    <div class="container-fluid">
                                        <div class="row">
                                            <div class="col-lg-3 col-md-12">
                                                <ul class="wstliststy02 clearfix" v-for="filter in menu_filter_pria" v-if="filter.name == 'Model'">
                                                    <li class="wstheading clearfix">{{filter.name}}</li>
                                                    <li style="border-bottom: 1px solid #ccc" v-for="grandchild in filter.grandchildren">
                                                        <a :id="'ga-desktop-menu-jam-tangan-pria-'+grandchild.name" :href="grandchild.href">
                                                            {{grandchild.name}}
                                                        </a>
                                                    </li>
                                                </ul>
                                                <ul class="wstliststy02 clearfix" v-for="filter in menu_filter_pria" v-if="filter.name == 'Movement'">
                                                    <li class="wstheading clearfix">{{filter.name}}</li>
                                                    <li style="border-bottom: 1px solid #ccc" v-for="grandchild in filter.grandchildren">
                                                        <a :id="'ga-desktop-menu-jam-tangan-pria-'+grandchild.name" :href="grandchild.href">
                                                            {{grandchild.name}}
                                                        </a>
                                                    </li>
                                                </ul>
                                            </div>
                                            <div class="col-lg-3 col-md-12">
                                                <ul class="wstliststy02 clearfix">
                                                    <li class="wstheading clearfix">
                                                        Merek Favorit
                                                        <li style="border-bottom: 1px solid #ccc" v-for="brand in brand_sp_pria">
                                                            <a :id="'ga-desktop-menu-jam-tangan-pria-'+brand.ga_brand" :href="brand.href">
                                                                <span><b>{{brand.name}}</b></span>

                                                                <!-- Logo Special -->
                                                                <span v-if="brand.logo_special" style="color: #453be6; font-size: 9px;">SPESIAL</span>
                                                                <span v-if="brand.logo_swiss_made" style="color: #453be6; font-size: 9px;">Swiss Made</span>
                                                                <span v-if="brand.logo_premium" style="color: orange; font-size: 9px;">PREMIUM</span>
                                                                <span v-if="brand.logo_new" style="color: #453be6; font-size: 9px;">NEW</span>
                                                                <span v-if="brand.logo_sale" style="color: #cb0404; font-size: 9px;">SALE</span>
                                                                <sup v-if="brand.logo_jempol">
                                                                    <span class="fas fa-thumbs-up" style="color: #ff7400; font-size: 9px;"></span>
                                                                </sup>
                                                            </a>
                                                        </li>
                                                    </li>
                                                </ul>
                                            </div>
                                            <div class="col-lg-3 col-md-12">
                                                <ul class="wstliststy02 clearfix" v-for="filter in menu_filter_pria" v-if="filter.name == 'Bahan Tali'">
                                                    <li class="wstheading clearfix">{{filter.name}}</li>
                                                    <li style="border-bottom: 1px solid #ccc" v-for="grandchild in filter.grandchildren">
                                                        <a :id="'ga-desktop-menu-jam-tangan-pria-'+grandchild.name" :href="grandchild.href">
                                                            {{grandchild.name}}
                                                        </a>
                                                    </li>
                                                </ul>
                                            </div>
                                            <div class="col-lg-3 col-md-12 d-none d-lg-block" style="padding-top:20px">
                                                <a id="ga-desktop-menu-jam-tangan-pria-img" :href="urlPria">
                                                    <picture>
                                                        <source :srcset="pria" type="image/webp">
                                                        <source :srcset="pria" type="image/jpeg">
                                                        <img :src="pria" class="lazyload" style="width: 100%;" alt="Jam Tangan Pria">
                                                    </picture>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>

                        <li aria-haspopup="true"><a href="/jam-tangan-wanita&stock=true" id="ga-dektop-menu-jam-tangan-wanita" class="navtext"><span>Jam Tangan</span> <span class="submenu">Wanita</span></a>
                            <div class="wsshoptabing wtsbrandmenu clearfix wsmobile" style="background-color:#fff !important">
                                <div class="clearfix">
                                    <div class="container-fluid">
                                        <div class="row">
                                            <div class="col-lg-3 col-md-12">
                                                <ul class="wstliststy02 clearfix" v-for="filter in menu_filter_wanita" v-if="filter.name == 'Model'">
                                                    <li class="wstheading clearfix">{{filter.name}}</li>
                                                    <li style="border-bottom: 1px solid #ccc" v-for="grandchild in filter.grandchildren">
                                                        <a :id="'ga-desktop-menu-jam-tangan-wanita-'+grandchild.name" :href="grandchild.href">
                                                            {{grandchild.name}}
                                                        </a>
                                                    </li>
                                                </ul>
                                                <ul class="wstliststy02 clearfix" v-for="filter in menu_filter_wanita" v-if="filter.name == 'Movement'">
                                                    <li class="wstheading clearfix">{{filter.name}}</li>
                                                    <li style="border-bottom: 1px solid #ccc" v-for="grandchild in filter.grandchildren">
                                                        <a :id="'ga-desktop-menu-jam-tangan-wanita-'+grandchild.name" :href="grandchild.href">
                                                            {{grandchild.name}}
                                                        </a>
                                                    </li>
                                                </ul>
                                            </div>
                                            <div class="col-lg-3 col-md-12">
                                                <ul class="wstliststy02 clearfix">
                                                    <li class="wstheading clearfix">
                                                        Merek Favorit
                                                        <li style="border-bottom: 1px solid #ccc" v-for="brand in brand_sp_wanita">
                                                            <a :id="'ga-desktop-menu-jam-tangan-wanita-'+brand.ga_brand" :href="brand.href">
                                                                <span><b>{{brand.name}}</b></span>

                                                                <!-- Logo Special -->
                                                                <span v-if="brand.logo_special" style="color: #453be6; font-size: 9px;">SPESIAL</span>
                                                                <span v-if="brand.logo_swiss_made" style="color: #453be6; font-size: 9px;">Swiss Made</span>
                                                                <span v-if="brand.logo_premium" style="color: orange; font-size: 9px;">PREMIUM</span>
                                                                <span v-if="brand.logo_new" style="color: #453be6; font-size: 9px;">NEW</span>
                                                                <span v-if="brand.logo_sale" style="color: #cb0404; font-size: 9px;">SALE</span>
                                                                <sup v-if="brand.logo_jempol">
                                                                    <span class="fas fa-thumbs-up" style="color: #ff7400; font-size: 9px;"></span>
                                                                </sup>
                                                            </a>
                                                        </li>
                                                    </li>
                                                </ul>
                                            </div>
                                            <div class="col-lg-3 col-md-12">
                                                <ul class="wstliststy02 clearfix" v-for="filter in menu_filter_wanita" v-if="filter.name == 'Bahan Tali'">
                                                    <li class="wstheading clearfix">{{filter.name}}</li>
                                                    <li style="border-bottom: 1px solid #ccc" v-for="grandchild in filter.grandchildren">
                                                        <a :id="'ga-desktop-menu-jam-tangan-wanita-'+grandchild.name" :href="grandchild.href">
                                                            {{grandchild.name}}
                                                        </a>
                                                    </li>
                                                </ul>
                                            </div>
                                            <div class="col-lg-3 col-md-12 d-none d-lg-block" style="padding-top:20px">
                                                <a id="ga-desktop-menu-jam-tangan-wanita-img" :href="urlWanita">
                                                    <picture>
                                                        <source :srcset="wanita" type="image/webp">
                                                        <source :srcset="wanita" type="image/jpeg">
                                                        <img :src="wanita" class="lazyload" style="width: 100%;" alt="Jam Tangan Wanita">
                                                    </picture>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>

                        <li aria-haspopup="true"><a href="/couple&stock=true" id="ga-desktop-menu-pasangan" class="navtext"><span>Khusus: </span> <span>Pasangan</span></a></li>

                        <li aria-haspopup="true"><a href="/smart-watch" id="ga-desktop-menu-smartwatch" class="navtext"><span>Khusus:</span> <span class="submenu">Smartwatch</span></a>
                            <div class="wsmegamenu clearfix halfmenu wsmobile">
                                <div class="container-fluid">
                                    <div class="row">
                                        <div class="col-lg-12 col-md-12" v-for="brand in smartwatch">
                                            <ul class="wstliststy06 clearfix">
                                                <li style="border-bottom:1px solid #ccc">
                                                    <a :id="'ga-desktop-menu-smartwatch-'+brand.ga_brand" :href="brand.href">
                                                        <span><b>{{brand.name}}</b></span>

                                                        <!-- Logo Special -->
                                                        <span v-if="brand.logo_special" style="color: #453be6; font-size: 9px;">SPESIAL</span>
                                                        <span v-if="brand.logo_swiss_made" style="color: #453be6; font-size: 9px;">Swiss Made</span>
                                                        <span v-if="brand.logo_premium" style="color: orange; font-size: 9px;">PREMIUM</span>
                                                        <span v-if="brand.logo_new" style="color: #453be6; font-size: 9px;">NEW</span>
                                                        <span v-if="brand.logo_sale" style="color: #cb0404; font-size: 9px;">SALE</span>
                                                        <sup v-if="brand.logo_jempol">
                                                            <span class="fas fa-thumbs-up" style="color: #ff7400; font-size: 9px;"></span>
                                                        </sup>
                                                    </a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li aria-haspopup="true"><a href="/promo" id="ga-desktop-menu-promo" class="navtext"><span style="color:#DA4B38">Promo</span> <span style="color:#DA4B38">Hari Ini</span></a></li>
                        <li class="wscarticon clearfix">
                            <a id="ga-desktop-menu-cart" href="https://www.radatime.co.id/index.php?route=checkout/cart" class="nav-icon-trigger cart-sidebar-btn" title="Shopping Cart"><i class="nav-icon fas fa-shopping-basket"></i> <em class="roundpoint">{{total_cart_product}}</em><span class="hidetxt">Shopping
                                    Cart</span></a>
                        </li>
                                                    <li v-if="start" aria-haspopup="true" class="wsshopmyaccount"><a href="#"><i class="nav-icon fas fa-user"></i><span class="text-account d-block d-md-none">Account</span></a>
                                <ul class="sub-menu">
                                    <li id="ga-desktop-menu-profil"><a href="https://www.radatime.co.id/index.php?route=account/member">Profil</a></li>
                                    <li id="ga-desktop-menu-logout"><a href="https://www.radatime.co.id/index.php?route=account/logout">Logout</a></li>
                                </ul>
                            </li>
                            <li v-else aria-haspopup="true" class="wsshopmyaccount"><a href="#"><i class="nav-icon fas fa-user" style="color: #f9a919;"></i><span class="text-account d-block d-md-none">Account</span></a>
                                <ul class="sub-menu">
                                    <li id="ga-desktop-menu-login"><a href="https://www.radatime.co.id/index.php?route=account/login">Login</a></li>
                                    <li id="ga-desktop-menu-register"><a href="https://www.radatime.co.id/index.php?route=account/register">Register</a></li>
                                </ul>
                            </li>
                                                <!-- Searchbar di Desktop -->
                        <li class="wssearchbar wssearchbar d-none d-xl-block" id="search-form" style="float: right;padding-right: 15px;">
                            <form class="topmenusearch" action="search" method="GET" style="border-color:#f9a919">
                                <!-- <input type="hidden" name="route" value="product/search" /> -->
                                <!--
--><input type="hidden" name="rd-csrf-token-label" value="9ca066e9d24a53a6079da815c346b64ff6e289bcb27b482f382292646defbee4" />                                <input id="input-search" v-model="filter_name" onclick="clickDesk()" onkeyup="typingDesk()" style="float:none !important" placeholder="Cari Aries Gold" class="search" value="" name="s" type="search" autocomplete="off" />
                                <!-- ketika diklik tanpa typing -->
                                <div id="dropdown-search" class="dd-search pb-4 pt-2 pl-2" style="display:none">
                                    <p class="f-16 mb-1"><b>Merek Rekomendasi</b></p>
                                    <div id="ga-desktop-search-ac" class="btn rounded btn-drop-search"><a id="ga-desktop-search-ac" href="/jam-tangan-alexandre-christie?stock=true"><div>Alexandre Christie</div></a></div>
                                    <div id="ga-desktop-search-bonia" class="btn rounded btn-drop-search"><a id="ga-desktop-search-bonia" href="/jam-tangan-bonia?stock=true"><div>Bonia</div></a></div>
                                    <div id="ga-desktop-search-ag" class="btn rounded btn-drop-search"><a id="ga-desktop-search-ag" href="/jam-tangan-aries-gold?stock=true"><div>Aries Gold</div></a></div>
                                    <div id="ga-desktop-search-seiko" class="btn rounded btn-drop-search"><a id="ga-desktop-search-seiko" href="/jam-tangan-seiko?stock=true"><div>Seiko</div></a></div>
                                    <div id="ga-desktop-search-alba" class="btn rounded btn-drop-search"><a id="ga-desktop-search-alba" href="/jam-tangan-alba?stock=true"><div>Alba</div></a></div>
                                    <p class="f-16 mb-1 mt-4"><b>Pencarian Terpopuler</b></p>
                                    <div id="ga-desktop-search-sku1" class="btn rounded btn-drop-search"><a id="ga-desktop-search-sku1" href="/search?s=Aries%20Gold%20Infinum%20El%20Toro"><div>Aries Gold Infinum El Toro</div></a></div>
                                    <div id="ga-desktop-search-sku2" class="btn rounded btn-drop-search"><a id="ga-desktop-search-sku2" href="/search?s=Luminox%20Sea%20Navy%20SEAL%20Chronograph"><div>Luminox Sea Navy SEAL Chronograph</div></a></div>
                                    <div id="ga-desktop-search-pria" class="btn rounded btn-drop-search"><a id="ga-desktop-search-pria" href="/jam-tangan-pria?stock=true"><div>Pria</div></a></div>
                                    <div id="ga-desktop-search-wanita" class="btn rounded btn-drop-search"><a id="ga-desktop-search-wanita" href="/jam-tangan-wanita?stock=true"><div>Wanita</div></a></div>
                                    <div id="ga-desktop-search-sport" class="btn rounded btn-drop-search2"><a id="ga-desktop-search-sport" href="/search?s=sport"><div>Sport</div></a></div>
                                    <div id="ga-desktop-search-fashion" class="btn rounded btn-drop-search2"><a id="ga-desktop-search-fashion" href="/search?s=fashion"><div>Fashion</div></a></div>
                                    <div id="ga-desktop-search-formal" class="btn rounded btn-drop-search2"><a id="ga-desktop-search-formal" href="/search?s=formal"><div>Formal</div></a></div>
                                    <div id="ga-desktop-search-casual" class="btn rounded btn-drop-search2"><a id="ga-desktop-search-casual" href="/search?s=casual"><div>Casual</div></a></div>
                                </div>

                                <!-- Ketika typing minimal 1char -->
                                <div id="dropdown-search-type" class="dd-search pb-4 pt-2 pl-2" v-if="filter_name.length >= 3" style="display:none">
                                    <p class="f-16 mb-1" v-if="search_manufacturer!=null">
                                        <b>Merek</b>
                                    </p>
                                    <div class="animated-background" style="width: 46%; height: 20px;" v-if="loading_search"></div>
                                    <a class="btn rounded btn-drop-search" v-if="search_manufacturer!=null && !loading_search" v-for="manufacturer in search_manufacturer" :href="manufacturer.href">{{manufacturer.name}}</a>

                                    <p class="f-16 mb-1 mt-4">
                                        <b>Pencarian Terpopuler</b>
                                    </p>
                                    <div class="animated-background" style="width: 96%; height: 20px;" v-if="loading_search"></div>
                                    <a class="btn rounded btn-drop-search" v-if="!loading_search" style="width:96%" v-for="product in search_product" :href="product.href_product_detail">{{product.search_name}}</a>
                                </div>
                                <button class="btnstyle"><i class="searchicon fas fa-search"></i></button>
                            </form>
                            <div class="ui-front"></div>
                        </li>
                        <li class="menu-search wsshopmyaccount" id="search-tablet" style="cursor:pointer">
                            <a href="#"><i class="nav-icon fas fa-search"></i></a>
                        </li>
                    </ul>
                </nav>
            </div>
                                            <div class="d-xl-block">
                    <div class="text-flash">
                        <a id="ga-desktop-header-promo-kode-voucher" href="index.php?route=information/promo/detail&amp;id_promo=22" style="color:#fff;">POTONGAN HINGGA JUTAAN RUPIAH + GRATIS ONGKIR + CICILAN 0% dengan kode voucher HAPPYCERIA</a>
                    </div>
                </div>
                                        <div class="notification-container dismiss invis-out" id="ga-cari-cepat" style="opacity:0.99">
                    <img id="img-cari-cepat" class="cari-cepat showFilePanel cari-cepat-opacity" src="https://www.radatime.co.id/image/support/cari_jam_v5.png" alt="cari-cepat">
                    <button id="cari-close" type="button" class="close showFilePanel invis-in" style="position: fixed;right: 15px;top: 15px;">
                        <div id="ga-cari-close" style="margin-right:-17px;margin-top:-17px;width: 30px;height:30px;padding-bottom: 1px;border-radius: 25px;border:3px solid #fff;overflow:hidden;background: #000;box-shadow: 0 0 3px gray;" id="ga-close-pop-register">
                            <span style="display:block;float:left;width:100%;padding-top:50%;padding-bottom:50%;line-height:15px;margin-top:-7.5px;text-align:center;color:#fff;font-family:Arial;font-size:15px;font-weight:bold;text-decoration:none;cursor: pointer">X</span>
                        </div>
                    </button>
                    <div id="cari-title" class="invis-in" style="text-align: center;font-size: 18px;"><strong>Cari Jam Favorit</strong></div>
                    <div id="cari-inside" class="invis-in" style="width: 100%;height: 215px;display: flex;align-items: center;">
                        <div style="width: 100%;" v-if="cari.selection == 'gender'">
                            <div style="width: 100%;border: 1px solid #0000005e;border-radius: 15px;overflow: hidden;">
                                <div class="header-title-cari"><span>Pilih Gender</span></div>
                                <div class="list-cari">
                                    <span id="ga-cari-cepat-pria"><a class="btn btn-primary btn-list-gender" style="color:#fff !important;" @click="cari.gender = 'M';cari.selection = 'model';">Pria</a></span>
                                    <span id="ga-cari-cepat-wanita"><a class="btn btn-primary btn-list-gender" style="color:#fff !important;" @click="cari.gender = 'F';cari.selection = 'model';">Wanita</a></span>
                                </div>
                            </div>
                        </div>
                        <div style="width: 100%;" v-if="cari.selection == 'model'">
                            <div @click="cari.selection = 'gender'; cari.model = ['13203', '13201'];" id="ga-cari-cepat-kembali-model" style="position: absolute;font-size: 25px;top: 10px;cursor: pointer;"><i class="fa fa-backward" aria-hidden="true"></i></div>
                            <div style="width: 100%;border: 1px solid #0000005e;border-radius: 15px;overflow: hidden;">
                                <div class="header-title-cari"><span>Pilih Model</span></div>
                                <div class="list-check-cari">
                                    <div class="filter-item">
                                        <label class="customcheck">Sport
                                            <input value="13203" type="checkbox" true-value="13203" false-value="" v-model="cari.model">
                                            <span class="checkmark"></span>
                                        </label>
                                    </div>
                                    <div class="filter-item">
                                        <label class="customcheck">Formal
                                            <input value="13201" type="checkbox" true-value="13201" false-value="" v-model="cari.model">
                                            <span class="checkmark"></span>
                                        </label>
                                    </div>
                                    <div class="filter-item">
                                        <label class="customcheck">Fashion
                                            <input value="13202" type="checkbox" true-value="13202" false-value="" v-model="cari.model">
                                            <span class="checkmark"></span>
                                        </label>
                                    </div>
                                    <div class="filter-item">
                                        <label class="customcheck">Casual
                                            <input value="13204" type="checkbox" true-value="13204" false-value="" v-model="cari.model">
                                            <span class="checkmark"></span>
                                        </label>
                                    </div>
                                </div>
                            </div>
                            <div class="list-cari" style="padding: 15px 7px 7px 7px;" v-if="!cari.loading">
                                <span id="ga-cari-cepat-cari-model"><button class="btn btn-primary btn-cari" v-if="cari.brand" @click="cari.band = [];cari.price_max = 50000000;go_cari();" id="ga-cari-cepat-model-button-cari" style="width:103px"><span><i class="fa fa-search"></i>Cari</span></button></span>
                                <span id="ga-cari-cepat-selanjutnya-model"><button class="btn btn-primary btn-selanjutnya" v-if="cari.model.length > 0" @click="cari.selection = 'band'" id="ga-cari-cepat-selanjutnya-model" style="width:103px"><span><i class="fa fa-forward"></i></span></button></span>
                            </div>
                            <div class="list-cari" style="padding: 15px 7px 7px 7px;" v-else>
                                <button class="btn btn-primary btn-cari">
                                    <span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span>Loading...
                                </button>
                            </div>
                        </div>
                        <div style="width: 100%;" v-if="cari.selection == 'band'">
                            <div @click="cari.selection = 'model';cari.band = ['12102', '12108'];" id="ga-cari-cepat-kembali-bahan-tali" style="position: absolute;font-size: 25px;top: 10px;cursor: pointer;"><i class="fa fa-backward" aria-hidden="true"></i></div>
                            <div style="width: 100%;border: 1px solid #0000005e;border-radius: 15px;overflow: hidden;">
                                <div class="header-title-cari"><span>Pilih Bahan Tali</span></div>
                                <div class="list-check-cari">
                                    <div class="filter-item">
                                        <label class="customcheck">Rantai
                                            <input value="12102" type="checkbox" true-value="12102" false-value="" v-model="cari.band">
                                            <span class="checkmark"></span>
                                        </label>
                                    </div>
                                    <div class="filter-item">
                                        <label class="customcheck">Kulit
                                            <input value="12108" type="checkbox" true-value="12108" false-value="" v-model="cari.band">
                                            <span class="checkmark"></span>
                                        </label>
                                    </div>
                                    <div class="filter-item">
                                        <label class="customcheck">Karet
                                            <input value="12109" type="checkbox" true-value="12109" false-value="" v-model="cari.band">
                                            <span class="checkmark"></span>
                                        </label>
                                    </div>
                                    <div class="filter-item">
                                        <label class="customcheck">Keramik
                                            <input value="12105" type="checkbox" true-value="12105" false-value="" v-model="cari.band">
                                            <span class="checkmark"></span>
                                        </label>
                                    </div>
                                    <div class="filter-item">
                                        <label class="customcheck">Kanvas
                                            <input value="12111" type="checkbox" true-value="12111" false-value="" v-model="cari.band">
                                            <span class="checkmark"></span>
                                        </label>
                                    </div>
                                    <div class="filter-item">
                                        <label class="customcheck">Meshwire
                                            <input value="12113" type="checkbox" true-value="12113" false-value="" v-model="cari.band">
                                            <span class="checkmark"></span>
                                        </label>
                                    </div>
                                </div>
                            </div>
                            <div class="list-cari" style="padding: 15px 7px 7px 7px;" v-if="!cari.loading">
                                <span id="ga-cari-cepat-cari-bahan-tali"><button class="btn btn-primary btn-cari" v-if="cari.brand" @click="cari.price_max = 50000000;go_cari();" id="ga-cari-cepat-bahan-tali-button-cari" style="width:103px"><span><i class="fa fa-search"></i>Cari</span></button></span>
                                <span id="ga-cari-cepat-selanjutnya-bahan-tali"><button class="btn btn-primary btn-selanjutnya" v-if="cari.band.length > 0" @click="cari.selection = 'price'" id="ga-cari-cepat-selanjutnya-bahan-tali" style="width:103px"><span><i class="fa fa-forward"></i></span></button></span>
                            </div>
                            <div class="list-cari" style="padding: 15px 7px 7px 7px;" v-else>
                                <button class="btn btn-primary btn-cari">
                                    <span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span>Loading...
                                </button>
                            </div>
                        </div>
                        <div style="width: 100%;" v-if="cari.selection == 'price'">
                            <div @click="cari.selection = 'band';cari.price_min = 500000;cari.price_max = 3000000;" id="ga-cari-cepat-kembali-price" style="position: absolute;font-size: 25px;top: 10px;cursor: pointer;"><i class="fa fa-backward" aria-hidden="true"></i></div>
                            <div style="width: 100%;border: 1px solid #0000005e;border-radius: 15px;overflow: hidden;">
                                <div class="header-title-cari"><span>Rentang Harga</span></div>
                                <div class="row" style="padding: 10px;">
                                    <div class="col-6">
                                        <strong>Harga Minimum</strong>
                                        <currency-input v-currency="{
                                    locale: 'id',
                                    currency: 'IDR',
                                    valueAsInteger: false,
                                    distractionFree: false,
                                    precision: 0,
                                    autoDecimalMode: false,
                                    valueRange: { min: 0 },
                                    allowNegative: false
                                }" class="form-control" v-model="cari.price_min"></currency-input>
                                    </div>
                                    <div style="position: absolute; left: 50%; transform: translate(-50%, 0%); padding-top: 20px;font-size: 25px;"><b>-</b></div>
                                    <div class="col-6">
                                        <strong>Harga Maksimum</strong>
                                        <currency-input v-currency="{
                                    locale: 'id',
                                    currency: 'IDR',
                                    valueAsInteger: false,
                                    distractionFree: false,
                                    precision: 0,
                                    autoDecimalMode: false,
                                    valueRange: { min: 0 },
                                    allowNegative: false
                                }" class="form-control" v-model="cari.price_max"></currency-input>
                                    </div>
                                </div>
                            </div>
                            <div class="list-cari" style="padding: 15px 7px 7px 7px;" v-if="!cari.loading">
                                <span id="ga-cari-cepat-cari-price"><button class="btn btn-primary btn-cari" v-if="cari.brand" @click="go_cari();" id="ga-cari-cepat-price-button-cari" style="width:103px"><span><i class="fa fa-search"></i>Cari</span></button></span>
                                <span id="ga-cari-cepat-selanjutnya-price"><button class="btn btn-primary btn-selanjutnya" @click="cari.selection = 'brand'" id="ga-cari-cepat-selanjutnya-price" style="width:103px"><span><i class="fa fa-forward"></i></span></button></span>
                            </div>
                            <div class="list-cari" style="padding: 15px 7px 7px 7px;" v-else>
                                <button class="btn btn-primary btn-cari">
                                    <span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span>Loading...
                                </button>
                            </div>
                        </div>
                        <div style="width: 100%;" v-if="cari.selection == 'brand'">
                            <div @click="cari.selection = 'price';cari.brand = 'semua';" id="ga-cari-cepat-kembali-merk" style="position: absolute;font-size: 25px;top: 10px;cursor: pointer;"><i class="fa fa-backward" aria-hidden="true"></i></div>
                            <div style="width: 100%;border: 1px solid #0000005e;border-radius: 15px;overflow: hidden;">
                                <div class="header-title-cari"><span>Pilih Merek</span></div>
                                <div class="list-cari">
                                    <div class="form-group">
                                        <select class="form-control" v-model="cari.brand">
                                            <option value="semua" style="font-weight: bold;">Semua Merek</option>
                                            <optgroup label="Favorit">
                                                                                                    <option value="Alexandre Christie">Alexandre Christie</option>
                                                                                                    <option value="Aries Gold">Aries Gold</option>
                                                                                                    <option value="Digitec">Digitec</option>
                                                                                                    <option value="Bonia">Bonia</option>
                                                                                                    <option value="Alba">Alba</option>
                                                                                                    <option value="Garmin">Garmin</option>
                                                                                                    <option value="Seiko">Seiko</option>
                                                                                                    <option value="Casio">Casio</option>
                                                                                                    <option value="Aigner">Aigner</option>
                                                                                                    <option value="Fossil">Fossil</option>
                                                                                                    <option value="Luminox">Luminox</option>
                                                                                            </optgroup>
                                            <optgroup label="Merek Lainnya">
                                                                                                    <option value="Adidas">Adidas</option>
                                                                                                    <option value="Aibro">Aibro</option>
                                                                                                    <option value="Alain Delon">Alain Delon</option>
                                                                                                    <option value="Alba Best Deals">Alba Best Deals</option>
                                                                                                    <option value="Balmer">Balmer</option>
                                                                                                    <option value="Belmond">Belmond</option>
                                                                                                    <option value="Calvin Klein">Calvin Klein</option>
                                                                                                    <option value="Cerruti 1881">Cerruti 1881</option>
                                                                                                    <option value="Charles Jourdan">Charles Jourdan</option>
                                                                                                    <option value="Citizen">Citizen</option>
                                                                                                    <option value="Condotti">Condotti</option>
                                                                                                    <option value="Elle">Elle</option>
                                                                                                    <option value="Elvano">Elvano</option>
                                                                                                    <option value="Esprit">Esprit</option>
                                                                                                    <option value="Expedition">Expedition</option>
                                                                                                    <option value="Fila">Fila</option>
                                                                                                    <option value="Fitbit">Fitbit</option>
                                                                                                    <option value="GLEDATI">GLEDATI</option>
                                                                                                    <option value="Guess">Guess</option>
                                                                                                    <option value="IGear">IGear</option>
                                                                                                    <option value="Imoo">Imoo</option>
                                                                                                    <option value="Kaca Baru">Kaca Baru</option>
                                                                                                    <option value="Lee Cooper">Lee Cooper</option>
                                                                                                    <option value="Luminox">Luminox</option>
                                                                                                    <option value="Mango">Mango</option>
                                                                                                    <option value="Mesin">Mesin</option>
                                                                                                    <option value="Mido">Mido</option>
                                                                                                    <option value="Mozaic">Mozaic</option>
                                                                                                    <option value="Nautica">Nautica</option>
                                                                                                    <option value="Naviforce">Naviforce</option>
                                                                                                    <option value="OFTEQ">OFTEQ</option>
                                                                                                    <option value="Olike">Olike</option>
                                                                                                    <option value="PEJE">PEJE</option>
                                                                                                    <option value="Pierre Cardin">Pierre Cardin</option>
                                                                                                    <option value="Police">Police</option>
                                                                                                    <option value="Rado">Rado</option>
                                                                                                    <option value="Regan Harney">Regan Harney</option>
                                                                                                    <option value="Rhythm">Rhythm</option>
                                                                                                    <option value="Rotary">Rotary</option>
                                                                                                    <option value="Swatch">Swatch</option>
                                                                                                    <option value="Swiss Navy">Swiss Navy</option>
                                                                                                    <option value="Ted Baker">Ted Baker</option>
                                                                                                    <option value="Timberland">Timberland</option>
                                                                                                    <option value="Timex">Timex</option>
                                                                                                    <option value="Valentino Rudy">Valentino Rudy</option>
                                                                                                    <option value="Watch Storage">Watch Storage</option>
                                                                                                    <option value="Watch Strap">Watch Strap</option>
                                                                                                    <option value="Watch Winder">Watch Winder</option>
                                                                                                    <option value="Wish">Wish</option>
                                                                                            </optgroup>
                                        </select>
                                    </div>
                                </div>
                            </div>
                            <div class="list-cari" style="padding: 15px 7px 7px 7px;" v-if="!cari.loading">
                                <span id="ga-cari-cepat-cari"><button class="btn btn-primary btn-cari" v-if="cari.brand" @click="go_cari();" id="ga-cari-cepat-selanjutnya-button-cari"><span><i class="fa fa-search"></i>Cari</span></button></span>
                            </div>
                            <div class="list-cari" style="padding: 15px 7px 7px 7px;" v-else>
                                <button class="btn btn-primary btn-cari">
                                    <span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span>Loading...
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
                        
            <!-- Loading -->
            <div class="modal modal-confirmation fade-in" id="loading-page" data-backdrop="static" data-keyboard="false">
                <div class="modal-dialog modal-dialog-centered">
                    <div class="loading-page" style="position: absolute; float: left;left: 50%;top: 50%;transform: translate(-50%, -50%);width: 100px;">
                        <div class="img" style="margin-top: 70%;">
                            <svg version="1.1" id="L2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve">
                                <circle fill="none" stroke="#ffc107" stroke-width="4" stroke-miterlimit="10" cx="50" cy="50" r="48"></circle>
                                <line fill="none" stroke-linecap="round" stroke="#ffc107" stroke-width="4" stroke-miterlimit="10" x1="50" y1="50" x2="85" y2="50.5" transform="rotate(270.312 50 50)">
                                    <animateTransform attributeName="transform" dur="2s" type="rotate" from="0 50 50" to="360 50 50" repeatCount="indefinite"></animateTransform>
                                </line>
                                <line fill="none" stroke-linecap="round" stroke="#ffc107" stroke-width="4" stroke-miterlimit="10" x1="50" y1="50" x2="49.5" y2="74" transform="rotate(180.042 50 50)">
                                    <animateTransform attributeName="transform" dur="15s" type="rotate" from="0 50 50" to="360 50 50" repeatCount="indefinite"></animateTransform>
                                </line>
                            </svg>
                        </div>
                    </div>
                </div>
            </div>
            <!-- Loading -->
        </div>
        <!-- MODAL REGISTER -->
        <div id="modalRegis" class="modal fade" class="modal-table-cart-alert" tabindex="-1" role="dialog" aria-labelledby="cartAlertLabel" aria-hidden="true" style="top: 0px;">
            <div class="modal-dialog modal-dialog-centered" role="document" style="max-width: 550px;">
                <div class="modal-content" style="overflow: hidden;border-radius: 15px;">
                    <div class="header-modal">
                        <div style="flex-grow: 9;padding-left: 10px;">
                            <h3 style="margin-top: 0px; line-height: 1.4;">Kelengkapan Data</h3>
                        </div>
                        <div class="close-button" data-dismiss="modal" id="ga-close-button-register"><img src="https://www.radatime.co.id/image/support/close.png" alt="" width="15px"></div>
                    </div>
                    <div class="body-modal">
                        <div class="row">
                            <input type="hidden" name="google_id" id="google_id" value="" />
                            <input type="hidden" name="facebook_id" id="facebook_id" value="" />
                            <div class="form__group col-md-6">
                                <input type="text" name="firstname-regis" value="" class="form__field" id="name-regis" placeholder="Nama">
                                <label for="name-regis" class="form__label"><span style="color: red;">*</span> Nama</label>
                            </div>
                            <div class="form__group col-md-6">
                                <input type="email" name="email-regis" value="" class="form__field" id="email-regis" placeholder="email" readonly>
                                <label for="email-regis" class="form__label"><span style="color: red;">*</span> Email</label>
                            </div>
                            <div class="form__group col-md-6">
                                <input type="tel" name="telephone-regis" value="" class="form__field birth-year" id="telephone-regis" placeholder="telephone">
                                <label for="telephone-regis" class="form__label"><span style="color: red;">*</span> No Hp</label>
                            </div>
                            <div class="form__group col-md-6">
                                <div class="select">
                                    <select class="select-text" name="gender-regis" required>
                                        <option value="" disabled selected></option>
                                        <option value="Laki-laki">Laki-laki</option>
                                        <option value="Perempuan">Perempuan</option>
                                    </select>
                                    <span class="select-highlight"></span>
                                    <span class="select-bar"></span>
                                    <label for="gender-regis" class="select-label"><span style="color: red;">*</span> Jenis Kelamin</label>
                                </div>
                            </div>
                            <div class="form__group col-md-6">
                                <!-- <input type="date" name="birthday-regis" value="" class="form__field" id="birthday-regis" style="padding-left: 8px;" required> -->
                                <div style="display: flex;height: 41px;">
                                    <div class="select" style="width: 30%;">
                                        <select class="select-text select-boot5" name="tanggal-regis" required>
                                                                                            <option value="1" >1</option>
                                                                                            <option value="2" >2</option>
                                                                                            <option value="3" >3</option>
                                                                                            <option value="4" >4</option>
                                                                                            <option value="5" >5</option>
                                                                                            <option value="6" >6</option>
                                                                                            <option value="7" >7</option>
                                                                                            <option value="8" >8</option>
                                                                                            <option value="9" >9</option>
                                                                                            <option value="10" >10</option>
                                                                                            <option value="11" >11</option>
                                                                                            <option value="12" >12</option>
                                                                                            <option value="13" >13</option>
                                                                                            <option value="14" >14</option>
                                                                                            <option value="15" >15</option>
                                                                                            <option value="16" >16</option>
                                                                                            <option value="17" >17</option>
                                                                                            <option value="18" >18</option>
                                                                                            <option value="19" >19</option>
                                                                                            <option value="20" >20</option>
                                                                                            <option value="21" >21</option>
                                                                                            <option value="22" >22</option>
                                                                                            <option value="23" >23</option>
                                                                                            <option value="24" >24</option>
                                                                                            <option value="25" >25</option>
                                                                                            <option value="26" >26</option>
                                                                                            <option value="27" >27</option>
                                                                                            <option value="28" >28</option>
                                                                                            <option value="29" >29</option>
                                                                                            <option value="30" >30</option>
                                                                                            <option value="31" >31</option>
                                                                                    </select>
                                    </div>
                                    <div class="select" style="width: 45%;">
                                        <select class="select-text select-boot5" name="bulan-regis" required>
                                            <option value="1" >Januari</option>
                                            <option value="2" >Februari</option>
                                            <option value="3" >Maret</option>
                                            <option value="4" >April</option>
                                            <option value="5" >Mei</option>
                                            <option value="6" >Juni</option>
                                            <option value="7" >Juli</option>
                                            <option value="8" >Agustus</option>
                                            <option value="9" >September</option>
                                            <option value="10" >Oktober</option>
                                            <option value="11" >November</option>
                                            <option value="12" >Desember</option>
                                        </select>
                                    </div>
                                    <div style="width: 33%;">
                                        <input id="birth-year" class="birth-year input-boot5" value="" type="tel" pattern="\d{4}" maxlength="4" name="tahun-regis" placeholder="Tahun" required>
                                    </div>
                                </div>
                                <label for="birthday-regis" class="form__label"><span style="color: red;">*</span> Tanggal Lahir</label>
                                <small id="span-birthday" style="color: #f9a919;">* Dapatkan promo spesial di bulan ulang tahunmu</small>
                            </div>
                            <!-- <div class="form__group col-md-6">
                                <input type="ig_account" name="ig_account-regis" value="" class="form__field" placeholder="Instagram Account">
                                <label for="ig_account-regis" class="form__label">Instagram Account</label>
                            </div> -->
                            <div id="form-password" class="form__group col-md-6">
                                <input type="password" name="password-regis" value="" class="form__field" placeholder="password">
                                <label for="password-regis" class="form__label"><span style="color: red;">*</span> Password</label>
                            </div>
                        </div>
                    </div>
                    <div class="w-100 bg-white" style="width: 100%;">
                        <button class="btn-primary-regis-loading" style="height: 40px;display: none;"><img src="https://www.radatime.co.id/catalog/view/theme/new_look_2015/image/icon/loading.gif" alt="" /> REGISTER</button>
                        <button class="btn-primary-regis" style="height: 40px;" onclick="sendEmailRegister();" id="ga-button-register-pop">REGISTER</button>
                    </div>
                </div>
            </div>
        </div>
        <!-- END MODAL REGISTER -->
        <!-- MODAL LOGIN -->
        <div id="modalLogin" class="modal fade" class="modal-table-cart-alert" tabindex="-1" role="dialog" aria-labelledby="cartAlertLabel" aria-hidden="true" style="top: 0px;">
            <div class="modal-dialog modal-dialog-centered" role="document" style="max-width: 500px;">
                <div class="modal-content" style="overflow: hidden;border-radius: 15px;">
                    <div class="header-modal">
                        <div style="flex-grow: 9;padding-left: 10px;">
                            <!-- <h3 style="margin-top: 0px; line-height: 1.4;">Login</h3> -->
                        </div>
                        <div class="close-button" data-dismiss="modal" id="ga-close-poplogin"><img src="https://www.radatime.co.id/image/support/close.png" alt="" width="15px"></div>
                    </div>
                    <div class="body-modal">
                        <h3 id="title" style="text-align: center;">Masuk Untuk Melanjutkan</h3>
                        <div class="row" style="display: flex;justify-content: center;">
                            <div class="col-6">
                                <div id="gSignInWrapper">
                                    <div id="ga-popup-login-google" class="customGPlusSignIn customBtn">
                                        <span class="icon"></span>
                                        <span class="buttonText">Google</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-6">
                                <div id="gSignInWrapper">
                                    <div id="ga-popup-login-facebook" class="customGPlusSignIn customBtn" onclick="checkLoginState();">
                                        <span class="icon1"></span>
                                        <span class="buttonText">Facebook</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="regis-space">atau login dengan Akun Member Anda</div>
                        <div id="error-login"></div>
                        <div class="form-group">
                            <input type="email" name="email" class="form-control" placeholder="Email">
                        </div>
                        <div class="form-group">
                            <input type="password" name="password" class="form-control" placeholder="Password">
                        </div>
                        <div class="row mb-3">
                            <div class="col-md-6 col-sm-6 col-6"></div>
                            <div class="col-md-6 col-sm-6 col-6" style="text-align: right;"><a class="forgot-password" href="/index.php?route=account/forgotten"> Lupa Password ?</a></div>
                        </div>
                        <div class="form-group" id="ga-popup-login-button">
                            <button type="submit" class="btn-primary-regis btn-rounded" style="color:#fff!important;font-weight:bold;font-size:16px;" onclick="loginEmailTrue();">Masuk</button>
                        </div>
                        <div style="margin-top: 30px;" id="ga-button-register">
                            <span>Belum punya akun? <a href="#" onclick="showRegister();" class="register-now" style="font-weight:bold;">DAFTAR SEKARANG</a>.</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- END MODAL LOGIN -->

        <!-- Quick Look -->
        <div class="modal fade" id="quickLook" tabindex="-1" role="dialog" aria-labelledby="quickLook" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered" role="document">
                <div class="modal-content" style="height: 530px!important; overflow-y:scroll; overflow-x:hidden">
                    <div class="modal-body" style="padding:10px">
                        <div v-if="loading_detailproduct" class="product-page-gallery">
                            <div class="animated-background" style="height: 300px;"></div>
                        </div>
                        <div v-else>
                            <div class="product-page-gallery">
                                <div class="product-gallery-media">
                                    <div class="swiper-container-quicklook">
                                        <div class="swiper-wrapper">
                                            <div class="swiper-slide" v-for="img in detail_product.images">
                                                <img :src="img.medium" :alt="detail_product.name">
                                                <div style="width: 37px;height: 37px;text-align: center;position: absolute;right: 15px;top: 2px;padding-top:1px;z-index:9999">
                                                    <div id="ga-catalog-add-wishlist">
                                                        <a style="color: #333;font-size: 35px;" v-on:click="updateWishlist3s(detail_product.product_id,index_wishlist)" data-toggle="tooltip" data-placement="left">
                                                            <i v-if="detail_product.is_wishlist" class="icon-custom fa fa-heart active" title="Delete from Wishlist"></i>
                                                            <i v-else class="icon-custom fa fa-heart" title="Add to Wishlist"></i>
                                                        </a>
                                                    </div>
                                                </div>
                                                <div class="label-image label-ongkir" style="width: 85px;top: 15px;left: 10px; position:absolute">
                                                    <img v-if="detail_product.manufacturer_id == 493 && detail_product.subtitle != 'Accessories' && detail_product.subtitle != 'Strap'" src="https://www.radatime.co.id/image/data/icon_attribute/GARANSI-TAM.png">
                                                    <img v-else-if="detail_product.manufacturer_id == 333" src="https://www.radatime.co.id/image/data/icon_attribute/ICON-ORIGINAL-NR.png">
                                                    <img v-else src="https://www.radatime.co.id/image/data/icon_attribute/ICON-ORIGINAL.png">
                                                </div>
                                            </div>
                                            <div class="swiper-slide" v-if="detail_product.video" style="padding:5%">
                                                <iframe class="embed-player slide-media" width="100%" height="400" :src="detail_product.video" frameborder="0" allowfullscreen></iframe>
                                            </div>
                                        </div>
                                        <!-- Add Pagination -->
                                        <div class="swiper-pagination"></div>
                                        <!-- Add Arrows -->
                                        <div class="swiper-button-next"></div>
                                        <div class="swiper-button-prev"></div>
                                    </div>
                                </div>
                            </div>
                            <i class="fa fa-angle-double-down" style="bottom: 20%;position: fixed; right: 5%; font-size: 30px; z-index: 1;"></i>
                            <span style="bottom: 17%;position: fixed; right: 3.5%; z-index: 1;">Scroll</span>
                            <div class="recommended-product-strap">
                                <div style="line-height:1">
                                    <h4 class="mb-0 product-item-title">{{ detail_product.name }}</h4>
                                    <p><small>{{detail_product.gender}}</small><small v-if="detail_product.watch_style"> - {{detail_product.watch_style}}</small><small v-if="detail_product.case_diameter"> ({{detail_product.case_diameter}} mm)</small></p>
                                </div>
                                <div class="product-item-price py-2">
                                    <div class="price-info">
                                        <div class="product-price-amount" v-if="detail_product.price != detail_product.special_price">
                                            <del>
                                                {{detail_product.price}}
                                            </del>
                                        </div>
                                        <div class="mt-1 product-price-amount">
                                            <span class="special_price f-18 font-weight-bold">{{detail_product.special_price}}</span>
                                        </div>
                                        <div class="mt-2 mb-2 discount-info" v-if="detail_product.discount != 0">
                                            (Diskon <b v-if="detail_product.discount !=0">{{detail_product.discount}}% OFF</b> - Anda Hemat <b>{{detail_product.sale}}</b></span>)
                                        </div>
                                        <div style="font-size: 14px; color: black; text-align: left; ">Potongan 5% dengan Kode: <b>POTONGANYES</b></div>
                                        <span v-html="detail_product.status_stock" style="font-size: 12px;"></span>
                                        <br></br>
                                        <p>*Warna jam dan kotak mungkin sedikit berbeda dari aslinya</p>
                                        <div class="f-14" style="color:black"><i class="fa fa-tags" style="color: #28a745;"></i><strong> Promo / Diskon</strong> ada di halaman selanjutnya</div>
                                    </div>
                                    <!-- <div v-if="detail_product.manufacturer_id == 707 || detail_product.manufacturer_id == 296 || detail_product.manufacturer_id == 116 || detail_product.manufacturer_id == 372 || detail_product.manufacturer_id == 230 || (detail_product.manufacturer_id == 102 && detail_product.special_price_number >= 700000) || (detail_product.manufacturer_id == 104 && detail_product.special_price_number >= 1500000) || detail_product.product_id == 48037 || detail_product.product_id == 48038 || detail_product.product_id == 48039 || detail_product.product_id == 20641"> -->
                                    <picture v-if="detail_product.manufacturer_id != 206 && detail_product.manufacturer_id != 100 && detail_product.manufacturer_id != 449 && detail_product.manufacturer_id != 647 && detail_product.manufacturer_id != 493">
                                        <img srcset="https://www.radatime.co.id/image/promo/gift/2023-06-06-EXCLUSIVE-GIFT.png" class="lazyload" alt="Free Gift" style="width: 100px">
                                    </picture>
                                    <!-- <div v-if="detail_product.product_id == 20641">
                                        <picture>
                                            <img srcset="https://www.radatime.co.id/image/promo/gift/2022-10-18-Tumbler-G-Shock.png" class="lazyload" alt="Free Gift" style="width: 100px">
                                        </picture>
                                    </div> -->
                                    <!-- <div v-if="detail_product.manufacturer_id == 125">
                                        <picture>
                                            <img srcset="https://www.radatime.co.id/image/promo/gift/2022-10-18-Teddy-Bag.png" class="lazyload" alt="Free Gift" style="width: 100px">
                                        </picture>
                                    </div> -->
                                    <!-- <div v-if="detail_product.manufacturer_id == 104">
                                        <picture>
                                            <img srcset="https://www.radatime.co.id/image/promo/gift/2022-10-18-TOTEBAG.png" class="lazyload" alt="Free Gift" style="width: 100px">
                                        </picture>
                                    </div> -->
                                    <!-- <div v-if="(detail_product.manufacturer_id == 102 || detail_product.manufacturer_id == 124)">
                                        <picture>
                                            <img srcset="https://www.radatime.co.id/image/promo/gift/2022-10-20-T-SHIRT-ALBA-OR-SHOULDER-BAG.png" class="lazyload" alt="Free Gift" style="width: 200px">
                                        </picture>
                                    </div> -->
                                    <!-- <div v-if="detail_product.manufacturer_id == 372">
                                        <picture>
                                            <img srcset="https://www.radatime.co.id/image/promo/gift/2022-10-18-Totebag-Fila.png" class="lazyload" alt="Free Gift" style="width: 100px">
                                        </picture>
                                    </div> -->
                                    <!-- <div v-if="(detail_product.subtitle == 'Baby-G' || detail_product.subtitle == 'G-Shock')  && detail_product.product_id != 20641">
                                        <picture>
                                            <img srcset="https://www.radatime.co.id/image/promo/gift/2022-10-18-Pouch-Radatime.png" class="lazyload" alt="Free Gift" style="width: 100px">
                                        </picture>
                                    </div> -->
                                    <picture v-if="detail_product.manufacturer_id == 230">
                                        <img src="https://www.radatime.co.id/image/icon/special/MONEY-BACK-GUARANTEE-ICON.png" class="lazyload" alt="Money Back Guarantee" style="width: 100px">
                                    </picture>
                                    <!-- <picture v-if="greatwatch">
                                        <source srcset="https://www.radatime.co.id/image/promo/ICON-WW.png" type="image/webp" alt="Free Mug">
                                        <img srcset="https://www.radatime.co.id/image/promo/ICON-WW.png" class="lazyload" alt="Free Mug" style="width: 100px">
                                    </picture>
                                    <picture>
                                        <img srcset="https://www.radatime.co.id/image/promo/gift/2022-10-18-Ekslusif-Mug.png" class="lazyload" alt="Free Mug" style="width: 100px">
                                    </picture> -->
                                    <!-- <div v-if="detail_product.manufacturer_id == 101 || detail_product.manufacturer_id == 105 || detail_product.manufacturer_id == 715 || detail_product.manufacturer_id == 117 || detail_product.manufacturer_id == 708 || detail_product.manufacturer_id == 340 || detail_product.manufacturer_id == 378 || detail_product.manufacturer_id == 127 || detail_product.manufacturer_id == 296">
                                        <picture>
                                            <img srcset="https://www.radatime.co.id/image/promo/gift/2022-10-18-M-Time.png" class="lazyload" alt="Free Gift" style="width: 100px">
                                        </picture>
                                    </div> -->
                                    
                                    <!-- <div v-if="detail_product.manufacturer_id == 104 && detail_product.special_price_number >= 800000">
                                        <picture>
                                            <img srcset="https://www.radatime.co.id/image/promo/2021-01-12-FREEGIFT-POUCH.png" class="lazyload" alt="Free Pouch" style="width: 100px">
                                        </picture>
                                    </div> -->
                                    <!-- <div v-if="(detail_product.manufacturer_id == 101 || detail_product.manufacturer_id == 127) && detail_product.special_price_number >= 3000000">
                                        <picture>
                                            <source srcset="https://www.radatime.co.id/image/promo/2021-01-12-FREEGIFT-M-TIME.webp" type="image/webp" alt="Free M-Time">
                                            <img srcset="https://www.radatime.co.id/image/promo/2021-01-12-FREEGIFT-M-TIME.png" class="lazyload" alt="Free M-Time" style="width: 100px">
                                        </picture>
                                    </div> -->
                                    <!-- <div v-if="detail_product.manufacturer_id == 230">
                                        <picture v-if="detail_product.subtitle == 'The Great White'">
                                            <source srcset="https://www.radatime.co.id/image/promo/ICON-WW.png" type="image/webp" alt="Free WW">
                                            <img srcset="https://www.radatime.co.id/image/promo/ICON-WW.png" class="lazyload" alt="Free WW" style="width: 100px">
                                        </picture>
                                        <picture>
                                            <source srcset="https://www.radatime.co.id/image/promo/2021-01-12-FREEGIFT-MUG.webp" type="image/webp" alt="Free Mug">
                                            <img srcset="https://www.radatime.co.id/image/promo/2021-01-12-FREEGIFT-MUG.png" class="lazyload" alt="Free Mug" style="width: 100px">
                                        </picture>
                                    </div> -->
                                    <!-- <div v-if="detail_product.manufacturer_id == 372 && detail_product.special_price_number >= 1500000">
                                        <picture>
                                            <source srcset="https://www.radatime.co.id/image/promo/2021-01-12-FREEGIFT-TOTE.webp" type="image/webp" alt="Free Totebag">
                                            <img srcset="https://www.radatime.co.id/image/promo/2021-01-12-FREEGIFT-TOTE.png" class="lazyload" alt="Free Totebag" style="width: 100px">
                                        </picture>
                                    </div> -->
                                    <div v-if="detail_product.label_defect">
                                        <picture>
                                            <!-- <source srcset="https://www.radatime.co.id/image/promo/2021-01-12-FREEGIFT-TOTE.webp" type="image/webp" alt="Free Totebag"> -->
                                            <img :srcset="detail_product.label_defect" class="lazyload" alt="Free Totebag" style="width: 100px">
                                        </picture>
                                    </div>
                                </div>
                            </div>
                            <div class="product-tab-Content-body product-spesification">
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="justify-content-around border-bottom border-top py-1" style="margin-bottom:15px; background: #eaeaea;font-weight: 300;">
                                            <p class="mb-0 font-weight-bold" style="margin-left:15px">BAGIKAN : </p>
                                            <div style="margin-left:15px">
                                                <a rel="nofollow" id="ga-product-share-whatsapp" :href="'https://api.whatsapp.com/send?text='+detail_product.href" target="_blank"><img class="share" style="width: 10%;" src="https://www.radatime.co.id/image/icon/sosmed/WA.png" alt="WA"></a>
                                                <a rel="nofollow" id="ga-product-share-facebook" :href="'https://www.facebook.com/sharer.php?u='+detail_product.href" target="_blank"><img class="share" style="width: 10%;" src="https://www.radatime.co.id/image/icon/sosmed/fb-footer.png" alt="FB"></a>
                                                <a v-if="(detail_product.manufacturer_id == 230)" rel="nofollow" id="ga-product-share-twitter" :href="'https://www.twitter.com/intent/tweet?url='+detail_product.href+'&text='+detail_product.name+'&via=radatime&hashtags=radatime'" target="_blank"><img class="share" style="width: 10%;" src="https://www.radatime.co.id/image/icon/sosmed/TWITTER.png" alt="TWITTER"></a>
                                                <a v-if="(detail_product.manufacturer_id != 230)" rel="nofollow" id="ga-product-share-twitter" :href="'https://www.twitter.com/intent/tweet?url='+detail_product.href+'&text='+detail_product.name+' '+detail_product.model+'&via=radatime&hashtags=radatime'" target="_blank"><img class="share" style="width: 10%;" src="https://www.radatime.co.id/image/icon/sosmed/TWITTER.png" alt="TWITTER"></a>
                                                <a rel="nofollow" id="ga-product-share-copylink" onclick="return copyLink(vh.detail_product.href);"><img class="share" style="width: 10%;" src="https://www.radatime.co.id/image/icon/sosmed/COPY-ICON.png" alt="COPY"></a>
                                            </div>
                                        </div>
                                        <h3 class="title" v-if="detail_product.garmin_attribute">Kelebihan {{detail_product.subtitle}}</h3>
                                        <div class="detail-table mb-4" v-if="detail_product.garmin_attribute" v-for="(data_feat, data_title) in detail_product.garmin_attribute">
                                            <table class="table-bordered">
                                                <h5>{{data_title}}</h5>
                                                <tbody>
                                                    <tr v-for="(feat_detail, feat_title) in data_feat">
                                                        <td>{{feat_detail}}</td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                        </div>
                                        <h3 class="title" v-if="!detail_product.garmin_attribute" style="border-bottom: 1px solid #dee2e6; padding-bottom: 10px; padding-left: 0px;">Spesifikasi</h5>
                                        <div class="detail-table mb-4" v-if="!detail_product.garmin_attribute">
                                            <table class="table-bordered">
                                                <tbody>
                                                    <tr v-for="detailproduct in detail_product.attribute" v-if="(detailproduct.attribute_id >= 101 && detailproduct.attribute_id <= 110) || detailproduct.attribute_id == 127 || detailproduct.attribute_id == 129 || detailproduct.attribute_id == 118 || detailproduct.attribute_id == 130 || detailproduct.attribute_id == 999 " >
                                                        <th>{{detailproduct.name}}</th>
                                                        <td v-if="detailproduct.attribute_id == 101 || detailproduct.attribute_id == 102 || detailproduct.attribute_id == 103">{{detailproduct.text}} mm
                                                            <span v-if="detailproduct.attribute_id == 103 && parseInt(detailproduct.text) <=8 ">(Tipis)</span>
                                                            <span v-else-if="detailproduct.attribute_id == 103 && parseInt(detailproduct.text) >=9 && parseInt(detailproduct.text) <= 13 ">(Sedang)</span>
                                                            <span v-else-if="detailproduct.attribute_id == 103 && parseInt(detailproduct.text) >=14">(Tebal)</span>
                                                        </td>
                                                        <td v-else>
                                                            {{detailproduct.text}}
                                                        </td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                        </div>
                                        <div id="ga-catalog-lihat-semua-spesifikasi">
                                            <a :href="detail_product.href" id="ga-catalog-lihat-semua-spesifikasi">
                                                <div class="text-center">Lihat Semua Spesifikasi</div>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                                                                        <div class="modal-footer" style="position: sticky;bottom:0;background:white;z-index:9999">
                                <div id="ga-catalog-lihat-selengkapnya-quicklook" style="width: 100%; max-width: 40%;">
                                    <a id="ga-catalog-lihat-selengkapnya-quicklook" :href="detail_product.href"><button type="button" class="btn btn-secondary w-100" style="border:solid 1px #f9a919; color:#f9a919; background-color:white; font-size: 16px !important;">Detail</button></a>
                                </div>
                                <div id="ga-catalog-lihat-promo-quicklook" v-if="detail_product.stock_status_id > 0 && detail_product.images_promo" class="w-100">
                                    <a @click="loadImgQuicklook()"><button type="button" class="btn btn-secondary w-100" style="border:solid 1px #f9a919; color:white; background-color: #f9a919!important; font-size: 16px !important;">Promo</button></a>
                                </div>
                                <button name="add-to-cart" id="ga-catalog-tambah-keranjang-quicklook" class="btn--lg btn btn--full rounded" :disabled="detail_product.button_submitted" v-on:click="addCart(detail_product.product_id)" v-if="detail_product.stock_status_id > 0 && detail_product.shopee_link == ''" data-dismiss="modal" style="background-color: #f9591d; color:white; font-size: 16px !important; width: 100%;  max-width: 60%;">
                                    <span>Beli</span>
                                </button>
                                <button id="dropdown-toggle-shopee" class="btn--lg btn btn--full rounded" :disabled="detail_product.button_submitted" v-on:click="buyshopee()" v-else-if="detail_product.stock_status_id > 0 && detail_product.shopee_link != ''" style="background-color: #f9591d; color:white; font-size: 16px !important; width: 100%;  max-width: 60%;">
                                    <span>Beli</span>
                                </button>
                                <button name="add-to-cart" id="ga-catalog-ingatkan-saya-quicklook" class="btn--lg btn btn--full rounded" data-toggle="modal" data-target="#cartSoldout" v-on:click="addCart(detail_product.product_id)" v-else-if="detail_product.stock_status_id == 0" style="background-color: #f9591d; color:white; font-size: 16px !important; width: 100%;  max-width: 60%;">
                                    <span>Ingatkan Saya</span>
                                </button>
                                <div id="dropdown-content-shopee" class="f-16 position-absolute text-left" style="display:none; min-width: 250px;box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.2);bottom: 60px;right: 1.25rem;">
                                    <a :href="detail_product.shopee_link" target="_blank">
                                        <div class="px-3 py-2 text--bold text-white" style="background-color: #ff7845; border-top-left-radius: 3px">
                                            Beli Di Shopee
                                        </div>
                                    </a>
                                    <hr class="m-0" style="border-width: 1px; border-color:white">
                                    <a v-on:click="addCart(detail_product.product_id)">
                                        <div id="ga-detail-product-mobile-beli" class="px-3 py-2 text--bold text-white" style="background-color: #f5581d    ">
                                            Beli Sekarang<br><span style="font-size: 12px;">Dapatkan RADAPOINTS</span>
                                        </div>
                                    </a>
                                </div>
                            </div>
                                                                <!-- <div class="modal-footer" style="position: sticky;bottom:0;background:white;z-index:9999">
                        <div id="ga-catalog-lihat-selengkapnya-quicklook">
                            <a id="ga-catalog-lihat-selengkapnya-quicklook" :href="detail_product.href"><button type="button" class="btn btn-secondary" style="border:solid 1px #f9a919; color:#f9a919; background-color:white;">Lihat Selengkapnya</button></a>
                        </div>
                        <button name="add-to-cart" id="ga-catalog-tambah-keranjang-quicklook" class="btn--lg btn btn--full btn--primary rounded" :disabled="detail_product.button_submitted" v-on:click="addCart(detail_product.product_id)" v-if="detail_product.stock_status_id > 0" data-dismiss="modal">
                            <span>Beli</span>
                        </button>
                        <button name="add-to-cart" id="ga-catalog-ingatkan-saya-quicklook" class="btn--lg btn btn--full btn--primary rounded" data-toggle="modal" data-target="#cartSoldout" v-on:click="addCart(detail_product.product_id)" v-if="detail_product.stock_status_id == 0">
                            <span>Ingatkan Saya</span>
                        </button>
                    </div> -->
                </div>
            </div>
        </div>
        <!-- End Quick Look -->
        
        <!-- Img Promo Quick Look -->
        <div class="modal fade" id="imgpromoquicklook" tabindex="-1" role="dialog" aria-labelledby="imgpromoquicklook" aria-hidden="true" style="overflow-y: hidden;padding-right:10px">
            <div class="modal-dialog modal-dialog-centered" role="document">
                <div class="modal-content" style="height: 530px!important; overflow-y:hidden; overflow-x:hidden">
                    <div class="close-button" data-dismiss="modal" style="position: absolute; right: 0; z-index: 10000;"><img src="https://www.radatime.co.id/image/support/close.png" alt="" width="15px"></div>
                    <div class="modal-body" style="padding:10px">
                        <div class="product-page-gallery mt-3">
                            <div class="product-gallery-media">
                                <div class="img-quicklook">
                                    <div class="swiper-wrapper">
                                        <div class="swiper-slide" v-for="img in detail_product.images_promo">
                                            <a v-if="img.link" class="w-75" :href="img.link" target="_blank">
                                                <img class="w-100" :src="img.medium" :alt="img.title">
                                            </a>
                                            <img v-else :src="img.medium" :alt="img.title">
                                        </div>
                                    </div>
                                    <!-- Add Pagination -->
                                    <div class="swiper-pagination"></div>
                                    <!-- Add Arrows -->
                                    <div class="swiper-button-next"></div>
                                    <div class="swiper-button-prev"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- End Img Promo Quick Look -->

        <!-- Cart Alert -->
        <div class="modal fade" class="modal-table-cart-alert" id="cartAlert" tabindex="-1" role="dialog" aria-labelledby="cartAlertLabel" aria-hidden="true" v-if="data_cart">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-body" style="padding:25px 25px 0px 25px;">
                        <div class="alert alert-success">
                            Produk berhasil ditambahkan
                        </div>
                        <div class="row">
                            <div class="col-md-3 col-12">
                                <img :src="data_cart.thumb" width="100px" style="margin:0px auto; margin-top: 30px;" />
                            </div>
                            <div class="col-md-9 col-12">
                                <div class="description" style="line-height:1;">
                                    <small>{{data_cart.gender}} - {{data_cart.case_diameter}} mm</small>
                                    <h3>{{data_cart.name}}</h3>
                                    <div class="mb-3">
                                        <span v-if="data_cart.price != data_cart.special_price"><del>{{data_cart.price}}</del> - </span>
                                        <span class="special_price" style="font-weight: bold;font-size: 16px;">{{data_cart.special_price}}</span>
                                    </div>
                                    <p>Jumlah {{data_cart.quantity}} pcs</p>
                                    <p class="mb-3 f-14" style="padding-right:10px;"><i class="fa fa-tags" style="color: #28a745;"></i><strong> Promo / Diskon</strong> ada di halaman selanjutnya</p>
                                </div>
                            </div>
                        </div>
                        <div class="text-right" style="margin-top:15px; border-top:1px solid #eaeaea;padding-top:15px;">Total <h3 class="special-price" style="font-size:1.25rem">{{data_cart.total}}</h3>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <div id="ga-catalog-lanjut-belanja">
                            <button type="button" class="btn btn-secondary text-center" style="border:solid 1px #f9a919; color:#f9a919; background-color:white;" data-dismiss="modal">Lanjut Belanja</button>
                        </div>
                        <a id="ga-catalog-lihat-keranjang" href="/index.php?route=checkout/cart" class="btn btn--primary btn--full text-center">Proses Beli</a>
                    </div>
                </div>
            </div>
        </div>

        <!-- Modal Cart Alert-->
        <div class="modal fade" class="modal-table-cart-alert" id="cartSoldout" tabindex="-1" role="dialog" aria-labelledby="cartAlertLabel" aria-hidden="true">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-body" style="padding:25px;">
                        <h5 class="mb-0">Maaf, Stok saat ini kosong</h5>
                        <p>Silahkan isi formulir dibawah, kami akan segera menghubungi bapak / ibu segera jika stok sudah tersedia kembali</p>
                        <div class="form-group">
                            <label id="name">Nama</label>
                            <input type="text" name="name" class="form-control" v-model="input_form.name" />
                            <span class="text-danger">{{error.name}}</span>
                        </div>
                        <div class="form-group">
                            <label id="hp">No Telp / HP</label>
                            <input type="text" class="form-control" v-model="input_form.hp" />
                            <span class="text-danger">{{error.hp}}</span>
                        </div>
                        <div class="form-group">
                            <label id="Email">Email</label>
                            <input type="text" class="form-control" v-model="input_form.email" />
                            <span class="text-danger">{{error.email}}</span>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <div id="ga-catalog-batal-request-soldout">
                            <button type="button" class="btn btn-secondary text-center" data-dismiss="modal">Batal</button>
                        </div>
                        <div id="ga-catalog-submit-request-soldout">
                            <button type="button" class="btn btn--primary text-center" @click="sendFormRequestStock()" :disabled="btn_request_stock">Kirim</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Modal Icon -->
        <div class="modal fade" id="modalicon" tabindex="-1">
            <div class="modal-dialog modal-dialog-centered" style="width:400px">
                <div class="modal-content">
                    <div class="modal-header" style="border:none;text-align: center;background:#efefef; padding:0.5rem">
                        <h4 class="modal-title" style="text-align: center;">Fitur & Benefit Produk Ini</h4>
                        <button type="button" class="close" data-dismiss="modal"><span class="ti-close"></span></button>
                    </div>
                    <div class="modal-body">
                        <div class="row">
                            <div class="col-md-12">
                                <div class="form-group">
                                    <div v-for="icons in detail_icon" class="modal-img-icon">
                                        <img :srcset="icons.images" />
                                        <div style="line-height: 1.2;">{{icons.deskripsi}}</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <a href="https://www.radatime.co.id//index.php?route=information/keterangan_icon" target="_blank" style="color:white !important; width:100%">
                            <button id="ga-icon-infografis-selengkapnya" class="btn-primary-regis">Lihat Detail</button>
                        </a>
                    </div>
                </div>
            </div>
        </div>
        <!-- End Modal Icon -->

        <!-- Modal Detail Voucher -->
        <div class="modal fade" id="modal-detail-snk" tabindex="-1">
            <div class="modal-dialog modal-dialog-centered" style="width:500px">
                <div class="modal-content">
                    <div class="modal-header" style="border:none;text-align: center;background:#efefef; padding:0.5rem">
                        <h4 class="modal-title" style="text-align: center;">Syarat & Ketentuan Same Day</h4>
                        <button type="button" class="close" data-dismiss="modal"><span class="ti-close"></span></button>
                    </div>
                    <div class="modal-body">
                        <div style="max-width:500px; font-size:0.875rem; line-height:1.375rem;word-break:break-word">
                            <ul class="mb-3 mt-3">
                                <li>Untuk setiap pembelian Luminox akan mendapatkan <b>Free Masker Exclusive Luminox</b></li>
                                <li>Untuk 10 Pembeli pertama akan mendapatkan <b>Free Topi Luminox</b></li>
                                <li>Berlaku free ongkir + Dikirim hari yang sama khusus untuk pengiriman di <b>Jabodetabek</b> dan <b>Medan</b>.</li>
                                <li>Pembayaran sebelum jam 12:00 Wib akan di kirim sampai lansgung di hari yang sama pada hari kerja (Senin-Jumat). </li>
                                <li>Promo Extra diskon berlaku sesuai promo bulan April yang sedang berjalan</li>
                                <li>Pengiriman selain Jabodetabek dan Medan berlaku ketentuan yang sama dengan promo bulan April yang sedang berjalan.</li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Floating button -->
        <div v-if="btn_compare">
            <div class="floating-supersale" id="ga-desktop-header-bandingkan-product" style="z-index:100000">
                <a class="click-to-dismiss" id="closeFloatingSupersale"></a>
                <a href="/compare">
                    <img class="floating-icon-image" src="https://www.radatime.co.id/image/icon/banding-new.png" width="100%">
                </a>    
            </div>
        </div>
        <div v-else>
                    </div>
        <!-- End Floating button -->

    </div>
    <div class="header-line"></div>
    <!-- Site Wraper End -->
    <script src="https://apis.google.com/js/api:client.js"></script>
    <!-- <script src="https://apis.google.com/js/platform.js?onload=onLoadCallback" async></script>7 -->
    <script defer src="https://www.radatime.co.id/catalog/view/theme/new_look_2015/template/js/login-sosmed.js?ver=14V849"></script>
    <script defer src="https://www.radatime.co.id/catalog/view/theme/new_look_2015/template/js/vue/common/header.js?ver=77V849"></script>
    <script src="/catalog/view/theme/new_look_2015/template/js/axios.min.js"></script>
    <script>
        // Initialize deferredPrompt for use later to show browser install prompt.
        let deferredPrompt;

        window.addEventListener('beforeinstallprompt', (e) => {
            // Prevent the mini-infobar from appearing on mobile
            e.preventDefault();
            // Stash the event so it can be triggered later.
            deferredPrompt = e;
            // Update UI notify the user they can install the PWA
            showInstallPromotion();
            // Optionally, send analytics event that PWA install promo was shown.
            console.log(`'beforeinstallprompt' event was fired.`);
        });
    </script>
    <script>
        document.addEventListener('DOMContentLoaded', function() {
                        $('.showFilePanel').click(function(event) {
                if ($('.notification-container').hasClass('dismiss')) {
                    $('#cari-inside').removeClass('invis-in');
                    $('#cari-close').removeClass('invis-in');
                    $('#cari-title').removeClass('invis-in');
                    $('.notification-container').removeClass('dismiss').removeClass('invis-out').addClass('selected').removeClass('invis-out').show();
                    $('#img-cari-cepat').removeClass('cari-cepat-opacity')
                } else if ($('.notification-container').hasClass('selected')) {
                    $('#cari-inside').addClass('invis-in');
                    $('#cari-close').addClass('invis-in');
                    $('#cari-title').addClass('invis-in');
                    $('.notification-container').removeClass('selected').addClass('invis-out').addClass('dismiss');
                    $('#img-cari-cepat').addClass('cari-cepat-opacity')
                }
                event.preventDefault();
            });

            function setInputFilter(textbox, inputFilter) {
                ["input", "keydown", "keyup", "mousedown", "mouseup", "select", "contextmenu", "drop"].forEach(function(event) {
                    textbox.addEventListener(event, function() {
                        if (inputFilter(this.value)) {
                            this.oldValue = this.value;
                            this.oldSelectionStart = this.selectionStart;
                            this.oldSelectionEnd = this.selectionEnd;
                        } else if (this.hasOwnProperty("oldValue")) {
                            this.value = this.oldValue;
                            this.setSelectionRange(this.oldSelectionStart, this.oldSelectionEnd);
                        }
                    });
                });
            }

            setInputFilter(document.getElementById("birth-year"), function(value) {
                return /^-?\d*$/.test(value);
            });
            setInputFilter(document.getElementById("telephone-regis"), function(value) {
                return /^-?\d*$/.test(value);
            });
        })
    </script>

    <script>
        function copyLink(link) {
            document.addEventListener('copy', function(e) {
                e.clipboardData.setData('text/plain', link);
                e.preventDefault(); // default behaviour is to copy any selected text
            });
            document.execCommand("copy");
            alert("Link Berhasil di Salin.");
        }

        function clickDesk() {
            document.getElementById("dropdown-search").classList.toggle("show-search");
            var search_type = document.getElementById("dropdown-search-type");
            if (search_type != null) {
                if (search_type.classList.contains('show-search')) {
                    document.getElementById("dropdown-search-type").classList.toggle("show-search");
                }
            }
        }

        function clickTab() {
            // document.getElementById("dropdown-search-tab").classList.toggle("show-search");
            document.getElementById("dropdown-search-tab").classList.toggle("show-search-tab");
            var search_type = document.getElementById("dropdown-search-type-tab");
            if (search_type != null) {
                if (search_type.classList.contains('show-search-tab')) {
                    document.getElementById("dropdown-search-type-tab").classList.toggle("show-search-tab");
                }
            }
        }

        function typingDesk() {
            // console.log(vh.filter_name);
            if (vh.filter_name.length >= 3) {
                vh.search_auto();
            }
            var dropdowns = document.getElementsByClassName("dd-search");
            var i;
            for (i = 0; i < dropdowns.length; i++) {
                var openDropdown = dropdowns[i];
                if (openDropdown.classList.contains('show-search')) {
                    openDropdown.classList.remove('show-search');
                }
            }
            if (document.getElementById("dropdown-search-type") != null) {
                document.getElementById("dropdown-search-type").classList.toggle("show-search");
            }
        }

        function typingTab() {
            // console.log(vh.filter_name);
            if (headerMobile.filter_name_tab.length >= 3) {
                headerMobile.search_auto_tab();
            }
            var dropdowns = document.getElementsByClassName("dd-search");
            var i;
            for (i = 0; i < dropdowns.length; i++) {
                var openDropdown = dropdowns[i];
                if (openDropdown.classList.contains('show-search-tab')) {
                    openDropdown.classList.remove('show-search-tab');
                }
            }
            if (document.getElementById("dropdown-search-type-tab") != null) {
                document.getElementById("dropdown-search-type-tab").classList.toggle("show-search-tab");
            }
        }

        document.onclick = function(event) {
            if (!event.target.matches('#input-search')) {
                var dropdowns = document.getElementsByClassName("dd-search");
                var i;
                for (i = 0; i < dropdowns.length; i++) {
                    var openDropdown = dropdowns[i];
                    if (openDropdown.classList.contains('show-search')) {
                        openDropdown.classList.remove('show-search');
                    }
                }
            }
            if (!event.target.matches('#input-search-tab')) {
                var dropdowns = document.getElementsByClassName("dd-search");
                var i;
                for (i = 0; i < dropdowns.length; i++) {
                    var openDropdown = dropdowns[i];
                    if (openDropdown.classList.contains('show-search-tab')) {
                        openDropdown.classList.remove('show-search-tab');
                    }
                }
            }
        }
        
        function buyshopee(){
            var dropdownToggle = document.getElementById("dropdown-toggle-shopee");
            var dropdownContent = document.getElementById("dropdown-content-shopee");
            if (dropdownContent.style.display === "block") {
                dropdownContent.style.display = "none";
                dropdownToggle.classList.remove("highlight-toggle");
            } else {
                dropdownContent.style.display = "block";
                dropdownToggle.classList.add("highlight-toggle");
            }
        }
    </script>
    <!-- End Header --><style>
	.control-label {
		text-align: left !important;
	}
	.form-group .col-xs-2 {
		padding-right: 0;
	}
</style>
<div class="hidden-xs hidden-sm" style="height:81px;">&nbsp;</div>
<div class="hidden-md hidden-lg" style="height:57px;">&nbsp;</div>
<div style="background-color:#f0f0f0;">

  <div class="container" id="content">

    <div class="breadcrumb" style="margin:15px 0px; padding:0px; background-color:#f0f0f0; font-size: 12px;">

      
      <a href="https://www.radatime.co.id/index.php?route=common/home">Home</a>

      
       &raquo; <a href="https://www.radatime.co.id/index.php?route=account/account">Akun</a>

      
       &raquo; <a href="https://www.radatime.co.id/index.php?route=account/register">Order Tracking</a>

      
    </div>

  </div>

</div>
<div class="container" id="content">
	<div class="row">
		<div class="col-xs-12">
				<div class="row">
		<div class="col-xs-12 col-md-8 col-md-offset-2">
			<h3>Tracking Order</h3>
			<br>
			<p>Selamat datang di halaman Status Pengiriman RaDa Time</p>
							  <p>Silahkan masukkan Nomor Order Anda untuk melacak status pengiriman. Jika Anda tidak mengetahui Nomor Order Anda, mohon periksa email konfirmasi pemesanan yang dikirimkan sebelumnya ke alamat email Anda.</p>
								<p>Untuk pertanyaan lainnya dapat menghubungi Customer Service RaDa Time.</p>			
			<form action="https://www.radatime.co.id/index.php?route=account/tracking_order" method="post" enctype="multipart/form-data" class="form-horizontal">
				<div class="form-group">
					<label for="order_id" class="col-xs-12 control-label">
						<span class="required">*</span> Masukkan No. Order ID Anda					</label>
					<div class="col-xs-12">
						<textarea name="order_id" rows="5" value="" class="form-control" id="order_id"></textarea>
											</div>
									</div>
		
				<div class="m-top-15">
					<div class="form-group" style="margin-bottom: 0;">
						<div class="col-xs-4">
							<button type="submit" class="btn btn-success">Lanjutkan</button>
						</div>
					</div>
				</div>
			</form>
						<br>
			<p><strong>Info Pengiriman:</strong></p>
			<p>1. Data ini dipublikasikan secara realtime.</p>
			<p>2. Pengecekan Tracking Order hanya bisa dilakukan khusus untuk pelanggan yang menggunakan jasa kurir J&T Express.</p>	
		</div>
		</div>
		</div>
	</div>
</div>
<style>
    .click-to-dismiss {
        position: absolute;
        width: 20px;
        height: 20px;
        top: 0;
        right: 5px;
    }

    .none-list {
        list-style-type: none;
        margin-block-start: 0px;
        margin-block-end: 0px;
        margin-inline-start: 0px;
        margin-inline-end: 0px;
        padding-inline-start: 0px;
    }

    .form-field-wrapper-news {
        margin-bottom: 20px;
        position: relative;
    }

    .ravi-a {
        color: blue !important;
    }

    .ravi-a:hover {
        color: #f9a919 !important;
    }

    /* .btn_kupon:hover {
        background-image: linear-gradient(to right, #f9591d -40%, #f9a919 50%, #f9591d 140%) !important;
    } */

    .btn_kupon:hover {
        background-color: #fff !important;
        color: #000 !important;
    }

    .footer a,
    .footer i,
    .footer li span,
    .footer p {
        color: #000;
    }

    .footer .footer-widget-title {
        color: #000;
        font-weight: bold;
    }

    .footer .social li {
        margin-right: 20px !important;
    }
</style>
<link rel="stylesheet" type="text/css" href="https://www.radatime.co.id/catalog/view/theme/new_look_2015/stylesheet/ravi/chat.css?ver=V849" />

<!-- Modal Connection Lost -->
<div class="modal" id="connectionLost" style="width: 500px;height: 500px;margin: 0 auto;overflow:hidden;">
    <div class="modal-body text-center">
        <div style="position:relative">
            <picture style="width:500px">
                <source srcset="https://www.radatime.co.id/image/support/connection-lost-desktop-2.webp" type="image/webp" alt="RADATIME">
                <img srcset="https://www.radatime.co.id/image/support/connection-lost-desktop-2.jpg" alt="">
            </picture>
            <a href="#" onclick="window.location.reload(true);">
                <picture style="width:500px">
                    <source srcset="https://www.radatime.co.id/image/support/tombol-connection-lost-desktop.webp" type="image/webp" alt="RADATIME">
                    <img srcset="https://www.radatime.co.id/image/support/tombol-connection-lost-desktop.jpg" style="margin-top: -82px;" alt="">
                </picture>
            </a>
        </div>
    </div>
</div>
<!-- End Modal Connection Lost -->

<!-- Modal Connection Lost -->
<div class="modal" id="SessionTimeOut" style="width: 500px;height: 500px;margin: 0 auto;overflow:hidden;">
    <div class="modal-body text-center">
        <div style="position:relative">
            <picture style="width:500px">
                <source srcset="https://www.radatime.co.id/image/support/session-time-out.webp" type="image/webp" alt="RADATIME">
                <img srcset="https://www.radatime.co.id/image/support/session-time-out.jpg" alt="">
            </picture>
            <a href="https://www.radatime.co.id/index.php?route=account/login">
                <picture style="width:500px">
                    <source srcset="https://www.radatime.co.id/image/support/tombol-connection-lost-desktop.webp" type="image/webp" alt="RADATIME">
                    <img srcset="https://www.radatime.co.id/image/support/tombol-connection-lost-desktop.jpg" style="margin-top: -82px;" alt="">
                </picture>
            </a>
        </div>
    </div>
</div>
<!-- End Modal Connection Lost -->


<footer class="footer" id="footer" v-cloak>
    <section class="footer-newsletter bg--primary" style="padding: 20px 85px;">
        <div class="row">
            <div class="col-7">
                <h5 class="mb-2 footer-widget-title text-uppercase">Spesial Buat Kamu</h5>
                <p class="w-75">Daftar jadi RADATIMERS sekarang dan dapatkan kupon sebesar <br>Rp 80.000 dan benefit lainnya.</p>
                <a href="/index.php?route=account/register"><button class="btn_kupon mt-3 text-white w-25" style="border-radius:10px; height:39px; background-color: #000"><b>KLIK DI SINI</b></button></a>
            </div>
            <!-- <div class="col-5">
                <h5 class="mb-2 footer-widget-title text-uppercase">Artikel RADATIME</h5>
                <p class="w-75">Dapatkan Informasi Terbaik Seputar Jam Tangan dan Tren yang sedang Booming</p>
                <a href="/majalah"><button class="btn_kupon mt-3 text-white" style="border-radius:10px; width:40%; height:39px; background-color: #000"><b>ARTIKEL LENGKAP</b></button></a>
            </div> -->
            <!-- <div class="col-5">
                <h5 class="mb-2" style="color:#f9a919">DOWNLOAD APPS</h5>
                <div class="d-flex">
                    <img src="https://www.radatime.co.id/image/support/QR_APPS.png" class="bg-white col-3 p-2 rounded">
                    <div class="col-9">
                        <p>Rasakan pengalaman yang luar biasa, unduh aplikasi RADATIME sekarang.</p>
                        <a href="https://play.google.com/store/apps/details?id=com.radatime.radatime_mobile" target="_blank">
                            <img src="https://www.radatime.co.id/image/support/GOOGLE-PLAY.png" style="width: 40%; margin-top:1rem">
                        </a>
                    </div>
                </div>
            </div> -->
        </div>
    </section>
    <!--Footer Widget Bar-->
    <section class="footer-widget-area bg-white" style="padding: 20px;">
        <div class="row">
            <div class="footer-widget col-lg-2 col-6 mb-lg-0 mb-3 pr-lg-4">
                <h6 class="footer-widget-title text-uppercase">Customer Care</h6>
                <ul class="none-list">
                    <li id="ga-footer-contact"><a href="/contact">Hubungi Kami</a></li>
                    <li id="ga-footer-service"><a href="/service-parts">Servis & Suku Cadang</a></li>
                </ul>
            </div>
            <div class="footer-widget col-lg-2 col-6 mb-lg-0 mb-3 pr-lg-4">
                <h6 class="footer-widget-title">JAM OPERASIONAL</h6>
                <p class="m-0">Senin - Jum'at | 08.30 - 17.00</p>
                <p>Sabtu | 08.30 - 14.00</p>
            </div>
            <div class="footer-widget col-sm-4 col-md-4 col-lg-2 col-6 mb-lg-0 mb-4">
                <h6 class="footer-widget-title">INFORMASI</h6>
                <ul class="none-list">
                    <li id="ga-footer-cara-bayar"><a href="/cara-bayar">Cara Bayar</a></li>
                    <li id="ga-footer-about"><a href="/about">Tentang Kami</a></li>
                    <!-- <li id="ga-footer-filosofi"><a href="/filosofi-logo">Filosofi Logo</a></li> -->
                    <li id="ga-footer-term"><a href="/terms-and-conditions">Syarat dan Ketentuan</a></li>
                    <li id="ga-footer-privacy-policy"><a href="/privacy-policy">Kebijakan Privasi</a></li>
                    <li id="ga-footer-faq"><a href="/faq">FAQ</a></li>
                    <li id="ga-footer-rpc"><a href="/about-rpc">Tentang RADA POINTS</a></li>
                    <li id="ga-footer-testimonial"><a href="/testimonial">Testimonial</a></li>
                    <!-- <li id="ga-footer-majalah"><a href="/majalah">Majalah</a></li> -->
                </ul>
            </div>
            <div class="footer-widget col-sm-4 col-md-4 col-lg-3 col-6 mb-lg-0 mb-4">
                <h6 class="footer-widget-title">TOKO KAMI</h6>
                <!-- <div> -->
                <p class="mb-0">Toko 1 :</p>
                <p class="mb-0">Ring Road Citywalks Medan Ground Floor No. 1 - Jl. Gagak Hitam, Kota Medan (<a href="https://www.google.com/maps/place/RADATIME+RINGROAD+CITY+WALKS+MEDAN/@3.5754799,98.6231934,17z/data=!4m14!1m7!3m6!1s0x30312fae0cdd7d05:0x267222ec09b6832f!2sRADATIME+RINGROAD+CITY+WALKS+MEDAN!8m2!3d3.5754745!4d98.6257737!16s%2Fg%2F11gfn_hsx3!3m5!1s0x30312fae0cdd7d05:0x267222ec09b6832f!8m2!3d3.5754745!4d98.6257737!16s%2Fg%2F11gfn_hsx3" style="font-style: italic; font-weight: bold" target="_blank">Lihat Map</a>)</p>
                <p class="mb-0"><i class="fab fa-whatsapp"></i> | <i class="fa fa-phone"></i><span> &nbsp;0811-6488-867</span></p>
                <p class="mb-2"><i class="fa fa-clock-o"></i> | <span> Buka Setiap Hari (10.00-22.00)</span></p>
                <p class="mb-0">Toko 2 :</p>
                <p class="mb-0">Jl. Brigjend Katamso No. 228-A, Kota Medan (<a href="https://maps.app.goo.gl/t2amGXcJppCj4e3W6" style="font-style: italic; font-weight: bold" target="_blank">Lihat Map</a>)</p>
                <p class="mb-0"><i class="fab fa-whatsapp"></i> | <i class="fa fa-phone"></i><span> &nbsp;0811-6128-867</span></p>
                <p class="mb-2"><i class="fa fa-clock-o"></i> | <span> Buka Setiap Hari (09.00-20.00)</span></p>
                <!-- </div> -->
                <h6 class="footer-widget-title">OFFICE</h6>
                <p class="mb-0">PT. RADA KREASI INDOJAYA</p>
                <p class="mb-3">Jl. Brigjend Katamso No. 228-A, Kota Medan</p>
            </div>
            <div class="footer-widget col-sm-4 col-md-4 col-lg-3 col-6 mb-lg-0 mb-4">
                <h6 class="footer-widget-title">KONTAK KAMI</h6>
                <ul class="none-list">
                    <li><i class="fab fa-whatsapp"></i> | <i class="fa fa-phone"></i><span>081264000067</span></li>
                    <li><i class="fab fa-whatsapp"></i> | <i class="fa fa-phone"></i><span>081210120067</span></li>
                    <!-- <li><i class="fab fa-whatsapp"></i> | <i class="fa fa-phone"></i><span>081370300067</span></li> -->
                    <!-- <li><i class="fa fa-envelope"></i><span>sales@radatime.co.id</span></li> -->
                    <!-- <li><span>Line : @radatime</span></li> -->
                </ul>
                <ul class="social" style="margin-top: 0px;margin-left: -12px;">
                    <li class="mr-0" v-for="hubungi_kami in footer_information.hubungi_kami" style="margin-right:0px !important">
                        <a :id="'ga-footer-info-'+hubungi_kami.title" rel="nofollow" :href="hubungi_kami.url" target="_blank">
                            <picture>
                                <img :src="hubungi_kami.img" class="lazyload" width="60" :alt="hubungi_kami.title">
                            </picture>
                        </a>
                    </li>
                </ul>
            </div>
            <div class="footer-widget col-lg-9 col-12 mb-lg-0 mb-3 mt-3">
                <h6 class="footer-widget-title">TERSEDIA JUGA DI</h6>
                <div class="row">
                    <ul class="social" style="margin-top: -6px;margin-left: 5px;">
                        <li class="mr-0" v-for="marketplace in footer_information.marketplace">
                            <a :id="'ga-footer-info-'+marketplace.title" rel="nofollow" :href="marketplace.url">
                                <picture>
                                    <img :src="marketplace.img" class="lazyload" width="140" :alt="marketplace.title">
                                </picture>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="footer-widget col-lg-3 col-12 mb-lg-0 mb-3 mt-3" style="padding-right: 0px;padding-left: 0px;">
                <h6 class="footer-widget-title mb-0">PENGIRIMAN</h6>
                <ul class="social mt-2 none-list" style="margin-left: -11px;">
                    <li class="mr-0" v-for="pengiriman in footer_information.pengiriman" style="margin-right: 0px !important">
                        <picture>
                            <img :src="pengiriman.img" width="140" :alt="pengiriman.title">
                        </picture>
                    </li>
                </ul>
            </div>
            <div class="footer-widget col-lg-12 col-12 mb-lg-0 mb-3 mt-5">
                <h6 class="footer-widget-title mb-0">METODE PEMBAYARAN</h6>
                <ul class="social mt-2 none-list" style="margin-left: -7px;">
                    <li class="mr-0" v-for="payment in footer_information.payment">
                        <picture>
                            <img :src="payment.img" width="95" :alt="payment.title">
                        </picture>
                    </li>
                </ul>
            </div>
            <div class="footer-widget col-lg-12 col-12 mb-lg-0 mb-3 mt-5">
                <h6 class="footer-widget-title mb-0">KEAMANAN</h6>
                <ul class="social mt-2 none-list" style="margin-left: -7px;">
                    <li class="mr-0" v-for="keamanan in footer_information.keamanan">
                        <picture>
                            <img :src="keamanan.img" width="95" :alt="keamanan.title">
                        </picture>
                    </li>
                </ul>
            </div>
                    </div>
    </section>
    <!-- End Floating button -->

    <!--Footer Copyright Bar-->
    <section class="footer-bottom-area" style="padding: 20px;">
        <div class="row" id="ratingGoogle">
            <div class="col-md-6 text-center text-md-left">
                <p class="footer-copyright" id="ga-footer-copyright">COPYRIGHT © 2009-2026 <a href="/" target="_blank">RADATIME</a> <br> PT. RADA KREASI INDOJAYA</p>
            </div>
        </div>
        
                                <div id="chat-box-body" class="">
                    <div id="chat-circle" class="waves-effect waves-circle btn btn-circle btn-lg btn-warning l-h-70">
                        <div id="chat-overlay"></div>
                        <svg id="chat-icon-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 800">
                            <path d="M400 26.2c-193.3 0-350 156.7-350 350 0 136.2 77.9 254.3 191.5 312.1 15.4 8.1 31.4 15.1 48.1 20.8l-16.5 63.5c-2 7.8 5.4 14.7 13 12.1l229.8-77.6c14.6-5.3 28.8-11.6 42.4-18.7C672 630.6 750 512.5 750 376.2c0-193.3-156.7-350-350-350zm211.1 510.7c-10.8 26.5-41.9 77.2-121.5 77.2-79.9 0-110.9-51-121.6-77.4-2.8-6.8 5-13.4 13.8-11.8 76.2 13.7 147.7 13 215.3.3 8.9-1.8 16.8 4.8 14 11.7z" fill-rule="evenodd" clip-rule="evenodd"></path>
                        </svg>
                    </div>
                    <div class="chat-box">
                        <div class="chat-box-header p-15 d-flex justify-content-between align-items-center">
                            <div class="text-center flex-grow-1">
                                <div class="text-dark font-size-18" style='font-style: normal;font-weight: 400;line-height: 1.5;'>RAVI</div>
                                <div>
                                    <span class="badge badge-sm badge-dot badge-primary"></span>
                                    <span class="text-muted font-size-12">Active</span>
                                </div>
                            </div>
                            <div class="chat-box-toggle">
                                <button id="chat-box-toggle" class="waves-effect waves-circle btn btn-circle btn-danger h-40 w-40 rounded-circle l-h-40" type="button">
                                    <span class="button-close">x</span>
                                </button>
                            </div>
                        </div>
                        <div class="chat-box-body">
                            <div class="chat-box-overlay">
                            </div>
                            <div class="chat-logs">
                                <div class="chat-msg user" v-if="html != ''" v-html="html">
                                </div>
                                <div class="chat-msg user" v-else>
                                    <div class="d-flex align-items-center">
                                        <span class="msg-avatar">
                                            <img src="https://www.radatime.co.id/catalog/view/theme/new_look_2015/stylesheet/ravi/2.jpg" class="avatar avatar-lg" alt="Ravi Radatime">
                                        </span>
                                        <div class="mx-10">
                                            <a href="#" class="text-dark hover-primary font-weight-bold">RAVI</a>
                                        </div>
                                    </div>
                                    <div class="cm-msg-text">
                                        Hai, saya dengan RAVI (RADATIME VIRTUAL ASSISTANT), di luar jam operasional RAVI akan membantu Anda. Silahkan pilih menu mengenai pertanyaan Anda :)
                                    </div>
                                    <div style="margin-bottom: 20px;float: left;text-align: center;">
                                        <button type="button" class="btn btn---primary ml-0 mb-1" onclick="getInfo2('Diskon dan Cicilan')">Diskon dan Cicilan</button>
                                        <button type="button" class="btn btn---primary ml-0 mb-1" onclick="getInfo2('Pemesanan dan Pengiriman')">Pemesanan dan Pengiriman</button>
                                        <button type="button" class="btn btn---primary ml-0 mb-1" onclick="getInfo2('Daftar Member')">Daftar Member</button>
                                        <button type="button" class="btn btn---primary ml-0 mb-1" onclick="getInfo2('Informasi Produk')">Informasi Produk</button>
                                        <button type="button" class="btn btn---primary ml-0 mb-1" onclick="getInfo2('Hadiah')">Hadiah</button>
                                        <button type="button" class="btn btn---primary ml-0 mb-1" onclick="getInfo2('Hubungi Kami')">Hubungi Kami</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                        </section>
    <div class="modal fade" id="modalShowImage" tabindex="-1" role="dialog" aria-labelledby="cartAlertLabel" aria-hidden="true">
        <div class="modal-dialog ravi-modal" role="document">
            <div class="modal-content">
                <div class="modal-body" style="padding:25px">
                    <a href="#" data-dismiss="modal"><span class="close-tes">&times;</span></a>
                    <img id="myImg">
                </div>
            </div>
        </div>
    </div>
</footer>
<!--End Footer-->

<!-- JS -->
<!-- <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> -->
<script src="https://www.radatime.co.id/catalog/view/theme/new_look_2015/template/2019/js/jquery.min.js" type="text/javascript"></script>
<script src="https://www.radatime.co.id/catalog/view/theme/new_look_2015/template/js/plugins/jquery-ui-1.17.min.js?ver=V849" type="text/javascript"></script>
<script type="text/javascript" src="https://www.radatime.co.id/catalog/view/theme/new_look_2015/template/js/plugins/bootstrap.bundle.min.js"></script>
<script defer src="https://www.radatime.co.id/catalog/view/theme/new_look_2015/template/js/plugins/jquery-ui-1.17.min.js?ver=V849" type="text/javascript"></script>
<!-- <script defer src="https://www.radatime.co.id/catalog/view/theme/new_look_2015/template/js/plugins/autocomplete.min.js?ver=V849" type="text/javascript"></script> -->
<script defer type="text/javascript" src="https://www.radatime.co.id/catalog/view/theme/new_look_2015/template/webslidemenu/webslidemenu.js"></script>
<script defer src="https://www.radatime.co.id/catalog/view/theme/new_look_2015/template/js/vue/common/footer.js?ver=4V84911"> </script>
<script>
    document.addEventListener('DOMContentLoaded', function() {
        $("#chat-circle").click(function() {
            $(".chat-box").css('display', 'block');
            $("#chat-circle").css('display', 'none')
            $(".chat-logs").animate({
                scrollTop: $('.chat-logs').prop("scrollHeight")
            }, 1000);
        });
        $("#chat-box-toggle").click(function() {
            $(".chat-box").css('display', 'none');
            $("#chat-circle").css('display', 'block')
        });
    })
</script>
<script>
    function pop(img) {
        var modalImg = document.getElementById("myImg");
        modalImg.src = img;
    }

    function getInfo2(e) {
        footer.getInfo(e)
    }
</script>
<script>
    $(document).ready(function() {
        $("div#prFashion")
            .mouseover(function() {
                vh.pria = "https://www.radatime.co.id/image/image/header/4.png";
                vh.urlPria = "https://www.radatime.co.id/jam-tangan-pria-fashion-aries-gold-infinum-g-903a-rg-w";
            })
        $("div#prFormal")
            .mouseover(function() {
                vh.pria = "https://www.radatime.co.id/image/image/header/3.png";
                vh.urlPria = "https://www.radatime.co.id/jam-tangan-pria-formal-mido-commander-m021.431.22.031.00";
            })
        $("div#prSport")
            .mouseover(function() {
                vh.pria = "https://www.radatime.co.id/image/image/header/1.png";
                vh.urlPria = "https://www.radatime.co.id/jam-tangan-pria-sport-aries-gold-inspire-g-7008-bk-r";
            })
        $("div#prCasual")
            .mouseover(function() {
                vh.pria = "https://www.radatime.co.id/image/image/header/2.png";
                vh.urlPria = "https://www.radatime.co.id/jam-tangan-pria-formal-fila-style-38-316-002";
            })
        $("div#wCasual")
            .mouseover(function() {
                vh.wanita = "https://www.radatime.co.id/image/image/header/casual.png";
                vh.urlWanita = "https://www.radatime.co.id/jam-tangan-wanita-fashion-aries-gold-enchant-l-5035-g-orfl";
            })
        $("div#wFashion")
            .mouseover(function() {
                vh.wanita = "https://www.radatime.co.id/image/image/header/fashion.png";
                vh.urlWanita = "https://www.radatime.co.id/jam-tangan-wanita-casual-aries-gold-enchant-l-58010l-rg-bump";
            })
        $("div#wFormal")
            .mouseover(function() {
                vh.wanita = "https://www.radatime.co.id/image/image/header/formal.png";
                vh.urlWanita = "https://www.radatime.co.id/jam-tangan-wanita-formal-seiko--sur660p1";
            })

        $("div#wSport")
            .mouseover(function() {
                vh.wanita = "https://www.radatime.co.id/image/image/header/sport.png";
                vh.urlWanita = "https://www.radatime.co.id/jam-tangan-wanita-sport-alexandre-christie--6141bfbtbba";
            })
        // .mouseout(function() {
        //     vh.pria="https://www.radatime.co.id/image/product/mido/mido-07-06-2019.jpg";
        //     vh.urlPria ="https://www.radatime.co.id/jam-tangan-pria-formal-mido-belluna-m024.630.22.061.00";
        // });
    });
</script>

<script>
    document.addEventListener('DOMContentLoaded', function() {
        $("#ga-bandingkan-product").draggable();
        $("#closeFloatingSupersale").click(function() {
            $(".floating-supersale").css('display', 'none');
        });
        $("#close-super-sale-banner").click(function() {
            $("#bottom-banner").css('display', 'none');
        });
        $("#search-tablet").click(function() {
            $(".form-search-tablet").toggle(300, "swing");
        });
        $(".search-close").click(function() {
            $(".form-search-tablet").toggle(300, "swing");
        });
        $(".close").click(function(e) {
            e.preventDefault();
        });
        window.onscroll = function() {
            stickyHeader();
        }
        // Get the header
        var header = document.getElementById("header");
        var headerrmit = document.getElementById("headerrmit");
        var headerTop = header.offsetTop;

        function stickyHeader() {
            if (window.pageYOffset > headerTop) {
                header.classList.add("sticky");
                if (headerrmit != null) {
                    headerrmit.classList.add("hideheaderrmit");
                }
            } else {
                header.classList.remove("sticky");
                if (headerrmit != null) {
                    headerrmit.classList.remove("hideheaderrmit");
                }
            }
        };
    });
</script>

<script>
    $('body').on('click', '#button-subscribe', function() {
        $.ajax({
            url: 'index.php?route=information/newsletter/validate',
            type: 'post',
            data: $('input[name=\'subscribe_email\''),
            dataType: 'json',
            beforeSend: function() {
                $('#button-subscribe').hide();
                $('#button-subscribe').after('<span class="wait">&nbsp;<img src="catalog/view/theme/default/image/loading.gif" alt="" /></span>');
            },
            complete: function() {
                $('#button-subscribe').show();
                $('.wait').remove();
            },
            success: function(json) {
                $('.alert').remove();
                if (json['error']) {
                    if (json['error']['email']) {
                        $('.form-field-wrapper-news').after('<div class="alert alert-danger alert-dismissible none" role="alert"><button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button><strong>' + json['error']['email'] + '</strong></div>');

                        $('.alert').fadeIn('slow');
                    } else if (json['error']['email_exist']) {
                        $('.form-field-wrapper-news').after('<div class="alert alert-danger alert-dismissible none" role="alert"><button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button><strong>' + json['error']['email_exist'] + '</strong></div>');

                        $('.alert').fadeIn('slow');
                    }
                } else {
                    $('.form-field-wrapper-news').after('<div class="alert alert-success alert-dismissible none" role="alert"><button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button><strong>' + json['success'] + '</strong></div>');

                    $('.alert').fadeIn('slow');
                    $('input[name=\'subscribe_email\'').val('');
                }
            },
            error: function(xhr, ajaxOptions, thrownError) {
                alert(thrownError + "\r\n" + xhr.statusText + "\r\n" + xhr.responseText);
            }
        });
    });
</script>
<!-- TAWK.to -->
</body>
<!-- END TAWK.to -->

</html>