@font-face{
	font-family:"OpenSans Bold";
	src:url(../fontweb/opensan/OpenSans-Bold.ttf);
	format:('ttf');
}
@font-face{
	font-family:"OpenSans SemiBold";
	src:url(../fontweb/opensan/OpenSans-Semibold.ttf);
	format:('ttf');
}
@font-face{
	font-family:"OpenSans Reguler";
	src:url(../fontweb/opensan/OpenSans-Regular.ttf);
	format:('ttf');
}
@font-face{
	font-family:"OpenSans Light";
	src:url(../fontweb/opensan/OpenSans-Light.ttf);
	format:('ttf');
}
@font-face{
	font-family:"OpenSans LightItalic";
	src:url(../fontweb/opensan/OpenSans-LightItalic.ttf);
	format:('ttf');
}
@font-face{
	font-family:"OpenSans Italic";
	src:url(../fontweb/opensan/OpenSans-Italic.ttf);
	format:('ttf');
}
@font-face{
	font-family:"Economica Reguler";
	src:url(../fontweb/economica/ECONOMICA-REGULAR-OTF.OTF);
	format:('otf');
}
@font-face{
	font-family:"Economica Bold";
	src:url(../fontweb/economica/ECONOMICA-BOLD-OTF.OTF);
	format:('otf');
}
@font-face {
  font-family: 'Glyphicons Halflings';

  src: url('../fonts/glyphicons-halflings-regular.eot');
  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.glyphicon-shopping-cart:before {
  content: "\e116";
}
.glyphicon-search:before {
  content: "\e003";
}
.glyphicon-user:before {
  content: "\e008";
}
.glyphicon-chevron-up:before {
  content: "\e113";
}
.glyphicon-chevron-down:before {
  content: "\e114";
}
.glyphicon-leaf:before {
  content: "\e103";
}
.glyphicon-list-alt:before {
  content: "\e032";
}
.glyphicon-log-in:before {
  content: "\e161";
}
.glyphicon-menu-down:before {
  content: "\e259";
}
.glyphicon-adjust:before {
  content: "\e063";
}
.glyphicon-remove:before {
  content: "\e014";
}
.glyphicon-trash:before {
  content: "\e020";
}
.glyphicon-repeat:before {
  content: "\e030";
}
.glyphicon-chevron-left:before {
  content: "\e079";
}
*{
	font-family:"OpenSans Reguler";
	-webkit-box-sizing:border-box;
	   -moz-box-sizing:border-box;
		 -o-box-sizing:border-box;
			box-sizing:border-box;
}
body{
	background:url(../images/icon/bg-custom.jpg) no-repeat fixed;
	background-size:cover;
}
a{text-decoration:none;}
.break{
	clear:both;
}
.text-right{
	text-align:right !important;
}
.text-center{
	text-align:center !important;
}
.mgt-10{
	margin-top:10px;
}
.mgb-10{
	margin-bottom:10px;
}
.mgr-5{
	margin-right:5px;
}
.mgr-10{
	margin-right:10px;
}
.mgr-15{
	margin-right:15px;
}
.cursor-pointer{
	cursor:pointer;
}
.mgl-10{
	margin-left:10px;
}
.label{
	display:block;
	font-family:"OpenSans SemiBold";
	font-size:13px;
	color:#333;
	margin-bottom:8px;
}
.label strong{
	font-family:"OpenSans Bold";
	font-size:14px;
}
.msg{
	padding:10px;
	margin-bottom:15px;
	font-family:"OpenSans SemiBold";
	font-size:14px;
	text-align:center;
	border-radius:4px;
}
.err{
	color:#F00;
	background:rgba(255,0,0,.2);
	border:1px solid rgba(255,0,0,.5);
}
.suc{
	color:#009100;
	background:rgba(0,145,0,.2);
	border:1px solid rgba(0,145,0,.5);
}
.title-page, .title-konten, .title-panel{
	font-family:"Economica Bold";
	font-size:28px;
	color:#0098E1;
	padding-bottom:10px;
	margin-bottom:20px;
	border-bottom:1px dashed rgba(204,204,204,1);
}
.title-panel{
	margin-bottom:10px;
}
.text-green{
	color:#009500 !important;
}
.text-red{
	color:#F00 !important;
}
.bg-orange{
	background:#FF8000 !important;
	color:#FFF !important;
}
.bg-red{
	background:#F00 !important;
	color:#FFF !important;
}
.bg-green{
	background:#009700 !important;
	color:#FFF !important;
}

#utama{
	display:block;
	width:100%;
	max-width:1000px;
	margin:0 auto;
	padding-bottom:15px;
	background:#FFF;
	box-shadow:0px 0px 15px rgba(51,51,51,.3);
}

