.product-related-slider {
    margin: 15px 0px 0 0;
}

.dsb {
    opacity: .4 !important;
    cursor: default !important;
}

.desc_product {
    overflow: hidden;
}

.stock_empty {
    padding: 7px 10px;
    border: 1px solid #dc7f7f;
    background: #fff7f7;
    color: #da6a6a;
    border-radius: 3px;
    margin-top: 24px;
    margin-right: 15px;
    font-size: 12px;
}

.label_grosir {
    float: left;
    width: 100px;
    height: 30px;
    margin-top: 3px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAMAAABiM0N1AAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAI1QTFRFAAAA//al//al//al//al//al//al//al9Oyg3teV//alh4RrcW9gUFBQfHplvrmG08yQe3llyMKKWlpVsq2A6eGaZWRavbeFp6N6s66AnZl1ko5wnJh1//al//al//alW1pVkY5w//al//alqKN7hoNq//al//alcG9gZmVb//al//al//al//al//alVBGPaQAAAC90Uk5TABA/z//vMLD//8D///////////////////////+vQGD//5/f//8Pj///8C+/gFD3NPldAAABOUlEQVR4nO3U2VKDMBSAYbAHTGzAkJBFu6J1qVXf//EMWxVCi4OO48X5b5pA+0HSliDAMAzDMOwPCi+mFPrODKYUxb/jAFxOdgjtTK9GHDpnSXo9BPHsNOQ7QuYKRNY/PHJHA+vSpr0+tyklN+mtAlCLdG5AuVOWLpY+VDur9ebTo0k7stuck6zguSSgc85NtbQkE9SHqs/fleL9cR9KyOx2CmzhWIfAgwXJ2z1KxMDS4mr+WA6fOhDlzxysbbbXiUbvF6qGhvYofCnnhw7UXDxrIObGS1vaxf40FMSlNHO3dIiOp/OtkwirISIFKHfA7bfQZ6BailavX782oxMmC1JBwCVL3KtmqTTnoFryIv6Y+O/q/rKHpW/VhX4g9aDpUu/fP13a9KEgfvN7X4/Vf65hGIZhGPbP+wAXaSRffOKlKQAAAABJRU5ErkJggg==") center center no-repeat;
}

.referral-table table {
    margin-top: 20px;
    font-size: 13px;
    font-weight: normal;
    background: #fcfcfc;
}

.referral-table table .right {
    text-align: right;
    color: #444;
}

.referral-table table td s {
    color: #ccc;
}

.referral-table table td {
    padding: 11px 20px;
    font-size: 12px;
    border-bottom: 1px solid #f5f5f5;
    border-top: 1px solid #fff;
}

.referral-table table th {
    border-bottom: 1px solid #f5f5f5;
    padding: 11px 20px;
    min-width: 150px;
    font-size: 13px;
}

.harga_cls s {
    float: left;
    padding-top: 6px;
    padding-right: 10px;
    font-size: 19px;
    color: #b5b1b1;
}

.btns-beli .add,
.btns-beli .now,
.btns-beli .now-black,
.btns-beli .add-black {
    display: block;
    padding: 9px 0;
    width: 100%;
    font-size: 14px;
    cursor: pointer;
    margin: 20px 0 0 0;
    border-width: 1px;
    border-style: solid;
    font-weight: bold;
    border-radius: 3px;
    text-align: center;
    -webkit-transition: all 0.5s ease-out 0s;
}

.table-grosir .checked {
    color: #000;
    background: #fffdf6;
}

.table-grosir .checked span {
    position: absolute;
    top: 9px;
    right: -24px;
    width: 20px;
    height: 20px;
    display: inline-block;
    background: url(../images/cat-icon/icon_check.png);
}

.loading-estimasi {
    text-align: center;
    background: #fff;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 3;
    padding: 10px;
    line-height: 42px;
}

.result_estimasi {
    position: relative;
}

[data-notify-text] {
    font-size: 12px !important;
}

.grosir .lihat-detail .dropdown-menu table {
    min-width: 300px;
}

.share-data .dropdown-menu,
.grosir .lihat-detail .dropdown-menu {
    background: none;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    left: -50px;
    top: 39px;
}

.grosir .lihat-detail .dropdown-menu table th {
    padding: 5px;
    text-transform: uppercase;
    font-weight: normal;
    text-align: center;
    color: #ccc;
}

.social-nav.model-2 li i {
    color: #fff;
}

.arrow_share {
    position: relative;
    background: #fff;
    border: 1px solid #e2e2e2;
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.175);
    box-shadow: 0 6px 12px rgba(0,0,0,0.175);
}

.arrow_share:after,
.arrow_share:before {
    bottom: 100%;
    left: auto;
    right: 35px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.arrow_share:after {
    border-color: rgba(255,255,255,0);
    border-bottom-color: #e2e2e2;
    border-width: 10px;
    margin-left: -10px;
}

.arrow_share:before {
    border-color: rgba(255,255,255,0);
    border-bottom-color: #fff;
    border-width: 11px;
    margin-left: -11px;
}

.arrow_box-grosir {
    position: relative;
    background: #fff;
    border: 1px solid #e2e2e2;
    padding-bottom: 20px;
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.175);
    box-shadow: 0 6px 12px rgba(0,0,0,0.175);
}

.arrow_box-grosir:after,
.arrow_box-grosir:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.arrow_box-grosir:after {
    border-color: rgba(255,255,255,0);
    border-bottom-color: #e2e2e2;
    border-width: 10px;
    margin-left: -10px;
}

.arrow_box-grosir:before {
    border-color: rgba(255,255,255,0);
    border-bottom-color: #fff;
    border-width: 11px;
    margin-left: -11px;
}

.grosir .lihat-detail .dropdown-menu table td {
    padding: 5px;
    color: #222;
    text-align: center;
}

.grosir .lihat-detail .dropdown-menu h1 {
    padding: 3px 10px 15px 10px;
    margin: 10px;
    font-size: 14px;
    text-align: center;
    border-bottom: 1px solid #ededed;
}

.grosir .lihat-detail a {
    font-size: 16px;
    margin-left: 0px;
    color: #555;
    float: left;
    margin-top: -3px;
}

.grosir .lihat-detail a i {
    border: 2px solid #555;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    color: #555;
    text-align: center;
    line-height: 16px;
    background: #fff;
}

.grosir .lihat-detail {
    display: inline-block;
    font-size: 12px;
    padding-top: 3px;
}

.grosir .label-yellow {
    border-color: #ffc53e;
    background-color: #ffc53e;
    font-size: 10px;
    line-height: 14px;
    display: inline-block;
    vertical-align: middle;
    height: 18px;
    margin: 0;
    padding: 1px 6px;
    overflow: visible;
    border-radius: 2px;
    border-style: solid;
    border-width: 1px;
    text-transform: uppercase;
    font-weight: 700;
    float: left;
    margin-top: 7px;
}

.btns-add-pop:hover {
    color: #fff;
}

.btns-add-pop {
    padding: 10px 15px;
    font-size: 14px;
    margin: 3px 0;
    display: block;
    text-align: center;
    border-width: 1px;
    border-style: solid;
    border-radius: 3px;
    color: #fff;
    border-color: #DD2C2C;
    background: #ED302C;
    -webkit-transition: all 0.5s ease-out 0s;
}

.btns-add-pops {
    padding: 10px 15px;
    font-size: 14px;
    margin: 3px 0;
    display: block;
    text-align: center;
    border-width: 1px;
    border-style: solid;
    border-radius: 3px;
    color: #333;
    border-color: #ddd;
    background-color: #fafafa;
    -webkit-transition: all 0.5s ease-out 0s;
}

.btns-beli .add {
    border-color: #ddd;
    background-color: #fafafa;
}

.btns-beli .add-black {
    border-color: #ddd;
    background-color: #fafafa;
    color: #333;
    opacity: .7;
    cursor: default;
}

.btns-beli .now-black {
    border-color: #333;
    background: #333;
    color: #fff;
    opacity: .7;
    cursor: default;
}

.btns-beli .now {
    border-color: #d52b27;
    background: #ED302C;
    color: #fff;
}

.btns-beli .add:hover {
    background-color: #fafafa;
    color: #d52b27;
}

