@charset "utf-8";
/* CSS Document */
@media screen and (max-width:1079px) {
body{
	margin:0px;
	background:url(../images/back_mob.jpg);
	overflow-x:hidden;
}
.cb-header {
  	position: fixed;
  	left: 0;
  	visibility: hidden;
	z-index:100;
}
.container_24{
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}
.container_25{
	margin-left: auto;
	margin-right: auto;
	width: 93%;
}
.container_26{
	margin-left: auto;
	margin-right: auto;
	width: 93%;
}
.atas_login{
	display:none;
}
.atas_login_mob{
	width:100%;
	height:34px;
	float:left;
	position:fixed;
	background:#000;
	z-index:100;
}
.atas_login_mob a{
	font-family: 'aleoregular';
	font-size:13px;
	color:#FFF;
	border-right:1px solid #4d4d4d;
	padding:3px;
	padding-left:10px;
	padding-right:10px;
	margin-top:5px;
	float:right;
	margin-right:10px;
	-webkit-transition: ease 0.5s;
	-o-transition: ease 0.5s;
	transition: ease 0.5s;
}
.atas_login_mob a:hover{
	color:#94ca0d;
}

.box-login {
	position: absolute;
	background: #FFF;
	width: 238px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align: left;
	color: #fff;
	right: 70px;
	top: 40px;
	opacity: 0;
	z-index:200;
	border:1px solid #cbcbcb;
	visibility: hidden;
	-webkit-transition: ease 0.3s;
	-o-transition: ease 0.3s;
	transition: ease 0.3s;
}

.box-login.open {
	opacity: 1;
	visibility: visible;
}

.box-login::before {
	position: absolute;
	height: 0;
	width: 0;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-bottom: 10px solid #FFF;
	content: '';
	top: -10px;
	left: 100px;
}

.box-login-main {
	position: relative;
	z-index: 1001;
	padding: 10px;
}

.mask {
	position: fixed;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 1000;
	opacity: 0;
	visibility: hidden;
}

.open .mask {
	opacity: 1;
	visibility: visible;
}
label{
	width:100%;
	font-family: 'aleoregular';
	font-size:15px;
	color:#343434;
	line-height:1.5em;
	margin-bottom:5px;
}
.input_login{
	width:206px;
	height:31px;
	background:#FFF;
	font-family: 'aleoregular';
	padding-left:8px;
	font-size:15px;
	color:#343434;
	border:1px solid #9b9b9b;
	margin-bottom:10px;
}
.submit_login{
	float:left;
	margin-top:10px;
	margin-bottom:20px;
	padding:6px;
	padding-left:20px;
	padding-right:20px;
	border-radius:5px;
	font-size:13px;
	font-family: 'aleoregular';
	color:#FFF;
	border:none;
	text-align:center;
	background:url(../images/back_button.jpg);
	-webkit-box-shadow: 0px 3px 5px -2px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 3px 5px -2px rgba(0,0,0,0.75);
	box-shadow: 0px 3px 5px -2px rgba(0,0,0,0.75);
	-webkit-transition: background-color 0.9s, color 0.9s;
	transition: background-color 0.9s, color 0.9s;
}
.submit_login:hover{
	color:#FFF;
	background:#7cbc08;
}


.daun_atas{
	width:100%;
	float:left;
}
.daun_atas img{
	width:100%;
}
.header{
	width:100%;
	float:left;
	margin-top:-10%;
}
.header .atas{
	display:none;
}
.header .atas .cari{
	float:left;
	width:270px;
	height:40px;
	overflow:hidden;
}
.header .atas .cari .input{
	float:left;
	width:260px;
	height:40px;
	padding-left:10px;
	border-radius:10px;
	background:rgba(0, 11, 2, 0.6);
	float:left;
	color:#FFF;
	font-size:16px;
	font-family: 'GothamBook';
	padding-left:10px;
	border:none;
	overflow:hidden;
}
.header .atas .cari .submit{
	float:right;
	width:21px;
	height:21px;
	border:none;
	overflow:hidden;
	background:url(../images/cari.png) no-repeat;
	position:relative;
	margin-right:10px;
	margin-top:-30px;
}
.cart_mobile{
	float:right;
	width:50px;
	margin-top:-8px;
	overflow:hidden;
}
.cart_mobile .nominal{
	float:left;
	width:18px;
	height:18px;
	background:#ffca28;
	line-height:1.5em;
	border-radius:50%;
	text-align:center;
	color:#000;
	font-family: 'aleobold';
	font-size:12px;
	position:relative;
	overflow:hidden;
}
.cart_mobile .nominal a{
	color:#000;
}
.cart_mobile .keranjang{
	float:left;
	width:35px;
	margin-left:-10px;
	height:35px;
	background:rgba(112, 72, 52, 0.9);
	border-radius:50%;
	text-align:center;
	overflow:hidden;
}
.cart_mobile .keranjang img{
	width:18px;
	margin-top:10px;
	margin-left:5px;
}
.header .atas .harga{
	float:left;
	font-family: 'aleobold';
	color:#FFF;
	font-size:18px;
	margin-top:5px;
	margin-left:10px;
}
.header .atas .harga .cek{
	float:left;
	color:#FFF;
	font-size:18px;
	font-style:italic;
}
.header .atas .harga .cek a{
	color:#FFF;
	-webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
  	-o-transition: all .5s ease;
  	transition: all .5s ease;
}
.header .atas .harga .cek a:hover{
	color:#000;
}
.header .menu{
	display:none;
}
#cssmenu {
	display:none;
}
.lain {
	display:none;
}
nav:not(.mm-menu)
{
	display: none;
}
.menu_mobile {
 	width: 65%;
	height:20px;
 	position: relative;
 	background: #fff;
 	color: #000;
 	text-align: center;
 	padding: 1em 2em;
 	margin: 2em auto 3em;
}
.menu_mobile .button{
	border:1px solid #434343;
	padding:3px;
	border-radius:8px;
	text-align:center;
	float:left;
	margin-top:-3px;
	line-height:1.5em;
	font-size:13px;
	color:#545454;
	font-family: 'aleoregular';
	cursor:pointer;
}
.menu_mobile:before, .menu_mobile:after {
 	content: "";
 	position: absolute;
 	display: block;
 	bottom: -1em;
 	border: 1.5em solid #fff;
 	z-index: -1;
}
.menu_mobile:before {
 	left: -2em;
 	border-right-width: 1.5em;
 	border-left-color: transparent;
}
.menu_mobile:after {
 	right: -2em;
 	border-left-width: 1.5em;
 	border-right-color: transparent;
}
.menu_mobile .menu_mobile-content:before, .menu_mobile .menu_mobile-content:after {
 	content: "";
 	position: absolute;
 	display: block;
 	border-style: solid;
 	border-color: #CCC transparent transparent transparent;
 	bottom: -1em;
}
.menu_mobile .menu_mobile-content:before {
 	left: 0;
 	border-width: 1em 0 0 1em;
}
.menu_mobile .menu_mobile-content:after {
 	right: 0;
 	border-width: 1em 1em 0 0;
}
.header .line_kiri{
	display:none;
}
.header .line_kiri img{
	width:100%;
}
.header .line_kanan{
	display:none;
}
.header .line_kanan img{
	width:100%;
}
.header .logo{
	margin:0 auto;
	width:100px;
	position:relative;
	z-index:1;
	margin-bottom:-100px;
	text-align:center;
}
.header .logo img{
	width:100%;
}
.area_judul_atas{
	width:100%;
	float:left;
	margin-top:20px;
	margin-bottom:30px;
}
.area_judul_atas .judul_header{
	text-align:center;
	font-family: 'Arciform';
	font-size:30px;
	color:#FFF;
	width:100%;
	float:left;
}
.area_judul_atas .garis{
	float:left;
	width:100%;
	position:relative;
	margin-top:-30px;
}
.area_judul_atas hr.kiri{
	width:10%;
	height:2px;
	float:left;
	margin-left:5%;
	position:relative;
	background:#fff;
}
.area_judul_atas hr.kanan{
	width:10%;
	height:2px;
	float:right;
	margin-right:5%;
	position:relative;
	background:#fff;
}
.area_judul_atas hr.kiri2{
	width:5%;
	height:2px;
	float:left;
	margin-left:5%;
	position:relative;
	background:#fff;
}
.area_judul_atas hr.kanan2{
	width:5%;
	height:2px;
	float:right;
	margin-right:5%;
	position:relative;
	background:#fff;
}
.area_judul_atas hr.kiri3{
	width:5%;
	height:2px;
	float:left;
	margin-left:5%;
	position:relative;
	background:#fff;
}
.area_judul_atas hr.kanan3{
	width:5%;
	height:2px;
	float:right;
	margin-right:5%;
	position:relative;
	background:#fff;
}
.area_judul_atas .sub_judul{
	width:100%;
	float:left;
	margin-top:10px;
	text-align:center;
	font-family: 'Romy';
	color:#FFF;
	font-size:20px;
}
.area_judul_atas .sub_judul li{
	float:left;
	text-align:center;
	margin-left:5%;
	margin-right:5%;
}
.area_judul_atas .sub_judul2{
	width:350px;
	margin:0 auto;
	margin-top:10px;
	text-align:center;
	font-family: 'Romy';
	color:#FFF;
	font-size:36px;
}
.area_judul_atas .sub_judul2 li{
	float:left;
	margin-left:20px;
	margin-right:20px;
}
.area_judul_atas .sub_judul3{
	width:850px;
	margin:0 auto;
	margin-top:10px;
	text-align:center;
	font-family: 'Romy';
	color:#FFF;
	font-size:36px;
}
.area_judul_atas .sub_judul3 li{
	float:left;
	margin-left:20px;
	margin-right:20px;
}