.logo{
	float:left;
	width:45%;
}
.logo img{
	display:block;
	width:100%;
	margin-left:-15px;
}
.konten-atas{
	float:right;
	width:50%;
}
.ym{
	display:block;
	text-align:right;
	margin-bottom:3px;
	margin-top:5px;
}
.ym a{
	color:#666;
}
.ym a:hover{
	color:#009EEA;
}
.item-ym{
	display:inline-block;
	margin-left:10px;
}
.item-ym img{
	display:block;
	margin:0 auto;
	margin-bottom:2px;
	width:110px;
}
.item-ym .nama-ym{
	text-align:center;
	font-size:11px;
}
.box-cari{
	display:block;
}
.grup-cari{
	text-align:right;
	vertical-align:top;
	margin-bottom:5px;
}
.grup-cari .in-cari{
	padding:4px 10px;
	width:250px;
	font-size:12px;
	color:#555;
	border-radius:4px;
	border:1px solid rgba(204,204,204,.7);
}
.grup-cari .bt-cari{
	padding:4px 8px;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	background:rgba(0,183,0,1);
	border-radius:4px;
	border:1px solid rgba(0,128,0,.5);
	cursor:pointer;
}
.cart-akun{
	text-align:right;
}
.cart-akun li{
	position:relative;
	display:inline-block;
	margin-right:10px;
	margin-left:5px;
}
.cart-akun li a img{
	vertical-align:bottom;
	margin-right:2px;
}
.cart-akun li:after{
	position:absolute;
	content:"|";
	top:2px;
	right:-10px;
	font-size:12px;
	color:#666;
}
.cart-akun li:last-child{
	margin-right:0px;
}
.cart-akun li:last-child:after{
	content:"";
}
.cart-akun li a{
	display:block;
	font-family:"OpenSans Reguler";
	font-size:12px;
	color:#EC7600;
}
.cart-akun li a:hover{
	color:#555;
}
.jumpro{
	float:right;
	color:#F00;
}
#menu{
	display:table;
	width:100%;
	border-bottom:3px solid #11B1FF;
	border-radius:0 0 6px 6px;
}
#menu ul{
	display:table-row;
}
#menu li{
	display:table-cell;
	text-align:center;
	overflow:hidden;
	border-right:1px solid #2799e2;
}
#menu li:first-child{
	border-radius:0px 0 0 4px;
}
#menu li:last-child{
	border-right:none;
	border-radius:0 4px 4px 0;
}
#menu li a{
	display:block;
	font-family:Arial,sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#FFF;
	padding:12px 3px;
	background:#0485d8;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#36b1ff), to(#0485d8));
	background: s-webkit-linear-gradient(top, #36b1ff, #0485d8);
	background: -moz-linear-gradient(top, #36b1ff, #0485d8);
	background: -ms-linear-gradient(top, #36b1ff, #0485d8);
	background: -o-linear-gradient(top, #36b1ff, #0485d8);
}
#menu li a:hover{
	color:#FF0;
}
.act{
	color:#FF0 !important;
}

.slider{
	margin-bottom:20px;
}
.slider li{
	list-style:none;
}
.item-info{
	display:table-row;
}
.item-info .item{
	width:20%;
	display:table-cell;
	padding:15px 0;
	padding-bottom:10px;
}
.item-info .item img{
	display:block;
	width:100%;
}

.marquee{
	display:block;
	width:100%;
	font-family:"OpenSans SemiBold";
	font-size:14px;
	color:#0091D7;
	margin-bottom:10px;
	overflow:hidden;
}

#footer{
	padding-top:30px;
	border-top:1px solid rgba(204,204,204,.6);
}
.item-bottom .jud-bottom{
	font-family:"Economica Bold";
	font-size:20px;
	color:#666;
	margin-bottom:10px;
}
.item-bottom li{
	display:block;
}
.item-bottom li a{
	display:block;
	padding:4px 10px;
	padding-left:0;
	font-size:13px;
	color:#0091D7;
}
.item-bottom li a:hover{
	color:#FF8000;
}

.item-testi .isi-testi{
	font-size:13px;
	color:#333;
	margin-bottom:10px;
	line-height:22px;
}
.item-testi .nama-testi{
	font-family:"OpenSans Italic";
	font-size:13px;
	color:#0093D9;
}
.testi-lain{
	display:block;
	font-size:14px;
	color:#F47A00;
	margin-top:10px;
}
.border-testi{
	padding:0 15px;
	padding-bottom:15px;
	border-left:1px dashed rgba(204,204,204,1);
	border-right:1px dashed rgba(204,204,204,1);
}
.waktu-toko{
	font-family:"OpenSans Reguler";
	font-size:13px;
	margin-bottom:15px;
}
.waktu-toko strong{
	font-family:"OpenSans SemiBold";
}
.sosmed .jud-sosmed{
	display:inline-block;
	font-family:"Economica Bold";
	font-size:20px;
	color:#0093D9;
}
.sosmed a{
	display:inline-block;
}
.sosmed a img{
	vertical-align:bottom;
}

.copyright{
	font-size:12px;
	color:#666;
	margin-top:25px;
	padding-top:15px;
	border-top:1px solid rgba(204,204,204,1);
}
.copyright a{
	color:#00A9FB;
}
.copyright a:hover{
	color:#FF8204;
}

.katman{
	font-size:0px;
	margin-bottom:20px;
}
.katman .item-katman{
	display:inline-block;
	width:23%;
	margin:0 1%;
	border:1px solid rgba(0,168,249,1);
	border-radius:8px;
	overflow:hidden;
}
.katman .item-katman img{
	display:block;
	width:100%;
}
.katman .item-katman:hover{
	border:1px solid rgba(0,155,0,1);
}
.katman .jud-katman{
	font-family:"Economica Bold";
	font-size:28px;
	color:#0098E1;
	padding-bottom:10px;
	margin-bottom:20px;
	border-bottom:1px dashed rgba(204,204,204,1);
}

.konten{
	margin-bottom:25px;
}
.isi-home{
	font-size:13px;
	color:#333;
	line-height:22px;
}
.isi-home a{
	color:#008FD5;
}
.isi-home strong,
.isi-home b,
.isi-home em strong,
.isi-home strong u{
	font-family:"OpenSans Bold";
}
.isi-home em{
	font-family:"OpenSans Italic";
}
.isi-home table{
	margin:0 auto;
}
.isi-home hr{
	margin:15px 0;
}
.isi-home li{
	margin-left:25px;
	margin-bottom:5px;
	padding-left:5px;
}
.isi-home iframe{
	display:block !important;
	width:100% !important;
	margin-top:15px !important;
	margin-bottom:15px !important;
}
.agen table{
	width:100%;
	border-collapse:collapse;
	border:1px solid rgba(102,102,102,1);
}
.agen table th,
.agen table td{
	padding:4px;
	border-collapse:collapse;
	border:1px solid rgba(102,102,102,1);
}

.produk-kami{
	font-size:0px;
}
.produk-kami .item-pro{
	position:relative;
	display:inline-block;
	width:23%;
	padding:5px;
	margin:0 1%;
	margin-bottom:15px;
	border-radius:4px;
	vertical-align:top;
	border:1px solid rgba(0,145,215,1);
}
.produk-kami .item-pro img{
	display:block;
	width:90%;
	margin:5px 5%;
}
.produk-kami .item-pro .nama-pro{
	font-size:11px;
	text-align:center;
	color:#0097DF;
	margin-bottom:5px;
	min-height:30px;
}
.produk-kami .item-pro .harga-pro{
	font-size:12px;
	text-align:center;
	color:#F27900;
	margin-bottom:10px;
}
.produk-kami .item-pro .menu-item-pro{
	display:table;
	width:100%;
}
.produk-kami .item-pro .menu-item-pro .vw{
	font-size:10px;
	padding:2px 5px;
	background:#F97C00;
	border-radius:3px;
	width: 100%;
	text-align: center;
	margin-bottom: 7px;
}

.produk-kami .item-pro .menu-item-pro .qty{
	font-size: 11px;
	text-align: center;
}

.qtydet{ padding: 7px 2px; text-align: center; border-radius: 5px }

.produk-kami .item-pro .menu-item-pro .vw a{
 color: #FFF;
}

.produk-kami .item-pro .menu-item-pro .vw:hover{
	background:#0080FF;
}
.produk-kami .item-pro .menu-item-pro .kr{
	font-size:10px;
	padding:2px 6px;
	color:#FFF;
	background:#c4d000;
	border-radius:3px;
	float:right;
}
.produk-kami .item-pro .menu-item-pro .kr:hover{
	background:#97004B;
}

.produk-kami .item-pro .menu-item-pro .krsdh{
	font-size:10px;
	padding:2px 6px;
	color:#FFF;
	background-color:#C60;
	border-radius:3px;
	text-align: center;
}
.produk-kami .item-pro .menu-item-pro .krsdh:hover{
	background:#97004B;
}

.crt{
	display:inline-block !important;
	width:10px !important;
	margin:0 !important;
	vertical-align:middle;
	margin-bottom:2px !important;
}
.bestpro{
	position:absolute;
	background:url(../images/best.gif) no-repeat;
	width:40px;
	top:5px;
	left:5px;
	font-size:16px;
	z-index:9;
}

.img-dproduk{
	padding:6px;
	border-radius:3px;
	margin-bottom:15px;
	border:1px solid rgba(204,204,204,.7);
}
.img-dproduk img{
	display:block;
	max-width:100%;
	margin:0 auto;
	border-radius:3px;
}
.tit-dproduk{
	font-family:"Economica Bold";
	font-size:28px;
	color:#F27900;
	padding-bottom:10px;
	border-bottom:1px dashed rgba(204,204,204,1);
}
.detail-produk{
	font-size:14px;
}
.tb-dpro{
	width:100%;
	margin-bottom:10px;
	border-collapse:collapse;
}
.tb-dpro td{
	font-size:13px;
	color:#666;
	padding:8px 5px;
	border-bottom:1px dotted rgba(204,204,204,1);
}
.tdpro{
	color:#333 !important;
}
.harga-dpro{
	margin-bottom:10px;
}
.harga-dpro .tit-harga{
	display:inline-block;
	font-family:"OpenSans Bold";
	font-size:18px;
	color:#333;
}
.harga-dpro .lab-harga{
	display:inline-block;
	font-family:"OpenSans Light";
	font-size:28px;
	color:#D56A00;
	margin-left:10px;
}
.add-dpro{
	display:inline-block;
	padding:8px 15px;
	background:#009FEC;
	font-size:14px;
	color:#FFF;
	margin-bottom:15px;
	border-radius:4px;
}
.add-dpro img{
	margin-right:5px;
}
.udah-dpro{
	background:#EC7600 !important;
}
.out-stok{
	background:#005B88;
}
.share-dpro{
	padding-top:15px;
	padding-bottom:5px;
	border-top:1px dashed rgba(204,204,204,1);
}
.text-dpro{
	font-family:"Economica Bold";
	font-size:22px;
	color:#E67300;
	margin-bottom:15px;
}
.thumb-dpro{
	font-size:0;
	margin-bottom:20px;
}
.thumb-dpro .item-thumb{
	display:inline-block;
	width:19%;
	margin-right:1%;
	padding:3px;
	border-radius:4px;
	vertical-align:middle;
	border:1px solid rgba(204,204,204,.8);
}
.thumb-dpro .item-thumb img{
	display:block;
	width:100%;
	border-radius:3px;
}
.spek-dpro{
	padding:15px;
	margin-bottom:20px;
	font-size:13px;
	color:#444;
	line-height:22px;
	border:1px solid rgba(204,204,204,.7);
	border-radius:4px;
}
.tit-spek{
	display:inline-block;
	font-size:13px;
	background:rgba(204,204,204,.1);
	color:#333;
	padding:6px 20px;
	margin-left:15px;
	margin-bottom:-1px;
	border:1px solid rgba(204,204,204,.7);
	border-radius:3px 3px 0 0;
}
.lispek-dpro{
	margin-top:5px;
}
.lispek-dpro li{
	margin-left:15px;
	padding-left:5px;
}

.side-panel{
	padding:10px;
	margin-bottom:15px;
	border-radius:4px;
	border:1px solid rgba(204,204,204,1);
}
.in-katpro{
	margin-bottom:15px;
}
.in-katpro .sel-ktpro{
	display:block;
	width:100%;
	padding:7px 10px;
	border:1px solid rgba(204,204,204,.9);
	border-radius:3px;
}

/*-------- CSS MENU --------*/

#cssmenu,
#cssmenu ul,
#cssmenu li,
#cssmenu a {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  font-weight: normal;
  text-decoration: none;
  line-height: 1;
  font-size: 14px;
  position: relative;
}
#cssmenu a {
  line-height: 1.3;
}
#cssmenu {
  width: 100%;
}
#cssmenu > ul > li{
	border-bottom:1px solid rgba(204,204,204,.3);
}
#cssmenu > ul > li:last-child{
	border-bottom:none;
}
#cssmenu > ul > li > a {
  padding-right: 50px;
  padding-left:15px;
  padding-top:9px;
  padding-bottom:9px;
  font-size: 15px;
  display: block;
  background:transparent;
  color:#008000;
  text-transform:capitalize;
  position: relative;
}
#cssmenu > ul > li > a > img{
	margin-right:15px;
}
#cssmenu > ul > li > a > span {
  background:#0074E8;
  padding: 10px;
  padding-left:25px;
  display: block;
  font-size: 13px;
  font-weight: 300;
}
#cssmenu > ul > li > a:hover {
  text-decoration: none;
  color:#0097DF;
}
#cssmenu > ul > li.active {
  border-bottom: none;
}
#cssmenu > ul > li.active > a {
  color:#009FEC;
}
#cssmenu > ul > li.active > a span {
  background:#0074E8;
}
#cssmenu span.cnt {
  position: absolute;
  top: 8px;
  right: 15px;
  padding: 0;
  margin: 0;
  background: none;
}
#cssmenu ul ul {
  display: none;
}
#cssmenu ul ul li {
  border-bottom:1px solid rgba(204,204,204,.3);
  border-top: 0;
}
#cssmenu ul ul a {
  padding: 10px;
  padding-left:20px;
  display: block;
  color:#E67300;
  font-size: 13px;
  background:#FFF;
}
#cssmenu ul ul a img{
	margin-right:10px;
}
#cssmenu ul ul a:hover {
  color: #bd0e36;
  background:rgba(0,255,0,.1);
}
.akt{
	color: #bd0e36 !important;
	background:rgba(0,255,0,.1) !important;
}
#cssmenu ul ul li.odd {
  background: #f4f4f4;
}
#cssmenu ul ul li.even {
  background: #fff;
}
/* ------ BATAS ------ */
#cssmenukat,
#cssmenukat ul,
#cssmenukat li,
#cssmenukat a {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  font-weight: normal;
  text-decoration: none;
  line-height: 1;
  font-size: 14px;
  position: relative;
}
#cssmenukat a {
  line-height: 1.3;
}
#cssmenukat {
  width: 100%;
  display:none;
}
#cssmenukat > ul > li{
	border-bottom:1px solid #964c02;
}
#cssmenukat > ul > li:last-child{
	border-bottom:none;
}
#cssmenukat > ul > li > a {
  padding-right: 25px;
  padding-left:25px;
  padding-top:12px;
  padding-bottom:12px;
  font-size: 15px;
  display: block;
  background:#b35a01;
  color:#FFF;
  text-transform:capitalize;
  position: relative;
  cursor:pointer;
}

