.vbillions .owanib .bxiproduk .wbbproduct .thuimg {
    max-height: 126px !important;
	}
.owanib .bxiproduk .knten .tjudul h3 {
    font-size: 11px;
    line-height: 12px;
	height:25px;
}
.owanib .wbporder .orderKotak .prharga {
    margin: 2px 0;
    font-size: 23px;
    line-height: 1.1;
}
.owanib .wbporder .orderKotak .vriable{
  margin: 0;
}
.owanib .wbporder .orderKotak .vriable p{
  font-size: 14px;
  margin: 0 0 2px 0;
}
.owanib .wbporder .orderKotak .vriable .vriable-option {
    display: inline-block;
    padding: 2px 6px;
    border: 1px solid rgba(0, 0, 0, .09);
    font-size: 13px;
    text-decoration: none;
    margin-right: 2px;
    margin-bottom: 2px;
    border-radius: 2px;
    cursor: pointer;
    position: relative;
}
.owanib .wbporder input[type="radio"], select {
    margin: 0 0 6px 0;
}
.owanib .order-button{
	display:none
}
.owanib .wbporder .orderKotak .vriable button.add-to-wcart-button,.owanib .wbporder .orderKotak .vriable .vriable-qty{
	width:90px
}

.owanib .wbporder .orderKotak .vriable button.add-to-wcart-button {
	position:absolute;
	bottom:50%;
	right:5px;
	font-size:13.5px;
	line-height:1;
	padding:8px 6px;
	height:auto;
	magin-top:0;
	border-radius:6px;
	height:30px
}

.owanib .wbporder .orderKotak .vriable .vriable-qty button {
    background: rgba(0, 0, 0, .04);
    width: 25px;
    border: 1px solid rgba(0, 0, 0, .1);
    cursor: pointer;
    margin: 0;
    float: left;
    font-size: 14px;
padding: 0 5px;
height: 30px;
line-height: 30px;
}
.owanib .wbporder .orderKotak .vriable .vriable-qty input {
	width:40px;
	font-size:13px;
	height:30px
}
@media(max-width:767px){
	.vbillions .owanib .bxiproduk .wbbproduct .thuimg {
    max-height: 110px !important;
	}
	.owanib .wbpdetail{
		min-width: 30%;
		max-width: 30%;
	}
	.owanib .bxiproduk .knten .prharga {
    height: 30px;
    line-height: 15px;
    font-size: 15px;
}
}
@media(max-width:400px){
	.vbillions .owanib .bxiproduk .wbbproduct .thuimg {
    max-height: 80px !important;
	}
	
	.owanib .wbporder .orderKotak .vriable button.add-to-wcart-button {
	bottom:3%;
	}
}

<style data-styles="">
    ion-icon {
        visibility: hidden
    }
    
    .hydrated {
        visibility: inherit
    }