.slide {
	width:100%;
	margin-bottom:20px;
	text-align:center;
	overflow:hidden;
}

.border_konten {
	width:100%;
	height:43px;
	margin-bottom:-2px;
	float:left;
	background:url(../images/border_konten.png) repeat-x;
	overflow:hidden;
}
.border_konten2 {
	width:100%;
	height:45px;
	margin-top:-1px;
	position:relative;
	float:left;
	background:url(../images/border_konten2.png) repeat-x;
	overflow:hidden;
}

.konten {
	width:100%;
	padding-bottom:20px;
	float:left;
	background:url(../images/back_konten.png);
	overflow:hidden;
}
.konten .judul{
	text-align:center;
	font-family: 'Arciform';
	font-size:30px;
	color:#344046;
	margin-bottom:24px;
}
.konten .garis{
	float:left;
	width:100%;
	position:relative;
	margin-top:-55px;
}
.konten hr.kiri{
	width:10%;
	height:2px;
	float:left;
	margin-left:5%;
	position:relative;
	background:#344046;
}
.konten hr.kanan{
	width:10%;
	height:2px;
	float:right;
	margin-right:5%;
	position:relative;
	background:#344046;
}
@media screen and (min-width:0px) and (max-width:420px) {
.konten .produk{
	margin:0 auto;
	width:80%;
	height:350px;
	overflow:hidden;
	border:2px solid #FFF;
	border-top:none;
}
}
@media screen and (min-width:421px) and (max-width:1079px) {
.konten .produk{
	float:left;
	width:47%;
	margin-left:1%;
	margin-right:1%;
	height:350px;
	overflow:hidden;
	border:2px solid #FFF;
	border-top:none;
}
}
.konten .produk .gambar{
	float:left;
	width:100%;
	margin-top:20px;
	text-align:center;
	margin-bottom:-120px;
	overflow:hidden;
}
.konten .produk .gambar img{
	height:150px;
}
.konten .produk .view{
	width:70px;
	height:70px;
	margin:0 auto;
	margin-bottom:70px;
	position:relative;
	background:#93c606;
	border-radius:50%;
	opacity:0;
	font-family: 'Romy';
	color:#FFF;
	font-size:25px;
	line-height:3em;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	-webkit-transform: translate3d(0, -15px, 0);
	transform: translate3d(0, -15px, 0);
}
.konten .produk .view:hover{
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.konten .produk .nama{
	float:left;
	width:100%;
	height:32px;
	text-align:center;
	margin-bottom:5px;
	font-family: 'Romy';
	color:#43413d;
	font-size:25px;
	overflow:hidden;
}
.konten .produk .harga{
	float:left;
	width:100%;
	height:32px;
	text-align:center;
	margin-bottom:5px;
	font-family: 'aleobold';
	color:#43413d;
	font-size:18px;
	overflow:hidden;
}
.konten .produk .harga2{
	float:left;
	width:98%;
	margin-left:1%;
	height:130px;
	text-align:center;
	font-family: 'aleobold';
	color:#43413d;
	font-size:13px;
	overflow:hidden;
}
/* Jinpa */
.pricing--jinpa .pricing__item {
	cursor: default;
	color: #fff;
	text-align:center;
	height:350px;
	-webkit-transition: background-color 0.6s, color 0.3s;
	transition: background-color 0.6s, color 0.3s;
}

.pricing--jinpa .pricing__item:nth-child(2) {
	border-right: none;
	border-left: none;
}

.pricing--jinpa .pricing__item:hover {
	color: #444;
	opacity:0.8;
	background:rgba(254,253,252,0.5);
}
.pricing--jinpa .pricing__action {
	padding:10px;
	opacity: 0;
	border-radius:10px;
	font-family: 'aleoregular';
	text-align:center;
	color: #fff;
	background: #72b606;
	border:none;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	-webkit-transform: translate3d(0, -15px, 0);
	transform: translate3d(0, -15px, 0);
	-webkit-box-shadow: 0px 4px 5px -4px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 4px 5px -4px rgba(0,0,0,0.75);
	box-shadow: 0px 4px 5px -4px rgba(0,0,0,0.75);
}

.pricing--jinpa .pricing__item:hover .pricing__action {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.pricing--jinpa .pricing__action:hover,
.pricing--jinpa .pricing__action:focus {
	background: #72b606;
}

.konten .menu_lain{
	float:left;
	width:100%;
	margin-top:50px;
	text-align:center;
	overflow:hidden;
}
.konten .menu_lain button{
	text-align:center;
	font-family: 'PH-600RegularCaps';
	color:#FFF;
	font-size:30px;
	width:212px;
	height:48px;
	border:none;
	margin-bottom:5px;
	border-radius:8px;
	background:url(../images/back_lain.jpg);
	-webkit-box-shadow: 0px 4px 5px -4px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 4px 5px -4px rgba(0,0,0,0.75);
	box-shadow: 0px 4px 5px -4px rgba(0,0,0,0.75);
	-webkit-transition: background-color 0.9s, color 0.9s;
	transition: background-color 0.9s, color 0.9s;
}
.konten .menu_lain button a{
	color:#FFF;
	-webkit-transition: background-color 0.9s, color 0.9s;
	transition: background-color 0.9s, color 0.9s;
}
.konten .menu_lain button:hover{
	background:#62b62a;
}

.konten .kotak_konten{
	margin:0 auto;
	width:90%;
	height:41px;
	border:2px solid #FFF;
}
.konten .kotak_konten .icon{
	float:left;
	width:25px;
	margin-left:15px;
	margin-top:12px;
	overflow:hidden;
}
.konten .kotak_konten .icon img{
	width:25px;
}
.konten .kotak_konten .panah{
	float:left;
	margin-left:10px;
	margin-right:10px;
	margin-top:5px;
	font-family: 'Arciform';
	font-size:25px;
	color:#686868;
}
.konten .kotak_konten .nama{
	float:left;
	margin-top:13px;
	font-family: 'aleobold';
	font-size:14px;
	color:#3c9e00;
}
.konten .area_konten{
	margin:0 auto;
	margin-top:20px;
	overflow:hidden;
	width:90%;
	background:rgba(255,255,255,0.6);
	-webkit-box-shadow: 0px 4px 5px 0px rgba(173,168,173,1);
	-moz-box-shadow: 0px 4px 5px 0px rgba(173,168,173,1);
	box-shadow: 0px 4px 5px 0px rgba(173,168,173,1);
}
.konten .area_konten .tentang{
	float:left;
	margin-top:30px;
	margin-bottom:30px;
	overflow:hidden;
}
.konten .area_konten .tentang .gambar{
	float:left;
	width:100%;
	margin-bottom:20px;
	overflow:hidden;
}
.konten .area_konten .tentang .gambar img{
	width:100%;
}
.konten .area_konten .tentang .teks{
	font-family: 'aleoregular';
	font-weight:normal;
	color:#344046;
	line-height:1.5em;
	font-size:15px;
	text-align:justify;
	width:100%;
}
.konten .area_konten .tentang .teks strong{
	font-family: 'Arciform';
	font-weight:normal;
	line-height:1.8em;
	color:#3c9e00;
	font-size:24px;
	width:100%;
}
.konten .judul_garis{
	font-family: 'Arciform';
	font-size:30px;
	color:#3b3b3b;
	width:100%;
	margin-top:30px;
	float:left;
	padding-bottom:10px;
	border-bottom:1px solid #3b3b3b;
}
.konten .gambar_majalah{
	float:left;
	width:100%;
	margin-top:10px;
}
.konten .gambar_majalah .frame{
	float:left;
	width:100%;
	overflow:hidden;
	margin-right:20px;
}
.konten .gambar_majalah .frame .area{
	float:left;
	width:99%;
	border:1px dashed #bfbebc;
	margin-top:30px;
}
.konten .gambar_majalah .frame .area .gambar{
	float:left;
	width:90%;
	margin:2.5%;
	overflow:hidden;
	text-align:center;
	border:10px solid #fff;
}
.konten .gambar_majalah .frame .area .gambar img{
	width:100%;
}
.konten .gambar_majalah .frame .nama{
	float:left;
	width:100%;
	text-align:center;
	font-family: 'Romy';
	font-size:24px;
	color:#3c9e00;
	margin-top:10px;
}

.konten .gambar_majalah .frame:nth-child(3n+2){
	float:left;
	width:100%;
	margin-top:30px;
	overflow:hidden;
}
.konten .gambar_majalah .frame:nth-child(3n+2) .area{
	float:left;
	width:99%;
	margin-top:0px;
	border:1px dashed #bfbebc;
}
.konten .gambar_majalah .frame:nth-child(3n+2) .area .gambar{
	float:left;
	width:90%;
	margin:2.5%;
	overflow:hidden;
	border:10px solid #fff;
}
.konten .gambar_majalah .frame:nth-child(3n+2) .area .gambar img{
	width:100%;
}

.konten .gambar_majalah .frame:nth-child(3n+2) .nama{
	float:left;
	width:100%;
	margin-bottom:0px;
	text-align:center;
	font-family: 'Romy';
	font-size:24px;
	color:#3c9e00;
}

.konten .gambar_majalah .frame:nth-child(3n+3){
	float:left;
	width:100%;
	overflow:hidden;
}
.konten .gambar_majalah .frame:nth-child(3n+3) .area{
	float:left;
	width:99%;
	margin-top:30px;
	border:1px dashed #bfbebc;
}
.konten .gambar_majalah .frame:nth-child(3n+3) .area .gambar{
	float:left;
	width:90%;
	margin:2.5%;
	overflow:hidden;
	border:10px solid #fff;
}
.konten .gambar_majalah .frame:nth-child(3n+3) .area .gambar img{
	width:100%;
}

.konten .gambar_majalah .frame:nth-child(3n+3) .nama{
	float:left;
	width:100%;
	margin-bottom:0px;
	text-align:center;
	font-family: 'Romy';
	font-size:24px;
	color:#3c9e00;
}

.konten .area_tab{
	margin:0 auto;
	width:90%;
	margin-top:20px;
	overflow:hidden;
}
ul.tabs {
	padding: 0;
	float: left;
	list-style: none;
	width: 100%;
	font-family: 'Arciform';
	background:#FFF;
	-webkit-box-shadow: 0px 0px 7px -3px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 7px -3px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 7px -3px rgba(0,0,0,0.75);
}

ul.tabs li {
	float: left;
	margin: 0;
	cursor: pointer;
	padding-top:7px;
	padding-bottom:7px;
	width:100%;
	line-height: 31px;
	color: #6d6d6d;
	overflow: hidden;
	font-size:24px;
	position: relative;
	text-align:center;
	-webkit-transition: all .8s ease;
    -moz-transition: all .8s ease;
    -ms-transition: all .8s ease;
    -o-transition: all .8s ease;
    transition: all .8s ease;
}
ul.tabs li:hover {
	color: #FFF;
	background:#84c126;
}

ul.tabs li.active {
	color: #FFF;
	display: block;
	background:#84c126;
}

.tab_container {
	border-top: none;
	clear: both;
	float: left;
	width: 100%;
	overflow: auto;
}

.tab_content {
	display: none;
	padding-top:20px;
}

.tab_drawer_heading { display: none; }

.konten .area_konten .outlet{
	float:left;
	margin-top:30px;
	margin-bottom:20px;
	width:100%;
	overflow:hidden;
}
.konten .area_konten .outlet .gambar{
	float:left;
	width:96%;
	border:4px solid #FFF;
	overflow:hidden;
	text-align:center;
	margin-left:3px;
	-webkit-box-shadow: 0px 3px 5px -2px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 3px 5px -2px rgba(0,0,0,0.75);
	box-shadow: 0px 3px 5px -2px rgba(0,0,0,0.75);
}
.konten .area_konten .outlet .gambar img{
	width:100%;
}
.konten .area_konten .outlet .nama{
	float:left;
	width:100%;
	margin-top:10px;
	font-size:20px;
	font-family: 'Arciform';
	color:#344046;
}
.konten .area_konten .outlet .alamat{
	float:left;
	width:100%;
	margin-top:5px;
	font-size:16px;
	font-family: 'aleoregular';
	color:#545454;
	line-height:1.5em;
}
.konten .area_konten .outlet a{
	float:left;
	margin-top:10px;
	margin-bottom:10px;
	padding:5px;
	padding-left:10px;
	padding-right:10px;
	border-radius:5px;
	font-size:14px;
	font-family: 'aleoregular';
	color:#FFF;
	text-align:center;
	background:url(../images/back_button.jpg);
	-webkit-box-shadow: 0px 3px 5px -2px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 3px 5px -2px rgba(0,0,0,0.75);
	box-shadow: 0px 3px 5px -2px rgba(0,0,0,0.75);
	-webkit-transition: background-color 0.9s, color 0.9s;
	transition: background-color 0.9s, color 0.9s;
}
.konten .area_konten .outlet a:hover{
	color:#FFF;
	background:#7cbc08;
}
.konten .menu_kiri{
	margin:0 auto;
	width:90%;
	margin-top:30px;
	margin-bottom:20px;
	overflow:hidden;
}
.konten .menu_kiri a{
	float:left;
	width:100%;
	line-height:3em;
	height:51px;
	text-align:center;
	font-family: 'Arciform';
	font-size:16px;
	color:#344046;
	background:rgba(255,255,255,0.5);
    -webkit-transition: all .8s ease;
    -moz-transition: all .8s ease;
    -ms-transition: all .8s ease;
    -o-transition: all .8s ease;
    transition: all .8s ease;
}
.konten .menu_kiri a:hover{
	color:#fff;
    background:#85c226;
}
.konten .menu_kiri a.active{
	color:#fff;
    background:#85c226;
}
.konten .menu_kanan{
	margin:0 auto;
	overflow:hidden;
	width:80%;
	padding:5%;
	background:rgba(255,255,255,0.6);
	-webkit-box-shadow: 0px 4px 5px 0px rgba(173,168,173,1);
	-moz-box-shadow: 0px 4px 5px 0px rgba(173,168,173,1);
	box-shadow: 0px 4px 5px 0px rgba(173,168,173,1);
}
.konten .menu_kanan .judul{
	float:left;
	text-align:left;
	width:100%;
	margin-bottom:20px;
	font-family: 'Arciform';
	color:#3c9e00;
	font-size:24px;
}
.konten .menu_kanan .teks{
	float:left;
	width:100%;
	text-align:left;
	margin-bottom:20px;
	font-family: 'Arciform';
	color:#344046;
	font-size:16px;
	line-height:1.5em;
}
.konten .promo{
	float:left;
	width:100%;
	margin-top:30px;
	margin-bottom:30px;
	overflow:hidden;
}
.konten .promo .gambar_besar{
	margin:0 auto;
	width:95%;
	text-align:center;
	background:rgba(255,255,255,0.6);
	-webkit-box-shadow: 0px 4px 5px 0px rgba(173,168,173,1);
	-moz-box-shadow: 0px 4px 5px 0px rgba(173,168,173,1);
	box-shadow: 0px 4px 5px 0px rgba(173,168,173,1);
	overflow:hidden;
}
.konten .promo .gambar_besar img{
	width:95%;
	padding-top:2%;
	padding-bottom:2%;
}
.konten .promo .gambar_kecil{
	float:left;
	width:46%;
	margin:2%;
	text-align:center;
	background:rgba(255,255,255,0.6);
	-webkit-box-shadow: 0px 4px 5px 0px rgba(173,168,173,1);
	-moz-box-shadow: 0px 4px 5px 0px rgba(173,168,173,1);
	box-shadow: 0px 4px 5px 0px rgba(173,168,173,1);
	overflow:hidden;
}
.konten .promo .gambar_kecil img{
	width:90%;
	padding-top:2.5%;
	padding-bottom:2.5%;
}
.konten .kontak{
	width:100%;
	margin-top:30px;
	float:left;
}
.konten .kontak .judul{
	width:90%;
	margin:0 auto;
	margin-bottom:20px;
	text-align:left;
	font-family: 'Arciform';
	font-size:24px;
	color:#343434;
}
.konten .kontak .kiri{
	margin:0 auto;
	width:90%;
	margin-bottom:150px;
	text-align:left;
}
.konten .kontak .kiri .input{
	width:98%;
	height:44px;
	background:#FFF;
	font-family: 'aleoregular';
	padding-left:8px;
	font-size:15px;
	color:#343434;
	border:1px solid #f1f1ef;
	-webkit-box-shadow: 0px 3px 5px 0px rgba(212,201,212,1);
	-moz-box-shadow: 0px 3px 5px 0px rgba(212,201,212,1);
	box-shadow: 0px 3px 5px 0px rgba(212,201,212,1);
	margin-bottom:10px;
}
.konten .kontak .kiri .inputdua{
	width:98%;
	height:44px;
	background:#FFF;
	font-family: 'aleoregular';
	padding-left:8px;
	font-size:15px;
	color:#343434;
	border:1px solid #f1f1ef;
	-webkit-box-shadow: 0px 3px 5px 0px rgba(212,201,212,1);
	-moz-box-shadow: 0px 3px 5px 0px rgba(212,201,212,1);
	box-shadow: 0px 3px 5px 0px rgba(212,201,212,1);
	margin-bottom:10px;
}
.konten .kontak .kiri textarea{
	width:98%;
	height:144px;
	padding-top:8px;
	background:#FFF;
	font-family: 'aleoregular';
	padding-left:8px;
	font-size:15px;
	color:#343434;
	border:1px solid #f1f1ef;
	-webkit-box-shadow: 0px 3px 5px 0px rgba(212,201,212,1);
	-moz-box-shadow: 0px 3px 5px 0px rgba(212,201,212,1);
	box-shadow: 0px 3px 5px 0px rgba(212,201,212,1);
	margin-bottom:10px;
}
.konten .kontak .kiri .submit{
	float:left;
	margin-top:10px;
	padding:12px;
	padding-left:50px;
	padding-right:50px;
	border-radius:5px;
	font-size:16px;
	font-family: 'aleoregular';
	color:#FFF;
	border:none;
	text-align:center;
	background:url(../images/back_button2.jpg);
	-webkit-box-shadow: 0px 3px 5px -2px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 3px 5px -2px rgba(0,0,0,0.75);
	box-shadow: 0px 3px 5px -2px rgba(0,0,0,0.75);
	-webkit-transition: background-color 0.9s, color 0.9s;
	transition: background-color 0.9s, color 0.9s;
}
.konten .kontak .kiri .submit:hover{
	color:#FFF;
	background:#7cbc08;
}
.konten .kontak .kanan_kontak{
	margin:0 auto;
	width:90%;
	text-align:center;
}
.konten .kontak .kanan_kontak .frame{
	width:320px;
	height:250px;
	margin:0 auto;
	border-radius:50%;
	padding-top:10px;
	background:rgba(231,230,229,0.6);
	-webkit-box-shadow: 0px 3px 8px 0px rgba(176,170,176,1);
	-moz-box-shadow: 0px 3px 8px 0px rgba(176,170,176,1);
	box-shadow: 0px 3px 8px 0px rgba(176,170,176,1);
}
.konten .kontak .kanan_kontak .frame .putih .gambar{
	width:100%;
	text-align:center;
	float:left;
	margin-top:-50px;
	overflow:hidden;
}
.konten .kontak .kanan_kontak .frame .putih .gambar img{
	width:110px;
}
.konten .kontak .kanan_kontak .frame .putih{
	width:300px;
	height:230px;
	margin:0 auto;
	border-radius:50%;
	background:#FFF;
	font-family: 'aleobold';
	line-height:1.3em;
	font-size:18px;
	color:#343434;
}

.konten .kontak .tengah{
	width:90%;
	margin:0 auto;
	overflow:hidden;
}
.konten .kontak .tengah .judul{
	width:100%;
	font-family: 'aleoregular';
	font-style:italic;
	font-size:20px;
	margin-bottom:30px;
	color:#3e3e3e;
	float:left;
}
.konten .kontak .tengah label{
	width:100%;
	float:left;
	font-family: 'aleoregular';
	font-size:15px;
	color:#3e3e3e;
}
.konten .kontak .tengah .input{
	width:97%;
	height:44px;
	float:left;
	background:#FFF;
	font-family: 'aleoregular';
	padding-left:8px;
	font-style:italic;
	font-size:15px;
	color:#343434;
	border:1px solid #f1f1ef;
	-webkit-box-shadow: 0px 3px 5px 0px rgba(212,201,212,1);
	-moz-box-shadow: 0px 3px 5px 0px rgba(212,201,212,1);
	box-shadow: 0px 3px 5px 0px rgba(212,201,212,1);
	margin-bottom:10px;
}
.konten .kontak .tengah textarea{
	width:97%;
	height:144px;
	float:left;
	background:#FFF;
	font-family: 'aleoregular';
	padding-left:8px;
	font-style:italic;
	font-size:15px;
	color:#343434;
	padding-top:8px;
	border:1px solid #f1f1ef;
	-webkit-box-shadow: 0px 3px 5px 0px rgba(212,201,212,1);
	-moz-box-shadow: 0px 3px 5px 0px rgba(212,201,212,1);
	box-shadow: 0px 3px 5px 0px rgba(212,201,212,1);
	margin-right:10px;
	margin-bottom:15px;
}
.konten .kontak .tengah .input_dua{
	width:97%;
	float:left;
	margin-bottom:10px;
	font-family: 'aleoregular';
	color:#000;
	font-size:12px;
}
.konten .kontak .tengah .input_dua .teks{
	width:100%;
	float:left;
	margin-top:5px;
}
.konten .kontak .tengah .ketentuan{
	width:100%;
	height:40px;
	float:left;
	margin-bottom:10px;
	font-family: 'aleoregular';
	color:#000;
	font-size:12px;
}
.konten .kontak .tengah .ketentuan a{
	color:#000;
}
.konten .kontak .tengah .ketentuan a:hover{
	text-decoration:underline;
}
.konten .kontak .tengah .ketentuan .checkbox{
	float:left;
	margin-right:5px;
	margin-top:2px;
}
.konten .kontak .tengah select{
	width:97%;
	height:44px;
	float:left;
	background:#FFF;
	font-family: 'aleoregular';
	padding-left:8px;
	font-size:15px;
	font-style:italic;
	color:#343434;
	border:1px solid #f1f1ef;
	-webkit-box-shadow: 0px 3px 5px 0px rgba(212,201,212,1);
	-moz-box-shadow: 0px 3px 5px 0px rgba(212,201,212,1);
	box-shadow: 0px 3px 5px 0px rgba(212,201,212,1);
	margin-bottom:15px;
}
.konten .kontak .tengah .submit{
	float:left;
	margin-top:10px;
	margin-bottom:10px;
	padding:12px;
	padding-left:50px;
	padding-right:50px;
	border-radius:5px;
	font-size:16px;
	font-family: 'aleoregular';
	color:#FFF;
	border:none;
	text-align:center;
	background:url(../images/back_button2.jpg);
	-webkit-box-shadow: 0px 3px 5px -2px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 3px 5px -2px rgba(0,0,0,0.75);
	box-shadow: 0px 3px 5px -2px rgba(0,0,0,0.75);
	-webkit-transition: background-color 0.9s, color 0.9s;
	transition: background-color 0.9s, color 0.9s;
}
.konten .kontak .tengah .submit:hover{
	color:#FFF;
	background:#7cbc08;
}
.konten .ket_atas{
	width:100%;
	float:left;
	margin-top:30px;
	overflow:hidden;
}
.konten .ket_atas .menu_satu {
    font-size: 20px;
	line-height:3em;
	font-family: 'Arciform';
 	width: 70%;
	height:60px;
	margin:0 auto;
	margin-bottom:10px;
 	position: relative;
 	background:url(../images/back_cart1.jpg);
 	color: #49727e;
 	text-align: center;
}
.konten .ket_atas .menu_satu.active {
 	background:url(../images/back_cart2.jpg);
	color:#FFF;
}
.konten .ket_atas .menu_satu:before{
 	content: "";
 	position: absolute;
 	display: block;
 	top:0;
}
.konten .ket_atas .menu_satu:before {
 	right: -2.7em;
 	border: 30px solid transparent;
    border-left: 25px solid #cfcfcf;
}
.konten .ket_atas .menu_satu.active:before{
 	right: -2.7em;
 	border: 30px solid transparent;
    border-left: 25px solid #94ca0d;
}

.konten .ket_atas .belakang {
	display:none;
}
.konten .ket_atas .belakang:before{
 	content: "";
 	position: absolute;
 	display: block;
 	top:0;
}
.konten .ket_atas .belakang:before {
 	left: -2.3em;
	border: 30px solid #cfcfcf;
 	border-left-color:transparent;
}
.konten .ket_atas .belakang.active:before {
	left: -2.3em;
	border: 10px solid #94ca0d;
 	border-left-color:transparent;
}

.konten .ket_atas .menu_dua {
    font-size: 20px;
	line-height:3em;
	font-family: 'Arciform';
 	width: 70%;
	height:60px;
	margin:0 auto;
 	position: relative;
 	background:url(../images/back_cart1.jpg);
 	color: #49727e;
 	text-align: center;
}
.konten table{
	margin:0 auto;
	width:90%;
	overflow:hidden;
}
.konten table thead{
	background:url(../images/back_cart1.jpg);
	text-align:center;
	font-size:10px;
	height:40px;
	font-family: 'aleobold';
}
.konten th{
	text-align:center;
}
.konten td{
	background:rgba(255,255,255,0.6);
	text-align:center;
	font-family: 'aleoregular';
	font-size:10px;
	padding-top:10px;
	padding-bottom:10px;
}
.konten td img{
	width:50%;
	margin-top:10px;
}
.konten td input{
	width:30px;
	height:30px;
}
.konten td .harga{
	margin-top:20px;
}
.konten td img.hapus{
	width:21px;
	margin-top:20px;
}
.konten td a{
	font-size:10px;
	color:#000;
	text-decoration:underline;
}
.konten td a.back{
	padding:8px;
	border-radius:5px;
	font-family: 'aleoregular';
	color:#FFF;
	font-size:10px;
	text-decoration:none;
	padding-left:30px;
	float:left;
	margin-left:10px;
	border:2px solid #94ca0d;
	background:url(../images/ic-back.png) no-repeat left #7cbc08;
	text-align:center;
	-webkit-transition: background-color 0.9s, color 0.9s;
	transition: background-color 0.9s, color 0.9s;
}
.konten td a.back:hover{
	border:2px solid #94ca0d;
	background:url(../images/ic-back.png) no-repeat left #94ca0d;
}
.konten td .update{
	width:130px;
	height:33px;
	border-radius:5px;
	font-family: 'aleoregular';
	color:#FFF;
	font-size:10px;
	text-decoration:none;
	padding-left:30px;
	float:right;
	margin-right:10px;
	border:2px solid #94ca0d;
	background:url(../images/ic-refresh.png) no-repeat left #7cbc08;
	text-align:center;
	-webkit-transition: background-color 0.9s, color 0.9s;
	transition: background-color 0.9s, color 0.9s;
}
.konten td .update:hover{
	border:2px solid #94ca0d;
	background:url(../images/ic-refresh.png) no-repeat left #94ca0d;
}
.konten a.submit{
	float:right;
	margin-top:20px;
	padding:10px;
	margin-right:5%;
	padding-left:20px;
	padding-right:20px;
	border-radius:5px;
	font-size:13px;
	font-family: 'aleoregular';
	color:#FFF;
	border:none;
	text-align:center;
	background:url(../images/back_button2.jpg);
	-webkit-box-shadow: 0px 3px 5px -2px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 3px 5px -2px rgba(0,0,0,0.75);
	box-shadow: 0px 3px 5px -2px rgba(0,0,0,0.75);
	-webkit-transition: background-color 0.9s, color 0.9s;
	transition: background-color 0.9s, color 0.9s;
}
.konten a.submit:hover{
	color:#FFF;
	background:#7cbc08;
}
.konten a.or{
	float:right;
	margin-right:5%;
	font-size:15px;
	font-family: 'aleoregular';
	color:#000;
	text-decoration:underline;
}
.konten .kontak .tengah_dua{
	width:90%;
	margin:0 auto;
	overflow:hidden;
}
.konten .kontak .tengah_dua .judul{
	width:100%;
	font-family: 'aleoregular';
	font-style:italic;
	font-size:20px;
	margin-bottom:30px;
	color:#3e3e3e;
	float:left;
	text-align:center;
}
.konten .kontak .tengah_dua .area{
	width:96%;
	margin-top:10px;
	margin-bottom:20px;
	background:rgba(255,255,255,0.6);
	float:left;
	padding:2%;
	font-family: 'aleoregular';
	font-size:16px;
	color:#434343;
	-webkit-box-shadow: 0px 3px 5px -2px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 3px 5px -2px rgba(0,0,0,0.75);
	box-shadow: 0px 3px 5px -2px rgba(0,0,0,0.75);
}
.konten .kontak .tengah_dua .area .teks{
	width:100%;
	float:left;
	margin-bottom:30px;
}
.konten .kontak .tengah_dua .area .submit{
	margin-top:20px;
	padding:10px;
	padding-left:20px;
	padding-right:20px;
	border-radius:5px;
	font-size:16px;
	font-family: 'aleoregular';
	color:#FFF;
	border:none;
	text-align:center;
	background:url(../images/back_button2.jpg);
	-webkit-box-shadow: 0px 3px 5px -2px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 3px 5px -2px rgba(0,0,0,0.75);
	box-shadow: 0px 3px 5px -2px rgba(0,0,0,0.75);
	-webkit-transition: background-color 0.9s, color 0.9s;
	transition: background-color 0.9s, color 0.9s;
}
.konten .kontak .tengah_dua .area .submit:hover{
	color:#FFF;
	background:#7cbc08;
}

.konten .kiri_detail{
	margin:0 auto;
	width:90%;
	margin-top:20px;
	overflow:hidden;
}
.konten .kiri_detail .back{
	float:left;
	width:99%;
	padding-bottom:30px;
	background:#FFF;
	border:2px solid #f1f1f1;
	overflow:hidden;
}
.konten .kiri_detail .back .gambar_besar{
	float:left;
	width:100%;
	margin-top:20px;
	text-align:center;
	overflow:hidden;
}
.konten .kiri_detail .back .gambar_besar img{
	width:70%;
}
.konten .kiri_detail .detail_bawah{
	float:left;
	width:100%;
	overflow:hidden;
	margin-top:20px;
}
.konten .kiri_detail .detail_bawah .gambar_kecil{
	float:left;
	width:30%;
	height:30%;
	margin-left:1.5%;
	margin-right:1.5%;
	text-align:center;
	overflow:hidden;
	background:rgba(255,255,255,0.6);
}
.konten .kiri_detail .detail_bawah .gambar_kecil:hover{
	-webkit-box-shadow: inset 0px 0px 0px 2px rgba(135,194,96,1);
	-moz-box-shadow: inset 0px 0px 0px 2px rgba(135,194,96,1);
	box-shadow: inset 0px 0px 0px 2px rgba(135,194,96,1);
}
.konten .kiri_detail .detail_bawah .gambar_kecil img{
	width:70%;
	margin-top:10px;
	margin-bottom:10px;
}

.konten .kanan_detail{
	margin:0 auto;
	width:90%;
	background:rgba(255,255,255,0.6);
	margin-top:40px;
	overflow:hidden;
}
.konten .kanan_detail .frame{
	width:80%;
	margin:5.5%;
}
.konten .kanan_detail .frame .nama{
	width:100%;
	font-family: 'Romy';
	font-size:30px;
	color:#000;
	float:left;
}
.konten .kanan_detail .frame .teks{
	width:100%;
	font-family: 'aleoregular';
	font-size:13px;
	color:#202020;
	float:left;
	margin-top:5px;
	line-height:1.5em;
}
.konten .kanan_detail .frame .teks strong{
	width:100%;
	font-family: 'aleoregular';
	font-size:15px;
	color:#202020;
	float:left;
	margin-top:20px;
	margin-bottom:5px;
}
.konten .kanan_detail .frame .harga{
	width:100%;
	font-family: 'aleoregular';
	font-size:20px;
	color:#202020;
	float:left;
	margin-top:20px;
	margin-bottom:5px;
}
.konten .kanan_detail .frame .jumlah{
	width:100%;
	font-family: 'aleoregular';
	font-size:13px;
	color:#202020;
	float:left;
	margin-top:20px;
	margin-bottom:30px;
}
.konten .kanan_detail .frame .jumlah select{
	width:70px;
	height:33px;
	float:left;
	border:1px solid #000;
	font-family: 'aleoregular';
	font-size:13px;
	color:#202020;
	margin-top:5px;
}
.konten .kanan_detail .frame .jumlah .submit{
	float:right;
	margin-top:5px;
	margin-bottom:10px;
	padding:8px;
	padding-left:10px;
	padding-right:10px;
	border-radius:5px;
	font-size:14px;
	font-family: 'aleoregular';
	color:#FFF;
	border:none;
	text-align:center;
	background:url(../images/back_button2.jpg);
	-webkit-box-shadow: 0px 3px 5px -2px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 3px 5px -2px rgba(0,0,0,0.75);
	box-shadow: 0px 3px 5px -2px rgba(0,0,0,0.75);
	-webkit-transition: background-color 0.9s, color 0.9s;
	transition: background-color 0.9s, color 0.9s;
}
.konten .kanan_detail .frame .jumlah .submit:hover{
	color:#FFF;
	background:#7cbc08;
}


.konten_bawah {
	width:100%;
	float:left;
	margin-top:30px;
	overflow:hidden;
}
.konten_bawah .judul{
	text-align:center;
	font-family: 'Arciform';
	font-size:30px;
	color:#FFF;
	margin-bottom:20px;
}
.konten_bawah .garis{
	float:left;
	width:100%;
	position:relative;
	margin-top:-48px;
}
.konten_bawah hr.kiri{
	width:10%;
	height:2px;
	float:left;
	margin-left:5%;
	position:relative;
	background:#FFF;
}
.konten_bawah hr.kanan{
	width:10%;
	height:2px;
	float:right;
	margin-right:5%;
	position:relative;
	background:#FFF;
}
.konten_bawah .area_testi{
	width:90%;
	margin:0 auto;
	overflow:hidden;
}
#owl-demo .item{
    background: #FFF;
    padding:0px 0px;
	width:211px;
	height:211px;
	border-radius:50%;
	overflow:hidden;
	margin:0 auto;
	margin-bottom:30px;
    color: #000;
	text-align:center;
}
#owl-demo .item:hover{
	-webkit-box-shadow: 0px 10px 8px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 10px 8px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 10px 8px 0px rgba(0,0,0,0.75);
}
#owl-demo .item .gambar{
	width:100%;
	overflow:hidden;
	float:left;
}
#owl-demo .item .gambar img{
	height:211px;
}
#owl-demo .item .view{
	width:100%;
	float:left;
	margin-top:-211px;
	position:relative;
	background:rgba(255,255,255,0.6);
	opacity:0;
	text-align:center;
	font-family: 'Romy';
	color:#4e4e4e;
	font-size:25px;
	padding-top:100px;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	-webkit-transform: translate3d(0, -15px, 0);
	transform: translate3d(0, -15px, 0);
}
#owl-demo .item .view .teks{
	line-height:1em;
}
#owl-demo .item .view:hover{
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.customNavigation{
	text-align: left;
}
.customNavigation a{
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
#prev{
	width:18px;
	height:28px;
	background:transparent url(../images/kiri.png) no-repeat;
	position:relative;
	margin-top:-150px;
	text-indent:-9000px;
	opacity:0.7;
	cursor:pointer;
	z-index:10;
	float:left;
}
#prev:hover{
	filter:invert(1);
	-webkit-filter:invert(1);
}
#next{
	width:18px;
	height:28px;
	background:transparent url(../images/kanan.png) no-repeat;
	position:relative;
	margin-top:-150px;
	text-indent:-9000px;
	opacity:0.7;
	cursor:pointer;
	z-index:10;
	float:right;
}
#next:hover{
	filter:invert(1);
	-webkit-filter:invert(1);
}

