@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700,900');
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700');

/**
CSS Reset
*/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-family: 'Lato', sans-serif;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section
{
    display: block;
}
a{
    outline:none
}
a:hover{
    text-decoration:none;
}
dfn, em {
  font-style: italic!important;
}
strong{
    font-weight: 700!important;
}
.row.no-gap{padding:0 15px;}
.no-gap [class*="-1"],
.no-gap [class*="-6"],
.no-gap [class*="-8"],
.no-gap [class*="-3"],
.no-gap [class*="-5"],
.no-gap [class*="-9"],
.no-gap [class*="-2"],
.no-gap [class*="-10"],
.no-gap [class*="-4"],
.no-gap [class*="-12"]{
    padding-left:0;
    padding-right:0;
}
body{background: #f5f5f5;padding-left:0!important;padding-right:0!important;}


/* SHOP */
.header-most-top{
    background:#feb034;
    padding: 7px 0;
    position: absolute;
    width: 100%;
    z-index: 2;
    /* background-image: linear-gradient(120deg, #3a54a3 0%, #21346b 100%); */
	/* background-image: radial-gradient( circle farthest-corner at 10% 20%, #feb034 0%, #ffc200 100.2% ); */
}
.lacak{font-size:10px;}
.lacak a{color:#fff;margin-left: 25px;color: #fff;}
.login a{color:#fff;margin-left: 5px;cursor:pointer}
.login {display: inline-block;margin-top: -2.5px;font-size:10px;margin-right: 35px;}
.login span{padding-left: 5px;font-size: 12px;}
.login img{display: inline-block;margin-top: -1px;filter: invert(100%);}
.register-distributor {max-width: 160px;}
.header-bottom{background: #fff;box-shadow:0 0px 20px rgba(0,0,0,0.17); position: relative;overflow: hidden;z-index: 1;}
.bg-skew{
    padding:50px 0 20px 20px;
    background: transparent;
    transform: skew(-40deg,0);
    width: 700px;
    background-image: linear-gradient(120deg, #3a54a3 0%, #21346b 100%);
}
.bg-skew .content-skew{transform: skew(40deg,0);max-width: 373px;}
.logo{max-width: 120px;margin-left: 30px;}
.div-logo{padding:50px 0 7px 0px}
.searchbutton{
    cursor: pointer;
    position: absolute;
    top: 3px;
    right: 3px;
    background: #ffa401;
    padding: 3px 25px;
    border-radius: 20px;
    color: #fff;
    font-size: 16px;
    /* background-image: linear-gradient(120deg, #3a54a3 0%, #21346b 100%); */
}
.searchbar-header{
    position:relative;
    width: 50%;
    margin-right: 60px;
    margin-top: 7px;
}
.searchbar-header input{border-radius: 20px;background:#f5f5f5;box-shadow:none}
.tas-belanja {position:relative;margin-right: 12px;}
.tas-belanja img{float: left;width: 50px;}
.tas-belanja .text-tas{
    float: left;
    font-size: 11px;
    margin-top: 15px;
    margin-left: 5px;
    color: #424242;
}
@media (min-width:991px) {
    .row-center-md {
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        align-items: center;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex
    }
}
.total-item{
    position: absolute;
    left: 35px;
    top: -1px;
    background-color: red;
    min-width: 20px;
    height: 20px;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    padding: 0 2px;
}
.navbar-kki-new{
    background: linear-gradient(152deg, #3a54a3 0%, #007def 100%);
    z-index: 0;
    border-radius: 0 0 12px 12px;
    min-height: 0;
    border-left: none;
}
.navbar-kki-new .nav-justified>li>a{
    font-family: Verdana, Geneva, sans-serif;
    color: #fff;
    font-size: 17px;
}
.navbar-kki-new .nav>li>a:focus, .navbar-kki-new .nav>li>a:hover {
    text-decoration: underline;
    background:transparent;
}
.navbar-kki-new .navbar-toggle .icon-bar{background:#fff}
.navbar-kki-new .navbar-toggle {border:1px solid #fff}

.footer-top{
    padding:30px 0;
    background:#ffebca;
    color:#636363;
    font-size:16px;
    /* background-image: radial-gradient( circle farthest-corner at 10% 20%,  #feb034 0%, #ffc200 100.2% ); */
}
.footer-top a{color:#636363;text-decoration:none;margin-bottom: 12px;display: inline-block;font-size:16px;font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;}
.input-kki-new{border-radius: 20px;background: #f5f5f5;}
.form-subscribe input{font-size:16px;padding: 6px 18px;}
.form-subscribe input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    font-style:italic;
}
.form-subscribe input::-moz-placeholder { /* Firefox 19+ */
    font-style:italic;
}
.form-subscribe input:-ms-input-placeholder { /* IE 10+ */
    font-style:italic;
}
.form-subscribe input:-moz-placeholder { /* Firefox 18- */
    font-style:italic;
}
.form-subscribe .btn{
    font-size: 12px;
    color: #061771;
    background: #fff;
    border: 1px solid #061771;
    border-radius: 20px;
    padding: 4px 18px;
    margin-top: 10px;
}
/* .footer-top img:hover{
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}
.footer-top img{
    margin: 5px 0 -7px -15px;
    max-width: 48px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
} */
.copyright{padding:12px 20px;color:#757575;font-size:14px;background: #fff;font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;border-bottom: solid 20px whitesmoke;}
.ikuti-kami{font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;font-size: 16px;}
#idEA_trustmark_wrapper{
    background-color: #dfdfdf;
    padding: 20px;
}
#idEA_trustmark_verified{
    font-size: 15px!important;
    color:#494644!important;
    font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif!important;
    margin-top: 15px!important;
    display: block!important;
}
#idEA_trustmark_until{
    font-size: 14px!important;
    font-family: 'Lato', sans-serif!important;
    font-weight:normal!important;
}
.sidebar-kategori{
    position: relative;
    background:#172e68;
    padding:15px 0 5px 0;
    box-shadow:5px 5px 5px 0 rgba(0, 90, 255, 0.5);
    background-image: linear-gradient(120deg, #3a54a3 0%, #21346b 100%);
    border-radius: 10px;
}

.sidebar-mini-banner{
    position: relative;
    background:#172e68;
    box-shadow:5px 5px 5px 0 rgba(0, 90, 255, 0.5);
    background-image: linear-gradient(120deg, #3a54a3 0%, #21346b 100%);
    border-radius: 10px;
}

.sidebar-kategori .title{
    font-size:16px;
    font-weight:600;
    padding: 0 0 15px 30px;
    color: #fff;
}
.sidebar-kategori .title.kategori{
    color: #fff;
}
.sidebar-kategori ul li{list-style:none;}
.sidebar-kategori ul li a{color:#666 !important;}
.list-kategori img{margin-right:10px;vertical-align: -2px;}
.list-kategori .has-dropdown-1 > img{max-width: 22px;}
.list-kategori li{font-size:14px;font-weight:300;margin-bottom: 15px;padding: 0 15px;cursor:pointer}
.list-kategori {margin-top: 10px;overflow: hidden;height: 160px;}
#more-search-detail{text-align:center;cursor:pointer;color: #fff;}
#more-search-detail-mobile{text-align:center;cursor:pointer;color: #fff;}
.padding-dropdown-1{padding-left:5px;position: absolute;left: 100%;top: -5px;z-index: 10;}
.dropdown-1{
    padding: 5px 0;
    width: 320px;
    background: rgba(255,255,255,0.9);
    box-shadow: 0 0 3px 0 rgba(0,0,0,0.2);
    display: none;
    border-top: 5px solid #fff;
    min-height:325px;
}
.dropdown-1:hover{border-top: 5px solid #d62c75;}
.dropdown-1:hover.magenta{border-top: 5px solid #d62d76;}
.dropdown-1:hover.purple{border-top: 5px solid #a1318d;}
.dropdown-1:hover.lightblue{border-top: 5px solid #00abda;}
.dropdown-1:hover.orange{border-top: 5px solid #ff7800;}
.dropdown-1:hover.green{border-top: 5px solid #3f934d;}
.dropdown-1:hover.brown{border-top: 5px solid #8a3b3e;}
.dropdown-1:hover.silver{border-top: 5px solid #626262;}
.dropdown-1:hover.pink{border-top: 5px solid #cd6799;}
.has-dropdown-1:hover .dropdown-1{display:block}
.dropdown-1 .title{
    font-family: 'Segoe UI', 'Lato', sans-serif;
    color: #d62c75;
    font-size: 30px;
    font-weight: normal;
    border-bottom: 1px solid #b2b2b2;
    padding-left: 0;
    margin-left: 30px;
    padding-bottom: 8px;
}
.dropdown-1 .title.magenta{
    font-family: 'Segoe UI', 'Lato', sans-serif;
    color: #d62d76;
    font-size: 30px;
    font-weight: normal;
    border-bottom: 1px solid #d62d76;
    padding-left: 0;
    margin-left: 30px;
    padding-bottom: 8px;
}
.dropdown-1 .title.purple{
    font-family: 'Segoe UI', 'Lato', sans-serif;
    color: #a1318d;
    font-size: 30px;
    font-weight: normal;
    border-bottom: 1px solid #a1318d;
    padding-left: 0;
    margin-left: 30px;
    padding-bottom: 8px;
}
.dropdown-1 .title.lightblue{
    font-family: 'Segoe UI', 'Lato', sans-serif;
    color: #00abda;
    font-size: 30px;
    font-weight: normal;
    border-bottom: 1px solid #00abda;
    padding-left: 0;
    margin-left: 30px;
    padding-bottom: 8px;
}
.dropdown-1 .title.orange{
    font-family: 'Segoe UI', 'Lato', sans-serif;
    color: #ff7800;
    font-size: 30px;
    font-weight: normal;
    border-bottom: 1px solid #ff7800;
    padding-left: 0;
    margin-left: 30px;
    padding-bottom: 8px;
}
.dropdown-1 .title.green{
    font-family: 'Segoe UI', 'Lato', sans-serif;
    color: #3f934d;
    font-size: 30px;
    font-weight: normal;
    border-bottom: 1px solid #3f934d;
    padding-left: 0;
    margin-left: 30px;
    padding-bottom: 8px;
}
.dropdown-1 .title.brown{
    font-family: 'Segoe UI', 'Lato', sans-serif;
    color: #8a3b3e;
    font-size: 30px;
    font-weight: normal;
    border-bottom: 1px solid #8a3b3e;
    padding-left: 0;
    margin-left: 30px;
    padding-bottom: 8px;
}
.dropdown-1 .title.silver{
    font-family: 'Segoe UI', 'Lato', sans-serif;
    color: #626262;
    font-size: 30px;
    font-weight: normal;
    border-bottom: 1px solid #626262;
    padding-left: 0;
    margin-left: 30px;
    padding-bottom: 8px;
}
.dropdown-1 .title.pink{
    font-family: 'Segoe UI', 'Lato', sans-serif;
    color: #cd6799;
    font-size: 30px;
    font-weight: normal;
    border-bottom: 1px solid #cd6799;
    padding-left: 0;
    margin-left: 30px;
    padding-bottom: 8px;
}
.dropdown-1 ul{padding-left: 15px;margin-top: 15px;}
.dropdown-1 ul li{
    font-family: 'Segoe UI', 'Lato', sans-serif;
    color: #777;
    font-weight:normal;
    padding-bottom: 15px;
    margin-bottom: 0;
}
.padding-dropdown-2{padding-left:5px;position: absolute;left: 100%;top: 0;}
.dropdown-2{
    width: 548px;
    background: rgba(255,255,255,0.9);
    box-shadow: 0 0 3px 0 rgba(0,0,0,0.2);
    display: none;
    border-top: 5px solid #fff;
    min-height:325px;
}
.dropdown-2:hover{border-top: 5px solid #d62c75;}
.dropdown-2:hover.magenta{border-top: 5px solid #d62d76;}
.dropdown-2:hover.purple{border-top: 5px solid #a1318d;}
.dropdown-2:hover.lightblue{border-top: 5px solid #00abda;}
.dropdown-2:hover.orange{border-top: 5px solid #ff7800;}
.dropdown-2:hover.green{border-top: 5px solid #3f934d;}
.dropdown-2:hover.brown{border-top: 5px solid #8a3b3e;}
.dropdown-2:hover.silver{border-top: 5px solid #626262;}
.dropdown-2:hover.pink{border-top: 5px solid #cd6799;}
.has-dropdown-2:hover .dropdown-2{display:block}
.dropdown-2 .title{
    font-family: 'Segoe UI', 'Lato', sans-serif;
    color: #d62c75;
    font-size: 30px;
    font-weight: normal;
    border-bottom: 0;
    padding-left: 0;
    margin-left: 30px;
    padding-bottom: 8px;
}
.dropdown-2 .title.magenta{
    font-family: 'Segoe UI', 'Lato', sans-serif;
    color: #d62d76;
    font-size: 30px;
    font-weight: normal;
    border-bottom: 0;
    padding-left: 0;
    margin-left: 30px;
    padding-bottom: 8px;
}
.dropdown-2 .title.purple{
    font-family: 'Segoe UI', 'Lato', sans-serif;
    color: #a1318d;
    font-size: 30px;
    font-weight: normal;
    border-bottom: 0;
    padding-left: 0;
    margin-left: 30px;
    padding-bottom: 8px;
}
.dropdown-2 .title.lightblue{
    font-family: 'Segoe UI', 'Lato', sans-serif;
    color: #00abda;
    font-size: 30px;
    font-weight: normal;
    border-bottom: 0;
    padding-left: 0;
    margin-left: 30px;
    padding-bottom: 8px;
}
.dropdown-2 .title.orange{
    font-family: 'Segoe UI', 'Lato', sans-serif;
    color: #ff7800;
    font-size: 30px;
    font-weight: normal;
    border-bottom: 0;
    padding-left: 0;
    margin-left: 30px;
    padding-bottom: 8px;
}
.dropdown-2 .title.green{
    font-family: 'Segoe UI', 'Lato', sans-serif;
    color: #3f934d;
    font-size: 30px;
    font-weight: normal;
    border-bottom: 0;
    padding-left: 0;
    margin-left: 30px;
    padding-bottom: 8px;
}
.dropdown-2 .title.brown{
    font-family: 'Segoe UI', 'Lato', sans-serif;
    color: #8a3b3e;
    font-size: 30px;
    font-weight: normal;
    border-bottom: 0;
    padding-left: 0;
    margin-left: 30px;
    padding-bottom: 8px;
}
.dropdown-2 .title.silver{
    font-family: 'Segoe UI', 'Lato', sans-serif;
    color: #626262;
    font-size: 30px;
    font-weight: normal;
    border-bottom: 0;
    padding-left: 0;
    margin-left: 30px;
    padding-bottom: 8px;
}
.dropdown-2 .title.pink{
    font-family: 'Segoe UI', 'Lato', sans-serif;
    color: #cd6799;
    font-size: 30px;
    font-weight: normal;
    border-bottom: 0;
    padding-left: 0;
    margin-left: 30px;
    padding-bottom: 8px;
}
.dropdown-2 ul{padding-left: 15px;margin-top: 15px;min-width:325px;}
.dropdown-2 ul li{
    font-family: 'Segoe UI', 'Lato', sans-serif;
    color: #777;
    font-weight:normal;
    padding-bottom: 15px;
    margin-bottom: 0;
}
.imgdiv{margin-left: 25px;background: #fff;padding: 20px;}
.valign-center{top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);position: relative;}
.dropdown-2 img{vertical-align: 0;margin: auto;}
.display-flex{display:flex}
.login-seller {
    margin-top: 20px;
    background: #172e68;
    padding: 20px 20px 10px;
    box-shadow: 5px 5px 5px 0 rgba(0, 90, 255, 0.5);
    background-image: linear-gradient(120deg, #3a54a3 0%, #21346b 100%);
    border-radius: 10px;
}
.login-seller .title{font-weight:300;font-size:12px;/*! color:#424242; */text-align:center;margin-bottom: 20px;color: #909090;}
.login-seller .form-control:focus{
    border-color: #ff7b00;
    box-shadow: none;
}
.login-seller .form-group{
    position:relative;
}
.login-seller select{
    font-size:17px;
    border: 0;
    border-bottom: 1px solid #ccc;
    box-shadow: none;
    border-radius: 0;
    padding: 6px 25px;
    text-align: center;
    text-align-last:center;
    color: #999;
}
.login-seller select:valid{
  color: #666!important;
}

.login-seller input{ 
    font-size:12px;
    border: 0;
    border-bottom: 1px solid #fff;
    box-shadow: none;
    border-radius: 0;
    padding: 6px 25px;
    text-align: center;
    background: transparent;
    color: #fff;
}

.login-seller input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #fff; }
.login-seller input::-moz-placeholder { /* Firefox 19+ */ color: #fff;}
.login-seller input:-ms-input-placeholder { /* IE 10+ */ color: #fff;}

.box-profile-top {margin-top: 0;border-radius: 10px 10px 0 0;border-bottom: solid #d4e5e7;box-shadow:5px 5px 5px 0 rgba(198, 198, 198, 0.5);}

/*Daftar Seller*/
.daftar-seller {
    margin-top: 20px;
    background: #fff;
    padding: 20px;
    box-shadow: 0 0 3px 0 rgba(0,0,0,0.2);
}
.daftar-seller .title{font-weight:300;font-size:12px;color:#424242;text-align:center;margin-bottom: 20px;}
.daftar-seller .form-control:focus{
    border-color: #ff7b00;
    box-shadow: none;
}
.daftar-seller .form-group{
    position:relative;
}
.daftar-seller input{
    font-size:12px;
    border: 0;
    border-bottom: 1px solid #ccc;
    box-shadow: none;
    border-radius: 0;
    padding: 6px 25px;
    text-align: center;
}
/*End Daftar Seller*/

.fa.front-icon{
    position:absolute;
    top: 10px;
    /*! color: #ccc; */
    color: #fff;
}
.fa.rear-icon {
    position:absolute;
    top: 10px;
    right:0;
    /*! color: #ccc; */
    cursor:pointer;
    color: #fff;
}
.login-seller .btn{color:#21346b;border-radius:20px;font-size:12px;font-weight:300;}
.login-seller .btn-login{/*! background:#ff9000; *//*! background-image: linear-gradient(120deg, #003a65 0%, #0064ff 100%); *//*! background-image: linear-gradient(120deg, #fdfbfb 0%, #ebedee 100%); *//*! background-image: linear-gradient(to right, #43e97b 0%, #38f9d7 100%); *//*! background-image: linear-gradient(120deg, #2af598 0%, #009efd 100%); *//*! background-image: linear-gradient(to right, #f83600 0%, #f9d423 100%); *//*! background-image: linear-gradient(120deg, #003a65 0%, #0064ff 100%); */background-image: linear-gradient(120deg, #fdfbfb 0%, #ebedee 100%);}
.login-seller .btn-lupa-pass{/* background-image: linear-gradient(120deg, #3a54a3 0%, #21346b 100%); */background:#f15a22;}
/*Daftar Seller*/
.daftar-seller .btn{color:#fff;border-radius:20px;font-size:12px;font-weight:300;}
.daftar-seller .btn-login{background:#ff9000;}
.daftar-seller .btn-lupa-pass{background:#808080;}
/**/

#forgotpassword .login-seller{margin-top: 0;box-shadow: none;padding-top: 0;padding-bottom: 0;}
#forgotpassword .login-seller input{font-size:18px;height: auto;}
#forgotpassword .login-seller .fa{font-size:18px;color:#909090;}
#forgotpassword .login-seller .btn{font-size:16px}
#forgotpassword .login-seller .btn-login{margin-top:25px;margin-bottom:15px;}
#forgotpassword .login-seller .form-group{margin-bottom: 20px;}
#forgotpassword .login-seller .title{font-size: 25px;margin-bottom: 30px;}
#forgotpassword .login-seller img{max-width: 140px;margin-bottom: 10px;}
.slider-each-cat{
    background: #fff;
    padding: 0;
    box-shadow: 0 0 3px 0 rgba(0,0,0,0.2);
}
.slider-each-cat .title{font-size: 18px;color: #d62d76;margin-top: 0px;position: relative;padding-left: 0;margin-bottom: 10px;}
.slider-each-cat .title img{margin-right: 10px;height: 47px;}
.padding-15{padding:15px;}
.btn-lihat-selengkapnya{
    /*! border: 1px solid #808080; */
    color: #808080;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 300;6
    padding: 10px 15px;
    margin-bottom: 0;
    transition: all 0.5s;
    background-image: linear-gradient(to top, #dfe9f3 0%, white 100%);
}
.btn-lihat-selengkapnya:hover{
    color:#fff;
    background:#808080;
}
.slider-each-cat hr{border-top: 2px solid #f5f5f5;margin-top: -15px;margin-bottom: 0;}
.slider-each-cat ul {list-style:none;padding:20px 0;}
.slider-each-cat ul li {padding-left: 20px;border-left: 5px solid transparent;}
.slider-each-cat ul li:hover,
.slider-each-cat ul li:focus {border-left: 5px solid #ccc;}
.slider-each-cat ul li a{color:#6d6d6d;font-weight:800;font-size:14px;text-decoration:none;display: block;padding: 10px 0;}

.slider-each-cat.magenta  .title{color:#d62d76;}
.slider-each-cat.magenta ul li.active,
.slider-each-cat.magenta ul li.active:hover,
.slider-each-cat.magenta ul li.active:focus{border-left: 5px solid #d62d76;}
.slider-each-cat.purple  .title{color:#a1318d;}
.slider-each-cat.purple ul li.active,
.slider-each-cat.purple ul li.active:hover,
.slider-each-cat.purple ul li.active:focus{border-left: 5px solid #a1318d;}
.slider-each-cat.lightblue  .title{color:#00abda;}
.slider-each-cat.lightblue ul li.active,
.slider-each-cat.lightblue ul li.active:hover,
.slider-each-cat.lightblue ul li.active:focus{border-left: 5px solid #00abda;}
.slider-each-cat.orange  .title{color:#ff7800;}
.slider-each-cat.orange li.active,
.slider-each-cat.orange ul li.active:hover,
.slider-each-cat.orange ul li.active:focus{border-left: 5px solid #ff7800;}
.slider-each-cat.green  .title{color:#3f934d;}
.slider-each-cat.green ul li.active,
.slider-each-cat.green ul li.active:hover,
.slider-each-cat.green ul li.active:focus{border-left: 5px solid #3f934d;}
.slider-each-cat.brown  .title{color:#8a3b3e;}
.slider-each-cat.brown ul li.active,
.slider-each-cat.brown ul li.active:hover,
.slider-each-cat.brown ul li.active:focus{border-left: 5px solid #8a3b3e;}
.slider-each-cat.silver  .title{color:#626262;}
.slider-each-cat.silver ul li.active,
.slider-each-cat.silver ul li.active:hover,
.slider-each-cat.silver ul li.active:focus{border-left: 5px solid #626262;}
.slider-each-cat.pink  .title{color:#cd6799;}
.slider-each-cat.pink ul li.active,
.slider-each-cat.pink ul li.active:hover,
.slider-each-cat.pink ul li.active:focus{border-left: 5px solid #cd6799;}

.slider-each-dog{
    /*! background: #fff; */
    /*! padding: 0; */
    /*! box-shadow: 0 0 3px 0 rgba(0,0,0,0.2); */
}
.slider-each-dog .title{font-size: 25px;color: #d62d76;margin-top: -5px;position: relative;padding-left: 0;margin-bottom: 10px;}
.slider-each-dog .title img{margin-right: 10px;height: 47px;}
.slider-each-dog hr{border-top: 2px solid #f5f5f5;margin-top: -15px;margin-bottom: 0;}
.slider-each-dog ul {list-style:none;padding:20px 0;}
.slider-each-dog ul li {padding-left: 20px;border-left: 5px solid transparent;}
.slider-each-dog ul li:hover,
.slider-each-dog ul li:focus {border-left: 5px solid #ccc;}
.slider-each-dog ul li a{color:#6d6d6d;font-weight:800;font-size:14px;text-decoration:none;display: block;padding: 10px 0;}
.slider-each-dog.magenta  .title{color:#d62d76;}
.slider-each-dog.magenta ul li.active,
.slider-each-dog.magenta ul li.active:hover,
.slider-each-dog.magenta ul li.active:focus{border-left: 5px solid #d62d76;}
.slider-each-dog.purple  .title{color:#a1318d;}
.slider-each-dog.purple ul li.active,
.slider-each-dog.purple ul li.active:hover,
.slider-each-dog.purple ul li.active:focus{border-left: 5px solid #a1318d;}
.slider-each-dog.lightblue  .title{color:#00abda;}
.slider-each-dog.lightblue ul li.active,
.slider-each-dog.lightblue ul li.active:hover,
.slider-each-dog.lightblue ul li.active:focus{border-left: 5px solid #00abda;}
.slider-each-dog.orange  .title{color:#ff7800;}
.slider-each-dog.orange li.active,
.slider-each-dog.orange ul li.active:hover,
.slider-each-dog.orange ul li.active:focus{border-left: 5px solid #ff7800;}
.slider-each-dog.green  .title{color:#3f934d;}
.slider-each-dog.green ul li.active,
.slider-each-dog.green ul li.active:hover,
.slider-each-dog.green ul li.active:focus{border-left: 5px solid #3f934d;}
.slider-each-dog.brown  .title{color:#8a3b3e;}
.slider-each-dog.brown ul li.active,
.slider-each-dog.brown ul li.active:hover,
.slider-each-dog.brown ul li.active:focus{border-left: 5px solid #8a3b3e;}
.slider-each-dog.silver  .title{color:#626262;}
.slider-each-dog.silver ul li.active,
.slider-each-dog.silver ul li.active:hover,
.slider-each-dog.silver ul li.active:focus{border-left: 5px solid #626262;}
.slider-each-dog.pink  .title{color:#cd6799;}
.slider-each-dog.pink ul li.active,
.slider-each-dog.pink ul li.active:hover,
.slider-each-dog.pink ul li.active:focus{border-left: 5px solid #cd6799;}


.slick-next {right: -25px;}
.slick-prev {left: -25px;}
.slick-prev, .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:before {content: '\f053';}
.slick-next:before {content: '\f054';}
.slick-prev:before, .slick-next:before {
    font-family: 'FontAwesome';
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-shadow: 0 0 2px #000;
}
.product-slider-home .category-name{font-size:12px;color:#6d6d6d;}
.product-slider-home .product-name{font-size:12px;color:#000;min-height: 34px;max-height: 34px;}
.product-slider-home a.special-price {
    margin-bottom: 8px;
}
.product-slider-home .price{font-size:14px;color:#ff9000}
.product-slider-home a{text-decoration:none;outline:none}
#product-category-page p.category-name {margin-top: 6px;color: #6d6d6d;}
#product-category-page p.product-name {color: #000;height:20px;}
#product-category-page p.price {color: #ff9000;}

.product-category-landing p.category-name {margin-top: 6px;color: #6d6d6d;}
.product-category-landing p.product-name {color: #000;height:20px;}
.product-category-landing p.price {color: #ff9000;}

.slider-each-cat .tab-content > .tab-pane{
    display: block;
    height: 0;
    overflow: hidden;
}
.slider-each-cat .tab-content > .active{
    height: auto;
}

.featured-banner .carousel-inner>.item>a>img,
.featured-banner .carousel-inner.item>img{
    height: 175px;
    object-fit: cover;
    width: 100%;
}
#main-slider .carousel-inner>.item>a>img,
#main-slider .carousel-inner>.item>img{
    height: 290px;
    object-fit: cover;
    width: 100%;
}
.main-banner-indicators{display:flex;flex-wrap: wrap;background: #fff;width: 100%;}
.main-banner-indicators ul.carousel-indicators{
    display: flex;
    list-style: none;
    width: 100%;
    position: relative;
    left: 0;
    margin: 0!important;
    bottom: 0!important;
    flex-wrap: wrap;
    z-index: 1;
}
.main-banner-indicators li.btn-lihat-promo{
    /*! background:#ffc000; */
    position: relative;
    border: 0;
    /*! background: linear-gradient(120deg, #1cb5e0, #000046); */
    background-image: linear-gradient(120deg, #3a54a3 0%, #21346b 100%);
}
.main-banner-indicators li{
    padding: 10px 20px;
    background: #fff;
    flex: 1;
    cursor: pointer;
    border-bottom: 4px solid transparent;
    text-align: center;
    text-indent: 0;
    width: auto!important;
    height: auto!important;
    border-radius: 0;
    margin: 0!important;
    font-weight: 300;
    color: #808080;
    border-top: 0;
    border-right: 0;
    border-left: 0;
    font-size: 12px;
}
.main-banner-indicators li.active{border-bottom: 4px solid #00c0fa;}
.arrow-right {
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 10px solid #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    left: -20px;
    margin: auto;
}
.btn-lihat-promo a{color:#808080;color: #fff;}

.black-shadow{
    background:rgba(0,0,0,0.2);
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(246,246,246,0) 0%, rgba(0,0,0,0.3) 35%, rgba(0,0,0,0.8) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(246,246,246,0) 0%, rgba(0,0,0,0.3) 35%, rgba(0,0,0,0.8) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(246,246,246,0) 0%, rgba(0,0,0,0.3) 35%, rgba(0,0,0,0.8) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(246,246,246,0) 0%, rgba(0,0,0,0.3) 35%, rgba(0,0,0,0.8) 100%);
    position:absolute;
    width:100%;
    bottom:0;
    height: 100px;
}
.dp-home{
    width:140px;
    object-fit: cover;
    height:140px;
    box-shadow: 0 5px 30px #ccc;
}
.div-dp-home.left{margin-top:-70px}
.div-nama-distributor .nama-distributor{font-size:30px;color:#fff;font-family: 'Roboto', sans-serif;padding: 22px 0;}
.div-nama-distributor .desc-distributor{font-size:20px;color:#000;font-family: 'Roboto', sans-serif;font-weight:300;}
.div-nama-distributor{
    float: left;
    margin-left: 15px;
    max-width: 75%;
}
.div-dp-bottom .same-height,
.div-dp-bottom .same-height{
    background:#fff;padding-bottom: 20px;
}
.share-socmed-top {margin-top: -23px;float: right;}
.share-socmed-top img{width:35px;height:35px;object-fit:cover;margin-top: -25px;box-shadow: 2px 2px 3px #000;}
/*.div-dp-home .jssocials-share-link { border-radius: 50%;box-shadow: 1px 1px 3px #000;width: 35px;padding: 0.5em 0.5em;}*/
#share{margin-top:-25px;margin-right: 30px;}
#share .jssocials-share:last-child{margin-right: 1.4em;}
.login-2 {font-size:11px;color:#424242;color: #fff;}
.btn-masuk{border-radius:20px;background:#ffffff00;color:#fff!important;font-size:14px;padding: 4px 20px;/*! background-image: linear-gradient(120deg, #3a54a3 0%, #21346b 100%); *//*! background: linear-gradient(to right, #000428, #004e92); *//*! background-image: linear-gradient(to right, #6a11cb 0%, #2575fc 100%); *//*! background-image: linear-gradient(to right, #fa709a 0%, #fee140 100%); *//*! background-image: linear-gradient(120deg, #2af598 0%, #009efd 100%); *//*! background-image: linear-gradient(-225deg, #22E1FF 0%, #1D8FE1 48%, #625EB1 100%); *//*! background: linear-gradient(to right, #00f260, #0575e6); *//*! background-image: linear-gradient(-225deg, #5D9FFF 0%, #B8DCFF 48%, #6BBBFF 100%); */background-image: linear-gradient(120deg, #003a65 0%, #0064ff 100%);}
.btn-daftar{border-radius:20px;background:#fff;/*! color:#061771!important; *//*! border:1px solid #061771; */font-size:14px;padding: 4px 20px;margin-left:5px;background-image: linear-gradient(#fdfbfb 0%, #ebedee 100%);/*! background-image: linear-gradient(120deg, #3a54a3 0%, #21346b 100%); */}
.login-2 .btn{margin-top:10px;}
.box-shadowed{box-shadow: 5px 5px 5px 0 #ebedee; }
.relative{position:relative}
.roboto{font-family: 'Roboto', sans-serif;}
.div-date-circle{font-weight:bold;background:#2f63ec;border-radius:50%;width:80px;height:80px;text-align:center;color:#fff;position: absolute;bottom:12px;box-shadow: 5px 5px 5px 0 #d4d5d6;left: -45px;}
.date-circle{font-size:25px;padding-top: 11px;display: block;margin-bottom: -10px;}
.month-circle{font-size:20px}
.detail-post-timeline{position:absolute;bottom:-50px;width: 100%;padding: 0 20px;}
.title-post{color:#fff;font-size:30px;font-weight:bold;}
.posting-timeline{background:#fff}
.posting-timeline hr{
    margin-top: 5px;
    margin-bottom: 0;
    border: 0;
    border-top: 1px solid #eee;
    box-shadow: 0px 2px 7px rgba(0,0,0,0.2);
}
.posting-timeline .black-shadow{
    background:rgba(0,0,0,0.2);
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(246,246,246,0) 0%, rgba(0,0,0,0.3) 80%, rgba(0,0,0,0.8) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(246,246,246,0) 0%, rgba(0,0,0,0.3) 80%, rgba(0,0,0,0.5) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(246,246,246,0) 0%, rgba(0,0,0,0.3) 80%, rgba(0,0,0,0.8) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(246,246,246,0) 0%, rgba(0,0,0,0.3) 80%, rgba(0,0,0,0.8) 100%);
    position:absolute;
    width:100%;
    bottom:0;
    height: 100px;
}
.publisher-post{font-size:16px;margin-top: 10px;}
.time-post{font-size:14px;color:#474747}
.content-post p{font-size:16px;}
.content-post span{font-size:16px;}
.content-post a{font-size:16px;font-family: 'Roboto', sans-serif;}
.content-post{padding:60px 20px 20px}
.title-and-publisher{max-width: 80%;position: absolute;bottom: 0;left: 50px;}
.avatar-comment img{width:50px;height:50px;object-fit:cover}
.one-review{padding:30px 20px;border-bottom: 1px solid #eee;}
.name-comment{font-weight:bold;font-size:18px}
.content-comment{font-size:18px}
.time-comment{font-size:16px;color:#aaa;}
.div-content-comment{margin-left:15px;max-width: 85%;width: 100%}
.write-review{padding:30px 20px;display:flex}
.div-content-comment textarea.form-control{resize:none;height: 100px;border:0;box-shadow:none;font-size: 18px;padding: 6px 0;}
.div-content-comment form .btn{background:#fff;color:#aaa;font-weight:bold;font-size:16px;transition:all 0.5s;padding:0;border-bottom:3px solid transparent;border-radius:0}
.div-content-comment form .btn:hover,
.div-content-comment form .btn:focus{border-bottom:3px solid #aaa}
.pagination-bisnissaya .btn-default{
    text-shadow: 0 1px 0 #fff;
    background-image: -webkit-linear-gradient(top,#fff 0,#e0e0e0 100%);
    background-image: -o-linear-gradient(top,#fff 0,#e0e0e0 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#e0e0e0));
    background-image: linear-gradient(to bottom,#fff 0,#e0e0e0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe0e0e0',GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    background-repeat: repeat-x;
    color:#4271b5;
    font-weight:bold;
    padding:12px 17px;
    border-radius: 0;
    border-left: 1px solid #bcbcbc;
    border-bottom: 1px solid #bcbcbc;
    border-top: 1px solid #bcbcbc;
    border-right: 0;
}
.pagination-bisnissaya > a.btn-default:last-child{border-right: 1px solid #bcbcbc;border-top-right-radius:4px;border-bottom-right-radius:4px}
.pagination-bisnissaya > a.btn-default:first-child{border-top-left-radius:4px;border-bottom-left-radius:4px}
.pagination-bisnissaya {
    display: table;
    margin-left: auto;
    margin-right: auto;
}
.pagination-bisnissaya .btn-default.disabled{color:#888;background:#dcdcdc;}
.pagination-bisnissaya .btn-default.active{color:#000;background:#dcdcdc;box-shadow: none;}
.div-share-on-post {position:absolute;right:20px;top: 95%;}
.div-share-on-post .fa-circle{color:#eeeeee}
.div-share-on-post .fa-share-alt{color:#757575}
.div-share-on-post .jssocials-share {display: table;margin: 0 0 0 9px;box-shadow: 0 0 3px 1px #aaa;}
.div-sos-med{display:none}
.div-sos-med img.jssocials-share-logo{width: 1em;}
.div-sos-med .jssocials-share-line{margin-bottom: -2px;}
.div-sos-med .link-img{width: 38px;
    height: 35px;
    margin-left: 9px;
    margin-top: -2px;
    box-shadow: 0 0 3px 1px #aaa;}
.share-button{cursor:pointer;width: 43px;margin-left: 6px;}
.div-promotion-top{background:#fff;border-radius: 5px;overflow: hidden;}
.promotion-profile{width: 100%;height: 175px;object-fit: cover;border-radius: 50%;padding: 15px;}
.promotion-desc{padding:20px 20px 70px;position:relative}
.promotion-desc .nama-distributor{font-size:25px;margin-bottom: 10px;}
.promotion-desc .desc-distributor{font-size:18px;color:#444;position: relative;}
#share-promotion{margin-right: 50px;}
.promotion-desc .div-dp-home{position: absolute;right: 20px;bottom: 10px;}
.one-promotion{background:#fff;margin-top:20px;position:relative;border-radius: 5px;overflow: hidden;}
.name-promo{font-size:13px}
.price-promo{font-size:14px;color:#ff7b00}
.desc-promo{padding:10px}
.for-img {position:relative}
.one-promotion .for-img .img-promo{width: 100%;height: 165px;object-fit: cover;}
.one-promotion .div-share-on-post{right: 5px;top: 10px;}
#login .login-seller, #daftar-from-checkout .login-seller,
#popup-pilihan-akun .login-seller, #login-reseller .login-seller, #daftar-from-checkout .login-seller,
#daftar .login-seller{margin-top: 0;box-shadow: none;padding-top: 0;padding-bottom: 0;}
#daftarkkm .login-seller{margin-top: 0;box-shadow: none;padding-top: 0;padding-bottom: 0;}
#kkmpassword .login-seller{margin-top: 0;box-shadow: none;padding-top: 0;padding-bottom: 0;}
#kkmpassword .login-seller input,#login .login-seller input, #daftar-from-checkout .login-seller input,
#popup-pilihan-akun .login-seller input,#login-reseller .login-seller input, #daftar-from-checkout .login-seller input {font-size:18px;height: auto;color: #666;border-bottom: solid 1px #f15a22;}
#daftar .login-seller input{font-size:18px;height: auto;color: #666;border-bottom: solid 1px #dcdcdc;}
#daftarkkm .login-seller input{font-size:18px;height: auto;color: #666;border-bottom: solid 1px #dcdcdc;}
#kkmpassword .login-seller input{font-size:18px;height: auto;color: #666;border-bottom: solid 1px #dcdcdc;}

.x-placeholder input::placeholder {color: #999!important;}

#login .login-seller .fa, #daftar-from-checkout .login-seller,
#popup-pilihan-akun .login-seller .fa, #login-reseller .login-seller .fa, #daftar-from-checkout .login-seller,
#daftar .login-seller .fa{font-size:18px;color:#fff;}
#daftarkkm .login-seller .fa{font-size:18px;color:#fff;}
#kkmpassword .login-seller .fa{font-size:18px;color:#fff;}
#login .login-seller .btn, #daftar-from-checkout .login-seller .btn,
#popup-pilihan-akun .login-seller .btn,#login-reseller .login-seller .btn, #daftar-from-checkout .login-seller .btn,
#daftar .login-seller .btn{font-size:16px}
#daftarkkm .login-seller .btn{font-size:16px}
#kkmpassword .login-seller .btn{font-size:16px}
#login .login-seller .btn-login, #daftar-from-checkout .login-seller .btn-login,
#popup-pilihan-akun .login-seller .btn-login,#login-reseller .login-seller .btn-login, #daftar-from-checkout .login-seller .btn-login,
#daftar .login-seller .btn-login{margin-top:25px;margin-bottom:15px;}
#daftarkkm .login-seller .btn-login{margin-top:25px;margin-bottom:15px;}
#kkmpassword .login-seller .btn-login{margin-top:25px;margin-bottom:15px;}
#login .login-seller .form-group, #daftar-from-checkout .login-seller .form-group,
#popup-pilihan-akun .login-seller .form-group,#login-reseller .login-seller .form-group, #daftar-from-checkout .login-seller .form-group,
#daftar .login-seller .form-group{margin-bottom: 20px;}
#daftarkkm .login-seller .form-group{margin-bottom: 20px;}
#kkmpassword .login-seller .form-group{margin-bottom: 20px;}
#login .login-seller .title, #daftar-from-checkout .login-seller .title,
#popup-pilihan-akun .login-seller .title, #login-reseller .login-seller .title, #daftar-from-checkout .login-seller .title,
#daftar .login-seller .title{font-size: 25px;margin-bottom: 30px;}
#daftarkkm .login-seller .title{font-size: 25px;margin-bottom: 30px;}
#kkmpassword .login-seller .title{font-size: 25px;margin-bottom: 30px;}
#login .login-seller img, #daftar-from-checkout .login-seller img,
#popup-pilihan-akun .login-seller img,#login-reseller .login-seller img, #daftar-from-checkout .login-seller img,
#daftar .login-seller img{max-width: 180px;margin-bottom: 10px;}
#daftarkkm .login-seller img{max-width: 180px;margin-bottom: 10px;}
#kkmpassword .login-seller img{max-width: 180px;margin-bottom: 10px;}
.login-seller a{outline:none}
.subtitle-index{background:#fff;border-radius: 5px;overflow:hidden}
.subtitle-index h2{background:#008ff2;width:50%;font-size:18px;color:#fff;padding:5px 15px}
.content-info-terbaru{border-radius:3px;margin-top:20px;background:#fff}
.content-info-terbaru div{padding:10px}
.content-info-terbaru img{height: 200px;object-fit: cover;width: 100%}
.content-info-terbaru iframe{height: 200px!important;width:100%!important}
.link-to-detail{display:block;color:#000;text-decoration:none;margin-bottom:5px;transition:all 0.5s}
.link-to-detail:hover,
.link-to-detail:focus{color:#ff7b00;}
.tanggal-info{font-size:12px;color:#858585;}

.div-share-on-promotion {position:absolute;right:-5px;top: -5px;}
.div-share-on-promotion .fa-circle{color:#eeeeee}
.div-share-on-promotion .fa-share-alt{color:#757575}
.div-share-on-promotion .jssocials-share {margin: 0 0 0 9px;box-shadow: 0 0 3px 1px #aaa;padding: 0 !important;}
.div-share-on-promotion .share-button {width: 43px; height: 43px;}
.div-share-on-promotion .jssocials {padding: 0;}
.div-share-on-promotion .jssocials-shares {padding: 0}
.breadcrumb {
    padding: 0;
    background-color: transparent;
}
.breadcrumb>li {
    font-size: 12px;
    font-family: Verdana, Geneva, sans-serif;
    color: #ffa401;
}
.breadcrumb>li>a {
    font-size: 12px;
    font-family: Verdana, Geneva, sans-serif;
    color: #ffa401;
}
.breadcrumb>li+li:before {
    content: '>';
    color: #ffa401;
}
.product-title {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 40px;
    color: #646464;
    margin-bottom: 15px;
}
.product-rating {
    font-size: 14px;
    text-align: right;
    color: #646464;
    margin-bottom: 5px;
}
.product-rating.large {
    font-size: 22px;
    text-align: center;
    margin-bottom: 0;
}
.product-rating .checked {
    color: #ffa311;
}
.product-images {
    padding: 20px;
    background-color: #fff;
    box-shadow:5px 5px 5px 0 #ebedee;
}

.product-desc {
    font-family: Verdana, Geneva, sans-serif;
    padding: 20px;
    background-color: #fff;
    box-shadow:5px 5px 5px 0 #ebedee;
}

.product-price {
    border: 2px solid #ebebeb;
    border-radius: 100px;
    position: relative;
}
.product-label {
    margin-top: 20px;
    width: 30%;
    text-align: center;
    float: left;
    display: inline-block;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 13px;
    color: #646464;
}
.product-nominal {
    width: 70%;
    float: left;
    display: inline-block;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 40px;
    color: #ff7b00;
    padding: 15px;
}
.product-stock {
    font-family: Verdana, Geneva, sans-serif;
    position: absolute;
    top: -16px;
    right: 50px;
    padding: 2px 25px 2px 2px;
    border: 5px solid #fff;
    background-color: #fff;
    font-size: 13px;
}
.instock {
    color: #01bc3f;
    background-image: url('../img/instock.png');
    background-position: right;
    background-repeat: no-repeat;
}
.outofstock {
    color: #646464;
    background-image: url('../img/outofstock.png');
    background-position: right;
    background-repeat: no-repeat;
}
.instockv2 {
  color: #01bc3f;
  padding: 2px;
}
.outofstockv2 {
  color: #D93A32;
  padding: 2px;
}
.outofstockv2 .glyphicon, .instockv2 .glyphicon {
    font-size: 20px;
    vertical-align: -5px;
    margin-left: 2px;
    margin-right: -3px;
}
.italic {
  font-style: italic;
}
.product-tools {
    padding: 10px 0;
}
.product-tools .m-text{margin-top: 10px;}
.product-wishlist {
    display: inline-block;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 15px;
    color: #646464;
    padding: 5px 40px 5px 5px;
    background-position: right;
    background-repeat: no-repeat;
    cursor: pointer;
}

.product-wishlist:hover,
.product-wishlist:focus {
    text-decoration: none;
}
.add-wishlist {
    background-image: url('../img/wishlist-0.png');
}
.remove-wishlist {
    background-image: url('../img/wishlist-1.png');
}
.divider {
    position: relative;
    z-index: 1;
    text-align: center;
}
.divider:before {
    border-top: 1px solid #ccc;
    content: "";
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    z-index: -1;
}
.divider span {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 13px;
    color: #646464;
    padding: 5px;
    background-color: #fff;
}
.s-text {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 15px;
    color: #646464
}
.m-text {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 21px;
    color: #646464;
}
.product-share {
    margin-top: 10px;
}
.product-share .fa-stack {
    margin: 0 5px;
}
.product-share .fa-circle {
    color: #000;
}
.product-share a:hover .fa-circle.facebook {
    color: #454B9F;
}
.product-share a:hover .fa-circle.twitter {
    color: #519DF4;
}
.product-share a:hover .fa-circle.instagram {
    color: #6C4539;
}
.product-share a:hover .fa-circle.youtube {
    color: #CD0000;
}
.product-qty label {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 13px;
    color: #646464;
    padding-right: 10px;
    font-weight: normal;
}
.product-qty .form-control {
    width: 50px !important;
    text-align:center
}
.product-qty {
    width: 40%;
}
.product-buy,
.product-addcart {
    width: 29%;
}
.btn-red {
    background-color: #ff0000;
    color: #fff;
}
.btn-red:hover {
    color: #fff;
    opacity: 0.5;
}
.btn-orange {
    background-color: #ffa401;
    color: #fff;
    outline: none!important;
}
.btn-orange:hover {
    color: #fff;
    opacity: 0.8;
}
.flat {
    border-radius: 0;
}
.product-tabs {
    display: block;
    width: 100%;
    margin: 30px 0 0 0;
    list-style: none;
    background-color: #ffa401;
}
.product-tabs li {
    float: left;
    padding: 0 50px;
    border-bottom: none;
}
.product-tabs li.active{border-bottom: 4px solid #ffebbb;}
.product-tabs li a {
    font-family: Verdana, Geneva, sans-serif;
    display: inline-block;
    padding: 12px 30px;
    color: #dedede;
    text-transform: uppercase;
    font-size: 15px;
    text-decoration: none!important;
}
.product-tabs li a:hover,
.product-tabs li a:focus {
    color: #fff;
    text-decoration: underline;
}
.product-tabs li.active a {color: #fff;}
.product-tab-content {
    font-family: Verdana, Geneva, sans-serif;
    padding: 20px;
    background-color: #fff;
    box-shadow:0 0 3px 0 rgba(0,0,0,0.2);
    min-height: 370px;
}
.product-sidebar {
    margin-top: 30px;
    font-family: Verdana, Geneva, sans-serif;
    padding: 20px;
    background-color: #fff;
    box-shadow:0 0 3px 0 rgba(0,0,0,0.2);
}
.product-recomend {
    margin-top: 30px;
    font-family: Verdana, Geneva, sans-serif;
    padding: 20px;
    background-color: #fff;
    box-shadow:5px 5px 5px 0 #ebedee;
}
.recomend-title {
    font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
    font-size: 18px;
    text-transform: uppercase;
    color: #646464;
    font-weight: 500;
    font-style: italic;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
}
.recomend-product {
    font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
    text-align: center;
    padding: 10px;
    width: 20%;
    float: left;
}
.r-product-name {
    font-family: inherit;
    font-size: 12px;
    font-weight: bold;
    color: #646464;
}

.r-product-price {
    padding-top: 10px;
    font-family: inherit;
    font-size: 14px;
    color: #ff7b00;
}
.product-image {
    max-height: 400px;
}
.product-images-thumb {
    padding-bottom: 5px;
}
.product-images-thumb li {
    cursor: pointer;
    display: inline-block;
    margin: 0 10px;
    padding: 2px;
    width: 80px;
    height: 80px;
    border: 0.5px solid #ff7b00;
    border-radius: 5px;
}
.product-sidebar-name {
    padding-top: 10px;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 20px;
    color: #646464;
}
.product-sidebar .product-price {
    margin-top: 10px;
    border-radius: 10px;
}
.product-sidebar .product-stock {
    right: 30px;
}
.product-sidebar .product-nominal {
    font-size: 25px;
}
.product-sidebar .product-label {
    margin-top: 25px;
}
.m-t-20 {
    margin-top: 20px;
}

.gallery-item {
    background-color: #fff;
    margin: 15px 0;
    position: relative;
    box-shadow:0 0 3px 0 rgba(0,0,0,0.2);
}
.gallery-name {
    padding: 17px 20px;
    font-size: 18px;
    color: #646464;
    float: left;
    max-width: 270px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.gallery-mask {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.3);
    transition: all 0.3s;
}
.gallery-share {
    padding: 10px 20px;
    cursor: pointer;
    float: right;
}
.gallery-share:hover + .gallery-mask,
.gallery-mask:hover {
    visibility: visible;
    opacity: 1;
    transition: all 0.3s;
}
.btn-gallery-socmed {
    background-color: #fff;
    padding: 7px;
    border-radius: 50px;
    margin: 0 5px;
    box-shadow:0 0 3px 0 rgba(0,0,0,0.2);
}
.btn-gallery-socmed.facebook {
    color: #454B9F;
}
.btn-gallery-socmed.twitter {
    color: #519DF4;
}
.btn-gallery-socmed:hover {
    color: #646464;
}
#gallery-modal .modal-content {
    border-radius: 0;
    border: 0;
    box-shadow: none;
    background-color: transparent;
}
#gallery-modal .modal-header {
    border: 0;
}
#gallery-modal .carousel-control.left {left: 60px;}
#gallery-modal .carousel-control.right {right: 60px;}
#gallery-modal .carousel-control {
    background-image: none;width: 5%;
}
#gallery-modal .close {
    text-shadow: none;
    color: #fff;
    font-size: 25px;
    opacity: .7;
}
.grid-item{display:none;}
.flat {
    border-radius: 0;
}
.rounded {
    border-radius: 50px;
}
.shadow {
    box-shadow:0 0 3px 0 rgba(0,0,0,0.2);
}
.gallery-image-popup {
    display: inline-block;
    margin-top: 38px;
}
.gallery-image-popup .caption {
    color: #fff;
}
.font-20 {
    font-size: 20px;
}
.register-step {
    font-family: 'Lato', sans-serif;
    margin-top: 30px;
    display: block;
    width: 100%;
    position: relative;
}
.register-step:before {
    position: absolute;
    content: '';
    top: 30px;
    left: 0;
    right: 0;
    margin: auto;
    background-color: #ccc;
    width: 80%;
    height: 1px;
    z-index: -1;
}
.step {
    font-family: inherit;
    float: left;
    display: inline-block;
    width: 25%;
    text-align: center;
}
.step-number {
    font-family: inherit;
    padding-top: 15px;
    display: inline-block;
    background-color: #d4d4d4;
    font-size: 20px;
    color: #fff;
    width: 60px;
    height: 60px;
    border-radius: 50px;
}
.step-name{
    padding-top: 20px;
    font-family: inherit;
    opacity: 0;
    font-size: 15px;
    color: #ffa401;
    text-transform: uppercase;
}
.step.active .step-number {
    background-color: #ffa401;
}
.step.active .step-name {
    opacity: 1;
}
.register-distributor-form {
    margin-top: 25px;
    overflow: auto;
    background-color: #fff;
    box-shadow: 3px 3px 3px 0 #ebedee;
    font-family: 'Lato', sans-serif;
	margin-bottom: 25px;
}
.form-title {
    width: 100%;
    padding: 10px;
    font-size: 28px;
    color: #fff;
    background-color: #ffa401;
    font-family: inherit;
    font-weight: 600;
    font-style: italic;
}
.form-content {
    padding: 15px;
}
.register-distributor-form label,
.register-distributor-form .form-group p {
    position: relative;
    font-family: inherit;
    font-size: 16px;
    font-weight: 400;
    color: #646464;
}
.register-distributor-form label.required:after {
    position: absolute;
    content: '*';
    color: red;
}
.register-distributor-form label.inline {
    padding-top: 15px;
}
.register-distributor-form .form-control {
    position: relative;
    margin-top: 10px;
    box-shadow: none;
    border-radius: 20px;
    min-height: 40px;
    padding: 6px 12px;
}
.register-distributor-form .form-control:focus {
    border-color: #ffa401;
}
.register-distributor-form textarea{resize:none;}
.register-distributor-form .btn-orange{
    padding: 8px 60px;
    color: #fff;
}

.form-register-customer .form-control {
    position: relative;
    margin-top: 10px;
    box-shadow: none;
    border-radius: 20px;
    min-height: 40px;
    padding: 6px 12px;
    border: solid 1px #cbcbcb;
}
.form-register-customer .form-control:focus {
    border-color: #ffa401;
}
.form-register-customer textarea{resize:none;}
.form-register-customer select{color: #9aa5bb;}
.form-register-customer select option{color: #333;}

.login-tamu .form-control {
    position: relative;
    margin-top: 10px;
    box-shadow: none;
    border-radius: 20px;
    min-height: 40px;
    padding: 6px 12px;
    border: solid 1px #cbcbcb;
}
.login-tamu .form-control:focus {
    border-color: #ffa401;
}
.login-tamu textarea{resize:none;}

.cust-setting-modal .form-control {
    position: relative;
    box-shadow: none;
    border-radius: 8px!important;
    min-height: 40px;
    padding: 6px 12px;
    border: solid 1px #cbcbcb;
}
.cust-setting-modal .form-control:focus {
    border-color: #ffa401;
}
.cust-setting-modal textarea{resize:none;}

.content-pengiriman .form-control {
    position: relative;
    margin-top: 10px;
    box-shadow: none;
    border-radius: 20px;
    min-height: 40px;
    padding: 6px 12px;
    border: solid 1px #cbcbcb;
}
.content-pengiriman .form-control:focus {
    border-color: #ffa401;
}
.content-pengiriman textarea{resize:none;}

.w-50 {
    width: 50%;
}
.w-20 {
    width: 20%;
    display: inline-block;
}
.div-pilih-paket{
    box-shadow: 3px 3px 3px 0 #ebedee;
    margin-top: 25px;
    background: #fff;
}
.div-pengiriman > .title,
.div-pilih-paket > form > .title{
    color:#fff;
    padding:8px 20px;
    font-style:italic;
    font-size:25px;
    background:#ffa401;
    font-weight:bold;
}
.paket-cashback{padding:20px 30px 0px 30px}
.paket-cashback > .title{color: #ffa401;padding-bottom: 20px;border-bottom: 2px solid #ededed;font-size:30px;text-align:center;font-style:italic;font-weight:bold;}
.paket-cashback .product-slider-home{margin:25px 38px;}
.paket-cashback .product-slider-home .slick-slide{outline:none}
.one-paket{border-radius:5px;margin: 5px 20px;overflow: hidden;position:relative}
.one-paket > img{height:205px;object-fit:cover;padding: 10px;}
.desc-paket {background:#ffffff;padding:10px;position:relative}
.desc-paket .package-name{font-size:16px;color:#333;padding-right: 50px;min-height: 44px;}
.desc-paket .package-price{font-size:18px;color:#ff7b00;text-align:center;margin:10px 0}
.info-paket{
    cursor:pointer;
    position: absolute;
    right: 10px;
    top: 185px;
    z-index: 1;
}
.info-paket img{max-width: 45px;}
.detail-paket{
    background: #fff;
    width: 100%;
    height: 100%;
    position: absolute;
    padding: 15px;
    z-index: -1;
    opacity:0;
    overflow: auto;
}
.detail-paket .title-detail{font-size:16px;}
.detail-paket-content{font-size:12px;line-height: 15px;}
.detail-paket .fa-times{cursor:pointer}
.desc-paket .option > input.quiz-opt{display:none}
.desc-paket .option > input.quiz-opt:checked + .select-package{
    background: #ccc;
}
.desc-paket .option > input.quiz-opt + .select-package{
    display: block;
    color: #fff;    
    font-size: 11px;
    padding: 6px 20px;
    background: #ffa401;
    border-radius: 2em;
    margin-bottom: 5px;
    box-shadow: 2px 3px 5px -2px #000;
    cursor:pointer;
    min-width:130px;
}
/* custom button detail product at register page */
.desc-paket .option > a.detail-product-button{
    display: block;
    color: #fff;    
    font-size: 11px;
    padding: 6px 20px;
    background: red;
    border-radius: 2em;
    margin-bottom: 5px;
    box-shadow: 2px 3px 5px -2px #000;
    cursor:pointer;
    min-width:130px;
}
.desc-paket .option > input.quiz-opt + .select-package:hover {opacity: 0.7;}
.empty-package {
    display: block;
    color: #fff;
    font-size: 11px;
    padding: 6px 20px;
    background: #e11c1c;
    border-radius: 3px;
    margin-bottom: 5px;
    box-shadow: 2px 3px 5px -2px #000;
    cursor:pointer;
    min-width:130px;
    cursor: no-drop;
}
.div-pilih-paket .slick-prev:before {content: url('../img/prev-arrow-slick.png');}
.div-pilih-paket .slick-next:before {content: url('../img/next-arrow-slick.png');}
.div-pilih-paket .slick-prev.fa.fa-caret-down:before {content: url('../img/next-arrow-slick.png');}
.div-pilih-paket .slick-prev.fa.fa-caret-down {right: -25px;left: auto;}
.div-pilih-paket .slick-prev {left: -38px;}
.paket-cashback.paket-investasi > .title{color:#0096d9;border-bottom:3px solid #0096d9;}
.btn-blue{color:#fff;background:#061771}
.paket-cashback.paket-investasi .product-slider-home{
    border-bottom: 3px solid #0096d9;
    padding-bottom: 25px;
}
.div-btn-register-dist .btn{border-radius:50px;font-size: 20px;min-width: 215px;margin:30px 0 60px 0;color:#fff;background: #e4e4e4;font-weight: 300;}
.div-btn-register-dist .btn-orange{background:#ffa401;margin-left:30px;font-weight: normal;}
.div-btn-register-dist .btn-blue{color: #333!important;}
.div-btn-register-dist .btn-blue:hover{opacity: 0.7;}
.div-pengiriman{box-shadow: 3px 3px 3px 0 #ebedee;}
.content-pengiriman {padding:30px;background:#fff}
.bordered-black{border:1px solid #ccc;padding:20px;}
.bordered-black.left .sub-title{font-size:20px;font-weight:bold}
.bordered-black.right .sub-title{font-size:25px;font-weight:bold;margin-bottom: 25px;}
.chosen-address{color:#646464;font-weight:300;font-size:14px;}
.chosen-address .address-category{font-weight:bold;font-size:18px}
.ubah-link{
    margin-left: 30px;
    vertical-align: 1px;
    color: #009aee!important;
    font-size: 15px;
    text-decoration: underline;
    cursor:pointer;
    font-weight: 300;
}
.ubah-alamat{
    margin-left: 30px;
    vertical-align: 1px;
    color: #ff9000!important;
    font-size: 15px;
    text-decoration: underline;
    cursor:pointer;
    font-weight: 300;
}
.box-ubah,.box-dropship{border:1px solid #ccc;padding: 15px 10px 15px 20px;margin-top: 10px;display:none}
.box-ubah .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width: 9px;border-radius: 2px;}
.close-ubah{padding-top: 6px;cursor: pointer;}
.title-ubah{font-size:20px;font-weight:bold;margin-bottom: 20px;}
.div-ubah-alamat{padding:20px 0;border-top: 1px solid #ccc;}
.pilih-alamat{font-weight:bold;font-size:15px;color:#646464}
.tambah-alamat{color:#009aee;font-size:14px;font-weight: bold;}
.div-ubah-alamat .chosen-address{font-size:12px}
.div-ubah-alamat .chosen-address .address-category{font-size:15px;}
.div-ubah-alamat .btn{
    border-radius: 20px;
    color: #fff;
    min-width: 150px;
    padding: 8px;
    margin-top: 8px;
    font-size: 12px;
}
.div-ubah-alamat .btn-ubah-kalimat{background:#0072bc;}
.div-ubah-alamat .btn-kirim-ke-alamat.active{background:#c4c4c4;}
.div-ubah-alamat .btn-kirim-ke-alamat{background:#ff9000;}
.catatan-pengiriman{color:#646464;font-size:17px;font-weight:bold;padding:20px 0}
.catatan-pengiriman span{font-size:15px;font-weight:300;}
textarea.form-control.catatan-pengiriman-textarea{resize:none;height:100px;}
.content-pengiriman hr{margin:25px 0;border-top:1px solid #e4e4e4;}
.barang-pesanan{cursor:pointer;font-weight:bold;font-size:20px;margin-bottom:20px;}
.barang-pesanan .fa{margin-right:10px;}
.barang-pesanan-content{padding:10px;border: 1px solid #ccc;}
.barang-pesanan.collapsed .fa-play{
    transition:all 0.5s;
    transform:rotate(0deg);
}
.barang-pesanan .fa-play{
    transition:all 0.5s;
    transform:rotate(90deg);
}

.bordered-black.right [type="radio"]:checked,
.bordered-black.right [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
.bordered-black.right [type="radio"]:checked + label,
.bordered-black.right [type="radio"]:not(:checked) + label {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: block;
    color: #000;
    font-weight: 300;
    font-size: 15px;
}
.bordered-black.right [type="radio"]:checked + label:before,
.bordered-black.right [type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 1px;
    top: 1px;
    width: 18px;
    height: 18px;
    border: 1px solid #ddd;
    border-radius: 100%;
    background: #fff;
}
.bordered-black.right [type="radio"]:checked + label:after,
.bordered-black.right [type="radio"]:not(:checked) + label:after {
    content: '';
    width: 10px;
    height: 10px;
    background: #000;
    position: absolute;
    top: 5px;
    left: 5px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.bordered-black.right [type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.bordered-black.right [type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.hari-kerja{font-size:10px;color:#646464;display: block;margin-top: -2px;}
.radio-pengiriman{margin-bottom:25px;}
.radio-pengiriman select{width:200px;border-radius:20px;outline:none;padding: 7px 12px;font-size: 12px;}
.table-ringkasan td{font-size:15px;font-weight:300;}
.table-ringkasan >tbody>tr>td{border-top: 0;vertical-align:middle;padding-left:0}
.table-ringkasan >tbody>tr>td:last-child{text-align:right}
.table-ringkasan .col1{font-weight:bold}
.table-ringkasan .col1 span{color:#646464;font-weight:300;}
.table-ringkasan .harga{font-size:20px;font-weight:bold;color:#ff7b00}
.btn-lanjutkan-pembayaran, .btn-buat-akun-baru {color:#fff!important;font-size:20px;border-radius:30px;padding:15px 45px;max-width: 100%;}
.pembayaran .table-ringkasan >tbody>tr>td{padding: 0;}
.pembayaran .table-ringkasan {margin-top: 15px;margin-bottom: 5px;}
.metode-pembayaran .table-ringkasan >tbody>tr>td{vertical-align:top;padding: 8px 0;}
.pembayaran .metode-pembayaran .table-ringkasan{margin-top:0}
.pembayaran .metode-pembayaran .table-ringkasan .ubah-link .ubah-alamat {margin-left:0}
.metode-pembayaran .checkbox{color:#646464;font-weight:300;font-size:12px;}
.metode-pembayaran .checkbox input{margin-top: 2px;}
.syarat-link{color:#ff9000!important;text-decoration:underline}
.barang-yang-anda-pesan.table-ringkasan >tbody>tr>td:last-child{text-align:left;padding: 20px 8px 8px 15px;}
.barang-yang-anda-pesan.table-ringkasan .nama-barang{font-size:13px;font-weight:bold;}
.barang-yang-anda-pesan.table-ringkasan .jumlah-barang{font-size:10px;}
.barang-yang-anda-pesan.table-ringkasan .harga-barang{font-size:15px;color:#ff7b00}
.barang-yang-anda-pesan.table-ringkasan .nama-pengiriman,
.barang-yang-anda-pesan.table-ringkasan .estimasi-pengiriman {font-size:13px;}
.orange{color:#646464;}
.desc-opsi-pembayaran{margin-left: 28px;color: #646464;}
.visa-master{
    margin-left: 28px;
    max-width: 135px;
    padding: 6px 0 20px 0;
}
.bordered-black.right .radio-pembayaran [type="radio"]:checked + label,
.bordered-black.right .radio-pembayaran [type="radio"]:not(:checked) + label{
    font-size: 18px;
}
.va-payment{padding-left: 52px;padding-top: 5px!important;background: #fff;margin-top: -18px!important;margin-bottom: 0!important;padding-right: 10px;}
.keterangan-va-payment{margin-left:28px;font-style:italic;font-size:14px;}
.radio.pembayaran img{max-width:90px;max-height: 30px;margin-right: 5px;}
.radio.pembayaran {margin-bottom: 20px;}
.bordered-black.right .radio.pembayaran [type="radio"]:checked + label:before,
.bordered-black.right .radio.pembayaran [type="radio"]:not(:checked) + label:before{top:8px}
.bordered-black.right .radio.pembayaran [type="radio"]:checked + label:after,
.bordered-black.right .radio.pembayaran [type="radio"]:not(:checked) + label:after{top:12px}
.radio-pembayaran{
    margin-bottom: -5px;
    padding-top: 15px;
    padding-left: 20px;
    padding-right: 10px;
}
.radio-pembayaran.virtual-account{padding-bottom: 20px;}
.payment-option{
    padding-left: 20px;
    padding-top: 20px;
    margin-bottom: 0;
}
.register-distributor-form hr {
    margin: 15px -15px;
    border-top: 1px solid #d0d0d0;
}
.upload-image-wrap {
    padding-top: 15px;
    padding-bottom: 15px;
}
.upload-image-preview {
    height: 110px;
    width: auto;
    object-fit: cover;
}
.upload-image-file {
    display: none !important;
}

.syarat .sidebar-kategori {padding:0}
.syarat .list-kategori{margin-top:0}
.syarat .sidebar-kategori .list-kategori li{margin-bottom:0;padding:0}
.syarat .sidebar-kategori ul li a{
    padding:10px 0 10px 15px;
    display:block;
    transition:all 0.2s;
}
.syarat .sidebar-kategori ul li a:hover,
.syarat .sidebar-kategori ul li a:focus,
.syarat .sidebar-kategori ul li.active a{border-right:3px solid #ff7b00;}
.blue{color:#ff7b00}
h1.title-detail-info{font-size:25px;}
h2.title-detail-info{font-size:20px;}
.list-syarat{padding-left: 15px;}
.list-syarat ul{padding-left: 40px;}

.page-load-status {
  display: none; /* hidden by default */
  padding-top: 20px;
  border-top: 1px solid #DDD;
  text-align: center;
  color: #777;
}

.fw-300{font-weight:300;}
.dp-sidebar{height: 125px;width: 125px;object-fit: cover;margin-top: 19px;margin-bottom: 19px;}
.welcome-to{font-size:24px;margin: 5px auto;word-break: break-all;color: #fff;}
.dp-header{width: 60px;height:60px;object-fit: cover;}
.header-logged-in .bg-skew{padding: 35px 0 5px 0;}
.header-logged-in .content-skew{margin-left: 30px;}
.header-logged-in .content-skew .pull-left{width:100px}
.header-logged-in .content-skew .pull-right{width: 145px;color:#fff}
.header-logged-in .bg-skew .content-skew{max-width: 245px;}
.e-wallet-txt{font-size:12px;}
.e-wallet-total{font-size:18px;}
.e-wallet-total img{margin-right: 5px;height: 32px;vertical-align: -8px;}
.btn-topupsaldo{color: #fff!important;border: 1px solid #fff;border-radius: 20px;padding: 3px 12px;margin-top: 5px;}
.header-logged-in .cust-name{font-size: 16px;color: #fff;}

.profile-list-sidebar a{display:block;background:#fff;padding:10px 20px;color:#000;font-size: 15px;border-left: 5px solid #fff;font-weight: 300;}
.profile-list-sidebar  li{border-bottom: 2px solid #ddd;}
.profile-list-sidebar li:hover a,
.profile-list-sidebar li:focus a{border-left: 5px solid #ddd;}
.profile-list-sidebar li.active a,
.profile-list-sidebar li.active:hover a,
.profile-list-sidebar li.active:focus a{    border-left: 5px solid #009aee;color: #004c76;}
.profile-list-sidebar li:last-child a{border-bottom: 1px solid transparent;}
.profile-list-sidebar {list-style:none;box-shadow:5px 5px 5px 0 rgba(198, 198, 198, 0.5);}
.image-product-thumbnail{width:100%;height:100%;object-fit:cover}
.slick-track{margin-top:20px;}
.div-for-cust-page{background:#fff;padding:20px 30px;box-shadow: 0 0 3px 0 rgba(0,0,0,0.2);}
.div-for-cust-page .title{color:#646464;font-size:32px}
.div-buku-alamat{background:#eee;border:5px solid #e5e5e5;padding:20px}
.cust-setting-dp{width: 125px;display: block;margin: auto;}
.cust-setting-dp .upload-img{right: -5px;position:absolute;bottom: 0;}
.btn-tambah-alamat{background:#ffa401;padding:15px 30px;color:#fff}
.btn-add-address{background:#ffa401;padding:15px 30px;color:#fff}
.red{color:red}
.cust-setting-modal label{margin-bottom:5px;}
.cust-setting-modal .contoh{color:#9b9b9b;display:block;margin-top:5px}
.cust-setting-modal .form-control{border:1px solid #ddd;background:#fbfbfb;border-radius:0}
.cust-setting-modal .btn-tambah-alamat{margin-left:15px;min-width:150px;padding: 10px 30px;}
.cust-setting-modal .btn-add-address{margin-left:15px;min-width:150px;padding: 10px 30px;}
.cust-setting-modal textarea{height:115px;resize:none}
.custom-radio-kki [type="radio"]:checked,
.custom-radio-kki [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
.custom-radio-kki [type="radio"]:checked + label,
.custom-radio-kki [type="radio"]:not(:checked) + label {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: block;
    color: #000;
    font-weight: 300;
    font-size: 15px;
}
.custom-radio-kki [type="radio"]:checked + label:before,
.custom-radio-kki [type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 1px;
    top: 1px;
    width: 18px;
    height: 18px;
    border: 1px solid #ddd;
    border-radius: 100%;
    background: #fff;
}
.custom-radio-kki [type="radio"]:checked + label:after,
.custom-radio-kki [type="radio"]:not(:checked) + label:after {
    content: '';
    width: 10px;
    height: 10px;
    background: #000;
    position: absolute;
    top: 5px;
    left: 5px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.custom-radio-kki [type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.custom-radio-kki [type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.radio-gender{margin-bottom:0}
.form-profil label{font-weight:normal;margin-bottom:15px;}
.form-profil .form-control{border-radius:20px!important;}
.custom-check-kki [type="checkbox"]:checked,
.custom-check-kki [type="checkbox"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
.custom-check-kki [type="checkbox"]:checked+label,
.custom-check-kki [type="checkbox"]:not(:checked)+label {
    position: relative;
    margin-left: 0;
    padding-left: 20px;
    padding-right: 10px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #646464;
    font-weight: 300;
}
.custom-check-kki [type="checkbox"]:checked+label:before,
.custom-check-kki [type="checkbox"]:not(:checked)+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 3px;
    width: 15px;
    height: 15px;
    border: 1px solid #c2c2c2;
    background: #fff;
}
.custom-check-kki [type="checkbox"]:checked+label:after,
.custom-check-kki [type="checkbox"]:not(:checked)+label:after {
    content: '';
    width: 9px;
    height: 9px;
    background: #000;
    position: absolute;
    top: 6px;
    left: 3px;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.custom-check-kki [type="checkbox"]:not(:checked)+label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.custom-check-kki [type="checkbox"]:checked+label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.form-profil .checkbox{margin: 0 0 -5px 0;}
.form-profil .input-group-addon{background: #fff;border: 0;font-size: 20px;}
.btn-one, .btn-two{width:170px;padding:10px;color:#fff!important;outline:none;border-radius:5px}
.btn-one{background:#009aee}
.btn-two{background:#009aee}
.searchbar-header.on-sidebar{width:100%}
.searchbar-header.on-sidebar input{box-shadow: 0 0 3px 0 rgba(0,0,0,0.2);background:#fff;height:45px;font-size: 16px;}
.searchbar-header.on-sidebar .searchbutton{padding: 8px 25px;}
.form-control.on-sidebar{border: 0;border-radius: 0;height: 45px;font-size: 16px;}
.form-control.white::placeholder {
    color: #fff;
    opacity: 1;
}
.box-shadowed2{box-shadow: 0 0 3px 0 rgba(0,0,0,0.2);}
.example1 {
   height: 50px;
   overflow: hidden;
   position: relative;
   white-space: nowrap;
}
.example1 h3 {
   font-size: 18px;
   color: #fff;
   position: absolute;
   margin: 0;
   line-height: 50px;
   text-align: left;
   -moz-transform: translateX(100%);
   -webkit-transform: translateX(100%);
   transform: translateX(100%);
   -moz-animation: example1 40s linear infinite;
   -webkit-animation: example1 40s linear infinite;
   animation: example1 40s linear infinite;
}
/* Move it (define the animation) */
@-moz-keyframes example1 {
 0%   { -moz-transform: translateX(100%); }
 100% { -moz-transform: translateX(-100%); }
}
@-webkit-keyframes example1 {
 0%   { -webkit-transform: translateX(100%); }
 100% { -webkit-transform: translateX(-100%); }
}
@keyframes example1 {
 0%   {
 -moz-transform: translateX(100%); /* Firefox bug fix */
 -webkit-transform: translateX(100%); /* Firefox bug fix */
 transform: translateX(100%);
 }
 100% {
 -moz-transform: translateX(-100%); /* Firefox bug fix */
 -webkit-transform: translateX(-100%); /* Firefox bug fix */
 transform: translateX(-100%);
 }
}
.box-white{background:#fff;padding: 15px;}
.title-category{text-align:center;font-size:40px;padding:50px 0;color:#344ea2}
.custom-arrow .carousel-control.left {
    background: none;
    opacity: 1;
    text-shadow: none;
}
.custom-arrow .carousel-control.left img {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    z-index: 5;
    display: inline-block;
    left: 30px;
}
.custom-arrow .carousel-control.right {
    background: none;
    opacity: 1;
    text-shadow: none;
}
.custom-arrow .carousel-control.right img {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    z-index: 5;
    display: inline-block;
    right: 30px;
}
.category-logos{display:flex}
.category-logos div{flex:1;padding:0 10px}
.row-center-sm {-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;-moz-align-items: center;align-items: center;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -moz-flex;display: -ms-flexbox;display: flex}
.category-page-title{font-size:18px;color:#d62c75}
.list-product-cat a{color:#777!important;margin:10px 0;display:block}
.category-page .pagination-bisnissaya .btn{border:1px solid #c6c6c6;background:#fff;color: #000;margin: 0 5px;padding: 4px 11px;font-weight: normal;}
.category-page .pagination-bisnissaya .btn.active{color:#fff;background:#009aee;border:1px solid #009aee}
.category-page select{border-radius:0}
.info-bs{background:url('../img/info-bs.png') no-repeat;background-size:cover;}
.close-info-bs{position: absolute;top: 0;left: auto;right: 15px;font-size: 20px;color: #fff!important;cursor: pointer;padding: 10px 15px;background: #061973;}
.belanja-lagi-top{border-radius:30px;border:1px solid #ffa401;background:transparent;padding:11px;color:#ffa401!important;width:200px;font-size:16px;}
.lanjutkan-pembayaran-top{cursor:pointer;border-radius:30px;border:1px solid #009aee;background:#009aee;padding:11px;color:#fff!important;width:200px;font-size:16px;}
.lanjutkan-pembayaran-top:hover{opacity: 0.8;}
.recomend-list{margin:0 35px;}
.custom-arrow-slick .slick-prev, .custom-arrow-slick .slick-next{width: 25px;height: auto;}
.table.table-checkout>tbody>tr>td{vertical-align:middle;border:0;font-size:15px;}
.table.table-checkout>tbody>tr:last-child>td{border-top:1px solid #ddd;padding-top: 25px;}
.table.table-checkout>tbody>tr>th{color:#646464;font-size:20px;border-top:0;border-bottom:1px solid #ddd;padding: 15px 0;}
.table.table-checkout .harga{font-size:20px;color:#ff7b00}
.img-prod-checkout{width:120px;height:120px;object-fit:cover}
.table.table-checkout>tbody>tr>td.product-name-checkout{color:#646464;font-size:20px}
.table-checkout a{color:#000!important}
.table-checkout .form-inline{margin-left: -40px;}
.table-checkout{min-width:900px}
.table.table-checkout>tbody>tr>td.subtotal{font-size:20px;color:#646464}
.table-checkout input{font-size:15px;}
.belanja-lagi-bottom{background:#e4e4e4;color:#000!important;border-radius:30px;font-size:20px;font-weight:300;width:275px;padding:15px;margin-right:15px;}
.lanjutkan-pembayaran-bottom{background:#ffa401;color:#fff!important;border-radius:30px;font-size:16px;width:200px;padding:11px}
.lanjutkan-pembayaran-bottom:hover {opacity: 0.8;}
.checkout-popup{width: 85%;max-width: 1150px;}
.checkout-popup .box-ubah{overflow-y: auto;overflow-x: hidden;}
.modal-backdrop {background-color: #0b0d54;}
.checkout-popup .modal-content{border-top: 12px solid #ffc000;}
.logo-popup{width: 100px;}
.checkout-popup .register-step:before{height: 3px;z-index: 0;width: 50%;}
.checkout-popup .step{position: relative;width: 50%;}
.checkout-popup .register-step{margin-top: -60px;margin-bottom: 15px;}
.checkout-popup .step.active .step-number{background:#ffa311}
.checkout-popup .step-name {padding-top: 12px;font-size: 15px;color: #646464;font-weight: bold;text-transform: none;opacity: 1;}
.blue-link{color:#0072bc;font-size:12px;text-decoration:underline}
.checkout-popup .barang-yang-anda-pesan.table-ringkasan .nama-barang{font-size:18px}
.checkout-popup .barang-yang-anda-pesan.table-ringkasan .jumlah-barang {font-size: 12px;font-weight:normal}
.checkout-popup .barang-yang-anda-pesan.table-ringkasan .harga-barang{font-weight:normal}
.kode-voucher-form{margin-top: 10px;padding-left: 20px;}
.kode-voucher-form .form-control{border-radius:30px;font-size: 18px;height: 39px;}
.kode-voucher-form .control-label{font-size: 18px;font-weight: 300;margin-bottom: 15px;}
.div-voucher{padding: 10px 25px;border-top: 1px solid #ccc;}
.div-voucher .checkbox label{font-size: 25px;font-weight: 600;}
.div-voucher input[type=checkbox]{margin-top: 13px;}
.btn-gunakan{border-radius: 30px;width: 120px;width: 145px;font-size: 18px;}
header{position: relative;}
.user-menu{
    border-radius: 2px;
    width: 200px;
    position: absolute;
    display: block;
    background: #fff;
    z-index: 9;
    right: 110px;
    top: 10px;
    box-shadow: 3px 2px 4px 1px rgba(0,0,0,0.3);
    padding: 10px 0 0 0;
    display:none
}
.user-menu:after{
    position: absolute;
    top: -15px;
    width: 0;
    height: 0;
    content: '▲';
    left: -10px;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    color: #fff;
    text-shadow: 2px -1px 1px rgba(0,0,0,0.3);
}
.user-menu ul{list-style:none;padding:0 10px}
.user-menu ul li{font-weight:300;margin-bottom:10px;}
.user-menu ul li a {color:#646464}
.user-menu ul img{margin-right:10px;vertical-align: -2px;}
.user-menu ul.list-inline {display: flex;margin-left: 0;border-top: 1px solid #e3e3e3;}
.user-menu ul.list-inline li{padding: 0;flex: 1;margin-bottom: 0;padding-top: 5px;padding-bottom: 5px;text-align: center;}
.user-menu ul.list-inline li:first-child{border-right:1px solid #e3e3e3}
.has-user-menu{cursor:pointer}
.user-menu ul li a:hover,
.user-menu ul li a:focus{text-decoration:underline}
.user-menu .badge{background-color: #b3b3b3;padding:3px 10px;font-weight:300;display: inline-block;margin-top: 1px;}

.wishlist .barang-yang-anda-pesan.table-ringkasan .nama-barang{font-size:16px;display:block;margin-bottom: 10px;}
.wishlist .barang-yang-anda-pesan.table-ringkasan .jumlah-barang {font-size: 13px;}
.wishlist  .barang-yang-anda-pesan.table-ringkasan .harga-barang{font-size:17px;display: inline-block;margin-top: 10px;}
.wishlist  .table-ringkasan {min-width: 550px;}
.wishlist  .table-ringkasan td{font-weight:normal;border-top: 2px solid #ccc;border-bottom: 2px solid #ccc;font-size: 13px;}
.wishlist  .barang-yang-anda-pesan.table-ringkasan >tbody>tr>td.button-beli{padding: 8px;text-align:right}
.btn-beli-wishlist{color: #fff!important;width: 207px;max-width: 100%;border-radius: 0;padding: 8px 12px;float: right;margin-right: 8px;}
.share-wishlist{display:flex;width:220px;margin-left:auto;}
.share-wishlist div{flex:1;text-align: center;}
.share-wishlist img{width: 25px;height: auto;}

.pesanan-saya .nav-justified>li{padding: 0 10px}
.pesanan-saya .nav-justified>li:first-child{padding-left:0}
.pesanan-saya .nav-justified>li:last-child{padding-right:0}
.pesanan-saya .nav-pills>li.active>a,
.pesanan-saya .nav-pills>li.active>a:focus,
.pesanan-saya .nav-pills>li.active>a:hover{
    background:#fff;
    border-top:5px solid #ffa401;
    border-radius:0;
    color:#ffa401;
}
.pesanan-saya .nav-pills>li>a{
    background:#fff;
    border-top:5px solid #ababab;
    border-radius:0;
    color:#646464;
    font-size: 15px;
    transition:all 0.3s;
}
.pesanan-saya .nav-pills>li>a:focus,
.pesanan-saya .nav-pills>li>a:hover{
    border-top:2px solid #ababab;
}
.div-pesanan{border:1px solid #b9b9b9}
.div-pesanan-top{background:#eee;padding:20px;font-size:15px;border-bottom:1px solid #b9b9b9;}
.div-pesanan-bottom{background:#fff;padding:20px;font-size:15px}
.div-pesanan-top .col-md-3{line-height:25px}
.warning-pesanan{border:1px solid #ffc15d;background:#fff8c7;padding:25px;font-size: 13px;}
.warning-pesanan img{margin-right:20px}
.warning-no-order{border:1px dashed #ffc15d;background:#fffcf3;padding:25px;font-size: 15px;color:#333}
.warning-no-order img{margin-right:20px}
.warning-no-order a{color:#ffc15d!important;text-decoration:underline}
.btn-pilih-metode{
    border: 1px solid #ffc15d;
    font-size: 13px;
    padding: 12px;
    min-width: 225px;
    max-width: 100%;
    color: #000;
    margin-top: -52px;
    float:right;
}
.pesanan-saya .tab-content{margin-top: 20px;}
.pesanan-saya #saatini .wishlist  .table-ringkasan {min-width:0}
.pesanan-saya .wishlist  .table-ringkasan td{border:0;}
.pesanan-saya .wishlist .barang-yang-anda-pesan.table-ringkasan .jumlah-barang{font-size: 12px;}
.pesanan-saya .wishlist .barang-yang-anda-pesan.table-ringkasan .nama-barang {font-size: 15px;margin-bottom: 5px;}
.pesanan-saya .wishlist .barang-yang-anda-pesan.table-ringkasan .harga-barang {margin-top: 5px;}
.pesanan-saya .btn-beli-wishlist{width: auto;padding: 8px 12px;}
.link-detail-pesanan{color:#3b7ec2;font-weight:bold}
.div-pesanan+.div-pesanan{margin-top:25px;}
.pilihan-pesanan{padding: 10px;margin-left: 10px;width: 20%;border-radius: 25px;outline: none;}
.pilihan-pesanan:focus {
    border-color: #061771;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
}
.grey{color:#999}
.font-12{font-size:12px}
.ringkasan-bayar{width:100%}
.ringkasan-bayar tr:last-child td{border-top:1px solid #000}
.ringkasan-bayar td{padding:2px 0}
.detail-pesanan .table-ringkasan td{line-height:16px}
.detail-pesanan .step.active .step-number {background-color: #ffa401;}
.detail-pesanan .register-step:before{z-index:0}
.detail-pesanan .step{position: relative;}
.detail-pesanan .step-name{padding-top: 10px;opacity:1;color: #646464;font-weight: bold;text-transform:none}
.article{color:#444}
.title-article{font-size:24px;}
.date-article{font-size:14px;}
.content-article{font-size:18px;}
.article .share-wishlist{width: 215px;}
.article .share-wishlist img {width: 35px;}

.posting-timeline img {
    image-orientation: from-image;
}
.box-shadowed .relative img {
    image-orientation: from-image;
}
.gallery-item img, .gallery-image-popup img {
    image-orientation: from-image;
}

.one-promotion .jssocials-shares:after {
    content: "";
    display: table;
    clear: both;
}
.one-promotion .jssocials-share {
    float: left;
    width: 30px;
    height: 30px;
}

.one-promotion .jssocials-share:nth-child(2n+1) {
    clear: both;
}
.one-promotion .div-share-on-post .jssocials-share {
    display: unset;
}

.one-promotion .div-share-on-post input {
    z-index: 99999;
}

a.special-price {
    background: linear-gradient(120deg, #b82e29 0%, #ff4a42 100%);
    color: #fff;
    border-radius: 2em;
    padding: 5px 8px;
    margin-top: 5px;
    display: inline-block;
}
a.special-price:hover {
    opacity: 0.7;
}
.product-price.clearfix a.special-price {
    display: inline-block;
    margin-bottom: 13px;
    float: right;
    margin-right: 3em;
    margin-top: -4px;
}

/* CSS untuk mode mobile */
@media (max-width: 767px) {
  .div-col-wishlist{width: 300px ;}
}

/* CSS untuk mode desktop */
@media (min-width: 1020px) {
  .div-col-wishlist{width: 100% ;}
}


@media (min-width: 768px){
    #login .modal-dialog, #daftar-from-checkout .modal-dialog,
    #daftar .modal-dialog {width: 450px;}
    #daftarkkm .modal-dialog {width: 450px;}
    #popup-pilihan-akun .modal-dialog{
        width: 300px;
    }
}
@media (max-width:1199px) {
    .btn-pilih-metode{min-width: 200px;}
    .user-menu{right: 80px;}
    .searchbar-header{margin-right: 20px;}
    .dropdown-1{width: 245px;}
    .dropdown-2 {width: 470px;}
    .dropdown-2 ul{min-width: 295px;}
    .header-logged-in .content-skew {margin-left: 8px;}
}
@media (max-width:991px) {
    .container.for-user-menu{width:50%}
    .user-menu {right: auto;top: 10px;left: -40px;}
    .info-bs{background:#061771;padding: 0 15px;}
    .header-logged-in .col-md-3{padding:0;}
    .header-logged-in .content-skew{margin-left:0}
    .header-logged-in .bg-skew{background: #f15a22;padding: 15px;}
    .header-logged-in .bg-skew .content-skew {max-width: 100%;}
    .header-logged-in .content-skew .pull-left{width:50%;padding:0 15px}
    .header-logged-in .content-skew .pull-right{width: 50%;padding:0 15px}
    .header-logged-in .content-skew .pull-right .text-right{text-align:left}
    .login-seller {margin-top:0;margin-bottom:15px;}
    .product-slider-home {margin: 25px 0;}
    .same-height .valign-center{top: 0%;transform: translateY(0%);-webkit-transform: translateY(0%);-ms-transform: translateY(0%);}
    .bg-skew{background: #fff;transform: skew(0,0);width: 100%;padding: 0 0 15px 0;}
    .bg-skew .content-skew{transform: skew(0,0);max-width:100%}
}
@media (max-width:768px) {
    .box-shadowed .relative img {height: auto!important;}
    .promotion-profile {width: auto;height: auto;max-height: 200px;display: block;margin: auto;}
    .one-promotion .for-img .img-promo {max-width: 100%;height: auto;display: block;margin: auto;}
    .container.for-user-menu{width:50%}
    .user-menu {right: auto;top: 10px;left: -93px;}
    #share{margin-top:-5px;}
    .div-nama-distributor{margin-top: -70px;}
    .dp-home{margin-top: -70px;}
    .div-dp-home.left {margin-top: 0px;}
    .main-banner-indicators div{flex:auto;}
    .btn-lihat-selengkapnya{margin-top: 15px;}
    .logo{margin-top: -10px;}
    .login{margin-right: 8px;}
    .lacak a{margin-left: 8px;}
    .searchbar-header.pull-right{float:none!important;width: 100%;margin: 25px 0;}
    .fixed-btn-1 {position: fixed;bottom: 0;left: 0;width: 50%;z-index: 99;font-size: 18px;}
    .fixed-btn-2 {position: fixed;bottom: 0;right: 0;width: 50%;z-index: 99;font-size: 18px;}
    .virtual-btn_ {margin-left:auto!important;}
    div[aria-live*="polite"]{height: auto!important;}
}
@media (max-width:767px) {
    .product-tabs li{padding: 0 10px;text-align: center;width: 50%;}
    .product-tabs li a{font-size: 14px;}
    .col-xs-12.float-none{float: none!important;}
    .product-qty .input-group{margin-left: 85px;margin-top: -25px;}
    .product-qty label{margin-top: 10px;}
    .product-images-thumb li{margin: 0 25px;}
    .product-label{margin-top: 25px;}
    .product-nominal{font-size: 25px;}
    .product-tools .s-text{font-size: 12px;}
    .product-tools .m-text{font-size: 16px;}
    .product-images-thumb.list-inline .slick-prev{left: -6px;top: 55%;}
    .product-images-thumb.list-inline .slick-next {right: -12px;top: 55%;}
    .product-images-thumb.list-inline .slick-list{height: auto!important;}
    .image-product-thumbnail{width: auto!important;}
    .product-title{font-size: 25px;}
    .navbar-kki-new .nav-justified>li>a{font-size: 15px;padding: 5px 15px;}
    .product-buy, .product-addcart {width: 100%;}
    .div-for-cust-page{padding: 20px ;}
    .detail-pesanan .step-name{font-size: 12px;}
    .pesanan-saya .nav-justified>li {display: table-cell;width: 1%;}
    .pilihan-pesanan{width: 60%;}
    .btn-pilih-metode {float: none;margin-top: 15px;width: 100%;min-width: 0;}
    .product-recomend .slick-list{height: 100%!important;}
    .checkout-popup .content-pengiriman {padding: 10px 5px;}
    .checkout-popup .register-step {margin-top: 0;}
    .checkout-popup{width:auto}
    .checkout-popup .modal-content{padding:8px 10px!important}
    .checkout-popup .modal-body{padding:0}
    .belanja-lagi-bottom{margin-bottom: 10px;margin-right: 0;margin-top: -20px;}
    .table-checkout .form-inline {margin-left: 45px;}
    .buttons-bot{text-align:center}
    .list-syarat ul {padding-left: 25px;}
    .content-pengiriman{padding:15px}
    .bordered-black.right .sub-title{font-size: 20px;}
    .pembayaran .metode-pembayaran .table-ringkasan >tbody>tr>td:first-child{font-weight:bold;width: 100%!important;}
    .pembayaran .metode-pembayaran .table-ringkasan >tbody>tr>td:first-child img{margin:auto}
    .pembayaran .table-ringkasan >tbody>tr>td{display: block;text-align: left;padding: 0;}
    .pembayaran .table-ringkasan >tbody>tr>td:last-child{margin-bottom: 15px;}
    .btn-lanjutkan-pembayaran{font-size: 16px;}
    .div-btn-register-dist .btn-orange{margin-left: 5px;}
    .div-btn-register-dist .btn{min-width: 1px;}
    .radio-pengiriman select{width: 100%;float: none!important;margin: 5px 0;}
    .w-50 {width: 100%;}
    .w-20 {width: 48%;}
    .div-share-on-post{right: 15px;}
    .title-and-publisher{left: 90px;bottom: 6px;right: 0;}
    .title-post {font-size: 18px;max-width: 95%;}
    .publisher-post{margin-top: 5px;}
    .div-date-circle{width: 60px;height: 60px;bottom: 20px;left: 20px;}
    .date-circle{font-size: 20px;padding-top: 8px;}
    .month-circle {font-size: 16px;}
    .div-nama-distributor .nama-distributor{color:#ff7b00;word-break: break-all;}
    .div-dp-home.left{padding-top: 15px;}
    .dp-home{float: none!important;display: block;margin: auto;margin-top: 0!important;}
    .div-nama-distributor{margin-top: 0;text-align:center;max-width: 100%;margin-left: 0;}
    /* .footer-top img {margin: 10px 0 -2px 0;} */
    .ikuti-kami{text-align:center;margin-top:10px}
    .m-t-10 {margin-top: 0!important;}
    .product-price.clearfix a.special-price{float:initial;margin-right:auto;margin-top:7px;}
}
@media (max-width:400px) {
    .user-menu {right: auto;top: 10px;left: -80px;width: 180px;}
}

@media (max-width:375px) {
    .pesanan-saya .nav-pills>li>a{font-size: 12px;}
    .btn-pilih-metode{font-size: 11px;}
    .warning-pesanan img{width:45px}
    .btn-lanjutkan-pembayaran{font-size: 14px;padding: 12px 25px;}
    .paket-cashback .product-slider-home {margin: 25px 20px;}
    .login{margin-right: 0;}
    .login a{margin-left: 0;}
    .login span {padding-left: 0;}
    .lacak a{margin-left: 8px;}
}

@media screen and (max-width:767px) {
    #main-slider .carousel-inner>.item>a>img, #main-slider .carousel-inner>.item>img{
        height:auto!important;
    }
}

.link-socmed {
    background-color: #077726;
    font-size: 11px;
    padding: 1px 2px 2px 2px !important
}

.link-socmed .whatsapp {
    background-color:#29a628 !important;
}
.link-socmed .jssocials-share-link {
    margin-top: 2px !important
}
.whatsapp-socmed {
    background-color:#29a628 !important;
    font-size: 11px;
    padding: 1px 2px 2px 2px !important
}
.whatsapp-socmed .jssocials-share-link {
    margin-top: 2px !important
}

.blogger {
    background-color: #f57d00;
    font-size: 11px;
    padding: 2px 0 2px 0 !important
}
.blogger .jssocials-share-link {
    padding: 5px !important;
    margin-top: 2px !important
}
.instagram {
    background-color: #4b0082
}
.jssocials-share img {
    width: 30px !important;
    height: 30px !important;
}
.line-sharing .jssocials-share-link {
    padding: 0 !important;
    border-radius: 5px;
}
.facebook-sharing .jssocials-share-link {
    padding: 5px !important;
    font-size: 14px;
    border-radius: 5px;
}
.twitter-sharing .jssocials-share-link {
    padding: 5px !important;
    color: #fff !important;
    font-size: 14px;
    border-radius: 5px;
}
.googleplus-sharing .jssocials-share-link {
    padding: 7px !important;
    font-size: 11px;
    border-radius: 5px;
}
.jssocials-share-link {
    padding-right: 3px
}
.jssocials-share {
    margin: .3em .3em .3em 0 !important;
    border-radius: 5px;
}
/* New Update */
.modal {
  text-align: center;
  padding: 0!important;
}
.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px; /* Adjusts for spacing */
}
.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}
#thumbnail-product{
    height: auto;
    overflow: auto;
    margin-bottom: 2em;
}
.div-detail-pemesanan{
    padding:20px;
    border:3px solid #d0d0d0;
}


/*promo landing page*/

.promppage_mainvis .carousel-control.right{background-image:none}
.promppage_mainvis .carousel-control.left{background-image:none}
.promppage_mainvis .carousel-indicators .active{background-color: #ff7b00;}
.promppage_mainvis .carousel-indicators li{background-color: #9cbbbc;border: 1px solid transparent;}
.cari-promo-searchbox .input-group-addon{background-color: #fff;font-size: 20px;padding: 0 12px;}
.cari-promo-searchbox .form-control{font-weight: 300;}
.input-group.cari-promo-searchbox{width: 100%;max-width: 350px;}
.one-promo-div{border-radius:8px;overflow:hidden;margin-bottom:25px}
.one-promo-div hr{margin: 0;border-top: 1px solid #ddd;}
.one-promo-div>img{object-fit:cover;width:100%;height:195px}
.content-promo-page{background-color:#fff;padding:15px;}
.content-promo-page .btn{font-weight: 600;padding: 10px 12px;color: #fff!important;}
.additional-info-promo{font-size:13px;font-weight:300;margin: 10px 0;}
.additional-info-promo .title{font-size:12px;color:#808080}
.row-center {-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;-moz-align-items: center;align-items: center;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -moz-flex;display: -ms-flexbox;display: flex}
.additional-info-promo img{margin-right:15px}
.additional-info-promo .orange{font-weight: 700;}
.lihat-promo-page{color:#808080!important;background:#fff;font-weight:600;min-width:230px;padding:8px 12px}
.title-promo-lainnya{font-size:20px;font-weight:bold;opacity:0.75;text-align:center}
.promo-detail-page .box-white{color:#808080;font-weight:300;padding:0}
.promo-detail-page .box-white .title{padding:10px;text-align:center}
.promo-detail-page .box-white hr{margin:0}
.periode-promo{font-size:18px}
.input-group.kode-voucher-promo{width: 80%;margin: auto;}
.kode-voucher-promo input{text-align:center;color:#ff7b00}
.kode-voucher-promo .input-group-addon{background-color: #FFF;cursor:pointer}
.promo-detail-page .box-white{border-radius:5px;}
.kode-voucher-promo .tooltiptext {
    visibility: hidden;
    width: 110px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 4px;
    position: absolute;
    z-index: 1;
    bottom: 105%;
    font-size: 12px;
    opacity: 0;
    transition: opacity 0.3s;
    right: 0;
}

.kode-voucher-promo .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}
.kode-voucher-promo:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}
.random-product img{width: 120px;height: 120px;object-fit: cover;}
.random-product.table>tbody>tr>td:first-child{border-right: 1px solid #ddd;}
.random-product.table>tbody>tr>td{padding:15px}
.random-product .nama-product{font-weight:600;color:#7d7d7d;margin-bottom:4px}
.random-product .harga-product{font-weight:300;color:#f17400}
.promo-detail-page .detail-content{color:#000;opacity:0.75;padding:20px 30px;font-size:15px;transition:all 0.3s}
.promo-detail-page .detail-content ol{padding-left:30px}
.promo-detail-page .detail-content ol li{padding:5px 0}
.promo-detail-page .title-promo{font-size:18px;font-weight:600}
.promo-detail-page .subtitle-promo{font-size:12px;font-weight:600;margin: 0 0 10px 0;}
.read-more-detail{padding: 15px;background: #fff;position: relative;color: #f17400;cursor:pointer}

@media (max-width:768px) {
    .promo-detail-page .detail-content{padding:15px;}
    #thumbnail-product{margin-bottom: 1em;}
}

.forgot-password-dist {
    background: #fff;
    padding: 20px;
}
.forgot-password-dist .title{font-weight:300;font-size:12px;color:#424242;text-align:center;margin-bottom: 20px;}
.forgot-password-dist .form-control:focus{
    border-color: #ff7b00;
    box-shadow: none;
}
.forgot-password-dist .form-group{
    position:relative;
}
.forgot-password-dist input{
    font-size:12px;
    border: 0;
    border-bottom: 1px solid #ccc;
    box-shadow: none;
    border-radius: 0;
    padding: 6px 25px;
    text-align: center;
}
.forgot-password-dist .btn{color:#fff;border-radius:20px;font-size:12px;font-weight:300;}
.forgot-password-dist .btn-lupa-password-distributor{background:#ff9000;}

.for-check-pesanan .register-step:before{ z-index: 0 !important;}

.for-check-pesanan .step{
    
    z-index: 1 !important;
    position: relative;

}

.for-check-pesanan .step-name{
    
    opacity: 1 !important;
}

.reset-password-cust {
    padding: 20px;
    background-color: #fff;
    box-shadow: 0 0 3px 0 rgba(0,0,0,0.2);
    min-height: 230px;
    border-radius: 1em;
}

.reset-password-cust .login_box .btn {
    background: #f15a22;
    color: #fff;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 300;
    padding: 6px;
}

.reset-password-cust .login_box .top_b {
    font-size: 25px;
    margin-bottom: 20px;
    font-weight: 300;
    color: #424242;
    text-align: center;
}

.reset-password-cust .custom1 {border: none;box-shadow: none;border-bottom: solid 1px #dedede;border-radius: 0;}
.reset-password-cust .custom2 {border: none;background: transparent;border-bottom: solid 1px #dedede;}

#deskripsi , #deskripsi strong, #deskripsi b, #deskripsi p, #deskripsi a, #deskripsi li{font-family: Verdana, Geneva, sans-serif;}
#deskripsi ol, #deskripsi ul{padding-left:17px}
.product-tools .btn, .product-sidebar .btn{font-family: Verdana, Geneva, sans-serif;}
.s-text a{color: #646464;}
#spesifikasi .table>tbody>tr>td{font-family: Verdana, Geneva, sans-serif;}
.title-category-gallery{text-align: center;color: #fff;font-size: 30px;font-weight: bold;position: absolute;top: 0;width: 100%;}
/* .box-product-new {border-radius: 25px; background-image: radial-gradient( circle farthest-corner at 10% 20%,  #feb034 0%, #ffc200 100.2% ); /* box-shadow: 5px 5px 5px 0 rgba(0, 90, 255, 0.5); background-image: linear-gradient(120deg, #3a54a3 0%, #21346b 100%); box-shadow: 5px 5px 5px 0 rgba(0, 90, 255, 0.5); */
.box-product-new {border-radius: 25px;background: #feb034;}
.box-product-new-2 {background-image: linear-gradient(to top, #dfe9f3 0%, white 100%);margin-bottom: 0px!important;padding-top: 5px;border-radius: 15px;padding-bottom: 5px;padding-right: 15px;padding-left: 10px!important;}
.box-product-new-2 {background: #ffffff90;border-radius: 50px;background-image: linear-gradient(to top, #dfe9f3 0%, white 100%);}
.box-product-new-3 {margin-top: 12px;margin-bottom: 5px;}
.add-c-style-1 {background: transparent;box-shadow: none;}
.add-c-style-2 {box-shadow: 5px 5px 5px 0 #ebedee;border-radius: 25px!important;}
.modal-body .login-seller {background: #fff!important;color: #666;}
.img-c-circle {background: #ffffff90;border-radius: 50px;max-height: 50px;}
ul.list-kategori li a {color: #fff!important}
.padding-dropdown-1 ul li a {color: #666!important;}
.padding-dropdown-1 ul li a:hover {text-decoration: underline;}
.text-white {color: #fff!important;}
.modal-login {background-image: radial-gradient( circle farthest-corner at 10% 20%,  #feb034 0%, #ffc200 100.2% );}
.modal-login .modal-body .login-seller {background: transparent!important;}
.modal-login input {color: #fff!important}
.modal-login input::placeholder {color: #fff!important}

@media (min-width: 1600px) {
    .bg-skew{width: 500%;}
}

#daftar #goregistration {background: #f15a22;color: #fff;}
#daftarkkm #goregistrationkkm {background: #f15a22;color: #fff;}
#lupa-password-distributor #forgot-password-distributor{background: #f15a22;font-size: 16px;color: #fff;margin-top: 25px;margin-bottom: 15px;}
#lupa-password-distributor .title {font-size: 25px;margin-bottom: 30px;}
#forgotpassword #emailforgot {border-bottom: solid 1px #ddd;color: #666;}
#forgotpassword #emailforgot::placeholder {color: #ddd;}
#forgotpassword #sendtomail {background: #f15a22;color: #fff;}
.virtual-btn_ {margin-top: 10px;margin-left: -1em;}
#lblOngkir span i {color: #4CAF50;font-weight: bold;}
.text-free_ {color: #4CAF50;font-size: 14px!important;}
.m-t-10 {margin-top: 10px;}
#saatini .blue {color: #ff7b00!important;}
.harga a.special-price {
    color: #fff!important;
    font-size: 14px;
    padding: 8px 27px;
}

.form-register-customer select:valid{ color: #666!important; }
.box-white.box-shadowed2 #thumbnail-product img {
    height: 170px;
}
.box-white.box-shadowed2 #thumbnail-product .product-name {
    height: 40px;
}
#thumbnail-product:hover{opacity:0.8}

div#thumbnail-product .price {
    color: #ff9000;
}

/*Alert Style*/
#login .login-seller .title, #daftar-from-checkout .login-seller .title, #daftar .login-seller .title{margin-bottom: 10px;}
#popup-pilihan-akun .login-seller .title, #login-reseller .login-seller .title, #daftar-from-checkout .login-seller .title, #daftar .login-seller .title{margin-bottom: 10px;}

.alert.alert-success.alert-custom-one {background: #fff;border: none;border-left: solid 7px #4dcc71;box-shadow: 5px 5px 8px rgba(51, 51, 51, 0.4);}
.alert.alert-success.alert-custom-one h4 {font-size: 16px;color: #333;font-weight: 800;display: inline-block;border-bottom: 2px solid black;padding-bottom: 0px;}
.alert.alert-success.alert-custom-one p {font-size: 14px;color: #666;margin-top: 6px;}
.alert.alert-success.alert-custom-one img{width: 46px;margin-top: 16px;}    
.number-alert {position: absolute; background: #e63c35; padding: 2px 8px 1px; border: solid #fff 2px; border-radius: 2em; color: #fff; font-weight: 800; right: -10px;}  
.alert-custom-warning {border-left: solid 7px #fec139!important;}
.alert-custom-warning-checkout {background: #fec139!important;border-left: none!important;border-radius: 10px;}
.warning-checkout_1 {background: #4dcc71;border-width: 3px;border-style: solid;}
.alert-custom-warning-checkout-2 {background: #4dcc71!important;border-left: none!important;border-radius: 10px;}
.warning-checkout_2 {background: #fec139;border-width: 3px;border-style: solid;}
.img-checkout-alr {width: 50px!important; margin-left: 15px; margin-top: 10px!important;}
.div-pengiriman .alert.alert-success.alert-custom-one p {color: #fff;margin-left: 10px;}
.div-pengiriman .alert.alert-success.alert-custom-one h4 {color: #fff;border-bottom: 1px solid #fff;padding-bottom: 5px;margin-left: 10px;}
/*end*/

/* Update 06-05-2019 */
.subtitle-index {
    border-radius: 25px;
    background-image: linear-gradient(120deg, #3a54a3 0%, #21346b 100%);
    background-image: linear-gradient(120deg, #3a54a3 0%, #21346b 100%);
    padding: 1.8em;
    margin-bottom: 1em;
    margin-top: 1em;
}

.featured-thumbnail img {
    width: 100%;
}

.subtitle-index h3 {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 17px;
    color: #fff;
    font-weight: normal;
}

.div-berita-content {
    background: #fff;
    border-radius: 1.8em;
    padding: 1.5em;
}

.post-blog {
    padding: 8px;
}

header.main-content .post-info span {
    color: #b1b4ba;
    font-weight: bold;
}

.div-berita-content .table-daily-motivation .table>tbody>tr>td, {border-top:none;}

.div-berita-content h2.title-article-blog {
    font-size: 14px;
    font-weight: bold;
}

.motivation-content {
    position: relative;
    background: #f2f4f4;
    padding: 1em;
    border-radius: 5px;
}
.motivation-content:after {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(242, 244, 244, 0);
    border-right-color: #f2f4f4;
    border-width: 22px;
    margin-top: -22px;
}

.div-berita-content .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {border-top:none!important;}
.div-berita-content strong {font-weight: bold;font-size: 15px;}
div#featured-thumbnail {
    padding-bottom: 8px;
}
.news-detail-box {
    background: #fff;
    padding: 2em;
    border-radius: 1.5em;
}
.news-detail-box .date-detail-info {
    color: #bbb;
}

.news-detail-box p {
    padding-bottom: 12px;
}

.news-detail-box #featured-thumbnail img {
    border-radius: 8px;
}

.news-detail-box div#featured-thumbnail {
    padding-bottom: 16px;
}

.img-profile__ {
    height: 24px;
    vertical-align: middle;
    padding-right: 4px;
}

@media (max-width:768px) {
    .div-berita-content .row {
        margin-bottom: 1.5em;
    }
    .news-detail-box h1.title-detail-info {
        font-size: 18px;
    }
    .img-profile__ {
        height: 20px;
    }
}
/* Update 06-05-2019 */
.askpopup{
    color:#332C7D !important;
    float:right;
    margin-top:3px;
}
#daftarkkmsukses .ceklis{
    background: #00CB42;
    padding: 10px;
    margin-bottom: 10px;
    font-size: 27px;    
    color:#FFFFFF;
    border-radius: 100%;
}
#daftarkkmsukses .login-seller{
    padding:0px;
    box-shadow:none;

}
#daftarkkmsukses .btn-login {background: #f15a22;color: #fff;}
#passwordkkmsukses .ceklis{
    background: #00CB42;
    padding: 10px;
    margin-bottom: 10px;
    font-size: 27px;    
    color:#FFFFFF;
    border-radius: 100%;
}
#passwordkkmsukses .login-seller{
    padding:0px;
    box-shadow:none;

}
#passwordkkmsukses .btn-login {background: #f15a22;color: #fff;}
/* new cart styles */
.cart-empty {
    color: #ff7800;
    font-size: 20px;
    text-align: center;
    padding: 20px;
}
.cart-box {
    display: block;
    width: 100%;
    overflow: hidden;
    padding: 25px;
    border-bottom: 1px solid #ddd;
}
.cart-item {
    display: block;
    width: 100%;
    overflow: hidden;
}
.cart-item + .cart-item {
    padding-top: 25px;
}
.cart-img {
    float: left;
    width:120px;
    height:120px;
    object-fit:cover
}
.cart-info {
    padding-left: 15px;
    overflow: hidden;
}
.cart-product {
    font-size: 18px;
    margin-bottom: 3px;
}
.cart-price {
    font-size: 18px;
    color: #ffa401;
    margin-bottom: 5px;
}
.cart-action {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.cart-action .form-group {
    margin: 0;
}
.cart-delete {
    color: #333;
    text-align: center;
}
.cart-subtotal {
    padding: 20px 36px;
}
.cart-subtotal__item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #333;
}
.cart-subtotal__item + .cart-subtotal__item {
    padding-top: 5px;
}
.cart-subtotal__item span:first-child {
    text-transform: uppercase;
    font-size: 18px;
}
.cart-subtotal__item span:last-child {
    color: #ffa401;
    font-size: 20px;
}