/* CSS Document */

@font-face{
	font-family:"Myriad Pro Bold";
	src:url(../fonts/MYRIADPRO-BOLD.OTF);
	format:('otf');
}
@font-face{
	font-family:"Myriad Pro Reguler";
	src:url(../fonts/MYRIADPRO-REGULAR.OTF);
	format:('otf');
}
@font-face{
	font-family:"Arial Rounded Bold";
	src:url(../fonts/ARLRDBD.TTF);
	format:('ttf');
}
@font-face{
	font-family:"Roboto";
	src:url(../fonts/RobotoCondensed-Regular.ttf);
	format:('otf');
}
@font-face{
	font-family:'Open Sans';
	src:url(../fonts/OpenSans-Regular.ttf);
	format:('ttf');
}
*{
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
}
body{
	position:relative;
}
.break{
  clear:both;
  display:block;
}
.baris{
	margin:0 auto;
 	width:100%;
	max-width:1000px;
}
h1{
	font-family:"Arial Rounded Bold";
	font-weight:normal;
}
.dh1{
  width:6.25%
}
.dh2{
  width:14.583333333333334%;
}
.dh2-5{
	width:19.4444444444%;
}
.dh3{
  width:22.916666666666664%;
 }
.dh3-5{
  width:24.0833333333%;
}
.dh8-5{
  width:71.6666666667%;
}
.dh4{
  width:31.25%;
}
.dh5{
  width:39.58333333333333%;
}
.dh6{
  width:47.91666666666667%;
}
.dh7{
  width:56.25%;
}
.dh8{
  width:64.58333333333334%;
}
.dh9{
  width:72.91666666666666%;
}
.dh10{
  width:81.25%;
}
.dh11{
  width:89.58333333333334%;
}
.dh12{
  width:97.91666666666666%;
}
.dh1, .dh2, .dh3, .dh4, .dh5, .dh6, .dh7, .dh8, .dh9, .dh10, .dh11, .dh12, .dh3-5, .dh8-5, .dh2-5 {
  display:inline;
  float:left;
  margin:0 1.0416666666666665%;
}

.peta{
	display:block;
	width:100%;
	padding:13px 0;
	color:#00a0e8;
}
.peta a{
	font-size:14px;
	text-decoration:none;
	color:#00a0e8;
	font-family:"Myriad Pro Reguler";
	text-transform:capitalize;
}
.ym-box{
	position:fixed;
	background:#bc3ef0;
	right:-270px;
	top:55px;
	padding:10px;
	padding-left:30px;
	z-index:5;
	-moz-transition: 0.2s ease;
  	-webkit-transition: 0.2s ease;
  	transition: 0.2s ease;
}
.ym-box:hover{
	right:0;
	-moz-transition: 0.3s ease;
  	-webkit-transition: 0.3s ease;
  	transition: 0.3s ease;
}
.ym-content{
	display:block;
	width:230px;
	padding:10px 0;
	z-index:999;
	background:#bc3ef0;
	border-bottom:2px solid #d16ff9;
}
.ym-content:last-child{
	border-bottom:none;
}
.ym-content a{
	float:left;
	width:19%;
	margin-right:7%;
}
.ym-content a img{
	display:block;
	width:100%;
	border:2px solid #FFF;
	border-radius:50%;
}
.ym-content .isi{
	float:left;
	width:66%;
}
.ym-content .isi .nama, .ym-content .isi .hp, .ym-content .isi .bbm{
	display:block;
	color:#FFF;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.ym-button{
	position:absolute;
	background:url(../images/ym-button.png) no-repeat;
	cursor:pointer;
	left:-30px;
	top:0;
	width:60px;
	height:170px;
	z-index:-3;
}
.panah{
	position:fixed;
	top:0;
	right:0;
	z-index:99;
}
.panah .nama{
	position:relative;
	background:#C00;
	color:#FFF;
	font-family:"Myriad Pro Reguler";
	padding:5px 10px;
	border-bottom:1px solid #800000;
	border-radius:0px 0px 0px 5px;
}
.panah .nama:before{
	position:absolute;
	content:'';
	bottom:-16px;
	right:0px;
	border-top:8px solid #800000;
	border-left:8px solid #800000;
	border-right:8px solid transparent;
	border-bottom:8px solid transparent;
}
.popup-chat{
	padding:20px;
	background:#bc3ef0;
}

.fb-like-box{
	position:fixed;
	background:#FFF;
	right:-300px;
	top:20px;
	z-index:10;
	-moz-transition: 0.2s ease;
  	-webkit-transition: 0.2s ease;
  	transition: 0.2s ease;
}
.fb-like-box:hover{
	right:0;
	-moz-transition: 0.3s ease;
  	-webkit-transition: 0.3s ease;
  	transition: 0.3s ease;
}
.fb-button{
	position:absolute;
	background:url(../images/fb_button.png) no-repeat;
	cursor:pointer;
	left:-30px;
	top:0;
	width:60px;
	height:129px;
	z-index:-1;
}
.fb-button:hover .fb-button{
	right:30px;
}
.header{
	display:block;
	width:100%;
}
.box-logo{
	padding:25px 0;
}
.box-cart{
	display:block;
	width:100%;
}
.box-item{
	width:60%;
	margin-top:15px;
	position:relative;
	background:#a1d600;
	float:right;
	color:#FFF;
	font-size:12px;
	padding:8px 15px;
	padding-left:30px;
	border-radius:10px;
	border:5px solid #FFF;
	box-shadow:-1px 1px 1px rgba(51,51,51,.2);
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
}
.box-item:before{
	content:'';
	position:absolute;
	background:url(../images/ico_krj.png) no-repeat;
	width:71px;
	height:75px;
	left:-55px;
	bottom:-30px;
}
.ckt1{
	float:left;
}
.itm{
	font-size:20px;
	font-weight:bold;
}
.ckt{
	padding:8px 10px;
	background:#FFF;
	color:#7da600;
	text-decoration:none;
	border-radius:12px;
	font-size:12px;
	float:right;
	margin-top:8px;
}
.log{
	font-size:13px;
	color:#00aeef;
	float:right;
	padding:8px 0;
	margin-right:10px;
	font-weight:bold;
}
.log a{
	color:#00aeef;
	text-decoration:none;
}
.ht{
	float:left;
	text-align:right;
	margin-right:-10px;
	margin-top:45px;
	width:28%;
}
.ht1{
	color:#f9be00;
}
.ht2{
	display: block;
	color:#f94600;
	font-size:18px;
	font-weight:bold;
	text-decoration: none;
}
.menu{
	display:block;
	width:100%;
}
.nav{
	display:-webkit-flex;
	-webkit-flex-direction: row;
	-webkit-justify-content: space-between;
	-webkit-flex-wrap: wrap;
	display:-moz-flex;
	-moz-flex-direction: row;
	-webkit-justify-content: space-between;
	-webkit-flex-wrap: wrap;
}
.menu li{
	margin:0;
	display:inline-block;
	list-style:none;
	vertical-align:bottom;
	width:9.57%;
	text-align:center;
	border-radius:7px 7px 0px 0px;
}
.menu a:hover{
	background:#158AFF;
	border-radius:7px 7px 0px 0px;
	-moz-transition: 0.2s ease;
  	-webkit-transition: 0.2s ease;
  	transition: 0.2s ease;
}
.menu .a_1{
	text-decoration:none;
	color:#FFF;
	display:block;
	padding:10px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
}
.a_2{
	padding:100px 0;
}
.li_2{
	padding:7.5px 0;
}
.box-scr{
	display:block;
	width:100%;
	background:#158AFF;
	padding:8px 0;
}
.tagwel{
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	padding:5px 0;
	float:left;
}
.tagwel a{
	color:#FF0;
}
.tagwel a:hover{
	text-decoration:underline;
}