#cssmenukat > ul > li > a > span {
	float:right;
}
#cssmenukat > ul > li > a:hover {
  text-decoration: none;
}
#cssmenukat > ul > li.active {
  border-bottom: none;
}
#cssmenukat > ul > li.active > a {
  
}
#cssmenukat > ul > li.active > a span {
	
}
#cssmenukat span.cnt {
  position: absolute;
  top: 8px;
  right: 15px;
  padding: 0;
  margin: 0;
  background: none;
}
#cssmenukat ul ul {
  display: none;
}
#cssmenukat ul ul li {
  border-bottom:1px solid rgba(204,204,204,.3);
  border-top: 0;
}
#cssmenukat ul ul a {
  padding: 10px;
  padding-left:20px;
  display: block;
  color:#444;
  font-size: 13px;
  background:#FFF;
}
#cssmenukat ul ul a:hover {
  color:#FF8000;
  background:rgba(204,204,204,.1);
}
#cssmenukat ul ul li.odd {
  background: #f4f4f4;
}
#cssmenukat ul ul li.even {
  background: #fff;
}
/*---------- END CSS MENU ----------*/

.menu-usia li, .menu-harga li{
	margin-left:33px;
	padding-left:15px;
	list-style:square;
	color:#6666ff;
	border-bottom:1px solid rgba(204,204,204,.3);
}
.menu-usia li:last-child, .menu-harga li:last-child{
	border-bottom:none;
}
.menu-usia li a, .menu-harga li a{
	padding-top:9px;
	padding-bottom:9px;
	font-size: 15px;
	display: block;
	background:transparent;
	color:#6666ff;
	text-transform:capitalize;
	position: relative;
}
.menu-usia li:hover,
.menu-usia li:hover a{
	color:#C10000;
}

