body{margin:0!important;font-family:Nunito,sans-serif}.navbar{padding:.5rem 0!important;position:fixed;width:100%;z-index:10}.container{max-width:1400px}#sidebar{width:250px;position:fixed;top:0;left:-250px;height:100vh;z-index:999;background:#fff;color:#000;transition:all .3s;overflow-y:scroll;box-shadow:3px 3px 3px rgba(0,0,0,.2)}#sidebar.active{left:0}#sidebar .sidebar-header{padding:20px;background:#fff}#sidebar ul.components{border-bottom:0 solid #fff}#sidebar ul p{color:#fff;padding:10px}#sidebar ul li a{color:#000;padding:10px;font-size:14px;display:block}#sidebar ul li a:hover{color:#000;background:#fff;text-decoration:none}#sidebar ul li.active>a,a[aria-expanded=true]{color:#000;background:#fff}#sidebar hr{height:1px;background-color:#000;border:none}.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:rgb(0 0 0 / 0%)}a[data-toggle=collapse]{position:relative}.dropdown-toggle::after{display:block;position:absolute;top:50%;right:20px;transform:translateY(-50%)}ul ul a{font-size:.9em!important;padding-left:30px!important;background:#fff}.overlay{display:none;position:fixed;width:100vw;height:100vh;background:rgba(0,0,0,.7);z-index:998;opacity:0;transition:all .5s ease-in-out}.overlay.active{display:block;opacity:1}.mCSB_inside>.mCSB_container{margin-right:0!important}.img-logo{height:36px;top:10px}#content{width:100%;min-height:100vh;transition:all .3s;position:absolute;top:60px;right:0;background-color:#f5f3f3;padding-top:10px}#content #carousel{padding-top:5px;padding-left:15px;padding-right:15px}.updialog{padding-top:15px;color:#ababab;font-size:13px;padding-bottom:20px}.menubottom{display:none}@media screen and (max-width:1024px){.menubottom{display:block;text-align:center;width:100%;position:fixed;right:0;left:0;bottom:0;z-index:500}.menubottom nav{background-image:linear-gradient(#282828,#444);display:block!important;position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;box-shadow:0 -1px 3px rgba(0,0,0,.3)}.menubottom ul li{float:left;width:100px;height:100%;background-position:center;display:block}.menubottom nav ul{display:flex!important;width:100%!important;padding-left:0;justify-content:space-between!important;margin-bottom:0;flex-direction:row!important;list-style:none}.menubottom nav ul li{width:100%!important;list-style:none}.menubottom nav ul li a{display:block;text-decoration:none;padding:6px 0 11px 0}.menubottom.addcart nav ul li a{padding:15px 0 16px 0}.menubottom nav ul li a span{color:#fff;position:relative;font-size:12px;display:block;top:-5px}.menubottom nav ul li a i{color:#fff}.menubottom nav ul li a.homeshadow span{opacity:0}}.btn-circle{width:20px;height:20px;text-align:center;padding:0 0;line-height:.5;border-radius:15px;background-color:#888}.btn-circle:focus{outline:0;box-shadow:none}.btn-circle:disabled{background-color:#d1d1d1}.btn-transparent{background-color:transparent!important}.btn-sosmed-circle{width:20px;height:20px;text-align:center;padding:0 0;line-height:.5;border-radius:15px}.btn-transparent:active,.btn-transparent:focus{outline:0!important;box-shadow:none}.padding-bar{padding-left:3%!important;padding-right:3%!important}.bubcrt.cart-count{font-size:11px;border:1px solid #6c6c6c;padding:0 5px;background:#fff;color:#000;border-radius:20px!important;margin-left:-10px}@media screen and (min-width:800px){.navbar-menu{display:block}.navbar-menu-show{display:none}}@media screen and (max-width:800px){.navbar-menu-show{display:block}.navbar-menu{display:none}}hr{margin-top:5px;margin-bottom:5px}p{margin-top:0;margin-bottom:0}br{display:none}.card{border-radius:10px;overflow:hidden}.card-title{font-size:15px;margin-bottom:-3px}.text-title{font-size:12px;font-weight:500}.text-price{font-size:15px;font-weight:700;margin-top:0}.text-price .text-price-old{font-size:11px;font-weight:200!important}@media (max-width:922px){.card-title{font-size:16px}}@media (max-width:768px){.card-title{font-size:11px}.height-price{height:25px!important}br{display:inline}}@media (max-width:375px){.card-title{font-size:10px}.text-price{font-size:14px;font-weight:700}.text-price .text-price-old{font-size:13px;font-weight:200!important}}.fs-30{font-size:30px}.fs-25{font-size:25px}.fs-22{font-size:22px}.fs-18{font-size:18px}.fs-17{font-size:17px}.fs-16{font-size:16px}.fs-14{font-size:14px}.fs-12{font-size:12px}.fs-10{font-size:10px}.card-body{padding:10px}.btn-pay{display:none}.btn-grad{background-image:linear-gradient(to right,#16222a 0,#3a6073 51%,#16222a 100%)}.btn-grad{text-align:center;text-transform:uppercase;transition:.5s;background-size:200% auto;color:#fff;box-shadow:0 0 20px #eee;border-radius:10px;display:block}.btn-grad:hover{background-position:right center;color:#fff;text-decoration:none}.btn:focus{outline:0;box-shadow:none}.btn-dark{color:#fff;background-color:#3b3b3b;border-color:#424242;box-shadow:0 3px 7px #888}.btn-dark:hover{color:#fff;background-color:#222;border-color:#222}.btn-secondary{box-shadow:0 4px 7px #888}@media screen and (min-width:1024px){.btn-pay{padding-top:10px;display:block}}.img-product-detail{height:auto;width:300px}.box-content-parag{margin-bottom:4px;line-height:1.4}.box-content-parag .receiver-name{color:#31353b;font-size:.928571rem}.box-content-parag .address-title{margin-right:2px;color:#31353b;font-size:.928571rem}.css-clxaii-unf-label{position:relative;display:inline-flex;-webkit-box-align:center;align-items:center;font-weight:700;border-radius:3px;line-height:16px;padding:0 8px;height:20px;font-size:.714286rem;background-color:#e5e5e5;color:#252525;margin:0;overflow:initial;-webkit-box-pack:center;justify-content:center;transition:all 280ms ease-out 0s}.box-content-parag.phone{color:#31353b;font-size:.928571rem}.box-content-parag .address-desc{word-break:break-word;font-size:.928571rem}.box-content-parag .address-desc--dis-cit-pos{font-size:.928571rem}.box-footer{padding:15px 0 5px;border-top:1px solid #dbdee2}.css-btn-address{color:#fff;font-family:"Nunito Sans",sans-serif;font-size:12px;height:30px;line-height:20px;width:auto;border-radius:8px;font-weight:800;outline:0;padding:0 16px;transition:background .8s ease 0s;cursor:pointer;display:inline-block;background-color:#3b3b3b;border:1px solid #e5e7e9;text-indent:initial;position:relative}.swal-footer{text-align:center!important}@media (min-width:768px){.ml-md-auto,.mx-md-auto{margin-left:40px!important}}.box-shawdow{box-shadow:0 0 5px;background:#fff;padding:10px 20px 10px 20px!important}.card-img-product{object-fit:cover}.popup-img{height:300px;object-fit:cover}.has-search{width:20%}.has-search .form-control{padding-left:2.375rem}.has-search .form-control-feedback{position:absolute;z-index:2;display:block;width:2.375rem;height:2.375rem;line-height:2.375rem;text-align:center;pointer-events:none;color:#aaa}.w-qty{width:85%!important}@media (min-width:1400px){.popup-img{height:300px}}@media (max-width:1024px){.w-qty{width:73%!important}}@media (max-width:900px){.box-shawdow{padding:10px 15px 10px 15px!important}.popup-img{height:300px}.has-search{width:55%}.w-qty{width:58%!important}}@media (max-width:768px){.box-shawdow{padding:10px 15px 10px 15px!important}.popup-img{height:300px}.has-search{width:55%}.w-qty{width:63%!important}}@media (max-width:736px){.box-shawdow{padding:10px 15px 10px 15px!important}.popup-img{height:300px}.has-search{width:55%}.w-qty{width:58%!important}}@media (max-width:640px){.box-shawdow{padding:10px 15px 10px 15px!important}.popup-img{height:250px}.has-search{width:55%}.w-qty{width:58%!important}}@media (max-width:478px){.box-shawdow{padding:10px 15px 10px 15px!important}.popup-img{height:190px}.has-search{width:50%}.w-qty{width:70%!important}}@media (max-width:375px){.box-shawdow{padding:10px 15px 10px 15px!important}.popup-img{height:170px}.has-search{width:50%}.w-qty{width:83%!important}}@media (max-width:320px){.popup-img{height:160px}.has-search{width:44%}.w-qty{width:100%!important}}@media (min-width:768px){#content #carousel,#content .container,#content .footer-menu{padding-left:5%;padding-right:5%}}@media (min-width:900px){#content #carousel,#content .container,#content .footer-menu{padding-left:5%;padding-right:5%}}@media (min-width:1024px){#content #carousel,#content .container,#content .footer-menu{padding-left:5%;padding-right:5%}}@media (min-width:1400px){#content #carousel,#content .container,#content .footer-menu{padding-left:0;padding-right:0}}.bg-footer{background-color:#d1d1d1}#popup{width:100%;height:100%;position:fixed;background:rgba(0,0,0,.7);top:0;left:0;z-index:9999}.window{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:auto;height:auto;background:#fff;border-radius:10px;box-shadow:0 0 5px rgba(0,0,0,.4);text-align:center}.close-popup{width:20px;height:20px;background:#000;border-radius:50%;border:0 solid #fff;display:block;text-align:center;color:#fff;text-decoration:none;position:absolute;top:-10px;right:-10px}.foot-menu{padding-bottom:0}@media screen and (max-width:1024px){.foot-menu{padding-bottom:55px}}.box-bubble{padding-top:60px}.box-bubble .bubble{background:#bebebe66;color:#000;position:absolute;margin-top:-47px;padding:3px;height:33px;width:90px;border-radius:20px!important}.desc{font-size:14px}.card-order span{font-size:13px}.payment .flex-images img{width:80px}.btn-profile{color:#000}.btn-profile:hover{color:#5a5a5a}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:#fff;background-color:#3b3b3b}#faq .faq-content{padding-right:0;padding-bottom:20px}#faq .faq-content h4{font-weight:200;margin-bottom:30px;line-height:1.3;margin-top:-5px;text-transform:capitalize}#faq .faq-content h4 strong{display:block;margin-top:5px}#faq .faq-content .card{border:none;margin-bottom:15px;overflow:inherit;background:#fff;border-radius:5px}#faq .faq-content .card:last-child{margin-bottom:0}#faq .faq-content .card .card-header{border:none;background:0 0;padding:0}#faq .faq-content .card .card-header h4{margin:0;font-size:16px;padding:25px;font-weight:500;padding-right:50px;cursor:pointer}#faq .faq-content .card .card-body{padding-left:30px;padding-top:0}#faq .accordion .card-header h4:after{font-family:"Font Awesome 5 Free";content:"\f077";position:absolute;right:30px;top:30px;font-weight:600}#faq .accordion .card-header h4.collapsed:after{content:"\f078";font-weight:600}@media screen and (max-width:765px){#faq .faq-content .card .card-header h4{font-size:15px}#faq .faq-content .card .card-body{font-size:15px}}@media screen and (max-width:428px){#faq .faq-content .card .card-header h4{font-size:12px}#faq .faq-content .card .card-body p{font-size:11px}}