.content{
	background:#def3f6;
	width:100%;
	display:block;
}
.scr{
	float:right;
	width:29%;
}

.grp{
	background:#FFF;
	border-radius:7px;
	width:100%;
}
.inp-tx{
	float:left;
	width:84%;
	border:none;
	background:transparent;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	padding:5px 10px;
	color:#000;
}
.sbt{
	position:relative;
	float:right;
	width:15%;
	border:none;
	border-left:1px solid #999;
	padding:4px 3px;
	background:url(../images/ico_search.png) no-repeat 50%;
	color:transparent;
	cursor:pointer;
}
.slider{
	width:100%;
	padding:15px 0;
}
.slider img{
	display:block;
	width:100%;
	border-radius:13px;
}
.sli{
	display:block;
	width:100%;
	margin-top:15px;
}
.sli img{
	display:block;
	width:100%;
	border-radius:13px;
	border:2px solid #c2c2c2;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
}

.sidebar{
    position: relative;
	display:block;
	width:100%;
	padding:10px;
	padding-top:20px;
	border-radius:10px;
	border:3px solid #dfdfdf;
	background:#FFF;
	z-index:999;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
}
.sidebar li{
	position:relative;
	list-style:none;
	padding:3px 0;
	border-bottom:1px dashed #c6c6c6;
}
.sidebar li:hover ul{
	visibility:visible;
	right:-290px;
	opacity: 1;
	z-index: 999;
}
.sidebar li ul{
	position:absolute;
	visibility:hidden;
	top:0;
	right:-580px;
	width:290px;
	opacity: 0;
	background:#FFF;
	padding:10px;
	z-index:999;
	border-radius:8px;
	border:3px solid #dfdfdf;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-moz-transition: 0.3s ease;
  	-webkit-transition: 0.3s ease;
  	transition: 0.2s ease;
}
.sidebar li ul li{
	background:#FFF;
	display:block;
}

.sidebar li:last-child{
	border-bottom:none;
}
.sidebar a{
	position:relative;
	display:block;
	padding:5px 5px;
	color:#626262;
	text-decoration:none;
	font-size:13px;
	padding-left:23px;
	font-family: 'Open Sans', sans-serif;
	transition:all 0.2s ease;
}
.sidebar a:before{
	position:absolute;
	content:'';
	background:url(../images/li.png) no-repeat;
	bottom:9px;
	left:3px;
	width:10px;
	height:10px;
}
.sidebar a:hover{
	color:#FFF;
	background:#f94600;
	border-radius:6px;
	padding-left:46px;
}
.sidebar a:hover:before{
	position:absolute;
	content:'';
	background:url(../images/li_p.png) no-repeat;
	bottom:9px;
	left:23px;
	width:10px;
	height:10px;
	transition:all 0.2s ease;
}
.sidebar ul li:hover>a{
	background:#f94600;
	color:#FFF;
	border-radius:6px;
	padding-left:46px;
}
.sidebar ul li:hover>a:before{
	position:absolute;
	content:'';
	background:url(../images/li_p.png) no-repeat;
	bottom:9px;
	left:23px;
	width:10px;
	height:10px;
	transition:all 0.2s ease;
}
.label{
	position:relative;
	width:73%;
	background:#f94600;
	color:#FFF;
	padding:10px 20px;
	margin-left:-30px;
	z-index:5;
}
.label .sp1{
	font-size:22px;
	font-family: 'Open Sans', sans-serif;
	font-weight:600;
}
.label .sp2{
	font-size:12px;
	font-family: 'Open Sans', sans-serif;
}
.label:before{
	content:'';
	position:absolute;
	width:81px;
	height:85px;
	background:url(../images/ico_1.png) no-repeat;
	right:-46px;
	top:-5px;
}
.label:after{
	content:'';
	position:absolute;
	width:17px;
	height:11px;
	background:url(../images/ico_2.png) no-repeat;
	left:0;
	top:-11px;
	z-index:1;
}