<style type="text/css">
    *,
     :after,
     :before {
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-font-smoothing: antialiased;
        font-smoothing: antialiased;
        text-rendering: optimizeLegibility
    }
    
     ::-webkit-input-placeholder {
        color: #999
    }
    
     :-moz-placeholder {
        color: #999
    }
    
     ::-moz-placeholder {
        color: #999
    }
    
     :-ms-input-placeholder {
        color: #999
    }
    
    html {
        overflow-x: hidden;
        padding: 0;
        vertical-align: baseline;
        letter-spacing: 0;
        word-spacing: 0;
        border: none;
        width: 100%;
        margin: 0
    }
    
    body {
        position: relative;
        font-family: Quicksand, sans-serif;
        color: #2d4351;
        line-height: 21px;
        font-size: 14px;
        padding: 0;
        word-wrap: break-word;
        margin: 0
    }
    
    .clear:after,
    .clear:before {
        content: ' ';
        display: table
    }
    
    .clear:after {
        clear: both
    }
    
    .wamrt img {
        max-width: 100%;
        vertical-align: bottom
    }
    
    a {
        color: #61ddbb;
        text-decoration: none
    }
    
    a:hover {
        color: #61ddbb;
        text-decoration: underline
    }
    
    a:focus {
        outline: 0
    }
    
    a:active,
    a:hover {
        outline: 0
    }
    
    .wamrt input[type=email],
    .wamrt input[type=number],
    .wamrt input[type=password],
    .wamrt input[type=search],
    .wamrt input[type=tel],
    .wamrt input[type=text],
    .wamrt input[type=url] {
        border: 1px solid rgba(0, 0, 0, .2);
        border-radius: 2px;
        font-size: 14px;
        padding: 0 10px;
        height: 35px;
        line-height: 35px;
        font-family: inherit;
        color: #2d4351
    }
    
    .wamrt input[type=number]::-webkit-inner-spin-button,
    .wamrt input[type=number]::-webkit-outer-spin-button {
        -webkit-appearance: none;
        margin: 0
    }
    
    input:focus {
        outline: 0;
        border: 1px solid #04a4cc
    }
    
    .wamrt textarea {
        border: 1px solid rgba(0, 0, 0, .2);
        border-radius: 2px;
        font-size: 14px;
        padding: 0 10px;
        height: 35px;
        line-height: 35px;
        font-family: inherit;
        color: #2d4351
    }
    
    .wamrt select {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border: 1px solid rgba(0, 0, 0, .2);
        border-radius: 2px;
        font-size: 14px;
        padding: 0 10px;
        height: 35px;
        line-height: 35px;
        font-family: inherit;
        color: #2d4351;
        outline: 0
    }
    
    .wamrt .button,
    .wamrt button,
    .wamrt input[type=submit] {
        border: 1px solid rgba(0, 0, 0, .2);
        padding: 0 10px;
        border-radius: 2px;
        outline: 0;
        height: 35px;
        line-height: 35px;
        cursor: pointer
    }
    
    .color-schem-text {
        color: #61ddbb
    }
    
    .color-schem-background {
        background: #61ddbb
    }
    
    .color-schem-border {
        border-color: #61ddbb
    }
    
    .color-schem-background-hover {
        background: #fff;
        color: rgba(0, 0, 0, .6)
    }
    
    .color-schem-background-hover:hover {
        background: #61ddbb;
        color: #fff
    }
    
    .wraperz {
        max-width: 1024px;
        width: 95%;
        margin: 0 auto;
        position: relative;
        height: auto
    }
    
    headerw {
        position: relative;
        width: 100%;
        height: 50px
    }
    
    .headerw {
        height: 50px;
        background: #fff;
        position: fixed;
        width: 100%;
        top: 0;
        left: 0;
        z-index: 9998;
        box-shadow: 0 0 5px rgba(0, 0, 0, .1)
    }
    
    .logo {
        height: 50px;
        float: left
    }
    
    .logo img {
        height: 40px;
        margin-top: 5px
    }
    
    .headerw .caribox {
        width: 300px;
        height: 50px;
        float: left;
        margin-left: 10px
    }
    
    .headerw .caribox form {
        margin-top: 7.5px;
        width: 100%;
        border-style: solid;
        border-width: 1px;
        height: 35px;
        border-radius: 25px;
        position: relative
    }
    
    .headerw .caribox form input {
        height: 31px;
        width: 100%;
        border-radius: 25px;
        background: 0 0!important;
        border: none!important;
        padding: 0 10px;
        line-height: 32px;
        font-size: 14px
    }
    
    .headerw .caribox form button {
        height: 24px;
        position: absolute;
        top: 0;
        right: 0;
        background: 0 0;
        border: none
    }
    
    .headerw .caribox form button i {
        font-size: 17px;
        line-height: 24px
    }
    
    .wamrt .nav {
        float: right;
        height: 50px;
        overflow: visible;
        position: relative
    }
    
    .wamrt .nav i {
        position: relative;
        cursor: pointer;
        z-index: 999;
        font-size: 20px;
        line-height: 50px
    }
    
    .mn-wraperz {
        position: fixed;
        top: 50px;
        height: calc(100% - 50px);
        width: 100%;
        left: 0;
        background: rgba(0, 0, 0, .8);
        display: none;
        visibility: hidden;
        opacity: 0;
        overflow: auto
    }
    
    .mn-wraperz ul.mn-list {
        list-style-type: none;
        padding: 0;
        margin: 0 auto;
        height: auto;
        position: relative
    }
    
    .mn-wraperz ul.mn-list li {
        height: 50px;
        padding: 0 10px;
        position: relative;
        z-index: 1;
        display: block;
        width: 100%;
        border-bottom: 1px solid rgba(0, 0, 0, .09);
        margin-left: 0;
        background: #fff;
        height: auto
    }
    
    .mn-wraperz ul.mn-list li.mn-item-has-children {
        padding-right: 0
    }
    
    .mn-wraperz ul.mn-list li.mn-item-has-children:after {
        position: absolute;
        content: '';
        width: 6px;
        height: 6px;
        right: 10px;
        top: 20px;
        border: 1px solid rgba(0, 0, 0, .4);
        border-width: 0 0 2px 2px;
        transform: rotate(-45deg)
    }
    
    .mn-wraperz ul.mn-list li a {
        font-weight: 700;
        text-transform: uppercase;
        display: block;
        text-decoration: none;
        line-height: 50px;
        font-size: 14px;
        letter-spacing: 1px
    }
    
    .mn-wraperz ul.mn-list li ul.sub-mn {
        right: 0;
        margin: 0;
        padding: 0;
        width: 200px;
        box-shadow: 0 2px 6px rgba(0, 0, 0, .12);
        background: #fff;
        position: relative;
        top: 0;
        width: 100%;
        opacity: 0;
        display: none;
        visibility: hidden
    }
    
    .mn-wraperz ul.mn-list li ul.sub-mn li {
        float: none;
        margin: 0;
        padding: 0 20px;
        display: block;
        height: 50px;
        border-bottom: 1px solid rgba(0, 0, 0, .1);
        overflow: hidden;
        background: #fff
    }
    
    .mn-wraperz ul.mn-list li ul.sub-mn li a {
        display: block;
        font-size: 14px;
        line-height: 50px;
        text-transform: none;
        font-weight: 400;
        color: #2d4351
    }
    
    .wbasket {
        width: 40px;
        text-align: center;
        float: right;
        height: 50px;
        overflow: visible;
        position: relative;
        margin-right: 20px
    }
    
    .wbasket i {
        font-size: 20px;
        line-height: 50px;
        cursor: pointer
    }
    
    .wbasket .counter-wbasket-item {
        position: absolute;
        color: #fff;
        font-size: 9px;
        top: 8px;
        right: 0;
        width: 18px;
        height: 18px;
        text-align: center;
        font-weight: 700;
        line-height: 15px;
        border-radius: 100%;
        border: 1px solid #fff;
        background: red
    }
    
    .sld-outer {
        padding: 0!important;
        position: relative
    }
    
    .sld-outer [hidden] {
        display: none!important
    }
    
    .sld-outer [aria-controls],
    .sld-outer [data-action] {
        cursor: pointer
    }
    
    .sld-ysliderr {
        -webkit-transition: all 0s;
        -moz-transition: all 0s;
        transition: all 0s
    }
    
    .sld-ysliderr>.sld-item {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }
    
    .sld-horizontal.sld-subpixel {
        white-space: nowrap
    }
    
    .sld-horizontal.sld-subpixel>.sld-item {
        display: inline-block;
        vertical-align: top;
        white-space: normal
    }
    
    .sld-horizontal.sld-no-subpixel:after {
        content: '';
        display: table;
        clear: both
    }
    
    .sld-horizontal.sld-no-subpixel>.sld-item {
        float: left
    }
    
    .sld-horizontal.sld-carousel.sld-no-subpixel>.sld-item {
        margin-right: -100%
    }
    
    .sld-no-calc {
        position: relative;
        left: 0
    }
    
    .sld-gallery {
        position: relative;
        left: 0;
        min-height: 1px
    }
    
    .sld-gallery>.sld-item {
        position: absolute;
        left: -100%;
        -webkit-transition: transform 0s, opacity 0s;
        -moz-transition: transform 0s, opacity 0s;
        transition: transform 0s, opacity 0s
    }
    
    .sld-gallery>.sld-yslider-active {
        position: relative;
        left: auto!important
    }
    
    .sld-gallery>.sld-moving {
        -webkit-transition: all .25s;
        -moz-transition: all .25s;
        transition: all .25s
    }
    
    .sld-autowidth {
        display: inline-block
    }
    
    .sld-lazy-img {
        -webkit-transition: opacity .6s;
        -moz-transition: opacity .6s;
        transition: opacity .6s;
        opacity: .6
    }
    
    .sld-lazy-img.sld-complete {
        opacity: 1
    }
    
    .sld-ah {
        -webkit-transition: height 0s;
        -moz-transition: height 0s;
        transition: height 0s
    }
    
    .sld-ovh {
        overflow: hidden
    }
    
    .sld-visually-hidden {
        position: absolute;
        left: -10000em
    }
    
    .sld-transparent {
        opacity: 0;
        visibility: hidden
    }
    
    .sld-fadeIn {
        opacity: 1;
        z-index: 0
    }
    
    .sld-fadeOut,
    .sld-normal {
        opacity: 0;
        z-index: -1
    }
    
    .sld-vpfix {
        white-space: nowrap
    }
    
    .sld-vpfix>div,
    .sld-vpfix>li {
        display: inline-block
    }
    
    .sld-t-subp2 {
        margin: 0 auto;
        width: 310px;
        position: relative;
        height: 10px;
        overflow: hidden
    }
    
    .sld-t-ct {
        width: 2333.3333333%;
        width: -webkit-calc(100% * 70 / 3);
        width: -moz-calc(100% * 70 / 3);
        width: calc(100% * 70 / 3);
        position: absolute;
        right: 0
    }
    
    .sld-t-ct:after {
        content: '';
        display: table;
        clear: both
    }
    
    .sld-t-ct>div {
        width: 1.4285714%;
        width: -webkit-calc(100% / 70);
        width: -moz-calc(100% / 70);
        width: calc(100% / 70);
        height: 10px;
        float: left
    }
    
    .sld-outer button[data-action=stop] {
        display: none
    }
    
    .sld-outer button[data-action=start] {
        position: absolute;
        background: rgba(0, 0, 0, .3);
        z-index: 1;
        left: calc(50% - 45px);
        top: calc(50% - 30px);
        font-size: 50px;
        height: 60px;
        line-height: 60px;
        width: 90px;
        border-radius: 10px;
        color: rgba(0, 0, 0, .7)
    }
    
    .sld-nav {
        position: absolute;
        bottom: 10px;
        right: calc(50% - 150px);
        z-index: 1;
        text-align: center;
        width: 300px
    }
    
    .sld-nav button {
        width: 15px;
        height: 15px;
        border-radius: 25px;
        margin: 0 2px;
        background: 0 0;
        padding: 0;
        border: none;
        background: #ccc
    }
    
    .sld-nav button.sld-nav-active {
        background: #61ddbb;
        width: 30px
    }
    
    .ysliderr {
        margin-top: 20px;
        width: 100%;
        height: 400px;
        overflow: hidden;
        position: relative
    }
    
    .ysliderr .yslider {
        height: 400px;
        border-radius: 8px
    }
    
    .ysliderr .yslider img {
        height: 100%;
        width: 100%;
        border-radius: 8px
    }
    
    .index {
        position: relative
    }
    
    .not-found {
        text-align: center;
        padding: 100px 0
    }
    
    .indexcat {
        position: relative;
        margin: 10px 0
    }
    
    .blabel {
        margin-top: 20px;
        height: 40px;
        position: relative
    }
    
    .blabel .ternew {
        height: 17px;
        border-bottom: 1px solid rgba(0, 0, 0, .1);
        text-align: center
    }
    
    .blabel .ternew h3 {
        padding: 5px 20px;
        font-size: 18px;
        line-height: 20px;
        border-radius: 10px;
        margin: 0;
        display: inline-block;
        border: 1px solid rgba(0, 0, 0, .1);
        background: #fff
    }
    
    .blabel .category {
        border-bottom: 1px solid rgba(0, 0, 0, .1);
        padding: 5px 0
    }
    
    .blabel .category h3 {
        padding: 0;
        margin: 0;
        font-size: 18px;
        line-height: 20px;
        display: inline-block
    }
    
    .blabel .category .view-all {
        position: absolute;
        width: auto;
        top: 5px;
        right: 0
    }
    
    .blabel .category .view-all a {
        font-weight: 700
    }
    
    .blabel .archive {
        border-bottom: 1px solid rgba(0, 0, 0, .1)
    }
    
    .blabel .archive h3 {
        padding: 0;
        margin: 0;
        line-height: 40px;
        text-transform: uppercase
    }
    
    .blabel .archive .filtered {
        position: absolute;
        top: 5px;
        right: 0;
        height: 30px;
        width: 150px
    }
    
    .blabel .archive .filtered select {
        line-height: 30px;
        height: 30px;
        width: 150px;
        position: relative
    }
    
    .blabel .archive .filtered:before {
        content: url('data:image/svg+xml;charset=UTF-8, <svg width="15px" height="15px" enable-background="new 0 0 459 459" version="1.1" viewBox="0 0 459 459" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><path d="M178.5,382.5h102v-51h-102V382.5z M0,76.5v51h459v-51H0z M76.5,255h306v-51h-306V255z"/></svg>');
        position: absolute;
        z-index: 1;
        top: 9px;
        right: 15px
    }
    
    .blabel .next {
        text-align: center
    }
    
    .blabel .next a.button {
        text-decoration: none;
        height: 40px;
        display: inline-block;
        border: none;
        line-height: 40px;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        padding: 0 20px;
        color: #fff;
        font-weight: 700;
        font-size: 16px;
        width: 100%;
        max-width: 500px
    }
    
    .blabel .next a.button:hover {
        box-shadow: inset 0 .5px 1px rgba(0, 0, 0, .5);
        text-decoration: none
    }
    
    .indexcatbox {
        position: relative
    }
    
    .indexcatbox .arrow {
        width: 28px;
        height: 28px;
        border-radius: 5px;
        background: rgba(0, 0, 0, .5);
        position: absolute;
        top: 50%;
        margin-top: -14px;
        box-shadow: 0 2px 10px rgba(0, 0, 0, .1);
        z-index: 1;
        text-align: center
    }
    
    .indexcatbox .arrow svg {
        line-height: 28px;
        margin-top: 8px;
        color: #fff;
        cursor: pointer
    }
    
    .indexcatbox .arrow-left {
        left: 0;
        display: none
    }
    
    .indexcatbox .arrow-right {
        right: 0;
        display: none
    }
    
    .wcontainer {
        margin-top: 20px;
        position: relative;
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        overflow-x: scroll;
        -ms-overflow-style: none
    }
    
    .wcontainer::-webkit-scrollbar {
        display: none
    }
    
    .boxcatcontainer {
        margin-top: 20px;
        position: relative;
        height: 300px;
        white-space: nowrap;
        display: flex;
        flex-wrap: nowrap;
        overflow-x: scroll;
        -ms-overflow-style: none
    }
    
    .boxcatcontainer::-webkit-scrollbar {
        display: none
    }
    
    .bxiproduk {
        min-width: 20%;
        max-width: 20%;
        height: auto;
        border-radius: 8px;
        flex: 1;
        border: 5px solid transparent
    }
    
    .bxiproduk .knten {
        box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .1);
        position: relative;
        border-radius: 8px
    }
    
    .bxiproduk .knten .thuimg {
        width: 100%;
        height: 200px;
        background: rgba(0, 0, 0, .07);
        border-radius: 8px 8px 0 0;
        text-align: center;
        overflow: hidden;
        position: relative
    }
    
    .bxiproduk .knten .thuimg img {
        min-height: 100%;
        height: auto;
        width: auto;
        min-width: 100%;
        border-radius: 8px 8px 0 0;
        position: relative
    }
    
    .bxiproduk .knten .thuimg .ribonz {
        direction: ltr;
        display: block;
        width: 80px;
        height: 80px;
        overflow: hidden;
        position: absolute;
        z-index: 1;
        top: 7px;
        left: 7px;
        transform: rotate(-90deg) scale(1.2);
        cursor: pointer
    }
    
    .bxiproduk .knten .thuimg .ribonz .text {
        text-transform: uppercase;
        display: block;
        font-size: 55%;
        font-weight: 600;
        color: #fff;
        letter-spacing: 2px;
        text-align: center;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        position: relative;
        padding: 2px 0;
        left: -5px;
        top: 15px;
        width: 120px;
        color: #fff;
        -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .3);
        -moz-box-shadow: 0 0 3px rgba(0, 0, 0, .3);
        box-shadow: 0 0 3px rgba(0, 0, 0, .3)
    }
    
    .bxiproduk .knten .thuimg img.lazy {
        opacity: 0
    }
    
    .bxiproduk .knten .thuimg img.lazy.loaded {
        opacity: 1
    }
    
    .bxiproduk .knten .tjudul {
        padding: 5px 5px 2px
    }
    
    .bxiproduk .knten .tjudul h3 {
        font-size: 14px;
        line-height: 15px;
        font-weight: 700;
        height: 30px;
        margin: 0;
        color: #444;
        text-decoration: none;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box
    }
    
    .bxiproduk a:hover {
        text-decoration: none
    }
    
    .bxiproduk:hover .knten {
        -webkit-box-shadow: 2px 5px 10px 1px rgba(0, 0, 0, .1);
        -moz-box-shadow: 2px 5px 10px 1px rgba(0, 0, 0, .1);
        box-shadow: 2px 5px 10px 1px rgba(0, 0, 0, .1);
        text-decoration: none
    }
    
    .bxiproduk .knten .prharga {
        display: block;
        text-align: center;
        height: 40px;
        line-height: 16px;
        font-size: 16px
    }
    
    .bxiproduk .knten .prharga .yprice {
        color: #ff5722;
        font-weight: 700;
        display: block
    }
    
    .bxiproduk .knten .prharga .yprice_slik {
        color: #c1c1c1;
        display: block;
        font-size: 12px
    }
    
    .bpost {
        border: 1px solid rgba(0, 0, 0, .08);
        width: calc(50% - 20px);
        float: left;
        margin: 0 10px 20px;
        height: 265px;
        border-radius: 3px
    }
    
    .bpost .thuimg {
        width: 100%;
        height: 200px;
        background: rgba(0, 0, 0, .07);
        border-radius: 8px;
        text-align: center;
        overflow: hidden;
        vertical-align: middle
    }
    
    .bpost .thuimg img {
        height: auto;
        width: 100%;
        border-radius: 8px;
        position: relative;
        top: 50%;
        transform: translateY(-50%)
    }
    
    .bpost .thuimg img.lazy {
        opacity: 0
    }
    
    .bpost .thuimg img.lazy.loaded {
        opacity: 1
    }
    
    .bpost .tjudul {
        padding: 5px 10px;
        border-bottom: none!important
    }
    
    .bpost .tjudul h3 {
        font-size: 20px;
        line-height: 23px;
        font-weight: 700;
        height: 46px;
        margin: 0;
        color: #444;
        text-decoration: none;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box
    }
    
    .bpost a:hover {
        text-decoration: none
    }
    
    .bpost:hover {
        -webkit-box-shadow: 2px 5px 10px 1px rgba(0, 0, 0, .1);
        -moz-box-shadow: 2px 5px 10px 1px rgba(0, 0, 0, .1);
        box-shadow: 2px 5px 10px 1px rgba(0, 0, 0, .1);
        text-decoration: none;
        position: relative
    }
    
    .navigasi {
        margin-bottom: 30px;
        text-align: center
    }
    
    .navigasi a,
    .navigasi span {
        width: 35px;
        height: 35px;
        line-height: 35px;
        margin: 0 4px;
        font-size: 16px;
        color: #888;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        display: inline-block;
        border: 1px solid rgba(0, 0, 0, .1)
    }
    
    .navigasi a.prevnextlink {
        width: 150px
    }
    
    .navigasi span.current {
        color: #fff
    }
    
    .navigasi a:hover {
        background: rgba(0, 0, 0, .2);
        color: #fff;
        text-decoration: none
    }
    
    .wsingular {
        margin-top: 20px
    }
    
    .post {
        border: 1px solid rgba(0, 0, 0, .1);
        width: calc(100% - 320px);
        float: left;
        background: #fff
    }
    
    .post .tjudul {
        border-bottom: 1px solid rgba(0, 0, 0, .1)
    }
    
    .post .tjudul h1 {
        margin: 0;
        padding: 10px;
        line-height: 35px;
        font-size: 30px
    }
    
    .page {
        border: 1px solid rgba(0, 0, 0, .1);
        width: 100%;
        float: left;
        background: #fff
    }
    
    .page .tjudul {
        border-bottom: 1px solid rgba(0, 0, 0, .1)
    }
    
    .page .tjudul h1 {
        margin: 0;
        padding: 10px;
        line-height: 35px;
        font-size: 30px
    }
    
    .wsdbar {
        border: 1px solid rgba(0, 0, 0, .1);
        width: 300px;
        float: right;
        background: #fff
    }
    
    .wsdbar .w-get {
        padding: 10px
    }
    
    .iproduk {
        position: relative
    }
    
    .iproduk .boxtop {
        position: relative
    }
    
    .iproduk .detailkotak {
        margin-top: 20px;
        float: none;
        position: relative;
        display: block;
        background: #fff;
        border: 1px solid rgba(0, 0, 0, .09);
        border-radius: 8px
    }
    
    .iproduk .detailkotak h2 {
        font-weight: 700
    }
    
    .iproduk .boxtop .left {
        float: left;
        width: 450px;
        position: relative;
        border-radius: 8px
    }
    
    .iproduk .boxtop .right {
        float: right;
        width: calc(100% - 460px);
        border: 1px solid rgba(0, 0, 0, .09);
        background: #fff;
        height: auto;
        position: relative;
        border-radius: 8px
    }
    
    .poto {
        width: 100%;
        height: auto;
        position: relative
    }
    
    .poto .potobig {
        border: 1px solid rgba(0, 0, 0, .09);
        width: 100%;
        height: 450px;
        text-align: center;
        border-radius: 8px;
        position: relative
    }
    
    .poto .potobig img {
        margin: 0 auto;
        width: auto;
        height: auto;
        min-width: 100%;
        min-height: 100%;
        flex: 1;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        border-radius: 8px
    }
    
    .poto .potobig .ribonz {
        direction: ltr;
        display: block;
        width: 85px;
        height: 88px;
        overflow: hidden;
        position: absolute;
        z-index: 5;
        top: 6px;
        left: 10px;
        transform: rotate(-90deg) scale(1.2);
        cursor: pointer
    }
    
    .poto .potobig .ribonz .text {
        text-transform: uppercase;
        display: block;
        font-size: 55%;
        font-weight: 600;
        color: #fff;
        letter-spacing: 2px;
        text-align: center;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        position: relative;
        padding: 7px 0;
        left: -6px;
        top: 9px;
        width: 120px;
        color: #fff;
        -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .3);
        -moz-box-shadow: 0 0 3px rgba(0, 0, 0, .3);
        box-shadow: 0 0 3px rgba(0, 0, 0, .3)
    }
    
    .poto .potosmall {
        margin-top: 10px;
        position: relative;
        text-align: center
    }
    
    .poto .potosmall .potosmallbox {
        display: inline-block;
        vertical-align: top;
        width: 80px;
        height: 80px;
        cursor: pointer;
        border-radius: 8px
    }
    
    .poto .potosmall .potosmallbox .img {
        width: 100%;
        height: 100%;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        border-radius: 8px
    }
    
    .kntenbox {
        position: relative;
        width: 100%;
        height: auto;
        padding: 10px
    }
    
    .kntenbox .outstock {
        background: #fff6bf;
        width: calc(100% + 20px);
        margin-left: -10px;
        margin-top: -10px;
        text-align: center;
        color: #606060;
        font-weight: 700;
        padding: 10px 0;
        margin-bottom: 10px;
        position: relative
    }
    
    .kntenbox h1 {
        font-size: 23px;
        font-weight: 700;
        border-bottom: 1px solid rgba(0, 0, 0, .09);
        margin: 0;
        padding-bottom: 10px;
        line-height: 27px;
        color: #2d4351
    }
    
    .kntenbox h2 {
        font-size: 18px;
        font-weight: 400;
        border-bottom: 1px solid rgba(0, 0, 0, .09);
        margin: 0;
        padding-bottom: 10px;
        line-height: 27px;
        color: #2d4351
    }
    
    .shareButton {
        margin-top: 50px;
        position: relative;
        text-align: center
    }
    
    .shareButton .labele {
        height: 35px;
        line-height: 35px;
        text-align: center;
        font-size: 16px;
        font-weight: 700;
        position: absolute;
        left: 0;
        width: 100%;
        top: -35px
    }
    
    .shareButton a {
        background: #fff;
        display: inline-block;
        text-align: center;
        text-decoration: none;
        width: 25%;
        text-align: center;
        float: left;
        border-top: 1px solid rgba(0, 0, 0, .09);
        border-right: 1px solid rgba(0, 0, 0, .09);
        padding-top: 5px
    }
    
    .shareButton a:nth-child(2) {
        border-radius: 0 0 0 8px
    }
    
    .shareButton a:last-child {
        border-right: none;
        border-radius: 0 0 8px 0
    }
    
    .shareButton a:hover {
        background: rgba(0, 0, 0, .1);
        border-top: 1px solid rgba(0, 0, 0, .01);
        border-right: 1px solid rgba(0, 0, 0, .01)
    }
    
    .textbox {
        font-size: 16px
    }
    
    .textbox h1,
    h1 {
        border: none
    }
    
    .textbox blockquote {
        font-style: italic
    }
    
    .textbox iframe {
        max-width: 100%!important
    }
    
    .comments {
        padding: 10px
    }
    
    .comments h2 {
        border-bottom: 1px solid rgba(0, 0, 0, .1);
        font-size: 18px
    }
    
    .comments ul {
        list-style-type: none;
        padding: 0
    }
    
    .comments ul li {
        position: relative;
        margin-bottom: 30px
    }
    
    .comments ul li ul.children {
        margin-top: 20px;
        margin-left: 60px
    }
    
    .comments ul li .comment-body {
        border-bottom: 1px solid rgba(0, 0, 0, .1);
        position: relative;
        padding-left: 60px
    }
    
    .comments ul li .comment-body .comment-author {
        height: 50px;
        width: 50px;
        position: absolute;
        top: 0;
        left: 0
    }
    
    .comments ul li .comment-body .author-name {
        font-weight: 700
    }
    
    .comments ul li .comment-body .comment-text p {
        margin: 0
    }
    
    .comments .comment-respond {
        position: relative
    }
    
    .comments .comment-respond h3 {
        margin: 0
    }
    
    .comments .comment-respond .comment-form {
        position: relative
    }
    
    .comments .comment-respond .comment-form .comment-form-comment {
        position: relative;
        width: 100%
    }
    
    .comments .comment-respond .comment-form .comment-form-comment label {
        display: none
    }
    
    .comments .comment-respond .comment-form textarea {
        width: 100%;
        height: 100px
    }
    
    .comments .comment-respond .comment-form .comment-form-url {
        display: none
    }
    
    .comments .comment-respond .comment-form p {
        width: 50%
    }
    
    .comments .comment-respond .comment-form input[type=text],
    input[type=email] {
        width: 100%
    }
    
    .fiturbox {
        height: auto;
        position: relative;
        margin-top: 20px;
        margin-bottom: 20px
    }
    
    .fiturbox .wfitur-wrap {
        background: #fff;
        position: relative;
        border: 1px solid rgba(0, 0, 0, .2);
        border-radius: 10px;
        padding: 20px
    }
    
    .fiturbox .wfitur-wrap .wfitur {
        display: inline-block;
        float: left;
        text-align: center
    }
    
    .fiturbox .wfitur-wrap .wfitur .icon {
        width: 40px;
        height: 40px;
        margin: 0 auto;
        text-align: center;
        line-height: 40px;
        border-radius: 100%;
        font-size: 18px;
        color: #fff
    }
    
    .fiturbox .wfitur-wrap .wfitur .heading {
        margin-top: 20px;
        font-size: 19px;
        font-weight: 700;
        color: rgba(0, 0, 0, 9)
    }
    
    .fiturbox .wfitur-wrap .wfitur .description {
        font-size: 14px;
        width: 200px;
        margin: 20px auto 0
    }
    
    .fiturbox .wfitur-wrap .wfiturleft,
    .fiturbox .wfitur-wrap .wfiturright {
        width: 30%
    }
    
    .fiturbox .wfitur-wrap .wfiturcenter {
        width: 40%
    }
    
    .socialbox {
        margin-top: 30px;
        height: 50px;
        background: #fff;
        border-top: 1px solid rgba(0, 0, 0, .09)
    }
    
    .socialbox .socials {
        height: 50px;
        line-height: 50px
    }
    
    .socialbox .socials span {
        display: inline-block;
        margin-right: 10px
    }
    
    .socialbox .socials a.social {
        display: inline-block;
        height: 35px;
        width: 35px;
        vertical-align: middle;
        margin-right: 15px;
        font-size: 16px;
        color: #fff;
        background: #000;
        border-radius: 100%;
        line-height: 35px;
        text-align: center;
        margin-top: -2px
    }
    
    .w-getbox {
        height: auto;
        position: relative;
        padding-bottom: 20px;
        border-top: 1px solid rgba(0, 0, 0, .09);
        background: #fff
    }
    
    .w-getbox .w-get {
        display: inline-block;
        float: left
    }
    
    .w-getbox .w-getleft,
    .w-getbox .w-getright {
        width: 30%
    }
    
    .w-getbox .w-getcenter {
        width: 40%
    }
    
    .w-getbox .w-get h3 {
        color: rgba(0, 0, 0, 1);
        text-align: center;
        font-size: 20px;
        font-weight: 700
    }
    
    .w-get_wamart_about {
        position: relative
    }
    
    .w-get_wamart_about h3 {
        color: rgba(0, 0, 0, 1);
        text-align: center;
        font-size: 20px;
        font-weight: 700
    }
    
    .w-get_wamart_about .w-get-knten {
        text-align: center
    }
    
    .w-get_wamart_payment {
        position: relative
    }
    
    .w-get_wamart_payment h3 {
        color: rgba(0, 0, 0, 1);
        text-align: center;
        font-size: 20px;
        font-weight: 700
    }
    
    .w-get_wamart_payment .w-get-knten {
        text-align: center
    }
    
    .w-get_wamart_payment .w-get-knten ul {
        position: relative;
        margin: 0!important;
        padding: 0
    }
    
    .w-get_wamart_payment .w-get-knten ul li {
        display: inline-block;
        height: 36px;
        width: 72px;
        border: 1px solid rgba(0, 0, 0, .06);
        margin: 3px 2px;
        background-color: #fff;
        border-radius: 2px;
        background-position: center center;
        background-size: 70% auto;
        background-repeat: no-repeat
    }
    
    .w-get_wamart_shipping h3 {
        color: rgba(0, 0, 0, 1);
        text-align: center;
        font-size: 20px;
        font-weight: 700
    }
    
    .w-get_wamart_shipping .w-get-knten {
        text-align: center
    }
    
    .w-get_wamart_shipping .w-get-knten ul {
        position: relative;
        margin: 0;
        padding: 0
    }
    
    .w-get_wamart_shipping .w-get-knten ul li {
        display: inline-block;
        height: 36px;
        width: 72px;
        border: 1px solid rgba(0, 0, 0, .06);
        margin: 3px 2px;
        background-color: #fff;
        border-radius: 2px;
        background-position: center center;
        background-size: 70% auto;
        background-repeat: no-repeat
    }
    
    .w-get_wamart_contact h3 {
        color: rgba(0, 0, 0, 1);
        text-align: center;
        font-size: 20px;
        font-weight: 700
    }
    
    .w-get_wamart_contact .w-get-knten {
        text-align: center
    }
    
    .w-get_wamart_contact .w-get-knten .btn {
        margin-bottom: 10px;
        position: relative
    }
    
    .w-get_wamart_contact .w-get-knten .btn a {
        display: block;
        font-weight: 600;
        border: 1px solid rgba(0, 0, 0, .06);
        border-radius: 100px;
        padding: 5px 15px;
        text-align: center;
        margin-bottom: 5px;
        text-decoration: none;
        cursor: pointer
    }
    
    .orderKotak {
        position: relative
    }
    
    .orderKotak.center {
        text-align: center
    }
    
    .orderKotak .prharga {
        margin: 10px 0;
        font-size: 23px;
        line-height: 25px
    }
    
    .orderKotak .prharga .yprice {
        font-weight: 700;
        color: #ff5050
    }
    
    .orderKotak .prharga .yprice_slik {
        color: rgba(0, 0, 0, .5)
    }
    
    .orderKotak .vriable {
        padding: 0;
        margin-top: 20px
    }
    
    .orderKotak .vriable p {
        font-size: 16px;
        margin: 0 0 10px 0;
        font-weight: 400
    }
    
    .orderKotak .vriable .vriable-option {
        display: inline-block;
        padding: 5px 15px;
        border: 1px solid rgba(0, 0, 0, .09);
        font-size: 14px;
        text-decoration: none;
        margin-right: 5px;
        margin-bottom: 5px;
        border-radius: 2px;
        cursor: pointer;
        position: relative
    }
    
    .orderKotak .vriable .vriable-option input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        z-index: 1
    }
    
    .orderKotak .vriable .vriable-option .marked {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: 0 0;
        opacity: 0;
        border-width: 1px;
        border-style: solid;
        border-radius: 2px
    }
    
    .orderKotak .vriable .vriable-option input:checked~.marked {
        opacity: 1
    }
    
    .orderKotak .vriable .vriable-qty {
        width: 142px;
        display: inline-block
    }
    
    .orderKotak .vriable .vriable-qty input {
        width: 60px;
        text-align: center;
        border: 1px solid rgba(0, 0, 0, .1);
        border-left: none;
        border-right: none;
        border-radius: 0;
        margin: 0;
        float: left;
        color: #000
    }
    
    .orderKotak .vriable .vriable-qty button {
        background: rgba(0, 0, 0, .04);
        width: 40px;
        border: 1px solid rgba(0, 0, 0, .1);
        cursor: pointer;
        margin: 0;
        float: left;
        font-size: 16px
    }
    
    .orderKotak .vriable .vriable-qty button:hover {
        background: rgba(0, 0, 0, .09)
    }
    
    .orderKotak .vriable .order-button {
        width: calc(50% - 5px);
        height: 50px;
        border: none;
        color: #fff;
        font-size: 16px;
        font-weight: 700;
        border-radius: 8px;
        float: left
    }
    
    .orderKotak .vriable .order-button i {
        margin-right: 2px
    }
    
    .orderKotak .vriable .order-button:hover {
        box-shadow: inset 0 0 5px rgba(0, 0, 0, .08)
    }
    
    .orderKotak .vriable .order-button.outofstock {
        background: rgba(0, 0, 0, .2);
        cursor: no-drop
    }
    
    .orderKotak .vriable .add-to-wcart-button {
        width: calc(50% - 5px);
        height: 50px;
        border: none;
        color: #fff;
        font-size: 16px;
        font-weight: 700;
        border-radius: 8px;
        float: right
    }
    
    .orderKotak .vriable .add-to-wcart-button i {
        margin-right: 2px
    }
    
    .orderKotak .vriable .add-to-wcart-button:hover {
        box-shadow: inset 0 0 5px rgba(0, 0, 0, .08)
    }
    
    .orderKotak .vriable .add-to-wcart-button.outofstock {
        background: rgba(0, 0, 0, .2);
        cursor: no-drop
    }
    
    .orderKotak .vriable .button-order-mp {
        margin-top: 10px;
        text-align: center
    }
    
    .orderKotak .vriable .button-order-mp a {
        border: 1px solid rgba(0, 0, 0, .1);
        width: 50px;
        height: 35px;
        padding: 5px 0;
        text-align: center;
        display: inline-block
    }
    
    .orderKotak .vriable .button-order-mp a img {
        width: 20px;
        height: 20px
    }
    
    .orderKotak .vriable .button-order-mp a:hover {
        border: 1px solid rgba(0, 0, 0, .3)
    }
    
    .aformWaBox {
        font-size: 14px;
        line-height: 1.6;
        display: flex;
        position: fixed;
        z-index: 99998;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        overflow-y: auto;
        padding: 5px 0;
        visibility: hidden;
        opacity: 0;
        background: rgba(0, 0, 0, .6)
    }
    
    .aformWaBox.open {
        visibility: visible;
        opacity: 1;
        transition: .2s
    }
    
    .aformWa {
        display: block;
        margin: auto auto;
        width: calc(100% - 10px);
        box-shadow: 0 20px 50px rgba(0, 0, 0, .2);
        max-width: 500px;
        background: #fff;
        height: 100%;
        border-radius: 2px;
        padding-top: 60px;
        position: relative
    }
    
    .aformWa .aformWaBody {
        width: 100%;
        height: auto;
        max-height: 100%;
        overflow: auto
    }
    
    .aformWa .aformWaBody .heading {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        margin: 0;
        height: 60px;
        line-height: 60px;
        border-bottom: 1px solid rgba(0, 0, 0, .06);
        font-size: 14px;
        background: #fff;
        font-weight: 400;
        border-radius: 2px 2px 0 0;
        padding: 15px 20px
    }
    
    .aformWa .aformWaBody .heading svg {
        height: 30px;
        width: 30px;
        float: left
    }
    
    .aformWa .aformWaBody .heading i {
        font-size: 35px;
        float: left;
        line-height: 35px;
        margin-right: 10px;
        margin-top: -2.5px
    }
    
    .aformWa .aformWaBody .heading h3 {
        padding: 0 5px;
        float: left;
        height: 30px;
        line-height: 30px;
        margin: 0;
        color: #444;
        font-weight: 400;
        font-size: 18px;
        border: none
    }
    
    .aformWa .aformWaBody .heading .close {
        position: absolute;
        width: 30px;
        height: 30px;
        top: 15px;
        right: 20px;
        color: #aaa;
        text-align: center;
        padding: 0;
        cursor: pointer;
        font-size: 30px;
        line-height: 20px;
        font-weight: 300;
        transition: .2s
    }
    
    .aformWa .aformWaBody .items {
        position: relative;
        height: 100%;
        height: auto;
        position: relative
    }
    
    .aformWa .aformWaBody .items .item {
        background: rgba(0, 0, 0, .02);
        border-bottom: 1px solid rgba(0, 0, 0, .08)
    }
    
    .aformWa .aformWaBody .items .item .thuimg {
        width: 65px;
        height: 90px;
        text-align: center;
        float: left;
        border-right: 1px solid rgba(0, 0, 0, .08);
        padding: 15px 10px
    }
    
    .aformWa .aformWaBody .items .item .thuimg img {
        height: 100%;
        width: auto
    }
    
    .aformWa .aformWaBody .items .item .detailbox {
        width: calc(100% - 65px);
        float: left;
        height: 90px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        flex-direction: row
    }
    
    .aformWa .aformWaBody .items .item .detailbox .detail {
        max-width: 100%;
        min-width: 100%;
        text-align: left;
        flex: 1
    }
    
    .aformWa .aformWaBody .items .item .detailbox .detail h3 {
        margin: 0;
        font-size: 14px;
        line-height: 20px;
        padding: 0 20px 0 10px;
        font-weight: 700;
        height: 20px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }
    
    .aformWa .aformWaBody .items .item .detailbox .varian {
        width: 100%;
        padding: 0 20px 0 10px;
        flex: 1;
        margin-top: -25px
    }
    
    .aformWa .aformWaBody .items .item .detailbox .detail table tr {
        position: relative
    }
    
    .aformWa .aformWaBody .items .item .detailbox .detail table tr td {
        line-height: 13px;
        position: relative;
        font-size: 13px
    }
    
    .aformWa .aformWaBody .items .item .detailbox .optione {
        max-width: 100%;
        min-width: 100%;
        text-align: left;
        flex: 1;
        margin-top: -15px;
        padding: 0 20px 0 10px;
        position: relative;
        height: 30px
    }
    
    .aformWa .aformWaBody .items .item .detailbox .optione-yprice {
        width: 45%;
        float: left;
        height: 100%;
        font-weight: 700;
        color: #ff5050;
        line-height: 25px
    }
    
    .aformWa .aformWaBody .items .item .detailbox .optione-qty {
        width: 55%;
        float: right;
        height: 100%;
        height: 25px;
        position: relative
    }
    
    .aformWa .aformWaBody .items .item .detailbox .optione-qty .optione-qty-changer {
        width: 87px;
        float: left
    }
    
    .aformWa .aformWaBody .items .item .detailbox .optione-qty .optione-qty-changer input {
        width: 35px;
        text-align: center;
        border: 1px solid rgba(0, 0, 0, .1);
        border-left: none;
        border-right: none;
        border-radius: 0;
        margin: 0;
        float: left;
        color: #000;
        height: 25px;
        padding: 0
    }
    
    .aformWa .aformWaBody .items .item .detailbox .optione-qty .optione-qty-changer button {
        background: rgba(0, 0, 0, .04);
        width: 25px;
        height: 25px;
        border: 1px solid rgba(0, 0, 0, .1);
        cursor: pointer;
        margin: 0;
        float: left;
        font-size: 16px;
        line-height: 20px;
        text-align: center;
        padding: 0
    }
    
    .aformWa .aformWaBody .items .item .detailbox .optione-qty .optione-qty-changer button:hover {
        background: rgba(0, 0, 0, .09)
    }
    
    .aformWa .aformWaBody .items .item .detailbox .optione-qty i {
        line-height: 25px;
        font-size: 20px;
        float: right;
        cursor: pointer
    }
    
    .aformWa .aformWaBody .items .item .detailbox .order-note {
        margin-top: -15px;
        min-width: 100%;
        max-width: 100%;
        padding: 0 20px 0 10px;
        height: 30px
    }
    
    .aformWa .aformWaBody .items .item .detailbox .order-note textarea {
        border-top: none;
        border-left: none;
        border-right: none;
        width: 100%;
        overflow: hidden;
        line-height: 15px;
        font-size: 14px;
        height: 30px
    }
    
    .aformWa .aformWaBody .subtotaal {
        background: rgba(0, 0, 0, .02);
        height: auto;
        position: relative
    }
    
    .aformWa .aformWaBody .subtotaal table {
        width: 100%;
        background: #fff;
        border-color: #fff
    }
    
    .aformWa .aformWaBody .subtotaal table tr td.labelo {
        line-height: 16px;
        width: 100px
    }
    
    .aformWa .aformWaBody .subtotaal table tr td.valueo {
        line-height: 16px;
        width: calc(100% - 100px)
    }
    
    .aformWa .aformWaBody .subtotaal .subtotaalrp {
        height: 40px;
        width: 160px;
        position: absolute;
        top: 3px;
        right: 20px;
        text-align: right;
        font-size: 16px;
        font-weight: 700;
        line-height: 16px
    }
    
    .aformWa .aformWaBody .form {
        position: relative;
        padding: 10px 20px
    }
    
    .aformWa .aformWaBody .form table {
        width: 100%;
        margin-bottom: 5px
    }
    
    .aformWa .aformWaBody .form .input {
        position: relative
    }
    
    .aformWa .aformWaBody .form .input input {
        width: 100%;
        height: 40px;
        line-height: 40px;
        padding-left: 25px
    }
    
    .aformWa .aformWaBody .form .input input[type=search] {
        width: 100%;
        height: 35px;
        line-height: 35px;
        padding-left: 10px
    }
    
    .aformWa .aformWaBody .form .input .ss-main {
        width: 100%;
        height: 40px;
        line-height: 40px
    }
    
    .aformWa .aformWaBody .form .input select {
        width: 100%;
        height: 40px;
        line-height: 40px;
        padding-left: 30px
    }
    
    .aformWa .aformWaBody .form .input textarea {
        width: 100%;
        height: 60px;
        line-height: 30px
    }
    
    .aformWa .aformWaBody .form .input svg {
        position: absolute;
        top: 13px;
        left: 5px
    }
    
    .aformWa .aformWaBody .form .input i {
        position: absolute;
        top: 12px;
        left: 7px;
        width: 20px;
        height: 20px;
        font-size: 15px;
        color: rgba(0, 0, 0, .2)
    }
    
    .aformWa .aformWaBody .form .dropdown:after {
        content: '';
        display: inline-block;
        float: right;
        vertical-align: middle;
        color: #666;
        margin: 0 5px;
        position: absolute;
        top: 12px;
        right: 7px;
        font-weight: 700;
        border: solid #666;
        border-width: 0 2px 2px 0;
        display: inline-block;
        padding: 3px;
        transition: transform .2s, margin .2s;
        transform: rotate(45deg)
    }
    
    .aformWa .aformWaBody .form button[type=submit] {
        width: 100%;
        color: #fff;
        font-weight: 700;
        text-transform: uppercase;
        font-family: inherit;
        font-size: 16px;
        line-height: 45px;
        height: 45px;
        letter-spacing: 1px
    }
    
    .aformWa .aformWaBody .form button[type=submit] i {
        vertical-align: middle;
        font-size: 25px
    }
    
    .aformWa .aformWaBody .form .loader {
        position: absolute;
        width: calc(100% - 40px);
        height: 143px;
        bottom: 18px;
        left: 20px;
        background: rgba(0, 0, 0, .5);
        text-align: center;
        vertical-align: middle;
        line-height: 143px;
        color: #fff;
        font-size: 20px;
        border-radius: 3px;
        z-index: 1
    }
    
    .aformWa .aformWaBody .wcart-empty {
        height: 200px;
        display: none;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        flex-direction: row;
        padding-bottom: 50px
    }
    
    .aformWa .aformWaBody .wcart-empty .wcart-empty-inner {
        flex: 1;
        max-width: 100%;
        min-width: 100%;
        text-align: center
    }
    
    .aformWa .aformWaBody .wcart-empty .wcart-empty-inner p {
        font-size: 16px
    }
    
    .aformWa .aformWaBody .wcart-empty .wcart-empty-inner p a {
        color: #fff;
        font-weight: 700;
        padding: 10px 20px;
        border-radius: 5px
    }
    
    .aformWa .aformWaBody .wcart-empty .wcart-empty-inner p a:hover {
        text-decoration: none
    }
    
    .aformWa .aformWaBody .wcart-add {
        height: auto;
        display: block;
        padding: 10px 0
    }
    
    .aformWa .aformWaBody .wcart-add .wcart-add-inner {
        width: 100%;
        text-align: center
    }
    
    .aformWa .aformWaBody .wcart-add .wcart-add-inner p {
        font-size: 16px
    }
    
    .aformWa .aformWaBody .wcart-add .wcart-add-inner p a {
        color: #fff;
        font-weight: 700;
        padding: 10px 20px;
        border-radius: 5px;
        display: inline-block;
        width: calc(50% - 10px);
        cursor: pointer
    }
    
    .aformWa .aformWaBody .wcart-add .wcart-add-inner p a.order-again-background {
        background: #fa591d radial-gradient(circle, transparent 1%, #fa591d 1%) center/15000%
    }
    
    .aformWa .aformWaBody .wcart-add .wcart-add-inner p a:hover {
        text-decoration: none
    }
    
    .hlpbox {
        position: fixed;
        height: 270px;
        width: 300px;
        bottom: 50px;
        right: 10px;
        background: #fff;
        border-radius: 8px;
        visibility: hidden;
        opacity: 0;
        box-shadow: 0 20px 50px rgba(0, 0, 0, .2);
        border: 1px solid rgba(0, 0, 0, .1);
        z-index: 99
    }
    
    .hlpbox.open {
        visibility: visible;
        opacity: 1;
        transition: .2s
    }
    
    .wfuter {
        height: auto
    }
    
    .wfuter .copyright {
        height: 50px;
        line-height: 50px;
        font-size: 14px;
        font-weight: 700;
        color: #fff
    }
    
    .contactwa {
        position: fixed;
        height: 35px;
        border-radius: 25px;
        width: 200px;
        bottom: 10px;
        right: 10px;
        cursor: pointer;
        z-index: 99990
    }
    
    .contactwa .inner {
        position: relative;
        width: 100%;
        height: 100%;
        color: #fff;
        line-height: 35px;
        font-weight: 700;
        font-size: 16px;
        padding-left: 20px;
        border-radius: 25px
    }
    
    .contactwa .inner .iconwa {
        position: absolute;
        top: 0;
        right: 0;
        width: 40px;
        height: 35px;
        border-radius: 0 25px 25px 0;
        text-align: center;
        padding-top: 5px
    }
    
    .contactwa .inner .iconwa i {
        color: #fff;
        font-size: 25px;
        line-height: 23px
    }
    
     ::selection {
        background: #04a4cc;
        color: #fff;
        text-shadow: none
    }
    
     ::-webkit-selection {
        background: #04a4cc;
        color: #fff;
        text-shadow: none
    }
    
     ::-moz-selection {
        background: #04a4cc;
        color: #fff;
        text-shadow: none
    }
    
    .alignnone {
        margin: 5px 20px 20px 0
    }
    
    .aligncenter,
    div.aligncenter {
        display: block;
        margin: 5px auto 5px auto
    }
    
    .alignright {
        float: right;
        margin: 5px 0 20px 20px
    }
    
    .alignleft {
        float: left;
        margin: 5px 20px 20px 0
    }
    
    a img.alignright {
        float: right;
        margin: 5px 0 20px 20px
    }
    
    a img.alignnone {
        margin: 5px 20px 20px 0
    }
    
    a img.alignleft {
        float: left;
        margin: 5px 20px 20px 0
    }
    
    a img.aligncenter {
        display: block;
        margin-left: auto;
        margin-right: auto
    }
    
    .wp-caption {
        background: #fff;
        border: 1px solid #f0f0f0;
        max-width: 96%;
        padding: 5px 3px 10px;
        text-align: center
    }
    
    .wp-caption.alignnone {
        margin: 5px 20px 20px 0
    }
    
    .wp-caption.alignleft {
        margin: 5px 20px 20px 0
    }
    
    .wp-caption.alignright {
        margin: 5px 0 20px 20px
    }
    
    .wp-caption img {
        border: 0 none;
        height: auto;
        margin: 0;
        max-width: 98.5%;
        padding: 0;
        width: auto
    }
    
    .gallery-caption,
    .wp-caption .wp-caption-text {
        font-size: 11px;
        line-height: 17px;
        margin: 0;
        padding: 0 4px 5px
    }
    
    .ss-main {
        position: relative;
        display: inline-block;
        user-select: none;
        color: #666;
        width: 100%
    }
    
    .ss-main .ss-msingle-selected {
        display: flex;
        cursor: pointer;
        width: 100%;
        height: 40px;
        padding: 6px;
        border: 1px solid rgba(0, 0, 0, .2);
        border-radius: 4px;
        background-color: #fff;
        outline: 0;
        box-sizing: border-box;
        transition: background-color .2s
    }
    
    .ss-main .ss-msingle-selected.ss-disabled {
        background-color: #dcdee2;
        cursor: not-allowed
    }
    
    .ss-main .ss-msingle-selected.ss-open-above {
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }
    
    .ss-main .ss-msingle-selected.ss-open-below {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0
    }
    
    .ss-main .ss-msingle-selected .placeholder {
        flex: 1 1 100%;
        text-align: left;
        width: calc(100% - 30px);
        line-height: 1em;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }
    
    .ss-main .ss-msingle-selected .placeholder,
    .ss-main .ss-msingle-selected .placeholder * {
        display: flex;
        align-items: center;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }
    
    .ss-main .ss-msingle-selected .placeholder * {
        width: auto
    }
    
    .ss-main .ss-msingle-selected .placeholder .ss-disabled {
        color: #dedede
    }
    
    .ss-main .ss-msingle-selected .ss-deselect {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        flex: 0 1 auto;
        margin: 0 6px;
        font-weight: 700
    }
    
    .ss-main .ss-msingle-selected .ss-deselect.ss-hide {
        display: none
    }
    
    .ss-main .ss-msingle-selected .ss-arrow {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        flex: 0 1 auto;
        margin: 0 6px
    }
    
    .ss-main .ss-msingle-selected .ss-arrow span {
        border: solid #666;
        border-width: 0 2px 2px 0;
        display: inline-block;
        padding: 3px;
        transition: transform .2s, margin .2s
    }
    
    .ss-main .ss-msingle-selected .ss-arrow span.arrow-up {
        transform: rotate(-135deg);
        margin: 3px 0 0
    }
    
    .ss-main .ss-msingle-selected .ss-arrow span.arrow-down {
        transform: rotate(45deg);
        margin: -3px 0 0
    }
    
    .ss-main .ss-multi-selected {
        display: flex;
        flex-direction: row;
        cursor: pointer;
        min-height: 30px;
        width: 100%;
        padding: 0 0 0 3px;
        border: 1px solid #dcdee2;
        border-radius: 4px;
        background-color: #fff;
        outline: 0;
        box-sizing: border-box;
        transition: background-color .2s
    }
    
    .ss-main .ss-multi-selected.ss-disabled {
        background-color: #dcdee2;
        cursor: not-allowed
    }
    
    .ss-main .ss-multi-selected.ss-disabled .ss-values .ss-disabled {
        color: #666
    }
    
    .ss-main .ss-multi-selected.ss-disabled .ss-values .ss-value .ss-value-delete {
        cursor: not-allowed
    }
    
    .ss-main .ss-multi-selected.ss-open-above {
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }
    
    .ss-main .ss-multi-selected.ss-open-below {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0
    }
    
    .ss-main .ss-multi-selected .ss-values {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        flex: 1 1 100%;
        width: calc(100% - 30px)
    }
    
    .ss-main .ss-multi-selected .ss-values .ss-disabled {
        display: flex;
        padding: 4px 5px;
        margin: 2px 0;
        line-height: 1em;
        align-items: center;
        width: 100%;
        color: #dedede;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }
    
    @keyframes scaleIn {
        0% {
            transform: scale(0);
            opacity: 0
        }
        to {
            transform: scale(1);
            opacity: 1
        }
    }
    
    @keyframes scaleOut {
        0% {
            transform: scale(1);
            opacity: 1
        }
        to {
            transform: scale(0);
            opacity: 0
        }
    }
    
    .ss-main .ss-multi-selected .ss-values .ss-value {
        display: flex;
        user-select: none;
        align-items: center;
        font-size: 12px;
        padding: 3px 5px;
        margin: 3px 5px 3px 0;
        color: #fff;
        background-color: #5897fb;
        border-radius: 4px;
        animation-name: scaleIn;
        animation-duration: .2s;
        animation-timing-function: ease-out;
        animation-fill-mode: both
    }
    
    .ss-main .ss-multi-selected .ss-values .ss-value.ss-out {
        animation-name: scaleOut;
        animation-duration: .2s;
        animation-timing-function: ease-out
    }
    
    .ss-main .ss-multi-selected .ss-values .ss-value .ss-value-delete {
        margin: 0 0 0 5px;
        cursor: pointer
    }
    
    .ss-main .ss-multi-selected .ss-add {
        display: flex;
        flex: 0 1 3px;
        margin: 9px 12px 0 5px
    }
    
    .ss-main .ss-multi-selected .ss-add .ss-plus {
        display: flex;
        justify-content: center;
        align-items: center;
        background: #666;
        position: relative;
        height: 10px;
        width: 2px;
        transition: transform .2s
    }
    
    .ss-main .ss-multi-selected .ss-add .ss-plus:after {
        background: #666;
        content: "";
        position: absolute;
        height: 2px;
        width: 10px;
        left: -4px;
        top: 4px
    }
    
    .ss-main .ss-multi-selected .ss-add .ss-plus.ss-cross {
        transform: rotate(45deg)
    }
    
    .ss-main .ss-knten {
        position: absolute;
        width: 100%;
        margin: -1px 0 0;
        box-sizing: border-box;
        border: 1px solid #dcdee2;
        z-index: 1010;
        background-color: #fff;
        transform-origin: center top;
        transition: transform .2s, opacity .2s;
        opacity: 0;
        transform: scaleY(0)
    }
    
    .ss-main .ss-knten.ss-open {
        display: block;
        opacity: 1;
        transform: scaleY(1)
    }
    
    .ss-main .ss-knten .ss-search {
        display: flex;
        flex-direction: row;
        padding: 8px 8px 6px
    }
    
    .ss-main .ss-knten .ss-search.ss-hide,
    .ss-main .ss-knten .ss-search.ss-hide input {
        height: 0;
        opacity: 0;
        padding: 0;
        margin: 0
    }
    
    .ss-main .ss-knten .ss-search input {
        display: inline-flex;
        font-size: inherit;
        line-height: inherit;
        flex: 1 1 auto;
        width: 100%;
        min-width: 0;
        height: 30px;
        padding: 6px 8px;
        margin: 0;
        border: 1px solid #dcdee2;
        border-radius: 4px;
        background-color: #fff;
        outline: 0;
        text-align: left;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -webkit-appearance: textfield
    }
    
    .ss-main .ss-knten .ss-search input::placeholder {
        color: #8a8a8a;
        vertical-align: middle
    }
    
    .ss-main .ss-knten .ss-search input:focus {
        box-shadow: 0 0 5px #5897fb
    }
    
    .ss-main .ss-knten .ss-search .ss-addable {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        font-size: 22px;
        font-weight: 700;
        flex: 0 0 30px;
        height: 30px;
        margin: 0 0 0 8px;
        border: 1px solid #dcdee2;
        border-radius: 4px;
        box-sizing: border-box
    }
    
    .ss-main .ss-knten .ss-addable {
        padding-top: 0
    }
    
    .ss-main .ss-knten .ss-list {
        max-height: 200px;
        overflow-x: hidden;
        overflow-y: auto;
        text-align: left
    }
    
    .ss-main .ss-knten .ss-list .ss-optgroup .ss-optgroup-label {
        padding: 6px 10px;
        font-weight: 700
    }
    
    .ss-main .ss-knten .ss-list .ss-optgroup .ss-option {
        padding: 6px 6px 6px 25px
    }
    
    .ss-main .ss-knten .ss-list .ss-optgroup-label-selectable {
        cursor: pointer
    }
    
    .ss-main .ss-knten .ss-list .ss-optgroup-label-selectable:hover {
        color: #fff;
        background-color: #5897fb
    }
    
    .ss-main .ss-knten .ss-list .ss-option {
        padding: 6px 10px;
        cursor: pointer;
        user-select: none
    }
    
    .ss-main .ss-knten .ss-list .ss-option * {
        display: inline-block
    }
    
    .ss-main .ss-knten .ss-list .ss-option.ss-highlighted,
    .ss-main .ss-knten .ss-list .ss-option:hover {
        color: #fff;
        background-color: #5897fb
    }
    
    .ss-main .ss-knten .ss-list .ss-option.ss-disabled {
        cursor: not-allowed;
        color: #dedede;
        background-color: #fff
    }
    
    .ss-main .ss-knten .ss-list .ss-option:not(.ss-disabled).ss-option-selected {
        color: #666;
        background-color: rgba(88, 151, 251, .1)
    }
    
    .ss-main .ss-knten .ss-list .ss-option.ss-hide {
        display: none
    }
    
    .ss-main .ss-knten .ss-list .ss-option .ss-search-highlight {
        background-color: #fffb8c
    }
    
    @media only screen and (max-width:992px) {
        .boxcatcontainer {
            height: 280px
        }
        .orderKotak .vriable .order-button {
            width: 100%;
            float: none
        }
        .orderKotak .vriable .add-to-wcart-button {
            width: 100%;
            float: none;
            margin-top: 10px
        }
    }
    
    @media only screen and (max-width:878px) {
        .wamrt .nav {
            width: 30px
        }
        .wamrt .nav label i {
            display: block
        }
        .wamrt .nav input[type=checkbox]:checked~.mn-wraperz {
            visibility: visible;
            opacity: 1
        }
        .mn-wraperz {
            position: fixed;
            top: 50px;
            height: calc(100% - 50px);
            width: 100%;
            left: 0;
            background: rgba(0, 0, 0, .8);
            visibility: hidden;
            opacity: 0
        }
        .mn-wraperz ul.mn-list {
            height: auto;
            position: relative
        }
        .mn-wraperz ul.mn-list li {
            display: block;
            width: 100%;
            border-bottom: 1px solid rgba(0, 0, 0, .09);
            margin-left: 0;
            background: #fff;
            height: auto
        }
        .mn-wraperz ul.mn-list li.mn-item-has-children {
            padding-right: 0
        }
        .mn-wraperz ul.mn-list li.mn-item-has-children:after {
            right: 15px
        }
        .mn-wraperz ul.mn-list li a {
            padding: 0 10px
        }
        .mn-wraperz ul.mn-list li ul.sub-mn {
            background: #fff;
            position: relative;
            top: 0;
            width: 100%;
            visibility: hidden;
            opacity: 0;
            display: none
        }
        .mn-wraperz ul.mn-list li ul.sub-mn:before {
            content: none
        }
        .mn-wraperz ul.mn-list li:hover>ul.sub-mn {
            visibility: visible;
            opacity: 1;
            transition: .2s;
            display: block
        }
        .indexcatbox .arrow-right {
            right: 0;
            display: block
        }
        .wbasket i {
            line-height: 50px
        }
        .iproduk .boxtop .left {
            width: 350px
        }
        .iproduk .boxtop .right {
            width: calc(100% - 360px)
        }
        .poto .potobig {
            height: 350px
        }
        .poto .potosmall .potosmallbox {
            display: inline-block;
            vertical-align: top;
            width: 60px;
            height: 60px;
            border: 1px solid rgba(0, 0, 0, .09);
            cursor: pointer
        }
    }
    
    @media only screen and (max-width:768px) {
        .ysliderr {
            margin-top: 20px;
            height: 250px
        }
        .ysliderr .yslider {
            height: 250px
        }
        .bxiproduk {
            min-width: 25%;
            max-width: 25%
        }
        .iproduk-related .bxiproduk:last-child {
            display: none
        }
        .post {
            width: 100%;
            margin-bottom: 20px
        }
        .wsdbar {
            width: 100%
        }
        .iproduk .boxtop .left {
            width: 300px
        }
        .iproduk .boxtop .right {
            width: calc(100% - 310px)
        }
        .poto .potobig {
            height: 300px
        }
        .fiturbox .wfitur-wrap .wfitur .description {
            width: 100%
        }
        .textbox iframe {
            height: 400px
        }
    }
    
    @media only screen and (max-width:648px) {
        .iproduk .boxtop {
            width: 100%
        }
        .iproduk .boxtop .left {
            width: 260px
        }
        .iproduk .boxtop .right {
            width: calc(100% - 270px)
        }
        .poto .potobig {
            height: 260px
        }
        .fiturbox .wfitur-wrap .wfitur .heading {
            margin-top: 20px;
            font-size: 16px;
            font-weight: 700;
            color: rgba(0, 0, 0, 9)
        }
        .fiturbox .wfitur-wrap .wfitur .description {
            font-size: 12px;
            width: 100%;
            margin: 5px auto 0
        }
        .textbox iframe {
            height: 350px
        }
    }
    
    @media only screen and (max-width:566px) {
        .iproduk .boxtop .left {
            width: 200px
        }
        .iproduk .boxtop .right {
            width: calc(100% - 210px)
        }
        .poto .potobig {
            height: 200px
        }
        .ysliderr {
            margin-top: 20px;
            height: 220px
        }
        .ysliderr .yslider {
            height: 220px
        }
        .bxiproduk {
            min-width: 33.3333%;
            max-width: 33.3333%
        }
        .iproduk-related .bxiproduk:nth-child(4) {
            display: none
        }
        .textbox iframe {
            height: 300px
        }
    }
    
    @media only screen and (max-width:514px) {
        .headerw .caribox {
            width: 250px
        }
        .iproduk .boxtop .left {
            float: none;
            width: 100%;
            margin-bottom: 20px
        }
        .iproduk .boxtop .right {
            float: none;
            width: 100%
        }
        .ysliderr {
            margin-top: 20px;
            height: 200px
        }
        .ysliderr .yslider {
            height: 200px
        }
        .fiturbox .wfitur-wrap .wfiturcenter,
        .fiturbox .wfitur-wrap .wfiturleft,
        .fiturbox .wfitur-wrap .wfiturright {
            width: 100%;
            margin-bottom: 10px
        }
        .w-getbox .w-getcenter,
        .w-getbox .w-getleft,
        .w-getbox .w-getright {
            width: 100%
        }
    }
    
    @media only screen and (max-width:480px) {
        .logo img {
            height: 30px;
            margin-top: 10px
        }
        .headerw .caribox {
            width: 170px
        }
        .ysliderr {
            margin-top: 20px;
            height: 170px
        }
        .ysliderr .yslider {
            height: 170px
        }
        .bxiproduk {
            min-width: 50%;
            max-width: 50%
        }
        .iproduk-related .bxiproduk:nth-child(4) {
            display: block
        }
        .kntenbox h1 {
            font-size: 20px
        }
        .iproduk .boxtop .left {
            float: none;
            width: 100%;
            margin-bottom: 20px
        }
        .iproduk .boxtop .right {
            float: none;
            width: 100%
        }
        .poto .potosmall .potosmallbox {
            margin-bottom: 10px
        }
        .bpost {
            width: 100%;
            float: none
        }
        .textbox iframe {
            height: 200px
        }
    }
    
    @media only screen and (max-width:380px) {
        .ysliderr {
            margin-top: 20px;
            height: 150px
        }
        .ysliderr .yslider {
            height: 150px
        }
        .headerw .caribox {
            width: 120px
        }
    }
    
    @media only screen and (max-width:320px) {
        .ysliderr {
            margin-top: 20px;
            height: 120px
        }
        .ysliderr .yslider {
            height: 120px
        }
        .headerw .caribox {
            width: 120px
        }
    }


<style type="text/css">
    a {
        color: #ee519b
    }
    
    a:hover {
        color: #ee519b
    }
    
    body {
        background: #fafafa
    }
    
    .color-schem-text {
        color: #ee519b
    }
    
    .color-schem-background {
        background: #ee519b
    }
    
    .color-schem-border {
        border-color: #ee519b
    }
    
    .color-schem-background-hover {
        background: #fff;
        color: rgba(0, 0, 0, .6)
    }
    
    .color-schem-background-hover:hover {
        background: #ee519b;
        color: #fff
    }
    
    .headerw {
        background: #fff
    }
    
    .headerw-color-schem-text {
        color: #f99d29
    }
    
    .headerw-color-schem-background {
        background: #f99d29
    }
    
    .headerw-color-schem-border {
        border-color: #f99d29
    }
    
    .headerw-color-schem-background-hover {
        background: #fff;
        color: rgba(0, 0, 0, .6)
    }
    
    .headerw-color-schem-background-hover:hover {
        background: #f99d29;
        color: #fff
    }
    
    .headerw .caribox form input {
        color: #f99d29
    }
    
    .sld-nav button.sld-nav-active {
        background: #ee519b
    }
    
    .orderKotak .vriable .add-to-wcart-button.add-to-wcart-background {
        background: #FA591D radial-gradient(circle, transparent 1%, #FA591D 1%) center/15000%
    }
    
    .orderKotak .vriable .order-button {
        background: #ee519b
    }
    
    .socialbox {
        background: #fff;
        color: #000
    }
    
    .socialbox .social span {
        color: #000
    }
    
    .socialbox .socials a.social {
        color: #fff;
        background: #000
    }
    
    .w-getbox {
        background: #fff;
        color: #000
    }
    
    .w-getbox .w-get h3 {
        color: #000
    }
    
    wfuter.wfuter {
        background: #6f2e94
    }
    
    wfuter.wfuter .copyright {
        color: #fff
    }



        .headerw {
            height: 50px;
            position: relative;
            z-index: 2;
        }
        
        .headerw .wbasket {
            margin-right: 35px;
        }
        
        .logo,
        .headerw .caribox,
        .wamrt .nav,
        .wbasket {
            float: unset
        }
        
        .wmenu {
            margin-left: auto
        }
        
        .wamrt .nav {
            position: absolute;
            right: 0
        }
        
        .headerw .mn-wraperz {
            position: absolute;
            height: 100%;
            background: rgba(0, 0, 0, 0);
            overflow: unset;
        }
    

    
        .msingle #awcartWa.aformWaBox {
            position: fixed;
            width: 100%;
            height: 100%;
            background: #f7f7f9;
            padding: 0;
            top: 0;
            left: 0;
            z-index: 999999;
            display: none;
        }
        
        .msingle #awcartWa.aformWaBox.open {
            display: block;
        }
        
        #awcartWa.aformWaBox.open .aformWa {
            height: 100%!important
        }
    
    
        .wbcartbox {
            position: fixed;
            height: 50px;
            width: 100%;
            background: #fff;
            color: #43ab4a;
            bottom: 55px;
            left: 0;
            display: none;
            cursor: pointer;
            box-shadow: 0 2px 10px rgba(0, 0, 0, .09)
        }
        
        .wbcart {
            position: relative;
            height: 50px;
            padding: 5px 0
        }
        
        .wbcart .wbcart-cart {
            width: 40px;
            height: 40px;
            position: relative;
            float: left
        }
        
        .wbcart .wbcart-cart i {
            font-size: 25px;
            line-height: 40px
        }
        
        .wbcart .wbcart-cart .wbcart-cart-item-count {
            width: 20px;
            height: 20px;
            background: red;
            position: absolute;
            top: 7px;
            left: 15px;
            border-radius: 100%;
            color: #fff;
            text-align: center;
            line-height: 20px;
            font-size: 12px
        }
        
        .wbcart .wbcart-detail {
            height: 40px;
            overflow: hidden;
            color: #43ab4a;
            width: calc(100% - 140px);
            float: left
        }
        
        .wbcart .wbcart-detail .wbcart-items-label {
            height: 20px;
            font-size: 12px;
            line-height: 20px;
            font-weight: 300
        }
        
        .wbcart .wbcart-detail .wbcart-items-total {
            height: 20px;
            font-size: 14px;
            line-height: 20px;
            font-weight: 600;
            color: red
        }
        
        .wbcart .wbcart-next {
            position: absolute;
            height: 50px;
            width: 100px;
            text-align: center;
            right: 0;
            top: 0
        }
        
        .wbcart .wbcart-next button {
            border: none;
            font-size: 12px;
            font-weight: 700;
            background-image: linear-gradient(to top, #50eb2c, #43ab4a);
            height: 35px;
            color: #fff;
            text-align: center;
            margin: 7.5px 0 0 0;
            padding: 0 30px;
            line-height: 35px;
            border-radius: 25px;
            cursor: pointer
        }
    
	
	
        .owanib .bxiproduk {
            max-width: 100%;
            max-height: 460px;
        }
        
        .owanib .wbbproduct {
            width: 100%;
            display: flex;
        }
        
        .owanib .bxiproduk .wbbproduct .thuimg {
            max-height: 200px!important
        }
        
        .owanib .bxiproduk .wbbproduct .knten .thuimg img {
            min-height: unset
        }
        
        .wbshow {
            float: left
        }
        
        .wbpdetail {
            min-width: 20%;
            max-width: 20%;
            height: auto;
            border-radius: 8px;
            flex: 1;
            border: 5px solid transparent;
        }
        
        .wbporder {
            width: 80%
        }