/*  
Theme Name: WP-Beli
Theme URI: http://theme-id.com
Description: Indonesia Wordpress Themes <a href="http://theme-id.com/">theme-id.com</a>.
Version: 1.0
Author: Virtarich
Author URI: http://theme-id.com
*/
html, body, div, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, ol, ul, li, form, fieldset, legend, label, table, header, footer, nav, section{margin:0;padding:0;border:0;}
header, footer, nav, section, article, hgroup, figure{display:block;}
legend{display:none;}
body{font-family:Helvetica, sans-serif;font-size:14px;line-height:1.6;}
h1, h2, h3, h4, h5, h6{text-decoration:none;text-transform:capitalize;font-weight:bold;}
h1{font-size:22px;margin:0 0 5px 0;line-height:26px;padding-bottom:5px}
h2{font-size:14px;margin:0;padding-bottom:3px;}
h3{font-size:14px;margin:0}
h4{color:#000;font-size:13px;text-align:left;padding-top:3px;padding-bottom:3px;margin:0}
a{text-decoration:none}
img{max-width:100%;height:auto;border:0;outline:0;}
p{line-height:21px}
p img{padding:0;max-width:100%;height:auto}
img.center{display:inline;margin-top:5px;margin-bottom:5px}
img.alignright{display:inline;border:1px solid #ccc;margin-top:5px;margin-bottom:5px;margin-left:5px;box-sizing:border-box;}
img.alignleft{display:inline;margin-top:5px;margin-bottom:5px;margin-right:5px;border:1px solid #ccc;box-sizing:border-box;}
.alignright{float:right;margin-top:4px;margin-bottom:4px}
.alignleft{float:left;margin-top:4px;margin-bottom:4px}
.aligncenter{clear:both;display:block;margin-left:auto;margin-right:auto;margin-top:5px;margin-bottom:5px}
#wrap{box-sizing:border-box;width:100%;margin:0 auto;background-color:#F0F0F0;}
.header{box-sizing:border-box;background-color:#FFF;min-height:100px;padding:5px;margin-top:0%;margin-right:auto;margin-bottom:0%;margin-left:auto;text-align:center;}
.header:after, .header:before{display:table;clear:both;content:" ";}
.footer{width:100%;height:auto;text-align:center;font-size:12px;color:#fff;background-color:#343336;padding:10px;box-sizing:border-box;clear:both;}
.top-header{box-sizing:border-box;color:#FFF;float:left;padding:3px;width:100%;clear:both;background-color:#093;}
.header-logo{text-alignt:center;margin:0 auto;width:100%;}
.header-title{font-size:28px;clear:both;text-transform:uppercase;word-wrap:break-word;line-height:normal;text-alignt:center;}
.header-desc{margin-top:10px;font-size:16px;clear:both}
@media screen and (min-width:685px){.header{text-alignt:left;}
.header-logo{text-alignt:left;}
.header-title{text-alignt:left;}
}

.vtr-row{clear:both;margin-bottom:15px;overflow:hidden;padding:0;}
.vtr-title-home{text-align:center;text-transform:capitalize;font-weight:bold;overflow:hidden;background-color:#FFFFFF;padding:10px;background-image:linear-gradient(to bottom, white,white,#DEE4D6);}
.vtr-title-home h1{font-weight:bold;margin:0;padding:0;font-size:22px;color:#000;}
.vtr-title{text-align:left;text-transform:capitalize;font-weight:bold;overflow:hidden;background-color:#FFFFFF;padding:10px;background-image:linear-gradient(to bottom, white,white,#DEE4D6);}
.vtr-title a{color:#333}
.vtr-title h1,.vtr-title h2,.vtr-title h3{font-weight:bold;margin:0;padding:0;line-height:18px;font-size:16px;color:#000;}
.post{width:100%;text-align:left;margin-bottom:10px;clear:both;height:auto;overflow:hidden;box-sizing:border-box;background-color:#FFF;padding:20px;}
.post ul{list-style-type:disc;margin:0 0 5px 25px;padding:0 5px;list-style-position:outside}
.post p,.post ul,.post ol,.post dd,.post pre,.post hr{margin-bottom:12px}
.post ol{list-style-position:outside;margin-left:30px;margin-bottom:10px}
.post ol li{padding:3px;line-height:24px}
.post ul li{padding:3px;line-height:24px}
.post blockquote{color:#000;font-style:italic;background:#f9f9f9;border-left:10px solid #ccc;margin:15px 10px;padding:5px 10px;}
.post blockquote:before{content:"\e81c ";font-family:virtarich;font-size:14px;line-height:0.1em;margin-right:20px;vertical-align:0;}
.post blockquote:after{content:"\e81c ";font-family:virtarich;font-size:14px;line-height:0.1em;margin-left:20px;vertical-align:0;}
.post blockquote p{display:inline;}
.post ul li ul{margin-left:10px;padding:0;border:0}
.tags{float:none;font-size:12px;text-align:left;margin:0;padding:0;color:#666}
.sidebar{float:left;width:100%;margin-top:0;font-size:12px;box-sizing:border-box;}
.sidebar .box{margin-bottom:15px;overflow:hidden;background-color:#FFF;}
.sidebar h4{color:#fff;margin-bottom:0 !important;padding:5px;font-size:16px;font-weight:600;background-color:#FFFFFF;background-image:linear-gradient(to bottom, white,white,#DEE4D6);}
.sidebar .box a{font-weight:500;color:#333}
.sidebar .box ul{list-style-type:none;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0}
.sidebar .box ul li a{color:#333;display:block;font-weight:bold;padding:10px 5px;}
.sidebar .box ul li hover{display:block;padding:2px}
.sidebar .box ul li{border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#e6e6e6;text-transform:capitalize}
.sidebar .box ul li:last-child{border-bottom:none;}
.sidebar .box ul li ul{margin-left:15px;padding:0}
.sidebar .box ul li ul li{border:0}
.image{text-align:center;padding-top:5px;padding-bottom:5px;margin-bottom:5px;margin-top:5px}
.picnav{text-align:center;margin:0}
.picnav img{margin:5px;padding:2px}
.picnav{width:100%;text-align:center;margin:0}
.picnav img{background-color:#FFF;margin:3px;padding:2px;border:1px solid #ccc}
.wp-caption{margin-bottom:10px;max-width:90%;background-color:#f4f4f4;padding:5px;margin-top:10px}
.wp-caption img{display:block;max-width:100%;margin-top:0;margin-right:auto;margin-bottom:0;margin-left:auto;height:auto}
.wp-caption .wp-caption-text,.gallery-caption{color:#666;font-size:12px}
.wp-caption .wp-caption-text{margin-bottom:5px;position:relative;padding-top:0;padding-right:0;padding-bottom:5px;padding-left:4px}
.breadcrumbs{font-size:16px;text-align:left;color:#333;padding-bottom:10px;}
.breadcrumbs a{text-decoration:none;padding-top:0px;padding-right:5px;padding-bottom:0px;padding-left:0px;}
.wp-pagenavi{width:100%;clear:both;padding:10px;text-align:center;margin:5px auto;line-height:45px;font-size:18px;}
.pages{color:#000;width:auto;height:auto;margin:0 3px;border:1px solid #e9e9e9;padding:8px;background-color:#FFF}
.current{color:#333;width:auto;height:auto;margin:0;border:1px solid #e9e9e9;padding:8px}
.wp-pagenavi a{color:#000;text-decoration:none;border:1px solid #e9e9e9;padding:10px;background-color:#FFF;margin:5px 0px;}
.wp-pagenavi a:hover{border:1px solid #e9e9e9}
.keatas{position:fixed;bottom:10px;right:10px;display:none;color:#333;font-size:44px;}
.keatas a{color:#000;}
.slider{width:100%;}
.slider ul{list-style:none outside none;padding-left:0;max-height:350px;overflow:hidden;}
.content-slider li{background-color:#000;text-align:center;max-height:360px;}
.vtr-menu-wrap{box-sizing:border-box;padding:10px;}
.vtr-menu-icon{cursor:pointer;font-size:22px;line-height:22px;color:#FFF;padding:10px;width:100%;display:block;box-sizing:border-box;}
.vtr-menu{box-sizing:border-box;}
.vtr-menu a{display:block;color:#000;}
.vtr-menu{display:none;}
.vtr-menu ul li a{color:#000;}
.vtr-menu> li ul{margin:0px;}
.vtr-menu> li ul li{}
.vtr-menu > li{padding-left:0px;padding-right:0px;float:none;}
.vtr-menu li > a{padding-left:15px;}
.vtr-menu li li a{padding-left:25px;}
.vtr-menu li li li a{padding-left:35px;}
.vtr-menu li li li li a{padding-left:45px;}
.vtr-menu li li.last{padding-bottom:0 !important;}
.vtr-menu ul{width:100%;display:block;}
ul.vtr-menu li{border-top:1px solid #c3c3c3;line-height:35px;display:block;}
.vtr-menu .menu-item-has-children:after{display:block;}
@media screen and (min-width:685px){ul.vtr-menu li{border-top:none;line-height:35px;display:block;}
.vtr-menu-wrap{padding:0;margin-top:0;margin-right:auto;margin-bottom:0;margin-left:auto;background-color:#ccc;background-image:-moz-linear-gradient(center top , #eee, #ccc);float:left;height:auto;width:100%;z-index:1000;border-bottom-width:3px;border-bottom-style:solid;}
.vtr-menu .menu-item-has-children:after{content:"\e820 ";font-family:virtarich;position:absolute;color:#000;top:1px;right:3px;}
.vtr-menu .menu-item-has-children:hover:after{color:#fff;}
.vtr-menu .menu-item-has-children:active:after{color:#fff;}
.vtr-menu{list-style:none;font-size:16px;font-weight:normal;}
.vtr-menu li a{text-decoration:none;display:block;color:#000;}
.vtr-menu li li a{padding-left:15px;}
.vtr-menu li > a{padding-left:15px;}
.vtr-menu li li a{padding-left:15px;}
.vtr-menu li li li a{padding-left:15px;}
.vtr-menu li li li li a{padding-left:15px;}
.vtr-menu:before,.vtr-menu:after{content:" ";display:table;clear:both;}
.vtr-menu ul{z-index:999;list-style:none;}
.vtr-menu li{position:relative;color:#0F0;}
.vtr-menu > li{float:left;}
.vtr-menu ul li a{color:#fff;text-transform:capitalize;}
.vtr-menu > li a{color:#000;padding:0px 15px;cursor:pointer;margin:0px;font-weight:bold;}
.vtr-menu li a:focus{outline:0;}
.vtr-menu .current-menu-item{background-color:#000;color:#fff}
.vtr-menu .current-menu-item a{color:#fff}
.vtr-web-menu ul{width:100%;display:none;position:absolute;background-color:#;background-color:#333;}
.vtr-menu ul .menu-item-has-children:after{color:#fff;}
.vtr-menu li.active > a,.vtr-menu li.active,.vtr-menu li:hover > a{color:#fff;background-color:#0033FF;}
.vtr-web-menu li{line-height:35px;display:block;color:#000;}
.vtr-web-menu li:hover > ul{width:160px;display:block;left:0;}
.vtr-web-menu li li:hover> ul{width:100%;display:block;top:0;left:100%;}
}
.sidebar-menu-icon{font-size:22px;box-sizing:border-box;padding:5px 10px;}
.sidebar-menu{font-size:22px;box-sizing:border-box;padding:10px;}
.sidebar-menu-icon{cursor:pointer;color:#FFF;width:100%;display:block;}
.sidebar-mobile-menu{margin-bottom:10px;margin-top:0px;}
.sidebar-mobile-menu h4{display:block;font-size:18px;background-color:#000;padding:10px;margin-top:0px;margin-bottom:0px;font-weight:bold;color:#FFF;}
.vtr-sidebar-menu{display:block;text-align:left;border-top:1px solid #c3c3c3;background-color:#FFF;}
.vtr-sidebar-menu ul{list-style:none;padding:0;width:auto;padding:0px 0px;}
.vtr-sidebar-menu li{position:relative;border:1px solid #c3c3c3;border-top:none;list-style-type:none;margin:0px;}
.vtr-sidebar-menu li a{font-size:14px;line-height:22px;display:inline-block;color:#000;font-weight:500;}
.vtr-sidebar-menu li.menu-item-has-children ul{border-top:1px solid #c3c3c3;}
.vtr-sidebar-menu> li ul{margin:0px;}
.vtr-sidebar-menu> li ul li{border-top:none;border-left:none;border-right:none;}
.vtr-sidebar-menu li a{display:block;padding-top:5px;padding-right:15px;padding-bottom:5px;padding-left:15px;}
.vtr-sidebar-menu li li a{display:block;padding-top:5px;padding-right:15px;padding-bottom:5px;padding-left:25px;}
.vtr-sidebar-menu li li li a{display:block;padding-top:5px;padding-right:15px;padding-bottom:5px;padding-left:35px;}
.vtr-sidebar-menu li li li li a{display:block;padding-top:5px;padding-right:15px;padding-bottom:5px;padding-left:45px;}
.vtr-sidebar-menu li li.last{padding-bottom:0 !important;}
.vtr-sidebar-menu i{text-align:center;position:absolute;right:0;height:32px;width:40px;line-height:30px;font-size:20px;top:0;}
.vtr-sidebar-menu li i:hover{cursor:pointer;}
.vtr-sidebar-menu ul.sub-menu{display:none;}
@media screen and (min-width:685px){.sidebar-menu-icon{font-size:18px;}
.sidebar-menu{font-size:22px;box-sizing:border-box;padding:0px;}
}
#footbar{padding:0px 20px;float:left;width:100%;box-sizing:border-box;background-color:#343336;color:#FFF;font-size:12px;}
#footbar a:hover{text-decoration:underline;}
#footbar .box{padding:5px;height:auto;}
#footbar .box h4, #footbar h4{margin-top:0px;margin-bottom:0px;font-size:22px;font-weight:normal;padding-top:4px;padding-bottom:4px;text-align:left;text-transform:capitalize;padding-right:5px;color:#FFF;}
#footbar ul{list-style-type:none;padding:0;margin-top:0;margin-right:0;margin-bottom:3px;margin-left:0;}
#footbar ul li{padding-top:5px;padding-right:5px;padding-bottom:5px;padding-left:0px;}
#footbar ul li a{color:#FFF;}
#footbar ul li ul{list-style-type:square;margin-left:1.5em;padding:0;border:0;}
#footbar ul li ul li{border:0;}
.wpbeli-thumb{width:100%;height:400px;text-align:center;border:1px solid #ebebeb;background-color:#fff;transition:all 1s ease 0s;overflow:hidden;}
.wpbeli-thumb:hover{transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-webkit-box-shadow:0px 2px 11px rgba(50, 50, 50, 0.63);-moz-box-shadow:0px 2px 11px rgba(50, 50, 50, 0.63);box-shadow:0px 2px 11px rgba(50, 50, 50, 0.63)}
.wpbeli-gambar{height:230px;margin-bottom:10px;text-align:center;margin-right:auto;margin-left:auto;background-color:#fff;overflow:hidden;}
.wpbeli-gambar:hover{transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);}
.wpbeli-gambar a{color:#999;}
.wpbeli-gambar-center{max-width:189px;margin-right:auto;margin-left:auto}
.wpbeli-title{width:auto;height:45px;padding-right:5px;padding-left:5px;overflow:hidden;clear:both;margin-top:5px;}
.wpbeli-title a{font-weight:normal;color:#333;}
.wpbeli-title a:hover{text-decoration:none}
.wpbeli-harga{font-size:14px;margin-top:0;margin-right:0;margin-left:0;font-weight:bold;padding:2px}
.coret{text-decoration:line-through;color:#666}
.habis{font-size:22px;color:#F00;margin-top:8px;font-weight:bold;height:auto}
.senter{text-align:center;}
.tombol{float:none;overflow:hidden;width:135px;margin:0px auto;}
.btn{border:0;display:inline-block;color:#fff;text-decoration:none;position:relative;cursor:pointer;font-size:14px;font-weight:bold;text-shadow:0 -1px 1px rgba(0,0,0,0.25);margin-top:10px;margin-bottom:10px;padding:8px 8px;}
.btn-cart{}
.btn-single{font-size:20px;}
.btn:hover{background-color:#262626}
.btn-kiri{float:left;}
.btn-kanan{float:right;}
.slider-gambar{height:170px;width:160px;vertical-align:middle;margin-bottom:10px;text-align:center;display:table-cell;margin-right:auto;margin-left:auto;}
.slider-gambar img{width:100%;}
.slider-gambar a{color:#999;}
.slider-gambar-center{max-width:160px;margin-right:auto;margin-left:auto}
.slider-harga{font-size:14px;margin-top:0;margin-right:0;margin-left:0;font-weight:bold;padding:2px}
.telp{font-weight:bold;text-align:left;padding-bottom:5px}
.telp-number{font-size:16px;font-weight:bold}
.wpbeli{overflow:hidden;margin-bottom:10px;}
.wpbeli-left{float:left;width:100%;height:auto;text-align:center;}
.wpbeli-right{float:left;width:100%;border:1px solid #EBEBEB;padding:5px;box-sizing:border-box;background-color:#FBFBFB;}
.virtacart{padding:10px;}
.photo{text-align:center;margin-right:auto;margin-left:auto;}
.photo-frame{position:relative;width:100%;border:1px solid #EBEBEB;margin-bottom:5px;min-height:300px;box-sizing:border-box;padding-top:5px;}
.photo-slider ul{list-style:none outside none;max-height:150px;overflow:hidden;}
.info-tambahan{border-radius:10px;font-size:12px;padding:10px;margin:10px 0px;background-color:#e3f7fc;border:1px solid #8ed9f6;}
#virtarich_select{border:1px solid #999;display:block;font-size:14px;margin:15px 0;padding:5px;font-weight:bold;width:100%}
.banner{width:100%;background-color:#fff;text-align:center;margin-bottom:10px;}
.vtr-table{margin:0;padding:0;width:100%}
.vtr-table table{width:100%;height:auto;margin:0;padding:0}
.vtr-table tr:nth-child(odd){background-color:#f4f4f4}
.vtr-table tr:nth-child(even){background-color:#fff}
.vtr-table th{vertical-align:middle;text-align:left;padding:7px;font-size:14px;font-weight:bold;color:#000}
.vtr-table td{vertical-align:middle;text-align:left;padding:7px;font-size:14px;font-weight:normal;color:#333}
.vtr-table tr:last-child td{border-width:0 1px 0 0}
.vtr-table tr td:last-child{border-width:0 0 1px 0}
.vtr-table tr:last-child td:last-child{border-width:0}
.vtr-table tr:first-child td:last-child{border-width:0 0 1px 1px}
.vtr-search-icon{display:none;padding:5px 10px;cursor:pointer;background-color:#333;font-size:20px;}
.search-box{background-color:#333;position:relative;width:100%;padding:10px;box-sizing:border-box;display:none}
.search-form{height:40px;border:1px solid #ccc;background-color:#fff;overflow:hidden;}
.search-text{font-size:14px;color:#ddd;border-width:0;background:transparent;}
.search-box input[type="text"]{width:100%;padding:11px 0 12px 1em;color:#333;outline:none;}
.search-box1 input[type="text"]{width:100%;padding:11px 0 12px 1em;color:#333;outline:none;}
.search-button{position:absolute;top:11px;right:11px;height:40px;width:60px;font-size:22px;color:#fff;text-align:center;line-height:40px;border-width:0;cursor:pointer;}
.vtr-search-icon{display:inline-block;float:right;}
.search-box1{position:relative;width:100%;padding:10px;box-sizing:border-box;display:inline-block}
.search-box1 input[type="text"]{width:100%;padding:11px 0 12px 1em;color:#333;outline:none;}
.cart{display:block;position:relative;font-size:28px;text-align:center;color:#000;border:none;padding-top:10px;}
.cart a{display:inline-block;color:#FFF;}
.cart1{margin-right:auto;margin-left:auto;width:175px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.cart1 a{color:#FFF;}
.cart-down{position:absolute;top:-9999px}
@media screen and (min-width:685px){.cart{padding-top:10px;}
.cart-down{box-shadow:0 3px 8px #323232;border:1px solid #EAEAEA;display:none;overflow:scroll;position:absolute;float:right;width:400px;background-color:#FFF;padding:12px;z-index:999;height:400px;right:0;top:65px;}
.cart-down .btn a{color:#fff}
}
.list-blog{width:100%;min-height:130px;float:left;box-sizing:border-box;border:1px solid #EBEBEB;}
.list-blog:nth-child(2n){float:right;}
.list-blog-title{max-height:35px;overflow:hidden}
.list-blog-thumb{text-align:center;}
.list-blog-thumb a{color:#666;}
.vtr-testimoni-page{float:left;width:100%;}
.vtr-testimoni-page ul{margin:0;float:left;width:100%;list-style:none;padding:0}
.vtr-testimoni-page ul li{float:left;width:100%;position:relative;background-color:#FFF;padding:10px;}
.vtr-testimoni-page ul li:nth-of-type(odd){background-color:#F4F4F4;}
.vtr-testimoni-page ul li a:hover{color:#999}
.vtr-testimoni-page h2{font-size:22px;margin-top:0px;line-height:32px}
.vtr-testimoni-page h4{font-size:16px;margin-top:0px;line-height:22px}
.vtr-testimoni-page-tanggal{font-size:14px}
@media screen and (min-width:685px){.vtr-menu-icon{cursor:pointer;font-size:22px;line-height:22px;color:#FFF;padding:10px;width:100%;display:none;box-sizing:border-box;}
}
@media screen and (min-width:1000px){#wrap{width:1000px;}
}
#marquee{background-color:#F8F9F6;}
.border{border:1px solid #EBEBEB;background:#fff;font-size:85%;line-height:2em;font-weight:bold;color:#333;padding:1em;float:left;}
@media print{.vtr-menu-wrap{display:none}
.sidebar{display:none}
#footbar{display:none}
}