.box-pro{
	display:block;
	width:100%;
	font-size:0;
	background:#FFF;
	border-radius:10px;
	border:3px solid #dfdfdf;
	padding:5px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
}
.produk{
	position:relative;
	display:inline-block;
	vertical-align:top;
	width:21%;
	margin:2%;
	margin-bottom:1%;
	font-size:16px;
	z-index:99;
}
.produk .img{
	display:block;
	vertical-align:middle;
	height:150px;
	text-align:center;
}
.produk img{
	display:block;
	max-width:100%;
	margin:0 auto;
	margin-bottom:5px;
}
.produk .title{
	display:block;
	color:#ef9800;
	font-family: 'Open Sans', sans-serif;
	font-size:12px;
	margin-bottom:4px;
}
.produk .harga{
	display:block;
	color:#F00;
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
}
.produk .sale{
	display:block;
	color:#999;
	text-decoration:line-through;
	font-family: 'Open Sans', sans-serif;
	font-size:13px;
}
.bt-cart{
	position:relative;
	display:block;
	padding:5px 0;
	color:#3eafe4;
	text-decoration:none;
	font-size:12px;
	border-top:1px solid #999;
	text-align:center;
	padding-left:10px;
}
.bt-cart:before{
	content:'';
	position:absolute;
	width:13px;
	height:13px;
	background:url(../images/bsk.png) no-repeat;
	left:1px;
	top:7px;
}
.box-cek{
	display:block;
	width:100%;
	border:3px solid #008ece;
	background:#00a0e8;
	margin-top:15px;
	border-radius:10px;
	padding:10px 0;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
}
.sp3{
	display:block;
	color:#fbff92;
	font-family:"Myriad Pro Bold";
	font-size:22px;
	margin-left:10px;
}
.sp4{
	display:block;
	color:#fbff92;
	font-family:"Myriad Pro Reguler";
	font-size:12px;
	margin-left:10px;
}
.box-grp-cek{
	display:block;
	width:100%;
	background:#FFF;
	padding:10px;
	margin-top:10px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
}
.grp1{
	display:block;
	width:70%;
	float:right;
	padding:3px;
	border:2px solid #76cdf4;
	border-radius:8px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
}
.g1{
	margin-bottom:10px;
	position:relative;
}
.g1:before{
	content:'';
	position:absolute;
	width:63px;
	height:26px;
	background:url(../images/jne.png) no-repeat;
	left:-70px;
	top:1px;
}
.g2{
	position:relative;
}
.g2:before{
	content:'';
	position:absolute;
	width:50px;
	height:26px;
	background:url(../images/whn.png) no-repeat;
	left:-60px;
	top:0;
}
.txt1{
	float:left;
	padding:3px;
	width:64%;
	border:none;
	background:transparent;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
}
.bt-ck{
	float:right;
	background:#0984bb;
	border:none;
	color:#FFF;
	font-family:"Myriad Pro Reguler";
	padding:2px;
	border-radius:4px;
	width:31%;
	cursor:pointer;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
}
.box-kontak{
	display:block;
	width:100%;
	border:3px solid #93c300;
	background:#a1d600;
	margin-top:15px;
	border-radius:10px;
	padding:10px;
	padding-top:20px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
}
.box-kontak .lab{
	background:#fff33b;
	position:relative;
	width:75%;
	color:#FFF;
	padding:14px 0;
	padding-left:25px;
	margin-left:-30px;
}
.box-kontak .lab .sp5{
	color:#88b500;
	font-size:25px;
	font-family: 'Open Sans', sans-serif;
	font-weight:600;
}
.lab:before{
	content:'';
	position:absolute;
	width:81px;
	height:85px;
	background:url(../images/ico_3.png) no-repeat;
	right:-80px;
	top:0px;
}
.lab:after{
	content:'';
	position:absolute;
	width:17px;
	height:11px;
	background:url(../images/ico_2.png) no-repeat;
	left:0;
	top:-11px;
	z-index:1;
}
.sp6{
	display:block;
	width:100%;
	color:#FFF;
	font-size:13px;
	font-family: 'Open Sans', sans-serif;
	font-style:italic;
}
.box-kontak a{
	position:relative;
	display:block;
	color:#FFF;
	font-size:13px;
	margin-top:10px;
	margin-left:30px;
	font-family: 'Open Sans', sans-serif;
}
.box-kontak a:before{
	content:'';
	position:absolute;
	width:17px;
	height:18px;
	background:url(../images/ico_5.png) no-repeat;
	left:-26px;
	top:1px;
}

.box-testi{
	position:relative;
	display:block;
	width:100%;
	height:140px;
	margin:15px 0;
	background:#6cdde1;
	border:3px solid #1bc4c8;
	border-radius:13px;
	padding:10px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
}
.box-testi:before{
	content:'';
	position:absolute;
	width:199px;
	height:134px;
	background:url(../images/ico_testi_1.png) no-repeat;
	right:0;
	top:0;
}
.box-testi .title{
	position:relative;
	float:left;
	width:29%;
	color:#FFF;
	padding:28px 0;
	font-size:34px;
	font-family: 'Open Sans', sans-serif;
	font-weight:600;
	z-index:1;
}
.box-testi .title:before{
	content:'';
	position:absolute;
	width:301px;
	height:134px;
	background:url(../images/ico_tit.png) no-repeat;
	left:-11px;
	top:-10px;
	z-index:-1;
}
.box-testi .testi{
	float:left;
	width:52%;
}
.box-testi .testi .isi{
	font-family: 'Open Sans', sans-serif;
	font-size:13px;
	line-height:20px;
	margin-bottom:10px;
	color:#3e3e3e;
	font-style:italic;
	padding:3px;
}
.box-testi .testi .nama{
	font-family: 'Open Sans', sans-serif;
	font-size:13px;
	color:#3e3e3e;
	font-style:italic;
}
.link_testi{
	color:#005177;
	font-size:14px;
	text-decoration:none;
}
.link_testi:hover{
	color:#FFF;
}

.sitemap{
	background:#FFF;
	width:100%;
	display:block;
}
.box-menu-bt{
	display:block;
	width:100%;
	margin:25px 0;
}
.box-menu-bt .title{
	display:block;
	width:85%;
	font-family: 'Open Sans', sans-serif;
	padding:10px 0;
	border-bottom:1px solid #b1b1b1;
}
.box-menu-bt .st{
	width:100%;
}
.box-menu-bt ul{
	padding:3px 0;
	margin:0;
}
.box-menu-bt li{
	list-style:none;
	padding:3px 0;
	padding-left:0;
}
.box-menu-bt a{
	text-decoration:none;
	color:#9d9d9d;
	font-family: 'Open Sans', sans-serif;
	font-size:12px;
	display:block;
}
.box-menu-bt .bank{
	display:inline-block;
	font-size:0;
	width:49%;
	padding:10px 0;
}
.box-menu-bt .bank img{
	display:block;
	width:100%;
	margin-bottom:10px;
}
.box-menu-bt .bank .no, .box-menu-bt .bank .nm{
	display:block;
	font-size:12px;
	font-family: 'Open Sans', sans-serif;
	color:#6f6f6f;
}

