/*  
Theme Name: WPGROSIR
Theme URI: http://theme-id.com
Description: Indonesia Wordpress Themes <a href="http://theme-id.com/">theme-id.com</a>.
Version: 5.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{margin:0 auto;padding:0;font-size:14px;font-family:Arial,Helvetica,sans-serif;color:#333;background-color:#CCC}
h1,h2,h3,h4,h5,h6{text-decoration:none;text-transform:capitalize;font-weight:700}
h1{font-size:22px;margin:0 0 5px;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:5px auto}
#wrap{box-sizing:border-box;width:100%;margin:35px auto 0;box-shadow:0 0 5px rgba(0,0,0,0.2);background-color:#fff}
.top-header{box-sizing:border-box;color:#000;float:left;font-weight:500;padding:5px 15px;text-align:left;width:100%;clear:both;margin-bottom:5px;font-size:18px}
.header{width:100%;box-sizing:border-box;background-color:#FFF}
.container{width:100%;float:left;color:#333;padding:20px 10px;background-color:#fff;box-sizing:border-box}
.footer{width:100%;height:auto;text-align:center;font-size:12px;color:#333;padding:10px;box-sizing:border-box;clear:both;background-image:linear-gradient(to top,white,white,#dee4d6)}
.footer a{color:#333;padding:5px 0;line-height:22px}
.header-logo{font-size:32px;font-weight:400;clear:both;text-transform:uppercase;word-wrap:break-word}
.header-desc{font-size:16px;clear:both;margin-bottom:10px}
.vtr-row{clear:both;margin-bottom:15px;overflow:hidden;padding:0}
.vtr-title{text-align:left;text-transform:capitalize;font-weight:700;overflow:hidden;background-color:#F0F0F0;padding:10px;float:left;width:100%;box-sizing:border-box}
.vtr-title a{color:#333}
.vtr-title h1,.vtr-title h2,.vtr-title h3{font-weight:700;margin:0;padding:0;line-height:18px;font-size:16px}
.post{width:100%;text-align:left;margin-bottom:10px;clear:both;height:auto;overflow:hidden;box-sizing:border-box}
.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:.1em;margin-right:20px;vertical-align:0}
.post blockquote:after{content:"\e81c ";font-family:virtarich;font-size:14px;line-height:.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{height:100%;float:left;width:100%;margin-top:5px;font-size:12px;box-sizing:border-box}
.sidebar .box{margin-bottom:10px;border:1px solid #d9d9d9;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;border-top-left-radius:5px;border-top-right-radius:5px;background-attachment:scroll;background-color:#fff;overflow:hidden}
.sidebar h4{color:#fff;margin-bottom:0!important;padding:5px;font-size:14px;font-weight:600;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;border-top-left-radius:5px;border-top-right-radius:5px}
.sidebar .box a{font-weight:500;color:#333}
.sidebar .box ul{list-style-type:none;padding:0}
.sidebar .box ul li a{color:#333;display:block;font-weight:700;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%;height:auto;margin:0 auto}
.wp-caption .wp-caption-text,.gallery-caption{color:#666;font-size:12px}
.wp-caption .wp-caption-text{margin-bottom:5px;position:relative;padding:0 0 5px 4px}
.breadcrumbs{float:none;font-size:12px;text-align:left;color:#333;clear:both;padding:5px 0}
.breadcrumbs a{text-decoration:none;padding:0 5px 0 0}
.wp-pagenavi{width:100%;clear:both;padding:5px 0;text-align:center;margin:5px auto;line-height:45px}
.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:8px;background-color:#FFF;margin:5px 0}
.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:#333}
.slider{width:100%;margin-bottom:20px}
.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:350px}
.vtr-menu-wrap{box-sizing:border-box}
.vtr-menu-icon{cursor:pointer;font-size:22px;line-height:22px;color:#FFF;padding:10px;width:100%;display:block;box-sizing:border-box;margin-bottom:3px}
.vtr-menu{box-sizing:border-box;border-bottom:1px solid #EBEBEB;background-color:#FFF;background-image:none}
.vtr-menu a{display:block;color:#000}
.vtr-menu{display:none}
.vtr-menu ul li a{color:#000}
.vtr-menu> li ul{margin:0}
.vtr-menu > li{padding-left:0;padding-right:0;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{margin:0;padding:0}
.vtr-menu{background-color:#F5F5F5;border-top:1px solid #EBEBEB;border-bottom:medium solid #EBEBEB}
.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:12px;font-weight:700;text-transform:capitalize}
.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:0 15px;cursor:pointer;margin:0}
.vtr-menu li a:focus{outline:0}
.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:#03F}
.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:10px}
.sidebar-menu{font-size:22px;box-sizing:border-box}
.sidebar-menu-icon{cursor:pointer;color:#FFF;width:100%;display:block;box-sizing:border-box}
.sidebar-mobile-menu{margin-bottom:10px;margin-top:0}
.sidebar-mobile-menu h4{display:block;font-size:18px;background-color:#000;padding:10px;margin-top:0;margin-bottom:0;font-weight:700;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:0 0}
.vtr-sidebar-menu li{position:relative;border:1px solid #c3c3c3;border-top:none;list-style-type:none;margin:0}
.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:0}
.vtr-sidebar-menu> li ul li{border-top:none;border-left:none;border-right:none}
.vtr-sidebar-menu li a{display:block;padding:5px 15px}
.vtr-sidebar-menu li li a{display:block;padding:5px 15px 5px 25px}
.vtr-sidebar-menu li li li a{display:block;padding:5px 15px 5px 35px}
.vtr-sidebar-menu li li li li a{display:block;padding:5px 15px 5px 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;box-sizing:border-box;padding:5px}
.sidebar-menu{font-size:22px;box-sizing:border-box;padding:0}
}
#footbar{padding:0;float:left;background-color:#fff;width:100%;box-sizing:border-box}
#footbar a:hover{text-decoration:underline}
#footbar .box{padding:5px;height:auto}
#footbar .box h4,#footbar h4{margin-top:0;margin-bottom:0;font-size:14px;font-weight:700;text-align:left;text-transform:capitalize;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#E8E8E8;color:#333;padding:4px 5px}
#footbar ul{list-style-type:none;padding:0;margin:0 0 3px}
#footbar ul li{padding:5px}
#footbar ul li a{color:#000}
#footbar ul li ul{list-style-type:square;margin-left:1.5em;padding:0;border:0}
#footbar ul li ul li{border:0}
.wpgrosir-thumb{padding-top:10px;width:100%;height:300px;float:left;text-align:center;border:1px solid #ebebeb;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background-color:#fff;box-sizing:border-box;position:relative}
.wpgrosir-gambar{height:170px}
.wpgrosir-gambar a{color:#999}
.wpgrosir-gambar-center{max-width:160px;margin-right:auto;margin-left:auto}
.wpgrosir-title{width:auto;height:34px;padding-right:5px;padding-left:5px;overflow:hidden;clear:both;margin-top:5px;margin-bottom:5px}
.wpgrosir-title a{font-size:12px;color:#000}
.wpgrosir-title a:hover{text-decoration:none}
.wpgrosir-harga{font-size:14px;margin-top:0;margin-right:0;margin-left:0;font-weight:700;padding:2px}
.coret{text-decoration:line-through;color:#666}
.habis{font-size:22px;color:red;margin-top:8px;font-weight:700;height:auto}
.senter{text-align:center}
.tombol{float:none;overflow:hidden;width:130px;margin:0 auto}
.btn{border:0;display:inline-block;color:#fff;text-decoration:none;position:relative;cursor:pointer;font-size:14px;font-weight:700;text-shadow:0 -1px 1px rgba(0,0,0,0.25);margin-top:10px;margin-bottom:10px;padding:8px}
.btn-single{font-size:20px}
.btn:hover{background-color:#262626}
.btn-kiri{float:left;-webkit-border-top-left-radius:5px;-webkit-border-bottom-left-radius:5px;-moz-border-radius-topleft:5px;-moz-border-radius-bottomleft:5px;border-top-left-radius:5px;border-bottom-left-radius:5px}
.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 a{color:#999}
.slider-gambar-center{max-width:160px;margin-right:auto;margin-left:auto;position:relative}
.slider-harga{font-size:14px;margin-top:0;margin-right:0;margin-left:0;font-weight:700;padding:2px}
.telp{font-weight:700;text-align:left;padding-bottom:5px}
.telp-number{font-size:16px;font-weight:700}
.wpgrosir{margin-bottom:10px}
.wpgrosir-left{float:left;width:100%;height:auto;text-align:center;position:relative}
.wpgrosir-right{float:left;width:100%;border:1px solid #dadada;box-sizing:border-box}
.virtacart{padding:10px}
.photo{margin-right:auto;margin-left:auto;position:relative;text-align:center}
.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 0;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:700;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:700;color:#000}
.vtr-table td{vertical-align:middle;text-align:left;padding:7px;font-size:14px;font-weight:400;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}
.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;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;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;-webkit-border-radius:0 5px 5px 0;-moz-border-radius:0 5px 5px 0;border-radius:0 5px 5px 0;cursor:pointer}
.search-button1{position:absolute;top:1px;right:11px;height:40px;width:60px;font-size:22px;color:#fff;text-align:center;line-height:40px;border-width:0;-webkit-border-radius:0 5px 5px 0;-moz-border-radius:0 5px 5px 0;border-radius:0 5px 5px 0;cursor:pointer}
.vtr-search-icon{display:inline-block;float:right}
.search-box1{position:relative;width:100%;padding:0 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{width:100%;box-sizing:border-box;height:auto;color:#FFF;background-color:#000;position:fixed;top:0;left:0;text-align:left;z-index:100;font-size:22px;display:block}
.cart i.icon-basket{position:relative;font-size:22px;line-height:22px;color:#fff}
.cart a{padding:5px;display:inline-block;color:#FFF}
.cart br{display:none}
.cart-down{position:absolute;top:-9999px}
@media screen and (min-width:685px) {
.cart{z-index:1000;display:block;float:right;position:relative;font-size:18px;text-align:right;margin:5px;width:200px;padding:10px 50px 10px 10px;background-color:transparent;color:#000}
.cart i.icon-basket{position:absolute;top:10px;right:0;font-size:43px;color:#03F;vertical-align:center;line-height:43px}
.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:300px;right:0;top:85px}
.cart-down .btn a{color:#fff}
.cart-down i.icon-basket{position:relative;font-size:14px;color:#fff;line-height:20px}
.cart br{display:inline}
.vtr-search-icon{display:none}
}
.list-blog{width:100%;min-height:150px;float:left;padding:10px;box-sizing:border-box;border:1px solid #d9d9d9}
.list-blog-title{max-height:35px;overflow:hidden}
.list-blog-thumb{text-align:center;background-color:#FFF;border:1px solid #ebebeb}
.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:0;line-height:32px}
.vtr-testimoni-page h4{font-size:16px;margin-top:0;line-height:22px}
.vtr-testimoni-page-tanggal{font-size:14px}
@media screen and (min-width:600px) {
.wpgrosir-left{float:left;width:50%;height:auto;text-align:center}
.wpgrosir-right{float:right;width:48%}
#kiri{text-align:center}
}
@media screen and (min-width:685px) {
#wrap{margin-top:0}
.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:960px) {
.container{width:100%;float:left;color:#333;padding:10px 0;background-color:#fff;box-sizing:border-box}
#wrap{width:980px;padding:10px;background-color:#FFF}
}
.index-head{float:left;width:100%;height:auto;text-align:center;background-image:linear-gradient(to bottom,white,white,#dee4d6)}
.home-featured{float:left;width:100%;height:auto;text-align:center}
.home-left{float:left;width:100%;height:auto;text-align:center}
.home-right{float:right;width:100%}
#customer-service{width:180px;position:fixed;right:-150px;top:40%;z-index:1000;border-radius:10px 0 0 10px;-webkit-border-radius:10px 0 0 10px;-moz-border-radius:10px 0 0 10px;background-color:#EBEBEB;font-weight:700;border-top:2px solid #999;border-bottom:2px solid #999;border-left:2px solid #999;font-size:16px}
.post-small{margin-bottom:2px;text-align:left;border:1px solid #EEE;min-height:100px;color:#999;padding:2px;font-size:13px;background-color:#FFF;min-height:75px}
.post-small-thumb{position:relative;padding:0;width:155px;height:70px;width:70px;vertical-align:middle;display:table-cell;text-align:center;float:left;margin-right:5px}
.post-small a{color:#000}
.post-small-title{height:33px;overflow:hidden}
.featured-title{text-align:left;text-transform:uppercase;margin-top:10px;font-size:14px;line-height:21px;font-weight:700;background-color:#F0F0F0;padding:5px;clear:both;overflow:hidden}
.featured-title-right a{color:#333}
.featured-title-left{text-align:left;float:left;width:30%}
.featured-title-right{text-align:right;float:right;width:auto;text-transform:lowercase;font-size:12px}
.featured-title h2{text-align:left;text-transform:capitalize;font-size:16px;line-height:21px;font-weight:700}
.featured-title h3{text-align:left;text-transform:capitalize;font-size:14px;line-height:21px;font-weight:700}
.ribbon{position:absolute;left:-5px;top:-5px;z-index:1;overflow:hidden;width:75px;height:75px;text-align:right}
.ribbon span{font-size:10px;font-weight:700;color:#FFF;text-transform:uppercase;text-align:center;line-height:20px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);width:100px;display:block;box-shadow:0 3px 10px -5px rgba(0,0,0,1);position:absolute;top:19px;left:-21px}
.limited span{background:#0F0}
.sold span{background:#FA565A}
.promo span{background:#00B4FF}
.best span{background:#FF7F00}
.inden span{background:#9B59B6}
.ribbon span::before{content:"";position:absolute;left:0;top:100%;z-index:-1;border-left:3px solid #333;border-right:3px solid transparent;border-bottom:3px solid transparent;border-top:3px solid #333}
.ribbon span::after{content:"";position:absolute;right:0;top:100%;z-index:-1;border-left:3px solid transparent;border-right:3px solid #333;border-bottom:3px solid transparent;border-top:3px solid #333}