.modal.fade{background:#f0f0f5;bottom:0;left:0;right:0;top:0;visibility:hidden;z-index:1050;transition:opacity .5s ease-in-out,transform .5s ease-in-out}.modal.showing{display:flex;animation:slideDown .1s ease-out;opacity:1}@keyframes slideDown{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.modal.closing{display:none;opacity:0;animation:slideUp ease-out .1s ease}.modal.hidemodal{display:flex;opacity:0;animation:slideUp .1s ease-in}@keyframes slideUp{0%{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:0}}.modal.hiding{opacity:0;display:none;transform:translateY(100%);transition:opacity .6s ease-in-out,transform .6s ease-in-out}.class-tambahan{position:fixed!important;top:0;left:0;right:0;z-index:9999999999999;background-color:#fff;padding:10px;box-shadow:0 2px 10px rgba(0,0,0,.1)}.modal.fade.show{visibility:visible}.modal-dialog{top:0;left:0;right:0;bottom:0;margin:0;z-index:1050;transition:opacity .5s ease-in-out,transform .5s ease-in-out}.modal-content,.modal-dialog{width:100%;height:100%;display:flex;flex-direction:column}.modal-content{border:none;background-color:#f0f0f5;max-height:100%;overflow:hidden;border-radius:0}.modal-header{padding:1rem;background-color:#f8f9fa;border-bottom:1px solid #dee2e6;font-size:1.25rem;font-weight:700}.modal-body{flex-grow:1;overflow-y:auto;padding:2rem;height:calc(100% - 120px)}.modal-footer{padding:1rem;border-top:1px solid #dee2e6;display:flex;justify-content:space-between;background-color:#f8f9fa}.fade-in{opacity:0;animation:fadeIn .5s forwards}@keyframes fadeIn{to{opacity:1}}.fade-out{opacity:1;animation:fadeOut .5s forwards}.fade-out-long{opacity:1;animation:fadeOut 3s forwards}@keyframes fadeOut{to{opacity:0}}.InitialNoImg1{background:#d8d8d8;height:100%;justify-content:center;text-align:center;align-items:center;padding:13px 0;margin:0;border-radius:10px;width:100%;box-sizing:border-box}.InitialNoImg1 p{background:hsla(0,0%,100%,0);font-size:50px;font-family:sans-serif;margin:0;color:#625afa}@media only screen and (max-width:480px){.InitialNoImg1 p{background:hsla(0,0%,100%,0);font-size:30px;font-family:sans-serif;margin:0;color:#625afa}.InitialNoImg1{padding:24px 0}}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:hsla(0,0%,100%,.19);display:flex;align-items:center;justify-content:center;z-index:9999}.spinner{width:100px;height:100px;border:12px solid transparent;border-top:3px solid #3498db;border-radius:100%;animation:spin .7s linear infinite}.search-input{font-family:Font Awesome\ 5 Free,Arial,sans-serif;font-weight:400;color:#fff!important;background:url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/svgs/solid/search.svg) no-repeat 10px;padding-left:40px}.form-control-no-focus,.form-control-no-focus:focus{border-color:#dee2e6!important}.form-control-no-focus:focus{box-shadow:none!important;outline:none!important}@keyframes fadeInRight{0%{opacity:0;transform:translateX(20%)}to{opacity:1;transform:translateX(0)}}.fade-in-right{animation:fadeInRight .3s ease-out forwards}input::placeholder{color:#c4c4c4!important}textarea.form-control::placeholder{color:#c4c4c4!important}.querysearch2:hover{background:linear-gradient(90deg,#0078c8fd 90%,#fff)!important}.querysearch2:hover,.querysearch:hover{color:#000;font-size:14px;font-weight:700}.querysearch:hover{background:linear-gradient(90deg,#b9e3ff82 0,#b9e3ff82 33%,#b9e3ff82 0,#b9e3ff82 66%,#b9e3ff70 0,#fff)!important}.querysearchprodserv:hover{background:linear-gradient(90deg,#b9e3ff15 0,#b9e3ff64 33%,#b9e3ff82 0,#b9e3ff82 66%,#b9e3ff64 0,#b9e3ff15);color:#000!important;font-weight:700}.text-left{padding-left:0}.text-padding{padding-left:7px;padding-right:7px}.padding-card{padding:14px!important}@media only screen and (max-width:767px){.text-left{padding-left:5px}}.Toastify__toast-container{z-index:9999999999!important}.Toastify__toast{margin-top:40px!important}.custom-toast-center{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:100000000000000000;width:auto;max-width:400px}.footer-container-3{top:0;height:7rem;background-color:#f0f0f5}.footer-container-2,.footer-container-3{position:fixed;left:0;right:0;border-top:1px solid #fff;z-index:100}.footer-container-2{top:7vh;height:3.125rem;background-color:#fff}.footer-container{position:fixed;bottom:0;left:0;right:0;height:3.925rem;background-color:#fff;border-top:1px solid #ddd;z-index:100;box-shadow:0 -2px 5px rgba(0,0,0,.1)}.footer-nav{display:flex;height:100%;margin:0 auto;padding:0;list-style:none;justify-content:space-around;align-items:center;width:100%}.footer-nav li{flex:1 1;text-align:center;cursor:pointer;font-size:14px;font-weight:700}.footer-nav a,.footer-nav li{height:100%;display:flex;flex-direction:column;justify-content:center}.footer-nav a{color:#333;text-decoration:none;align-items:center}.footer-nav i,.footer-nav li.active a{font-size:1.5rem;margin-bottom:4px}.footer-nav .buy-now{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.footer-nav .buy-now,.footer-nav .buy-now:hover{background-color:#625afa;color:#fff}.rupiah span{margin-bottom:1px!important;font-size:20px!important;font-weight:700!important;color:#625afa}@media only screen and (min-width:1200px){.footer-nav{width:650px}}@media only screen and (min-width:992px) and (max-width:1199px){.footer-nav{width:600px}}@media only screen and (min-width:768px) and (max-width:991px){.footer-nav{width:500px}}@media only screen and (min-width:520px) and (max-width:767px){.footer-nav{width:520px}.buy-now{font-size:14px!important}}@media only screen and (min-width:400px) and (max-width:520px){.buy-now,.footer-nav{width:100%}.buy-now{position:relative;font-size:12px!important}}@media only screen and (min-width:320px) and (max-width:400px){.buy-now,.footer-nav{width:100%}.buy-now{font-size:12px!important}}@media only screen and (max-width:480px){.rupiah span{margin-bottom:1px;font-size:18px}}.Image100{width:100%;height:100%}.dorder-wrapper{position:relative}.dorder-fixed-box-img{bottom:-5%}.dorder-fixed-box,.dorder-fixed-box-img{position:fixed;left:50%;transform:translate(-50%,-50%);width:200px;height:100px;z-index:11000}.dorder-fixed-box{bottom:1%}.dorder-overlay-box{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:220px;height:120px;background:rgba(255,0,0,.5);z-index:2}hr{color:grey}.desc_html p{margin-bottom:3px}.desc_html ol,ul{padding-left:15px}.swipe-container{position:relative;overflow:hidden}.swipe-card{display:flex;transition:transform .3s ease-in-out;transform:translateX(0)!important}.swipe-card.swiped{transform:translateX(-20%)!important}.action-card{padding-top:20px;position:absolute;right:0;top:0;background-color:#ff4d4f;width:20%;height:100%;display:none;justify-content:center;align-items:center;color:#fff;font-weight:700}.action-card.show{display:flex;transform:translateX(0)!important}.action-card.hide{display:flex;transform:translateX(100%)!important}.footer-container-4{position:fixed;bottom:0;left:calc(0%);right:calc(30%);height:3rem;z-index:10000;display:flex;justify-content:center;align-items:center}.footer-container-5{position:fixed;bottom:0;left:0;right:0;height:3.125rem;background-color:#fff;border-top:1px solid #ddd;z-index:10000;box-shadow:0 -2px 5px rgba(0,0,0,.1)}.footer-gif{width:80px;max-height:auto;animation:move-horizontal .7s infinite alternate}@media only screen and (min-width:580px){.footer-container-4{left:calc(10%)!important;right:calc(30%)!important}}@media only screen and (max-width:520px){.footer-gif{width:50px;max-height:auto}}@keyframes move-horizontal{0%{transform:translateX(0)}40%{transform:translateX(-10)}89%{transform:translateX(-30%)}to{transform:translateX(-35%)}}.actionclick{background:#fff!important}.actionclick:hover{background:#f6f6f6!important}.out-of-stock-indicator{background-color:rgba(0,0,0,.7);font-size:16px;width:120px;height:120px}.out-of-stock-indicator,.out-of-stock-indicator2{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-weight:700;padding:10px 20px;border-radius:50%;z-index:10;text-align:center;display:flex;justify-content:center;align-items:center}.out-of-stock-indicator2{background-color:rgba(13,0,85,.631);font-size:11px;width:60px;height:60px}.out-of-stock-fixed-indicator{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:rgba(51,0,255,.7);color:#fff;font-weight:700;padding:10px 20px;border-radius:50%;font-size:16px;z-index:1000;text-align:center;width:120px;height:120px;display:flex;justify-content:center;align-items:center;pointer-events:none}.fade-out-stock{opacity:1;animation:fadeOutStock 1.3s forwards}@keyframes fadeOutStock{to{opacity:0}}.vendor-tabs{transition:all .3s ease;opacity:1;visibility:visible}.vendor-tabs.sticky-tab{position:fixed;top:5.5vh;left:0;right:0;background-color:#fff;z-index:100;box-shadow:0 2px 5px rgba(0,0,0,.1)}@keyframes fadeIn1{0%{opacity:.6;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.vendor-tabs:not(.sticky-tab){position:static;top:5vw;opacity:1;transform:scale(.95);animation:fadeIn12 .1s forwards}@keyframes fadeIn12{0%{opacity:.9;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.tab-content{display:flex;transition:transform .3s ease-in-out;width:100%}.tab-pane{flex:1 0 100%}.swipe-transition{transition:transform .3s ease-in-out}@media only screen and (max-height:800px){.vendor-tabs.sticky-tab{top:13vw}}.loadingWrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.3);z-index:9999}.loader{border:8px solid #ffffff4f;border-top-color:#672df9;border-radius:50%;width:60px;height:60px;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loadingText{margin-top:10px;font-size:20px;color:#fff;font-weight:700}.play-icon{position:absolute;font-size:50px;color:#fff;background-color:rgba(0,0,0,.5);border-radius:50%;width:80px;height:80px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:transform .3s ease}.play-icon:hover{transform:scale(1.2)}.dorder-fixed-box-img2{position:fixed;left:50%;transform:translate(-50%,-50%);width:200px;height:100px;z-index:11000}.dorder-fixed-box2{position:absolute;bottom:0!important;left:50%;transform:translate(-50%);z-index:11000}@import "/node_modules/bootstrap/scss/bootstrap.scss";@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap");@keyframes closeWindow{0%{opacity:1}to{opacity:0}}.ril__outer{background-color:rgba(0,0,0,.85);outline:none;top:0;left:0;right:0;bottom:0;z-index:1000;width:100%;height:100%;-ms-content-zooming:none;-ms-user-select:none;-ms-touch-select:none;touch-action:none}.ril__outerClosing{opacity:0}.ril__image,.ril__imageNext,.ril__imagePrev,.ril__inner{position:absolute;top:0;left:0;right:0;bottom:0}.ril__image,.ril__imageNext,.ril__imagePrev{margin:auto;max-width:none;-ms-content-zooming:none;-ms-user-select:none;-ms-touch-select:none;touch-action:none}.ril__imageDiscourager{background-repeat:no-repeat;background-position:50%;background-size:contain}.ril__navButtons{border:none;position:absolute;top:0;bottom:0;width:20px;height:34px;padding:40px 30px;margin:auto;cursor:pointer;opacity:.7}.ril__navButtons:hover{opacity:1}.ril__navButtons:active{opacity:.7}.ril__navButtonPrev{left:0;background:rgba(0,0,0,.2) url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgd2lkdGg9IjIwIiBoZWlnaHQ9IjM0Ij48cGF0aCBkPSJtIDE5LDMgLTIsLTIgLTE2LDE2IDE2LDE2IDEsLTEgLTE1LC0xNSAxNSwtMTUgeiIgZmlsbD0iI0ZGRiIvPjwvc3ZnPg==") no-repeat 50%}.ril__navButtonNext{right:0;background:rgba(0,0,0,.2) url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgd2lkdGg9IjIwIiBoZWlnaHQ9IjM0Ij48cGF0aCBkPSJtIDEsMyAyLC0yIDE2LDE2IC0xNiwxNiAtMSwtMSAxNSwtMTUgLTE1LC0xNSB6IiBmaWxsPSIjRkZGIi8+PC9zdmc+") no-repeat 50%}.ril__downloadBlocker{position:absolute;top:0;left:0;right:0;bottom:0;background-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");background-size:cover}.ril__caption,.ril__toolbar{background-color:rgba(0,0,0,.5);position:absolute;left:0;right:0;display:flex;justify-content:space-between}.ril__caption{bottom:0;max-height:150px;overflow:auto}.ril__captionContent{padding:10px 20px;color:#fff}.ril__toolbar{top:0;height:50px}.ril__toolbarSide{height:50px;margin:0}.ril__toolbarLeftSide{padding-left:20px;padding-right:0;flex:0 1 auto;overflow:hidden;text-overflow:ellipsis}.ril__toolbarRightSide{padding-left:0;padding-right:20px;flex:0 0 auto}.ril__toolbarItem{display:inline-block;line-height:50px;padding:0;color:#fff;font-size:120%;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ril__toolbarItemChild{vertical-align:middle}.ril__builtinButton{width:40px;height:35px;cursor:pointer;border:none;opacity:.7}.ril__builtinButton:hover{opacity:1}.ril__builtinButton:active{outline:none}.ril__builtinButtonDisabled{cursor:default;opacity:.5}.ril__builtinButtonDisabled:hover{opacity:.5}.ril__closeButton{background:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIj48cGF0aCBkPSJtIDEsMyAxLjI1LC0xLjI1IDcuNSw3LjUgNy41LC03LjUgMS4yNSwxLjI1IC03LjUsNy41IDcuNSw3LjUgLTEuMjUsMS4yNSAtNy41LC03LjUgLTcuNSw3LjUgLTEuMjUsLTEuMjUgNy41LC03LjUgLTcuNSwtNy41IHoiIGZpbGw9IiNGRkYiLz48L3N2Zz4=") no-repeat 50%}.ril__zoomInButton{background:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCI+PGcgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCI+PHBhdGggZD0iTTEgMTlsNi02Ii8+PHBhdGggZD0iTTkgOGg2Ii8+PHBhdGggZD0iTTEyIDV2NiIvPjwvZz48Y2lyY2xlIGN4PSIxMiIgY3k9IjgiIHI9IjciIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIyIi8+PC9zdmc+") no-repeat 50%}.ril__zoomOutButton{background:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCI+PGcgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCI+PHBhdGggZD0iTTEgMTlsNi02Ii8+PHBhdGggZD0iTTkgOGg2Ii8+PC9nPjxjaXJjbGUgY3g9IjEyIiBjeT0iOCIgcj0iNyIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIiLz48L3N2Zz4=") no-repeat 50%}.ril__outerAnimating{animation-name:closeWindow}@keyframes pointFade{0%,19.999%,to{opacity:0}20%{opacity:1}}.ril__loadingCircle{width:60px;height:60px;position:relative}.ril__loadingCirclePoint{width:100%;height:100%;position:absolute;left:0;top:0}.ril__loadingCirclePoint:before{content:"";display:block;margin:0 auto;width:11%;height:30%;background-color:#fff;border-radius:30%;animation:pointFade .8s ease-in-out infinite both}.ril__loadingCirclePoint:first-of-type{transform:rotate(0deg)}.ril__loadingCirclePoint:first-of-type:before,.ril__loadingCirclePoint:nth-of-type(7):before{animation-delay:-.8s}.ril__loadingCirclePoint:nth-of-type(2){transform:rotate(30deg)}.ril__loadingCirclePoint:nth-of-type(8){transform:rotate(210deg)}.ril__loadingCirclePoint:nth-of-type(2):before,.ril__loadingCirclePoint:nth-of-type(8):before{animation-delay:-666ms}.ril__loadingCirclePoint:nth-of-type(3){transform:rotate(60deg)}.ril__loadingCirclePoint:nth-of-type(9){transform:rotate(240deg)}.ril__loadingCirclePoint:nth-of-type(3):before,.ril__loadingCirclePoint:nth-of-type(9):before{animation-delay:-533ms}.ril__loadingCirclePoint:nth-of-type(4){transform:rotate(90deg)}.ril__loadingCirclePoint:nth-of-type(10){transform:rotate(270deg)}.ril__loadingCirclePoint:nth-of-type(10):before,.ril__loadingCirclePoint:nth-of-type(4):before{animation-delay:-.4s}.ril__loadingCirclePoint:nth-of-type(5){transform:rotate(120deg)}.ril__loadingCirclePoint:nth-of-type(11){transform:rotate(300deg)}.ril__loadingCirclePoint:nth-of-type(11):before,.ril__loadingCirclePoint:nth-of-type(5):before{animation-delay:-266ms}.ril__loadingCirclePoint:nth-of-type(6){transform:rotate(150deg)}.ril__loadingCirclePoint:nth-of-type(12){transform:rotate(330deg)}.ril__loadingCirclePoint:nth-of-type(12):before,.ril__loadingCirclePoint:nth-of-type(6):before{animation-delay:-133ms}.ril__loadingCirclePoint:nth-of-type(7){transform:rotate(180deg)}.ril__loadingCirclePoint:nth-of-type(13){transform:rotate(1turn)}.ril__loadingCirclePoint:nth-of-type(13):before,.ril__loadingCirclePoint:nth-of-type(7):before{animation-delay:0ms}.ril__loadingContainer{position:absolute;top:0;right:0;bottom:0;left:0}.ril__imageNext .ril__loadingContainer,.ril__imagePrev .ril__loadingContainer{display:none}.ril__errorContainer{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#fff}.ril__imageNext .ril__errorContainer,.ril__imagePrev .ril__errorContainer{display:none}.ril__loadingContainer__icon{color:#fff;position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%)}@keyframes modal-video{0%{opacity:0}to{opacity:1}}@keyframes modal-video-inner{0%{transform:translateY(100px)}to{transform:translate(0)}}.modal-video{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:1000000;cursor:pointer;opacity:1;animation-timing-function:ease-out;animation-duration:.3s;animation-name:modal-video;transition:opacity .3s ease-out}.modal-video-effect-exit{opacity:0}.modal-video-effect-exit .modal-video-movie-wrap{transform:translateY(100px)}.modal-video-body{max-width:960px;margin:0 auto;padding:0 10px;box-sizing:border-box}.modal-video-body,.modal-video-inner{width:100%;height:100%;display:flex;justify-content:center}.modal-video-inner{align-items:center}@media(orientation:landscape){.modal-video-inner{padding:10px 60px;box-sizing:border-box}}.modal-video-movie-wrap{width:100%;height:0;position:relative;padding-bottom:56.25%;background-color:#333;animation-timing-function:ease-out;animation-duration:.3s;animation-name:modal-video-inner;transform:translate(0);transition:transform .3s ease-out}.modal-video-movie-wrap iframe{position:absolute;top:0;left:0;width:100%;height:100%}.modal-video-close-btn{position:absolute;z-index:2;top:-45px;right:0;display:inline-block;width:35px;height:35px;overflow:hidden;border:none;background:transparent}@media(orientation:landscape){.modal-video-close-btn{top:0;right:-45px}}.modal-video-close-btn:before{transform:rotate(45deg)}.modal-video-close-btn:after{transform:rotate(-45deg)}.modal-video-close-btn:after,.modal-video-close-btn:before{content:"";position:absolute;height:2px;width:100%;top:50%;left:0;background:#fff;border-radius:5px;margin-top:-6px}