.testimoni{
	width:100%;
	padding-bottom:5px;
	float:left;
	background:url(../images/back_testi.jpg);
	border-radius:8px;
	overflow:hidden;
	margin-top:60px;
	margin-bottom:-90px;
	position:relative;
}
.testimoni .area{
	width:96%;
	border:2px dashed #999999;
	padding-bottom:5px;
	border-radius:8px;
	overflow:hidden;
	margin:2%;
}
.testimoni .area .judul{
	display:none;
}
.testimoni .area .garis{
	display:none;
}
.testimoni .area hr.kiri{
	width:10%;
	height:2px;
	float:left;
	margin-left:5%;
	position:relative;
	background:#FFF;
}
.testimoni .area hr.kanan{
	width:10%;
	height:2px;
	float:right;
	margin-right:5%;
	position:relative;
	background:#FFF;
}
.testimoni .frame{
	float:left;
	width:100%;
	overflow:hidden;
	margin-top:10px;
}
#owl-demo-dua .item{
	width:100%;
	float:left;
	overflow:hidden;
}
#owl-demo-dua .item .gambar{
	width:161px;
	height:161px;
	border-radius:50%;
	margin:0 auto;
	background:#CCC;
	overflow:hidden;
}
#owl-demo-dua .item .gambar img{
	width:161px;
}
#owl-demo-dua .item .teks_kanan{
	width:100%;
	float:left;
	margin-top:30px;
	font-family: 'aleoregular';
	font-size:16px;
	color:#4e4e4e;
	text-align:center;
	overflow:hidden;
}
.customNavigation_dua{
	text-align: center;
	width:50px;
	margin:0 auto;
}
#prevdua{
	width:18px;
	height:28px;
	background:transparent url(../images/kiri.png) no-repeat;
	position:relative;
	text-indent:-9000px;
	opacity:0.7;
	cursor:pointer;
	z-index:10;
	float:left;
	filter:invert(1);
	-webkit-filter:invert(1);
}
#prevdua:hover{
	filter:invert(0);
	-webkit-filter:invert(0);
}
#nextdua{
	width:18px;
	height:28px;
	background:transparent url(../images/kanan.png) no-repeat;
	position:relative;
	margin-top:-2px;
	text-indent:-9000px;
	opacity:0.7;
	cursor:pointer;
	z-index:10;
	float:right;
	filter:invert(1);
	-webkit-filter:invert(1);
}
#nextdua:hover{
	filter:invert(0);
	-webkit-filter:invert(0);
}
.map{
	width:100%;
	height:445px;
	background:#FFF;
	float:left;
	overflow:hidden;
}
.footer{
	width:100%;
	background:#FFF;
	float:left;
	margin-top:-20px;
	overflow:hidden;
}
.footer .area{
	width:100%;
	margin-top:50px;
	float:left;
	text-align:center;
	overflow:hidden;
}
.footer .area .sosmed{
	margin:0 auto;
	overflow:hidden;
	width:200px;
}
.footer .area .sosmed img{
	height:25px;
	margin-left:15px;
	margin-right:15px;
}
.footer .area .telp{
	width:100%;
	float:left;
	margin-top:10px;
	font-family: 'Romy';
	font-size:30px;
	color:#4e4e4e;
	text-align:center;
}
.footer .area .tag_bawah{
	width:100%;
	float:left;
	margin-top:10px;
	margin-bottom:20px;
	font-family: 'aleoregular';
	font-size:12px;
	color:#4e4e4e;
	text-align:center;
}
.top{
	width:32px;
	height:36px;
	overflow:hidden;
	position:relative;
	float:right;
	margin-top:-120px;
	margin-right:10px;
	z-index:100;
}
.top img{
	width:32px;
}
.footer .daun_bawah{
	width:100%;
	margin-top:-20px;
	float:left;
}
.footer .daun_bawah img{
	width:100%;
}