.btns-beli .now:hover {
    border-color: #111;
    background: #555;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    color: #555;
    cursor: default;
    border: 1px solid #ddd;
    border-bottom-color: #f4f4f4;
    background: -moz-linear-gradient(top, #fff 1%, #fff 56%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(top, #fff 1%, #fff 56%, rgba(255,255,255,0) 100%);
    background: linear-gradient(to bottom, #fff 1%, #fff 56%, rgba(255,255,255,0) 100%);
}

.c-panel__head {
    position: relative;
    margin-top: 10px;
    padding: 18px 24px;
    background-color: #fafafa;
    border-bottom: 1px solid #eee;
}

.img_follows {
    height: 50px;
}

.row-10 {
    margin-right: -10px;
    margin-left: -10px;
}

.faforite_page .nav-tabs>li.active>a {
    padding: 20px 30px;
    border-radius: 0;
    border-top: 3px solid #ED302C;
}

.faforite_page .nav-tabs>li>a {
    padding: 20px 30px;
    border-radius: 0;
    font-weight: bold;
    margin-bottom: 0px;
}

.img_follow {
    margin-bottom: 0;
    background: #fff;
}

.m-b-50 {
    margin-bottom: 50px;
}

.btn_restock {
    border: 1px solid #d52b27;
    background: #ED302C;
    color: #fff;
    padding: 4px 7px;
    font-size: 12px;
    margin-top: 7px;
    display: block;
    border-radius: 2px;
}

.btn_restock:hover {
    color: #fff;
    cursor: pointer;
    border-color: #d52b27;
    background: #d52b27;
}

.swal-button {
    background: #ED302C !important;
    padding: 10px 20px !important;
    border-radius: 4px !important;
    color: #fff !important;
    text-transform: capitalize !important;
    font-family: arial !important;
}

.swal-button--cancel {
    text-transform: capitalize !important;
    color: #555 !important;
    background-color: #efefef !important;
}

.swal-footer {
    background: #f8f8f8;
}

.wishlist-link.addcart-link.heart_cartsd.active,
.wishlist-link.addcart-link.heart_carts.active {
    background: #ED302C !important;
    color: #fff;
}

.swal-button-container {
    padding: 0px !important;
}

.empty_data {
    background: #fff;
    margin-top: 40px;
    padding: 30px;
    text-align: center;
    font-size: 12px;
    border-radius: 2px;
    border: 1px dashed #dedede;
}

.wishlist-link.addcart-link.heart_cartsd:hover,
.wishlist-link.addcart-link.heart_cartsd.active:hover,
.wishlist-link.addcart-link.heart_carts.active:hover {
    background: #bf0a06 !important;
    color: #fff;
}

.heart_carts:hover {
    background: #ff918f !important;
    color: #fff;
}

.content-page {
    margin-bottom: 10px;
}

.c9 {
    color: #999;
    font-size: 12px;
}

.title-details {
    font-size: 18px;
    font-weight: 700;
    margin: 14px 0 5px 3px;
    line-height: 31px;
    font-weight: normal;
    font-weight: 500;
    text-transform: capitalize;
    word-break: break-word;
    margin-right: 75px;
    color: #333;
    font-size: 19px;
    line-height: 36px;
}

.detail-info {
    color: #555;
    padding-bottom: 16px;
}

.bg_whites {
    padding: 1px;
    margin-bottom: 22px;
}

.list_product li.sub_price:hover {
    border-right: 2px solid #f8f8f8;
    background: #f8f8f8;
}

.list_product li.sub_price {
    border-right: 2px solid #f8f8f8;
}

.content-segment-blank-slate {
    padding: 30px;
    background: #f9f9f9;
    margin: 10px;
    border: 1px solid #ededed;
}

.title_empty {
    margin: 0;
    padding: 0 0 0 5px;
    font-weight: 200;
    font-size: 20px;
}

.highslide-number {
    display: none;
    opacity: 0;
}

.product-related-slider.slider_mobile {
    display: none;
}

.list_product {
    padding: 0;
    margin: 0;
}

.detail-gallery {
    position: relative;
    padding-bottom: 10px;
}

.item-pro-color:hover {
    transition: opacity 2s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.pinkBg {
    background: #DD2C2C;
}

.r-0 {
    right: 0;
}

.t-0 {
    top: 0;
}

.intro-banner-vdo-play-btn {
    height: 60px;
    width: 60px;
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: center;
    margin: -30px 0 0 -30px;
    border-radius: 100px;
    z-index: 1;
}

.intro-banner-vdo-play-btn i {
    line-height: 56px;
    font-size: 30px;
}

.intro-banner-vdo-play-btn .ripple {
    position: absolute;
    width: 160px;
    height: 160px;
    z-index: -1;
    left: 50%;
    top: 50%;
    opacity: 0;
    margin: -80px 0 0 -80px;
    border-radius: 100px;
    -webkit-animation: ripple 1.8s infinite;
    animation: ripple 1.8s infinite;
}

@-webkit-keyframes ripple {
    0% {
        opacity: 1;
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(1);
        transform: scale(1);
    };
}

@keyframes ripple {
    0% {
        opacity: 1;
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(1);
        transform: scale(1);
    };
}

.intro-banner-vdo-play-btn .ripple:nth-child(2) {
    animation-delay: .3s;
    -webkit-animation-delay: 0.3s;
}

.intro-banner-vdo-play-btn .ripple:nth-child(3) {
    animation-delay: .6s;
    -webkit-animation-delay: 0.6s;
}

.relative_download {
    display: block;
    margin-top: 30px;
    position: relative;
    display: inline-block;
}

.relative_download:hover font {
    background: #DD2C2C;
}

.relative_download font {
    display: inline-block;
    padding: 10px 30px 10px 10px;
    background: #ED302C;
    border: 1px solid #DD2C2C;
    color: #fff;
    border-radius: 5px;
    font-size: 12px;
}

.produk_detail_categori {
    margin: 10px;
}

.relative_download span {
    width: 50px;
    height: 50px;
    display: inline-block;
    right: -25px;
    top: -7px;
    border-radius: 50%;
    position: absolute;
    background: #fff url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgY2xpcC1ydWxlPSJldmVub2RkIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGltYWdlLXJlbmRlcmluZz0ib3B0aW1pemVRdWFsaXR5IiBzaGFwZS1yZW5kZXJpbmc9Imdlb21ldHJpY1ByZWNpc2lvbiIgdGV4dC1yZW5kZXJpbmc9Imdlb21ldHJpY1ByZWNpc2lvbiIgdmlld0JveD0iMCAwIDUwMCA1MDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHN0eWxlIHR5cGU9InRleHQvY3NzIj48IVtDREFUQVsKICAgIC5zdHIxIHtzdHJva2U6IzQzNDI0MjtzdHJva2Utd2lkdGg6MTB9CiAgICAuc3RyMCB7c3Ryb2tlOiM0MzQyNDI7c3Ryb2tlLXdpZHRoOjMwfQogICAgLmZpbDAge2ZpbGw6bm9uZX0KICAgIC5maWwxIHtmaWxsOiM0MzQyNDJ9CiAgICAuZmlsMiB7ZmlsbDp1cmwoI2lkMCl9CiAgIF1dPjwvc3R5bGU+PGxpbmVhckdyYWRpZW50IGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiBpZD0iaWQwIiB4MT0iMjUwIiB4Mj0iMjUwIiB5MT0iMTI1LjYzOSIgeTI9IjI4Ny45MTkiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iIzAwOEJGRiIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzBhZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxnIGlkPSJMYXllcl94MDAyMF8xIj48Y2lyY2xlIGNsYXNzPSJmaWwwIHN0cjAiIGN4PSIyNTAiIGN5PSIyNTAiIHI9IjIxMCIvPjxyZWN0IGNsYXNzPSJmaWwxIiBoZWlnaHQ9IjI5Ljk5OCIgcng9IjEwIiByeT0iMTAiIHdpZHRoPSIyNjAiIHg9IjEyMCIgeT0iMzUwIi8+PHBhdGggY2xhc3M9ImZpbDIgc3RyMSIgZD0iTTI3MCAzMjBsNjAtNjBjNS01IDEwLTEwIDEwLTIwcy0xMC0yMC0yMC0yMGgtNDB2LTEyNWMwLTgtNy0xNS0xNS0xNWgtMzBjLTggMC0xNSA3LTE1IDE1djEyNWgtNDBjLTEwIDAtMjAgMTAtMjAgMjBzNSAxNSAxMCAyMGw2MCA2MGMxMyAxNCAyNyAxNCA0MCAweiIvPjwvZz48L3N2Zz4=") center center no-repeat;
    background-size: 100% auto;
}

.cart-content-inner {
    border: 0;
}

.product-name {
    width: 45%;
}

.cart_popup td {
    border: 0 !important;
    border-bottom: 1px solid #eee !important;
}

.cart_popup .product-name p {
    color: #999;
    font-size: 12px;
}

.remove_item {
    width: 15px;
    height: 15px;
    position: absolute;
    right: 0;
    top: 5px;
    background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI1NiAyNTYiIGhlaWdodD0iMjU2cHgiIGlkPSJMYXllcl8xIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAyNTYgMjU2IiB3aWR0aD0iMjU2cHgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxwYXRoIGQ9Ik0xMzcuMDUxLDEyOGw3NS40NzUtNzUuNDc1YzIuNS0yLjUsMi41LTYuNTUxLDAtOS4wNTFzLTYuNTUxLTIuNS05LjA1MSwwTDEyOCwxMTguOTQ5TDUyLjUyNSw0My40NzUgIGMtMi41LTIuNS02LjU1MS0yLjUtOS4wNTEsMHMtMi41LDYuNTUxLDAsOS4wNTFMMTE4Ljk0OSwxMjhsLTc1LjQ3NSw3NS40NzVjLTIuNSwyLjUtMi41LDYuNTUxLDAsOS4wNTEgIGMxLjI1LDEuMjUsMi44ODgsMS44NzUsNC41MjUsMS44NzVzMy4yNzUtMC42MjUsNC41MjUtMS44NzVMMTI4LDEzNy4wNTFsNzUuNDc1LDc1LjQ3NWMxLjI1LDEuMjUsMi44ODgsMS44NzUsNC41MjUsMS44NzUgIHMzLjI3NS0wLjYyNSw0LjUyNS0xLjg3NWMyLjUtMi41LDIuNS02LjU1MSwwLTkuMDUxTDEzNy4wNTEsMTI4eiIvPjwvc3ZnPg==") center center no-repeat;
    background-size: auto 100%;
}

span.amount_harga {
    font-size: 12px;
    color: #999;
    font-weight: normal;
}

b.amount {
    display: block;
    text-align: right;
    font-size: 13px;
    color: #333;
    font-weight: normal;
}

.cart_popup .product-name a {
    display: block;
    font-size: 12px;
    margin: 10px 0 7px 0;
    font-weight: bold;
}

.thumb_img {
    border: 1px solid #ededed;
    padding: 4px;
    width: 55px;
    height: 55px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.cart_popup {
    width: 100%;
    border: 0 !important;
    border-color: #fff !important;
}

.relative-qty {
    position: relative;
    display: inline-block;
    width: 100px;
}

.relative-qty input[type="text"] {
    margin-left: 31px;
    margin-right: 14px;
    width: 37px;
    border: 0;
    border-bottom: 2px solid #f00;
    text-align: center;
}

.relative-qty .increModal,
.decreModal {
    position: absolute;
    top: 0px;
    color: transparent;
    height: 24px;
    width: 24px;
    text-align: center;
    line-height: 22px;
    cursor: pointer;
}

.relative-qty .increModal {
    background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDQ4IDQ4IiBoZWlnaHQ9IjQ4cHgiIGlkPSJMYXllcl8xIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCA0OCA0OCIgd2lkdGg9IjQ4cHgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxnPjxwYXRoIGQ9Ik0yNCwwQzEwLjc0NSwwLDAsMTAuNzQ1LDAsMjRzMTAuNzQ1LDI0LDI0LDI0czI0LTEwLjc0NSwyNC0yNFMzNy4yNTUsMCwyNCwweiBNMjQuMDI4LDQzLjg0NCAgIGMtMTEuMDIyLDAtMTkuOTU5LTguOTM2LTE5Ljk1OS0xOS45NTljMC0xMS4wMjMsOC45MzctMTkuOTU5LDE5Ljk1OS0xOS45NTljMTEuMDIzLDAsMTkuOTYsOC45MzYsMTkuOTYsMTkuOTU5ICAgQzQzLjk4OCwzNC45MDgsMzUuMDUyLDQzLjg0NCwyNC4wMjgsNDMuODQ0eiIgZmlsbD0iIzIzMUYyMCIvPjxwYXRoIGQ9Ik0zMi42NzcsMjYuMDk5YzAuNDU0LTAuMDI3LDEuMzU0LTAuMjIzLDEuMzU0LTEuMzMzdi0xLjU3OGMwLTEuMTgxLTEuMTY2LTEuMjgtMS40NzItMS4yODZIMTUuMjk3ICAgYy0xLjIyLDAtMS4zMjMsMC45NDEtMS4zMjgsMS4yMXYxLjgwOWMwLjAwNiwwLjI0NywwLjEwOCwxLjE3OCwxLjMyOCwxLjE3OEgzMi42Nzd6IiBmaWxsPSIjMjMxRjIwIi8+PC9nPjwvc3ZnPg==") center center no-repeat;
    background-size: 100% auto;
    left: 5px;
}

.relative-qty .decreModal {
    background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDQ4IDQ4IiBoZWlnaHQ9IjQ4cHgiIGlkPSJMYXllcl8xIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCA0OCA0OCIgd2lkdGg9IjQ4cHgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxnPjxwYXRoIGQ9Ik0yNCwwQzEwLjc0NSwwLDAsMTAuNzQ2LDAsMjRjMCwxMy4yNTUsMTAuNzQ1LDI0LDI0LDI0czI0LTEwLjc0NCwyNC0yNEM0OCwxMC43NDYsMzcuMjU1LDAsMjQsMHogICAgTTI0LjAyOSw0My44NDRjLTExLjAyMywwLTE5Ljk1OS04LjkzNi0xOS45NTktMTkuOTU4UzEzLjAwNiwzLjkyNiwyNC4wMjksMy45MjZjMTEuMDIyLDAsMTkuOTU5LDguOTM2LDE5Ljk1OSwxOS45NTkgICBTMzUuMDUyLDQzLjg0NCwyNC4wMjksNDMuODQ0eiIgZmlsbD0iIzIzMUYyMCIvPjxwYXRoIGQ9Ik0zMi41NiwyMS45MDJoLTYuNDU4bDAuMDA4LTYuNTc2Yy0wLjAyNi0wLjQ1NC0wLjIyMS0xLjM1NC0xLjMzMS0xLjM1NkwyMy4yLDEzLjk2OCAgIGMtMS4xODEtMC4wMDEtMS4yODIsMS4xNjUtMS4yODgsMS40N2wtMC4wMDgsNi40NjNoLTYuNjA3Yy0xLjIyLDAtMS4zMjMsMC45NDEtMS4zMjgsMS4yMXYxLjgwOSAgIGMwLjAwNiwwLjI0NywwLjEwNywxLjE3OCwxLjMyOCwxLjE3OGg2LjYwMmwtMC4wMDgsNi42MDJjLTAuMDAyLDEuMjE5LDAuOTM5LDEuMzI0LDEuMjA5LDEuMzNsMS44MDksMC4wMDIgICBjMC4yNDctMC4wMDYsMS4xNzgtMC4xMDcsMS4xOC0xLjMyNmwwLjAwOC02LjYwN2g2LjU4MWMwLjQ1NC0wLjAyNywxLjM1NC0wLjIyMywxLjM1NC0xLjMzM3YtMS41NzggICBDMzQuMDMxLDIyLjAwNywzMi44NjUsMjEuOTA4LDMyLjU2LDIxLjkwMnoiIGZpbGw9IiMyMzFGMjAiLz48L2c+PC9zdmc+") center center no-repeat;
    background-size: 100% auto;
    left: 70px;
}

.button:hover,
[class*='button-']:hover {
    background: #b51e1a;
    color: #fff;
}

.gallery-control>a {
    top: 50%;
}

.download-wrap {
    display: inline-block;
    position: absolute;
    right: 29px;
    z-index: 2;
    top: 7px;
}

.download {
    position: relative;
    width: 100%;
    margin-top: 10px;
    height: 4rem;
    transform-style: preserve-3d;
    transform-origin: 50% 50% 0;
    transform: rotateX(0deg);
    transition: 0.2s linear all;
}

.download.is-active {
    transform: rotateX(90deg) translateZ(2rem);
}

.download.is-active .meter-progress {
    right: 0%;
}

.table-group-detail {
    margin-top: 0 !important;
}

.social-media a.facebook {
    background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaWQ9IkxheWVyXzEiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTI7IiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiMzQzVBOTk7fQo8L3N0eWxlPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yNzYuMSw0NjJWMzQzLjloMzkuN2w1LjktNDZoLTQ1LjZ2LTI5LjRjMC0xMy4zLDMuNy0yMi40LDIyLjgtMjIuNGwyNC40LDB2LTQxLjIgIGMtNC4yLTAuNi0xOC43LTEuOC0zNS41LTEuOGMtMzUuMiwwLTU5LjIsMjEuNS01OS4yLDYwLjl2MzRoLTM5Ljh2NDZoMzkuOFY0NjJIMjc2LjF6IiBpZD0iZiIvPjwvc3ZnPg==") center center no-repeat;
    background-size: 100% auto;
    background-position: 0px -11px;
}

.social-media a.twitter {
    background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaWQ9IkxheWVyXzEiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTI7IiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiM0MzlDRDY7fQo8L3N0eWxlPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xOTYuOSw0NjJjMTIwLjMsMCwxODYuMS05OS43LDE4Ni4xLTE4Ni4xYzAtMi44LDAtNS42LTAuMi04LjVjMTIuOC05LjMsMjMuOC0yMC43LDMyLjYtMzMuOSAgYy0xMS45LDUuMy0yNC42LDguOC0zNy42LDEwLjNjMTMuNy04LjIsMjMuOS0yMSwyOC44LTM2LjJjLTEyLjgsNy42LTI2LjksMTMtNDEuNSwxNS45Yy0yNC44LTI2LjMtNjYuMi0yNy42LTkyLjUtMi44ICBjLTE3LDE2LTI0LjIsMzkuOC0xOC45LDYyLjVjLTUyLjYtMi42LTEwMS42LTI3LjUtMTM0LjgtNjguM2MtMTcuNCwyOS45LTguNSw2OC4xLDIwLjIsODcuM2MtMTAuNC0wLjMtMjAuNi0zLjEtMjkuNy04LjIgIGMwLDAuMywwLDAuNSwwLDAuOGMwLDMxLjEsMjIsNTcuOSw1Mi41LDY0LjFjLTkuNiwyLjYtMTkuNywzLTI5LjUsMS4xYzguNiwyNi42LDMzLjEsNDQuOSw2MS4xLDQ1LjQgIGMtMjMuMiwxOC4yLTUxLjgsMjguMS04MS4yLDI4LjFjLTUuMiwwLTEwLjQtMC4zLTE1LjYtMC45QzEyNi41LDQ1MS44LDE2MS4zLDQ2MiwxOTYuOSw0NjIiIGlkPSJYTUxJRF8yMl8iLz48L3N2Zz4=") center center no-repeat;
    background-size: 30px auto;
    background-position: 7px -3px;
}

.social-media a.google_plus {
    background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaWQ9IkxheWVyXzEiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTI7IiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiNEQTRCNDI7fQo8L3N0eWxlPjxnIGlkPSJYTUxJRF8yNDZfIj48ZyBpZD0iWE1MSURfMzBfIj48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTgxLjYsMzA2Ljl2NTEuM2MwLDAsNDkuNy0wLjEsNzAtMC4xYy0xMSwzMy4yLTI4LDUxLjMtNzAsNTEuM2MtNDIuNSwwLTc1LjYtMzQuNC03NS42LTc2LjkgICAgYzAtNDIuNSwzMy4yLTc2LjksNzUuNi03Ni45YzIyLjUsMCwzNyw3LjksNTAuMywxOC45YzEwLjctMTAuNyw5LjgtMTIuMiwzNi45LTM3LjhjLTIzLTIwLjktNTMuNi0zMy43LTg3LjEtMzMuNyAgICBjLTcxLjUsMC0xMjkuNSw1OC0xMjkuNSwxMjkuNWMwLDcxLjUsNTgsMTI5LjUsMTI5LjUsMTI5LjVjMTA2LjksMCwxMzMtOTMuMSwxMjQuMy0xNTUuMUMyODAuNywzMDYuOSwxODEuNiwzMDYuOSwxODEuNiwzMDYuOXogICAgIE00MTUsMzA5LjR2LTQ0LjloLTMydjQ0LjloLTQ2LjF2MzJoNDYuMXY0Ni4xaDMydi00Ni4xaDQ0Ljl2LTMySDQxNXoiIGlkPSJYTUxJRF8zMV8iLz48L2c+PC9nPjwvc3ZnPg==") center center no-repeat;
    background-size: 35px auto;
    background-position: 5px -6px;
}

.social-media a.line {
    background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDUxMiA1MTIiIGlkPSJMYXllcl8xIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48Y2lyY2xlIGN4PSIyNTYiIGN5PSIyNTYiIGZpbGw9IiM0Q0IyMzQiIHI9IjI1MCIvPjxnPjxwYXRoIGQ9Ik00MTIuNywyNDkuN2MtMS4yLTkuMi0xLjQtMTguNy0zLjktMjcuNmMtNy40LTI1LjktMjIuNC00Ny4xLTQzLjYtNjMuNWMtNDIuNS0zMi44LTkwLjktNDIuNi0xNDMuMi0zMy45ICAgYy0zMy4yLDUuNS02MywxOC45LTg3LjIsNDIuOGMtMzYuNSwzNi00Ni45LDc4LTI4LjUsMTIyLjZjMTgsNDMuNiw1My44LDY3LjIsOTcuNSw4MC4zYzguOSwyLjcsMTguMiw0LDI3LjIsNS45ICAgYzEwLjgsMi4zLDEzLjUsNS4zLDEzLDE2Yy0wLjMsNi0yLDExLjgtMi4zLDE3LjhjLTAuMiwzLjUtMC4xLDguNywyLDEwLjNjMi4xLDEuNiw3LjQsMC44LDEwLjQtMC42YzgtMy43LDE1LjctOCwyMy4yLTEyLjcgICBjMzYuOS0yMyw3Mi42LTQ3LjYsMTAxLjktODAuMUMzOTkuMSwzMDUsNDExLjksMjgwLjEsNDEyLjcsMjQ5Ljd6Ii8+PHBhdGggZD0iTTQxMi43LDI0OS43Yy0wLjcsMzAuMy0xMy42LDU1LjMtMzMuNCw3Ny4xQzM1MCwzNTkuNCwzMTQuMywzODQsMjc3LjQsNDA3Yy03LjUsNC43LTE1LjIsOS0yMy4yLDEyLjcgICBjLTMuMSwxLjQtOC4zLDIuMy0xMC40LDAuNmMtMi4xLTEuNi0yLjItNi44LTItMTAuM2MwLjMtNiwyLTExLjgsMi4zLTE3LjhjMC41LTEwLjgtMi4yLTEzLjgtMTMtMTZjLTkuMS0xLjktMTguNC0zLjItMjcuMi01LjkgICBjLTQzLjctMTMuMS03OS41LTM2LjctOTcuNS04MC4zYy0xOC41LTQ0LjYtOC4xLTg2LjYsMjguNS0xMjIuNmMyNC4yLTIzLjgsNTQtMzcuMyw4Ny4yLTQyLjhjNTIuMy04LjcsMTAwLjcsMS4xLDE0My4yLDMzLjkgICBjMjEuMiwxNi40LDM2LjMsMzcuNiw0My42LDYzLjVDNDExLjMsMjMxLDQxMS40LDI0MC41LDQxMi43LDI0OS43eiBNMjUxLjYsMjQ0YzAuNS0wLjEsMS4xLTAuMiwxLjYtMC4zICAgYzkuNywxMi44LDE5LjUsMjUuNSwyOSwzOC40YzMsNC4xLDcsNy4xLDExLjUsNC40YzIuNy0xLjcsNS02LjQsNS05LjhjMC41LTE4LjIsMC4yLTM2LjUsMC4yLTU0LjhjMC03LjUtMi43LTExLjEtOC4zLTEwLjggICBjLTYuNiwwLjQtOCw0LjgtNy45LDEwLjZjMC4yLDExLjEsMC4xLDIyLjMsMC4xLDM1LjZjLTExLjMtMTUtMjEuMi0yOC4yLTMxLTQxLjRjLTIuOS0zLjktNi44LTYuNy0xMC45LTQgICBjLTIuOCwxLjgtNS4yLDYuMy01LjMsOS43Yy0wLjUsMTguNS0wLjIsMzctMC4zLDU1LjVjMCw1LjgsMS43LDEwLjIsOC4zLDEwLjJjNi43LDAsOC4xLTQuNiw4LTEwLjMgICBDMjUxLjUsMjY1LjksMjUxLjYsMjU0LjksMjUxLjYsMjQ0eiBNMzI1LjQsMjI3LjVjNy42LDAsMTQuNiwwLDIxLjUsMGM1LjYsMCw5LjctMi4yLDkuNy04LjFjMC4xLTUuOC0zLjgtOC40LTkuNC04LjQgICBjLTkuNiwwLTE5LjIsMC0yOC44LDBjLTYuNSwwLTkuNiwzLjMtOS42LDkuOWMwLjEsMTksMC4xLDM4LDAsNTYuOWMwLDYuNiwzLjMsOS42LDkuOCw5LjZjOS40LTAuMSwxOC43LTAuMSwyOC4xLDAgICBjNS41LDAsOS41LTEuOCwxMC03LjljMC40LTUuMi0zLjUtOC40LTEwLjEtOC41Yy02LjktMC4xLTEzLjgsMC0yMSwwYzAtNSwwLTkuMiwwLTE0LjJjNywwLDEzLjctMC4xLDIwLjQsMCAgIGM1LjcsMC4xLDEwLjItMS4yLDEwLjgtNy43YzAuNS01LjMtMy43LTguNi0xMC44LTguNmMtNi45LTAuMS0xMy43LDAtMjAuNSwwQzMyNS40LDIzNS43LDMyNS40LDIzMi4yLDMyNS40LDIyNy41eiBNMTY5LjcsMjcxICAgYzAtMTcuMiwwLTMzLjcsMC01MC4yYzAtNS42LTItOS42LTguMS05LjdjLTYtMC4xLTguMywzLjktOC4zLDkuNWMwLDE4LjktMC4xLDM3LjksMCw1Ni44YzAsNy4yLDIuOCw5LjcsMTAuMiw5LjggICBjOS4xLDAuMSwxOC4yLDAsMjcuMywwYzUuOCwwLDEwLjEtMS42LDkuOS04LjRjLTAuMi02LjItNC4yLTgtOS44LTcuOUMxODQuMSwyNzEuMSwxNzcuMiwyNzEsMTY5LjcsMjcxeiBNMjI0LjgsMjQ4LjYgICBjMC05LjEsMC0xOC4zLDAtMjcuNGMwLTUuOS0yLjEtMTAuMi04LjUtMTAuMWMtNS45LDAuMS04LjEsNC4yLTguMSw5LjhjMCwxOC44LDAsMzcuNSwwLDU2LjNjMCw1LjgsMiwxMC4yLDguNSwxMCAgIGM2LjYtMC4xLDguMS00LjgsOC4xLTEwLjRDMjI0LjcsMjY3LjQsMjI0LjgsMjU4LDIyNC44LDI0OC42eiIgZmlsbD0iI0ZGRkZGRiIvPjxwYXRoIGQ9Ik0yNTEuNiwyNDRjMCwxMS0wLjEsMjEuOSwwLDMyLjljMC4xLDUuNy0xLjMsMTAuMy04LDEwLjNjLTYuNiwwLTguMy00LjQtOC4zLTEwLjIgICBjMC4xLTE4LjUtMC4yLTM3LDAuMy01NS41YzAuMS0zLjQsMi41LTcuOSw1LjMtOS43YzQuMi0yLjcsOC4xLDAuMiwxMC45LDRjOS44LDEzLjIsMTkuNywyNi40LDMxLDQxLjRjMC0xMy4zLDAuMS0yNC41LTAuMS0zNS42ICAgYy0wLjEtNS43LDEuMi0xMC4yLDcuOS0xMC42YzUuNS0wLjMsOC4zLDMuMyw4LjMsMTAuOGMwLDE4LjMsMC4zLDM2LjUtMC4yLDU0LjhjLTAuMSwzLjQtMi4zLDguMS01LDkuOGMtNC40LDIuNy04LjQtMC4zLTExLjUtNC40ICAgYy05LjYtMTIuOS0xOS4zLTI1LjYtMjktMzguNEMyNTIuNiwyNDMuOCwyNTIuMSwyNDMuOSwyNTEuNiwyNDR6IiBmaWxsPSIjMjJBQzM4Ii8+PHBhdGggZD0iTTMyNS40LDIyNy41YzAsNC43LDAsOC4zLDAsMTNjNi44LDAsMTMuNywwLDIwLjUsMGM3LDAuMSwxMS4yLDMuMywxMC44LDguNmMtMC42LDYuNi01LjEsNy45LTEwLjgsNy43ICAgYy02LjctMC4yLTEzLjMsMC0yMC40LDBjMCw1LDAsOS4yLDAsMTQuMmM3LjIsMCwxNC4xLTAuMSwyMSwwYzYuNiwwLjEsMTAuNSwzLjMsMTAuMSw4LjVjLTAuNSw2LTQuNSw3LjktMTAsNy45ICAgYy05LjQtMC4xLTE4LjctMC4xLTI4LjEsMGMtNi41LDAtOS44LTIuOS05LjgtOS42YzAtMTksMC4xLTM4LDAtNTYuOWMwLTYuNiwzLjEtOS44LDkuNi05LjljOS42LTAuMSwxOS4yLDAsMjguOCwwICAgYzUuNywwLDkuNSwyLjYsOS40LDguNGMtMC4xLDUuOS00LjIsOC4yLTkuNyw4LjFDMzQwLDIyNy41LDMzMywyMjcuNSwzMjUuNCwyMjcuNXoiIGZpbGw9IiMyMkFDMzgiLz48cGF0aCBkPSJNMTY5LjcsMjcxYzcuNiwwLDE0LjQsMC4xLDIxLjMsMGM1LjUtMC4xLDkuNiwxLjcsOS44LDcuOWMwLjIsNi43LTQuMSw4LjQtOS45LDguNCAgIGMtOS4xLTAuMS0xOC4yLDAuMS0yNy4zLDBjLTcuNC0wLjEtMTAuMi0yLjYtMTAuMi05LjhjLTAuMS0xOC45LTAuMS0zNy45LDAtNTYuOGMwLTUuNSwyLjMtOS41LDguMy05LjVjNiwwLjEsOC4xLDQuMSw4LjEsOS43ICAgQzE2OS42LDIzNy4zLDE2OS43LDI1My44LDE2OS43LDI3MXoiIGZpbGw9IiMyMkFDMzgiLz48cGF0aCBkPSJNMjI0LjgsMjQ4LjZjMCw5LjQsMCwxOC44LDAsMjguMWMwLDUuNy0xLjUsMTAuMy04LjEsMTAuNGMtNi41LDAuMS04LjUtNC4yLTguNS0xMGMwLTE4LjgsMC0zNy41LDAtNTYuMyAgIGMwLTUuNiwyLjItOS43LDguMS05LjhjNi40LTAuMSw4LjUsNC4yLDguNSwxMC4xQzIyNC43LDIzMC4zLDIyNC44LDIzOS41LDIyNC44LDI0OC42eiIgZmlsbD0iIzIyQUMzOCIvPjwvZz48L3N2Zz4=") center center no-repeat;
    background-size: 26px auto;
    background-position: 8px 3px;
}

.social-media a.pinterest {
    background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDUxMiA1MTIiIGhlaWdodD0iNTEycHgiIGlkPSJMYXllcl8xIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiB3aWR0aD0iNTEycHgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxsaW5lYXJHcmFkaWVudCBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIC0xIC00MS42NiAzNDkuMDQpIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgaWQ9IlNWR0lEXzFfIiB4MT0iMTI5LjI4MTgiIHgyPSIzOTYuMzA4NiIgeTE9IjMwMy43MTUiIHkyPSItMzIuMzE4NiI+PHN0b3Agb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojREQyNzJEIi8+PHN0b3Agb2Zmc2V0PSIwLjUxNTMiIHN0eWxlPSJzdG9wLWNvbG9yOiNDQTI0MjkiLz48c3RvcCBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiNCMjIwMjUiLz48L2xpbmVhckdyYWRpZW50PjxwYXRoIGQ9Ik0yNjMuNzc5LDkwLjIwOWMtOTAuNDksMC0xMzYuMTIyLDY0Ljg3NC0xMzYuMTIyLDExOC45ODRjMCwzMi43NTcsMTIuNDAyLDYxLjg5NiwzOC45OTgsNzIuNzQ2ICBjNC4zNjMsMS43OTgsOC4yNzIsMC4wNjcsOS41MzgtNC43NjJjMC44NzktMy4zMywyLjk2NC0xMS43NjMsMy44OS0xNS4yODZjMS4yNzItNC43NzYsMC43NzktNi40NDEtMi43NDQtMTAuNjE3ICBjLTcuNjY3LTkuMDM4LTEyLjU3NS0yMC43NDgtMTIuNTc1LTM3LjM0NmMwLTQ4LjEyOSwzNi4wMTQtOTEuMjE2LDkzLjc3My05MS4yMTZjNTEuMTQ2LDAsNzkuMjQ3LDMxLjI1MSw3OS4yNDcsNzIuOTc5ICBjMCw1NC45MjMtMjQuMzA0LDEwMS4yNzMtNjAuMzc3LDEwMS4yNzNjLTE5LjkyOCwwLTM0LjgzNC0xNi40NzEtMzAuMDY2LTM2LjY4NmM1LjcyMi0yNC4xMzEsMTYuODEyLTUwLjE2LDE2LjgxMi02Ny41OTEgIGMwLTE1LjU4Ni04LjM3My0yOC41ODctMjUuNjgzLTI4LjU4N2MtMjAuMzY4LDAtMzYuNzMzLDIxLjA3NC0zNi43MzMsNDkuMjk1YzAsMTcuOTc3LDYuMDc0LDMwLjEzOSw2LjA3NCwzMC4xMzkgIHMtMjAuODQxLDg4LjMxOS0yNC40OTcsMTAzLjc4NGMtNy4yNzMsMzAuODA1LTEuMDkzLDY4LjU1Ny0wLjU2Niw3Mi4zNjdjMC4zMDcsMi4yNjUsMy4yMSwyLjgxMSw0LjUyOSwxLjEwNiAgYzEuODcyLTIuNDU4LDI2LjE0My0zMi40MDQsMzQuMzgyLTYyLjMzNmMyLjMzNy04LjQ2NiwxMy4zOTQtNTIuMzQ1LDEzLjM5NC01Mi4zNDVjNi42MjEsMTIuNjI4LDI1Ljk2MywyMy43MjUsNDYuNTMxLDIzLjcyNSAgYzYxLjIxNywwLDEwMi43NTktNTUuODA5LDEwMi43NTktMTMwLjUxM0MzODQuMzQ4LDE0Mi44MiwzMzYuNDk5LDkwLjIwOSwyNjMuNzc5LDkwLjIwOXoiIGZpbGw9InVybCgjU1ZHSURfMV8pIi8+PC9zdmc+") center center no-repeat;
    background-size: 26px auto;
    background-position: 8px 3px;
}

.social-media a {
    position: relative;
    display: inline-block;
    width: 45px;
    height: 35px;
    margin: 17px 3px 10px 3px;
    border: 1px solid #ccc;
    background: #fff;
    box-shadow: 2px 2px 2px 0 rgba(116,116,116,0.1);
    display: inline-block;
    transition: all 0.5s ease-out 0s;
    -webkit-transition: all 0.5s ease-out 0s;
}

.button-download:active {
    color: #fff;
}

.button-download,
.meter {
    position: relative;
    width: 100%;
    border-radius: 4px;
    text-decoration: none;
    height: 4rem;
    font-size: 13px;
    font-weight: 200;
    line-height: 4rem;
    color: #fff !important;
    text-transform: capitalize;
    font-family: "Open Sans", sans-serif;
    padding: 0 2rem;
}

.price-group .qty .decre,
.product-quantity .decreModal {
    font-size: 11px;
    font-weight: normal;
}

.download-wrap:hover .icon-wrap {
    background: rgba(255,255,255,0.7);
}

.icon-wrap {
    position: absolute;
    right: -16px;
    top: -5px;
    bottom: 0;
    width: 50px;
    height: 50px;
    padding-top: 23px;
    background: rgba(255,255,255,0.5);
    border-radius: 50%;
}

.icon-download {
    position: relative;
    display: block;
    width: 2.5rem;
    height: 1rem;
    margin: auto;
    border: solid 0.5rem #232323;
    border-top: none;
}

.icon-download:before,
.icon-download:after {
    content: '';
    display: block;
    position: absolute;
    animation: icon-bounce .5s infinite alternate;
}

.icon-download:before {
    left: 0px;
    top: -17px;
    width: 15px;
    height: 25px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAFx0lEQVR4Xu2abUxbVRjHn9MXWR1rKYVNYOUdNlsnBJKZjcSgBszcG4sjJhiXYWIWv6gfTPhkhvETiR/UL2Yx8d7MSGKYGe7FRciUmLDFJZDpLDrGOwPcoJR2zK725ZhzR5vStefetuceSOAmpB/uuc/z///u8zz33BYEG/xAG9w/bALYrIANTmCzBTZ4AWwOwTVpAU/biaMaHf4MAxSTCkQAE6EA+sDYcfYH3hXJHYDnwzeOAmi64xsNNRk//Y4rBP4A3mseh5U7HwfChPGLrhKeVcAdgPvUMUwzaDpznqsmrsmIcXfrYToA4SJXTVyTEQBLLQeoALI6r3DVxDWZBOB4Ax3AuV6umrgmIwBch1+mAjBf/JmrJq7JJACvvkgH8NOvXDVxTUYALNbvpwLI7rvGVRPXZBKA/XvpAK7d4KqJazIJQG0NHcDAIFdNXJMRAM49z1MBWG79wVUT12QSgEobHcDwEFdNXJMRAAvFlVQAORPDXDWlnWz5o7erMA40Sa+1SNed+cnXv9P2+vM7y6kAcu+OUDUlm0/uxSotAJ62FgEAnVydBIvGjs7WRInvyQDYQQGQSj7VAHjeb45jPpwOi8bPu+JCmLNWUCsgb/pO3JuSaj5VALhOHavSYLhJDY6xaPqq+wkIMzIACuIAcL/TJACKrbTV2UMIqs1nzlPbL57elFrAfeK10xhQuyxdDKLpm8urIEwX0oegdWr1EHS/dVDACGLa7MnMCHC76eyPH8tpij2fGoDjjacxAlkA0mAMYdH0fW8EwqQMgKIoAO7XGwSsod/5sCGEod10rocPANehl6oAZFogGjXGovlynwRhvIheASWTjyvAdbBetuxj7ma1+dIvfFpAEthQJwBWdnckoQTC1f7W0aJd1CFYNnkbuV6pS848wqK5tz/hk4fWFim1QDigs+4FAYF8f0aeDRhE1+wStZ/N+VkiUtDzkZgAoqX/t5TMSy2a7NCIXe+srREAY9khFYG26KWmtGQblEtCSLQMDKZsngkAEsRp36MYwrw3QDWYa9ApA0DMO26lZZ4ZABJoobRS0Uy4L1N024E6Ih7DQVjMGRtO2zxTABKEgjIBy2xY5vU6CKH4nafBGHL99ApBGIs5M6NMzDMHQALes1YImDIYfQiBW6eNW+amQBAycOIKQADijuk7zMyrAoAEnbFWUJ8OPg2CB1ptpBLInd8WDEJGKLF5DCAWMDavGgAS+G5hJbUSlE26lZYHEHdOsen52LxpPwZpRiYZQCBlX6SSeVUrIAxmtLBSQDKDMRFEjLFYpqJ5LgBIkpFi0g5JbJulHRoWyyfUKfto4Kq2QHSi28W7BVC+bRZ3TfzNdNonqjJuAIiAv0p3CxjT3x0QAvHZMT7mubVANP0/S20CQKJ3ByQ+NzbE5c6HNXGtgHDSm6U2AcVAwIDEas7m16QCwhAGS+xVCGHp63SMUXfNuCPpLzOS2UusixnAQjDrGGvSAottzSa9dotVE9JkEEMhTcjnDz6azu7ocrM2KBePO4Cld1vMOkOwMJ6wgFc7lfVlp0tONMvzXAG4TjZl6bZqC2gGAg+DM2axe4mlSVosbgCcbx4w6jP0eUqM+X3+Ocu3VzxK1qa7hguA+SNHtukN/u3JiPV79fdzL1x4kMw1qaxVHcA/jY1bMzIDOamI8y3rFp7p6XmYyrVKr1EVwPS+fQaDBbKViom3zuuERev16/SvktNIoBqA8fr6LU9rvaY0tEUu/TdocJf09T1iESs2hioAsN3+lMdozKQKthkBgPyRwwMwRJ95Ro9nGTkc/7GGwBwArq3VL7p1iX/dsADA3nIA8hl9OAHgxggA+UxwZJsCXjQw4GcJgSkADKCdy6+VdncJj0P5dP2XZqnn82YHfAggyAoCMwAYQAN2u/zPOjYbXfvQkLw3hyOAAELyC+VXsAUgnw+gXebfCuTOr+RYdwCUeF+Pa5hVwHo0p0TThgfwPy2KzlB01WpbAAAAAElFTkSuQmCC") center center no-repeat;
    background-size: auto 100%;
}

#chat-supplier {
    width: auto;
    height: auto;
    font-size: 13px;
    padding: 7px;
    border: 2px solid #d52b27;
}

.doFollowChange.active i {
    color: green;
}

.doFollowChange.active {
    color: #ED302C;
    background: #fff;
    border: 2px solid #d52b27;
}

.doFollowChange:hover {
    color: #fff;
    background: #d52b27;
}

.font .title_ppdp {
    color: #ED302C;
    font-size: 13px;
    font-weight: bold;
}

.doFollowChange {
    text-transform: uppercase;
    padding: 7px;
    font-weight: bold;
    font-size: 13px;
    background: #ED302C;
    border: 2px solid #d52b27;
    cursor: pointer;
    font-size: 12px;
    border-radius: 3px;
    text-align: center;
    color: #fff;
    display: block;
    margin: 20px 0px 7px 0px;
}

@keyframes icon-bounce {
    from {
        transform: translateY(-5px);
    }

    to {
        transform: translateY(0);
    };
}

@keyframes white-pulse {
    from {
        color: rgba(255,255,255,0.2);
    }

    to {
        color: rgba(255,255,255,0.5);
    };
}

.col-data-2 {
    float: left;
    width: 20%;
}

.border-product {
    margin: 10px;
    padding: 5px;
    -webkit-box-shadow: 1px 1px 2px #e6e6e6;
    -moz-box-shadow: 1px 1px 2px #e6e6e6;
    box-shadow: 1px 1px 2px #e6e6e6;
}

.item-pro-color .product-price {
    margin-bottom: 20px;
}

.list_product li:hover {
    border-right: 2px solid #ffc107;
    background: #fffdf6;
}

.item-pro-color .product-info {
    border-bottom: 0;
}

.list_product li {
    display: block;
    border-right: 2px solid #fff;
    border-bottom: 1px solid #ededed;
}

.list_product .product-thumb img {
    margin: 10px;
    width: 70px;
}

.list_product .product-thumb {
    float: left;
    width: 85px;
}

.list_product .product-price ins span {
    font-size: 14px;
}

.list_product .product-price {
    float: left;
    padding-top: 10px;
    margin-left: 10px;
}

.desc-time {
    text-align: center;
    font-size: 11px;
    color: #999;
}

#popupimage .modal-footer {
    border: 0;
    padding: 0 15px 15px 15px;
    border-top: 1px solid #ededed;
}

#modal-cart .cart-content {
    padding: 5px 20px 20px 20px;
}

#popupimage .modal-footer .btns-beli .add,
#popupimage .modal-footer .btns-beli .now,
#popupimage .modal-footer .btns-beli .now-black,
#popupimage .modal-footer .btns-beli .add-black {
    margin: 15px 0 0 0;
}