.menu-harga li{
	color:#78570f;
	list-style-type:inherit;
}
.menu-harga li a{
	color:#78570f;
}
.menu-harga li:hover,
.menu-harga li:hover a{
	color:#999;
}

.panel-artikel{
	border:1px solid rgba(204,204,204,.3);
	background:rgba(204,204,204,.2)
}
.menu-artikel li{
	display:block;
	padding-bottom:15px;
	margin-bottom:15px;
	border-bottom:1px dashed rgba(204,204,204,1);
}
.menu-artikel li:last-child{
	margin-bottom:0;
	padding-bottom:0;
	border-bottom:none;
}
.menu-artikel li .jud-menu-artik{
	display:block;
	font-family:"Economica Bold";
	font-size:20px;
	color:#FF8000;
	margin-bottom:5px;
}
.menu-artikel li:hover .jud-menu-artik{
	color:#008ED2;
}
.menu-artikel li:hover .isi-menu-artik .link-artikel{
	color:#F00;
}
.menu-artikel li .isi-menu-artik{
	display:block;
	font-size:13px;
	color:#555;
	line-height:21px;
}
.menu-artikel li .isi-menu-artik .link-artikel{
	text-wrap:normal;
	color:#F07800;
}
.link-artik-lain{
	display:block;
	margin-top:15px;
	padding-top:12px;
	padding-bottom:5px;
	text-align:center;
	font-family:"Economica Bold";
	font-size:20px;
	color:#555;
	border-top:1px solid rgba(204,204,204,.5);
}
.link-artik-lain:hover{
	color:#009BE6;
}