#box-dialog {
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 1000;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.5);
    opacity: 0;
    visibility: hidden;
  }
#box-dialog.open {
    visibility: visible;
    opacity: 1;
}
.compare-dialog{
	margin:0 auto;
	margin-top:15%;
	background:#FFF;
	width:380px;
	height:150px;
	-webkit-box-shadow: 0px 0px 13px -4px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 13px -4px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 13px -4px rgba(0,0,0,0.75);
}
.compare-dialog .header_box{
	float:left;
	width:100%;
	height:40px;
	background:#000;
	text-align:center;
	color:#FFF;
	font-family: 'open_sansbold';
	line-height:2.8em;
	font-size:16px;
}
.compare-dialog .teks {
	float:left;
	width:95%;
	color:#000;
	font-family: 'open_sansregular';
	font-size:14px;
	padding:10px;
	overflow:hidden;
}
.compare-dialog .teks .gambar{
	width:50px;
	float:left;
	margin-right:8px;
	margin-left:10px;
	overflow:hidden;
}
.compare-dialog .teks .gambar img{
	width:50px;
}
.compare-dialog .teks .isi{
	text-align:left;
	font-size:12px;
}
.compare-dialog .footer-bawah{
	float:left;
	width:100%;
	height:40px;
}
.compare-dialog .footer-bawah a.kiri{
	float:left;
	padding:5px;
	background:#dedede;
	text-align:center;
	color:#000;
	font-size:12px;
	font-weight:bold;
	border:1px solid #7f7f7f;
	margin-top:15px;
}
.compare-dialog .footer-bawah a.kanan{
	float:right;
	padding:5px;
	background:#dedede;
	text-align:center;
	color:#000;
	font-size:12px;
	font-weight:bold;
	border:1px solid #7f7f7f;
	margin-top:15px;
}
.scrol-compare{
	display:none;
}