.list_product .jumlah {
    float: right;
    padding-top: 25px;
    margin-right: 15px;
    max-width: 135px;
}

.sub_price {
    background: #f8f8f8;
    padding: 15px;
}

.load_popup {
    text-align: center;
    padding: 0px 0px 10px 0px;
}

.thumb-left a img {
    height: 80px;
    padding: 5px;
    opacity: .7;
    background: #f9f9f9;
    border-radius: 3px;
    border: 1px solid #ccc;
}

.thumb-left a {
    display: block;
    text-align: center;
}

.thumb-left {
    text-align: center;
    margin-bottom: 10px;
}

.followed_brand a {
    width: 100%;
}

.share-data button:hover,
.share-data button:focus {
    outline: none;
}

.share-data button {
    border: 0;
    background: none;
    outline: none;
}

.desc_block {
    display: block;
}

.bg_white {
    padding: 20px 20px;
    margin-bottom: 22px;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 1px rgba(51,51,51,0.05);
    box-shadow: 0 2px 1px rgba(51,51,51,0.05);
    border-radius: 2px;
    border: 1px solid #eee;
}

.table_small td {
    padding: 5px 10px 5px 0;
    border: 0 !important;
}

.copy_description {
    float: right;
    font-style: italic;
    font-size: 13px;
}

