/* CSS RISET */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;/*font-size:100%;*/font:inherit;vertical-align:baseline;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;display:block;}*{margin:0;padding:0;}html{display:block;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;}
.section,.widget{margin:0 0 0 0;padding:0 0 0 0;}
.navbar,.blog-feeds,.feed-links,#backlinks-container,a.home-link,.blog-mobile-link{display:none;}
.post-body .separator > a, .post-body .separator > span {margin-left: 0 !important;}
.quickedit,.thread-toggle,.edit-post,.item-control{display:none;}
#navbar-iframe,.widget-item-control,a.quickedit,.home-link,.feed-links{display:none!important}
/* CSS TOP-ICE */
#popup {visibility: hidden;opacity: 0;position:absolute;margin:0;}
.theme-img {width:100px;}
.theme-i {color:#333;opacity:.8;font-size:70%;}
.theme-infoku h3 {float:left;font-size:16px;font-weight:600;}
#popup:target{visibility:visible;opacity:1;background-color:rgba(0,0,0,0.5);position:fixed!important;display:flex!important;top:0;left:0;right:0;bottom:0;margin:0;width:100%;height:100%;overflow-y:auto;padding:10px 0;z-index:99999999999;-webkit-transition:.2s;-moz-transition:.2s;transition:.2s}
@media (min-width: 768px){
.popup-container, .container-contact100 {width:calc(100% - 20px);}}
@media (max-width: 767px){
.popup-container, .container-contact100 {width:calc(100% - 20px);}}
.popup-container{display:block;margin:auto auto}
a.popup-close{display:block;color:#aaa;padding:0 20px;cursor:pointer;font-size:30px;font-weight:300;transition:.2s}
/* CSS POP-ICE */
.popup-form{margin:10px auto}
.popup-form h2{margin-bottom:5px;font-size:37px;text-transform:uppercase}
.popup-form .input-group{margin:10px auto}
.popup-form .input-group input{padding:17px;text-align:center;margin-bottom:10px;border-radius:3px;font-size:16px;display:block;width:100%}
.popup-form .input-group input:focus{outline-color:#fb8833}
.popup-form .input-group input[type="email"]{border:0;position:relative}
.popup-form .input-group input[type="submit"]{background-color:#fb8833;color:#fff;border:0;cursor:pointer}
.popup-form .input-group input[type="submit"]:focus{box-shadow:inset 0 3px 7px 3px #ea7722}
/* FORM */
* {margin: 0px;padding: 0px;box-sizing: border-box;}
body,html {height: 100%;}
a:focus {outline: none !important;}
a:hover {text-decoration: none;}
h1,h2,h3,h4,h5,h6 {margin:0;}
p {font-size: 14px;line-height: 1.7;color: #666666;margin:0px;}
input, textarea {outline: none;border: none;}
input:focus::-webkit-input-placeholder {color: transparent;}
input:focus:-moz-placeholder {color: transparent;}
input:focus::-moz-placeholder {color: transparent;}
input:focus:-ms-input-placeholder {color: transparent;}
input::-webkit-input-placeholder {color: #adadad;}
input:-moz-placeholder {color: #adadad;}
input::-moz-placeholder {color: #adadad;}
input:-ms-input-placeholder {color: #adadad;}
textarea::-webkit-input-placeholder {color: #adadad;}
textarea:-moz-placeholder {color: #adadad;}
textarea::-moz-placeholder {color: #adadad;}
textarea:-ms-input-placeholder {color: #adadad;}
button {outline: none !important;border: none;background: transparent;}
button:hover {cursor: pointer;}
iframe {border: none !important;}
/*---------------------------------------------*/
.container {max-width: 1200px;}
/* Contact */
.container-contact100{width:550px;margin:auto;display:block;padding:0;background:#fff}
.wrap-contact100{width:550px;overflow:hidden;padding:0;display:block}
/* Form */
.contact100-form{width:100%;background:#fff;margin:0;padding:0 20px;display:block;overflow-y:auto;max-height:calc(100vh - 80px)}
.title-beli{display:grid;width:100%;grid-template-columns:1fr auto;grid-column-gap:10px;margin:0;height:60px;line-height:60px;font-size:14px;background:#fff;font-weight:400}
.contact100-form-title{padding:0 20px;display:block;vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#444;font-size:130%}
.contact100-form-title .fa-whatsapp {color:#0CC243}
.theme-area{display:grid;grid-template-columns:1fr auto;grid-gap:10px;padding:20px;width:calc(100% + 40px);margin-left:-20px;margin-top:-20px;margin-bottom:20px}
/* Input */
.wrap-input100{width:100%;position:relative;padding:0;display:grid;grid-gap:10px;grid-template-columns:1fr 1fr;margin-bottom:10px}
.label-input100{font-family:Helvetica,sans-serif;font-size:13px;color:#666;font-weight:700;line-height:1.5;padding:0}
.input100{display:block;width:100%;background:transparent;border:0;font-size:13px;box-shadow:inset 0 -1px 0 0 rgba(0,0,0,.08);color:#333;line-height:1.2;padding:10px 0}
.focus-input100{position:absolute;display:block;width:100%;height:100%;top:0;left:0;pointer-events:none}
.focus-input100::before{content:"";display:block;position:absolute;bottom:-2px;left:0;width:0;height:2px;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s;background:#7f7f7f}
/*---------------------------------------------*/
input.input100 {}
textarea.input100 {padding-top: 9px;padding-bottom: 13px;}
.input100:focus+.focus-input100::before {width: 100%;}
.has-val.input100+.focus-input100::before {width: 100%;}
/* Button */
.container-contact100-form-btn{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;justify-content:center;padding:0}
.wrap-contact100-form-btn{width:100%;display:block;position:relative;z-index:1;border-radius:3px;overflow:hidden;margin:10px 0 15px 0}
.contact100-form-bgbtn{position:absolute;margin-bottom:10px;z-index:-1;width:300%;height:100%;background:#02797a  ;top:0;left:-100%;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s
}.contact100-form-btn{cursor:pointer;display:block!important;border:0;text-align:center!important;padding:10px 20px!important;width:100%!important;font-family:Helvetica,sans-serif;font-size:105%;font-weight:700!important;color:#fff!important;box-shadow:inset 0 -3px 0 0 rgba(0,0,0,.08)}
.wrap-contact100-form-btn:hover .contact100-form-bgbtn {left: 0;}
.contact100-form-btn i{-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s}
.contact100-form-btn:hover i{-webkit-transform:translateX(10px);-moz-transform:translateX(10px);-ms-transform:translateX(10px);-o-transform:translateX(10px);transform:translateX(10px)}
/* Responsive */
@media (max-width: 576px) {.wrap-contact100 {width:100%;display:block;}
.container-contact100 {width:100%;}
.container-contact100-form-btn {padding:0;}}/*END CSS*/
/* disable font boosting on mobile browsers */
body * {max-height: 9999999em;-moz-text-size-adjust: none;}
.hide{position:fixed!important;top:-99999999px!important;left:-99999999px!important;z-index:-9999!important;opacity:0!important;visibility:hidden!important;}
/* FRAMEWORK */
* {box-sizing:border-box}
strong,b{font-weight:bold;}
cite,em,i{font-style:italic;}
a:link{color:#02797a  ;text-decoration:none;outline:none;}
a:visited{color:#02797a  ;text-decoration:none;}
a:hover{color:#434343;text-decoration:none;}
a img{border:none;border-width:0;outline:none;}
abbr,acronym{border-bottom:1px dotted;cursor:help;}
sup,sub{vertical-align:baseline;position:relative;top:-.4em;font-size:86%;}
sub{top:.4em;}small{font-size:86%;}
kbd{font-size:80%;border:1px solid #777;padding:2px 5px;border-bottom-width:2px;border-radius:3px;}
mark{background-color:#ffce00;color:black;}
p,blockquote,pre,table,figure,hr,form,ol,ul,dl{margin:1.5em 0;}
hr{height:1px;border:none;background-color:#666;}
/* CSS HEADING */
h1{font-size:1.8rem}
h2{font-size:1.6rem}
h3{font-size:1.4rem}
h4{font-size:1.2rem}
h5{font-size:1rem}
h6{font-size:0.9rem}
h1,h2,h3,h4,h5,h6 {margin: 0 0 0.6em;}
/* CSS LIST */
ol,ul,dl{margin: .5em 0em .5em 3em}
li{margin: .5em 0}
dt{font-weight: 500}
dd{margin: 0 0 .5em 2em}
/* CSS FORM */
input,button,select,textarea{font:inherit;font-size:100%;line-height:normal;vertical-align:baseline;}
textarea{display:block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
/* CODE & BLOCKQUATE */
pre,code{font-family:"Courier New",Courier,Monospace;color:inherit;}
pre{white-space:pre;word-wrap:normal;overflow:auto;}
blockquote{background:#fff7e2;color:#8b6f32;margin:2em 0;padding:1em 1em;font-style:normal;font-size:12px;border:1px solid #e6b138;border-radius:2px;}
blockquote:before{content:"\f071";font-family:FontAwesome;font-style:normal;font-weight:normal;text-decoration:inherit;padding-right:4px;color:#74b94e}
/* CSS TABLE */
table {max-width: 100%;width: 100%;margin: 0;}
table {border-collapse: collapse;border-spacing: 0;}
table {border-collapse: collapse;border-spacing: 0;}
table, img {max-width: 100%;height:auto;}
iframe {max-width:100%;}
.post-body table td {border:0;padding: 5px 0 10px;text-align: left;vertical-align: top;}
.clear {clear: both;}
.clear:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.count{position:absolute;display:inline-block;top:-2px;right:-2px;background:#fed859;color:rgba(0,0,0,.8);height:20px;line-height:20px;width:20px;border-radius:20px;font-size:10px;text-align:center;font-style:normal;font-weight:600;box-shadow:inset 0 -3px 0 rgba(0,0,0,.08)}
/* TRANSISI */
a:link,.label-count,.cssmenu{transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s}
.related-post-style-3 .related-post-item {transition:opacity 0.2s linear;}
.lazyload,.lazyloading {opacity:0;}.lazyloaded {opacity: 1;transition: opacity 300ms;}
.fade {-webkit-animation-name: fade;-webkit-animation-duration: 1.5s;animation-name: fade;animation-duration: 1.5s;}
@-webkit-keyframes fade {from {opacity: .4} to {opacity: 1}}
@keyframes fade {from {opacity: .4} to {opacity: 1}}
.pro-theme {webkit-animation: pro-theme 1s ease infinite!important;
-moz-animation:pro-theme 1s ease infinite!important;
animation: pro-theme 1s ease infinite!important;}
@-webkit-keyframes pro-theme {0% {opacity:0;} 50% {opacity:1;} 100% {opacity:0;}}
@-moz-keyframes pro-theme {0% {opacity:0;} 50% {opacity:1;} 100% {opacity:0;}}
@keyframes pro-theme {0% {opacity:0;} 50% {opacity:1;} 100% {opacity:0;}}
.link-right .note span{position:absolute;display:none;top:15px;right:6%;text-indent:-9999px;width:8px;height:8px;line-height:10px;border-radius:10px;font-size:9px;text-align:center;background:#02797a  ;font-weight:600}
.post-outer, .gambar-produk, .deskripsi-produk, .tombol-beli, .judul-produk, .img-thumbnail, .img-thumbnail img, #footer-wrapper .footer-right,#footer-wrapper .footer-left{transition:all .2s linear;-o-transition:all .2s linear;-moz-transition:all .2s linear;-webkit-transition:all .2s linear}
body{background:#ffffff none repeat scroll top left;margin:0;padding:0;color:#656565;font:normal normal 14px Open Sans, Arial, sans-serif;text-align:left}
/* HEADER MENU */
.subheader {border-bottom:1px solid #f3f3f3;}
.subheader-inner {height: 32px;width:1300px;margin:0 auto;padding:0 30px;}
.subheader .subheader-left {float:left;}
.subheader .subheader-left ul, .subheader .subheader-right ul {margin:0;padding:0;}
.subheader .subheader-left li, .subheader .subheader-right li {list-style: none;float: left;border: 0;margin: 0!important;padding: 0!important;}
.subheader-left a {padding-right:6px;}
.subheader .subheader-right {float:right;}
.subheader-right a {margin-left:18px;padding-right:6px;}
.subheader a {color:rgba(0,0,0,.38);line-height:32px;font-size:12px;}
.subheader a:hover {color: #03ac0e;}
/* HEADER */
#header-container{background:#ffffff;color:#fff;-webkit-box-shadow:0 2px 3px 0 rgba(0,0,0,.08);box-shadow:0 2px 3px 0 rgba(0,0,0,.08);position:fixed;top:0;left:0;right:0;width:100%;z-index:999;height:70px}
#header-wrapper{box-sizing:border-box;max-width:1300px;margin:0 auto;padding:2px 30px;position:relative}
.header{max-width:400px;float:left;margin-right:28px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.header h1.title,.header p.title{font:500 24px Roboto, Arial, sans-serif;color:#000000;margin:0;text-transform:uppercase;padding:9px 0}
.header .description{color:#000000;margin:-10px 0 4px 0;padding:0;font-size:.7em;display:none}
.header a, .header a:hover  {color:#000000;}
.header img{display:block;width:auto;margin:13px 0;max-height:34px}
/* TENTANG */
#follow .content .imgFollow figure{display:block;width:120px;height:120px;position:absolute;top:calc(100% - 160px);left:calc(50% - 60px);background-color:#ffffff;background-repeat:no-repeat;background-position:center center;background-size:70% auto;box-shadow:0 -10px 15px rgba(0,0,0,.1);border:5px solid #fff;border-radius:4px}
#follow .theme-wrap{background:#fff}
#follow .theme-wrap h3 {color:#111;}
#follow .theme-wrap .followBtn{display:block;text-align:center}
#follow .theme-wrap .followBtn a{margin:0 4px 2px;display:inline-block;width:45px;height:45px;line-height:45px;border-radius:45px;text-align:center;color:#fff;font-size:150%}
#follow .content .theme-wrap .followBtn a small{display:block}
#follow .content .theme-wrap .followBtn a.facebook{background:#3b5998}
#follow .content .theme-wrap .followBtn a.twitter{background:#1ca1f2}
#follow .content .theme-wrap .followBtn a.instagram{background-image:linear-gradient(45deg,#FDA819,#C60BA4)}
#follow .content .theme-wrap .followBtn a.youtube{background-color:#f00}
#follow .content .imgFollow {display: block;padding: 0;background-size: cover;background-repeat: no-repeat;background-position:center;position: relative;}
.profilePenjual{display:flex;position:relative;background-color:#fff;box-shadow:rgba(49,53,59,0.12) 0 1px 6px 0;margin:16px 0;padding:16px;border-radius:initial;overflow:hidden}
.icon-jual{background: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAYABgAAD/2wBDAAMCAgMCAgMDAwMEAwMEBQgFBQQEBQoHBwYIDAoMDAsKCwsNDhIQDQ4RDgsLEBYQERMUFRUVDA8XGBYUGBIUFRT/2wBDAQMEBAUEBQkFBQkUDQsNFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBT/wAARCAAiACIDASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwD9P/EniTT/AAlo8+p6nOLe0hHJxksT0VR3Jr5u8V/tMeItUuGXRI4dFtQfkYos0zD/AGiwKjPoF49TVr9oTWrrxX8RbHwtbPtjtPLiVJDtVp5Qp3E+m1kHt83rXH+GfhXqt542h0fVLOS2hj/e3En8JiB/hYcHd049fY18LmmaVnWdCg7Jaabtn5zmmPzHGYp4XAJqKly3X83m+lv+CR6p+03488M6fNqZ1C31IW4Um1u7SMRuCwByYwrA4PY/nXuHwH/aT0H43Wr20cf9keIoE3zaZK+7cv8AfibA3rzzwCO4xgnyD9sDwZ5fglNW0q1/eKY7W5igTpECNr4HocL9GHpXzLaaT4u+B+seF/Fk1u2lXbzG4tIpHAkZUK7ldOoVg2CD1BNeHRzzEYLEqNSfNHqnr9x5OIxub8O5jKnXcqtGKTk2m1yt2Uk3e2ulr2b08z9WKKpaLq0OvaNYanb5+z3lvHcx7uu11DDP4Giv1VNSV0frcZKSUlsz5A/aU1yDwf8AGK8nvrn7DJdRW93aybWO5VRU3AgdQ8bcew9a950Px9puveGtO1i2lDQXkKyoSdoBI5BJ9DkfhVL9pT4DQ/G/wjFHayR2viHTi0lhcScI2QN0Tn+62Bz2IB6ZB+AtYuvH3wpvW0HUZdU0OWAkLazE7MZ5MecqVJ7rwc1+TcQUsbgq86lGKcZO6bvbXdXs9fkfnsczlwpmderi6cp4etqnHpK97O7S6vqrqx+gMmpx30xPnxyP/dRgcD6elfE/7UfiZvEnxWmsIS0kOmRJZoq85kPzPgeuWC/8BriV+KHi+ZhGmu3pdjgBG+Yn2wM5r6R/Ze/Zf1rVPE1r468dW89tBbyi6tLG+z9ouZgcrLKG5Cg8gHliB2+98vlmBxmPr8koq76pt283dIyzviRcZUKeVZXSlFOScnJJJJejfXX5WR9dfD/Q5PDPgPw3o8wxNp+mW1o/OfmjiVD+oorfor9/hFQiorZH6JTgqcFCOyVgqlq2i6dr1t9n1OwtdRt858q7hWVM+uGBFFFZYj+FL0OfGf7vP0M3Q/h/4X8MzCbR/DekaVMP+WljYRQt+aqK36KK4st/gHnZN/uq9Qooor1T3T//2Q==);background-repeat: no-repeat;background-size: cover;display: inline-block;width: 16px;height: 16px;margin-right: 4px;vertical-align: sub;}
.profilePenjual img{width:40px;height:40px;border-radius:20px;border-width:.5px;border-style:solid;border-color:#e0e0e0;border-image:initial}
.profilePenjual .tentang{flex-direction:column;margin-left:8px}
.profilePenjual .tentang span{font-size:14px;line-height:22px;color:rgba(0,0,0,0.7);font-weight:bold}
.profilePenjual .tentang .text_profile{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin:0;max-width:200px;font-size:12px;font-weight:300;line-height:18px;overflow:hidden;color:rgba(0,0,0,0.38);word-wrap:break-word;margin-bottom:4px}
/* WRAPPER */
#wrapper{background:#fff;max-width:1300px;margin:0 auto;padding:70px 30px 30px;overflow:hidden;box-sizing:border-box}
.gambar-produk {border-radius:0;border:0;padding:0;}
.harga-tetap{color:#606060;display:block;font-size:12px;font-weight:600;text-align:left;text-decoration:line-through}
.above-post-widget h2 {display:none;}
.above-post-widget .widget {margin:0;}
.above-post-widget .Image {background:#ffffff;}
.item_stock{background:#02797a  ;color:#fff;border-radius:2px;display:block;float:left;margin-top:2px;min-width:40px;padding:3px 10px;text-align:center}.item_stock a{color:#fff}
.beli-sekarang:hover{background:#333}
/* SLIDER */
.slideshow-container{max-width:1000px;position:relative;margin:auto}
.mySlides{display:none}
.prev,.next{cursor:pointer;position:absolute;top:50%;width:32px;height:32px;background:rgba(255,255,255,0.75);padding:4px 10px;color:#555555;font-weight:normal;font-size:18px;user-select:none;opacity:0;outline: none;border-radius: 50%;box-shadow: 0 1px 6px 0 rgba(49, 53, 59, 0.12);-ms-transform: translateY(-50%);transform: translateY(-50%);
transition: all 0.25s;}
.next{right:0;}
.prev:hover,.next:hover{background:#ffffff;opacity:0.8}
.text{color:#f2f2f2;font-size:15px;padding:8px 12px;position:absolute;bottom:8px;width:100%;text-align:center}
.loading {text-align:center;}
.dot{cursor:pointer;height:10px;width:10px;margin:0 2px;background-color:#bbb;border-radius:50%;display:inline-block;transition:background-color .6s ease}
.active, .dot:hover {background-color: #02797a  ;}
/* POST WRAPPER */
#post-wrapper{background:transparent;width:100%;float:right;max-width:1000px;margin:0 0 10px}
.post-container{padding-right:20px}.judul-produk-lainnya,.judul-review{position:relative;text-align:left;margin-bottom:20px;margin:0 0 30px 0}.breadcrumbs{font-size:12px;margin-bottom:10px;padding:0 0 5px;display:inline-block}
.breadcrumbs a{color:#02797a  }
.fa-angle-right{font-size:12px!important;color:rgba(0,0,0,.38);padding:3px;margin:0 5px}
.breadcrumbs a:hover{color:#ff5722;text-decoration:none}
.breadlabel{text-overflow:ellipsis;color:rgba(0,0,0,.7)}
.post{position:relative;border-radius:8px}
.post-info{margin-bottom:20px;font-size:13px;color:#888}
.post-body{line-height:1.6em;text-align:left}
h2.post-title,h1.post-title{font:600 14px Open Sans, Arial, sans-serif}
h1.post-title{font-size:24px;margin-bottom:20px;font-weight:700}
h2.post-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin:0;max-height:38px;font-size:14px;font-weight:600;line-height:19px;overflow:hidden;color:#4c4c4c;word-wrap:break-word;margin-bottom:5px}
h2.post-title a,h1.post-title a,h2.post-title,h1.post-title{color:rgba(0,0,0,.7)}
h2.post-title a:hover,h1.post-title a:hover{color:#02797a  }
.img-thumbnail{border-radius:8px 8px 0 0;position:relative;max-width:300px;height:0;padding-bottom:100%;width:100%;overflow:hidden}
.img-thumbnail img{max-width:300px;width:100%;display:block}
/* SIDEBAR WIDGET */
#sidebar-wrapper{background:transparent;width:23%;max-width:230px;margin:0 auto}
#sidebar h3,#sidebar-sticky h3{font-size:12px;margin-bottom:20px;padding:0 0 5px;font-weight:600;color:rgba(0,0,0,.7);display:inline-block}
#sidebar .widget,.sidebar-sticky .widget{border:1px solid #f3f3f3;padding:20px 15px 15px;border-radius:3px;margin-bottom:20px}
.widget ul{line-height:1.4em}
#sidebar .widget ul {margin:0;list-style:none;font-size:13px}
/* CSS LABEL */
.label-size-1,.label-size-2,.label-size-3,.label-size-4,.label-size-5{font-size:100%;opacity:10}
.cloud-label-widget-content{text-align:left;font-weight:500}
.label-size{transition:all .25s;-moz-transition:all .25s;-webkit-transition:all .25s;line-height:1.2;display:block;float:left;margin:0 3px 3px 0;color:#02797a  ;font-size:12px;text-transform:uppercase;border:2px solid #909090;border-radius:3px}
.label-size a,.label-size span{display:inline-block;color:#909090;padding:6px 8px}
.label-size:hover{border:2px solid #e55b36}
.label-size:hover a,.label-size:hover .label-count{color:#e55b36}
.label-count{margin-left:-16px}
.Feed ul li{display:block;padding:8px 0;margin:0}
.Feed .item-date,.Feed .item-author{color:#999}
.Feed .item-title{font-weight:500}
.list-label {margin:0;padding:0}
.list-label .label-count {float:right;margin:0;}
.list-label ul {margin:0;list-style:none}
.list-label li a {font-size:12px;}
/* CSS POPULART POST */
.PopularPosts .post{box-shadow:0 0;overflow:hidden;padding:15px 0 0;margin:15px 0 0;border:0;border-radius:0;}
.PopularPosts .post:first-child{padding:0;margin:0;border:0}
.PopularPosts .post-image-link{position:relative;width:60px;height:60px;float:left;overflow:hidden;display:block;vertical-align:middle;margin:0 12px 0 0}
.PopularPosts .product-info{overflow:hidden}
.PopularPosts .post-title h2 {font-size:14px;font-weight:700;text-transform:none;margin:0 0 5px}
.PopularPosts .post-title a{display:block;color:rgba(0,0,0,.7);transition:color .17s}
.PopularPosts .post:hover .post-title a{color:#02797a  }
.post-thumb{display:block;position:relative;width:100%;height:100%;object-fit:cover;z-index:1;transition:opacity .17s ease}
.post-image-link:hover .post-thumb,.post-image-wrap:hover .post-image-link .post-thumb,.hot-item-inner:hover .post-image-link .post-thumb{opacity:.9}
.post-title a{display:block}
/* SHIPING SUPPORT */
.rvm-shipping-support {margin-bottom: 24px;}
.rvm-shipping-support-img {max-width: 60px;margin-bottom: 4px;}
.rvm-shipping-support-title {font-size: 11px;text-align: left;color: rgba(0,0,0,.54);}
.rvm-shipping-options {padding: 0;margin: 0;list-style: none;}
.rvm-shipping-options li {display: inline-block;margin-right: 14px;}
.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-image: url(data:image/svg+xml;charset=utf8;base64,IDxzdmcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyB3aWR0aD0nMjQnIGhlaWdodD0nMjQnIHZpZXdCb3g9JzAgMCAyNCAyNCc+PGcgZmlsbD0nbm9uZScgZmlsbC1ydWxlPSdldmVub2RkJz48cGF0aCBkPSdNMCAwaDI0djI0SDB6Jy8+PHBhdGggZmlsbD0nI0JEQkRCRCcgZmlsbC1ydWxlPSdub256ZXJvJyBkPSdNMy41MyAxMC42ODRhLjc1Ljc1IDAgMCAwLTEuMDYgMS4wNjFsNi4xOTIgNi4xOTNhLjc1Ljc1IDAgMCAwIDEuMDYgMEwyMS4xMyA2LjUzYS43NS43NSAwIDAgMC0xLjA2LTEuMDZMOS4xOTMgMTYuMzQ3IDMuNTMgMTAuNjg0eicvPjwvZz48L3N2Zz4=);}
/* CSS ARCHIVE */
#ArchiveList .toggle{cursor:pointer;font-family:Arial,sans-serif}
#ArchiveList .toggle-open{_font-size:1.7em;line-height:.6em}
#ArchiveList{text-align:left}
#ArchiveList a.post-count-link,#ArchiveList a.post-count-link:link,#ArchiveList a.post-count-link:visited{text-decoration:none}
#ArchiveList a.toggle,#ArchiveList a.toggle:link,#ArchiveList a.toggle:visited,#ArchiveList a.toggle:hover{color:inherit;text-decoration:none}
.BlogArchive #ArchiveList ul li{background:0;list-style:none;list-style-image:none;list-style-position:outside;border-width:0;padding-left:15px;text-indent:-15px;margin:.25em 0;background-image:none}
.BlogArchive #ArchiveList ul ul li{padding-left:1.2em}
.BlogArchive #ArchiveList ul{margin:0;padding:0;list-style:none;list-style-image:none;border-width:0}
.BlogArchive #ArchiveList ul.posts li{padding-left:1.3em}#ArchiveList .collapsed ul{display:none}
/* SHARE SOSIAL MEDIA */
.share-this-pleaseeeee{display:inline-block;margin:0 0 10px;text-transform:uppercase;font-size:14px;z-index:1;position:relative}
#share-container{margin:10px auto 0;overflow:hidden;padding:0}
#share a{width:36px;height:36px;display:inline-block;color:#fff;opacity:.8;transition:opacity .15s linear;margin:0 5px 5px 0;line-height:16px;text-align:center}#share a:hover{opacity:1}
#share i{position:relative;top:50%;transform:translateY(-50%)}
.facebook{background:#3b5998}
.twitter{background:#55acee}
.googleplus{background:#dd4b39}
.linkedin{background:#0077b5}
.pinterest{background:#cb2027}
.whatsapp{background:#25d366}
/* CSS MSG */
a.view-all {margin-top:-28px;float:right}
.status-msg-wrap{font-size:110%;width:90%;margin:0 30px;position:relative}
.status-msg-border{border:0;filter:alpha(opacity=40);-moz-opacity:.4;opacity:.4;width:100%;position:relative}
.status-msg-bg{background-color:transparent;opacity:.8;filter:alpha(opacity=30);-moz-opacity:.8;width:100%;position:relative;z-index:1}
.status-msg-body{text-align:center;padding:.3em 0;width:100%;position:absolute;z-index:4}
.status-msg-hidden{visibility:hidden;padding:.3em 0}.status-msg-wrap a{padding-left:.4em}
/* PAGE NAVIGATION */
#blog-pager{text-align:center;overflow:hidden;margin:0}
#blog-pager-newer-link a{float:left;display:block}
#blog-pager-older-link a{float:right;display:block}
#blog-pager-newer-link a,#blog-pager-older-link a{font-size:12px;border-radius:4px;padding:6px 10px;border:1px solid #02797a  ;font-weight:500}
#blog-pager .pages{border:0}
/* SEARCH FORM */
.search-icon {position:relative;float:left;width:60%;}
.search-icon svg {width:20px;height:25px;}
.search-icon path {fill: #9e9e9e;}
.search-icon a {color: #9e9e9e;}
#search_mini_form {margin:13px 0;}
.input-search{padding:0 8px;height:32px;font-size:12px;width:100%;border:0;border-radius:3px;margin:0 auto;box-shadow: 0 0 0 1px #e0e0e0;}
.input-search input{background:0 0;width:90%;height:20px;outline:0;margin:6px 10px 6px 0;border:none!important;padding:0 10px}
.button {position: absolute;top:13px;right:0;width:40px;height:32px;float:right;background:#f3f3f3;border:0;padding:4px;outline:none;cursor:pointer;}
.button i{background-image:url(data:image/svg+xml;charset=utf8;base64,IDxzdmcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyB4bWxuczp4bGluaz0naHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluaycgd2lkdGg9JzI0JyBoZWlnaHQ9JzI0JyB2aWV3Qm94PScwIDAgMjQgMjQnPjxkZWZzPjxwYXRoIGlkPSdhJyBkPSdNMCAuNTYxaDE2djE2SDB6Jy8+PHBhdGggaWQ9J2MnIGQ9J00wIC41Nmg2LjQ0VjdIMHonLz48L2RlZnM+PGcgZmlsbD0nbm9uZScgZmlsbC1ydWxlPSdldmVub2RkJz48ZyB0cmFuc2Zvcm09J3RyYW5zbGF0ZSgyIDEuNDQpJz48bWFzayBpZD0nYicgZmlsbD0nI2ZmZic+PHVzZSB4bGluazpocmVmPScjYScvPjwvbWFzaz48cGF0aCBmaWxsPScjQkRCREJEJyBkPSdNOCAuNTZhOCA4IDAgMSAwIDAgMTYuMDAxIDggOCAwIDAgMCAwLTE2bTAgM2MyLjc1NyAwIDUgMi4yNDMgNSA1cy0yLjI0MyA1LTUgNS01LTIuMjQzLTUtNSAyLjI0My01IDUtNScgbWFzaz0ndXJsKCNiKScvPjwvZz48ZyB0cmFuc2Zvcm09J3RyYW5zbGF0ZSgxNSAxNC40NCknPjxtYXNrIGlkPSdkJyBmaWxsPScjZmZmJz48dXNlIHhsaW5rOmhyZWY9JyNjJy8+PC9tYXNrPjxwYXRoIGZpbGw9JyNCREJEQkQnIGQ9J00zLjg3OSA2LjU2TC40MzkgMy4xMjNBMS41IDEuNSAwIDAgMSAyLjU2MiAxTDYgNC40NGExLjUgMS41IDAgMSAxLTIuMTIxIDIuMTInIG1hc2s9J3VybCgjZCknLz48L2c+PC9nPjwvc3ZnPg==);background-repeat:no-repeat;background-size:cover;width:18px;height:18px;z-index:4;display:block;margin:auto}
.theme-tutup{display:none;position:absolute;width:40px;height:40px;cursor:pointer;background-image:url(https://ecs7.test.net/assets-test-lite/v2/atreus/production/ecae87fa.svg);background-size:16px;background-color:transparent;right:50px;top:50%;transform:translateY(-50%) scale(1);background-repeat:no-repeat;background-position:center center;border-width:0;border-style:initial;border-color:initial;border-image:initial;outline:0;transition:transform .32s ease 0s}
/* SEARCH POPULART */
.search-content {display:none;width:100%;position:absolute;z-index:5;top:calc(100% - 12px);padding-top:2px;background:#fff;border-radius:0 0 2px 2px;box-shadow:0 5px 5px rgba(0,0,0,.08)}
.search-content .widget-title h3 {padding:15px 15px 0 15px;font-size:1.21429rem;color:rgba(0, 0, 0, 0.7);font-weight:600}
.search-content .cloud-label {padding:20px;}
.search-content ul{max-height:50vh;overflow-y:auto;margin:0}
.search-content li{white-space:nowrap;text-overflow:ellipsis;text-align:center;border-radius:16px;list-style:none;float:left;margin:0 8px 8px 0;color:#02797a  ;border:1px solid #02797a  ;line-height:1.2;display:block}
.search-content li a {display: inline-block;padding: 6px 8px;color:rgb(66, 181, 73)}
.search-content .label-count {margin:0;}
/* LINK RIGHT */
.pro {outline:none;width:20px;height:20px;fill:currentColor;}
.link-right .widget-title h3 {display:none;}
.link-right {float:right;}
.link-right li{list-style:none;float:left;margin:0;font-size:13px;}
.link-right a{padding:11px 10px;color:#9e9e9e;line-height:60px;}
.link-right a:hover {color:#02797a  ;width:20px;height:20px;border-radius:4px}
.link-right .btnNotif span{position:absolute;display:none;top:15px;right:6%;text-indent:-9999px;width:8px;height:8px;line-height:10px;border-radius:10px;font-size:9px;text-align:center;background:#ea212d;color:rgba(0,0,0,.8);font-weight:600}
.icon-envelope {background-image:url(data:image/svg+xml;charset=utf8;base64,IDxzdmcgd2lkdGg9JzI0JyBoZWlnaHQ9JzI0JyB2aWV3Qm94PScwIDAgMjQgMjQnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHRpdGxlPlN5c3RlbSBJY29ucy9CYXNpYy9NZXNzYWdlPC90aXRsZT48ZyBmaWxsPSdub25lJyBmaWxsLXJ1bGU9J2V2ZW5vZGQnPjxwYXRoIGQ9J00wIDBoMjR2MjRIMHonLz48ZyBmaWxsPScjOUZBNkIwJz48cGF0aCBkPSdNMTIgMTRMMiAxMHY4YzAgMS4xMDQuODk3IDIgMiAyaDE2YzEuMTAzIDAgMi0uODk2IDItMnYtOGwtMTAgNHonLz48cGF0aCBkPSdNMTIgMTJsMTAtNFY2YTIgMiAwIDAgMC0yLTJINGEyIDIgMCAwIDAtMiAydjJsMTAgNHonLz48L2c+PC9nPjwvc3ZnPg==);background-repeat:no-repeat;background-size:cover;display:inline-block;width:20px;height:20px;position:relative;vertical-align:-5px}
.icon-bell{background-image:url(data:image/svg+xml;charset=utf8;base64,IDxzdmcgd2lkdGg9JzI0JyBoZWlnaHQ9JzI0JyB2aWV3Qm94PScwIDAgMjQgMjQnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHRpdGxlPlN5c3RlbSBJY29ucy9CYXNpYy9Ob3RpZmljYXRpb248L3RpdGxlPjxnIGZpbGw9J25vbmUnIGZpbGwtcnVsZT0nZXZlbm9kZCc+PHBhdGggZD0nTTAgMGgyNHYyNEgweicvPjxwYXRoIGQ9J00xOSAxNXYtNGMwLTMuMTgtMi4xMS01Ljg1LTUtNi43MS0uMDEgMC0uMDEtLjAxLS4wMi0uMDEuMDEtLjA5LjAyLS4xOC4wMi0uMjggMC0xLjEtLjktMi0yLTJhMi4wMDYgMi4wMDYgMCAwIDAtMS45OCAyLjI4Yy0uMDEgMC0uMDEuMDEtLjAyLjAxLTIuODkuODYtNSAzLjUzLTUgNi43MXY0YzAgMS4xLS45IDItMiAydjEuMjRjLjY1LjI4IDEuMzIuNTEgMiAuNzIuMDUuMDIuMS4wMy4xNi4wNCAxLjU1OC40NjcgMy4xNzkuNzcxIDQuODQ5LjkxMS0uMDAxLjAzLS4wMDkuMDU4LS4wMDkuMDg5YTIgMiAwIDAgMCA0IDBjMC0uMDMxLS4wMDgtLjA1OS0uMDA5LS4wODlBMjMuNzYxIDIzLjc2MSAwIDAgMCAxOC44NSAxOWMuMDUtLjAxLjEtLjAzLjE1LS4wNC42OC0uMjEgMS4zNS0uNDQgMi0uNzJWMTdjLTEuMSAwLTItLjktMi0yJyBmaWxsPScjOUZBNkIwJy8+PC9nPjwvc3ZnPg==);background-repeat:no-repeat;background-size:cover;display:inline-block;width:20px;height:20px;position:relative;vertical-align:-5px}
.icon-envelope:hover {background-image:url(data:image/svg+xml;charset=utf8;base64,IDxzdmcgd2lkdGg9JzI0JyBoZWlnaHQ9JzI0JyB2aWV3Qm94PScwIDAgMjQgMjQnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHRpdGxlPlN5c3RlbSBJY29ucy9CYXNpYy9NZXNzYWdlL0dyZWVuPC90aXRsZT48ZyBmaWxsPSdub25lJyBmaWxsLXJ1bGU9J2V2ZW5vZGQnPjxwYXRoIGQ9J00wIDBoMjR2MjRIMHonLz48ZyBmaWxsPScjMDNBQzBFJz48cGF0aCBkPSdNMTIgMTRMMiAxMHY4YzAgMS4xMDQuODk3IDIgMiAyaDE2YzEuMTAzIDAgMi0uODk2IDItMnYtOGwtMTAgNHonLz48cGF0aCBkPSdNMTIgMTJsMTAtNFY2YTIgMiAwIDAgMC0yLTJINGEyIDIgMCAwIDAtMiAydjJsMTAgNHonLz48L2c+PC9nPjwvc3ZnPg==);}
.icon-bell:hover{background-image:url(data:image/svg+xml;charset=utf8;base64,IDxzdmcgd2lkdGg9JzI0JyBoZWlnaHQ9JzI0JyB2aWV3Qm94PScwIDAgMjQgMjQnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHRpdGxlPlN5c3RlbSBJY29ucy9CYXNpYy9Ob3RpZmljYXRpb24vR3JlZW48L3RpdGxlPjxnIGZpbGw9J25vbmUnIGZpbGwtcnVsZT0nZXZlbm9kZCc+PHBhdGggZD0nTTAgMGgyNHYyNEgweicvPjxwYXRoIGQ9J00xOSAxNXYtNGMwLTMuMTgtMi4xMS01Ljg1LTUtNi43MS0uMDEgMC0uMDEtLjAxLS4wMi0uMDEuMDEtLjA5LjAyLS4xOC4wMi0uMjggMC0xLjEtLjktMi0yLTJhMi4wMDYgMi4wMDYgMCAwIDAtMS45OCAyLjI4Yy0uMDEgMC0uMDEuMDEtLjAyLjAxLTIuODkuODYtNSAzLjUzLTUgNi43MXY0YzAgMS4xLS45IDItMiAydjEuMjRjLjY1LjI4IDEuMzIuNTEgMiAuNzIuMDUuMDIuMS4wMy4xNi4wNCAxLjU1OC40NjcgMy4xNzkuNzcxIDQuODQ5LjkxMS0uMDAxLjAzLS4wMDkuMDU4LS4wMDkuMDg5YTIgMiAwIDAgMCA0IDBjMC0uMDMxLS4wMDgtLjA1OS0uMDA5LS4wODlBMjMuNzYxIDIzLjc2MSAwIDAgMCAxOC44NSAxOWMuMDUtLjAxLjEtLjAzLjE1LS4wNC42OC0uMjEgMS4zNS0uNDQgMi0uNzJWMTdjLTEuMSAwLTItLjktMi0yJyBmaWxsPScjMDNBQzBFJy8+PC9nPjwvc3ZnPg==);}
/* CSS PROFIL ADMIN */
.toko-profil {float:left;display:inline-block;position:relative; cursor:pointer;padding-top:5px;margin-right:10px;}
.toko-profil:focus{pointer-events:none; cursor:pointer}
.link-right .toko-profil img {height:20px;width:20px;border-radius:50%;margin:0;transition:all .3s ease}
.toko-profil a {padding:0!important;color:#9e9e9e;transition:all .3s ease}
.toko-profil a:hover {color:#02797a  ;transition:all .3s ease}
.toko-profil ul.dropdown {visibility:hidden;opacity:0;background-color:#fff;right:0px;top:75%;margin:0;position:absolute; z-index:3;transform: translateY(-2em);transition:all .3s ease;z-index:1;-webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.15);box-shadow: 0 2px 2px 0 rgba(0,0,0,0.15);}
.toko-profil:hover ul.dropdown, .toko-profil:focus ul.dropdown {pointer-events:auto; cursor:pointer; visibility:visible; opacity:1; transform: translateY(8px);border-radius:0 0 8px 8px;}
.toko-profil:hover img {transform:translate3d(0,0,0);backface-visibility:hidden;perspective:1000px}
.toko-profil:hover a {color:#02797a  }
.toko-profil ul.dropdown li {margin:0;transition:all .3s ease}
.toko-profil ul.dropdown li a{font:400 12px Open Sans,Arial,sans-serif;white-space:nowrap;text-overflow:ellipsis;overflow: hidden;color:rgba(0,0,0,.54);display:block;padding:5px 20px!important;line-height:26px;max-width:100%;min-width:150px;}
.toko-profil ul.dropdown li a:hover{background:0 0;color:#02797a  ;width:auto;height:auto}
/* CSS MENU */
.cssmenu{float:left;border:0;list-style:none;line-height:1;display:block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#menuoverlay{position:fixed;display:none;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:9998;cursor:pointer}
.cssmenu{margin: 0 30px 0 0;display:block;height:57px}
.icon_menu,.cssmenu a.closebtn, .dropdown-content .widget-title h3 {display:none}
.dropdown-content .list-label li {margin:0;}
.dropdown-content .list-label ul {overflow:hidden;overflow-y:auto;max-height:60vh;}
.dropdown-content .list-label .label-count {padding:0 20px;}
.dropdown-content .list-label .allProduct {text-align:center;border-top:1px solid #f3f3f3;}
.dropdown .dropbtn,.cssmenu a{float:left;padding:0 17px;font:500 13px Roboto, Arial, sans-serif;display:block;line-height:57px;text-decoration:none;text-transform:none;color:#9e9e9e}
.dropdown .dropbtn:hover,.cssmenu a:hover{color:#02797a  ;-webkit-transition:background .2s ease;-ms-transition:background .2s ease;transition:background .2s ease}.dropdown{float:left;overflow:hidden}
.dropdown .dropbtn{border:0;outline:0;background-color:inherit;padding:0 6px 0 16px;margin:0;cursor:pointer;position:relative}
.dropdown-content{padding:10px 0;display:none;position:absolute;top:57px;background:#fff;max-width:100%;border-radius:0 0 2px 2px;min-width:200px;border:0;box-shadow:inset 0 2px 6px 0 rgba(49,53,59,.12);transition:all .3s ease-in-out 0s}
.dropdown-content a{line-height:32px;padding:8px 0 8px 20px;float:none;display:block;text-align:left;overflow:hidden;text-overflow:ellipsis;-webkit-text-overflow:ellipsis;white-space:nowrap;font-size:12px;border:0;font:400 12px Open Sans,Arial,sans-serif;text-decoration:none;color:rgba(0,0,0,.54)}
.dropdown-content a:hover{color:#02797a  }
@media screen and (min-width:801px){}
@media screen and (max-width:800px){
.closethemeq, .link-right .btnNotif span {display:none!important;}
.cssmenu{position:fixed;top:0;}
.cssmenu{background:#fff;width:0;height:100%;z-index:9999;overflow-x:hidden;transition:0.5s;-webkit-box-shadow:0 2px 6px 0 rgba(0,0,0,0.2);box-shadow:0 2px 6px 0 rgba(0,0,0,0.2)}
.cssmenu a {float:none;text-align:left;margin:0;border:0;height:32px;line-height:32px;}
.dropdown-content{box-shadow:0 0;top:40px;min-width:100%;display:block!important;}
.cssmenu a .closebtn{margin:0;height:52px;width:50px;position:absolute;right:0;top:0;background-color:transparent;background-size:15px 15px;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE1LjE0MyAxLjQyOUwxLjQyOSAxNS4xNDNtMTMuNzE0IDBMMS40MjkgMS40MjkiIHN0cm9rZT0iI0JEQkRCRCIgc3Ryb2tlLXdpZHRoPSIyIiBmaWxsPSJub25lIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4=);background-repeat:no-repeat;background-position:center center;display:block!important}
.icon_menu:before{content:"";background-color:transparent;background-size:18px 16px;background-image:url(../img/att/icon/open-menu.png);position:absolute;top:0;right:0;bottom:0;left:0;background-repeat:no-repeat;background-position:center center;margin:auto}
.icon_menu{line-height:52px;display:inline-block;position:relative;width:48px;height:52px}
.icon-bell, .icon-envelope {width:24px;height:24px;}
.icon-envelope {margin-right:10px;}
.icon-bell {margin:0px 8px 0px 4px;}
.mySlides img {border-radius:8px;}}
/* CSS RELATED POSTS */
.related-post{margin:30px auto 0;overflow:hidden}
.related-post h3:before{content:"Produk Lainnya"}
.related-post-style-3,.related-post-style-3 li{margin:0;padding:0;list-style:none;word-wrap:break-word;overflow:hidden}
.related-post-style-3 .related-post-item{float:left;width:19.2%;height:auto;margin-right:1%;margin-bottom:10px}
.related-post-style-3 .related-post-item:nth-of-type(5n+0){margin-right:0}
.related-post-style-3 .related-post-item:nth-of-type(5n+1){clear:both}
.related-post-style-3 .related-post-item-thumbnail{position:relative;display:block;height:0;padding-bottom:100%;overflow:hidden}
.related-post-style-3 .related-post-item-tooltip{font-size:13px;padding:10px 0;text-align:left}
.related-post-item-tooltip .related-post-item-title{display:block;color:#656565;font-weight:500}
@media only screen and (max-width:480px){
.related-post-style-3 {display:grid;grid-template-columns:repeat(5,50%) 1px;width:100%;overflow-x:auto;}
.related-post-style-3 .related-post-item{width:90%;margin-right:4%;margin-bottom:4%}
.related-post-style-3 .related-post-item:nth-of-type(2n+0){margin-right:0}
.related-post-style-3 .related-post-item:nth-of-type(2n+1){clear:both}}
/* CSS KONTAK */
.theme .wrap .content form {padding:0 20px 20px 20px;margin:0;}
.contact-form-success-message,.contact-form-error-message{background:#f9edbe;border:0 solid #f0c36d;font-size:14px;text-align:center;max-width:500px;border-radius:3px}
.contact-form-success-message-with-border,.contact-form-error-message-with-border{background:#f9edbe;border:1px solid #f0c36d;font-size:14px;text-align:center;max-width:600px;border-radius:3px;box-sizing:border-box;padding:5px 10px}
.contact-form-cross{height:11px;margin:0 5px;vertical-align:-8.5%;width:11px}
.contact-form-email,.contact-form-name{color:#666666;height:40px;margin:0;max-width:300px;width:100%;padding:10px 15px;
border-radius:3px;border:1px solid rgba(0,0,0,.08);box-sizing:border-box}
.contact-form-email-message{color:#666666;margin:0;vertical-align:top;max-width:600px;width:100%;
border-radius:3px;border:1px solid rgba(0,0,0,.08);padding:10px 15px}
.contact-form-email:hover,.contact-form-name:hover,.contact-form-email-message:hover{outline:0;border:1px solid #02797a  }
.contact-form-email:focus,.contact-form-name:focus,.contact-form-email-message:focus{outline:0;border:1px solid #02797a  }
.contact-form-name,.contact-form-email,.contact-form-email-message{background:transparent}
.contact-form-button{display:block;font-size:14px;line-height:24px;padding:5px 20px;margin:30px 0;text-align:center;border:0;background:#02797a  ;color:#fff;border-radius:3px;font-weight:500}
.contact-form-button:hover,.contact-form-button.hover{cursor:pointer;outline:0;opacity:.85}
.contact-form-button.focus,.contact-form-button.right.focus,.contact-form-button.mid.focus,.contact-form-button.left.focus{outline:0}
.contact-form-button-submit:focus,.contact-form-button-submit.focus{outline:0;opacity:.85}.swajib{font-weight:bold;color:#e85e5e}
.ctitles{font-weight:500;display:block;margin:30px 0 0}
/* CSS COMMENT FORM */
.comments{display:none}
.wp-c .wp-copyright, .wp-c .wp-hr {border:none!important;position:fixed!important;left:-99999999px!important;}
.fb-comments{padding:0 15px!important;margin-bottom:30px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;background:#ffffff;border:1px solid #e5e5e5}
/* FIKTUR TOKO */
.fiktur_layanan {margin-top:15px;width:100%}
.fiktur_toko{margin-top:5px;margin-right:10px;width:110px;float:left}
.fiktur_layanan .widget-content{width:31.9%;float:left;min-height:30px;box-sizing:border-box}
.fiktur_layanan .widget-title {margin-top:10px;font-weight:700}
.fiktur_layanan .widget-title h3 {color:#02797a  ;font-size:15px}
.fiktur_layanan .caption {float:left;width:180px;font-size:13px;line-height:22px;color:rgba(0, 0, 0, 0.38)}
/* CSS FOOTER WIDGET */
#widget-footer-container{margin-top:50px;border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;padding:0 30px;overflow:hidden;line-height:1.6em}
#widget-footer-wrapper{padding-right:30px;padding-left:30px;margin:0 auto;max-width:1300px;color:#333333}
#widget-footer-wrapper .widget{margin:45px 0}
#widget-footer-wrapper .widget a{font-size:90%;color:#909090}
#widget-footer-wrapper .widget a:hover{color:#e55b36}
#widget-footer-wrapper .widget ul,#widget-footer-wrapper .widget ol{list-style:none;margin:0}
#widget-footer-wrapper .widget ul li,#widget-footer-wrapper .widget ol li{font-weight:400;font-size:13px;margin:.3em 0}
#widget-footer-wrapper h2{color:#333;font-size:16px;font-weight:600;text-transform:none;margin-bottom:20px}
#widget-footer1{width:13.5%;float:left;padding:0;margin:0;box-sizing:border-box}
#widget-footer2, #widget-footer3, #widget-footer4, #widget-footer5, #widget-footer6{width:13.5%;float:left;margin-left:2.5%;box-sizing:border-box}
/* CSS FOOTER */
#footer-container{background:#ffffff;padding:20px 30px;overflow:hidden;color:rgba(0,0,0,.38);font-size:12px;text-align:left}
#footer-wrapper{padding-right:30px;padding-left:30px;max-width:1300px;margin:0 auto;overflow:hidden}
#footer-wrapper .footer-left .title, #footer-wrapper .footer-right .title {font-size:0;display:none}
#footer-wrapper .footer-right{float:right}
#footer-wrapper .footer-left, #footer-wrapper .pengaturan{float:left}
#footer-wrapper a{color:#02797a  }
#footer-wrapper a:hover{color:#ff5722}
/* SHOP CSS */
.button-home {font-size:13px;margin-bottom:20px;overflow-x: auto;overflow-y: hidden;white-space: nowrap;transition: all 0.5s;}
.text-label{font-size:12px;text-align:center;bottom:0;width:100%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:initial;left:-6px;position:relative;word-break:break-word;margin:0;overflow:hidden}
.icon-tag:hover {color:#02797a  !important;}
.icon-tag{float:left;display:inline-block;width:10.4444%;text-align:center;padding:12px 9px;margin-right:6.7px;color:#9e9e9e!important}
.bus img{width:46px;-webkit-transition:-webkit-transform .2s ease;-webkit-transition:transform .2s ease;transition:transform .2s ease;display:inline-block;vertical-align:middle}
.bus img:hover{webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
.daftar-produk{position:relative;text-align:left;margin-bottom:20px}
.daftar-produk,.judul-produk-lainnya, .judul-review {color: #02797a  ;}
.daftar-produk {margin-bottom: 30px;}
.daftar-produk:after,.judul-produk-lainnya:after,.judul-review:after{z-index:1;content:"";width:150px;height:0;position:absolute;left:0;margin-top:-3px;border-bottom:3px solid #02797a  }
.judul-produk-lainnya:after, .judul-review:after, .daftar-produk:after, .judul-produk-lainnya:after, .judul-review:after {background: #02797a  ;}
.daftar-produk h2:before {margin-right:6px;vertical-align:-7px;width:24px;height:24px;display:inline-block; transition:all .3s ease; background: url("../img/att/icon/cart.png") no-repeat; content:''}
.daftar-produk h2 {font-size:14px!important;font-weight:600!important;color:#02797a  !important}
.daftar-produk h2, .judul-produk-lainnya h3,.judul-review h3{display:block;margin:0;text-transform:none;font-size:16px;border-bottom:3px solid #ededed;color:#333333;z-index:1;padding:6px 0;font-weight:normal}
.harga-produk {font: bold 14px Open Sans, Arial, sans-serif;color: #ff5722;font-stretch:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.status-produk {position: absolute;top: 12px;right: 12px;}
.promo,.produk-terlaris,.stok-habis{position:relative;padding:0 5px;margin-bottom:4px;border-radius:3px;color:#fff;font-size:12px;text-transform:uppercase;font-weight:700;height:24px;line-height:24px}
.promo {color: #03AC0E;background: #D6FFDE;}
.produk-terlaris {color: #ef144a;background: #ffccd9;}
.stok-habis {color: #ffffff;background: #e25252;text-transform:none}
.tombol-beli {margin:0;margin: 0 auto;position: fixed;left: 0;z-index: 99;border-radius: 16px 16px 0 0;right: 0;bottom: 0;box-shadow: 0 -2px 6px 0 rgba(49,53,59,.16);background: #fff;padding:20px;}
.rating-produk {margin: 0 0 10px;}
.rating:after{content:"Ulasan";padding:0 5px}
.skor:after {content:"-";padding:0 5px;}
.rating, .skor {font-size:14px;}
.fa-star, .fa-star-half {color:#FFC107;font-size:13px!important;}
.fa-star-half {color:#cccccc;}
.beli-lewat-chat {margin: 0 auto;max-width: 1220px;padding:0;}
.beli-lewat-chat h3 {display:inline-block;font-size: 15px;font-weight: 700;text-transform: uppercase;margin-right: 15px;}
.beli-lewat-chat a, .chat-wa {display: inline-block;margin: 5px 5px 5px 0;padding: 6px 15px;border-radius: 5px;font-weight: 500;font-size:13px;background: #02797a  ;color: #fff;}
.chat-phone {background:#ef430c!important;}
.chat-sms {background:#fff!important;border:1px solid #ef430c!important;color:#ef430c!important;}
.beli-lewat-chat a i, .chat-wa i, .chat-sms i, .chat-phone i {margin-right:3px;}
.chat-wa i, .chat-phone i {font-size:20px;}
.chat-sms i {font-size: 15px;}
#admin {float:left;width:36%;display:inline-block;}
#admin img {width:34px;height:34px;margin-right:10px;border-radius:50%;}
.info-admin, .follow-admin, .info-admin a, #admin a {background:transparent;display:inline-block;margin:0;padding:0;}
.info-admin a {vertical-align:middle;text-transform:uppercase;display:inline-block;font-size:12px;font-weight:700;letter-spacing:.1px;color:rgba(49,53,59,.88);}
.info-admin p {margin:0;padding:0;line-height: 14px;font-size: 10px;color: rgba(49,53,59,.68);white-space: nowrap;}
.follow-admin {margin-left:15px;vertical-align:top;}
.follow-admin a {margin: 5px 5px 5px 0!important;padding:6px 15px!important;border-radius:5px;font-weight:500;font-size:13px;background:#4fa149!important;color:#fff;}
/* CSS IMAGES */
.theme{font-size:14px;line-height:1.6}
.theme .wrap .title .kantup{display:block;color:rgba(0,0,0,.38);padding:0 20px;cursor:pointer;font-size:30px;font-weight:300;transition:.2s}
.theme .wrap .title .kantup:hover {color:#434343;width:auto;height:auto;}
.theme b,.theme strong{font-weight:600}
.theme{display:flex!important;position:relative;position:fixed!important;z-index:+1000;top:0;left:0;width:100%;height:100%;overflow-y:auto;padding:10px 0;visibility:hidden;opacity:0;background-color: rgba(0,0,0,0.5);}
.theme.open{visibility:visible;opacity:1;transition:.2s}
.theme a{text-decoration:none;padding:0;}
.theme .theme-wrap {padding:20px}
.theme .wrap{display:block;margin:auto auto;width:calc(100% - 20px);box-shadow:0 20px 50px rgba(0,0,0,.2);max-width:500px}
.theme .wrap .title{display:grid;width:100%;grid-template-columns:1fr auto;grid-column-gap:10px;margin:0;height:60px;line-height:60px;border-bottom:1px solid rgba(0,0,0,.06);font-size:100%;background:#fff;font-weight:600;border-radius:2px 2px 0 0}
.theme .wrap .title span.title-content{padding:0 20px;display:block;vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#656565;font-size:110%}
.theme .wrap .content{display:block;overflow-y:auto;max-height:calc(100vh - 80px);background:#fff;border-radius:0 0 2px 2px}
.theme-wrap .caption {color:#333;font-size:89%;}
.theme .imgNotif a {line-height:0;}
.icon-promosi{display:inline-block;vertical-align:middle;width:20px;height:20px;margin-right:17px;background-position:center;background-repeat:no-repeat;background-size:18px 18px;background-image:url(https://cdn.test.net/img/seller-dashboard/icon-smenu-topads.svg)}
.grid-wa{display:grid;grid-gap:10px}
.grid-wa.col2{grid-template-columns:1fr 1fr}
.dropdown-content .closethemeq{position:fixed;z-index:-1;top:90px;left:0;width:100%;height:100%;background:#000;opacity:.4}
#fiktur-wrapper {max-width:100%;width:1300px;margin:auto;padding:0 30px;}
.home-ad1 h3 {font-size:110%;margin:0 0 10px;font-weight:700}
.full-left {position:relative;padding:10px 0;border-top:1px dashed #ccc}
/* MEDIA RESPONSIVE QUERY */
@media only screen and (max-width:1080px){
#wrapper{margin:0 auto}
#sidebar-wrapper {width:100%!important;max-width:100%;}
#header-wrapper,.subheader-inner{padding-left:30px;padding-right:30px;width:100%}
.input-search input{width:80%}
.sticky-mobile{margin-right:30px}
.search-icon{right:30px;width:47%}
.search-content {position: fixed;top: 48px;left: 0;width: 100%;height: calc(100% - 48px);overflow-y: auto;padding-top: 0;background: #fff;border-radius: 0;box-shadow: none;}
.icon-tag{width:100px;}}
@media only screen and (max-width:800px){
.fiktur_layanan, #admin, .subheader, .toko-profil > a:after, .toko-profil:hover > a:after {display:none;}
.above-post-widget {display:flex}
.bus {padding:0;background-image:none}
#header-container {height:52px;}
#header-wrapper {padding-left:0px;padding-right:0px;position:relative;}
.post-container {padding:0;}
.header {position: absolute;top: 0;left:-999999px;z-index:1;text-align:left;float:none;display:inline-block;}
.header img {display: inline-block !important;}
#fiktur-wrapper {padding:0}
.icon-tag{width:80px;float:none}
#wrapper {padding: 60px 20px 20px;}
#sidebar-wrapper {width:100%!important;max-width:100%;}
.link-right a {padding:0;line-height:52px;}
ul.infopay li {width:24%;}
#search_mini_form {margin:8px;}
#widget-footer-container {display:none}
#widget-footer1{width:100%;float:none;padding-right:0}
#widget-footer2{width:100%;float:none}
#widget-footer3{width:100%;float:none;padding-left:0}
#widget-footer4{width:100%;float:none;padding-left:0}
#footer-container {padding:20px 20px;}
.input-search input {width:auto!important;height:36px;line-height:20px;margin:0}
.button {left:5px;top:8px;background:0 0}
.theme-tutup {right:20px;}
.input-search button {border-radius: 0 8px 8px 0;background:0 0;width:24px;height:24px;padding:10px 0;}
.input-search {background:rgb(246, 246, 246);border-radius:8px;box-shadow:0 0;padding:0 30px;}
.link-right {height:52px;float:right;position:absolute;top:0;right:0;}
.search-icon {position:absolute;width:80%;left:40px;top:0;}
.toko-profil {float:none;padding:4px 0;height:52px;margin-right:15px;}
.full-left {border:0;float:none;padding:0 24px;width:100%;max-height:200px;overflow:hidden;font-size:0.857143rem}
}
@media only screen and (max-width:480px){
#wrapper{padding:50px 15px 15px}
#widget-footer-wrapper, #footer-wrapper {padding:0;}
.loading {text-align:left}
.input-search input{width:74%!important}
.theme-tutup {right:10px;}
#widget-footer-container{display:none}
.beli-lewat-chat h3{display:none}
.dot{height:7px;width:7px}
.button{top:8px;left:5px;background:0 0}
.button i {width:15px;height:15px;}
ul.infopay li{width:100%;margin:5px}
.search-icon{right:15px;width:60%}
.post-body a>img{width:100%}h1{font-size:170%}h2{font-size:150%}h3{font-size:130%}h4{font-size:120%}h5{font-size:110%}h6{font-size:100%}
h1.post-title{font-size:22px}
#searchfs input[type="search"]{font-size:26px}
#footer-wrapper .footer-right,#footer-wrapper .footer-left{float:none;margin:5px 0;text-align:center;}
.icon-tag{width:56px;margin-right:8px;min-height:58px;display:inline-block;text-align:center;position:relative;vertical-align:top;flex:1 1 0;padding:5px 0 0;text-decoration:none}
.text-label {font-size:10px}}
@media screen and (max-width:320px){.search-icon{width:50%;}.beli-lewat-chat h3 {display:none;}}

#post-wrapper{float:right;width:100%;max-width:1000px}
.post-container{padding:0}
.PopularPosts .product-info h2.post-title {font-size:14px;}
.PopularPosts .post:hover {box-shadow:0 0;}
#sidebar-wrapper{float:left;width:18%}
.post-outer{width:18.40%;margin-bottom:2%;margin-right:2%;float:left}
.post:hover{transition:box-shadow .25s;box-shadow:0 0 12px 0 rgba(0,0,0,0.24)}
.blog-posts .post-outer:nth-of-type(5n+0){margin-right:0}
.blog-posts .post-outer:nth-of-type(5n+1){clear:both}
.post{position:relative;box-shadow:0 1px 5px 0 rgba(0,0,0,0.1)}
.produk-info{line-height:40px;height:40px;overflow:visible}
.produk-info-container{padding:10px 0 20px 8px;text-align:left;overflow:hidden}
.harga-tetap {display:inline-block!important;overflow:unset;font-size:14px!important;}
.harga-produk {line-height:20px;text-align:left}
.rating-produk{line-height:2}
button.next1, button.prev1, .slider-image {display:none;}
.skor {color:#9e9e9e;}
.skor:after{content:""}
.gambar-produk{height:0}.gambar-produk img,.deskripsi-produk,.tombol-beli,.produk-info img,.produk-info iframe,.produk-info table{display:none;height:0}
.post-snippet,.rating{font-weight:normal;display:none}
.grid-wa{display:grid;grid-gap:10px}
.grid-wa.col2{grid-template-columns:1fr 1fr}
.readmoreartikel{font-weight:normal;display:none;text-align:right}
.ini-artikel{position:absolute;top:4px;left:0;background:#333;color:#fff;padding:0 8px;font-size:12px;text-transform:uppercase;font-weight:500;height:24px;line-height:24px}
.ini-artikel:after{border-left:8px solid #333}
/* RESPONSIVE */
@media only screen and (max-width:800px){.post-outer{width:31.3%;margin-right:3%}
.blog-posts .post-outer:nth-of-type(4n+0){margin-right:3%}
.blog-posts .post-outer:nth-of-type(3n+0){margin-right:0}
.blog-posts .post-outer:nth-of-type(5n+0){margin-right:3%}
.blog-posts .post-outer:nth-of-type(6n+0){clear:none}}
@media only screen and (max-width:640px){
    .post-outer{margin-right:4%;width:48%;margin-bottom:4%}
    .blog-posts .post-outer:nth-of-type(3n+0){margin-right:4%}
.blog-posts .post-outer:nth-of-type(2n+0){margin-right:0}
.blog-posts .post-outer:nth-of-type(4n+1){margin-right:4%}}
@media screen and (max-width:320px){.post-outer{width:100%;margin-bottom:10px}.blog-posts .post-outer:nth-of-type(3n+0){margin-right:0}}

.pagination {
    margin: 10px 0;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 0.7em;
    }
    .pagination ul li {
    border-color: #02797a ;
    border-width: 0 0 1px;
    border-radius: 0;
    float: left;
    list-style-type: none;
    color: #02797a ;
    }
    .pagination ul li span.nolink {
    padding: 2px 10px 2px 10px;
    display: block;
    /* float: left; */
    margin-right: 1px;
    font-size: 8pt;
    font-weight: bold;
    border: 1px solid #02797a ;
    color: #02797a ;
    }
    .pagination a, .pagination ul li span {
    padding: 2px 10px 2px 10px;
    display: block;
    /* float: left; */
    margin-right: 1px;
    font-weight: bold;
    color: #000000;
    border: 1px solid #02797a ;
    }
    .pagination ul li span.ellipsis {
    /* font-size: 10pt; */
    font-weight: normal;
    padding: 2px;
    margin: 1px;
    border-color: #fff;
    color: #02797a ;
    }