.box-left{width:90%;margin-bottom:1rem}.chat-left{overflow-wrap:break-word;background:#f5f5f5;border-radius:4px;padding:1rem 2.5rem 1rem 1.5rem;position:relative}.box-right{width:90%;position:relative;left:10%;margin-bottom:1rem}.chat-right{overflow-wrap:break-word;background:#be2727;color:#fff;border-radius:4px;padding:1rem 2.5rem 1rem 1.5rem;position:relative}.display-show{position:absolute;z-index:999}.display-none{display:none}.grecaptcha-badge{bottom:10%!important}.bg-hover-notif:hover{background:#f3f2f2}html{scroll-behavior:smooth}img{max-width:100%}.inbox_people{float:left;overflow:hidden;width:30%;border-right:1px solid #eee}.inbox_msg{clear:both;overflow:hidden}.top_spac{margin:20px 0 0}.recent_heading{float:left;width:40%}.srch_bar{display:inline-block;text-align:right;width:70%}.headind_srch{overflow:hidden;padding:0 0 14px 20px;box-shadow:0 4px 2px -2px #eee}.recent_heading h4{color:#05728f;font-size:21px;margin:auto}.srch_bar input{border:1px solid #cdcdcd;border-width:0 0 1px 0;width:80%;padding:2px 0 4px 6px;background:0 0}.srch_bar .input-group-addon button{background:rgba(0,0,0,0) none repeat scroll 0 0;border:medium none;padding:0;color:#707070;font-size:18px}.srch_bar .input-group-addon{margin:0 0 0 -27px}.chat_ib h5{font-size:13px;color:#464646;margin:0}.chat_ib h5 span{font-size:13px;float:right}.chat_ib p{font-size:13px;color:#989898;margin:auto}.chat_img{float:left;width:11%}.chat_ib{float:left;padding:0 0 0 15px;width:88%}.chat_people{overflow:hidden;clear:both}.chat_list{margin:0;padding:10px 10px 5px}.chat_list_active{border-left:5px solid #82212f;background:#f7f7f7}.inbox_chat{height:400px;overflow-y:scroll}.active_chat{background:#ebebeb}.incoming_msg_img{display:inline-block;width:6%}.received_msg{display:inline-block;padding:0 50px 0 10px;vertical-align:top}.received_withd_msg p{background:#f5949424 none repeat scroll 0 0;border-radius:3px;border:1px solid #ffc6c6;color:#646464;font-size:14px;margin:0;padding:5px 10px 5px 12px}.time_date{color:#747474;display:block;font-size:10px;margin:8px 0 0}.received_withd_msg{width:100%;margin-bottom:20px;max-width:340px}.mesgs{float:left;padding:0 10px 10px 10px;width:70%}.sent_msg p{background:#be2727 none repeat scroll 0 0;border-radius:3px;font-size:14px;margin:0;color:#fff;padding:5px 10px 5px 12px;width:100%}.sent_msg_err p{background:#be2727 none repeat scroll 0 0;border-radius:3px;font-size:14px;margin:0;color:#828282;padding:5px 10px 5px 12px;width:100%}.outgoing_msg{overflow:hidden;margin:26px 0 26px}.sent_msg{float:right;padding:0 10px 0 50px;max-width:340px}.input_msg_write input{background:rgba(0,0,0,0) none repeat scroll 0 0;border:medium none;color:#4c4c4c;font-size:15px;min-height:40px;width:100%;border:1px solid #eee;border-radius:10px;padding-left:30px}.msg_send_btn{background:#05728f none repeat scroll 0 0;border:medium none;border-radius:50%;color:#fff;cursor:pointer;font-size:17px;height:33px;position:absolute;right:0;top:11px;width:33px}.messaging{padding:0 0 50px 0}.msg_history{height:331px;overflow-y:auto;border-bottom:1px solid #f1f1f1}.image-opacity{opacity:.5}.button-shadow{-webkit-box-shadow:0 0 31px 0 #b8b4b8;-moz-box-shadow:0 0 31px 0 #b8b4b8;box-shadow:0 0 31px 0 #b8b4b8}.cursorarea{cursor:pointer}.overlay-menu{position:fixed;top:65px;left:0;right:0;bottom:0;background:#000;opacity:.7;display:none}.ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}a.card_hover :hover{box-shadow:5px 10px 8px 10px #888}.sale-rounded{border-radius:50%!important;width:3em;height:3em!important}.overlay-center{position:absolute;top:50%;left:50%;-moz-transform:translateX(-50%) translateY(-50%);-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.line_shade{box-shadow:0 5px 5px 1px rgba(10,10,10,.05)}.radius-image{border-radius:4px 4px 0 0}.radius-image-full{border-radius:4px}.statistik-table{cursor:pointer}.input-chat{border-radius:20px;padding-left:20px;padding-right:20px}.made-in{background:#bf222f;padding:3px 10px 0;border-radius:0 0 10px 10px;color:#fff;font-weight:600;height:25px}.variasiArea{border:dashed 1.5px;color:#2b3f61!important;text-align:center;cursor:pointer}.submenu{height:135vh!important}.stars-product{background:url(https://s3-ap-southeast-1.amazonaws.com/rukuka-assets/images/stars-product.png) repeat-x 0 0;width:105px}.stars-product input[type=radio]{position:absolute;opacity:0}.stars-product input[type=radio].star-5:checked~span{width:100%}.stars-product input[type=radio].star-4:checked~span{width:80%}.stars-product input[type=radio].star-3:checked~span{width:60%}.stars-product input[type=radio].star-2:checked~span{width:40%}.stars-product input[type=radio].star-1:checked~span{width:20%}.stars-product span{display:block;width:0;position:relative;top:0;left:0;height:30px;background:url(https://s3-ap-southeast-1.amazonaws.com/rukuka-assets/images/stars-product.png) repeat-x 0 -60px;-webkit-transition:-webkit-width .5s;-moz-transition:-moz-width .5s;-ms-transition:-ms-width .5s;-o-transition:-o-width .5s;transition:width .5s}.stars-position{margin-top:-25px;margin-left:200px}.stars-count-position{margin-top:-25px;margin-left:310px}.tab{float:left;border:1px solid #ccc;width:30%;height:300px}.tab button{display:block;background-color:inherit;color:#000;padding:22px 16px;width:100%;border:none;outline:0;text-align:left;cursor:pointer;transition:.3s;font-size:17px}.tab button:hover{background-color:#ddd}.tab button.active{background-color:#ccc}.tabcontent{display:none}#tab-content div{display:none}#tab-content div.is-active{display:flex;clear:both}.dropcheck input[type=checkbox]{display:none}.dropcheck input[type=checkbox]:checked~.dropdown-content{display:block}.dropcheck input[type=checkbox]:checked~.navbar-dropdown{display:block}.dropcheck input[type=checkbox]:checked~.overlay-menu{display:block}.dropcheck span{float:left}.d-centered{left:50%;right:50%;transform:translate(-50%,-50%)}.d-right{right:0;left:auto}.d-center{left:-80px}.d-content1{display:none;position:absolute;z-index:9999;width:200px;margin-top:50px}.d-content2{display:none;position:absolute;z-index:9999;width:200px;margin-top:49px}.d-login{display:none;position:absolute;z-index:9999;width:250px;margin-top:40px}.label-right{position:absolute;z-index:5;top:5px;right:5px}.label-habis{position:absolute;z-index:5;background:hsla(173,6%,51%,.9);padding:7px 10px;border-radius:0 0 10px 10px;font-weight:600;height:40px}.label-hampir{position:absolute;z-index:5;background:rgba(255,165,0,.9);padding:7px 10px;border-radius:0 0 10px 10px;font-weight:600;height:40px}.nonaktif-bg{position:absolute;padding:0;z-index:6;width:100%;height:100%;background:#fff;opacity:.9}.label-nonaktif{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.stockout-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:7rem;height:5rem;border-radius:1rem;background-color:rgba(0,0,0,.5);font-size:1.25rem;color:#fff;display:-webkit-flex;align-items:center;justify-content:center;z-index:7}.stockout-bg{position:absolute;padding:0;z-index:6;width:100%;height:100%;background:#ccc;opacity:.4}.shipping-box-active{border-radius:10px;border:solid 1px #971c20;cursor:pointer;margin:0 5px}.shipping-box{cursor:pointer;opacity:.4;cursor:not-allowed}.loader-f{position:absolute;padding:0;z-index:9999;width:1000px;height:310px}.loader-s{position:absolute;padding:0;margin:0;background:#fff;width:100%;height:100%;opacity:0}.loader-t{position:absolute;width:100%;opacity:1}.loader-bg{position:absolute;padding:0;z-index:9999;width:100%;height:100%;background:#fff;opacity:.7}.loader-img{width:100%;margin-top:250px}.navbar-burger{margin-left:0}.navbar-toggle{margin-left:10px;margin-right:10px}.nav-right{margin-right:20px;margin-left:10px}.navbar-logo{margin-top:10px;margin-left:0;margin-right:auto}.m-card{width:130px!important}.s-card{width:90px!important;margin-right:30px!important}#tab-content div.is-active{display:flex;clear:both}#tab-login:checked~.tab-content>.content-tab-login,#tab-nologin:checked~.tab-content>.content-tab-nologin{display:block}#tab-daftar:checked~.tab-content>.content-tab-daftar,#tab-masuk:checked~.tab-content>.content-tab-masuk{display:block}*{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}ul{list-style-type:none}.accordion{width:100%;max-width:360px;margin:5px auto 20px;background:#fff;border-bottom:1px solid #eee}.accordion .link{cursor:pointer;display:block;padding:15px 0 15px 30px;color:#363636;font-size:14px;letter-spacing:1px;font-weight:500;border-bottom:1px solid #eee;position:relative;-webkit-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease}.accordion li:last-child .link{border-bottom:0}.accordion li i{position:absolute;top:15px;left:0;font-size:22px;color:#363636;-webkit-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease}.accordion li i.icon-right{right:12px;left:auto;font-size:22px}.accordion li.open .link{color:#000;background:#f5f5f5}.accordion li.open i{color:#000}.accordion li.open i.icon-right{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}.submenu_accordion{display:none;background:#fff;font-size:14px}.submenu_accordion li{border-bottom:1px solid #eee}.submenu_accordion a{display:block;text-decoration:none;color:#363636;padding:15px;padding-left:30px;-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease}.submenu_accordion a:hover{background:#0065ff;color:#fff}.accordion_desktop{width:100%;max-width:360px;margin:5px auto 20px;background:#fff}.accordion_desktop .link{cursor:pointer;display:block;padding:6px 0 6px 6px;letter-spacing:1px;position:relative;-webkit-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease}.accordion_desktop li:last-child .link{border-bottom:0}.accordion_desktop li i{position:absolute;top:8px;left:0;font-size:16px;color:#363636;-webkit-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease}.accordion_desktop li i.icon-right{right:0;left:auto;font-size:16px}.accordion_desktop li.open .link{color:#000}.accordion_desktop li.open i{color:#000}.accordion_desktop li.open i.icon-right{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}.submenu_accordion_desktop{display:none;background:#fff;font-size:14px;padding-left:6px}.submenu_accordion_desktop a{display:block;text-decoration:none;padding:6px;-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease}.submenu_accordion_desktop a:hover{background:#f5f5f5}.accordion_sidebar{width:100%;max-width:360px;background:#fff}.accordion_sidebar .link{cursor:pointer;display:block;letter-spacing:0;position:relative;-webkit-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease}.accordion_sidebar li:last-child .link{border-bottom:0}.accordion_sidebar li i{position:absolute;top:8px;left:0;font-size:12px;color:#363636;-webkit-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease}.accordion_sidebar li i.icon-right{right:0;left:auto;font-size:12px}.accordion_sidebar li.open .link{color:#000}.accordion_sidebar li.open i{color:#000}.accordion_sidebar li.open i.icon-right{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}.submenu_accordion_sidebar{display:none;background:#fff;font-size:12px;padding-left:10px}.submenu_accordion_sidebar a{display:block;text-decoration:none;padding:3px;-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease}.submenu_accordion_sidebar a:hover{background:#f5f5f5}.submenu_accordion_sidebar_child{display:none;background:#fff;font-size:12px;padding-left:10px}.submenu_accordion_sidebar_child a{display:block;text-decoration:none;padding:3px;-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease}.submenu_accordion_sidebar_child a:hover{background:#f5f5f5}.g_list{width:100%;max-width:360px;margin:5px auto 20px;background:#fff;border-bottom:1px solid #eee}.g_list .link{cursor:pointer;display:block;padding:15px 0 15px 0;color:#363636;font-size:14px;font-weight:500;border-bottom:1px solid #eee;position:relative;-webkit-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease}.g_list li:last-child .link{border-bottom:0}.g_list li i{position:absolute;top:15px;left:0;font-size:22px;color:#363636;-webkit-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease}.g_list li i.icon-right{right:12px;left:auto;font-size:22px}.g_list li.open .link{color:#000;background:#f5f5f5}.g_list li.open i{color:#000}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#d5d5d5}::-webkit-scrollbar-thumb:hover{background:#bbb}.mn-sidebar{display:table-cell;position:relative;vertical-align:top}.mn-vnavigation li a{display:block;padding:5px 20px 5px;color:#4a4a4a;text-decoration:none;font-size:14px;width:200px;white-space:nowrap;font-weight:600;transition:.3s}.mn-vnavigation li a:hover{background:#f5f5f5;display:block;color:#bf212f;padding:5px 20px 5px;color:#bf212f;text-decoration:none;font-size:14px;white-space:nowrap}.mn-vnavigation i.icon-right{right:0;left:auto;font-size:16px;float:right}.dropdown-menu{width:10rem!important}.dropdown-submenu>.dropdown-menu{top:-2px;border-top:solid 2px #dbdbdb;box-shadow:0 8px 8px rgba(10,10,10,.1);left:100%;background:#fff;padding-bottom:10px;border-radius:0 0 10px 10px}.dropdown-submenu:hover>.dropdown-menu{display:block}.dropdown-submenu li a{padding:5px 20px 5px;font-size:14px;border-bottom:0;transition:.3s}.dropdown-submenu li h6{font-size:12px;padding:5px 20px 5px;font-weight:600;color:#9b9b9b}.dropdown-submenu li a:hover{background:#f5f5f5;font-size:14px;color:#bf212f;width:10rem}ul{list-style:none}ul.dropdown-menu.parent{border-right:1px solid #eee;margin-top:-2px}.bottom-mn{position:absolute;width:100%}.left-arrow{top:50%;transform:translateY(-50%);position:absolute;z-index:25;background:#fff;opacity:.7;cursor:pointer}.right-arrow{top:50%;right:0;transform:translateY(-50%);position:absolute;z-index:25;background:#fff;opacity:.7;cursor:pointer}@media screen and (max-width:800px){.is-responsive{width:100%;border-collapse:collapse;border-spacing:0;display:block;position:relative}.is-responsive td:empty:before{content:" "}.is-responsive td,.is-responsive th{margin:0;vertical-align:top}.is-responsive th{text-align:left}.is-responsive thead{border-right:solid 2px #dbdbdb;display:block;float:left}.is-responsive thead tr{display:block;padding:0 10px 0 0}.is-responsive thead tr th::before{content:" "}.is-responsive thead td,.is-responsive thead th{border-width:0 0 1px}.is-responsive tbody{display:block;width:auto;position:relative;overflow-x:auto;white-space:nowrap}.is-responsive tbody tr{display:inline-block;vertical-align:top}.is-responsive th{display:block;text-align:right}.is-responsive td{display:block;min-height:1.25em;text-align:left}.is-responsive td:last-child,.is-responsive th:last-child{border-bottom-width:0}.is-responsive tr:last-child td:not(:last-child){border:1px solid #dbdbdb;border-width:0 0 1px}.is-responsive.is-bordered td,.is-responsive.is-bordered th{border-width:1px}.is-responsive.is-bordered tr td:last-child,.is-responsive.is-bordered tr th:last-child{border-bottom-width:1px}.is-responsive.is-bordered tr:last-child td,.is-responsive.is-bordered tr:last-child th{border-width:1px}}#exzoom{width:630px!important}.thumb-ex{height:400px;width:90px}@media screen and (max-width:1270px){#exzoom{width:400px!important}}@media screen and (max-width:1470px){#exzoom{max-width:540px;width:100%}}.hidden_photo{display:none}.absolute-title{position:absolute;top:85%;left:25%;padding:.8em 1.2em;color:#fff;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.absolute-title-small{position:absolute;top:85%;left:25%;padding-bottom:10px;padding-left:10px;color:#fff;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.img-bottom-right{width:96px;bottom:30px;right:30px;position:absolute}