.grp-track{
	display:table;
	width:100%;
}

.grp-track .grp-in-track .inp-track{
	float:left;
	width:75%;
	padding:6.5px 11px;
	border:1px solid rgba(204,204,204,.7);
	border-right:none;
	border-radius:4px 0 0 4px;
	outline:none;
}
.grp-track .grp-in-track .btn-track{
	float:right;
	width:25%;
	padding:6px 11px;
	background:#080;
	font-family:"OpenSans SemiBold";
	font-size:14px;
	color:#FFF;
	border:1px solid rgba(0,140,0,1);
	border-radius:0 4px 4px 0;
	cursor:pointer;
	outline:none;
}

.panel-alamat{
	background:#17c4d5;
	border:none;
}
.tipan-alamat{
	color:#FFF !important;
}
.isi-panel-alamat{
	font-size:13px;
	color:#FFF;
}
.isi-panel-alamat strong{
	font-family:"OpenSans Bold";
}
.isi-panel-alamat u{
	font-family:"OpenSans Italic";
}
.isi-panel-alamat div{
	margin-bottom:2px;
}
.isi-panel-alamat a{
}

.gmb-bank img{
	display:block;
	width:100%;
	max-width:300px;
}

.jud-side-bank{
	font-family:"OpenSans SemiBold";
	font-size:14px;
	margin-bottom:10px;
}
.list-bank li{
	margin-left:20px;
	padding-left:5px;
	list-style:square;
	font-size:13px;
	color:#444;
	margin-bottom:5px;
}

.panel-fb{
	border:none;
	padding:0;
}
.fb-like-box{
	width:100% !important;
}
#fb-root {
  display: none;
}
/* To fill the container and nothing else */
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
  width: 100% !important;
}
.fb-wrap {
  width:100%;
  margin: 0 auto;
}
.fb-like-box, .fb-like-box span, .fb-like-box span iframe[style] { width: 100% !important; }


.item-maba{
	position:relative;
	padding:7px;
	border:1px solid #769d01;
	background:#99cc00;
	border-radius:4px;
}
.item-maba:hover{
	border:1px solid #FF62B0;
	background:#FF80C0;
}
.item-maba img{
	display:block;
	width:100%;
	margin-bottom:5px;
	border-radius:4px;
}
.item-maba .jud-maba{
	font-family:"OpenSans SemiBold";
	font-size:13px;
	color:#FFF;
	text-align:center;
	min-height:55px;
}
.item-maba:nth-child(odd){
	border:1px solid #00ccff;
	background:#c4e8ff;
}
.item-maba:nth-child(odd):hover{
	background:#eaffd5;
	border:1px solid #8ae42f;
}
.item-maba:nth-child(odd) .jud-maba{
	color:#ff6600;
}

.besel-produk{
	font-size:0px;
}
.besel-produk .item-pro{
	position:relative;
	display:inline-block;
	width:12.2857142857%;
	background:#ebf7ff;
	padding:5px;
	margin:0 1%;
	margin-bottom:15px;
	border-radius:4px;
	vertical-align:top;
	border:1px solid #bce4fe;
}
.besel-produk .item-pro:hover{
	background:#eaffd5;
	border:1px solid #8ae42f;
}
.besel-produk .item-pro img{
	display:block;
	width:90%;
	margin:5px 5%;
}
.besel-produk .item-pro .nama-pro{
	font-size:11px;
	text-align:center;
	color:#0664a1;
	margin-bottom:5px;
	min-height:40px;
}
.item-7{
	width:13.2857142857% !important;
	margin:0 0.5% !important;
	margin-bottom:15px !important;
}

.item-artikel{
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom:1px dotted rgba(204,204,204,1);
}
.item-artikel .item-jud-artikel{
	font-family:"Economica Bold";
	font-size:22px;
	color:#EA7500;
	margin-bottom:10px;
}
.item-artikel .item-tgl-artikel{
	font-family:"OpenSans SemiBold";
	font-size:13px;
	color:#666;
	margin-bottom:10px;
}
.item-artikel img{
	float:left;
	vertical-align:middle;
	margin-right:10px;
	margin-bottom:5px;
	margin-top:5px;
	padding:2px;
	border:1px solid rgba(204,204,204,1);
}
.item-artikel .item-subisi-artikel{
	font-size:13px;
	color:#444;
	line-height:22px;
}
.item-artikel .item-subisi-artikel strong{
	font-family:"OpenSans Bold";
	color:#444;
	white-space:nowrap;
}
.item-artikel:hover .item-jud-artikel{
	color:#008ED2;
}
.item-artikel:hover .item-subisi-artikel strong{
	color:#555;
}

