/*
 * Theme Name   : flatline. 0/2
 * Author       : Mirai Kreativa
 * Author URI   : http://mirai.web.id
 * Version      : 1.0.0
 * License      : Purchased License
 * License URI  : http://mirai.web.id/p/tos-webpul.html
 * Description  : PWA Pulsa Online Web Theme Flatline.
*/

/* This theme developed by Mirai Kreativa × SignalTronik.com.
 * - Original PulseBasic Design  by Ramz           (-)
 * - Coded & Improvement UI/UX   by Mochiexd.      (http://mochiexd.com)
 * - Supported                   by SignalTronik   (http://signaltronik.com)
*/

/* Reset */
*{margin:0;padding:0}
*,*::before,*::after{-webkit-box-sizing:inherit;box-sizing:inherit}
html{overflow-x:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
html{-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:transparent}
html.no-scroll{overflow:hidden}
html::-webkit-scrollbar{width:6px}
html::-webkit-scrollbar-track{background:#f5f5f5}
html::-webkit-scrollbar-thumb{background:#9e9e9e}
html::-webkit-scrollbar-thumb:hover{background:#607d8b}
body{font-family:'Roboto'!important;font-size:14px;font-weight:normal;display:flex;overflow:hidden;flex-direction:column;min-height:100vh;margin:0 auto;padding:60px 0 0!important;cursor:default;cursor:default;color:#353333;background-color:#f8f8fa}
body{max-width:1920px}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{margin:0;-webkit-appearance:none}
input[type=number]{-moz-appearance:textfield}
article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}
article,aside,footer,header,nav,section{display:block}
figcaption,figure,main{display:block}
figure{margin:1em 40px}
hr{overflow:visible;-webkit-box-sizing:content-box;box-sizing:content-box;height:0;margin:0;border:0;border-top:1px solid #cfd8dc}
pre{font-family:monospace,monospace;font-size:1em}
abbr[title]{text-decoration:underline;text-decoration:underline dotted;border-bottom:none}
b,strong{font-weight:700}
code,kbd,samp{font-family:monospace,monospace;font-size:1em}
dfn{font-style:italic}
mark{color:#000;background-color:#ff0}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-.25em}
sup{top:-.5em}
audio,video{display:inline-block}
audio:not([controls]){display:none;height:0}
img{max-width:100%;vertical-align:middle;border-style:none}
svg:not(:root){overflow:hidden}
button,input,optgroup,select,textarea{font-family:'Roboto';font-size:16px;margin:0;outline:none}
button,input{overflow:visible}
label{font-weight:400}
button,select{text-transform:none;-moz-appearance:none;-webkit-appearance:none;appearance:none}
button,html [type='button'],[type='reset'],[type='submit']{-webkit-appearance:button}
button::-moz-focus-inner,[type='button']::-moz-focus-inner,[type='reset']::-moz-focus-inner,[type='submit']::-moz-focus-inner{padding:0;border-style:none}
button:-moz-focusring,[type='button']:-moz-focusring,[type='reset']:-moz-focusring,[type='submit']:-moz-focusring{outline:1px dotted ButtonText}
fieldset{padding:.35em .75em .625em}
legend{display:table;box-sizing:border-box;max-width:100%;padding:0;white-space:normal;color:inherit}
progress{display:inline-block;vertical-align:baseline}
textarea{overflow:auto}
[type='checkbox'],[type='radio']{box-sizing:border-box;padding:0}
input[type='number']{-moz-appearance:textfield}
[type='number']::-webkit-inner-spin-button,[type='number']::-webkit-outer-spin-button{height:auto;margin:0;-webkit-appearance:none}
[type='search']{outline-offset:-2px;-webkit-appearance:textfield}
[type='search']::-webkit-search-cancel-button,[type='search']::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}
details,menu{display:block}
summary{display:list-item}
canvas{display:inline-block}
template{display:none}
[hidden]{display:none}
blockquote{font-size:unset;margin:8px 0;padding:28px;border-radius:4px;background-color:rgba(0,0,0,.075)}
button{display:inline-block;border:0;background-color:transparent}
h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:500;position:relative;margin:0;padding:0}
h1{font-size:28px}
h2{font-size:24px}
h3{font-size:20px}
h4{font-size:18px}
h5{font-size:16px}
h6{font-size:14px}
p{display:block;margin:0;padding:0}
ol,ul,dl,ol ol,ul ul,ol ul,ul ol{margin:0;padding:0}
a,a:focus,a:hover{transition:.2s ease;text-decoration:none;color:#444}
a:not([href]){cursor:pointer;transition:.2s ease;text-decoration:none!important;color:inherit}
a:not([href]):not([tabindex]){cursor:pointer;transition:.2s ease;text-decoration:none!important;color:inherit}
a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{transition:.2s ease;text-decoration:none!important;color:inherit}
a:not([href]):not([tabindex]):focus{transition:.2s ease;outline:0}
main{position:relative}

/* Cakrawala */
md-icon{font-weight:normal!important;line-height:1;position:relative}
md-icon::before{font-family:'Material Design Icons';position:relative}
i md-icon,b md-icon,u md-icon{font-weight:normal!important;font-style:normal!important;text-decoration:none!important}
.icon18{font-size:20px;line-height:1;height:20px}
.icon24{font-size:24px;line-height:1;height:24px}
.icon32{font-size:32px;line-height:1;height:32px}
.icon36{font-size:36px;line-height:1;height:36px}
.icon40{font-size:40px;line-height:1;height:40px}
.icon48{font-size:48px;line-height:1;height:48px}
.icon-centered{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.clear{display:block!important;float:none!important;clear:both!important}
.padding-s{padding:16px}
.padding-m{padding:24px}
.padding-l{padding:32px}
.padding-xl{padding:40px}
.padding-vs{padding-top:16px;padding-bottom:16px}
.padding-vm{padding-top:24px;padding-bottom:24px}
.padding-vl{padding-top:32px;padding-bottom:32px}
.padding-vxl{padding-top:40px;padding-bottom:40px}
.padding-hs{padding-right:16px;padding-left:16px}
.padding-hm{padding-right:24px;padding-left:24px}
.padding-hl{padding-right:32px;padding-left:32px}
.padding-hxl{padding-right:40px;padding-left:40px}
.margin-s{margin:16px}
.margin-m{margin:24px}
.margin-l{margin:32px}
.margin-xl{margin:40px}
.margin-vs{margin-top:16px;margin-bottom:16px}
.margin-vm{margin-top:24px;margin-bottom:24px}
.margin-vl{margin-top:32px;margin-bottom:32px}
.margin-vxl{margin-top:40px;margin-bottom:40px}
.margin-hs{margin-right:16px;margin-left:16px}
.margin-hm{margin-right:24px;margin-left:24px}
.margin-hl{margin-right:32px;margin-left:32px}
.margin-hxl{margin-right:40px;margin-left:40px}
.divider6{height:6px}
.divider8{height:8px}
.divider12{height:12px}
.divider16{height:16px}
.divider16{height:16px}
.divider20{height:20px}
.divider24{height:24px}
.borad-zero{border-radius:0!important}
.cursor-default{cursor:default!important}
.margin-b0{margin-bottom:0!important}
.mk-show-mobile{display:none!important}
.mk-show-mobile2{display:none!important}
.mk-show-mobile3{display:none!important}
.mk-show-mobile4{display:none!important}
.mk-show-mobile5{display:none!important}
.mk-hide-mobile{display:block!important}
.mk-hide-mobile2{display:block!important}
.mk-hide-mobile3{display:block!important}
.mk-hide-mobile4{display:block!important}
.mk-hide-mobile5{display:block!important}
.mk-fs10px{font-size:10px!important}
.mk-fs11px{font-size:11px!important}
.mk-fs12px{font-size:12px!important}
.mk-fs14px{font-size:14px!important}
.mk-fs16px{font-size:16px!important}
.mk-fs18px{font-size:18px!important}
@media (max-width:640px){
  .mk-mobile-fs10px{font-size:10px!important}
  .mk-mobile-fs11px{font-size:11px!important}
  .mk-mobile-fs12px{font-size:12px!important}
  .mk-mobile-fs14px{font-size:14px!important}
  .mk-mobile-fs16px{font-size:16px!important}
  .mk-mobile-fs18px{font-size:18px!important}
}
.mk-list-none,.mk-list-none ul{list-style:none}
.mk-list-none::after,.mk-list-none ul::after{display:block;clear:both;content:' '}
.mk-list-dot ul,.mk-list-dot-ul{padding:0;list-style:none}
.mk-list-dot ul li,.mk-list-dot-ul li{position:relative;margin-top:4px;padding-left:10px}
.mk-list-dot ul li:before,.mk-list-dot-ul li:before{font-weight:bold!important;position:absolute;left:0;content:'•';opacity:.75}
.mk-anchor-text a,a:not([href]):not([tabindex]),a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{font-weight:500;text-decoration:underline}
.container640{max-width:640px;margin:auto}
.lock-selection{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none}
table,.table{margin:0;padding:0;line-height:1.3}
table{table-layout:fixed;width:100%}
table td{word-wrap:break-word}
.wrap-text-div{word-wrap:break-word}

/* Navbar */
.mk-navbar{position:fixed;z-index:4;top:0;right:0;left:0;padding:6px 0;background-color:#fff;box-shadow:0 4px 15px -2px rgba(0,0,0,.05)}
.mk-navbar .container.loss{max-width:1920px}
.mk-navbar .container::after{display:block;clear:both;content:' '}
.mk-navbar .mk-brand{position:relative;float:left}
.mk-navbar .mk-brand h4 a{font-size:18px;font-weight:500;position:relative;display:block;height:48px;padding:0;line-height:48px;}
.mk-navbar .mk-brand h4 a md-icon{font-size:24px;top:2px;left:0;line-height:0;width:24px;height:24px;margin-right:4px}
.mk-navbar .mk-brand h4 a img{max-height:48px;position:relative;top:-1px}
.mk-navbar .mk-nav{position:absolute;left:50%;transform:translateX(-50%)}
.mk-navbar .mk-nav ul{list-style:none}
.mk-navbar .mk-nav ul::after{display:block;clear:both;content:' '}
.mk-navbar .mk-nav ul li{float:left;padding:0 18px}
.mk-navbar .mk-nav ul li a{position:relative;display:block;height:48px;padding:14px 0}
.mk-navbar .mk-nav ul li a md-icon{display:block}
.mk-navbar .mk-nav ul li a.active{font-weight:500;pointer-events:none;}
.mk-navbar .mk-nav ul li a.active::after{position:absolute;top:-6px;left:0;right:0;display:block;content:' ';border-bottom:2px solid}
.mk-second-nav{position:absolute;right:40px;list-style:none}
.mk-second-nav::after{display:block;clear:both;content:' '}
.mk-second-nav li{position:relative;float:left}
.mk-second-nav li a{display:block;height:48px;padding:9px 0}
.mk-second-nav li.icon-only a{position:relative;width:23px;padding:0}
.mk-second-nav li.icon-only a > md-icon{position:absolute;top:50%;transform:translateY(-50%)}
.mk-second-nav li.icon-onlys a{position:relative;width:35px;padding:0}
.mk-second-nav li.icon-onlys a > md-icon{position:absolute;top:50%;transform:translateY(-50%)}
.mk-second-nav li:nth-child(2){padding:8px 0}
.mk-second-nav li:nth-child(2) .dropdown-trigger{font-size:12px;line-height:32px;position:relative;height:32px;margin-left:16px;padding:0 16px;padding-left:36px;cursor:pointer;transition:.25s ease;border-radius:200px;background-color:rgba(0,0,0,.1)}
.mk-second-nav li:nth-child(2) .dropdown-trigger:hover{box-shadow:inset 0 0 500px rgba(0,0,0,.1)}
.mk-second-nav li:nth-child(2) .dropdown-trigger md-icon{font-size:24px;position:absolute;top:4px;left:5px;height:2;color:#fff}
.mk-second-nav li:nth-child(2) .dropdown-trigger::before{position:absolute;top:7px;bottom:7px;left:8px;display:block;width:19px;content:' ';border-radius:20px}
.mk-second-nav li:nth-child(2) ul{position:absolute;top:100%;right:0;visibility:hidden;min-width:280px;margin-top:25px;padding:12px;list-style:none;transition:.25s cubic-bezier(.58,.01,.04,.98);opacity:0;border-top:3px solid;border-radius:3px 3px 6px 6px;background-color:#fff;box-shadow:0 4px 25px -2px rgba(0,0,0,.1)}
.mk-second-nav li:nth-child(2) ul.open{visibility:visible;margin-top:0;opacity:1}
.mk-second-nav li:nth-child(2) ul li{float:none}
.mk-second-nav li:nth-child(2) ul li.divider{margin:12px 0;border-top:1px dashed rgba(0,0,0,.15)}
.mk-second-nav li:nth-child(2) ul li a{line-height:36px;position:relative;height:36px;padding:0 12px;padding-left:36px;border-radius:6px}
.mk-second-nav li:nth-child(2) ul li a:hover{background-color:rgba(0,0,0,.05)}
.mk-second-nav li:nth-child(2) ul li a > md-icon{font-size:18px;position:absolute;top:50%;left:10px;margin-top:-1px;transform:translateY(-50%)}
.mk-second-nav li:nth-child(2) ul.mk-drop-akun li:nth-child(1){height:36px;padding-left:48px}
.mk-second-nav li:nth-child(2) ul.mk-drop-akun li:nth-child(1) .avatar-name{position:absolute;left:0;border-radius:12px}
.mk-second-nav li:nth-child(2) ul.mk-drop-akun li:nth-child(1) a{line-height:1;display:inline;padding:0}
.mk-second-nav li:nth-child(2) ul.mk-drop-akun li:nth-child(1) h4{font-size:14px;font-weight:bold;margin-bottom:3px;padding-top:3px}
.mk-second-nav li:nth-child(2) ul.mk-drop-akun li:nth-child(1) h4 md-icon{font-size:16px;font-weight:normal;display:inline}
.mk-second-nav li:nth-child(2) ul.mk-drop-akun li:nth-child(1) p{font-size:12px}
.mk-second-nav li:nth-child(2) ul.mk-drop-akun li:nth-child(2){padding:0}
.mk-second-nav li:nth-child(2) ul.mk-drop-akun li:nth-child(3){display:block;margin:0}
.mk-second-nav li:nth-child(2) ul.mk-drop-akun li:nth-child(3) a{padding-left:12px}
.mk-second-nav li:nth-child(2) ul.mk-drop-akun li:nth-child(3) span{font-weight:500;float:right}
.mk-second-nav li:nth-child(3){display:none;margin-left:16px}

/* Main */
.mk-panel{position:relative;border-radius:6px;background-color:#fff;box-shadow:0 4px 15px 0 rgba(0,0,0,.06)}
.banner-overlay{position:absolute;z-index:0;top:0;right:0;left:0;height:140px;background-attachment:fixed}
.banner-overlay.form-order-overlay{height:160px}
.mk-container{padding-top:40px}
.mk-container .breadcrumb{font-size:12px;margin:-1px 0 27px;padding:0;background-color:transparent;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff}
.mk-container .breadcrumb li{display:inline}
.mk-container .breadcrumb li,.mk-container .breadcrumb a{color:#fff}
.mk-container .breadcrumb li .fa-home::before{font-style:normal;content:'Home'}
.mk-container .breadcrumb li a:hover{text-decoration:underline}
.mk-breadcrumb{position:relative;z-index:1;padding:0 40px;border-bottom:1px dashed #cfd8dc}
.mk-breadcrumb ul{position:relative;padding:0;padding:18px 0 17px;padding-left:44px}
.mk-breadcrumb ul h5{display:inline;padding:0 12px}
.mk-breadcrumb li{font-weight:500;position:relative;float:left;overflow:hidden;width:100%;white-space:nowrap;text-transform:capitalize;text-overflow:ellipsis}
.mk-breadcrumb li h5:before{font-weight:bold!important;position:absolute;left:-4px;content:'•'}
.mk-breadcrumb li h5:nth-child(1)::before{display:none}
.mk-breadcrumb li:nth-child(1){position:absolute;top:50%;transform:translateY(-50%);left:0;width:40px;height:28px;border:2px solid;border-radius:40px}
.mk-breadcrumb li:nth-child(1) md-icon{font-size:19px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.mk-breadcrumb li:nth-child(2){padding-top:1px}
.mk-breadcrumb .mk-add-button{position:absolute;z-index:2;top:40px;right:0;width:40px;height:40px;padding:0;text-align:center;border:1px solid rgba(0,0,0,.1);border-radius:12px;background-color:#fff;box-shadow:0 2px 15px -2px rgba(0,0,0,.15)}
.mk-breadcrumb2{font-size:14px;position:relative;margin:-15px 0 28px;padding:0;list-style:none;text-transform:lowercase;border-bottom:1px solid #cfd8dc;border-radius:0}
.mk-breadcrumb2 .mk-tab-link li:nth-child(1){padding-left:0}
.mk-tab-link{list-style:none;text-transform:capitalize}
.mk-tab-link::after{display:block;clear:both;content:' '}
.mk-tab-link i{font-style:unset}
.mk-tab-link li{float:left;margin-bottom:-1px;padding:0;padding-left:24px;opacity:1!important;border-bottom:1px solid}
.mk-tab-link li a{font-weight:500;position:relative;display:block;padding:15px 0;color:#555}
.mk-tab-link li a:after{position:absolute;bottom:-2px;left:0;display:block;width:100%;height:3px;content:' ';transition:.25s ease;transform:scaleY(1);transform-origin:center;border-radius:6px}
.mk-harga-left{position:relative;float:left;width:30%;padding-top:42px;padding-right:24px;padding-bottom:22px}
.mk-harga-left .banner-overlay{top:-40px}
.mk-harga-left .mk-heading{min-height:60px;margin-bottom:24px;padding:20px}
.mk-harga-left .mk-heading > h5{margin-bottom:20px;padding:1px 0 21px;border-bottom:1px dashed #cfd8dc}
.mk-harga-left .mk-heading > h5 md-icon{font-size:24px;position:absolute;top:-5px;right:0}
.mk-harga-left .list-group{padding:20px;border-radius:0}
.mk-harga-left .list-group-item{font-size:12px;padding:12px;border:0;border-radius:4px;background-color:#fff}
.mk-harga-left .list-group-item:active{background-color:#fff}
.mk-harga-left .list-group-item:focus{background-color:#fff}
.mk-harga-left .list-group-item:hover{background-color:#f7f7f7}
.mk-harga-left .list-group-item.produk-heading{font-size:14px;padding:16px 12px;border-top:1px dashed #cfd8dc;border-radius:0!important}
.mk-harga-left .list-group-content .child{position:relative;z-index:1;padding:12px 0;background-color:#fff}
.mk-harga-left .list-group-content .child a{position:relative;padding-left:24px}
.mk-harga-left .list-group-content .child a::before{font-weight:bold;position:absolute;left:12px;content:'•'}
.mk-harga-left .list-group-content:nth-child(1) .produk-heading{border-top:0}
.mk-harga-left .list-group-content:last-child .child{border-bottom:1px dashed #cfd8dc}
.mk-harga-left .list-group-content.active2 .produk-heading{color:#fff;border-bottom-right-radius:0;border-bottom-left-radius:0}
.mk-harga-right{float:left;width:70%}
.mk-produk-list-menu{min-height:58px}
.mk-produk-list-menu::before{font-size:12px;font-style:italic;position:absolute;top:0;right:0;left:0;padding:20px;content:'Tidak ditemukan';text-align:center}
#pbsearchproduk2{font-size:12px!important;height:32px!important;margin-bottom:12px;padding:0 12px}
.mk-content-item{display:block!important}
#pbsearchproduk1{display:block!important}

/* Footer */
.mk-footer{position:relative;width:100%;margin:auto auto 0 auto;background-color:#fff}
.mk-footer .container{z-index:1}
.mk-footer .mk-footer-sitelink::after{display:block;clear:both;content:' '}
.mk-footer .mk-footer-sitelink a{display:block;float:left;margin-right:24px;padding:16px 0;color:#fff}
.mk-footer .mk-footer-sitelink a:nth-child(1){margin-right:0}
.mk-footer .mk-footer-sitelink a:hover{box-shadow:inset 0 0 500px rgba(0,0,0,.1)}
.mk-footer .mk-footer-widget{position:relative;padding:60px 0 56px}
.mk-footer .mk-widget{float:left;width:36%}
.mk-footer .mk-widget:nth-child(2){width:64%;padding-left:24px}
.mk-footer .mk-widget h5{font-size:15px;font-weight:bold;margin-bottom:12px;text-transform:uppercase}
.mk-footer .mk-widget .heading-contact h2{position:relative;margin-bottom:8px}
.mk-footer .mk-widget .heading-contact h2 md-icon{font-weight:normal;margin-left:-4px}
.mk-footer .mk-widget .heading-contact h2 span{font-size:16px;position:absolute;top:50%;left:52px;transform:translateY(-50%)}
.mk-footer .mk-widget > p{margin-top:12px}
.mk-footer .mk-widget > p > a{display:inline-block;height:24px;margin-right:10px}
.mk-footer .mk-widget > p > a md-icon{font-size:24px}
.mk-footer .mk-widget ul{list-style:none}
.mk-footer .mk-widget .mk-payments{margin-top:6px}
.mk-footer .mk-widget .mk-payments::after{display:block;clear:both;content:' '}
.mk-footer .mk-widget .mk-payments li{float:left;overflow:hidden;width:60px;margin:6px 6px 0 0;padding:4px 0;text-align:center;border:1px solid #cfd8dc;border-radius:6px}
.mk-footer .mk-widget .mk-payments li img{width:48px;height:24px}
.mk-footer .mk-credit{padding:27px 0;border-top:1px dashed #cfd8dc;font-size:12px;}
.mk-footer .mk-upup{position:absolute;right:0;bottom:-28px;width:40px;height:40px;cursor:pointer;transition:.25s ease;border:1px solid #cfd8dc;border-radius:12px;background:#fff}

/* Produk Tabs */
.mk-grid-tabs{position:relative}
.mk-grid-tabs .banner-overlay{bottom:0;height:unset}
.mk-grid-tabs ul{position:relative;z-index:1;margin:0 -12px!important;list-style:none;border-bottom:0;justify-content:center;flex-wrap:wrap;display:flex}
.mk-grid-tabs ul > div{width:100%}
.mk-grid-tabs ul li{width:25%;padding:24px 12px 0!important;border:0;background-color:transparent!important}
.mk-grid-tabs ul li a{line-height:1.2;position:relative;display:block;height:100%;min-height:48px;margin:0;margin:0!important;padding:18px 12px;transition:.25s ease;border:0;border:0!important;border-radius:6px!important;background-color:#fff!important;box-shadow:0 4px 15px 0 rgba(0,0,0,.06)}
.mk-grid-tabs ul li a::after{position:absolute;top:1px;right:1px;display:block;width:0;height:8px;content:' ';transition:.25s ease;border:2px solid #fff;border-radius:2px;border-top-right-radius:6px;border-bottom-left-radius:6px;background-color:#ddd}
.mk-grid-tabs ul li a:hover{background-color:#f3f3f3}
.mk-grid-tabs ul li a b{font-weight:normal;transition:.25s ease}
.mk-grid-tabs ul li a u{display:block;opacity:0;padding-left:40px}
.mk-grid-tabs ul li a > div{position:absolute;top:50%;right:0;left:0;padding:0 12px;padding-left:52px;transform:translateY(-50%)}
.mk-grid-tabs ul li a .ikon-produk{line-height:1;position:absolute;top:-3px;left:16px;width:24px;height:24px}
.mk-grid-tabs ul li a .ikon-produk img{width:24px!important}
.mk-grid-tabs ul li a .ikon-produk md-icon{font-size:22px;font-weight:normal!important;transition:.25s ease}
.mk-grid-tabs ul li.active a b,.mk-grid-tabs ul li.active a:hover b{font-weight:500}
.mk-grid-tabs ul li.active a::after{width:28px}
.mk-grid-tabs ul li.disabled{cursor:not-allowed;position:relative;opacity:.65;color:#888}
.mk-grid-tabs ul li.disabled:after{font-family:'Material Design Icons';font-size:18px;line-height:26px;position:absolute;top:-3px;right:9px;background-color:#fff;box-shadow:0 0 0 2px inset;width:26px;height:26px;text-align:center;border-radius:24px}
.mk-grid-tabs ul li.disabled a{pointer-events:none;color:#888}
.mk-grid-tabs ul li.disabled a::after{display:none}
.mk-grid-tabs ul li.mk-member:after{content:'\F0004'}
.mk-grid-tabs ul li.mk-member-verified:after{content:'\F0008'}
#mk-produk-tab{display:none!important;justify-content:left}
#mk-produk-tab.show{display:flex!important}
#mk-produk-tab li.disabled:after{top:22px}
#mk-produk-tab li:nth-child(-n+3){display:none}
#mk-produk-tab-awal li{padding:0 12px!important}
#mk-produk-tab-awal li:nth-child(n+4){display:none}
.mk-more-produk{display:none!important}
.mk-more-produk.show{display:block!important}
.mk-more-produk.none{display:none!important}
.mk-more-produk.dua{display:none!important}
.mk-more-produk.tiga{display:none!important}
.mk-more-produk.satu{display:none!important}

/* Form Order */
.mk-form-order{position:relative}
.mk-form-order .tab-content{padding:unset}
.mk-form-order .tab-pane{position:relative;padding:0;text-align:center}
.mk-form-order .tab-pane h3{padding:16px 0 56px}
.mk-form-order .tab-pane .form-group{margin:0 auto 16px}
.form-order-container{position:relative;z-index:1}

/* Nominal */
#nominals{position:relative;margin:0 auto!important;padding:16px 0 0}
#nominals .searchquick{position:relative}
#nominals .mk-sh-closed{font-size:24px!important;position:absolute;z-index:1;top:50%;right:6px;display:block!important;width:40px;height:40px;min-height:unset;padding:0!important;transform:translateY(-50%)}
#nominals .mk-sh-closed:hover,#nominal .mk-sh-closed:active,#nominal .mk-sh-closed:focus{box-shadow:unset!important}
#nominals .mk-sh-closed md-icon{padding:0 8px}
#nominals .mk-sh-closed md-icon:nth-child(2){display:none}
#nominals .mk-sh-closed.show md-icon:nth-child(1){display:none}
#nominals .mk-sh-closed.show md-icon:nth-child(2){display:inline-block}
#nominals input{position:relative;z-index:1;margin-bottom:20px}
#nominals .mk-nominal{margin-top:8px}
#nominals .mk-nominal ul{position:relative;display:flex;margin:0 -8px -8px;padding:0 0 16px;list-style:none;justify-content:left;flex-wrap:wrap}
#nominals .mk-nominal ul::after{position:absolute;right:8px;bottom:0;left:8px;display:block;clear:both;content:' ';border-bottom:1px dashed #cfd8dc}
#nominals .mk-nominal ul li{position:relative;z-index:1;float:left;width:100%;margin:0!important;padding:8px}
#nominals .mk-nominal ul li:before{display:none}
#nominals .mk-nominal ul li .btn{font-size:14px;font-weight:500;line-height:1.2;position:relative;width:100%;height:100%;padding:0;padding:12px;transition:.25s ease;text-align:left;white-space:normal;color:#272727;border-radius:6px;outline:0;background-color:#fbfbfb;box-shadow:0 0 0 1px inset #cfd8dc}
#nominals .mk-nominal ul li .btn:hover{background-color:#fff}
#nominals .mk-nominal ul li .btn > span{font-size:14px;display:block;padding-top:8px;padding-right:12px;opacity:.7}
#nominals .mk-nominal ul li .btn:before{font-family:'Material Design Icons';font-size:24px;position:absolute;top:unset;right:-5px;bottom:-5px;width:29px;height:28px;padding:0 3px;transition:.2s ease;transform:scale(0);text-align:center;text-decoration:inherit;opacity:0;border-radius:50%;background-color:#fff}
#nominals .mk-nominal ul li .btn.selected{transition:.2s ease;background-color:#fff}
#nominals .mk-nominal ul li .btn.selected:before{content:'\F05E1';transform:scale(1);opacity:1}
#nominals .mk-nominal ul li .btn:disabled{cursor:not-allowed;pointer-events:none;opacity:1;color:#bbb;background-color:#fff}
#nominals .mk-nominal ul li .btn:disabled:hover{border-color:#cfd8dc!important}
#nominals .mk-nominal ul li .btn:active{box-shadow:0 0 0 1px inset #cfd8dc!important}

#nominal{position:relative;margin:0 auto!important;padding:16px 0 0}
#nominal .searchquick{position:relative}
#nominal .mk-sh-closed{font-size:24px!important;position:absolute;z-index:1;top:50%;right:6px;display:block!important;width:40px;height:40px;min-height:unset;padding:0!important;transform:translateY(-50%)}
#nominal .mk-sh-closed:hover,#nominal .mk-sh-closed:active,#nominal .mk-sh-closed:focus{box-shadow:unset!important}
#nominal .mk-sh-closed md-icon{padding:0 8px}
#nominal .mk-sh-closed md-icon:nth-child(2){display:none}
#nominal .mk-sh-closed.show md-icon:nth-child(1){display:none}
#nominal .mk-sh-closed.show md-icon:nth-child(2){display:inline-block}
#nominal input{position:relative;z-index:1;margin-bottom:20px}
#nominal .mk-nominal{margin-top:8px}
#nominal .mk-nominal ul{position:relative;display:flex;margin:0 -8px -8px;padding:0 0 16px;list-style:none;justify-content:left;flex-wrap:wrap}
#nominal .mk-nominal ul::after{position:absolute;right:8px;bottom:0;left:8px;display:block;clear:both;content:' ';border-bottom:1px dashed #cfd8dc}
#nominal .mk-nominal ul li{position:relative;z-index:1;float:left;width:50%;margin:0!important;padding:8px}
#nominal .mk-nominal ul li:before{display:none}
#nominal .mk-nominal ul li .btn{font-size:14px;font-weight:500;line-height:1.2;position:relative;width:100%;height:100%;padding:0;padding:12px;transition:.25s ease;text-align:left;white-space:normal;color:#272727;border-radius:6px;outline:0;background-color:#fbfbfb;box-shadow:0 0 0 1px inset #cfd8dc}
#nominal .mk-nominal ul li .btn:hover{background-color:#fff}
#nominal .mk-nominal ul li .btn > span{font-size:14px;display:block;padding-top:8px;padding-right:12px;opacity:.7}
#nominal .mk-nominal ul li .btn:before{font-family:'Material Design Icons';font-size:24px;position:absolute;top:unset;right:-5px;bottom:-5px;width:29px;height:28px;padding:0 3px;transition:.2s ease;transform:scale(0);text-align:center;text-decoration:inherit;opacity:0;border-radius:50%;background-color:#fff}
#nominal .mk-nominal ul li .btn.selected{transition:.2s ease;background-color:#fff}
#nominal .mk-nominal ul li .btn.selected:before{content:'\F05E1';transform:scale(1);opacity:1}
#nominal .mk-nominal ul li .btn:disabled{cursor:not-allowed;pointer-events:none;opacity:1;color:#bbb;background-color:#fff}
#nominal .mk-nominal ul li .btn:disabled:hover{border-color:#cfd8dc!important}
#nominal .mk-nominal ul li .btn:active{box-shadow:0 0 0 1px inset #cfd8dc!important}
#operator_selected{font:18px;font-weight:bold;line-height:32px;position:absolute;z-index:0;top:50%;right:9px;bottom:0;width:48px;height:32px;padding:0 4px 0 8px;transform:translateY(-50%);text-align:center;border:1px solid #ccc;display:none}
#operator_selected::before{position:absolute;top:-2px;left:-6px;display:block;width:14px;height:8px;content:' ';transform:rotate(-50deg);border-bottom:1px solid #ccc;background-color:#fff}
#operator_selected img{position:relative;top:-1px;max-height:18px}
#mk-produk-list-active{position:relative;min-height:54px}
#mk-produk-list-active::before{font-size:13px;font-style:italic;position:absolute;display:block;width:192px;padding:16px 12px 0 10px;content:'tidak ada produk ditemukan';opacity:.65}
#produk-yang-disable-disini{position:relative;display:none!important;min-height:72px;margin-bottom:8px!important;padding:0 0 8px!important;border-bottom:0}
#produk-yang-disable-disini.show{display:flex!important}
#produk-yang-disable-disini li .btn:before{content:'\F015A';transform:scale(1)!important;opacity:1!important}
#produk-yang-disable-disini li{margin-top:0!important}
#produk-yang-disable-disini::before{font-size:13px;font-style:italic;position:absolute;display:block;width:192px;padding:16px 0 0 10px;content:'tidak ada produk kosong/gangguan ditemukan';opacity:.65}
.mk-produk-select-hp{display:none}
.mk-produk-select-hp.show{display:none!important}

/* Keterangan & Harga */
.mk-detail-produk{position:relative;display:none;padding:22px 0;text-align:left;border-bottom:1px dashed #cfd8dc;border-radius:5px}
.mk-detail-produk.show{display:block}
.mk-detail-produk b{font-size:14px;font-weight:bold;display:block;margin-bottom:10px;text-decoration:none}
#keterangan{float:left;width:55%;padding-right:25px}
#keterangan ul{margin-bottom:16px!important;padding:0 0 0 6px!important;list-style:none}
#keterangan .mk-produk-dipilihnom{margin-bottom:16px!important}
#keterangan .mk-produk-dipilihnom ul{margin-bottom:0!important}
#keterangan div{padding:0!important;color:unset!important}
#keterangan ul li:first-child{margin-top:0}
#keterangan ul:last-child{margin-bottom:0!important}
#harga{float:right;width:45%}
#harga h2{font-size:20px;font-weight:500;display:inline-block;margin-top:-1px}
#harga i{position:relative;display:block;max-width:240px;padding-left:8px}
#harga i span{font-style:normal;position:absolute;left:0}

/* Pembayaran */
.mk-metode-bayar{margin-top:-80px;padding-top:80px}
.mk-metode-bayar h5{padding-top:24px;padding-bottom:12px}
.mk-bayar{position:relative;margin-top:40px;padding:16px 0;text-align:center}
.mk-bayar hr{margin:0}
.mk-bayar a:hover{text-decoration:underline}
.mk-bayar button{position:relative;z-index:2;display:block;margin:auto;margin-top:24px}
.mk-bayar p{position:relative;z-index:2;max-width:520px;margin:-4px auto;margin-bottom:0!important;padding:0 24px}
.mk-bayar p a{border-bottom:1px solid}
.mk-bayar p a:hover{text-decoration:unset!important}
.mk-bayar .mdi{position:absolute;z-index:999;top:50%;left:50%;width:52px;height:52px;transform:translate(-50%,-50%);color:#fff}
.mk-captcha{position:relative;padding:0}
.mk-captcha span{position:absolute;top:50%;right:8px;transform:translateY(-50%)!important}
.mk-captcha img{height:32px}
/* input{display:block;margin:2em auto;border:none;padding:0;width:10.5ch;background:repeating-linear-gradient(90deg,dimgrey 0,dimgrey 1ch,transparent 0,transparent 1.5ch) 0 100%/ 10ch 2px no-repeat;font:5ch droid sans mono,consolas,monospace;letter-spacing:0.5ch}
input:focus{outline:none;color:dodgerblue} */

/* Flatline UI */
.mk-section-title{position:relative;margin-bottom:24px;border-bottom:1px dashed #cfd8dc}
.mk-section-title::after{display:block;clear:both;content:' '}
.mk-section-title.remove1::before{display:none}
.mk-section-title::after{display:block;clear:both;content:' '}
.mk-section-title h4{font-size:16px;float:left;margin-bottom:-1px;padding-bottom:20px;border-bottom:1px solid}
.mk-section-title md-icon{font-size:24px;line-height:1;position:absolute;top:-3px;right:0;height:24px}
.mk-ket-status{list-style:none}
.mk-ket-status li{position:relative;margin-top:10px!important;padding-top:10px;padding-left:46px!important;border-top:1px dashed #cfd8dc}
.mk-ket-status li:nth-child(1){margin-top:0!important;padding-top:0;border-top:0}
.mk-ket-status li::before{display:none}
.mk-ket-status li span{position:absolute;left:0;width:32px}
.mk-arigatou-header,.mk-arigatou-footer{display:none}

/* Page */
.mk-page-container{position:relative;z-index:0}
.mk-page-container img{border-radius:6px}
.mk-page-container hr{margin:24px 0;border-color:#cfd8dc}
.mk-page-banner{overflow:hidden;height:280px;margin-bottom:24px;border-radius:6px}
.mk-page-banner img{width:100%;height:100%;object-fit:cover;object-position:center}
.mk-page-content img{margin:16px 0}
.mk-page-content.limitz{max-width:860px;margin:auto}
.mk-page-content .mk-page-title{margin-bottom:20px;padding-bottom:20px;border-bottom:2px solid #cfd8dc}
.mk-gmaps{overflow:hidden;height:320px;margin-top:24px;border-radius:6px}
.mk-gmaps iframe{height:100%;margin:0;padding:0}
.mk-bread-right{line-height:48px;position:absolute;top:56px;right:40px;min-width:48px;height:48px}

/* FAQ */
.faq-toc{padding:22px 32px 0}
.faq-toc li{margin-top:2px}
.faq-list h4{font-size:18px;margin-bottom:4px}
.faq-list{margin:24px 0 0!important;padding:8px 0 0!important;list-style:none!important;border-top:1px solid #cfd8dc}
.faq-list p{margin-top:8px;margin-bottom:0}
.faq-list li{position:relative;margin-top:-72px!important;padding-top:93px!important;padding-left:40px;counter-increment:item}
.faq-list li ul,.faq-list li ol{padding:0 32px}
.faq-list li li{margin-top:0!important;padding:0!important}
.faq-icon{display:table-cell;padding-right:1.25em;vertical-align:top}
.faq-text{display:table-cell;vertical-align:top}
.faq-number{font-size:18px;font-weight:bold;line-height:40px;position:absolute;top:-10px;left:0;display:block;width:40px;height:40px;margin-top:100px!important;content:counter(item);text-align:center;color:#fff;border-radius:16px}

/* TOS */
.mk-tos-list h3{font-size:18px;margin-top:20px}
.mk-tos-list ol{padding:4px 0 0;list-style:none}
.mk-tos-list ol li{position:relative;margin-top:4px;padding-left:28px;counter-increment:item}
.mk-tos-list ol li:before{position:absolute;left:2px;width:20px;content:counter(item)}

/* Custom 1 - Box Badge */
.mk-custom-table table{display:block}
.mk-custom-table table tbody{display:block}
.mk-custom-table table tr{position:relative;display:block!important;margin-top:6px;padding:12px 0;transition:.25s ease;border:1px solid #cfd8dc;border-radius:6px;background-color:#fff}
.mk-custom-table table tr:hover{background-color:#fff}
.mk-custom-table table tr::after{display:block;clear:both;content:' '}
.mk-custom-table table tr::before{content:'\F0142';font-family:'Material Design Icons';font-size:24px;position:absolute;right:8px;top:50%;transform:translateY(-50%)}
.mk-custom-table table tr td{display:block;float:left;padding:0}
.mk-custom-table table tr td:nth-child(1){position:absolute;top:50%;left:12px;transform:translateY(-50%)}
.mk-custom-table table tr td .badge,.mk-custom-table table tr td .label{font-size:12px!important;font-weight:bold!important;display:block!important;width:32px!important;height:24px!important;padding:5px 0!important;border-radius:6px!important;background-color:#fff!important}
.mk-custom-table table tr td .badge,.mk-custom-table table tr td .label{color:#90a4ae!important;border:1px solid #90a4ae!important}
.mk-custom-table table tr td .badge.badge-info,.mk-custom-table table tr td .label.label-info{color:#42a5f5!important;border:1px solid #42a5f5!important}
.mk-custom-table table tr td .badge.badge-warning,.mk-custom-table table tr td .label.label-warning{color:#ffab40!important;border:1px solid #ffab40!important}
.mk-custom-table table tr td .badge.badge-danger,.mk-custom-table table tr td .label.label-danger{color:#ff1744!important;border:1px solid #ff1744!important}
.mk-custom-table table tr td .badge.badge-inverse,.mk-custom-table table tr td .label.label-inverse{color:#333!important;border:1px solid #333!important}
.mk-custom-table table tr td .badge.badge-success,.mk-custom-table table tr td .label.label-success{color:#2ecc71!important;border:1px solid #2ecc71!important}
.mk-custom-table table tr td span{position:relative;display:inline-block;padding:2px 0;word-wrap:break-word}
.mk-custom-table table tr td span.block{display:block;word-wrap:break-word}
.mk-custom-table table tr td:nth-child(2){width:65%;padding:0 12px 0 56px}
.mk-custom-table table tr td:nth-child(2) u{display:inline-block;width:16px;text-align:center;text-decoration:unset}
.mk-custom-table table tr td:nth-child(3){position:absolute;top:12px;left:65%;width:35%;padding-right:12px}
.mk-custom-table table tr td:nth-child(3) span{display:block}
.mk-custom-table table tr td md-icon{font-size:20px;position:absolute;top:0;left:0;display:none}
.mk-custom-table table tr .href-action{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:6px;background-color:transparent}
.mk-custom-table.table-checkbox table tr td:nth-child(1){top:9px;right:unset;left:11px;width:20px;height:20px;transform:unset}
.mk-custom-table.table-checkbox table tr td:nth-child(1) .checkbox{top:-8px}
.mk-custom-table.table-checkbox table tr td:nth-child(1) md-icon{font-size:20px;top:10px}
.mk-custom-table.table-checkbox table tr td:nth-child(2){padding-left:40px}
.mk-custom-table.table-checkbox table tr td:nth-child(4){position:absolute;top:50%;right:12px;transform:translateY(-50%)}
.mk-custom-table.table-checkbox table tr td .badge{position:relative;top:-1px;margin-left:4px!important}
.mk-custom-table.table-checkbox table tr .href-action{left:42px;border-radius:0 6px 6px 0}
.mk-custom-table.mk-harga-list table tr td:nth-child(2){width:60%}
.mk-custom-table.mk-harga-list table tr td:nth-child(3){left:60%}
.mk-custom-table.mk-harga-list table tr td span{padding-left:60px}
.mk-custom-table.mk-harga-list table tr td i{font-style:normal;position:absolute;left:0;display:block;width:57px}
.mk-custom-table.mk-harga-list table tr td i::after{position:absolute;right:0;content:':'}
.mk-custom-table.produk-riwayat table tr td:nth-child(n+2) span:nth-child(1){display:inline}
.mk-custom-table.produk-riwayat table tr td u{display:inline-block;width:24px}

/* Custom 2 - Standard - Box Mobile */
.mk-custom-table2 table tr{border-top:1px dashed #cfd8dc;transition:.25s ease}
.mk-custom-table2 table tr:nth-child(1){font-weight:500;border-top:0}
.mk-custom-table2 table tr:nth-child(2){border-top:1px solid #cfd8dc}
.mk-custom-table2 table tr td{padding-top:12px;padding-bottom:10px;border-top:0;line-height:1.2}
.mk-custom-table2 table tr td a{border-bottom:1px solid}
.mk-custom-table2 table tr:last-child td{padding-bottom:0}
.mk-custom-table2 table tr:nth-child(1) td{padding-top:0}
.mk-custom-table2 table tr td:nth-child(1){padding-left:0}
.mk-custom-table2 table tr td u{text-decoration:none}
.mk-custom-table2.last-stat table tr td:last-child{width:40px;padding-right:0!important;padding-left:0!important;text-align:center}
.mk-custom-table2 table tr td md-icon{display:none}
.mk-custom-table2.mob-icon table tr td md-icon{font-size:20px;position:absolute;top:2px;left:0;display:none}
.mk-custom-table2.mob-text table tr td u{position:absolute;left:0;display:none}
.mk-custom-table2.width3 table tr td{width:33.3333333%}
.mk-custom-table2.width4 table tr td{width:25%}
.mk-custom-table2.table-checkbox2 table tr td:nth-child(1){width:28px!important}
.mk-custom-table2.table-checkbox2 table tr .checkbox{position:absolute!important;top:0!important}
.mk-custom-table2.table-checkbox2 table tr:nth-child(1) .checkbox{top:-11px!important}

/* Custom 3 - Box */
.mk-custom-table3 table{display:block}
.mk-custom-table3 table tbody{display:block}
.mk-custom-table3 table tr{position:relative;display:block!important;margin-top:6px;padding:12px 0;transition:.25s ease;border:1px solid #cfd8dc;border-radius:6px;background-color:#fff}
.mk-custom-table3 table tr:hover{background-color:#fff}
.mk-custom-table3 table tr::after{display:block;clear:both;content:' '}
.mk-custom-table3 table tr td{display:block;float:left;padding:0 12px;border:0}
.mk-custom-table3 table tr td b{display:block;margin-bottom:2px}
.mk-custom-table3 table tr td a{border-bottom:1px solid}
.mk-custom-table3 table tr td u{display:inline-block;width:80px;text-decoration:unset}

/* History */
.mk-transaksi-view{position:relative;max-width:640px;margin:auto}
.mk-transaksi-view hr{border-style:dashed;display:none}
.mk-transaksi-view .panel-footer{border:0}
.mk-transaksi-detail table{position:relative;display:block;margin-bottom:20px;padding:14px 0;border-bottom:1px dashed #cfd8dc;border-top:1px dashed #cfd8dc}
.mk-transaksi-detail table::after{position:absolute;top:20px;bottom:20px;left:40%;display:block;content:' ';border-left:1px dashed #cfd8dc}
.mk-transaksi-detail table tbody{display:block}
.mk-transaksi-detail table tr{position:relative;display:block;margin:0;padding-left:0}
.mk-transaksi-detail table tr::after{display:block;clear:both;content:' '}
.mk-transaksi-detail table tr td{display:block;padding:6px 0;min-height:30px;float:left}
.mk-transaksi-detail table tr td:nth-child(1){position:relative;width:40%;padding-right:24px}
.mk-transaksi-detail table tr td:nth-child(2){width:calc(100% - 40%);padding-left:24px}
.mk-transaksi-detail-akun td textarea{font-size:unset;width:100%;height:20px;min-height:unset;margin-bottom:-1px!important;padding:0!important;resize:none;border:1px dashed #cfd8dc;border-radius:5px}
.mk-transaksi-detail-akun td textarea ~ span{font-size:12px;font-style:italic}
.mk-transaksi-status{position:relative;margin-bottom:24px}
.mk-transaksi-status .panel-heading{display:none}
.mk-transaksi-status .panel-body,.mk-transaksi-status .panel-footer{margin:0;padding:0;background-color:unset}
.mk-transaksi-status .img-thumbnail{width:90px;height:50px;border-radius:6px}
.mk-transaksi-status .panel-footer{margin-top:20px}
.mk-transaksi-status ul{padding:0!important;padding-top:16px!important;border-top:1px dashed #cfd8dc}
.mk-transaksi-status table{position:relative;display:block;margin-top:20px;padding:14px 0;border-top:1px dashed #cfd8dc}
.mk-transaksi-status table::after{position:absolute;top:20px;bottom:20px;left:40%;display:block;content:' ';border-left:1px dashed #cfd8dc}
.mk-transaksi-status table tbody{display:block}
.mk-transaksi-status table tr{position:relative;display:block;padding:0;padding-left:0}
.mk-transaksi-status table tr::after{display:block;clear:both;content:' '}
.mk-transaksi-status table tr td{display:block;padding:6px 0;min-height:30px;float:left}
.mk-transaksi-status table tr td:nth-child(1){position:relative;left:0;width:40%;padding-right:24px}
.mk-transaksi-status table tr td:nth-child(2){width:calc(100% - 40%);padding-left:24px}

/* Testimonial */
.mk-testimonial form textarea.form-control{height:80px!important;resize:unset}
.mk-fn-testimonial{position:relative;padding-right:92px;margin-top:12px;}
.mk-fn-testimonial::after{display:block;clear:both;content:' '}
.mk-fn-testimonial .btn{font-size:14px;line-height:27px;float:right;height:28px;margin-right:-92px;padding:0 20px;border-radius:20px;border:1px solid;opacity:1}
.mk-fn-testimonial .form-control,.mk-fn-testimonial .form-control:disabled{font-size:14px;float:left;width:150px;height:28px;margin-right:6px;margin-bottom:6px;padding:0 8px;transition:.25s ease;color:#888;color:#333;border:0;border-radius:4px!important;background:transparent;background:rgba(0,0,0,.075);box-shadow:unset}
.mk-fn-testimonial input:focus,.mk-fn-testimonial input:disabled:focus{background-color:#fff}
.mk-fn-testimonial input:read-only{background:rgba(0,0,0,.075)}
.mk-fn-testimonial span{display:block;float:left;overflow:hidden;height:28px;margin-right:6px}
.mk-fn-testimonial span #captcha{float:left;width:77px;text-align:center;border-top-left-radius:0!important;border-bottom-left-radius:0!important}
.mk-fn-testimonial span img{float:left;width:auto;height:28px;background:#fff;border:1px solid #ececec;;border-radius:4px 0 0 4px;}
.mk-fn-testimonial .btn:disabled{cursor:not-allowed;opacity:1;color:#444!important;background-color:#fff!important;border:1px solid #aaa;opacity:.5;}
.mk-fn-testimonial .btn:disabled:hover{box-shadow:unset}
.mk-testimonial-list{margin:0}
.mk-testimonial-list.list-group{margin-top:-16px!important;margin-bottom:0}
.mk-testimonial-list .list-group-item{position:relative;overflow:hidden;padding:16px 0!important;margin:0!important;border:0;border-top:1px solid #cfd8dc;border-radius:8px;background-color:transparent}
.mk-testimonial-list .list-group-item:last-child{padding-bottom:4px!important}
.mk-testimonial-list .list-group-item:nth-child(1){border-top:0}
.mk-testimonial-list .list-group-item .list-group-item-text{padding-left:48px}
.mk-testimonial-list .list-group-item .list-group-item-text p{margin:4px 0;}
.mk-testimonial-list .list-group-item .fa-clock-o{display:none}
.mk-testimonial-list .list-group-item .fa-user,.mk-testimonial-list .list-group-item .fa-user-secret{font-size:24px;text-align:center;color:rgba(0,0,0,.6);position:absolute;line-height:36px;left:0;display:block;border:1px solid #cfd8dc;width:36px;height:36px;border-radius:12px;}

/* Produk Index */
.mk-produk-grid{position:relative}
.mk-produk-grid::after{content:' ';display:block;clear:both}
.box-product-outer{margin:-8px -6px}
.box-product{float:left;width:25%;padding:8px 6px}
.box-product .img-wrapper{position:relative}
.box-product img{width:100%;border-radius:6px}
.box-product .tags{position:absolute;bottom:6px;left:6px;right:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;border-radius:5px}
.box-product .title-wrapper{font-weight:500;line-height:1.1;height:62px;overflow:hidden;margin:12px 0}
.box-product .price{border-top:1px dashed #cfd8dc;padding-top:12px;font-size:12px}
.box-product .rating{font-size:12px}

/* Produk view */
.mk-produk-detail{margin:0 -16px;padding-bottom:144px}
.mk-produk-detail #content-left{float:left;width:50%;padding:0 16px}
.mk-produk-detail #content-left img{border-radius:6px}
.mk-produk-detail #content-right{float:right;width:50%;padding:0 16px}
.mk-produk-detail #content-right ul li{margin-top:2px}
.mk-produk-detail #content-right ul li:nth-child(1){margin-top:0}
.mk-produk-detail #content-right h3{font-weight:bold;margin-bottom:6px}
.mk-produk-detail #content-right form{margin-top:20px}
.mk-produk-detail #content-right #captcha{margin-top:-6px}
.mk-produk-detail #images{margin:-8px -4px 0}
.mk-produk-detail #images .col-xs-3{padding-left:4px;padding-right:4px;padding-top:8px}
.mk-produk-detail-place-order{position:absolute;right:0;bottom:0;left:0;text-align:center;border-top:1px dashed #cfd8dc}
.dnone{position:absolute;z-index:0;top:-100px;opacity:0}
.mk-ads-apk-img{background-color:#888;border-radius:50px}

/* ----------------------------- */
@media (max-width:860px){
  body{font-size:12px;padding-bottom:60px!important}
  .padding-m{padding:20px}
  .padding-l{padding:20px}
  .padding-xl{padding:20px}
  .padding-vm{padding-top:20px;padding-bottom:20px}
  .padding-vl{padding-top:20px;padding-bottom:20px}
  .padding-vxl{padding-top:20px;padding-bottom:20px}
  .padding-hm{padding-right:20px;padding-left:20px}
  .padding-hl{padding-right:20px;padding-left:20px}
  .padding-hxl{padding-right:20px;padding-left:20px}
  .mk-show-mobile2{display:block!important}
  .mk-hide-mobile{display:none!important}
  .mk-second-nav{position:absolute;right:20px;list-style:none}
  .mk-navbar .mk-nav-pop{position:fixed;z-index:9999;right:0;bottom:0;left:0;height:300px;transform:unset;background-color:#000;box-shadow:0 -2px 16px 0 rgba(0,0,0,.075);display:block!important}
  .mk-navbar .mk-nav{position:fixed;z-index:999;right:0;bottom:0;left:0;height:60px;transform:unset;background-color:#fff;box-shadow:0 -2px 16px 0 rgba(0,0,0,.075)}
  .mk-navbar .mk-nav .mk-show-mobile{display:block!important}
  .mk-navbar .mk-nav ul{max-width:624px;margin:auto;padding:0 12px;list-style:none}
  .mk-navbar .mk-nav ul li{float:left;width:20%;padding:0;text-align:center}
  .mk-navbar .mk-nav ul li:nth-child(3){display:none}
  .mk-navbar .mk-nav ul li:nth-child(4){display:block}
  .mk-navbar .mk-nav ul li:nth-child(6){display:none}
  .mk-navbar .mk-nav ul li a{font-size:10px;height:auto;height:60px;padding:11px 0;font-weight:normal!important}
  .mk-navbar .mk-nav ul li a md-icon{font-size:24px;height:24px;top:0;margin-bottom:2px}
  .mk-navbar .mk-nav ul li a.active{font-weight:normal}
  .mk-navbar .mk-nav ul li a.active::after{display:none}
  #mk-produk-tab-awal li a,#mk-produk-tab li a{font-size:12px}
  .mk-footer .mk-footer-sitelink{padding:10px 0}
  .mk-footer .mk-footer-sitelink a{display:block!important;padding:6px 0}
  #mk-produk-tab li:nth-child(3){display:block}
  #mk-produk-tab-awal li,#mk-produk-tab li{width:33.333333333333%}
  #mk-produk-tab-awal.tiga li:nth-child(3){display:none}
  .mk-grid-tabs ul{margin:0 -10px!important}
  #mk-produk-tab-awal li{padding:0 10px!important}
  .mk-grid-tabs ul li{padding:20px 10px 0!important}
  .mk-more-produk,.mk-more-produk.show{display:none!important}
  .mk-more-produk.satu.show{display:block!important}
  .mk-form-order .panel{padding:24px}
  .mk-form-order .tab-pane h3{padding:8px 0 32px}
  .mk-breadcrumb{padding:0 20px}
  .mk-breadcrumb h5{font-size:12px}
  .mk-breadcrumb li h5:before{padding-top:2px}
  .mk-breadcrumb .mk-add-button{top:-10px;right:-30px}
  .mk-produk-detail{margin:0 -16px;padding-bottom:92px}
  .mk-produk-detail #content-left{float:none;width:auto;max-width:300px;margin:auto;margin-bottom:20px}
  .mk-produk-detail #content-left img{border-radius:6px}
  .mk-produk-detail #content-right{float:none;width:auto;padding:0 16px;padding-top:20px;border-top:1px dashed #cfd8dc}
  .mk-produk-detail #content-right ul li{margin-top:2px}
  .mk-produk-detail #content-right ul li:nth-child(1){margin-top:0}
  .mk-produk-detail #content-right h3{font-size:16px}
  .mk-produk-detail #content-right h4{font-size:16px}
  .mk-produk-detail #content-right form{margin-top:20px}
  .mk-produk-detail #content-right #captcha{margin-top:-6px}
  .mk-produk-detail-place-order{right:20px;left:20px;padding:20px 0}
  .mk-bayar p{padding:0;padding-bottom:0}
  .mk-bayar{margin:0;padding:0;padding-top:24px}
  .mk-ket-status{margin-bottom:24px}
  .mk-section-title h4{font-size:12px;padding-bottom:16px}
  .mk-section-title md-icon{font-size:20px}
  .mk-testimonial form textarea.form-control{height:120px!important}
  .mk-harga-list{position:relative}
  .mk-harga-list .banner-overlay{height:80px}
  .mk-harga-left{float:none;width:auto;padding-top:4px;padding-right:0;padding-bottom:0}
  .mk-harga-left .mk-heading > h5{font-size:12px}
  .mk-harga-left .mk-heading > h5::before{content:'Tampilkan '}
  .mk-harga-left .mk-heading > h5::after{font-family:'Material Design Icons';font-size:24px;position:absolute;margin:-8px 0 0 4px;content:'\F0140'}
  .mk-harga-right{float:none;width:auto}
  .mk-harga-right .breadcrumb{display:none}
  .mk-content-item{display:none!important;margin-bottom:20px}
  #pbsearchproduk1{display:none!important}
  #pbsearchproduk1.show,.mk-content-item.show{display:block!important}
  .mk-tab-link li a{font-size:12px}
  .box-product{width:33.33333333333%}
  .mk-custom-table table tr{font-size:12px;padding:10px 0;padding-right:40px}
  .mk-custom-table table tr::before{display:none}
  .mk-custom-table table tr td:nth-child(1){right:12px;left:unset}
  .mk-custom-table table tr td:nth-child(2){width:100%;padding-left:12px}
  .mk-custom-table table tr td span{display:block;padding:2px 0;padding-left:24px}
  .mk-custom-table table tr td u,.mk-custom-table table tr td br{display:none!important}
  .mk-custom-table table tr td md-icon{font-size:16px;display:block}
  .mk-custom-table table tr td:nth-child(3){position:relative;top:unset;left:unset;width:100%;padding:0 12px;transform:unset}
  .mk-custom-table.table-checkbox table tr td:nth-child(1){top:6px;left:8px}
  .mk-custom-table.table-checkbox table tr td:nth-child(2){padding-left:36px}
  .mk-custom-table.table-checkbox table tr td:nth-child(3){padding-left:36px}
  .mk-custom-table.mk-harga-list table tr td:nth-child(2){width:unset}
  .mk-custom-table.mk-harga-list table tr td:nth-child(3){left:0}
  .mk-custom-table2 table{margin:0}
  .mk-custom-table2 table tr{position:relative;display:block;margin-top:6px;padding:9px 12px;border:1px solid #cfd8dc;border-radius:6px}
  .mk-custom-table2 table tr:nth-child(1){display:none}
  .mk-custom-table2 table tr:nth-child(2){margin-top:0}
  .mk-custom-table2 table tr td{position:relative;display:block;padding:3px 0!important}
  .mk-custom-table2 table tr td a{font-weight:bold;display:inline;border-bottom:unset}
  .mk-custom-table2.last-stat table tr td:last-child{position:absolute;top:50%;right:12px;transform:translateY(-50%)}
  .mk-custom-table2.mob-text table tr td{padding-left:92px!important}
  .mk-custom-table2.mob-text table tr td u{position:absolute;left:0;display:block;width:89px}
  .mk-custom-table2.mob-text table tr td u::after{position:absolute;right:0;content:':'}
  .mk-custom-table2.mob-icon table tr td{padding-left:24px!important}
  .mk-custom-table2.mob-icon table tr td md-icon{font-size:16px;display:block;top:1px}
  .mk-custom-table2.width3 table tr td{width:unset}
  .mk-custom-table2.width4 table tr td{width:unset}
  .mk-custom-table2.table-checkbox2 table tr{padding-top:7px}
  .mk-custom-table2.table-checkbox2 table tr td{padding-left:56px!important;width:100%!important}
  .mk-custom-table2.table-checkbox2 table tr td md-icon{left:32px}
  .mk-custom-table2.table-checkbox2 table tr .checkbox{position:absolute!important;top:-4px!important;left:0;z-index:1}
  .mk-custom-table3 table tr td u{width:71px}
  .progress{position:fixed;top:0;left:0;z-index:9999;height:0;display:block;width:100%;border-radius:0;background-color:transparent;overflow:hidden;opacity:1;visibility:hidden;transition:.15s ease;}
  .progress.mk-linebar.show{opacity:1;visibility:visible;height:3px!important;}
  .progress.show .indeterminate:before{content:'';position:absolute;background-color:inherit;top:0;left:0;bottom:0;will-change:left,right;-webkit-animation:indeterminate 2s cubic-bezier(0.65,0.815,0.735,0.395) infinite;animation:indeterminate 2s cubic-bezier(0.65,0.815,0.735,0.395) infinite}
  .progress.show .indeterminate:after{content:'';position:absolute;background-color:inherit;top:0;left:0;bottom:0;will-change:left,right;-webkit-animation:indeterminate-short 2s cubic-bezier(0.165,0.84,0.44,1) infinite;animation:indeterminate-short 2s cubic-bezier(0.165,0.84,0.44,1) infinite;-webkit-animation-delay:1.15s;animation-delay:1.15s}
  @-webkit-keyframes indeterminate{
    0%{left:-35%;right:100%}
    65%{left:100%;right:-90%}
    100%{left:100%;right:-90%}
  }
  @keyframes indeterminate{
    0%{left:-35%;right:100%}
    65%{left:100%;right:-90%}
    100%{left:100%;right:-90%}
  }
  @-webkit-keyframes indeterminate-short{
    0%{left:-200%;right:100%}
    60%{left:100%;right:-15%}
    100%{left:100%;right:-15%}
  }
  @keyframes indeterminate-short{
    0%{left:-200%;right:100%}
    60%{left:100%;right:-15%}
    100%{left:100%;right:-15%}
  }
}
@media (max-width:640px){
  .mk-container{padding-top:20px}
  .mk-container .breadcrumb{margin-bottom:18px}
  .banner-overlay{height:108px}
  .mk-show-mobile{display:block!important}
  .padding-vxl{padding-top:20px;padding-bottom:20px}
  .mk-navbar .mk-brand .open-side-menu{position:absolute;left:-15px;width:48px;height:48px;cursor:pointer}
  .mk-navbar .mk-brand .open-side-menu::after{position:absolute;top:0;right:0;bottom:0;left:0}
  .mk-navbar .mk-brand .open-side-menus{position:absolute;left:-15px;width:48px;height:48px;cursor:pointer}
  .mk-navbar .mk-brand .open-side-menus::after{position:absolute;top:0;right:0;bottom:0;left:0}
  .mk-navbar .mk-brand h4{margin-left:38px}
  .mk-navbar .mk-brand h4 a{padding-left:0}
  .mk-navbar .mk-brand h4 a md-icon{display:none}
  .mk-navbar .mk-nav .mobile-akun-info-overlay{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;display:block;visibility:hidden;content:' ';transition:.35s cubic-bezier(.58,.01,.04,.98);opacity:0;background-color:rgba(0,0,0,.75)}
  .mk-navbar .mk-nav .mobile-akun-info-overlay.show{visibility:visible;opacity:1}
  .mk-navbar .mk-nav ul li:nth-child(4){display:none}
  .mk-navbar .mk-nav ul li:nth-child(6){position:relative;z-index:2;display:block}
  .mk-navbar .mk-nav ul li:nth-child(6) a{border-radius:12px;background-color:#fff}
  .mk-second-nav li:nth-child(2){padding:0}
  .mk-second-nav li:nth-child(2) .dropdown-trigger{display:none}
  .mk-second-nav li:nth-child(2) ul{position:fixed;z-index:8;top:unset;right:-38px;bottom:72px;visibility:hidden;min-width:280px;margin-top:unset;list-style:none;opacity:0;border-top:unset;border-radius:12px;box-shadow:0 4px 25px -2px rgba(0,0,0,.1)}
  .mk-second-nav li:nth-child(2) ul.open{right:12px;visibility:visible;opacity:1}
  .mk-second-nav li:nth-child(2) ul li:nth-child(3){display:block;margin:0}
  .dimmer-navbar{position:fixed;z-index:6;top:0;right:0;bottom:60px;left:0;visibility:hidden;transition:.35s cubic-bezier(.58,.01,.04,.98);opacity:0;background-color:rgba(0,0,0,.75)}
  .dimmer-navbar.show{visibility:visible;opacity:1}
  .form-order-overlay{display:none}
  .mk-grid-tabs{position:relative;padding:0;background-color:#fff}
  .mk-grid-tabs .banner-overlay{display:none}
  .mk-grid-tabs ul.left2{justify-content:left}
  .mk-grid-tabs ul li.active a b,.mk-grid-tabs ul li.active a:hover b{font-weight:400;color:#333}
  .mk-grid-tabs ul li.active md-icon,.mk-grid-tabs ul li.active a,.mk-grid-tabs ul li.active a:hover{color:#333}
  .mk-grid-produk-home{margin-bottom:0;padding:20px 0;box-shadow:0 4px 10px -2px rgba(0,0,0,.06)}
  .mk-grid-tabs ul li.disabled:after{top:48px!important;left:50%;width:24px;transform:translateX(-50%);border-radius:20px;background-color:#fff;box-shadow:0 0 0 2px inset #fff}
  .mk-grid-tabs ul li.disabled a{background-color:unset;box-shadow:0 0 0 1px inset #fff}
  .mk-more-produk.satu.show{display:none!important}
  .mk-more-produk.dua.show{display:block!important}
  .mk-breadcrumb2{display:none}
  #mk-produk-tab{margin:16px 0 0!important;padding:16px 0 0;border-top:1px dashed #cfd8dc}
  #mk-produk-tab li:nth-child(-n+7){display:none}
  #mk-produk-tab li:nth-child(3){display:none}
  #mk-produk-tab-awal.tiga li:nth-child(3){display:block}
  #mk-produk-tab-awal li:nth-child(3){display:block}
  #mk-produk-tab-awal{margin:unset!important}
  #mk-produk-tab-awal li,#mk-produk-tab li{width:25%;padding:0!important;text-align:center}
  #mk-produk-tab-awal li:nth-child(n+4){display:block}
  #mk-produk-tab-awal li:nth-child(8){display:none}
  #mk-produk-tab-awal li:nth-child(9){display:none}
  #mk-produk-tab-awal li a,#mk-produk-tab li a{font-size:10px;min-height:unset;padding:16px 4px;text-decoration:unset;background-color:transparent!important;box-shadow:unset}
  #mk-produk-tab-awal li a u,#mk-produk-tab-awal li a::after,#mk-produk-tab li a u,#mk-produk-tab li a::after{display:none}
  #mk-produk-tab-awal li a > div,#mk-produk-tab li a > div{position:relative;top:unset;padding:0;transform:unset}
  #mk-produk-tab-awal li a .ikon-produk,#mk-produk-tab li a .ikon-produk{position:relative;top:unset;left:50%;display:block;overflow:hidden;width:48px;height:48px;margin-bottom:12px;transform:translateX(-50%);border-radius:12px;background-color:#fcfcfc}
  #mk-produk-tab-awal li a .ikon-produk::after,#mk-produk-tab li a .ikon-produk::after{position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;content:' ';opacity:.3}
  #mk-produk-tab-awal li a .ikon-produk img,#mk-produk-tab-awal li a .ikon-produk md-icon,#mk-produk-tab li a .ikon-produk img,#mk-produk-tab li a .ikon-produk md-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
  #mk-produk-tab-awal li a .ikon-produk img,#mk-produk-tab li a .ikon-produk img{width:28px!important}
  #mk-produk-tab-awal li a .ikon-produk md-icon,#mk-produk-tab li a .ikon-produk md-icon{font-size:28px}
  .mk-saldo-overview-home{background-color:#fff}
  .mk-saldo-overview-home .banner-overlay{height:132px}
  .mk-saldo-overview-home .mk-content{padding:0px 20px 0;color:#fff}
  .mk-saldo-overview-home .mk-content h6{font-size:12px;font-weight:normal;margin-bottom:10px}
  .mk-saldo-overview-home .mk-content ul{position:relative;z-index:1;margin-top:24px;list-style:none;border-radius:12px;background-color:#fff;box-shadow:0 4px 10px -2px rgba(0,0,0,.07)}
  .mk-saldo-overview-home .mk-content ul::after{display:block;clear:both;content:' '}
  .mk-saldo-overview-home .mk-content ul li{float:left;width:33.3333333333%}
  .mk-saldo-overview-home .mk-content ul li a{font-size:11px;display:block;padding:20px 0;text-align:center}
  .mk-saldo-overview-home .mk-content ul li a md-icon{font-size:28px;display:block;margin-bottom:6px}
  
  .mk-saldo-overview-home .mk-content-icon{padding:0px 20px 0;color:#fff}
  .mk-saldo-overview-home .mk-content-icon h6{font-size:12px;font-weight:normal;margin-bottom:10px}
  .mk-saldo-overview-home .mk-content-icon ul{position:relative;z-index:1;margin-top:24px;list-style:none;border-radius:12px;background-color:#fff;box-shadow:0 4px 10px -2px rgba(0,0,0,.07)}
  .mk-saldo-overview-home .mk-content-icon ul::after{display:block;clear:both;content:' '}
  .mk-saldo-overview-home .mk-content-icon ul li{float:left;width:25%}
  .mk-saldo-overview-home .mk-content-icon ul li a{font-size:11px;display:block;padding:20px 0;text-align:center}
  .mk-saldo-overview-home .mk-content-icon ul li a md-icon{font-size:28px;display:block;margin-bottom:6px}
  .dimmer-overlay{position:fixed;z-index:5;top:0;right:0;bottom:0;left:0;visibility:hidden;transition:.35s cubic-bezier(.58,.01,.04,.98);opacity:0;background-color:rgba(0,0,0,.75)}
  .dimmer-overlay.show{visibility:visible;opacity:1}
  .dimmer-footer{position:fixed;z-index:6;top:0;right:0;bottom:0;left:0;visibility:hidden;transition:.35s cubic-bezier(.58,.01,.04,.98);opacity:0;background-color:rgba(0,0,0,.75)}
  .dimmer-footer.show{visibility:visible;opacity:1}
  .mk-form-close{font-size:24px;position:fixed;z-index:4;top:9px;left:9px;display:block;visibility:hidden;width:40px;height:40px;cursor:pointer;transition:.4s cubic-bezier(.58,.01,.04,.98);transform:scale(.5);opacity:0}
  .gak-ngambang .mk-form-close{border-width:1px}
  .ngambang .mk-form-close{top:28px;left:29px}
  .mk-form-close.show{visibility:visible;transform:scale(1);opacity:1}
  .mk-form-order{z-index:7;visibility:hidden;transition:.35s cubic-bezier(.58,.01,.04,.98);opacity:0}
  .mk-form-order.show{visibility:visible;opacity:1}
  .mk-form-order .panel{padding:0;background-color:transparent}
  .mk-form-order .tab-content{padding:unset}
  .mk-form-order .tab-pane{position:relative;padding:0;text-align:center}
  .mk-form-order .tab-pane h3{font-size:16px;position:fixed;top:20px;right:20px;left:20px;visibility:hidden;padding:20px;padding-left:58px;transition:.35s cubic-bezier(.58,.01,.04,.98);text-align:left;opacity:0;border-bottom:1px dashed #cfd8dc;border-radius:12px 12px 0 0;background-color:#fff;box-shadow:0 3px 15px -2px rgba(0,0,0,.075);}
  .mk-form-order.gak-ngambang .tab-pane h3{top:0;right:0;left:0;border-radius:0}
  .mk-form-order .tab-pane .form-group{margin:0 auto 16px}
  .mk-form-order-item{position:relative;position:fixed;top:0;right:20px;bottom:100px;left:20px;visibility:hidden;overflow:hidden;overflow-y:auto;margin-top:58px;padding:20px 20px;transition:.35s cubic-bezier(.58,.01,.04,.98);opacity:0;border-radius:0 0 12px 12px;background-color:#fff}
  .gak-ngambang .mk-form-order-item{top:-20px;right:0;bottom:50px;left:0;border-radius:0}
  .mk-form-order-item.remove-scroll{overflow:hidden}
  .mk-form-order.show .mk-form-order-item,.mk-form-order.show .tab-pane h3{top:20px;visibility:visible;opacity:1}
  .mk-form-order.gak-ngambang.show .mk-form-order-item,.mk-form-order.gak-ngambang.show .tab-pane h3{top:0}
  .mk-form-order.show .mk-form-order-item{bottom:44px}
  .mk-form-order.gak-ngambang.show .mk-form-order-item{bottom:0;padding-bottom:80px}
  .mk-metode-bayar{margin-top:0;padding-top:0}
  .mk-metode-bayar h5{padding-top:20px;padding-bottom:12px}
  .mk-bayar button{line-height:48px;position:fixed;bottom:-40px;left:50%;visibility:hidden;width:unset!important;height:48px;padding-top:0;padding-bottom:0;transition:.4s cubic-bezier(.58,.01,.04,.98);transform:translateX(-50%);opacity:0}
  .mk-form-order.show .mk-bayar button{bottom:20px;visibility:visible;opacity:1}
  .mk-bayar p{font-size:12px;padding:0;padding-bottom:20px}
  .mk-bayar{margin:0;padding:0;padding-top:20px}
  .mk-produk-select-hp{position:relative;min-height:46px;margin-top:16px;padding:14px 36px 14px 15px;cursor:pointer;transition:.25s ease;border:1px solid #ccc;border-radius:6px}
  .mk-produk-select-hp.show{display:block!important}
  .mk-produk-select-hp::after{font-family:'Material Design Icons';font-size:24px;line-height:46px;position:absolute;top:50%;right:0;width:46px;height:46px;content:'\F0140';transform:translateY(-50%);text-align:center;opacity:.75}
  .mk-produk-select-hp button{font-size:14px;font-weight:500;display:none;text-align:left!important}
  .mk-produk-select-hp button:last-child{display:inline-block}
  .mk-produk-select-hp button span{font-size:12px;font-weight:normal;display:block;margin-top:4px}
  .mk-produk-select-hp b{display:block;margin-bottom:4px}
  .mk-produk-select-hp i{font-size:14px;font-weight:unset;font-style:unset;position:absolute;top:13px;left:9px;display:block;padding:0 6px;color:#999;background-color:#fff}
  .mk-produk-select-hp i.atas{font-size:12px;top:-8px}
  #nominal{position:fixed;z-index:99;top:60px;right:20px;bottom:50px;left:20px;display:block!important;visibility:hidden;overflow-x:hidden;overflow-y:auto;padding:0 20px 20px;transition:.35s cubic-bezier(.58,.01,.04,.98);opacity:0;border:0;border-radius:12px;background-color:#fff}
  .gak-ngambang #nominal{top:42px;right:0;bottom:30px;left:0;border-radius:0;box-shadow:0 2px 15px #000}
  #nominal.show{top:78px;bottom:20px;bottom:3;visibility:visible;transition:.35s cubic-bezier(.58,.01,.04,.98);opacity:1}
  .gak-ngambang #nominal.show{top:58px;bottom:0}
  #nominal .mk-nominal ul li{width:100%}
  #nominal .mk-sh-closed{top:22px}
  #nominal .searchquick{position:fixed;z-index:3;top:20px;right:20px;left:20px;width:unset;height:58px;transition:.35s cubic-bezier(.58,.01,.04,.98);border-bottom:1px dashed #cfd8dc;border-radius:12px 12px 0 0;background-color:#fff}
  .gak-ngambang #nominal .searchquick{top:0!important;right:0;left:0}
  #nominal .searchquick input{height:57px!important;padding-top:2px;padding-left:77px;border-radius:12px 12px 0 0;box-shadow:unset!important}
  #nominal.show .searchquick{top:20px;visibility:visible;transition:.35s cubic-bezier(.58,.01,.04,.98);opacity:1}
  #nominal .mk-sh-closed{top:50%;right:12px;transform:translateY(-50%)}
  .mk-nominal-close{font-size:24px;position:absolute;z-index:3;top:0;left:0;display:block;width:57px;height:58px;cursor:pointer;border-right:1px solid #cfd8dc}
  #mk-produk-list-active{padding-bottom:0!important}
  #mk-produk-list-active::after{display:none!important}
  #operator_selected{right:6px}
  .mk-footer{font-size:12px;position:fixed;z-index:7;top:0;bottom:0;left:-260px;visibility:hidden;overflow-x:hidden;overflow-y:auto;width:260px;transition:.4s cubic-bezier(.58,.01,.04,.98);opacity:1}
  .mk-footer.show{left:0;visibility:visible;transition:.5s cubic-bezier(.58,.01,.04,.98);opacity:1}
  .mk-footer .container{z-index:1;padding:0}
  .mk-footer .mk-footer-sitelink{padding:0;background-color:transparent}
  .mk-footer .mk-footer-sitelink .divider{margin:12px 20px;border-bottom:1px dashed #cfd8dc}
  .mk-footer .mk-footer-sitelink .divider:nth-child(1){font-size:16px;font-weight:bold;margin:0;margin-bottom:12px;padding:20px;border-bottom:1px solid #cfd8dc}
  .mk-footer .mk-footer-sitelink::after{display:block;clear:both;content:' '}
  .mk-footer .mk-footer-sitelink a{position:relative;display:block;float:none;margin:0;padding:16px 20px;padding-left:52px;color:#333}
  .mk-footer .mk-footer-sitelink md-icon{font-size:20px;position:absolute;top:50%;left:20px;transform:translateY(-50%)}
  .mk-footer .mk-footer-widget{position:relative;margin-top:12px;padding:12px 0;border-top:1px solid #cfd8dc}
  .mk-footer .mk-widget{float:none;width:auto!important;padding:16px 20px!important}
  .mk-footer .mk-widget:nth-child(1){padding-bottom:0!important}
  .mk-footer .mk-widget h5{font-size:13px;margin-bottom:6px}
  .mk-footer .mk-widget .heading-contact h2{position:relative;margin-bottom:8px;padding-left:28px}
  .mk-footer .mk-widget .heading-contact h2 md-icon{font-size:24px;position:absolute;top:3px;left:0;height:24px}
  .mk-footer .mk-widget .heading-contact h2 span{font-size:14px;position:relative;top:unset;left:unset;transform:unset}
  .mk-footer .mk-widget .heading-contact p{padding-bottom:12px;padding-left:28px;border-bottom:1px dashed #cfd8dc}
  .mk-footer .mk-widget > p{padding-bottom:12px;border-bottom:1px dashed #cfd8dc}
  .mk-footer .mk-widget .mk-payments li{width:48px}
  .mk-footer .mk-widget .mk-payments li img{width:40px;height:20px}
  .mk-footer .mk-credit{display:none}
  .mk-footer .mk-upup{display:none}
}
@media (max-width:576px){
  .mk-more-produk.dua.show{display:none!important}
  .mk-more-produk.tiga.show{display:block!important}
  .mk-grid-tabs ul.left3{justify-content:left}
  #mk-produk-tab li:nth-child(-n+8){display:none}
  #mk-produk-tab-awal li,#mk-produk-tab li{width:33.333333333333%}
  #mk-produk-tab-awal li:nth-child(n+4){display:block}
  #mk-produk-tab-awal li:nth-child(8){display:block}
  #mk-produk-tab-awal li:nth-child(9){display:none}
  .mk-detail-produk b{font-size:14px}
  #keterangan{float:none;width:auto;padding:0}
  #harga{float:none;width:auto;margin-top:16px}
  #harga h2{font-size:18px}
  #harga i{max-width:unset}
  .box-product{width:50%}
  .mk-transaksi-detail table::after{left:120px}
  .mk-transaksi-detail table tr td:nth-child(1){width:120px;padding-right:20px}
  .mk-transaksi-detail table tr td:nth-child(2){width:calc(100% - 120px);padding-left:20px}
  .mk-transaksi-status table::after{left:120px}
  .mk-transaksi-status table tr td:nth-child(1){width:120px;padding-right:20px}
  .mk-transaksi-status table tr td:nth-child(2){width:calc(100% - 120px);padding-left:20px}
}
@media print{
  body{font-size:12px!important;padding:0!important}
  .mk-navbar,.mk-side-menu,.mk-footer,.mk-grid-tabs,.mk-breadcrumb,.breadcrumb,hr,.mk-transaksi-status,.banner-overlay{display:none!important}
  .mk-arigatou{display:block!important;margin-top:16px!important;text-align:center!important}
  .mk-page-container,.panel,.mk-container{margin:0!important;padding:0!important}
  .mk-transaksi-detail-akun td textarea{margin-bottom:-6px!important;border:0;overflow:hidden}
  .mk-transaksi-detail table{padding-top:12px}
  .mk-transaksi-detail table::after{left:86px}
  .mk-transaksi-detail table tr{padding-left:0}
  .mk-transaksi-detail table tr::after{display:block;clear:both;content:' '}
  .mk-transaksi-detail table tr td{float:left!important}
  .mk-transaksi-detail table tr td:nth-child(1){position:relative;width:86px;padding-right:12px}
  .mk-transaksi-detail table tr td:nth-child(2){width:calc(100% - 86px);padding-left:12px}
  .mk-arigatou-header{line-height:1.1;display:block;padding:16px 0}
  .mk-arigatou-footer{line-height:1.1;display:block}
}
@page{margin:0mm;size:auto}