.table_small {
    font-size: 12px;
}

.detail-extralink>div {
    display: block;
    width: 100%;
}

.detail-extralink {
    border-bottom: 0;
    border-top: 0;
    margin-top: 0;
    padding: 30px 0 15px 0;
}

.product-extra-link2 .addcart-link {
    width: 100%;
}

.tab-detal {
    margin-top: 0;
}

.product-extra-link2 {
    margin: 0;
}

.social-nav {
    padding: 0;
    list-style: none;
    display: inline-block;
    margin: 8px auto 5px auto;
}

.social-nav li {
    display: inline-block;
}

.social-nav a {
    display: inline-block;
    float: left;
    width: 40px;
    height: 40px;
    font-size: 20px;
    color: #FFF;
    text-decoration: none;
    cursor: pointer;
    text-align: center;
    line-height: 40px;
    background: #ccc;
    position: relative;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.model-2 a.instagram i {
    font-size: 25px;
}

.st-custom-button.email {
    line-height: 35px;
    background: #333;
}

.st-custom-button.whatsapp.st-hide-label {
    line-height: 37px;
    background: #489d26;
}

.model-2 a.instagram {
    background: #d608c5;
    background: -moz-linear-gradient(left, #d608c5 0%, #d608c5 0%, #d608c5 17%, #f72222 45%, #edc70e 100%, #edc70e 100%);
    background: -webkit-linear-gradient(left, #d608c5 0%, #d608c5 0%, #d608c5 17%, #f72222 45%, #edc70e 100%, #edc70e 100%);
    background: linear-gradient(to right, #d608c5 0%, #d608c5 0%, #d608c5 17%, #f72222 45%, #edc70e 100%, #edc70e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d608c5', endColorstr='#edc70e',GradientType=1 );
}

.model-2 a.instagram:hover {
    background: #d608c5;
    background: -moz-linear-gradient(45deg, #d608c5 0%, #d608c5 0%, #d608c5 17%, #f72222 45%, #edc70e 100%, #edc70e 100%);
    background: -webkit-linear-gradient(45deg, #d608c5 0%, #d608c5 0%, #d608c5 17%, #f72222 45%, #edc70e 100%, #edc70e 100%);
    background: linear-gradient(45deg, #d608c5 0%, #d608c5 0%, #d608c5 17%, #f72222 45%, #edc70e 100%, #edc70e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d608c5', endColorstr='#edc70e',GradientType=1 );
}

.model-2 a.facebook:hover {
    background: #2a4892;
}

.model-2 a.twitter:hover {
    background: #18779a;
}

.model-2 a.copy_link:hover {
    background: #333;
}

.model-2 a.pinterest:hover {
    background: #96171b;
}

.model-2 a {
    overflow: hidden;
    font-size: 22px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin: 0 5px;
}

.model-2s a:hover {
    box-shadow: 2px 2px 2px 0 rgba(116,116,116,0.1);
    background: #ededed;
    text-shadow: 0px 0px #d5d5d5, 1px 1px #d5d5d5, 2px 2px #d5d5d5, 3px 3px #d5d5d5, 4px 4px #d5d5d5, 5px 5px #d5d5d5, 6px 6px #d5d5d5, 7px 7px #d5d5d5, 8px 8px #d5d5d5, 9px 9px #d5d5d5, 10px 10px #d5d5d5, 11px 11px #d5d5d5, 12px 12px #d5d5d5, 13px 13px #d5d5d5, 14px 14px #d5d5d5, 15px 15px #d5d5d5, 16px 16px #d5d5d5, 17px 17px #d5d5d5, 18px 18px #d5d5d5, 19px 19px #d5d5d5, 20px 20px #d5d5d5, 21px 21px #d5d5d5, 22px 22px #d5d5d5, 23px 23px #d5d5d5, 24px 24px #d5d5d5, 25px 25px #d5d5d5, 26px 26px #d5d5d5, 27px 27px #d5d5d5, 28px 28px #d5d5d5, 29px 29px #d5d5d5, 30px 30px #d5d5d5;
}

.model-2 .twitter {
    background: #00ACED;
    text-shadow: 0px 0px #0087ba, 1px 1px #0087ba, 2px 2px #0087ba, 3px 3px #0087ba, 4px 4px #0087ba, 5px 5px #0087ba, 6px 6px #0087ba, 7px 7px #0087ba, 8px 8px #0087ba, 9px 9px #0087ba, 10px 10px #0087ba, 11px 11px #0087ba, 12px 12px #0087ba, 13px 13px #0087ba, 14px 14px #0087ba, 15px 15px #0087ba, 16px 16px #0087ba, 17px 17px #0087ba, 18px 18px #0087ba, 19px 19px #0087ba, 20px 20px #0087ba, 21px 21px #0087ba, 22px 22px #0087ba, 23px 23px #0087ba, 24px 24px #0087ba, 25px 25px #0087ba, 26px 26px #0087ba, 27px 27px #0087ba, 28px 28px #0087ba, 29px 29px #0087ba, 30px 30px #0087ba;
}

.model-2 .twitter:hover {
    color: #00ACED;
}

.model-2 .whatsapp {
    background: #25D366;
    text-shadow: 0px 0px #47e605, 1px 1px #47e605, 2px 2px #47e605, 3px 3px #47e605, 4px 4px #47e605, 5px 5px #47e605, 6px 6px #47e605, 7px 7px #47e605, 8px 8px #47e605, 9px 9px #47e605, 10px 10px #47e605, 11px 11px #47e605, 12px 12px #47e605, 13px 13px #47e605, 14px 14px #47e605, 15px 15px #47e605, 16px 16px #47e605, 17px 17px #47e605, 18px 18px #47e605, 19px 19px #47e605, 20px 20px #47e605, 21px 21px #47e605, 22px 22px #47e605, 23px 23px #47e605, 24px 24px #47e605, 25px 25px #47e605, 26px 26px #47e605, 27px 27px #47e605, 28px 28px #47e605, 29px 29px #47e605, 30px 30px #47e605;
}

.model-2 .whatsapp:hover {
    color: #25D366;
}

.model-2 .facebook {
    background: #3B579D;
    text-shadow: 0px 0px #2d4278, 1px 1px #2d4278, 2px 2px #2d4278, 3px 3px #2d4278, 4px 4px #2d4278, 5px 5px #2d4278, 6px 6px #2d4278, 7px 7px #2d4278, 8px 8px #2d4278, 9px 9px #2d4278, 10px 10px #2d4278, 11px 11px #2d4278, 12px 12px #2d4278, 13px 13px #2d4278, 14px 14px #2d4278, 15px 15px #2d4278, 16px 16px #2d4278, 17px 17px #2d4278, 18px 18px #2d4278, 19px 19px #2d4278, 20px 20px #2d4278, 21px 21px #2d4278, 22px 22px #2d4278, 23px 23px #2d4278, 24px 24px #2d4278, 25px 25px #2d4278, 26px 26px #2d4278, 27px 27px #2d4278, 28px 28px #2d4278, 29px 29px #2d4278, 30px 30px #2d4278;
}

.model-2 .facebook:hover {
    color: #3B579D;
}

.model-2 .google-plus {
    background: #DD4A3A;
    text-shadow: 0px 0px #c23122, 1px 1px #c23122, 2px 2px #c23122, 3px 3px #c23122, 4px 4px #c23122, 5px 5px #c23122, 6px 6px #c23122, 7px 7px #c23122, 8px 8px #c23122, 9px 9px #c23122, 10px 10px #c23122, 11px 11px #c23122, 12px 12px #c23122, 13px 13px #c23122, 14px 14px #c23122, 15px 15px #c23122, 16px 16px #c23122, 17px 17px #c23122, 18px 18px #c23122, 19px 19px #c23122, 20px 20px #c23122, 21px 21px #c23122, 22px 22px #c23122, 23px 23px #c23122, 24px 24px #c23122, 25px 25px #c23122, 26px 26px #c23122, 27px 27px #c23122, 28px 28px #c23122, 29px 29px #c23122, 30px 30px #c23122;
}

.model-2 .google-plus:hover {
    color: #DD4A3A;
}

.model-2 .linkedin {
    background: #007BB6;
    text-shadow: 0px 0px #005983, 1px 1px #005983, 2px 2px #005983, 3px 3px #005983, 4px 4px #005983, 5px 5px #005983, 6px 6px #005983, 7px 7px #005983, 8px 8px #005983, 9px 9px #005983, 10px 10px #005983, 11px 11px #005983, 12px 12px #005983, 13px 13px #005983, 14px 14px #005983, 15px 15px #005983, 16px 16px #005983, 17px 17px #005983, 18px 18px #005983, 19px 19px #005983, 20px 20px #005983, 21px 21px #005983, 22px 22px #005983, 23px 23px #005983, 24px 24px #005983, 25px 25px #005983, 26px 26px #005983, 27px 27px #005983, 28px 28px #005983, 29px 29px #005983, 30px 30px #005983;
}

.model-2 .linkedin:hover {
    color: #007BB6;
}

.model-2 .pinterest {
    background: #CB2026;
    text-shadow: 0px 0px #9f191e, 1px 1px #9f191e, 2px 2px #9f191e, 3px 3px #9f191e, 4px 4px #9f191e, 5px 5px #9f191e, 6px 6px #9f191e, 7px 7px #9f191e, 8px 8px #9f191e, 9px 9px #9f191e, 10px 10px #9f191e, 11px 11px #9f191e, 12px 12px #9f191e, 13px 13px #9f191e, 14px 14px #9f191e, 15px 15px #9f191e, 16px 16px #9f191e, 17px 17px #9f191e, 18px 18px #9f191e, 19px 19px #9f191e, 20px 20px #9f191e, 21px 21px #9f191e, 22px 22px #9f191e, 23px 23px #9f191e, 24px 24px #9f191e, 25px 25px #9f191e, 26px 26px #9f191e, 27px 27px #9f191e, 28px 28px #9f191e, 29px 29px #9f191e, 30px 30px #9f191e;
}

.data_popup {
    display: none;
}

.data_popup.active {
    display: block;
}

a.link_poup {
    width: 50%;
    text-align: center;
    float: left;
    background: #ededed;
    padding: 20px;
    font-size: 15px;
    font-weight: bold;
}

a.link_poup.active {
    background: #fff;
    border-top: 4px solid #f00;
}

.product-related-slider {
    margin: 0;
}

.login-form {
    background: #fff !important;
}

.model-2 .pinterest:hover {
    color: #CB2026;
}

.owl-theme .owl-controls .owl-page span {
    transition: width 300ms ease-out;
}

.owl-theme .owl-controls .owl-page.active span {
    width: 30px;
    border-radius: 7px;
}

.m-t-11 {
    margin-top: -5px;
}

.item-pro-color {
    position: relative;
    overflow: hidden;
    border: 1px solid #ededed;
    border-radius: 4px;
    padding: 5px 5px 5px 2px;
}

.mobile-show {
    display: none !important;
}

.load_popup .owl-controls {
    margin-top: 8px;
}

.detail-gallery .popup_image img {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
}

.border {
    border: 1px solid #eee;
}

.helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.load_popup .item-pro-color {
    margin: 0;
}

.load_popup .popup_image {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 22;
    height: 350px;
}

.pc_tersedia {
    font-size: 12px;
    text-align: center;
    margin-top: 3px;
}

.modal-body {
    position: relative;
    padding: 10px;
}

.product-related-slider .owl-theme .owl-controls .owl-pagination {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 10px;
    top: auto;
    width: auto;
}

.product-related-slider .owl-theme .owl-controls .owl-buttons .owl-prev:hover {
    background: rgba(0,0,0,0.7) url("../images/cat-icon/icon_left.svg");
    background-size: 100% auto;
}

.product-related-slider .owl-theme .owl-controls .owl-buttons .owl-prev {
    position: absolute;
    top: -225px;
    left: 16px !important;
    border-radius: 2px;
    background: rgba(0,0,0,0.2) url("../images/cat-icon/icon_left.svg");
    background-size: 100% auto;
}

.product-related-slider .owl-theme .owl-controls .owl-buttons .owl-next:hover {
    background: rgba(0,0,0,0.7) url("../images/cat-icon/icon_right.svg");
    background-size: 100% auto;
}

.product-related-slider .owl-theme .owl-controls .owl-buttons .owl-next {
    position: absolute;
    right: 15px;
    top: -225px;
    border-radius: 2px;
    background: rgba(0,0,0,0.2) url(../images/cat-icon/icon_right.svg);
    background-size: 100% auto;
}

.product-related-slider .owl-theme .owl-controls .owl-buttons {
    position: absolute;
    top: 50px;
    left: 0;
    right: 0;
}

.product-related-slider .owl-theme .owl-controls {
    position: relative;
    right: auto;
    top: auto;
    left: auto;
    width: auto;
    bottom: auto;
}

.product-detailed-actions {
    margin-top: 40px;
    text-align: center;
    border-top: 1px solid #efeff4;
}

.product-detailed-actions .product-action-favorite {
    position: relative;
    top: -15px;
    margin-bottom: 10px;
}

.product-action-favorite {
    font-size: 12px;
    line-height: 26px;
    display: inline-block;
    padding: 0 10px;
    -webkit-transition: background-color .1s ease-in-out;
    -o-transition: background-color .1s ease-in-out;
    transition: background-color .1s ease-in-out;
    color: #76797b;
    border-radius: 12px;
}

.c-btn {
    vertical-align: middle;
    margin: 0;
    font-weight: 500;
    text-align: center;
    cursor: pointer;
    overflow: visible;
    border-width: 1px;
    border-style: solid;
    border-color: #eee;
    background-color: #fafafa;
    white-space: nowrap;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
}

.tab-description img {
    border: 1px solid #ccc;
    padding: 5px;
    margin-bottom: 20px;
    display: block;
}

.tab-description {
    font-size: 12px;
    color: #888;
}

.tab-description iframe {
    width: 100%;
    height: 200px;
    border: 1px solid #555;
}

.product-action-favorite.active {
    background: #ED302C;
    color: #fff;
}

.grosir .lihat-detail .dropdown-menu {
    top: 30px;
}

.table-grosir .bodys.head {
    color: #222;
    font-size: 13px;
    padding: 12px 20px 12px 12px;
    background: #f7f7f7;
}

.table-grosir .col-xs-5.p-0 {
    border-bottom: 1px solid #ededed;
    border-top: 1px solid #fff;
}

.table-grosir .col-xs-5.p-0 .bodys.head {
    height: 42px;
    padding: 12px 12px 15px 20px;
}

.table-grosir .col-xs-5.p-0 .bodys {
    height: 49px;
    padding-bottom: 0;
    padding-top: 14px;
}

.table-grosir .col-xs-7.p-0 {
    border-bottom: 1px solid #ededed;
    border-top: 1px solid #fff;
    font-size: 13px;
}

.table-grosir .bodys font {
    display: block;
    font-size: 11px;
    font-weight: normal;
}

.table-grosir .bodys s {
    font-weight: normal;
    color: #ccc;
    font-size: 13px;
    padding-right: 10px;
}

.table-grosir .bodys {
    padding: 7px 20px;
    background: #fcfcfc;
}

.table-grosir {
    color: #999;
    font-size: 11px;
}

.right-top-detail-info {
    position: absolute;
    top: 0;
    right: 0;
}

.share-data i {
    font-size: 20px;
    color: #acb8c1;
}

.share-data .btn {
    padding: 0;
}

.share-data {
    float: left;
    margin-top: 9px;
    margin-right: 5px;
}

#main-heart {
    display: inline-block;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.detail-info {
    position: relative;
}

.share-data .pull-right>.dropdown-menu {
    right: -38px;
    left: auto;
    min-width: 324px;
    text-align: center;
    top: 27px;
}

#main-heart svg {
    cursor: pointer;
    background: #fff;
    overflow: visible;
    width: 38px;
    border-radius: 50%;
}

#main-heart svg #heart {
    transform-origin: center;
    animation: animateHeartOut .3s linear forwards;
}

#main-heart svg #main-circ {
    transform-origin: 29.5px 29.5px;
}

#main-heart #checkbox {
    display: none;
}

#main-heart #checkbox:checked+label svg #heart {
    transform: scale(0.2);
    fill: #E2264D;
    animation: animateHeart .3s linear forwards .25s;
}

#main-heart #checkbox:checked+label svg #main-circ {
    transition: all 2s;
    animation: animateCircle .3s linear forwards;
    opacity: 1;
}

#main-heart #checkbox:checked+label svg #grp1 {
    opacity: 1;
    transition: .1s all .3s;
}

