/*  
Theme Name: WP-Lancar
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{margin:0 auto;padding:0;font-size:16px;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}
.header:after,.header:before,.vtr-menu:after,.vtr-menu:before,.footer:after,.footer:before,.container:after,.container:before,.footbar:after,.footbar:before{display:table;clear:both;content:" "}
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;background-color:#fff}
.top-header{box-sizing:border-box;color:#000;float:left;font-weight:500;padding:5px 15px;text-align:center;width:100%;clear:both;margin-bottom:5px;font-size:14px}
.header{width:100%;box-sizing:border-box;float:left;background:rgba(0,0,0,0) linear-gradient(to bottom,#e3e3e3 0%,#f3f3f3 50%,#fff 100%) repeat scroll 0 0}
.container{width:100%;float:left;padding:20px 10px;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}
.footer a{color:#333;padding:5px 0;line-height:22px}
.logo{width:100%;text-align:center}
.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;margin-bottom:10px}
.vtr-title a{color:#333}
.vtr-title h1,.vtr-title h2,.vtr-title h3{font-weight:700;margin:0;padding:0;line-height:22px;font-size:22px}
.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{display:none;float:none;font-size:12px;text-align:left;margin:0;padding:0;color:#666}
.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%}
.slider ul{list-style:none outside none;padding-left:0;max-height:390px;overflow:hidden}
.content-slider li{background-color:#ccc;text-align:center;max-height:390px}
.home-thumb{width:100%;height:100%;text-align:center;background-color:#fff;transition:all 1s ease 0;overflow:hidden}
.vtr-menu-wrap{float:left;width:100%;padding:10px}
.vtr-menu-icon{cursor:pointer;font-size:18px;line-height:22px;color:#FFF;width:100%;display:block;padding:10px}
.mobile-menu{box-sizing:border-box;background-color:#333;display:none}
.mobile-menu a{display:block;color:#fff}
.mobile-menu ul{width:100%;display:block}
.mobile-menu li{line-height:30px;display:block;color:#fff;background-color:#333}
.mobile-menu > li{padding-left:0;padding-right:0;float:none}
.mobile-menu li > a{padding-left:10px}
.mobile-menu li li a{padding-left:20px}
.mobile-menu li li li a{padding-left:30px}
.mobile-menu li li li li a{padding-left:40px}
.mobile-menu li li.last{padding-bottom:0!important}
.vtr-menu{display:none}
@media screen and (min-width: 720px) {
.vtr-menu-wrap{display:none}
.vtr-menu{display:block;width:100%;background-color:#09C;font-weight:600;float:left}
.vtr-menu ul{width:100%;list-style:none;width:100%;display:none;position:absolute;background-color:#333}
.vtr-menu li{display:block;color:#fff;position:relative;background-color:#333;font-size:12px}
.vtr-menu > li{float:left;background-color:transparent;border-right-width:1px;border-right-style:solid;border-right-color:#999;font-size:16px}
.vtr-menu > li a{display:block;text-decoration:none;color:#fff;padding:10px 15px;cursor:pointer;margin:0}
.vtr-menu li:hover > a{background-color:#000}
.vtr-menu li:hover > ul{width:160px;display:block;left:0;z-index:99}
.vtr-menu li li:hover> ul{width:100%;display:block;top:0;left:100%}
.vtr-menu .current-menu-item a{background-color:#000}
}
#footbar{padding:0;float:left;width:100%;box-sizing:border-box;background-image:linear-gradient(to bottom,#f1f1f1 0%,#f4f4f4 100%);background-repeat:repeat-x;bottom:0}
#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}
.lancar-thumb{padding-top:15px;width:100%;height:400px;float:left;text-align:center;border-radius:5px;box-sizing:border-box;position:relative;border:thin solid #D4CFCF;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
.lancar-gambar{height:260px}
.lancar-gambar a{color:#999}
.lancar-gambar:hover{transform:scale(1.1);transition:all .3s ease 0}
.lancar-gambar-center{max-width:259px;margin-right:auto;margin-left:auto}
.lancar-title{width:auto;height:34px;padding-right:5px;padding-left:5px;overflow:hidden;clear:both;margin-top:5px;margin-bottom:5px}
.lancar-title a{font-size:12px;color:#000}
.lancar-title a:hover{text-decoration:none}
.lancar-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:135px;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;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
.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 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}
.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;float:left}
.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{padding:40px 20px}
.search-box1 input[type="text"]{width:100%;padding:20px;color:#333;outline:none}
.search-button{position:absolute;top:10px;right:10px;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:40px;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%;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:800px) {
.cart{z-index:1000;display:block;float:right;position:relative;font-size:18px;text-align:right;margin:5px;width:220px;padding:20px 80px 20px 20px;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;padding: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: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:80px;float:left;padding:10px;box-sizing:border-box}
.list-blog-title{max-height:35px;overflow:hidden}
.list-blog-title h2{font-size:20px;font-weight:500}
.list-blog-thumb{text-align:center;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: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:1100px) {
.container{width:100%;float:left;padding:10px 0;box-sizing:border-box}
#wrap{width:1200px;padding:10px 20px}
}
.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;margin:10px 0;font-size:18px;font-weight:700;background-color:#F0F0F0;padding:10px;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}
.featured-title h2{text-align:left;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}
#floatads-kiri{position:fixed;top:10px;margin-left:-180px;float:left;z-index:10}
#floatads-kanan{position:fixed;top:10px;margin-left:800px;float:left;z-index:10}
@media (max-width:1040px) {
#floatads-kiri{display:none}
#floatads-kanan{display:none}
}
.share-buttons{line-height:30px;font-size:14px;text-align:center;float:left;margin:10px 0;padding:10px 0;width:100%}
.share-buttons a{text-decoration:none;margin-right:5px;border-radius:5px;text-align:center;color:#fff;padding:5px}
@media (min-width:720px) {
.share-buttons a{margin-right:10px;padding:5px 10px}
}
.share-buttons a:hover{text-decoration:none}
.share-buttons a.twitter{background:#5DB5DE}
.share-buttons a.facebook{background:#3D62B3}
.share-buttons a.googleplus{background:#D34836}
.share-buttons a.googleplus:hover{background:#f75b44}
.share-buttons a.facebook:hover{background:#4273c8}
.share-buttons a.twitter:hover{background:#32bbf5}
.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;border:thin solid #D4CFCF;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;padding:10px}
.sidebar h4{color:#fff;padding:5px 0;font-size:16px;font-weight:700;background-color:#FFF;border-bottom:thin solid #D4D4D4;background:#414141 linear-gradient(to bottom,#414141 0%,#343434 100%) repeat-x scroll 0 0;border:1px solid #000;border-radius:3px 3px 0 0;color:#fff;font:22px;margin:0!important;padding:10px;text-transform:uppercase}
.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:5px 0}
.sidebar .box ul li hover{display:block;padding:2px}
.sidebar .box ul li{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}
.kategori-icon{cursor:pointer;font-size:18px;line-height:22px;width:100%;display:block;padding:10px 0;float:left;box-sizing:border-box}
.sidebar-menu{box-sizing:border-box;background-color:#FFF;float:left;width:100%;padding:0;float:none}
.kategori-icon{display:none}
.sidebar-menu h4{display:block;font-size:18px;padding:5px 0;margin-top:0;margin-bottom:0;font-weight:400}
.kategori-menu{margin-bottom:10px;margin-top:0;clear:both;display:block;text-align:left;border-top:1px solid #c3c3c3;background-color:#FFF}
.kategori-menu ul{list-style:none;padding:0;width:auto}
.kategori-menu li{position:relative;list-style-type:none;margin:0}
.kategori-menu li a{font-size:14px;line-height:22px;display:inline-block;color:#000;font-weight:500}
.kategori-menu li.menu-item-has-children ul{border-top:1px solid #c3c3c3}
.kategori-menu> li ul{margin:0}
.kategori-menu> li ul li{border-top:none;border-left:none;border-right:none}
.kategori-menu li a{display:block;padding-top:5px;padding-right:15px;padding-bottom:5px}
.kategori-menu li li a{display:block;padding:5px 15px}
.kategori-menu li li li a{display:block;padding:5px 15px 5px 35px}
.kategori-menu li li li li a{display:block;padding:5px 15px 5px 45px}
.kategori-menu li li.last{padding-bottom:0!important}
.kategori-menu i{text-align:center;position:absolute;right:0;height:32px;width:40px;line-height:30px;font-size:20px;top:0}
.kategori-menu li i:hover{cursor:pointer}
.kategori-menu ul.sub-menu{display:none}