.footer{
	display:block;
	width:100%;
	background:#00a0e8;
	padding:10px 0;
}
.box-footer{
	color:#FFF;
	font-size:13px;
	font-family:Tahoma, Geneva, sans-serif;
}
.detail-pro{
	display:block;
	width:100%;
	margin-top:15px;
}
.detail-pro .picture{
	position:relative;
	float:left;
	width:46%;
	margin-left:2%;
	margin-right:1%;
	padding-bottom:1%;
	text-align:center;
	border:1px solid #cdcdcd;
	border-radius:8px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
}
.info-zoom{
	position:absolute;
	font-family:"Myriad Pro Reguler";
	font-size:14px;
	color:#333;
	left:0;
	bottom:-30px;
}
.detail-pro .picture .pic-thumb-pro{
	display:inline-block;
	width:18%;
	margin-bottom:5px;
	margin:0 1%;
}
.detail-pro .picture .pic-thumb-pro img{
	width:100%;
	border-radius:1px;
}
.detail-pro .picture img{
	border-radius:10px;
	margin:0 auto;
}
.detail-pro .box-detail{
	float:right;
	width:49%;
	font-size:14px;
	padding-right:15px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
}
.detail-pro .box-detail .title{
	display:block;
	width:100%;
	padding:10px 0;
	padding-top:0;
	border-bottom:4px solid #00a0e8;
	color:#00a0e8;
	font-size:20px;
	font-family: 'Open Sans', sans-serif;
	font-weight:600;
}
.detail-pro .box-detail .cat{
	display:block;
	padding:10px 0;
	border-bottom:1px dashed #c6c6c6;
	font-family: 'Open Sans', sans-serif;
	font-size:13px;
	color:#797979;
}
.detail-pro .box-detail .price{
	display:block;
	padding:10px 0;
	font-family: 'Open Sans', sans-serif;
	font-size:13px;
	color:#000;
	border-bottom:2px solid #33b3ed;
}
.detail-pro .box-detail .price .sale{
	font-family: 'Open Sans', sans-serif;
	font-size:13px;
	text-decoration:line-through;
	color:#999;
}
.cart2{
	display:block;
	margin-top:15px;
	padding:22px 0;
}
.bt-cart2{
	position:relative;
	text-decoration:none;
	color:#FFF;
	background:#92b429;
	padding:15px 15px;
	padding-left:55px;
	border-radius:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.bt-cart2:before{
	content:'';
	position:absolute;
	width:31px;
	height:28px;
	background:url(../images/cart.png) no-repeat;
	left:12px;
	top:8px;
}
.bt-cart2:after{
	content:'';
	position:absolute;
	width:100%;
	height:100%;
	padding:4px;
	border-radius:13px;
	border:1px dashed #a3a3a3;
	left:-5px;
	top:-5px;
}
.sp7{
	font-size:14px;
	color:#000;
	display:block;
	font-weight:600;
	font-family: 'Open Sans', sans-serif;
}
.sp8{
	display:block;
	font-size:24px;
	color:#ec8825;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.box-line{
	display:block;
	width:96%;
	padding:10px 0;
	font-size:20px;
	margin:0 2%;
	font-family: 'Open Sans', sans-serif;
	font-weight:600;
	color:#00a0e8;
	border-bottom:5px solid #00a0e8;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
}

.box-desc{
	position:relative;
	display:block;
	width:96%;
	font-size:13px;
	line-height:20px;
	margin:60px 2%;
	margin-bottom:20px;
	padding:20px;
	color:#7a7a7a;
	font-family:Tahoma, Geneva, sans-serif;
	border:1px solid #ededed;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
}
.box-desc li{
	margin-left:15px;
}
.tit-desc{
	position:absolute;
	font-size:13px;
	padding:8px 15px;
	color:#333;
	font-family: 'Open Sans', sans-serif;
	background:#FFF;
	border:1px solid #ededed;
	border-bottom:none;
	left:-1px;
	top:-37px;
	font-weight:600;
}
.box-share{
	font-size:14px;
	padding:10px 0;
	display:block;
	width:100%;
}

.box-judul{
	font-size:14px;
	display:block;
	width:96%;
	margin:0 2%;
	padding-top:2%;
}
.box-tagline{
	font-size:14px;
	display:block;
	width:96%;
	font-family: 'Open Sans', sans-serif;
	color:#999;
	margin:0 2%;
	margin-top:-10px;
	padding-top:2%;
}
.j1{
	color:#ef9800;
	display:block;
	font-size:36px;
	margin-bottom:5px;
}
.j2{
	color:#d1d1d1;
	display:block;
	font-family: 'Open Sans', sans-serif;
	font-size:21px;
}
.box-de-item{
	display:block;
	width:100%;
	padding:5px 10px;
	border:1px solid #d9d9d9;
	margin:8px 0;
	color:#947959;
	font-size:13px;
	font-family:Tahoma, Geneva, sans-serif;
	border-radius:5px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
}
.ur-pos{
	padding:5px 10px;
	font-size:12px;
	margin-left:15px;
	cursor:pointer;
}
.item_l{
	float:left;
	padding:5px 0;
}
.item_r{
	float:right;
	text-align:right;
	color:#8a8a8a;
}
	
.con-isi{
	display:block;
	width:96%;
	margin:0 2%;
	margin-top:2%;
	padding:2% 0;
	font-size:13px;
	color:#333;
	line-height:20px;
	font-family: 'Open Sans', sans-serif;
}
.con-isi p{
	line-height:20px;
	font-size:13px;
	padding:3px 0;
	font-family: 'Open Sans', sans-serif;
}
.con-isi ol{
	padding:10px 0;
}
.con-isi li{
	margin-left:17px;
	padding-left:8px;
	font-family: 'Open Sans', sans-serif;
	line-height:25px;
	font-size:13px;
}

.c1{
	background:#fe4ada;
}
.c2{
	background:#a1d600;
}
.c3{
	background:#f9be00;
}
.c4{
	background:#f94600;
}
.c5{
	background:#158AFF;
	cursor:default;
}

.fh_1{
	font-size:14px;
}
.tb_cart{
	width:96%;
	border-collapse:collapse;
	margin:4% 2%;
	margin-top:2%;
}
.tb_cart th, .tb_cart td{
	border:1px solid #DDD;
}
.tb_cart th{
	font-weight:normal;
	font-family: 'Open Sans', sans-serif;
	font-size:13px;
	padding:5px 0;
	background:#F4F4F4;
}
.tb_cart td{
	padding:3px;
	font-family: 'Open Sans', sans-serif;
	font-size:13px;
}

.tbpro{
	width:100%;
	margin-top:15px;
	border-collapse:collapse;
	color:#333;
}
.tbpro td{
	border-bottom:1px dashed #c6c6c6;
	padding:10px 0;
	font-family: 'Open Sans', sans-serif;
	font-size:13px;
}
.tdd{
	color:#797979;
}
.tddt{
	width:4%;
}
.tdst{
	color:#ec8825;
}

.desreg{
	width:96%;
	display:block;
	margin:15px 2%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#333;
}
.tb_reg{
	width:96%;
	margin:15px 2%;
	color:#666;
	font-size:12px;
	font-family:Arial, sans-serif;
}
.tb_reg .tk_reg{
	text-align:center;
}
.tb_reg .lab_reg{
	text-align:right;
	line-height:20px;
}
.tb_reg .inreg{
	line-height:20px;
	padding:3px 10px;
	border:1px solid #CCC;
	border-radius:5px;
}
.tb_reg .rdreg{
	margin-right:5px;
}
.tb_reg .lrdreg{
	margin-right:5px;
	line-height:30px;
}
.tb_reg .btreg{
	margin-top:15px;
	padding:5px 10px;
	border:1px solid #CCC;
	background:rgba(204,204,204,.3);
	cursor:pointer;
	color:#333;
	border-radius:5px;
	margin-right:10px;
}

.foot-cart{
	display:block;
	width:100%;
	background:#F5F5F5;
	border-top:1px solid rgba(204,204,204,.5);
	border-radius:0 0 7px 7px;
}

.box-cart-lagi{
	display:block;
	width:97%;
	margin:3%;
	margin-left:0;
	text-align:right;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
}
.box-cart-sls{
	display:block;
	width:97%;
	margin:3%;
	margin-right:0;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
}

.box-cart-lagi a, .box-cart-sls a{
	position:relative;
	color:#390;
	text-decoration:none;
	font-family:"Arial Rounded Bold";
	font-size:14px;
	display:block;
	padding:15px;
}
.box-cart-lagi a{
	color:#359AFF;
}
.box-cart-lagi a:hover, .box-cart-sls a:hover{
	background:#FF8000;
	color:#FFF;
}
.box-cart-sls a:hover{
	border-radius:0 0 6px 0;
}
.box-cart-lagi a:hover{
	border-radius:0 0 0 6px ;
}
.box-cart-lagi a:before{
	position:absolute;
	content:'';
	width:40px;
	height:36px;
	background:url(../images/lagi_1.png) no-repeat;
	top:5px;
	left:15px;
}
.box-cart-sls a:before{
	position:absolute;
	content:'';
	width:40px;
	height:36px;
	background:url(../images/selesai_1.png) no-repeat;
	top:5px;
	right:15px;
}

.b-cart{
	width:96%;
	margin:0 2%;
	text-align:right;
	margin-top:3%;
}
.b-cart a{
	position:relative;
	font-weight:bold;
	color:#208FFF;
	text-decoration:none;
	font-family: 'Open Sans', sans-serif;
	padding-left:40px;
}
.b-cart a:before{
	position:absolute;
	content:'';
	width:35px;
	height:35px;
	background:url(../images/cart-icon.png) no-repeat;
	top:-10px;
	left:0;
}
.bt-up{
	background:url(../images/update.png) no-repeat;
	width:25px;
	height:25px;
	border:none;
	color:transparent;
	cursor:pointer;
}

.alcart{
	display:block;
	width:96%;
	margin:2% 2%;
	padding:10px 2%;
	font-size:13px;
	font-family: 'Open Sans', sans-serif;
	background:#C4E1FF;
	border:1px solid rgba(111,183,255,.5);
	border-radius:3px;
	color:#006DAE;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
}

.tb_login{
	width:100%;
	font-family: 'Open Sans', sans-serif;
	font-size:13px;
}
.tb_login .ipuser{
	width:100%;
	padding:8px 10px;
	border:1px solid rgba(204,204,204,1);
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
}
.tb_login .tdlogintop{
	padding:10px 0;
	font-family:"Arial Rounded Bold";
}
.tb_login .tdlogintop h2{
	font-family:"Arial Rounded Bold";
	font-size:26px;
	color:#FF8000;
}
.foot_login{
	display:block;
	width:100%;
	background:rgba(204,204,204,.1);
	padding:10px 0;
	border-top:1px solid rgba(232,232,232,1);
	font-size:13px;
	font-family: 'Open Sans', sans-serif;
}
.box-login{
	width:350px; 
	margin:auto; 
	margin-top:20px; 
	text-align:center; 
	border-radius:10px; 
	background:#FFF; 
	box-shadow:0px 1px 1px rgba(204,204,204,1);
}
.bt-login{
	padding:5px 15px;
	border:1px solid rgba(204,204,204,1);
	background:#F4F4F4;
	box-shadow:0px 1px 1px rgba(204,204,204,.5);
	cursor:pointer;
	border-radius:3px;
}
.msg-login{
	display:block;
	width:100%;
	text-align:center;
	margin:10px 0;
	font-size:13px;
	font-family: 'Open Sans', sans-serif;
}
.msg-box-login{
	display:block;
	width:90%;
	text-align:center;
	margin:0 auto;
	margin-top:20px;
	padding:5px 10px;
	font-size:13px;
	font-family: 'Open Sans', sans-serif;
	color:#F00;
	background:rgba(255,91,91,.2);
	border:1px solid rgba(255,79,79,.5);
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
}

.left-kon{
	float:left;
	width:48%;
	padding:10px 0;
}
.tit-kon{
	font-family: 'Open Sans', sans-serif;
	font-size:18px;
	font-weight:600;
	margin-bottom:20px;
}
.alamat-kon, .alamat-kon span, .alamat-kon p{
	font-family: 'Open Sans', sans-serif;
}

.right-kon{
	float:right;
	width:48%;
	padding:10px 0;
}
.form-kon{
	display:block;
	width:100%;
	border:1px solid rgba(219,219,219,.8);
	padding-top:4%;
}
.grp-kon, .grp-kon label{
	display:block;
	width:100%;
	font-family: 'Open Sans', sans-serif;
	font-weight:bold;
	font-size:13px;
}

.grp-kon .in-kon{
	display:block;
	width:70%;
	padding:5px 10px;
	font-size:13px;
	margin:5px 0;
	border:1px solid rgba(204,204,204,1);
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
}
.grp-kon{
	width:92%;
	margin-bottom:15px;
	margin-left:4%;
	margin-right:4%;
}
.grp-kon-bt{
	display:block;
	width:100%;
	padding:15px;
	background:rgba(230,230,230,.4);
	border-top:1px solid rgba(218,218,218,1);
	text-align:right;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
}
.bt-kon{
	padding:5px 15px;
	background:rgba(66,160,255,1);
	border:1px solid rgba(32,143,255,1);
	color:#FFF;
	cursor:pointer;
	border-radius:3px;
}
.grp-kon .in-kon-tex{
	display:block;
	width:100%;
	padding:5px 10px;
	font-size:13px;
	margin:5px 0;
	border:1px solid rgba(204,204,204,1);
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
}
.peta-kon{
	display:block;
	width:100%;
	margin-top:15px;
	padding:4px;
	box-shadow:0px 1px 1px rgba(204,204,204,.7);
	border:1px solid rgba(204,204,204,1);
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
}

.box-resi{
	display:block;
	width:100%;
}
.resi{
	display:inline-block;
	width:24%;
	margin:0.5%;
	vertical-align:top;
	background:rgba(149,202,255,.5);
	border:1px solid rgba(62,158,255,.7);
	color:#0078F0;
	text-decoration:none;
	padding:5px;
	text-align:center;
	font-family: 'Open Sans', sans-serif;
	font-size:12px;
	border-radius:5px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
}

.box-konf{
	display:block;
	width:100%;
	border-radius:5px;
	border:1px solid rgba(204,204,204,1);
	margin-bottom:15px;
	box-shadow:0px 1px 1px rgba(204,204,204,.6);
}
.tit-konf{
	display:block;
	width:100%;
	padding:10px 15px;
	font-family: 'Open Sans', sans-serif;
	font-weight:600;
	font-size:16px;
	border-radius:5px 5px 0px 0px;
	background:rgba(239,239,239,1);
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
}

.tb-konf{
	width:96%;
	margin:10px 2%;
	font-family: 'Open Sans', sans-serif;
	font-size:13px;
}
.in-konf{
	padding:5px 10px;
	width:200px;
}
.konf-kirim{
	display:block;
	width:100%;
	padding:7px 15px;
	border-radius:5px;
	text-align:right;
	background:rgba(239,239,239,1);
	border:1px solid rgba(204,204,204,1);
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-shadow:0px 1px 1px rgba(204,204,204,.6);
}
.bt-konf-kirim{
	padding:4px 10px;
	color:#FFF;
	background:rgba(66,160,255,.9);
	border:1px solid rgba(0,118,236,.8);
	border-radius:5px;
	cursor:pointer;
}

.inp-testi{
	display:block;
	width:100%;
	text-align:right;
	margin-bottom:15px;
	}
.inp-testi a{
	text-decoration:none;
	font-weight:bold;
	color:#009900;
	}
.box-testi-kon{
	display:block;
	width:100%;
	padding:2%;
	border:1px solid #DDD;
	margin-bottom:15px;
	box-shadow:0px 1px 1px rgba(204,204,204,.6);
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
}
.box-testi-kon .left{
	float:left;
	width:18%;
	margin-right:1%;
}
.box-testi-kon .left img{
	display:block;
	width:100%;
	}
.box-testi-kon .right{
	float:right;
	width:79%;
}
.box-testi-kon .right .nama{
	display:block;
	width:100%;
	margin-bottom:10px;
	font-weight:bold;
	font-size:16px;
}
.box-testi-kon .right .isi{
	display:block;
	width:100%;
}
.tgl-tes{
	font-size:12px;
	color:#666666;
	font-weight:normal;
	}
.input-form{
	display:block;
}
.input-form label{
	display:block;
	font-size:14px;
	font-weight:600;
	padding:10px 0;
}
.input-form .input{
	display:block;
	width:99.9%;
	padding:15px 5px;
	padding-left:25px;
	border:none;
	background:#FFF;
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
}
.input-form span{
	font-family: 'Open Sans', sans-serif;
	font-size:16px;
}
.input-submit{
	background:#CA0000;
	color:#FFF;
	border:none;
	margin:20px 0;
	padding:8px 20px;
	cursor:pointer;
}
.input-tgh{
	text-align:center;
}

.hal-testi{
	display:block;
	width:100%;
	}

.box-area{
	display:block;
	width:96%;
	margin:0 2%;
	padding-bottom:10px;
	border-bottom:1px solid rgba(204,204,204,1);
}
.box-area .left{
	float:left;
	width:20%;
}
.box-area .left a{
	display:block;
	width:100%;
	font-weight:bold;
	text-align:center;
	font-family: 'Open Sans', sans-serif;
	color:#090;
	padding:5px 0;
}
.box-area .left img{
	width:100%;
	display:block;
}
.box-area .right{
	float:right;
	width:75%;
}
.box-area .right .tit{
	display:block;
	width:100%;
	font-family: 'Open Sans', sans-serif;
	font-size:18px;
	font-weight:bold;
	margin-bottom:5px;
	padding-bottom:5px;
	border-bottom:1px solid rgba(204,204,204,1);
}
.box-area .right .tb-area{
	font-family: 'Open Sans', sans-serif;
	font-size:13px;
	line-height:20px;
	color:#666;
}

.box-his-tran{
	display:block;
	width:96%;
	margin:2%;
}
.box-his-tran .sid-tran{
	display:block;
	width:100%;
	font-size:0px;
}
.box-his-tran .sid-tran .tit{
	display:block;
	width:99%;
	margin:0 0.5%;
	padding:5px 0;
	border-radius:5px;
	background:#0F87FF;
	color:#FFF;
	font-family: 'Open Sans', sans-serif;
	font-size:13px;
	font-weight:bold;
	text-align:center;
}
.box-his-tran .sid-tran ul{
	margin:0;
	padding:0;
	margin-top:7px;
}
.box-his-tran .sid-tran li{
	display:inline-block;
	width:24%;
	list-style:none;
	margin:0 0.5%;
}
.box-his-tran .sid-tran a{
	display:block;
	padding:5px 0;
	font-family: 'Open Sans', sans-serif;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	background:#DADADA;
	color:#804;
	border-radius:3px;
	border-bottom:1px solid rgba(204,204,204,1);
}
.box-his-tran .sid-tran a:hover{
	background:#0F87FF;
	color:#FFF;
}
.box-his-tran .kon-his-tran{
	float:right;
	width:73%;
}
.tb-his-tran2{
	font-family: 'Open Sans', sans-serif;
	font-size:13px;
	line-height:25px;
}
.item-his-tran{
	display:block;
	width:96%;
	margin:0 2%;
}
.item-his-tran3{
	display:block;
	width:96%;
	margin:0 2%;
}
.tb-his-tran3 th{
	border-collapse:collapse;
	border:1px solid #CCC;
}
.tb-his-tran3 td{
	border:1px solid #CCC;
	padding:3px;
}

.konfi{
	position:relative;
	color:#009500;
	font-weight:bold;
	font-size:14px;
}
.konfimg:before{
	position:absolute;
	content:'';
	background:url(../images/pub2.png) no-repeat;
	width:30px;
	height:30px;
	right:-40px;
	top:-6px;
}
.konfi2{
	position:relative;
	color:#F00;
	font-weight:bold;
	font-size:13px;
	font-family: 'Open Sans', sans-serif;
}
.kof2:before{
	position:absolute;
	content:'';
	background:url(../images/close.png) no-repeat;
	width:45px;
	height:31px;
	right:-50px;
	top:-6px;
}

.perpage{
	background:#FFF;
	border:1px solid rgba(204,204,204,1);
	cursor:pointer;
}
.perpage option{
	padding:3px;
}
.sfj{
	text-transform:capitalize;
}
.tag_sale:before{
	position:absolute;
	content:'';
	width:50px;
	height:50px;
	background:url(../images/tag_sale.png) no-repeat;
	top:-8px;
	left:-8px;
	z-index:10;
}
.tag_best:before{
	position:absolute;
	content:'';
	width:60px;
	height:60px;
	background:url(../images/best.png) no-repeat;
	top:-8px;
	left:-8px;
	z-index:10;
}

.tb-pilih-trans{
	display:block;
	width:96%;
	border-collapse:collapse;
	margin:2%;
}
.tb-pilih-trans td{
	width:50%;
	border-collapse:collapse;
	border:1px solid rgba(192,192,192,1);
	padding:2%;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
}
.tb-pilih-lagi{
	display:block;
	width:100%;
	border-collapse:collapse;
}
.tb-pilih-lagi td{
	border-collapse:collapse;
	border:none;
	padding:0;
	font-size:14px;
	font-family:"Roboto";
}
.tb-pilih-lagi .anggota{
	font-size:18px;
	color:#12B1FE;
	margin-bottom:5px;
	font-family:"Roboto";
}
.tb-pilih-lagi .in-ang{
	padding:3px 5px;
	width:100%;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
}
.bt-ang{
	padding:5px 10px;
	border:1px solid rgba(255,128,0,.7);
	background:rgba(255,128,0,.5);
	cursor:pointer;
	color:#333;
	margin:10px 0;
}
.bt-ang-daf{
	padding:5px 10px;
	border:1px solid rgba(0,152,225,1);
	background:rgba(0,168,249,1);
	cursor:pointer;
	color:#FFF;
	margin-right:10px;
}

body > [id^="beacon_"],
body > [id*=" beacon_"] {
	display: none;
}


/*--------------------------PAGINATION------------------------------------*/
.pagination{padding-left:0; border-radius:4px; margin-bottom:0;}
.pagination>li{display:inline}
.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;line-height:1.42857143;text-decoration:none;color:#47AAE4;background-color:#fff;border:1px solid #ddd;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:#47AAE4;background-color:#eee;border-color:#ddd}
.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:#47AAE4;border-color:#47AAE4;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}

/*------ ELEMENT TAMBAH UNTUK RESPONSIVE WEBSITE ------*/
.rs-menu-top{
	position:relative;
	display:none;
	width:100%;
	background:#383838;
	z-index:99999;
	top:-1px;
	left:0;
	box-shadow:0px 1px 2px rgba(102,102,102,.5);
}
.rs-menu-top .left{
	float:left;
	width:20%;
}
.rs-menu-top .left a{
	display:block;
	width:25px;
	padding:8px 20px;
	padding-top:13px;
	border-right:1px solid rgba(0,0,0,.5);
}
.rs-menu-top .left a:hover{
	background:rgba(153,153,153,1);
}
.rs-menu-top .left a img{
	width:100%;
}
.rs-menu-top .right{
	float:right;
	width:78%;
	text-align:right;
}
.rs-menu-top .right ul{
	padding:0;
	margin:0;
	font-size:0;
}
.rs-menu-top .right li{
	position:relative;
	display:inline-block;
}
.rs-menu-top .right a{
	display:block;
	width:31px;
	padding:10px 20px;
	border-left:1px solid rgba(0,0,0,.5);
}
.rs-menu-top .right a:hover{
	background:rgba(153,153,153,1);
}
.rs-menu-top .right a img{
	width:100%;
}

.rs-kategori{
	display:none;
	width:100%;
}
.rs-kategori a{
	position:relative;
	display:block;
	width:100%;
	font-family:"Arial Rounded Bold";
	padding:12px 10px;
	color:#FFF;
	background:#158AFF;	
	text-decoration:none;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
}
.rs-kategori a:before{
	position:absolute;
	content:'';
	right:15px;
	top:16px;
	background:url(../images/panahbawah.png) no-repeat;
	width:20px;
	height:12px;
}
.rs-kategori .menu_lain:before{
	position:absolute;
	content:'';
	right:15px;
	top:16px;
	background:none;
	width:20px;
	height:12px;
}

.rs-menu-bottom{
	display:none;
	width:100%;
	background:#FFF;
	padding-top:15px;
	padding-bottom:15px;
}

.rs-testi-bottom{
	display:none;
}
.rs-box-testi{
	width:100%;
	margin:15px 0;
	margin-bottom:20px;
	background:#6cdde1;
	border:3px solid #1bc4c8;
	border-radius:13px;
	padding:10px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
}
.rs-box-testi .isi{
	display:block;
	width:100%;
	font-family: 'Open Sans', sans-serif;
	font-size:13px;
	line-height:20px;
	margin-bottom:10px;
	color:#3e3e3e;
	font-style:italic;
	padding:3px;
	text-align:center;
}
.rs-box-testi .nama{
	display:block;
	width:100%;
	font-family: 'Open Sans', sans-serif;
	font-size:13px;
	color:#3e3e3e;
	font-style:italic;
	text-align:center;
}
.item-testimoni-bot{
}
#ScrollToTop{text-align:center; position:fixed; bottom:42px; right:10px; cursor:pointer;display:none}

#tempat-login{
	display:none;
	width:100%;
}
.rs-grp-login{
	display:block;
	width:100%;
}
.rs-grp-login .rs-in-log{
	display:block;
	width:100%;
	padding:10px 20px;
	border:none;
	border-bottom:1px solid rgba(0,0,0,.3);
	background:rgba(51,51,51,1);
	color:#FFF;
	font-family:"Roboto";
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
}
.rs-grp-login .rs-in-log:focus{
	outline:none;
}
.rs-grp-login .rs-bt-log{
	display:block;
	width:100%;
	border:1px solid rgba(0,83,166,1);
	background:rgba(0,105,210,1);
	padding:10px 10px;
	color:#FFF;
	font-family:"Roboto";
	cursor:pointer;
}
.rs-grp-login .rs-logout{
	display:block;
	width:100%;
	padding:10px 20px;
	text-decoration:none;
	color:#FFF;
	font-family:"Roboto";
	border-bottom:1px solid rgba(0,0,0,.3);
	
}
/*.rs-tb-responsive{
	display:none;
}*/
.rs-kontak-bot{
	display:none;
	width:100%;
	background:#a1d600;
	color:#FFF;
}
.rs-kontak-bot .alamat{
	display:block;
	width:100%;
	padding:4%;
	font-size:13px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
}
.rs-kontak-bot .track{
	padding:4%;
	padding-top:0;
}
.rs-kontak-bot .guptrek{
	display:block;
	width:100%;
	margin-bottom:5px;
}
.rs-kontak-bot .guptrek img{
	float:left;
	width:15%;
	margin-right:2%;
	vertical-align:middle;
}
.rs-kontak-bot .title{
	display:block;
	width:100%;
	font-size:14px;
	margin-bottom:5px;
}
.rs-kontak-bot .guptrek .rs-in-kon-bot{
	float:left;
	width:80%;
	padding:5px 2%;
	border:1px solid #0073E6;
	border-right:none;
	border-radius:3px 0px 0px 3px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
}.rs-kontak-bot .guptrek .rs-in-kon-bot:focus{
	outline:none;
}
.rs-kontak-bot .guptrek .rs-bt-kon-bot{
	float:right;
	width:20%;
	padding:5px 2%;
	background:#0080FF;
	color:#FFF;
	border:1px solid #0073E6;
	border-radius:0px 3px 3px 0px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
}
/*.rs-konf-2{
	display:none;
}*/