#main-heart #checkbox:checked+label svg #grp1 #oval1 {
    transform: scale(0) translate(0, -30px);
    transform-origin: 0 0 0;
    transition: .5s transform .3s;
}

#main-heart #checkbox:checked+label svg #grp1 #oval2 {
    transform: scale(0) translate(10px, -50px);
    transform-origin: 0 0 0;
    transition: 1.5s transform .3s;
}

#main-heart #checkbox:checked+label svg #grp2 {
    opacity: 1;
    transition: .1s all .3s;
}

#main-heart #checkbox:checked+label svg #grp2 #oval1 {
    transform: scale(0) translate(30px, -15px);
    transform-origin: 0 0 0;
    transition: .5s transform .3s;
}

#checkbox:checked+label svg #grp2 #oval2 {
    transform: scale(0) translate(60px, -15px);
    transform-origin: 0 0 0;
    transition: 1.5s transform .3s;
}

#checkbox:checked+label svg #grp3 {
    opacity: 1;
    transition: .1s all .3s;
}

#checkbox:checked+label svg #grp3 #oval1 {
    transform: scale(0) translate(30px, 0px);
    transform-origin: 0 0 0;
    transition: .5s transform .3s;
}

#checkbox:checked+label svg #grp3 #oval2 {
    transform: scale(0) translate(60px, 10px);
    transform-origin: 0 0 0;
    transition: 1.5s transform .3s;
}