.register-dialog{
	margin:0 auto;
	margin-top:15%;
	background:#FFF;
	width:40%;
	height:215px;
	-webkit-box-shadow: 0px 0px 13px -4px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 13px -4px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 13px -4px rgba(0,0,0,0.75);
}
.register-dialog .header_box{
	float:left;
	width:100%;
	height:40px;
	background:#000;
	text-align:center;
	color:#FFF;
	font-family: 'open_sansregular';
	line-height:2.8em;
	font-size:16px;
}
.register-dialog .teks {
	float:left;
	width:95%;
	color:#000;
	font-family: 'open_sansregular';
	font-size:14px;
	padding:10px;
	overflow:hidden;
}
.register-dialog .teks .isi{
	text-align:left;
	font-size:12px;
}
.register-dialog .footer-bawah{
	float:left;
	width:100%;
	height:40px;
}
.register-dialog .footer-bawah a.kiri{
	float:left;
	padding:5px;
	background:#dedede;
	text-align:center;
	color:#000;
	font-size:12px;
	font-weight:bold;
	border:1px solid #7f7f7f;
	margin-top:15px;
}
.register-dialog .footer-bawah a.kanan{
	float:right;
	padding:5px;
	background:#dedede;
	text-align:center;
	color:#000;
	font-size:12px;
	font-weight:bold;
	border:1px solid #7f7f7f;
	margin-top:15px;
}
}