.change-view{
	display:none;
	margin-bottom:10px;
	width:100%;
}
.change-view-m{
	display:block;
	margin-bottom:10px;
	width:100%;
}
.change-view a,
.change-view-m a{
	display:table;
	margin:0 auto;
	color:#FFF;
}

/*------ RESPONSIVE WEBSITE ------*/

@media only screen and (max-width: 1024px) {
    /* Desktop, Tablet & Mobile. */
	
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
    /* Desktop & Tablet */
}
@media only screen and (max-width: 768px) {
    /* Tablet (Portrait) */
	.rs-menu-top{
		display:block;
	}
	#target{
		width:100%;
	}
	#target li{
		list-style:none;
	}
	#target a{
		display:block;
		width:100%;
		padding:10px 25px;
		color:#FFF;
		font-family:"Roboto";
		border-bottom:1px solid rgba(0,0,0,.5);
		background:#333;
		text-decoration:none;
		box-sizing:border-box;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		-o-box-sizing:border-box;
	}
	#target a:hover{
		background:#666;
	}
	#target-cari{
		display:block;
		width:100%;
		background:#333;
		border-top:1px solid rgba(0,0,0,.5);
	}
	#target-cari .rs-input{
		float:left;
		width:89%;
		padding:13px 15px;
		border:none;
		outline:none;
		color:#FFF;
		font-family:"Roboto";
		font-size:14px;
		background:transparent;
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		-o-box-sizing:border-box;
	}
	::-webkit-input-placeholder{
		font-size:14px;
		color:#FFF;
		font-style:italic;
	}
	::-moz-placeholder{
		font-size:14px;
		color:#FFF;
		font-style:italic;
	}
	#target-cari .rs-button{
		float:right;
		width:10%;
		padding:5px 15px;
		background:url(../images/icosearch.png) no-repeat 50%;
		border:none;
		color:transparent;
		height:45px;
		cursor:pointer;
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		-o-box-sizing:border-box;
	}	
	
	.header{
	}
	.rs-box-cart{
		display:none;
	}
	.rs-box-logo{
		width:90%;
		text-align:center;
	}
	.rs-menu-utama{
		display:none;
	}
	.fb-like-box{
		display:none;
	}
	.ym-box, .panah{
		display:none;
	}
	.rs-box-scr{
		display:none;
	}
	.rs-kategori{
		display:block;
	}
	.rs-sidebar{
		display:none;
	}
	.rs-box-pro{
		width:97.91666666666666%;
	}
	.rs-bottom{
		display:none;
	}
	.rs-menu-bottom{
		display:block;
	}
	.rs-testi{
		display:none;
	}
	.rs-testi-bottom{
		display:block;
	}
	/*.rs-slider{
		display:none;
	}*/
	.rs-slider-top{
		display:block;
		width:100%;
		padding:10px 0;
	}
	#ScrollToTop{ right:9999px;}
	.rs-kontak-bot{
		display:block;
	}
	.rs-gap-bot{
		display:block;
		width:100%;
		padding:10px 0;
	}
	.resi{
		width:48%;
		margin:1%;
	}
	.rs-cart{
		position:absolute;
	}
	.change-view{
		display:block;
	}
}
@media only screen and (min-wdth: 481px) and (max-width: 767px) {
    /* Tablet (Portrait) & Mobile (Landscape) */
	.produk{
		width:46%;
	}
}
@media only screen and (max-width: 600px) {
	.rs-slider .data-slider{
		width:97.91666666666666% !important;
	}
	.rs-slider .data-banner{
		width:47.91666666666667% !important;
	}
	.rslides{
		width:100%;
		box-sizing:border-box;
	}
	.sli{
		margin-top:0;
	}
}
@media only screen and (max-width: 480px) {
    /* Mobile */
	.produk{
		width:46%;
	}
	.box-logo{
		display:block;
		width:100%;
	}
	.box-logo img{
		width:100%;
		display:block;
	}
	.left-kon, .right-kon{
		display:block;
		width:100%;
	}
	.detail-pro .picture, .detail-pro .box-detail{
		display:block;
		width:96%;
		margin-left:2%;
		margin-right:2%;
	}
	.info-zoom{
		display:none;
	}
	.box-footer{
		font-size:12px;
		text-align:center;
	}
	.j1{
		font-size:24px;
	}
	/*.rs-table-regis{
		display:none;
	}*/
	.tb_reg .lab_reg{
		text-align:left;
	}
	/*.rs-tb-responsive{
		display:block;
	}*/
	/*.rs-konf-1{
		display:none;
	}*/
	/*.rs-konf-2{
		display:block;
	}*/
	.resi{
		width:48%;
		margin:1%;
	}
	.ppindex{
		display:none;
	}
	.pagination>li>a,.pagination>li>span{padding:5px 10px;}
	.sc_1{
		overflow-x:scroll;
	}
	.box-area .rs-area-left{
		width:50%;
		margin:0 auto;
		float:none;
	}
	.box-area .rs-area-right{
		width:100%;
		display:block;
	}
}
@media only screen and (max-width: 320px) {
    /* Mobile */
	.produk{
		width:96%;
	}
	.resi{
		width:98%;
		margin:1%;
	}
}

.centers {
    text-align: center;
}