#checkbox:checked+label svg #grp4 {
    opacity: 1;
    transition: .1s all .3s;
}

#checkbox:checked+label svg #grp4 #oval1 {
    transform: scale(0) translate(30px, 15px);
    transform-origin: 0 0 0;
    transition: .5s transform .3s;
}

#checkbox:checked+label svg #grp4 #oval2 {
    transform: scale(0) translate(40px, 50px);
    transform-origin: 0 0 0;
    transition: 1.5s transform .3s;
}

#checkbox:checked+label svg #grp5 {
    opacity: 1;
    transition: .1s all .3s;
}

#checkbox:checked+label svg #grp5 #oval1 {
    transform: scale(0) translate(-10px, 20px);
    transform-origin: 0 0 0;
    transition: .5s transform .3s;
}

#checkbox:checked+label svg #grp5 #oval2 {
    transform: scale(0) translate(-60px, 30px);
    transform-origin: 0 0 0;
    transition: 1.5s transform .3s;
}

#checkbox:checked+label svg #grp6 {
    opacity: 1;
    transition: .1s all .3s;
}

#checkbox:checked+label svg #grp6 #oval1 {
    transform: scale(0) translate(-30px, 0px);
    transform-origin: 0 0 0;
    transition: .5s transform .3s;
}

#checkbox:checked+label svg #grp6 #oval2 {
    transform: scale(0) translate(-60px, -5px);
    transform-origin: 0 0 0;
    transition: 1.5s transform .3s;
}

#checkbox:checked+label svg #grp7 {
    opacity: 1;
    transition: .1s all .3s;
}

