@charset "utf-8";
/* CSS Document */
@font-face {
	font-family:"amatic"; 
	src: url('../fonts/AmaticSC-Regular.ttf'); 
}
.famatic,h,.famatic2{
	font-family:"amatic",cursive;
	font-size:21px;
    text-transform: capitalize;	
	color:#A98983;
}

.famatic2{
	font-family:"amatic",cursive;
	font-size:42px;
    text-transform: capitalize;	
	color:#A98983;
}
body {
	color:#666666;
}
a:hover{
	text-decoration:none;
}
.pink{
	background:#fe45a2;
}
.abu1{
	background:#f6f6f6;
}

.labelbarang{
	height:60px;
}
.harga{
	height:60px;
}
	
.jarakkiri10{
	margin-left:10px;
}
.jarakkiri15{
	margin-left:15px;
}
.jarakatas10{
	margin-top:10px;
}
.jarakatas20{
	margin-top:20px;
}
.jarakatas30{
	margin-top:30px;
}
.jarakatas50{
	margin-top:50px;
}
.jarakbawah50{
	margin-bottom:50px;
}
.jarakfooter{
	padding-top:20px;
	padding-bottom:50px;	
}
.tinggi{
	min-height:400px;
}
.dropdown-menu li a{
  font-family: sans-serif;
}
#sidebar a, a li, h3 a{
	color:#666666;
}
#sidebar a:hover,a:hover li, h3 a:hover{
	color:#fe45a2;
	text-decoration:none;
}
.logo, .loading{
	position: absolute;
	left: 50%;
	margin-left: -50px !important;  /* 50% of your logo width */
	display: block;
	z-index:1;
}
.logo2{
	display: none;
}
.center-block2 {
  margin-right: auto;
  margin-left: auto;
}
.loading{
	position:fixed;
}
.produk{
	position:relative;
	height:256px;
}
.labelproduk{
	position:absolute;
	top:25%;
	left:18%;
	width:65%;
	z-index:1000;
	
}
.labelproduk2{
	position:absolute;
	top:45%;
	width:100%;
	z-index:10;
}
.dropdown-menu2 li{
	padding:10px 0 10px 0;
}
.coret{
	text-decoration:line-through;
}
.pesans{
	font-style:italic;
}
.fontmerah,.pesans{
	color:#F36;
}

.pesanheader{
	color:#ffffff;
}
.pesanheader a{
	color:#ffffff;
}
.garispink{
	height:1px;
	background:#fe45a2;
}
.hovereffect {
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
}
.hovereffect img {
  display: block;
  position: relative;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}

.hovereffect:hover img {
-ms-transform:scale(1.2);
-webkit-transform:scale(1.2);
transform:scale(1.2);
}

.tempatlogo{
	position:absolute;
	z-index:100;
}
.logo{
	margin-left:auto;
	margin-right:auto;	
}

#cari{
  border:0;
  background:none;  
  margin-left:10px;
}
#btncari{
	background:url(../images/search-3-xxl.png);	
background-repeat: no-repeat;
    background-size: 50% auto;
	background-position:center;
border: 0;
width:40px;
height:40px;
}

#isitestimoni{
	overflow:scroll;
	height:150px;
}
/* vtickter */

.vticker ul{
	padding: 0;
}
.vticker li{
	list-style: none;
	border-bottom: 1px solid #DFDFDF;
	padding: 10px;
}

.et-run{
	background: #DFDFDF;
}
.dropdown-submenu {
  position: relative;
}
.dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -6px;
  margin-left: -1px;
}
.dropdown-submenu:hover > .dropdown-menu {
  display: block;
}
.dropdown-submenu:hover > a:after {
  border-left-color: #fff;
}
.dropdown-submenu.pull-left {
  float: none;
}
.dropdown-submenu.pull-left > .dropdown-menu {
  left: -100%;
  margin-left: 10px;
}

.caret-right {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-left: 4px solid;
  border-bottom: 4px solid transparent;
  border-top: 4px solid transparent;
}
#tomboltrigger{
	display:none;
}
@media (max-width: 992px) {
	#sidebar{
		display:none;
	}
	.logoweb{
		display:none;
	}	
	.logo2{
		display:block;
	}
	#menuatas{
		display:none;
	}
	#tombolnav{
		display:block;
	}
}