.box-artikel .img-artikel{
	float:left;
	padding:4px;
	max-width:100%;
	margin-right:15px;
	margin-bottom:10px;
	border:1px solid rgba(204,204,204,1);
}
.box-artikel .img-artikel img{
	display:block;
	max-width:100%;
}
.box-artikel .isi-artikel{
	font-size:13px;
	color:#444;
	line-height:22px;
}
.box-artikel .isi-artikel p{
	margin-bottom:8px;
}
.box-artikel .isi-artikel strong{
	font-family:"OpenSans Bold";
}
.box-artikel .isi-artikel u{
	font-family:"OpenSans Italic";
}
.box-artikel .isi-artikel li{
	margin-left:15px;
	padding-left:5px;
}
.box-artikel .isi-artikel img{
	margin:10px;
}
.borbot-artikel{
	border-bottom:1px dotted rgba(204,204,204,1);
}

.nama-testi{
	font-family:"OpenSans LightItalic" !important;
	font-size:18px;
	color:#008ED2 !important;
	text-transform:capitalize;
}
.tgl-testi{
	font-family:"OpenSans Light";
	font-size:14px;
	color:#666;
	margin-left:15px;
}
.kutip-testi{
	position:relative;
	padding-left:35px;
}
.kutip-testi:before,
.kutip-testi:after{
	position:absolute;
	content:'';
	left:0;
	top:6px;
	border-right:5px solid #E87400;
	border-bottom:5px solid #E87400;
	border-left:5px solid transparent;
	border-top:5px solid transparent;
}
.kutip-testi:after{
	left:15px;
}
.isi-input-testi{
	float:right;
	font-family:"Economica Bold";
	font-size:20px;
	color:#FF8000;
	margin-top:7px;
}
.isi-input-testi:hover{
	color:#009700;
}

.box-kontak .text-kontak{
	font-family:"OpenSans SemiBold";
	font-size:12px;
	margin-bottom:15px;
}
.form-kontak{
	margin-bottom:30px;
}
.input-kontak .in-kontak{
	width:100%;
	padding:8px 15px;
	margin-bottom:15px;
	border:1px solid rgba(204,204,204,.6);
	box-shadow:inset 0px 1px 3px rgba(204,204,204,.3);
	border-radius:4px;
}
.tx-kontak{
	font-size:13px;
	min-height:100px;
	resize:vertical;
}
.btn-kontak{
	padding:7px 20px;
	margin:0 8px;
	background:#009300;
	color:#FFF;
	border:1px solid rgba(0,132,0,1);
	cursor:pointer;
	border-radius:4px;
}
.capta{
	padding:4px;
	margin-bottom:15px;
	border:1px solid rgba(204,204,204,.8);
	border-radius:3px;
}
.capca{
	font-size:15px;
}
.capta img{
	display:block;
	width:100% !important;
	max-width:150px;
	height:30px;
	border-radius:3px;
}

.tbl-tim{
	width:100%;
	margin-bottom:20px;
	border-collapse:collapse;
}
.tbl-tim thead{
	background:rgba(204,204,204,.1);
	border-bottom:2px solid rgba(204,204,204,.8);
}
.tbl-tim th{
	font-family:"OpenSans SemiBold";
	font-size:14px;
}
.tbl-tim th,
.tbl-tim td{
	padding:6px;
	font-size:12px;
	border-collapse:collapse;
	border:1px solid rgba(204,204,204,1);
}
.tbl-tim td{
	vertical-align:top;
}
.tbl-tim td strong{
	font-family:"OpenSans SemiBold";
	font-size:12px;
}
.tbl-tim td li{
	margin-left:15px;
	margin-right:15px;
	margin-bottom:3px;
}

.table{
	width:100%;
	margin-bottom:25px;
	border-collapse:collapse;
	border:1px solid rgba(204,204,204,1);
}
.no-border{
	border:1px solid transparent !important;
}
.no-border thead{
	border-bottom:2px solid transparent !important;
}
.no-border th,
.no-border td{
	border:1px solid transparent !important;
}

.table thead{
	background:rgba(204,204,204,.2);
	border-bottom:2px solid rgba(204,204,204,1);
}
.table tfoot{
	background:rgba(204,204,204,.2);
}
.table th,
.table td{
	padding:6px 5px;
	font-size:13px;
	border-collapse:collapse;
	border:1px solid rgba(204,204,204,1);
}
.table th,
.table th strong,
.table td strong{
	font-family:"OpenSans SemiBold";
}
.btn-hapus{
	font-size:16px;
}
.link-pros{
	display:block;
	padding:10px;
	margin-top:15px;
	font-family:"OpenSans SemiBold";
	text-align:center;
}

.item-trans{
	position:relative;
	padding:15px;
	margin-bottom:15px;
	background:#f3ffe8;
	border:1px solid rgba(0,134,198,1);
}
.item-trans:last-child{
	margin-bottom:0px;
}
.item-trans:nth-child(odd){
	background:#FFF;
}

.kiri-trans{
	float:left;
	width:50%;
}
.kanan-trans{
	float:right;
	width:45%;
}

.btn-hapus-trans{
	position:absolute;
	top:5px;
	right:5px;
	color:#F00;
}
.btn-hapus-trans a{
	font-family:"OpenSans SemiBold";
	color:#F00;
}