#checkbox:checked+label svg #grp7 #oval1 {
    transform: scale(0) translate(-30px, -15px);
    transform-origin: 0 0 0;
    transition: .5s transform .3s;
}

#checkbox:checked+label svg #grp7 #oval2 {
    transform: scale(0) translate(-55px, -30px);
    transform-origin: 0 0 0;
    transition: 1.5s transform .3s;
}

#checkbox:checked+label svg #grp2 {
    opacity: 1;
    transition: .1s opacity .3s;
}

#checkbox:checked+label svg #grp3 {
    opacity: 1;
    transition: .1s opacity .3s;
}

#checkbox:checked+label svg #grp4 {
    opacity: 1;
    transition: .1s opacity .3s;
}

#checkbox:checked+label svg #grp5 {
    opacity: 1;
    transition: .1s opacity .3s;
}

#checkbox:checked+label svg #grp6 {
    opacity: 1;
    transition: .1s opacity .3s;
}

#checkbox:checked+label svg #grp7 {
    opacity: 1;
    transition: .1s opacity .3s;
}

@keyframes animateCircle {
    40% {
        transform: scale(10);
        opacity: 1;
        fill: #DD4688;
    }

    55% {
        transform: scale(11);
        opacity: 1;
        fill: #D46ABF;
    }

    65% {
        transform: scale(12);
        opacity: 1;
        fill: #CC8EF5;
    }

    75% {
        transform: scale(13);
        opacity: 1;
        fill: transparent;
        stroke: #CC8EF5;
        stroke-width: .5;
    }

    85% {
        transform: scale(17);
        opacity: 1;
        fill: transparent;
        stroke: #CC8EF5;
        stroke-width: .2;
    }

    95% {
        transform: scale(18);
        opacity: 1;
        fill: transparent;
        stroke: #CC8EF5;
        stroke-width: .1;
    }

    100% {
        transform: scale(19);
        opacity: 1;
        fill: transparent;
        stroke: #CC8EF5;
        stroke-width: 0;
    };
}

@keyframes animateHeart {
    0% {
        transform: scale(0.2);
    }

    40% {
        transform: scale(1.2);
    }

    100% {
        transform: scale(1);
    };
}

@keyframes animateHeartOut {
    0% {
        transform: scale(1.4);
    }

    100% {
        transform: scale(1);
    };
}

.data-harga span {
    display: block;
    font-size: 11px;
    color: #ED302C;
}

.data-harga {
    float: left;
}

.price-general {
    min-width: 120px;
    min-height: 35px;
    color: #ED302C;
    font-size: 25px;
    margin-top: 0px;
}

.m-tab h2 {
    display: inline-block;
    background: #f9f9f9;
    cursor: pointer;
    border: 0;
    font-weight: bold;
    margin: 0;
    margin-left: 0px;
    border: 1px solid #ededed;
    border-radius: 0;
    border-bottom: 0;
    padding: 20px 40px;
    color: #999;
    text-transform: uppercase;
    border-top: 1px solid #ededed;
    font-size: 14px;
    margin-bottom: -1px;
}

.m-tab h2.active {
    background: #fff;
    color: #222;
    cursor: default;
    border-top: 1px solid #ED302C;
}

.m-tab-content {
    padding: 20px;
    display: block;
    background: #fff;
    border: 1px solid #ededed;
    margin-top: 0px;
    padding-bottom: 20px;
    margin-bottom: 23px;
}

.m-tab-content .m-body-tab.active {
    display: block;
}

.m-tab-content .m-body-tab {
    display: none;
}

.toggle-tab-title,
.item-toggle-tab .toggle-tab-title {
    display: inline-block;
    background: #f9f9f9 !important;
    border: 0;
    font-weight: bold;
    margin-left: 0px;
    border: 1px solid #ededed;
    border-radius: 0;
    border-bottom: 0;
    padding: 20px 40px;
    border-top: 3px solid #f9f9f9;
}

.item-toggle-tab .toggle-tab-title.active {
    border-top: 3px solid #ED302C;
    background: #fff !important;
}

.toggle-tab-title::before {
    background-color: #f9f9f9 !important;
}

.link_youtube img {
    width: 100%;
}

.link_youtube {
    border-radius: 3px;
    cursor: pointer;
}

.toggle-tab-title::after {
    color: #fff;
}

.detail-tab-info {
    padding-left: 0;
}

#modal-video iframe {
    width: 100%;
    min-height: 500px;
}

.toggle-tab-content {
    padding: 20px;
    display: block;
    background: #fff;
    border: 1px solid #ededed;
    border-top: 0;
    margin-top: 0px;
    padding-bottom: 20px;
    margin-bottom: 23px;
}

.modal-card .modal-header {
    background-color: #fafafa;
    border-radius: 10px 10px 0px 0px;
    border-bottom: 1px solid #eee;
}

.modal-card .modal-title {
    font-size: 16px;
    line-height: 1.2;
    font-weight: bold;
    float: left;
    color: #333;
}

.slider_mobile {
    display: none;
}

.regular-tab .tab-pane.p-5 {
    background: transparent !important;
}

.rvm-merchant-box h4 {
    margin: 0;
    font-size: 12px;
    color: rgba(0,0,0,0.7);
    font-weight: 600;
    margin-bottom: 20px;
}

.rvm-shipping-support {
    display: inline-block;
}

.rvm-shipping-support__img-holder {
    margin-bottom: -5px;
}

.rvm-shipping-support-title {
    font-size: 11px;
    text-align: left;
    color: rgba(0,0,0,0.54);
}

.rvm-shipping-support .rvm-shipping-options {
    padding: 0;
    margin: 0;
    list-style: none;
}

.rvm-shipping-support .rvm-shipping-options>li {
    display: inline-block;
    margin-right: 14px;
}

.rvm-shipping-support .rvm-shipping-options.w50px>li {
    width: 40%;
}

.rvm-shipping-options>li>.svg_icon__tick_grey {
    display: inline-block;
    vertical-align: middle;
    width: 12px;
    height: 12px;
    background-size: contain;
    margin-right: 2px;
}

.svg_icon__tick_grey {
    background: url("../images/cat-icon/icon_check.svg");
}

.inline-block {
    display: inline-block !important;
}

.va-middle {
    vertical-align: middle !important;
}

.rvm-product-info--item {
    float: left;
    width: 24%;
    padding: 10px 0;
    box-sizing: border-box;
    display: flex;
    align-items: center;
}

.rvm-product-info--item i {
    width: 24px;
    height: 24px;
}

.rvm-product-info--item i {
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    margin-right: 5px;
}

.rvm-product-info--item_value {
    font-weight: 600;
    font-size: 14px;
    color: rgba(0,0,0,0.7);
    line-height: 12px;
}

.rvm-product-info--item_content {
    font-size: 11px;
    color: rgba(0,0,0,0.54);
    line-height: 1;
}

.rvm-icon-eye {
    background: url("../images/cat-icon/icon_dilihat.svg");
}

.rvm-icon-sent {
    background: url("../images/cat-icon/icon_dikirim.svg");
}

.rvm-icon-box {
    background: url("../images/cat-icon/icon_kondisi.svg");
}

.rvm-icon-tag {
    background: url("../images/cat-icon/icon_tags.svg");
}

.rvm-icon-insurance {
    background: url("../images/cat-icon/icon_insurance.svg");
}

.m-tab-content .m-body-tab.active p {
    color: #222;
    font-size: 15px;
}

.m-tab-content .m-body-tab.active {
    min-height: 92px;
    color: #555;
    font-size: 13px;
}

.body_shipping {
    display: none;
    font-size: 13px;
    color: #777;
}

.body_shipping b {
    font-size: 15px;
    color: #111;
}

.body_shipping .result_estimasi .col-md-10 .row {
    padding: 5px 0;
}

.logo-shipping.pickup {
    background-position: 0 -396px;
}

.logo-shipping.jnt {
    background-position: 20px -270px;
}

.logo-shipping.jne {
    background-position: 18px 18px;
}

.logo-shipping.tiki {
    background-position: 20px -20px;
}

.logo-shipping.pos {
    background-position: 15px -57px;
}

.logo-shipping.wahana {
    background-position: 18px -127px;
}

.logo-shipping.rpx {
    background-position: 18px -93px;
}

.logo-shipping.go-jek {
    background-position: 19px -163px;
}

.logo-shipping.ninjavan {
    background-position: 18px -236px;
}

.logo-shipping.jet {
    background-position: 20px -270px;
}

.logo-shipping.grab {
    background-position: 20px -342px;
}

.logo-shipping.alfatrex {
    background-position: 20px -454px;
}

.logo-shipping.sicepat {
    background-position: 20px -197px;
}

.logo-shipping.rex {
    background-position: 20px -521px;
    background-position: 14px -522px;
}

.logo-shipping.custom {
    background-position: 14px -610px;
}

.logo-shipping.autoresi {
    background-position: 14px -594px;
    background-size: 75px;
}

.bos-data {
    position: relative;
}

.o-flag__body,
.o-flag__body>:last-child {
    margin-bottom: 0;
}

.logo-shipping {
    background: #fff url("../../../res.cloudinary.com/tokdis/image/upload/v1563525559/shipping/external_logo_courier_191218.html");
    width: 105px;
    height: 49px;
    border-radius: 7px;
    background-position: 0 9999px;
    background-repeat: no-repeat;
    -webkit-background-size: 72px 72px;
    background-size: 72px;
    display: inline-block;
    border: 1px solid #ededed;
}

.border-bottom-col .col-md-2,
.border-bottom-col .col-md-10 {
    border-bottom: 1px solid #ededed;
    padding: 20px 0;
}

.tab-estimasi {
    position: relative;
}

.tab-estimasi .loading-shipping {
    position: absolute;
    top: 2px;
    right: 2px;
    display: none;
    width: 40px;
    bottom: 2px;
    background: #fff url("../images/support/loading_category.gif") center center no-repeat;
    background-size: 100% auto;
}

.tab-estimasi .color-red {
    color: #ED302C;
    text-align: center;
    background: #f5f5f5;
    font-style: italic;
    padding: 10px;
    border-radius: 5px;
    font-size: 11px;
}

.tab-estimasi .label_estimasi .div {
    font-size: 11px;
    color: #d09c50;
    background: #fff6e2;
    padding: 10px;
    border-radius: 4px;
}

.result_estimasi .head_shipping .col-md-2,
.result_estimasi .head_shipping .col-md-4,
.result_estimasi .head_shipping .col-md-3 {
    font-size: 12px;
    color: #999;
    text-transform: uppercase;
}

.select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle;
}

.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 40px;
    user-select: none;
    -webkit-user-select: none;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 8px;
    padding-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.select2-container .select2-selection--single .select2-selection__clear {
    position: relative;
}

.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px;
}

.select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    user-select: none;
    -webkit-user-select: none;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: inline-block;
    overflow: hidden;
    padding-left: 8px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.select2-container .select2-search--inline {
    float: left;
}

.select2-container .select2-search--inline .select2-search__field {
    box-sizing: border-box;
    border: none;
    font-size: 100%;
    margin-top: 5px;
    padding: 0;
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none;
}

.select2-dropdown {
    background-color: white;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1051;
}

.accordion-detail .detail-info .product-price {
    margin: 15px 6px 6px 6px;
}

.accordion-detail .detail-info .product-price ins {
    font-size: 30px;
    color: #333;
    padding: 9px 0 0 0;
    margin: 0;
    line-height: 0;
    display: block;
}

.grosir-barang {
    padding: 10px 20px 0px 20px;
    min-width: 200px;
    font-size: 12px;
}

.auto-height {
    max-height: 400px;
    overflow-x: hidden;
    overflow-y: scroll;
}

.select2-results {
    display: block;
}

.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0;
}

.select2-results__option {
    padding: 6px;
    user-select: none;
    -webkit-user-select: none;
}

.select2-results__option[aria-selected] {
    cursor: pointer;
}

.select2-container--open .select2-dropdown {
    left: 0;
}

.select2-container--open .select2-dropdown--above {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.select2-search--dropdown {
    display: block;
    padding: 4px;
}

.select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    box-sizing: border-box;
}

