body{
 	font-family: 'Roboto', sans-serif;
 }
#footer {
  background-color:#414141;
}

#footer a {
  color:#efefef;
}

header {
  background: #f16251;
  height:110px;
  color:#000000;
  padding-top: 20px;
}

header .dropdown-menu {
  top:74px;
  background: #ffcc33;
  border-width:0;
}

header h2 > a {  
  font-family: 'Satisfy', cursive;
  text-decoration: none;  color: #fff;
  font-size: 38px;

}
header p.lead{
	font-size: 14px;
}
 

@media (max-width: 768px) {
	header {
		height: 95px;
    text-align: center;
    
	}
  header h2 > a {  
    font-size: 30px;
  }
}

nav{font-size: 14px !important; }
.tab-content{
  font-size: 14px!important;
}
.navsearch{
	display: none;
  width: 80%; 
  padding: 0 5px;
}
.sosial{
  text-align: center;
  vertical-align: middle;
}
ul.sosial{
  margin: 0;
  list-style: none;
  display: inline;
}
ul.sosial li{
  margin: 0;
} 
ul.sosial li a {
    
    float: left;
    font-size: 14px;
 
    text-align: center; margin-left: 2px;
    padding: 5px 7px;
    border-radius: 3px;
}
 
ul.sosial li a.facebook {
    background: #3b5998;
    color: #fff;
    width: auto;
    text-align: center;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
}
ul.sosial li a.twitter {
    background: #00aced;
    color: #fff;
    width: auto;
 
    text-align: center; 
    text-decoration: none;
    transition: all 0.2s ease-in-out;
}
ul.sosial li a.googleplus {
    background: #dd4b39;
    color: #fff;
    width: auto;
 

    text-align: center;
 
    text-decoration: none;
    transition: all 0.2s ease-in-out;
}
ul.sosial li a.whatsapp {
    background: #25f392;
    color: #fff;
    width: auto;
 
    text-align: center;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
}
ul.sosial li a i {
    
    color: #fff;
 
 
    text-align: center;
    transition: all 0.2s ease-in-out;
}
 
ul.sosial li a:hover {
    opacity: .7;
}




/* body--- */
ul.itm{
  list-style: none;
    padding-left: 0;
    margin-left: 0;
}
ul#promos li {
    display: inline;
}

ul.lastpenjualan{
  margin: 0;
 list-style: none;
  display: block;
 width: 100%;
}
ul.lastpenjualan li a{
   text-decoration: none;
  
}
ul.lastpenjualan li  .imgse{
  width: 70px;
}
ul.lastpenjualan li .desc{
 float: left;
 display: block;
}