.trans-cari{
	display:block;
	width:100%;
	text-align:right;
	margin-bottom:10px;
}
.trans-cari a{
	display:inline-block;
	color:#009700;
	font-size:14px;
	margin-right:10px;
}
.trans-cari .input-caritrans{
	display:inline-block;
	width:220px;
}
.trans-cari .input-caritrans .inp-ctrans{
	width:75%;
	padding:5px 15px;
	border:1px solid rgba(204,204,204,1);
	border-radius:3px;
}
.trans-cari .input-caritrans .btn-ctrans{
	width:20%;
	padding:4px 0px;
	vertical-align:top;
	border:1px solid rgba(204,204,204,1);
	border-radius:3px;
	cursor:pointer;
}

.ubah-data{
	display:block;
	text-align:right;
	font-family:"OpenSans SemiBold";
	font-size:14px;
	color:#009700;
}

.text-entrans{
	font-size:14px;
	line-height:22px;
}
.text-entrans strong{
	font-family:"OpenSans Bold";
	font-size:16px;
	color:#F00;
}
.text-entrans p{
	margin-bottom:10px;
}
.text-entrans a{
	color:#00A600;
}
/* ----------------------------------------------------- PAGINATION ----------------------------------------------------- */
.page-artikel{
	font-size:0;
	padding-bottom:20px;
}
.page-produk{
	text-align:center;
	font-size:0;
	padding-top:20px;
	padding-bottom:20px;
}

.page-trans{
	display:block;
	width:100%;
	text-align:center;
	padding-top:10px;
	margin-bottom:15px;
}
.page-trans strong{
	font-family:"OpenSans SemiBold";
	font-size:13px;
}
.page-trans a{
	display:inline-block;
	font-family:"OpenSans SemiBold";
	font-size:13px;
	color:#666;
	margin:0 3px;
	padding:4px 10px;
	border:1px solid rgba(0,168,249,1);
	border-radius:3px;
}



.pagination{padding-left:0; border-radius:4px; margin-bottom:0;}
.pagination>li{display:inline}
.pagination>li>a,.pagination>li>span{position:relative;display:inline-block;padding:6px 12px; font-size:13px;line-height:1.42857143;text-decoration:none;color:#FFF;
background-color:#1a99ca;border:1px solid #006486;margin-left:-1px;}
.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-bottom-left-radius:4px;border-top-left-radius:4px}
.pagination>li:last-child>a,.pagination>li:last-child>span{border-bottom-right-radius:4px;border-top-right-radius:4px}
.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{color:#FFF;background-color:#006486;border-color:#006486}
.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{z-index:2;color:#fff;background-color:#006486;border-color:#006486;cursor:default}
.pagination>.disabled>span,.pagination>.disabled>span:hover,.pagination>.disabled>span:focus,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus{color:#999;background-color:#fff;border-color:#ddd;cursor:not-allowed}
.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px}
.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-bottom-left-radius:6px;border-top-left-radius:6px}
.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-bottom-right-radius:6px;border-top-right-radius:6px}
.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px}
.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-bottom-left-radius:3px;border-top-left-radius:3px}
.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-bottom-right-radius:3px;border-top-right-radius:3px}


/* ----------------------------------------------------------------------------------------------*/
/* -------------------------------------- RESPONSIVE STYLE --------------------------------------*/
/* ----------------------------------------------------------------------------------------------*/

#rs-header{
	position:relative;
	display:none;
	z-index:1;
}
#rs-menu{
	background:#05a2fc;
}
.menu-kiri{
	float:left;
	width:61px;
	padding:15px;
	border-right:1px solid rgba(4,146,227,1);
}
.menu-kiri:hover{
	background:#0492e4;
}
.menu-kanan{
	float:right;
	font-size:0px;
}
.bar .line-bar{
	display:block;
	width:100%;
	height:2px;
	background:#FFF;
	margin-bottom:6px;
}
.bar .line-bar:last-child{
	margin-bottom:0px;
}
.menu-kanan li{
	position:relative;
	display:inline-block;
	border-left:1px solid rgba(4,146,227,1);
}
.menu-kanan li a{
	display:block;
	font-size:24px;
	color:#FFF;
	padding:7.5px 20px;
	cursor:pointer;
}
.menu-kanan li a:hover{
	background:#0492e4;
}
.menu-user{
	display:none;
	position:absolute;
	top:48px;
	right:-1px;
	z-index:9;
}
.menu-user li{
	display:block;
	border:none;
	border-bottom:1px solid #EC7600;
}
.menu-user li a{
	display:block;
	font-family:"OpenSans Reguler";
	font-size:13px;
	background:#FF8000;
	padding:10px 15px;
	white-space:nowrap;
}
.menu-user li a:hover{
	background:#FF972F;
}
.jumcart{
	position:absolute;
	top:0;
	right:0px;
	font-family:"OpenSans Bold";
	font-size:13px !important;
	color:#FFF;
	padding:3px 8px !important;
	margin:0 auto;
	background:rgba(255,0,0,1);
	border-radius:50%;
	z-index:19;
}
.jumcart:hover{
	background:rgba(255,0,0,.9) !important;
	color:#FFF !important;
}