#popupimage_single .closed,
#popupimage .closed,
#modal-video .closed,
#modal-cart .closed {
    display: block;
    cursor: pointer;
    position: absolute;
    top: -15px;
    right: -15px;
    z-index: 1;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgZGF0YS1uYW1lPSJMaXZlbGxvIDEiIGlkPSJMaXZlbGxvXzEiIHZpZXdCb3g9IjAgMCAxNTEuNTcgMTUxLjU3IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjx0aXRsZS8+PGNpcmNsZSBjeD0iMTAzOC41IiBjeT0iNDY3LjAxIiByPSI3Mi4yOCIgc3R5bGU9ImZpbGw6I2RhMjI0NDtzdHJva2U6I2YyZjJmMjtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLXdpZHRoOjdweCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTk4OC43OCA0NzkuODkpIHJvdGF0ZSgtNDUpIi8+PGxpbmUgc3R5bGU9ImZpbGw6I2RhMjI0NDtzdHJva2U6I2YyZjJmMjtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLXdpZHRoOjdweCIgeDE9IjQ3LjU3IiB4Mj0iMTAzLjk5IiB5MT0iMTAzLjk5IiB5Mj0iNDcuNTciLz48bGluZSBzdHlsZT0iZmlsbDojZGEyMjQ0O3N0cm9rZTojZjJmMmYyO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2Utd2lkdGg6N3B4IiB4MT0iNDUuOCIgeDI9IjEwNS43IiB5MT0iNDUuODciIHkyPSIxMDUuNzciLz48L3N2Zz4=") center center no-repeat;
    background-size: 100% auto;
    border: 1px solid #fff;
}

.load_popup_img {
    min-height: 400px;
}

.load_popup_img.active {
    background: #fff url(../images/support/loading_category.gif) center center no-repeat;
    background-size: auto 50px;
}

.play_youtube:hover {
    background: rgba(0,0,0,0.3) url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CgogPGc+CiAgPHRpdGxlPmJhY2tncm91bmQ8L3RpdGxlPgogIDxyZWN0IGZpbGw9Im5vbmUiIGlkPSJjYW52YXNfYmFja2dyb3VuZCIgaGVpZ2h0PSI0MDIiIHdpZHRoPSI1ODIiIHk9Ii0xIiB4PSItMSIvPgogPC9nPgogPGc+CiAgPHRpdGxlPkxheWVyIDE8L3RpdGxlPgogIDxwYXRoIGlkPSJzdmdfMSIgZmlsbD0iI2ZmZmZmZiIgZD0ibTE2LDBjLTguODM2LDAgLTE2LDcuMTY0IC0xNiwxNnM3LjE2NCwxNiAxNiwxNnMxNiwtNy4xNjQgMTYsLTE2cy03LjE2NCwtMTYgLTE2LC0xNnptLTYsMjRsMCwtMTZsMTYuMDA4LDhsLTE2LjAwOCw4eiIvPgogPC9nPgo8L3N2Zz4=") center center no-repeat;
    opacity: .7;
    background-size: 50px auto;
}

.play_youtube {
    background: rgba(0,0,0,0.3) url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CgogPGc+CiAgPHRpdGxlPmJhY2tncm91bmQ8L3RpdGxlPgogIDxyZWN0IGZpbGw9Im5vbmUiIGlkPSJjYW52YXNfYmFja2dyb3VuZCIgaGVpZ2h0PSI0MDIiIHdpZHRoPSI1ODIiIHk9Ii0xIiB4PSItMSIvPgogPC9nPgogPGc+CiAgPHRpdGxlPkxheWVyIDE8L3RpdGxlPgogIDxwYXRoIGlkPSJzdmdfMSIgZmlsbD0iI2ZmZmZmZiIgZD0ibTE2LDBjLTguODM2LDAgLTE2LDcuMTY0IC0xNiwxNnM3LjE2NCwxNiAxNiwxNnMxNiwtNy4xNjQgMTYsLTE2cy03LjE2NCwtMTYgLTE2LC0xNnptLTYsMjRsMCwtMTZsMTYuMDA4LDhsLTE2LjAwOCw4eiIvPgogPC9nPgo8L3N2Zz4=") center center no-repeat;
    opacity: .4;
    background-size: 50px auto;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none;
}

.select2-search--dropdown.select2-search--hide {
    display: none;
}

.link_youtube img {
    border-radius: 3px;
    background: #000;
}

.link_youtube {
    position: relative;
}

.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 99;
    background-color: #fff;
    filter: alpha(opacity=0);
}

.select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important;
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #ddd;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 38px;
    font-size: 12px;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 38px;
    position: absolute;
    top: 1px;
    right: 4px;
    width: 20px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0;
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left;
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #eee;
    cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px;
}

.select2-container--default .select2-selection--multiple {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    width: 100%;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    list-style: none;
}

.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
    color: #999;
    margin-top: 5px;
    float: left;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-top: 5px;
    margin-right: 10px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #999;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #333;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder,
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
    float: right;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid black 1px;
    outline: 0;
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #eee;
    cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none;
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #ddd;
}

.select2-container--default .select2-search--inline .select2-search__field {
    background: transparent;
    border: none;
    outline: 0;
    box-shadow: none;
    -webkit-appearance: textfield;
}

.select2-container--default .select2-results>.select2-results__options {
    max-height: 200px;
    font-size: 12px;
    overflow-y: auto;
}

.select2-container--default .select2-results__option[role=group] {
    padding: 0;
}

.select2-container--default .select2-results__option[aria-disabled=true] {
    color: #999;
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #ddd;
}

.select2-container--default .select2-results__option .select2-results__option {
    padding-left: 1em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -2em;
    padding-left: 3em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -3em;
    padding-left: 4em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -4em;
    padding-left: 5em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -5em;
    padding-left: 6em;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #5897fb;
    color: white;
}

.select2-container--default .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px;
}

.select2-container--classic .select2-selection--single {
    background-color: #f7f7f7;
    border: 1px solid #ddd;
    border-radius: 4px;
    outline: 0;
    background-image: -webkit-linear-gradient(top, #fff 50%, #eee 100%);
    background-image: -o-linear-gradient(top, #fff 50%, #eee 100%);
    background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
    background-repeat: repeat-x;
}

.select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5897fb;
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px;
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-right: 10px;
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999;
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    border: none;
    border-left: 1px solid #aaa;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    background-image: -webkit-linear-gradient(top, #eee 50%, #ccc 100%);
    background-image: -o-linear-gradient(top, #eee 50%, #ccc 100%);
    background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
    background-repeat: repeat-x;
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0;
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left;
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    border: none;
    border-right: 1px solid #aaa;
    border-radius: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    left: 1px;
    right: auto;
}

.select2-container--classic.select2-container--open .select2-selection--single {
    border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: transparent;
    border: none;
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-image: -webkit-linear-gradient(top, #fff 0%, #eee 50%);
    background-image: -o-linear-gradient(top, #fff 0%, #eee 50%);
    background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);
    background-repeat: repeat-x;
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-image: -webkit-linear-gradient(top, #eee 50%, #fff 100%);
    background-image: -o-linear-gradient(top, #eee 50%, #fff 100%);
    background-image: linear-gradient(to bottom, #eee 50%, #fff 100%);
    background-repeat: repeat-x;
}

.select2-container--classic .select2-selection--multiple {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    outline: 0;
}

.select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb;
}

.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
    list-style: none;
    margin: 0;
    padding: 0 5px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    color: #888;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #555;
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    float: right;
    margin-left: 5px;
    margin-right: auto;
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto;
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
    border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
    outline: 0;
}

.select2-container--classic .select2-search--inline .select2-search__field {
    outline: 0;
    box-shadow: none;
}

.select2-container--classic .select2-dropdown {
    background-color: white;
    border: 1px solid transparent;
}

.select2-container--classic .select2-dropdown--above {
    border-bottom: none;
}

.select2-container--classic .select2-dropdown--below {
    border-top: none;
}

.select2-container--classic .select2-results>.select2-results__options {
    max-height: 200px;
    overflow-y: auto;
}

.select2-container--classic .select2-results__option[role=group] {
    padding: 0;
}

.select2-container--classic .select2-results__option[aria-disabled=true] {
    color: grey;
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
    background-color: #3875d7;
    color: white;
}

.select2-container--classic .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px;
}

.select2-container--classic.select2-container--open .select2-dropdown {
    border-color: #5897fb;
}

.copytext {
    width: 0px;
    height: 0px;
    opacity: 0;
}

.b-items {
    margin: 0;
    padding: 0;
}

.b-items .b-items__item {
    position: relative;
}

.b-items .b-items__item__add-to-cart {
    display: non2e;
}

.b-flying-img {
    position: absolute;
    width: 200px;
    height: 200px;
    top: 0;
    left: 0;
    z-index: 998;
    animation: fly 1s 1;
    -webkit-animation: fly 1s 1;
    -webkit-backface-visibility: hidden;
}

@keyframes fly {
    0% {
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    };
}

@-webkit-keyframes fly {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    };
}

#sync1_a .item img.img-nn,
#sync1 .item img.img-nn {
    width: 100%;
}

#sync1_a .item img,
#sync1 .item img {
    width: 100%;
}

#sync1_a .item {
    padding: 2px;
    border: 1px solid #ccc;
    margin: 2px;
    color: #FFF;
    text-align: center;
}

#sync1 .item {
    padding: 2px;
    border: 1px solid #ededed;
    max-height: 600px;
    margin: 2px;
    color: #FFF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
}

.border_prod_img {
    border-radius: 5px;
    padding: 0px;
}

#sync2_a .item img,
#sync2 .item img {
    width: 100%;
}

#sync2_a .item,
#sync2 .item {
    border: 2px solid #ededed;
    margin: 8px 2px 2px 2px;
    color: #FFF;
    text-align: center;
}

#sync2_a .item img {
    width: 100%;
}

#sync2_a .synced .item,
#sync2 .synced .item {
    position: relative;
    background: #ffffff;
    border: 2px solid #ED302C;
}

#sync2_a .synced .item:after,
#sync2_a .synced .item:before,
#sync2 .synced .item:after,
#sync2 .synced .item:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

#sync2_a .synced .item:after,
#sync2 .synced .item:after {
    border-color: rgba(255,255,255,0);
    border-bottom-color: #ED302C;
    border-width: 5px;
    margin-left: -5px;
}

#sync2_a .synced .item:before,
#sync2 .synced .item:before {
    border-color: rgba(245,24,61,0);
    border-bottom-color: #ED302C;
    border-width: 8px;
    margin-left: -8px;
}

@media (max-width: 480px) {
    #popupimage_single .modal-content {
        top: 50px;
    }

    #popupimage_single .modal-content .closed {
        top: -45px;
        right: 0px;
    }

    #popupimage_single .load_popup_img {
        min-height: 100px;
    }

    #sync1 .item {
        border: 0;
        border-radius: 0;
    }

    .btns-beli .add,
 .btns-beli .now {
        margin: 10px 0 0 0;
    }

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

    .product-name {
        width: 0%;
    }

    .social-media {
        margin: 15px auto;
        text-align: center;
    }

    .social-media a {
        margin: 15px auto;
    }

    .desk-right {
        text-align: left;
    }

    .title-detail {
        font-size: 18px;
        line-height: 25px;
    }

    .remove_item {
        top: 0;
    }

    b.amount {
        text-align: left;
        font-size: 13px;
        margin-bottom: 10px;
    }

    .slider_mobile {
        display: block;
    }

    .product-related-slider.slider_mobile .owl-theme .owl-controls {
        position: absolute;
        right: 0 !important;
        left: 0 !important;
        top: auto !important;
        bottom: 0 !important;
        width: 100% !important;
    }

    .list_product .product-thumb img {
        border: 1px solid #ccc;
        padding: 5px;
    }

    .toggle-tab-content {
        margin-bottom: 16px;
    }

    .price-group.table-group-detail.border.radius {
        border: 0px;
        margin: 0 -10px;
    }

    .list_product .jumlah {
        float: right;
        padding-top: 25px;
        margin-right: 5px;
        width: 130px;
        margin-bottom: 0px;
    }

    .list_product li {
        border-right: 0;
    }

    .table-group-detail .product-thumb {
        margin: auto 0px auto 5px !important;
    }

    .thumb_img {
        margin-bottom: 10px;
        margin-top: 10px;
    }

    .tab-detal {
        margin: 0;
    }

    .toggle-tab-title,
 .item-toggle-tab .toggle-tab-title {
        padding: 20px;
        text-align: center;
    }

    .bg_white {
        margin-bottom: 0px;
    }

    .product-extra-link2 {
        margin: 20px 0 0 0;
    };
}
/*# sourceMappingURL=product.css.map */