.rating-block{
  padding: 0 30px;
  border:1px solid #EFEFEF;
  border-radius:3px;
}
.nilairate{
  padding-left: 100px;  
  padding-top: 20px;
}
.bold{
  font-weight:700; font-size: 60px;
}
.padding-bottom-7{
  padding-bottom:7px;
}
 

 .item{margin-top: 20px; border: solid 1px #dedede;}
 .item:hover {     
 	-webkit-box-shadow: 0px 0px 10px 2px rgba(194,188,194,1);
-moz-box-shadow: 0px 0px 10px 2px rgba(194,188,194,1);
box-shadow: 0px 0px 10px 2px rgba(194,188,194,1);}
 .item .caption{
 	text-align: center;
 }
 .item .caption .title{
 	height: 40px;
 }
 .item .caption .priceold{
    text-decoration: line-through;
 }
 .item .caption .pricenew{
    font-size: 16px; font-weight: bold;
 }
 .item img{
 	width: 100%;
 	padding: 10px 0;
  transition: all 0.9s ease ;
 }

 .detail h3{
  font-size: 25px !important;
  font-weight: bold;
  margin-top: 0;
}
span.through{
  text-decoration: line-through;
}

/* Product page--- */
.alignR{text-align:right;}
.control-label.alignL, .alignL{text-align:left;}
.loginFrm{ margin-bottom:8px;}
.loginFrm .control-group{padding:8px 14px 0; margin-bottom:0 }
/* Compair product page */
.checkbox input[type="checkbox"]{ margin:4px 0 8px -20px }
#sm{text-align:right}
#sm a {margin: 4px;width:32px;}
/* Carousel  */
#myCarousel{text-align:center; margin-bottom:0}
#myCarousel .btn{position:absolute; bottom:10%; right:17%; padding:2% 6%; z-index:9999}
#myCarousel .carousel-caption{display:none;}
#myCarousel.homCar .item img{width:100%; max-height:506px}
#productView .btn-toolbar{padding-left:3px;}
#productDetail > li, .nav-pills > li {float: right;}
#myTabContent{text-align:justify}
#compairTbl td{text-align:center;}
#accordion2, #legalNotice, .justify, #mainCol{text-align:justify}
#myCarousel .carousel-control{display:none}
#myCarousel:hover .carousel-control{display:block}
 
/* Footer section--------------- */
#footerSection {background: #2e2e2e;color: white;padding: 28px 0 44px;margin-top: 20px;border-top: 1px solid #444;}
#footerSection a{color:#ccc; font-size:14px; padding:0; line-height:24px; }
#footerSection a:hover{color:#fff;  }
#footerSection  #socialMedia a{ min-width:25px; display:inline; margin-right:6px; text-align:center; line-height:1.5em;}
#socialMedia img{max-width:60px;}
#footerSection  #socialMedia a:hover{background:none;}
/* ===================================================== */
/* Light Box------------------- */
#jquery-overlay {position: absolute;top: 0;left: 0;z-index: 90;width: 100%;height: 500px;}
#jquery-lightbox {position: absolute;top: 0;left: 0;width: 100%;z-index: 100;text-align: center;line-height: 0;}
#jquery-lightbox a img { border: none; }#lightbox-container-image-box {position: relative;background-color: #fff;width: 250px;height: 250px;margin: 0 auto;}
#lightbox-container-image { padding: 10px; }#lightbox-loading {position: absolute;top: 40%;left: 0%;height: 25%;width: 100%;text-align: center;line-height: 0;}
#lightbox-nav {	position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 10;}#lightbox-container-image-box > #lightbox-nav { left: 0; }#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {width: 49%;height: 100%;zoom: 1;display: block;}
#lightbox-nav-btnPrev { left: 0; float: left;}#lightbox-nav-btnNext { right: 0; float: right;}
#lightbox-container-image-data-box {font: 10px Verdana, Helvetica, sans-serif;background-color: #fff;margin: 0 auto;line-height: 1.4em;overflow: auto;width: 100%;padding: 0 10px 0;}
#lightbox-container-image-data {	padding: 0 10px; 	color: #666; }
#lightbox-container-image-data #lightbox-image-details {width: 70%; float: left; text-align: left; }	
#lightbox-image-details-caption { font-weight: bold; }#lightbox-image-details-currentNumber {display: block; clear: left; padding-bottom: 1.0em;}
#lightbox-secNav-btnClose {width: 66px; float: right;padding-bottom: 0.7em;	}
/* ------------------------------- */
  
  #logoArea, #logoArea a{outline:none;}
.alignR .checkbox input[type="checkbox"] {float: right;margin: 4px 0 8px 11px;}

 #logoArea  #smallScreen {margin: 21px 14px 0 0;}
 /* Responsive--------------------- */
/* Large desktop */
@media (min-width: 1200px) { 
  
}
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
 
 #sideManu,#topMenu{height:0}
 #topMenu{height: auto;float: none;}
#topMenu li{float: none;}
 #sideManu,#topMenu{height:0}

 .search{
  overflow: hidden;
  display: none;
 }
 .navsearch{
  display: block; width: 100%;
  padding-top: 10px;
}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
 #sideManu,#topMenu{height:0}
 #topMenu{height: auto;float: none;}
#topMenu li{float: none;}

 .search{
  overflow: hidden;
  display: none;
 }
 .navsearch{
  display: block;
  padding-top: 10px;
  float: left;
}

.navbar-brand{
  width: 60%;
}


}

/* Landscape phones and down */
@media (max-width: 480px) {

header{
  text-align: center;
}


 .search{
  overflow: hidden;
  display: none;
 }
 .navsearch{
  float: left;
  display: block;
  padding-top: 10px;
}
 p.title{
  font-size: 13px !important;
 }
}
/* Landscape phones and down */
@media (max-width: 360px) {
  header{
  	text-align: center;
    width: 100%;
  }

p.title{
  font-size: 12px !important;
  height: 100px;
 }

 .search{
 	overflow: hidden;
 	display: none;
 }
 .navsearch{
	display: block; width: 100%;
	padding-top: 10px;
}
.detail h3{
  font-size: 18px !important;
  font-weight: bold;
}
#sideManu, #topMenu{height:0}
#topMenu{height: auto;float: none;}
#topMenu li{float: none;}

 }