#rs-logo{
	position:relative;
	background:#FFF;
	padding:30px 0;
	z-index:2;
}
#rs-logo img{
	display:block;
	width:50%;
	margin:0 auto;
}
#rs-kategori{
	background:#FFF;
}
.rs-kat{
	background:#F47A00;
	padding:15px 25px;
}
.text-kat{
	font-family:"Economica Bold";
	font-size:22px;
	color:#FFF;
}
.icon-kat{
	float:right;
	text-align:right;
	color:#FFF;
	padding-top:5px;
}
#rs-cari{
	background:#FFF;
	padding-bottom:30px;
}
.input-cari{
	background:#007900;
	border:1px solid rgba(0,125,0,1);
}
.input-cari .rs-incari{
	float:left;
	width:85%;
	padding:10px 15px;
	border:none;
	outline:none;
	background:#FFF;
}
.input-cari .rs-btcari{
	float:right;
	width:15%;
	padding:8px 15px;
	background:#007900;
	font-size:16px;
	color:#FFF;
	border:none;
	cursor:pointer;
}
.target-menu-kiri{
	background:#FFF;
}
.target-menu-kiri li{
	display:block;
	border-bottom:1px solid rgba(204,204,204,.5);
}
.target-menu-kiri li a{
	display:block;
	padding:10px;
	padding-left:20px;
	font-family:"OpenSans SemiBold";
	color:#E17100;
}
.target-menu-kiri li a:hover{
	color:#009CE8;
	background:rgba(204,204,204,.2);
}
#target-menu-kiri{
	display:none;
}

.respon-table{
	display:block;
	width:100%;
	margin-bottom:15px;
	overflow-x:auto;
}
.rs-ubah-data{
	display:none;
}
.rs-block{
	display:none;
}
/* ----------------- @MEDIA QUERY ----------------- */

@media (max-width: 1024px) {
	.isi-home img{
		max-width:100% !important;
	}


}
@media (max-width: 993px) {
	#header,
	#menu{
		display:none;
	}
	#rs-header{
		display:block;
	}
}
@media (max-width: 768px) {
	#rs-logo img{
		width:60%;
	}
	.besel-produk .item-pro{
		width:18%;
	}
	.item-7{
		width:19% !important;
		margin:0 0.5% !important;
		margin-bottom:15px !important;
	}
	.ubah-data{
		display:none;
	}
	.rs-ubah-data{
		display:block;
		font-size:14px;
		color:#FFF;
		text-align:center;
		padding:8px 15px;
		background:#009700;
		border-radius:3px;
	}
}
@media (max-width: 534px) {
	#rs-logo img{
		width:80%;
	}
	.rs-none{
		display:none;
	}
	.rs-block{
		display:block;
	}
	.kiri-trans{
		width:100%;
	}
	.kanan-trans{
		float:left;
		width:100%;
	}
	.item-7{
		width:31.3333333333% !important;
		margin:0 1% !important;
		margin-bottom:15px !important;
	}
	
}
@media (max-width: 480px) {
	#rs-logo img{
		width:80%;
	}
	.besel-produk .item-pro{
		width:31.3333333333%;
	}
	.item-7{
		width:48% !important;
		margin:0 1% !important;
		margin-bottom:15px !important;
	}
	.produk-kami .item-pro{
		width:48%;
		margin:0 1%;
		margin-bottom:15px;
	}
	.carorder img{
		float:left !important;
		display:block;
		width:100% !important;
		height:auto !important;
		margin-bottom:15px !important;
		padding-bottom:20px !important;
	}
	.copyright{
		text-align:center;
	}
	.isi-home img{
		display:block;
		width:100% !important;
		height:auto !important;
		float:left;
		margin-bottom:15px;
	}
	.isi-home iframe{
		display:block;
		width:100% !important;
		margin-top:15px !important;
		margin-bottom:15px !important;
	}
	.box-artikel .isi-artikel img{
		margin:0px !important;
		display:block;
		margin-bottom:10px !important;
		width:100% !important;
	}
}
@media (max-width: 320px) {
	#rs-logo img{
		width:90%;
	}
	.besel-produk .item-pro{
		width:100%;
		margin:0px !important;
		margin-bottom:15px !important;
	}
	.item-7{
		width:100% !important;
		margin:0px !important;
		margin-bottom:15px !important;
	}
	.produk-kami .item-pro{
		width:100%;
		margin:0px !important;
		margin-bottom:15px !important;
	}
}



.wa_chat{
	width: 28%;
	padding: 0px;
	margin:0px;
	text-align: center;
	position: fixed;
	bottom: 0px;
	right: 9%;
}

.wa_chat a {
	display: inline;
	padding:7px 15px;
	border: solid 1px #999;
	background-color: #25d366;
	border-radius: 20px 20px 0 0;
	color: #FFFFFF;
	font-weight: bold;
	text-transform: capitalize;
}

.wa_chat a img{
	width: 30px;
	/*position: absolute;*/
	bottom: 10px;
	z-index: 99999;
	right: 10%;
}

@media only screen and (max-width : 1100px) {

 .wa_chat{
	right: 3%;
}

.wa_chat a img{
	right: -15px;
	width: 20px;
}

} 


@media only screen and (max-width : 980px) {

	

} 

@media only screen and (max-width : 900px) {
	
.wa_chat{
	width: 50%;
	right: 3%;
}
.wa_chat a{
	font-size: 12px;
}
.wa_chat a img{
	right: -15px;
	width: 20px;
}
 
} 

@media only screen and (max-width : 767px) {
  
  .wa_chat{
	width: 50%;
	right: 3%;
}
.wa_chat a{
	font-size: 12px;
}
.wa_chat a img{
	right: -15px;
	width: 20px;
}

}

@media only screen and (max-width : 650px) {
  
  

}

@media only screen and (max-width : 400px) {

	  .wa_chat{
		width: 80%;
		right: 3%;
	}
	.wa_chat a{
		font-size: 12px;
	}
	.wa_chat a img{
		right: -15px;
		width: 20px;
	}

}