/* Custom CSS for Esa Mall General Site by Ndee Siswandhi */

@font-face {
    src: url(fonts/OpenSans-CondLight.ttf) format("truetype");
}

/* Button z-index Quantity */
#txtQty{
    z-index:unset;
}
/* Button z-index Quantity */

/* General */
body {
    /*    font-family: 'Open Sans Condensed Light', sans-serif;*/
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    line-height: 24px;
    color: #414141;
    background: #f7f6f1;
}

/* Button */
a { color:#023F8C; }
a:hover { text-decoration:none; color:#333; }
.btn, .btn:hover, input[type='button'], input[type='submit'], input[type='button']:hover, input[type='submit']:hover {
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -ms-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
}
    .btn.btn-grey {
        /*font-family: 'Lato', sans-serif;*/
        font-size: 12px;
        font-weight: 700;
        line-height: 12px;
        padding: 15px 20px;
        text-transform: uppercase;
        color: #fff;
        border: 2px solid #5a460d;
        background: #023F8C;
    }
        .btn.btn-grey:hover {
            color: #fff;
            background: #023F8C;
        }
    .btn.btn-red {
        /*font-family: 'Lato', sans-serif;*/
        font-size: 12px;
        font-weight: 700;
        line-height: 12px;
        padding: 15px 20px;
        text-transform: uppercase;
        color: #fff;
        border: 2px solid #5a460d;
        background: #023F8C;
    }
        .btn.btn-red:hover {
            color: #fff;
            background: #023F8C;
        }
.btn.btn-grey-big {
    /*font-family: 'Lato', sans-serif;*/
    font-size: 18px;
    font-weight: 700;
    line-height: 18px;
    padding: 10px 20px;
    text-transform: uppercase;
    color: #fff;
    background: #023F8C;
    border: 2px solid #5a460d
}
.btn.btn-grey-big:hover {
    color: #fff;
    background: #023F8C;
}
.btn.btn-red-big {
    /*font-family: 'Lato', sans-serif;*/
    font-size: 18px;
    font-weight: 700;
    line-height: 18px;
    padding: 10px 20px;
    text-transform: uppercase;
    color: #fff;
    border: 2px solid #5a460d;
    background: #023F8C;
}


.btn.btn-lgrey {
    font-family: 'Lato', sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 12px;
    padding: 15px 20px;
    text-transform: uppercase;
}
.form-group input, .form-group select, .form-group textarea { padding:5px; border-radius:3px; background:#fff; }


/* Header */
header { width:100%; background:#fff; position:fixed; z-index:999999; height:105px; }
header {
	-webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.2);
}
header .logo { padding:0; cursor: pointer;}
header .logo h1 { margin:10px 0; }
header .logo h1 a img { width:90px;height:80px; }
header .cat-menu {
    height: 27px;
    background: #023F8C;
    line-height: 27px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 0 10px;
}
header .cat-menu a {
    color:#fff;
	text-transform:uppercase;
	display:block;
}
header .cat-menu a:hover {
    text-decoration:none;
}
header .cat-menu a i{
    float:right;
	line-height:27px;
}
header .search-box {
	width: 80%;
    margin: 30px 0 20px 0px;
}
    header .search-box .search-panel button {
        background: #023F8C;
        font-size: 12px;
        color: #fff;
        border: none;
        height: 35px;
    }
header .search-box input {
	background: #dddddd;
    border: none;
    height: 35px;
    line-height: 35px;
    font-size: 15px;
}
    header .search-box span button {
        border: none;
        height: 35px;
        background: #023F8C;
    }
.open > .dropdown-toggle.btn-default, header .search-box span button:hover {
    color: #fff;
    background-color:#900;
	border: none;
    border-color: transparent;
}
header .search .best-keyword p { font-size:12px; }
header .account-link { padding:0; display:block; height:105px; background:url(../images/login-register-line.png) no-repeat right center; }
header .account-link ul { margin:16px 0; padding:0 15px 0 0; list-style:none; }
header .account-link ul li { height:36px; line-height:36px; text-align:right; display:block; }
header .account-link ul li:nth-child(0) { margin-bottom:1px; }
header .account-link ul li a{ text-transform:uppercase; color:#333333; }
header .account-link ul li a:hover{ text-decoration:none; color:#023F8C; }
header .account-link-active { padding:0; display:block; }
header .account-link-active ul {padding-left:15px; list-style:none; }
header .account-link-active ul li { font-size:12px; line-height:20px; text-align:right; display:block; }
header .account-link-active ul li a{ text-transform:uppercase; color:#333333; font-size:14px }
header .account-link-active ul li a:hover{ text-decoration:none; color:#023F8C; }

header .cart-item { padding:0;background-position: right bottom;background-repeat: no-repeat;background-size: 75px;}
header .cart-item .cart-box { overflow:hidden; cursor:pointer; }
header .cart-item .cart-box .cart-value { width:270px; height:55px; float:left; margin:30px 0 0px 60px; position:relative; }
header .cart-item .cart-box .cart-value .panah{ height: 65%;width: 25%;margin-top: 10px; }
header .cart-item .cart-box .cart-value a{ position:absolute;width:100%; height:100%; color: white;top: 6px;left: 93px;font-size: 10px;}
header .cart-item .cart-box .cart-info { color:#fff; float:right; margin: 27px 15px 27px 0;}
header .cart-item .cart-box .cart-info p { margin:0; padding:0; font-size:12px; line-height:18px; }
header .cart-item .cart-box .cart-info h3 { margin:0; padding:0; font-family: 'Open Sans Condensed', sans-serif; font-size:24px; line-height:18px; font-weight:700; }
header .cart-item .cart-box .cart-info-active { color:#fff; float:right; margin: 35px 5px 34px 0; }
header .cart-item .cart-box .cart-info-active p { margin:0; padding:0; font-size:12px; line-height:18px; }
header .cart-item .cart-box .cart-info-active h3 { margin:0; padding:0; font-family: 'Open Sans Condensed', sans-serif; font-size:15px; line-height:18px; font-weight:700; }
.shopping-cart {
  float: right;
  background: #fff;
  width: 300px;
  position: relative;
  padding: 10px;
  font-size:15px;
  display: none;
}
.shopping-cart .shopping-cart-header {
  border-bottom: 1px solid #555;
}
.shopping-cart .shopping-cart-header .shopping-cart-total {
  float: right;
}
.shopping-cart .shopping-cart-header .shopping-cart-total .lighter-text {
  color:#bbb;
}
.shopping-cart .shopping-cart-header .shopping-cart-total .main-color-text {
  color:#fff;
}
.shopping-cart .shopping-cart-items {
  padding-top: 20px; padding-left:0;
}
.shopping-cart .shopping-cart-items li {
  margin-bottom: 18px; list-style:none;
}
.shopping-cart .shopping-cart-items img {
  float: left;
  margin-right: 12px;
  width:70px;
}
.shopping-cart .shopping-cart-items .item-name {
  display: block;
  padding-top: 0px;
  font-size: 14px;
}
.shopping-cart .shopping-cart-items .item-price {
  color: #fff;
}
.shopping-cart .shopping-cart-items .item-quantity {
  color: #bbb; float:right; font-size:12px;
}
.shopping-cart:after {
  bottom: 100%;
  left: 89%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-bottom-color: #fff;
  border-width: 8px;
  margin-left: -8px;
}
.cart-icon {
  color: #023F8C;
  font-size: 24px;
  margin-right: 7px;
  float: left;
}
.shopping-cart a { width:100%; }

.wishlist-box {
  margin: 15px 0;
  float: right;
  background: #fff;
  width: 260px;
  position: relative;
  top:15px;
  right:85px;
  border-radius: 3px;
  padding: 20px;
  font-size:14px;
  display: none;
}
.wishlist-box .wishlist-box-header {
  border-bottom: 1px solid #888;
  padding-bottom: 15px;
}
.wishlist-box .wishlist-box-items {
  padding-left:0;
}
.wishlist-box .wishlist-box-items li {
  margin-bottom: 18px; list-style:none;
}
.wishlist-box .wishlist-box-items img {
  float: left;
  margin-right: 12px;
  width:70px;
}
.wishlist-box .wishlist-box-items .item-name {
  display: block;
  padding-top: 0px;
  font-size: 14px;
  text-align:left;
  color:#fff;
  text-transform:capitalize;
}
.wishlist-box .wishlist-box-items .item-name:hover {
  color:#023F8C;
}
.wishlist-box:after {
  bottom: 100%;
  left: 89%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-bottom-color: #fff;
  border-width: 8px;
  margin-left: -8px;
}
.cart-icon {
  color: #023F8C;
  font-size: 24px;
  margin-right: 7px;
  float: left;
}
.wishlist-box a { width:100%; }
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

/* Home Banner */
section#slide-banner { margin:0; padding:110px 0 0 0; overflow:hidden; height:auto; }
section#slide-banner button.slick-arrow { position:absolute; top:50%; margin-top:-30px; border:none; display:block; text-indent:-99999px; cursor:pointer; z-index:9; }
section#slide-banner button.slick-prev { width:60px; height:60px; background:url(../images/prev-arrow.png) no-repeat; left:50px; }
section#slide-banner button.slick-next { width:60px; height:60px; background:url(../images/next-arrow.png) no-repeat; right:50px; }
section#slide-banner .banner-item { background-size:cover; background-position:center center; height:295px; }
.banner-gajian { background-image:url(../images/banner/home-gajian.jpg); }
.banner-lebaran { background-image:url(../images/banner/home-lebaran.jpg); }
section#slide-banner .banner-item .container { position:relative; height:410px; }
.banner-gajian .container .banner-content { /*position:absolute; top:50%; margin-top:-107px; left:50px; width:384px;*/right: 129px; position: relative;}
.banner-lebaran .container .banner-content { position:absolute; top:50%; margin-top:-107px; right:50px; width:384px; }
section#slide-banner .title-wrapper { background-color:#dddddd; height:40px; }
section#slide-banner .title-item { padding:0; border-right:1px solid #c6c6c6; border-left:1px solid #e0e0e0; border-top:5px solid #e0b5b5; height:40px; line-height:40px; font-size:12px; text-align:center; text-transform:uppercase; outline:none; cursor:pointer; }
section#slide-banner .slider-nav .slick-current { border-top:5px solid #023F8C; }

/* Article ID:HomeContent */
article#home-content { margin:15px 0; }
.title-box { border-bottom:1px solid #023F8C; text-align:center; }
.title-box h2 { font-family: 'Open Sans Condensed', sans-serif; font-size:22px; font-weight:300; text-transform:uppercase; color:#023F8C; line-height:50px; padding:0 30px; border-bottom:4px solid #023F8C; margin:0; text-align:center; display:inline-block; }
.title-box h2 strong { font-weight:700; }
.prod-container { padding:15px 0; border-bottom:1px solid #333333; overflow:hidden; min-height:300px; }
.prod-container .cat-box { padding:0; background:#333; }
.prod-container .cat-box .cat-image img.img-responsive { width:100%; }
.prod-container .cat-box .cat-title { margin:10px 15px; position:relative; min-height:90px; }
.prod-container .cat-box .cat-title h3 { position:absolute; left:0; bottom:0; font-family: 'Open Sans Condensed', sans-serif; font-size:30px; line-height:30px; letter-spacing:-1px; color:#fff; font-weight:700; }
.prod-box {
    padding: 10px;
    position: relative;
}

.prod-box-inner {
    padding: 5px;
    position: relative;
    background: #fff;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 3px 3px 20px 1px #c1c1c1;
}
/*.prod-box {padding: 20px 20px; min-height: 350px; position: relative;}*/
/*.prod-box:hover { background:#ccc; }*/
    .prod-box .prod-image {
        padding: 5px;
        position: relative;
        border-bottom: none;
        border-left: 0px #ccc solid;
        border-right: 0px #ccc solid;
        border-top: 0px #ccc solid;
    }
.prod-box .prod-image img.img-responsive { width:100%; }
/*.prod-box .prod-desc { padding-top:15px; text-align:center; line-height:18px; }*/
    .prod-box .prod-desc {
        padding-bottom: 5px;
        padding-left: 5px;
        text-align: center;
        line-height: 18px;
        border-left: 0px #ccc solid;
        border-right: 0px #ccc solid;
        border-bottom: 0px #ccc solid;
    }
/*.prod-box .prod-desc {padding-bottom: 15px;text-align: center;line-height: 18px;}*/

.prod-box .prod-desc .prod-title {font-size: 14px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; min-height: 36px;}
.prod-box .prod-desc .prod-title a { color:#414141; }
.prod-box .prod-desc .prod-title a:hover { color:#023F8C; text-decoration:none; }
.prod-box .prod-desc .prod-old-price { font-size:10px; color:#888888; text-decoration:line-through; }
.prod-box .prod-desc .prod-price { font-size:14px; color:#023F8C; }
        .prod-box .prod-desc .prod-star {
            font-size: 14px;
            color: #023F8C;
        }
/*.prod-box .prod-image .flag-diskon {width: 40px;height: 40px;border-radius: 50%;background: #d00809;position: absolute;bottom: -60px;right: -10px;font-size: 28px;color: #fff!important;text-align: center;line-height: 19px;padding-top: 4px; }*/
.prod-box .prod-image .flag-diskon {width: 45px;height: 45px;border-radius: 50%;background: #023F8C;position: absolute;top: 0px;right: 0px;font-size: 14px;color: #fff;text-align: center;line-height: 12px;padding-top: 10px; }
/*.prod-box .prod-image .flag-baru { width:50px; height:50px; position:absolute; left:-15px; bottom:-140px; background:url(../images/flag-baru.png) no-repeat; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); }*/
.prod-box .prod-image .flag-produk-indo { width:100px; height:100px; position:absolute; left:0px; top:0px; background:url(../images/produk-indo.png) no-repeat; }
.prod-box .prod-sale-text { position:absolute; width:100%; background:#023F8C; padding:15px; text-align:center; color:#fff; line-height:14px; left:0; top:0; z-index:9; opacity:0.7; }
.lelang-container .prod-box { margin:10px; width: calc(25% - 20px); }
.lelang-container .prod-box .prod-desc { margin: 0 -15px; padding: 10px 15px; background: #eeeeee; min-height:95px; }
.lelang-container .prod-box .prod-count { margin: 0 -15px; padding: 10px 15px; background: #dddddd; text-align:center; }
.lelang-container .prod-box .prod-count p { color:#023F8C; font-size:18px; font-weight:700; margin:0; padding:0; }
.prod-box .prod-stock { background:#333; color:#fff; position:absolute; bottom:0px; width:100%; margin:0 -15px; line-height:24px; font-size:12px; }
.prod-box .prod-stock { display:none; }
.prod-box:hover .prod-stock  { display:block; }

/*.custom_line {
    font-size: 20px;
    position: absolute!important;
    top: -10px;
    padding : 0px 15px!important;
}*/

article#home-content .tab-content { margin-bottom: 50px; /*border-bottom: 1px solid #023F8C;*/ }
article#home-content .nav-tabs {
    margin-top: 20px;
    border-bottom: 1px solid #023F8C;
    padding-left: 30px;
}
article#home-content .nav-tabs > li > a {
    text-transform: uppercase;
    color: #999;
}
article#home-content .nav-tabs > li > a:hover {
   
    text-decoration: none;
    background-color: #fff;
    border-color: #023F8C #023F8C #023F8C;
}
    article#home-content .nav-tabs > li.active > a, article#home-content .nav-tabs > li.active > a:hover, article#home-content .nav-tabs > li.active > a:focus {
        border: 1px solid #023F8C;
        border-bottom: 5px solid white;
        font-size: 20px;
        position: absolute;
        top: -10px;
        padding: 0px 15px;
    }
/*  bhoechie tab */
div.bhoechie-tab-container {
    z-index: 10;
    background-color: #ffffff;
    padding: 0 !important;
    border-radius: 4px;
    margin-top: 20px;
    margin-bottom: 20px;
}
div.bhoechie-tab-menu{
  padding-right: 0;
  padding-left: 0;
  padding-bottom: 0;
}
div.bhoechie-tab-menu h4{
  font-size:14px; text-transform:uppercase;
}
div.bhoechie-tab-menu div.list-group{
  margin-bottom: 0;
}
div.bhoechie-tab-menu div.list-group>a{
  margin-bottom: 0;
  
}
div.bhoechie-tab-menu div.list-group>a:first-child{
  border-top-right-radius: 0;
  -moz-border-top-right-radius: 0;
}
div.bhoechie-tab-menu div.list-group>a:last-child{
  border-bottom-right-radius: 0;
  -moz-border-bottom-right-radius: 0;
}
div.bhoechie-tab-menu div.list-group>a.active {
  background-color: #333;
  color: #ffffff;
  border-color:transparent;
}
div.bhoechie-tab-menu div.list-group>a.active:after{
  content: '';
  position: absolute;
  left: 100%;
  top: 50%;
  margin-top: -13px;
  border-left: 0;
  border-bottom: 13px solid transparent;
  border-top: 13px solid transparent;
  border-left: 10px solid #333;
}

div.bhoechie-tab{
  padding:0;
  width: calc(83.33333333% - 30px);
}
/*div.bhoechie-tab-content{
  
}*/

div.bhoechie-tab div.bhoechie-tab-content:not(.active){
  display: none;
}

div.bhoechie-tab .prod-box {
    padding: 15px;
    min-height: 245px;
}

/* Section : BottomPane */
section#bottom-pane { padding:0px 0; }
section#bottom-pane h3 { border-left:5px solid #333; margin:0; padding:0 15px; font-family: 'Open Sans Condensed', sans-serif; font-size:24px; font-weight:700; color:#333; line-height:40px; background:#fff; display:block; }
section#bottom-pane .berita-box { padding:15px; }
section#bottom-pane .berita-box .berita-image { -webkit-box-shadow: inset 0px 0px 0px 5px rgba(255,255,255,0.2); -moz-box-shadow: inset 0px 0px 0px 5px rgba(255,255,255,0.2); box-shadow: inset 0px 0px 0px 5px rgba(255,255,255,0.2); border:1px solid #333; padding:0; }
section#bottom-pane .berita-box .berita-image img.img-responsive { width:100%; }
section#bottom-pane .berita-box .berita-desc { padding-right:0px; }
section#bottom-pane .berita-box .berita-desc h4{ font-weight:700; color:#333; font-size:14px; line-height:18px; margin:0; }
section#bottom-pane .berita-box .berita-desc h4 a{ color:#333; }
section#bottom-pane .berita-box .berita-desc h4 a:hover{ color:#023F8C; text-decoration:none; }
section#bottom-pane .berita-box .berita-desc p{ color:#333; font-size:12px; line-height:18px; }
section#bottom-pane .berita-box .berita-desc a{ color:#023F8C; }
section#bottom-pane .berita-box .berita-desc a:hover{ color:#333; text-decoration:none; }
section#bottom-pane .icon-box { padding:15px 4px 0px; }
section#bottom-pane .icon-box .thumbnail {
    display: inline-block;
    padding: 2px;
    margin-bottom: 0px;
    border: 1px solid #ccc;
 
}
section#bottom-pane .icon-box .thumbnail:hover {
    border: 1px solid #023F8C;
}
section#bottom-pane .video-box { margin-bottom:15px; }
section#bottom-pane .iklan-box { padding:0px; }
section#bottom-pane .iklan-box .thumbnail { padding:0px; border-radius:0; border:none; }
section#bottom-pane .iklan-box .thumbnail:hover { border:none; }
section#bottom-pane .iklan-box .thumbnail img.img-responsive { width:100%; }

/* Category */
section#cat-banner { margin:0; padding:105px 0 0 0;  }
section#cat-banner .cat-banner-item { height:410px; background-size:cover; background-repeat:no-repeat; background-position:center center; }
/*section#cat-banner .cat-banner-komputer { background-image:url(../images/banner/cat-komputer.jpg); }*/
section#cat-banner .container { padding:0; }
section#cat-banner .cat-root { background:url(../images/cat-banner-bg-root.png) repeat-y; height:410px; padding:10px 30px; }
section#cat-banner .cat-root h3 { font-family: 'Open Sans Condensed', sans-serif; font-size:40px; font-weight:700; color:#fff; }
section#cat-banner .cat-root ul { list-style:none; margin:0; padding:0; }
section#cat-banner .cat-root ul li { margin:0; padding:0; min-height:30px; line-height:22px; }
section#cat-banner .cat-root ul li a { font-size:18px; font-weight:300; color:#fff; }

section#cat-adv { padding:50px 0; }
.cat-adv-box img.img-responsive { width:100%; }

article#cat-content { margin:50px 0; }
article#cat-content .cat-adv-middle { padding:25px 0; overflow: hidden; }

section#brand-banner { margin:0; padding:105px 0 0 0; overflow:hidden; border-bottom:10px solid #023F8C; }
section#brand-banner button.slick-arrow { position:absolute; top:50%; margin-top:-30px; border:none; display:block; text-indent:-99999px; cursor:pointer; z-index:9; }
section#brand-banner button.slick-prev { width:60px; height:60px; background:url(../images/prev-arrow.png) no-repeat; left:-70px; }
section#brand-banner button.slick-next { width:60px; height:60px; background:url(../images/next-arrow.png) no-repeat; right:-70px; }
section#brand-banner .banner-item { background-size:cover; background-position:center center; }
section#brand-banner .slider-nav .slick-current { border-top:5px solid #023F8C; }

article#brand-content { margin:50px 0; }
.brand-terlaris { margin:15px 0; }
.brand-terlaris a.thumbnail { width: calc(16.66666667% - 10px); margin:5px; }
.brand-terlaris a.thumbnail img { width:100%; }
article#brand-content .brand-char {
    display: flex;
    justify-content: space-between;
    padding: 10px 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    color: #ccc;
    font-weight: 700;
    font-size: 19px;
	margin:15px;
	width:calc(100% - 30px);
}
article#brand-content .brand-list {
    margin-top: 10px;
    color: #333;
}
article#brand-content .brand-item {
    display: flex;
    padding: 10px 0;
    border-bottom: 1px dotted #ccc;
}
article#brand-content .brand-item:target {
    padding-top:130px;
}
article#brand-content .brand-letter {
    min-width: 5%;
    font-size: 26px;
	padding-top: 8px;
}
article#brand-content .brand-brands {
    display: flex;
    flex-grow: 1;
    flex-wrap: wrap;
}
article#brand-content .brand-link-container {
    display: block;
    flex-basis: 20%;
    box-sizing: border-box;
    padding: 5px;
}
article#brand-content .brand-link-container a {
    color: inherit;
    font-size: 14px;
}

section#deals-banner { margin:0; padding:105px 0 0 0; overflow:hidden; border-bottom:10px solid #023F8C; }
section#deals-banner button.slick-arrow { position:absolute; top:50%; margin-top:-30px; border:none; display:block; text-indent:-99999px; cursor:pointer; z-index:9; }
section#deals-banner button.slick-prev { width:60px; height:60px; background:url(../images/prev-arrow.png) no-repeat; left:-70px; }
section#deals-banner button.slick-next { width:60px; height:60px; background:url(../images/next-arrow.png) no-repeat; right:-70px; }
section#deals-banner .deals-banner-item { background-size:cover; background-position:center center; position:relative; }
section#deals-banner .slider-nav .slick-current { border-top:5px solid #023F8C; }
section#deals-banner .deals-banner-item .lelang-container{ position:absolute; left:10px; bottom:0; width:100%; }
section#deals-banner .deals-banner-item .lelang-container .prod-box{ min-height:150px; }

/* Product */
section#sale { margin:0; padding:110px 0 0 0; }
section#sale .sale-container { background-color:#cccccc; padding:30px 0; }
section#sale .sale-container .title-box { border-bottom:1px solid #333; text-align:center; margin-bottom:20px; }
section#sale .sale-container .title-box h2 { font-family: 'Open Sans Condensed', sans-serif; font-size:24px; font-weight:700; text-transform:uppercase; color:#333; line-height:30px; padding:0 30px; border-bottom:4px solid #333; margin:0; text-align:center; display:inline-block; }
.sale-box { position:relative; }
.sale-box a:hover img {
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
}
.sale-box img.img-responsive { width:100%; }
.sale-box .sale-flag { position:absolute; width:50px; height:50px; top:0; right:15px; background:url(../images/flag-sale.png) no-repeat; }
.sale-box .sale-title { position:absolute; width:calc(100% - 30px); display:block; background:url(../images/menu-cat-root.png) repeat; padding:5px; text-align:center; color:#fff; font-size:12px; line-height:14px; bottom:0px; min-height:40px; }

article#product-content { padding:15px 0 0 0; }
article#product-content .breadcrumb {
    background-color: transparent;
    border-radius: 0px;
	padding:0;
}
#product-image { overflow:hidden; border-left: 1px solid #ddd; border-right: 1px solid #ddd; padding-left:0; }
#product-image .img-responsive { width:100%!important; position:relative!important; }
#product-image .product-stat { padding:5px 10px; margin-left: 15px; }
#product-image .product-stat span { color:#023F8C; }
#product-gallery { padding:0 15px 0 0; }
#product-gallery .img-responsive { width:100%; }
#product-gallery .thumbnail {
    margin-bottom: 5px;
}
article#product-content .prod-container { border-bottom:none; }
.wishlist-container { margin-bottom:10px; }
.wishlist-container .btn-small { padding:3px 10px; border:2px solid #5a460d;background:#fff;}
.product-detail h1 {font-size:30px; font-weight:700; color:#333; line-height:30px; margin:0 0 10px; }
.product-by, .product-review { font-size:12px; }
.product-review { text-align:right; }
.product-by a, .product-review a { font-weight:700; }
.product-review span.prod-star { color:#1bb53b; }
.product-price { background:#eeeeee; padding:10px 0px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; }
.product-price p { margin:0; padding:0; font-size:12px; line-height:14px; }
.product-price .price-old { font-size:18px; text-decoration:line-through; }
.product-price .price-fix { font-size:24px; font-weight:700; text-align:right; line-height: 30px; }

.product-info #accordion.panel-group {
    margin:10px 0 20px;
}
.product-info #accordion .panel {
    margin-bottom: 0px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.product-info #accordion .panel-default > .panel-heading {
    color: #333;
    background-color: transparent;
	border-bottom:1px solid #ddd;
	cursor:pointer;
}
.product-info #accordion .panel-default > .panel-heading:hover {
    background-color: #f9f9f9;
}
.product-info #accordion .panel-title {
    font-size: 18px;
	font-weight:700;
    position: relative;
}
.product-info #accordion .panel-title > a {
    display:block;
}
.product-info #accordion .panel-title > a:focus {
    text-decoration:none;
}
.product-info #accordion .panel-title > i.fa {
    position: absolute;
    top: -2px;
    font-size: 24px;
    right: 0;
    font-weight: 700;
}
.product-info #accordion .panel-heading + .panel-collapse > .panel-body {
    border-top: 0px solid #ddd;
	font-size:12px; line-height:18px;
}
.product-qty { background:#eeeeee; padding:10px 0px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; }
.product-qty p { margin:0; padding:0; font-size:12px; line-height:14px; }
.product-qty .qty-input .input-group { float:left; width:120px; }
.product-qty .qty-input .qty-sisa { float:left; margin-left:15px; }
.product-qty .qty-input .qty-sisa span { font-size:20px; font-weight:700; color:#023F8C; }
.product-qty .qty-total { text-align:right; }
.product-qty .qty-total span { font-size:20px; font-weight:700; color:#023F8C; }

.product-button { margin:15px 0 0 0; }
.product-button .btn-red-big { font-size: 24px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 700;
    text-align: center;
    background: #023F8C;
    line-height: 20px;
    padding: 15px 0;
    display: block; }
.product-button .btn-black-big { font-size: 18px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 700;
    text-align: center;
    background: #333;
    line-height: 18px;
    padding: 7px 0;
    display: block; }
.product-button .product-beli { padding-left:0px; }
.product-button .product-cart { padding-right:0px; }
/*.product-button .btn-red-big:hover { background:#fff; transition:all 1s; }
.product-button .btn-black-big:hover { background:#fff; transition:all 1s; }*/

article#product-content .title-box { padding-top:30px; clear:both; }

.product-spec .nav-tabs {
    border-bottom: 1px solid #023F8C;
}
.product-spec .nav-tabs > li {
    margin-bottom: 0px;
}
.product-spec .nav > li > a {
    padding: 0px 15px;
}
.product-spec .nav-tabs > li > a {
    border-radius: 0;
	margin-right:0;
	border:none;
    color: #dfb2b2;
    border-bottom: 3px solid #dfb2b2;
	font-family: 'Open Sans Condensed', sans-serif; font-size:24px; font-weight:300; text-transform:uppercase;
}
.product-spec .nav-tabs > li.active > a, .product-spec .nav-tabs > li.active > a:hover, .product-spec .nav-tabs > li.active > a:focus {
    color: #023F8C;
    cursor: default;
    background-color: #fff;
    border: none;
    border-bottom: 3px solid #023F8C;
	font-family: 'Open Sans Condensed', sans-serif; font-size:24px; font-weight:300; text-transform:uppercase;
}
.product-spec .nav > li > a:hover, .product-spec .nav > li > a:focus {
    text-decoration: none;
    background-color: transparent;
	border:none;
	border-bottom:3px solid #023F8C;
	color:#023F8C;
}
.product-spec .tab-pane { padding:15px 0; }
.product-spec .tab-pane h3 { margin-top:0px; font-size:20px; }
.product-spec .tab-pane h4 { font-size:16px; font-weight:700; }

.review-box .nav-tabs {
    border-bottom: 1px solid #333333;
}
.review-box .nav-tabs > li {
    margin-bottom: 0px;
}
.review-box .nav > li > a {
    padding: 0px 15px;
}
.review-box .nav-tabs > li > a {
    border-radius: 0;
	margin-right:0;
	border:none;
    color: #c1c1c1;
    border-bottom: 3px solid #c1c1c1;
	font-family: 'Open Sans Condensed', sans-serif; font-size:24px; font-weight:300; text-transform:uppercase;
}
.review-box .nav-tabs > li.active > a, .review-box .nav-tabs > li.active > a:hover, .review-box .nav-tabs > li.active > a:focus {
    color: #333333;
    cursor: default;
    background-color: #fff;
    border: none;
    border-bottom: 3px solid #333333;
	font-family: 'Open Sans Condensed', sans-serif; font-size:24px; font-weight:300; text-transform:uppercase;
}
.review-box .nav > li > a:hover, .review-box .nav > li > a:focus {
    text-decoration: none;
    background-color: transparent;
	border:none;
	border-bottom:3px solid #333333;
	color:#333333;
}
.review-box .tab-pane { padding:15px 0; }
.review-box .tab-pane h3 { margin-top:0px; font-size:20px; }
.review-box .tab-pane h4 { font-size:16px; font-weight:700; }
.review-box .tab-pane .rating-box h3 { margin-bottom:0px; font-size:24px; }
.review-box .tab-pane .rating-box h4 { font-size:16px; margin-bottom:5px; font-weight:700; }
.review-box .tab-pane .rating-box h3 span { color:#1bb53b; }
.rating-count {
    font-size: 10px;
    line-height: 16px;
}
.rating-count .progress {
    height: 12px;
    margin-bottom: 5px;
    overflow: hidden;
    background-color: #f5f5f5;
    border-radius: 6px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
}
.rating-count .progress .bar{width:0%;height:100%;color:#ffffff;float:left;font-size:12px;text-align:center;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);background-color:#0e90d2;background-image:-moz-linear-gradient(top, #149bdf, #0480be);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));background-image:-webkit-linear-gradient(top, #149bdf, #0480be);background-image:-o-linear-gradient(top, #149bdf, #0480be);background-image:linear-gradient(to bottom, #149bdf, #0480be);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0);-webkit-box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.15);-moz-box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.15);box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.15);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:width 0.6s ease;-moz-transition:width 0.6s ease;-o-transition:width 0.6s ease;transition:width 0.6s ease;}
.rating-count .progress .bar+.bar{-webkit-box-shadow:inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15);-moz-box-shadow:inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15);}
.rating-count .progress-warning .bar, .rating-count .progress .bar-warning{background-color:#faa732;background-image:-moz-linear-gradient(top, #fbb450, #f89406);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));background-image:-webkit-linear-gradient(top, #fbb450, #f89406);background-image:-o-linear-gradient(top, #fbb450, #f89406);background-image:linear-gradient(to bottom, #fbb450, #f89406);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);}

.ulasan-header {
    background: #eeeeee;
    padding: 10px 0px;
    line-height: 24px;
    margin: 20px 0 0 0;
	font-size:12px;
}
.ulasan-header .form-inline .form-control {
    font-size: 12px;
    padding: 3px 6px;
    height: 26px;
	margin-left:3px;
}
.ulasan-content { margin:10px 0; padding:15px; border-bottom:1px solid #ddd; }
.ulasan-content span.prod-star { color:#1bb53b; padding-right:10px; }
.ulasan-content p { font-size:12px; line-height:18px; }
#tulis-ulasan .starrr { font-size:30px; color:#1bb53b; }

.addthis_sharing_toolbox { display:inline-block; }
.share-link { display:inline-block; }
.share-link img#share-link { margin-top:3px; }
.at-svc-email { margin-right:2px!important; }
.at-share-tbx-element .at-share-btn:focus, .at-share-tbx-element .at-share-btn:hover {
    -webkit-transform: translateY(0px)!important;
    transform: translateY(0px)!important;
}
.affiliate-link {
  margin: 15px 0;
  float: right;
  background: #333;
  width: 400px;
  position: relative;
  border-radius: 3px;
  padding: 20px;
  font-size:14px;
  color:#fff;
  display: none;
  font-style:italic;
}
.affiliate-link:after {
  bottom: 100%;
  left: 89%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-bottom-color: #333;
  border-width: 8px;
  margin-left: -8px;
}

/* Search */
section#search-message { margin:0; padding:110px 0 0 0; }
section#search-message .sm-container { background-color:#cccccc; padding:15px 0; }
section#search-message .sm-container p { margin:0; padding:0; }
section#search-message .sm-container p a { font-weight:700; color:#333; }
section#search-message .sm-container p a:hover { color:#023F8C; text-decoration:none; }
section#search-message .sm-container p span { color:#023F8C; }

article#search-result { padding:0; }
article#search-result .container { padding:0; }
.left-pane { background:#eeeeee; padding:0; }
.left-pane > div { padding:10px 0; background:url(../images/filter-sep.png) repeat-x bottom; }
.left-pane h3 { margin:0; padding:0 15px; font-size:17px; color:#999999; line-height:20px; }
ul.cat-list { margin:15px; padding:0; list-style:none; }
ul.cat-list li { font-size:12px; line-height:14px; font-weight:400; padding-bottom:5px; list-style:none; }
ul.cat-list > li { font-weight:700; }
ul.cat-list > li:nth-child(1) { font-weight:400; }
ul.cat-list li a { color:#333; }
ul.cat-list li a:hover { color:#023F8C; }
ul.cat-list li a span { color:#023F8C; }
ul.cat-list ul { padding:5px 0 0 0; margin:0 0 0 15px; }
ul.cat-list ul li { list-style:none; }
ul.cat-list li.more:before {    
    font-family: 'FontAwesome';
    content: '\f196';
    margin:0 5px 0 -15px;
}
ul.cat-list li.less:before {    
    font-family: 'FontAwesome';
    content: '\f147';
    margin:0 5px 0 -15px;
}
ul.cat-list li.less, ul.cat-list li.more {    
    cursor:pointer;
}

ul.cat-list-all { margin:15px; padding:0; list-style:none; }
ul.cat-list-all li { font-size:12px; line-height:14px; font-weight:400; padding-bottom:5px; list-style:none; }
ul.cat-list-all > li { font-weight:700; }
ul.cat-list-all > li:nth-child(1) { font-weight:400; }
ul.cat-list-all li a { color:#333; }
ul.cat-list-all li a:hover { color:#023F8C; }
ul.cat-list-all li a span { color:#023F8C; }
ul.cat-list-all ul { padding:5px 0 0 0; margin:0 0 0 15px; }
ul.cat-list-all ul li { list-style:none; }
ul.cat-list-all li.more:before {    
    font-family: 'FontAwesome';
    content: '\f196';
    margin:0 5px 0 -15px;
}
ul.cat-list-all li.less:before {    
    font-family: 'FontAwesome';
    content: '\f147';
    margin:0 5px 0 -15px;
}
ul.cat-list-all li.less, ul.cat-list-all li.more {    
    cursor:pointer;
}

.slider.slider-horizontal {
    width: 165px;
    height: 16px;
    margin: 15px;
}
.slider.slider-horizontal .slider-track {
    background-image: none;
    background-color: #dddddd;
}
.slider-selection {
    background-image: none;
    background-color: #333;
}
.slider-handle {
    width: 16px;
    height: 16px;
    background-color: #fff;
    background-image: none;
    border: 5px solid #023F8C;
}
.search-price-range .btn.btn-red {
    font-family: 'Lato', sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 12px;
    padding: 15px 20px;
    text-transform: uppercase;
    color: #fff;
    border: 0px solid #000;
    background: #023F8C;
	width:calc(100% - 30px);
	margin:0 15px 15px;
}
.search-price-range .btn.btn-red:hover {
    color: #fff;
    background: #333;
}

ul.merek-list { margin:15px; padding:0; list-style:none; }
ul.merek-list li { font-size:12px; line-height:14px; font-weight:400; padding-bottom:5px; list-style:none; }
ul.merek-list li label { cursor:pointer; }
ul.merek-list li a { color:#333; }
ul.merek-list li a:hover { color:#023F8C; }
ul.merek-list li.more:before {    
    font-family: 'FontAwesome';
    content: '\f196';
    margin:0 5px 0 0px;
}
ul.merek-list li.less:before {    
    font-family: 'FontAwesome';
    content: '\f147';
    margin:0 5px 0 0px;
}
ul.merek-list li.less, ul.merek-list li.more {    
    cursor:pointer;
}

/*** custom checkboxes ***/

input[type=checkbox] { display:none; } /* to hide the checkbox itself */

.umrah_checkbox { display:block; } /* to hide the checkbox itself */

input[type=checkbox] + label:before {
  font-family: FontAwesome;
  display: inline-block;
}

input[type=checkbox] + label:before { content: "\f096"; } /* unchecked icon */
input[type=checkbox] + label:before { letter-spacing: 10px; } /* space between checkbox and label */

input[type=checkbox]:checked + label:before { content: "\f046"; } /* checked icon */
input[type=checkbox]:checked + label:before { letter-spacing: 5px; } /* allow space for check mark */

.iklan-left-pane { margin:15px; }
.iklan-left-pane img { width:100%; }

article#search-result .right-pane { padding:15px; }

.paging-container { text-align:center; }
.pagination > li > a, .pagination > li > span {
    padding: 0px;
	line-height:30px;
	width:30px; height:30px; text-align:center;
    margin-left: 2px;
    margin-right: 2px;
    color: #000 !important;
    border:0px;
    /*border: 3px solid #cccccc;
    border-radius:50%;
	background:#666;*/
	font-size:14px;
}
.pagination > li:first-child > a, .pagination > li:first-child > span {
    margin-left: 0;
    border-radius : 0px;
    background-color:lightgreen;
    width: 44px;

}
.pagination > li:last-child > a, .pagination > li:last-child > span {
	/*border-radius:50%;
	line-height:26px;*/
    border-radius : 0px;
    background-color:lightgreen;
    width: 44px;
}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
    color: #fff;
    /*background-color: #023F8C;*/
    background-color:transparent;
    border-color: #cccccc;
}

.pagination>.active>a {
    font-weight: bold;
    font-size: 30px;
    line-height: 0;
    text-decoration-line: underline;
    text-underline-position: under;
    background-color: transparent !important;
}
/* Checkout */
section#checkout-steps { margin:0; padding:105px 0 0 0; }
section#checkout-steps .steps { margin:20px 0 30px 0; display:none; }
section#checkout-steps .steps.active { display:block; }

article#checkout-process #accordion .panel-default > .panel-heading {
    background-color: #eee;
	border-bottom:2px solid #023F8C;
}
article#checkout-process #accordion .panel-title {
    font-size: 14px;
    font-weight: 700;
    position: relative;
	text-transform:uppercase;
}
article#checkout-process #accordion .panel {
    margin-bottom: 20px;
}
article#checkout-process #accordion .panel-heading + .panel-collapse > .panel-body {
    font-size: 14px;
}
article#checkout-process .troli-image img.img-responsive {
    border:1px solid #ddd;
}
article#checkout-process .btn-update {
    text-align:center; padding-top:10px;
}
article#checkout-process .troli-total {
    position:relative;
}
article#checkout-process .troli-total p{
    font-weight:700; text-align:right; padding-right:30px;
}
article#checkout-process .troli-total .del-produk {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 16px;
    height: 16px;
    line-height: 16px;
    background: #023F8C;
    border-radius: 3px;
    text-align: center;
    color: #fff;
}
article#checkout-process .troli-total .del-produk a{
    color: #fff;
}
article#checkout-process .troli-total-all {
    font-weight:700; text-align:right; font-size:16px; text-transform:uppercase; /*04DES18-4 + .min.css*/
}
article#checkout-process .troli-total-all-price {
    font-weight:700; text-align:right; font-size:16px; /*04DES18-4 + .min.css*/
	border-top:3px solid #333;
}
article#checkout-process .panel-body .container-fluid {
    padding:0;
}
article#checkout-process h5 {
    font-weight:700;
}
article#checkout-process .alamat-pilih {
    border-right:1px solid #ddd;
	margin-bottom:20px;
}
article#checkout-process .alamat-pilih a.btn {
    width:100%; margin-bottom:5px;
}
article#checkout-process .alamat-pilih a.btn-red {
    margin-top:10px;
}
article#checkout-process .alamat-input .nav-tabs {
    border-bottom: 0px solid #ddd;
}
article#checkout-process .alamat-input .nav > li > a {
    position: relative;
    display: block;
    padding: 5px 10px;
}
article#checkout-process .alamat-input .nav > li > a img{
    padding: 2px;
    border: 1px solid #ccc;
	border-radius: 4px;
}
article#checkout-process .alamat-input .nav > li > a:hover img{
    border: 1px solid #023F8C;
}
article#checkout-process .alamat-input .nav-tabs > li.active > a img{
    border: 1px solid #023F8C;
}
article#checkout-process .alamat-input .nav-tabs > li > a:hover {
    border-color: transparent;
}
article#checkout-process .alamat-input .nav-tabs > li.active > a, article#checkout-process .alamat-input .nav-tabs > li.active > a:hover, article#checkout-process .alamat-input .nav-tabs > li.active > a:focus {
    border: 0px solid #ddd;
    border-bottom-color: transparent;
}
article#checkout-process .alamat-input .nav > li > a:hover, article#checkout-process .alamat-input .nav > li > a:focus {
    text-decoration: none;
    background-color: transparent;
}
article#checkout-process .alamat-input .tab-content > .active {
    padding: 15px;
}
article#checkout-process .alamat-input ul#ship-option {
    margin:0; padding:0; list-style:none;
}
article#checkout-process .alamat-input ul#ship-option li {
    display:inline-block; width:185px;
}
article#checkout-process .alamat-input .alamat-active{
    padding-top:15px;
}
article#checkout-process .alamat-add {
    border-left:1px solid #ddd;
	min-height:180px;
	margin-bottom:20px;
}
article#checkout-process .alamat-add .form-control {
    margin-bottom:5px;
}
article#checkout-process .alamat-add button {
    margin-top:34px; float:right;
}

input[type=radio].with-font {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
    
input[type=radio].with-font ~ label:before {
    font-family: FontAwesome;
    display: inline-block;
    content: "\f1db";
    letter-spacing: 10px;
    font-size: 14px;
    color: #535353;
    width: 1.4em;
}

input[type=radio].with-font:checked ~ label:before  {
    content: "\f00c";
    font-size: 14px;
    letter-spacing: 5px;
}
article#checkout-process #Selesai p {
    padding:20px 0;
}
#MetodePembayaran ul#pay-list {
    margin:0; padding:0; list-style:none;
}
#MetodePembayaran ul#pay-list li {
    display:inline-block; width:100px;
}
#finpay-box{
    margin-bottom: 15px;
}
article#checkout-process .table-striped > tbody > tr:nth-last-of-type(1) {
    background-color: transparent;
}
article#checkout-process .table-striped > tbody > tr:nth-last-of-type(1) > td {
    border-top:none;
}
article#checkout-process .table-striped > tbody > tr:nth-last-of-type(2) {
    background-color: transparent;
}
article#checkout-process .table-striped > tbody > tr:nth-last-of-type(2) > td {
    border-top:none;
}

/* Article : Akun Saya */
article#akun-saya-content { margin:0; padding:0px 0 0 0; }
article#akun-saya-content .title-box { padding:30px 0 0 0; }
article#akun-saya-content .main-content { padding-top:65px; }
p.intro { font-size:18px; line-height:24px; font-weight:700; }
article#akun-saya-content .main-content .panel-heading {
    position:relative;
}
article#akun-saya-content .main-content .panel-heading .panel-title {
    font-weight:700;
}
article#akun-saya-content .main-content .panel-heading a.btn-edit {
    position:absolute; top: 6px; right: 10px; font-size: 18px;
}
article#akun-saya-content .main-content .panel-body { min-height:140px; }
article#akun-saya-content .side-pane .title-box { border-bottom:1px solid #333; text-align:left; }
article#akun-saya-content .side-pane .title-box h3 { font-family: 'Open Sans Condensed', sans-serif; font-size:24px; font-weight:700; text-transform:uppercase; color:#333; line-height:30px; padding:0 15px; border-bottom:4px solid #333; margin:0; display:inline-block; }

article#akun-saya-content .side-pane .list-group-item {
	margin-bottom:0px;
    border: none;
    border-bottom: 1px solid #ddd;
}
article#akun-saya-content .side-pane .list-group-item.active, article#akun-saya-content .side-pane .list-group-item.active:hover, article#akun-saya-content .side-pane .list-group-item.active:focus {
    z-index: 2;
    color: #333;
    background-color: #efefef;
    border-color: #ddd;
}
article#akun-saya-content .side-pane .list-group-item.active a, article#akun-saya-content .side-pane .list-group-item.active:hover a, article#akun-saya-content .side-pane .list-group-item.active:focus a {
    color: #333;
}
article#akun-saya-content .side-pane .list-group-item:first-child {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}
article#akun-saya-content .side-pane .list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}
article#akun-saya-content .side-pane .list-group-item i.fa {
    width: 20px;
    text-align: center;
}
article#akun-saya-content .form-horizontal .form-group {
    margin-right: 0;
    margin-left: 0;
}
article#akun-saya-content .login-box { border-right:1px solid #ddd; }
article#akun-saya-content .login-box .form-group { margin-bottom:0px; }
article#akun-saya-content .login-box .input-group { width:100%; margin-bottom:5px; }
article#akun-saya-content .login-box .input-group-addon { width: 40px; }
article#akun-saya-content .login-box button.btn { width: 100%; }
label.required:after {content: " *"; color: red;}

article#akun-saya-content .alamat-default .panel-body > .row { margin:0; }
article#akun-saya-content .alamat-tambahan .panel-body > .row { margin:0; }
article#akun-saya-content .alamat-default .panel-body .row > .panel {
    border: none;
    border-radius: 0;
	box-shadow:none;
}
article#akun-saya-content .alamat-tambahan .panel-body .row > .panel {
    border: none;
    border-radius: 0;
	box-shadow:none;
}
article#akun-saya-content .alamat-default .panel-body .row .panel-heading {
    color: #333;
    background-color: transparent;
    border-color: #ddd;
}
article#akun-saya-content .alamat-tambahan .panel-body .row .panel-heading {
    color: #333;
    background-color: transparent;
    border-color: #ddd;
}
article#akun-saya-content .btn-tambah { width:100%; margin-bottom:15px; } 
article#akun-saya-content .form-group p { padding-top:7px; margin-bottom:0px; }
article#akun-saya-content .lacak-pesanan {
    padding: 30px;
    border: 1px solid #ddd;
    border-radius: 5px;
    margin: 0;
}
article#akun-saya-content .lacak-pesanan input.form-control { height:40px; }
article#akun-saya-content .lacak-pesanan .btn.btn-red-big { padding:10px; width:100%; }
article#akun-saya-content .table-striped > tbody > tr:nth-last-of-type(1) {
    background-color: transparent;
}
article#akun-saya-content .table-striped > tbody > tr:nth-last-of-type(1) > td {
    border-top:none;
}
article#akun-saya-content .table-striped > tbody > tr:nth-last-of-type(2) {
    background-color: transparent;
}
article#akun-saya-content .table-striped > tbody > tr:nth-last-of-type(2) > td {
    border-top:none;
}

/* Riwayat Pesanan */
#riwayat-pesanan .panel-heading p { margin:0; line-height:18px; }
#riwayat-pesanan .panel-heading a, #riwayat-pesanan .panel-heading a:focus { color:#333; }
#riwayat-pesanan .panel-heading h5 { font-size:18px; font-weight:700; color:#023F8C; margin:0; line-height:36px; }
#riwayat-pesanan .panel-body .row { border-top:1px solid #ddd; margin-top:15px; }
#riwayat-pesanan .panel-body .row:nth-child(1) { border-top:none; margin-top:0px; }
#riwayat-pesanan .panel-body .dl-horizontal dt {
    width: 100px;
}
#riwayat-pesanan .panel-body .dl-horizontal dd {
    margin-left: 120px;
}
#riwayat-pesanan .panel-body .dl-horizontal dt:nth-last-child(2) {
    border-top:1px solid #ddd;
	margin-top:5px;
	padding-top:5px;
}
#riwayat-pesanan .panel-body .dl-horizontal dd:nth-last-child(1) {
    border-top:1px solid #ddd;
	margin-top:5px;
	padding-top:5px;
}

/* Whislist */
#daftar-whislist .panel-heading p { margin:0; line-height:18px; }
#daftar-whislist .panel-heading a, #riwayat-pesanan .panel-heading a:focus { color:#333; }
#daftar-whislist .panel-heading a.btn-red { color:#fff; }
#daftar-whislist .panel-heading a.btn-grey { color:#fff; }

/* Newsletter */
article#akun-saya-content .newsletter-box {
    padding: 30px;
    border: 1px solid #ddd;
    border-radius: 5px;
    margin: 0;
}
article#akun-saya-content .newsletter-box input.form-control { height:40px; }
article#akun-saya-content .newsletter-box .btn.btn-red-big { padding:10px; width:100%; }
article#akun-saya-content .newsletter-box .row { margin-bottom:15px; }

/* Barang Pengembalian */
#barang-kembali .panel-heading p { margin:0; line-height:18px; }
#barang-kembali .panel-heading a, #riwayat-pesanan .panel-heading a:focus { color:#333; }
#barang-kembali .panel-heading h5 { font-size:18px; font-weight:700; color:#023F8C; margin:0; line-height:36px; }
#barang-kembali .panel-body .row { border-top:1px solid #ddd; margin-top:15px; }
#barang-kembali .panel-body .row:nth-child(1) { border-top:none; margin-top:0px; }
#barang-kembali .panel-body .dl-horizontal dt {
    width: 220px;
}
#barang-kembali .panel-body .dl-horizontal dd {
    margin-left: 240px;
}
#barang-kembali .panel-body .dl-horizontal dt:nth-last-child(2) {
    border-top:1px solid #ddd;
	margin-top:5px;
	padding-top:5px;
}
#barang-kembali .panel-body .dl-horizontal dd:nth-last-child(1) {
    border-top:1px solid #ddd;
	margin-top:5px;
	padding-top:5px;
}

/* Article : Page Content */
article#page-content { margin:0; padding:105px 0 0 0; }
article#page-content .title-box { padding:30px 0 0 0; }
article#page-content .main-content { padding-top:30px; }
article#page-content .side-pane .title-box { border-bottom:1px solid #333; text-align:left; }
article#page-content .side-pane .title-box h3 { font-family: 'Open Sans Condensed', sans-serif; font-size:24px; font-weight:700; text-transform:uppercase; color:#333; line-height:30px; padding:0 15px; border-bottom:4px solid #333; margin:0; display:inline-block; }

article#page-content .side-pane .list-group-item {
	margin-bottom:0px;
    border: none;
    border-bottom: 1px solid #ddd;
}
article#page-content .side-pane .list-group-item.active, article#page-content .side-pane .list-group-item.active:hover, article#page-content .side-pane .list-group-item.active:focus {
    z-index: 2;
    color: #333;
    background-color: #efefef;
    border-color: #ddd;
}
article#page-content .side-pane .list-group-item.active a, article#page-content .side-pane .list-group-item.active:hover a, article#page-content .side-pane .list-group-item.active:focus a {
    color: #333;
}
article#page-content .side-pane .list-group-item:first-child {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}
article#page-content .side-pane .list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

/* Article : Merchant Content */
article#merchant-content { margin:0; padding:105px 0 0 0; }
article#merchant-content .breadcrumb {
    background-color: transparent;
    border-radius: 0px;
	padding:0;
	margin:10px 0;
}
article#merchant-content .merchant-box { margin-bottom:30px; }
article#merchant-content .merchant-desc { background-size:cover; border-top: 1px solid #333; border-left: 1px solid #333; border-right: 1px solid #333; }
article#merchant-content .merchant-desc .merchant-logo { padding:0; }
article#merchant-content .merchant-desc .merchant-text { background-image:url(../images/footer-bg-transparent.png); background-repeat:repeat; min-height:292px; }
article#merchant-content .merchant-desc .merchant-text p { padding:15px; font-size:12px; margin-bottom:0; line-height:20px; }
article#merchant-content .merchant-detail div { border-bottom:1px solid #333; border-right:1px solid #333; border-top:1px solid #333; }
article#merchant-content .merchant-detail div:nth-child(1) { border-left:1px solid #333; }
article#merchant-content .merchant-detail h3 { margin-top:0px; }
article#merchant-content .merchant-detail h5 { text-transform:uppercase; margin-bottom:0px; }
article#merchant-content .merchant-detail .merchant-star { color:#dbc400; }

/* Article : Error 404 */
.error-box { padding:50px 0; }
.error-box p { font-size:16px; line-height:30px; padding-bottom:15px; }
.error-box p.error-msg { font-size:100px; color:#023F8C; text-align:center; }

/* Article : Reviewer */
.reviewer-box, .reviewer-list { padding:20px 0; }
.reviewer-image, .reviewer-desc, .reviewer-star { border-right:1px solid #eee; min-height:165px; }
.reviewer-list blockquote { font-size:14px; font-style:italic; }
.reviewer-list h3 { margin-top:0px; }

/* Article : affiliate */
article#affiliate-program { margin:0; padding:105px 0 0 0; }
article#affiliate-program .title-box { padding:30px 0 0 0; }
#affiliate-program .aff-box { border:30px solid #efefef; padding:30px; margin-bottom:30px; }
#affiliate-program .aff-box .aff-intro p { font-size:18px; line-height:24px; }
#affiliate-program .row { margin-bottom:30px; }
#affiliate-program .row.bottom {
    background: #efefef;
    margin: 0 -30px -30px;
    padding-top: 30px;
}
#affiliate-program .form-button { border-top:0px solid #ccc; padding-top:15px; }

/* Article : affiliate */
article#samsata-program { margin:0; padding:105px 0 0 0; }
article#samsata-program .title-box { padding:10px 0 0 0; }
#samsata-program .aff-box { border:30px solid #efefef; padding:30px; margin-bottom:30px; }
#samsata-program .aff-box .aff-intro p { font-size:18px; line-height:24px; }
#samsata-program .row { margin-bottom:3px; }
#samsata-program .row.bottom {
    background: #efefef;
    margin: 0 -30px -30px;
    padding-top: 30px;
}
#samsata-program .form-button { border-top:0px solid #ccc; padding-top:3px; }

.sub-title-box { border-bottom:1px solid #414141; text-align:left; margin-bottom:15px; }
.sub-title-box h3 { font-family: 'Open Sans Condensed', sans-serif; font-size:30px; font-weight:300; text-transform:uppercase; color:#414141; line-height:40px; padding-right:30px; border-bottom:4px solid #414141; margin:0; text-align:left; display:inline-block; }
.sub-title-box h4 { font-family: 'Open Sans Condensed', sans-serif; font-size:24px; font-weight:300; text-transform:uppercase; color:#414141; line-height:30px; padding-right:30px; border-bottom:4px solid #414141; margin:0; text-align:left; display:inline-block; }

/* Modal */
#LoginModal, #FormModal { top:150px; }
#TambahAlamat { top:150px; }
.modal .container-fluid {
    padding:0;
}
.modal .login-box {
    padding-left:0;
}
.modal .social-box {
    padding-right:0;
    border-left: 1px solid #ddd;
}
.modal .social-box h3{
    margin-top:0;
}
.modal .social-box a img{
    margin-bottom:5px;
}
.modal .nav-tabs {
    border-bottom: 1px solid #023F8C;
}
.modal .nav-tabs > li {
    margin-bottom: 0px;
}
.modal .nav > li > a {
    padding: 0px 15px;
}
.modal .nav-tabs > li > a {
    border-radius: 0;
	margin-right:0;
	border:none;
    color: #dfb2b2;
    border-bottom: 3px solid #dfb2b2;
	font-family: 'Open Sans Condensed', sans-serif; font-size:24px; font-weight:300; text-transform:uppercase;
}
.modal .nav-tabs > li.active > a, .modal .nav-tabs > li.active > a:hover, .modal .nav-tabs > li.active > a:focus {
    color: #023F8C;
    cursor: default;
    background-color: #fff;
    border: none;
    border-bottom: 3px solid #023F8C;
	font-family: 'Open Sans Condensed', sans-serif; font-size:24px; font-weight:300; text-transform:uppercase;
}
.modal .nav > li > a:hover, .modal .nav > li > a:focus {
    text-decoration: none;
    background-color: transparent;
	border:none;
	border-bottom:3px solid #023F8C;
	color:#023F8C;
}
.modal .tab-pane { padding:15px 0 0 0; }
.modal .form-group { margin-bottom:0px; }
.modal .input-group { width:100%; margin-bottom:5px; }
.modal .input-group-addon { width: 40px; }
.modal button.btn { width: 100%; }
#TambahAlamat .modal-body .form-group input, #TambahAlamat .modal-body .form-group select, #TambahAlamat .modal-body .form-group textarea { margin-bottom:5px; }
#TambahAlamat .modal-footer button.btn { width: auto; }

/* Footer */
footer { width:100%; /*background:url(../images/footer-bg-batik.jpg) repeat*/; padding:0; }
    footer .footer-top {
        height: 50px;
        background: #023F8C;
    }
footer .footer-top .social-bar p { line-height:24px; font-weight:700; color:#fff; text-transform:uppercase; }
/*footer .footer-top .social-bar p a { height:24px; margin:8px 4px; background-position:top; background-repeat:no-repeat; display:inline-block;}
footer .footer-top .social-bar p a.ico-facebook { background-image:url(../images/social-facebook.png); }
footer .footer-top .social-bar p a.ico-twitter { background-image:url(../images/social-twitter.png); }
footer .footer-top .social-bar p a.ico-gplus { background-image:url(../images/social-gplus.png); }
footer .footer-top .social-bar p a.ico-youtube { background-image:url(../images/social-youtube.png); }
footer .footer-top .social-bar p a.ico-instagram { background-image:url(../images/social-instagram.png); }
footer .footer-top .social-bar p a.ico-pinterest { background-image:url(../images/social-pinterest.png); }*/
footer .footer-top .social-bar p a:hover { background-position:bottom; }
footer .footer-top .backtotop p { text-align:right; }
footer .footer-top .backtotop p a { line-height:40px; font-weight:700; color:#fff; text-transform:uppercase; }
footer .footer-bottom {
    width: 80%;
    margin: 0 auto;
	background:url(../images/footer-bg-transparent.png) repeat;
	padding:30px 0 50px;
}
footer .footer-bottom .footer-about img.align-left{
    float:left; margin-right:15px; margin-bottom:0px; width:100px;
}
footer .footer-bottom .footer-about p{
    font-size:12px; line-height:18px;
}
footer .footer-bottom .footer-copy {
    border-top:1px solid #ccc; padding-top:15px;
}
footer .footer-bottom h3 { margin:0 0 15px 0; font-size:14px; text-transform:uppercase; font-weight:700; }
footer .footer-bottom p { font-size:14px; line-height:15px; }
footer .footer-bottom ul { margin:0; padding:0; list-style:none; }
footer .footer-bottom ul li { font-size:14px; line-height:30px; }

/*Chatting di ec_footer*/
.ObrolanButton
{
    width: 180px;
    font-size: 20px;
    text-align: center;
    box-shadow: -2px -1px 4px 3px #c73131;
    background-color: #fefeff;
    cursor: default;
}

.ObrolanButton span {
    color:black;
    display : block;
    border-bottom:1px solid;
}

.DataObrolan{
    height: auto;
}

.ClosedDataObrolan{
    display:none;
}

.OpenedDataObrolan{
    display:unset;
}

.ObrolanButton .Closed {
    display:none;
}

.ObrolanDenganMerchant span{
    font-size: 12px;
}

.ObrolanDenganPelanggan span{
    font-size: 12px;
}

.ListingChat p {
     font-size: 12px;
}
/*Chatting*/

/*Chatting di HomeLayout*/

.chattingTemplate {  
    max-width: 100%;
    resize: none;
    width: 100%;
    height:500px;
}

.textDanButtonChatting input{
    box-sizing: border-box;
    max-width: 100%;
    resize: none;
    width: 100%;
}

.Pelanggan {
    float:left;
    width:100%;
    margin : 5px 0px;
}

.Pelanggan p {
    text-align :left;
}

.Merchant {
    float:right;
    width:100%;
    margin : 5px 0px;
    background-color: #ddd;
    border-radius:25px;
}

.Merchant p {
    text-align :right;
}

.TabChat {
    padding : 2px 10px;
    border : 1px solid black;
    border-radius:25px;
}

.Pelanggan .timeDatePelanggan{
    text-align:right;
}

.Merchant .timeDateMerchant{
    text-align:left;
}

.TabChat p {
    margin : 2px!important;
}

/*Chatting di HomeLayout*/

/*Halaman Merchant*/
.HeaderMerchantPage {
        width: 1170px;
        margin-left:auto;
        margin-right:auto;
        position: relative;
        padding: 22px 0 16px;
        z-index: 2;
    }

    .HeaderImageMerchantPage {
        padding-top: 115px;
        padding-left: 0;
        padding-right: 0;
        position: relative;
        border-radius: 16px 16px 0 0;
        overflow: hidden;
    }
    .HeaderImageMerchantPage img {
        width:100%;
    }

    .HeaderImageLogoPage{
        flex-shrink: 0;
        width: 120px;
        min-width: 0;
        margin-left: 0px;
        border-left: none;
    }

    .LogoMerchant {
        width: 100px;
        height: 100px;
        margin-top: -70px;
        overflow: hidden;
    }
    .LogoMerchant img {
        width: 100%;
        border-radius: 4px;
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .DetailMerchant {
        flex-shrink: 1;
        min-width: 0;
        padding: 0 0 0 12px;
        margin-left: 0px;
        border-left: none;
        padding-left: 120px;
        margin-top: -60px;
        width:500px;
    }

    .DetailMerchant ul {
        padding: 0;
        margin: 0;
        list-style: none;
    }
    .DetailMerchant li{
        display: inline-block;
        line-height: normal;
        padding: 0px 6px;
        margin: 0px 0px 4px;
        border-left: 1px solid rgb(243, 244, 245);
    }
    .DetailMerchant li:first-child {
        padding-left: 0px;
        border-left: none;
    }
/*Halaman Merchant*/

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

    .mobile {
        display: none;
    }
    .pc {
        display: block;
    }

    .pc_mobile {
        display: block;
    }

    .pc_padding_top {
        padding-top: 105px;
    }

    .margit_grafik {
        padding-top: 0px;
        padding-left: 50px;
        padding-right: 50px;
        padding-bottom: 100px;
    }
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width:1199px) {
    .mobile {
        display: none;
    }

    .pc {
        display: block;
    }
    .pc_mobile {
        display: block;
    }
    .pc_padding_top {
        padding-top: 105px;
    }

    .margit_grafik {
        padding-top: 0px;
        padding-left: 50px;
        padding-right: 50px;
        padding-bottom: 100px;
    }
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width:991px) {
    .mobile {
        display: block;
    }

    .pc {
        display: none;
    }

    .pc_mobile {
        display: block;
    }
    .pc_padding_top {
        padding-top: 105px;
        width: 100%;
        float: none;
    }

    .margit_grafik {
        padding-top: 0px;
        padding-left: 50px;
        padding-right: 50px;
        padding-bottom: 100px;
    }
}

@media (min-width: 481px) and (max-width:767px) {
    .mobile {
        display: block;
    }

    .pc {
        display: none;
    }

    .pc_mobile {
        display: block;
    }
    .pc_padding_top {
        padding-top: 5px;
    }

    .margit_grafik {
        padding-top: 0px;
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
    }
}

@media (max-width: 480px) {
    .mobile {
        display: block;
    }

    .pc {
        display: none;
    }

    .pc_mobile {
        display: block;
    }
    .pc_padding_top {
        padding-top: 5px;
    }
    .margit_grafik {
        padding-top: 0px;
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
    }
}

/*novri footer edit*/
.social-bar {
    padding: 15px 0 0 0;
}
.social-bar a {
    padding-left: 10px;
}

.pembayaran{
  margin-bottom: 40px
}
.pembayaran img{
  width: 100%
}
.pembayaran h4{
  text-align: center;
}
.pembayaran .icon {
      padding: 25px;
}
.iconlain-lain{
  top:75px;
}
.icon-tab{
    padding: 0 5px;
    background: #B7171F;
    border: #fff solid 1px;
}
.icon-tab img{
width: 100%
}
.icon-tab p{
text-align: center;
color: #fff;
    font-size: 12px;
}
.input-no-telp{
      border: none;
    width: 90%;
    border-bottom: 1px solid #666;
        font-size: 22px;
        color: #B7171F;
}
.m-t-20{
  margin-top: 20px;
  } 
  .m-b-10{
    margin-bottom: 10px; 
  }
  .m-b-15{
   margin-bottom: 15px; 
  }
  .nominal{
    text-align: center;
    padding: 0 15px;
    font-size: 18px;
    margin: 0 0 10px 0px;
  }
  .nominal a{
    color: #B7171F
  }
  .border-nominal {
    border-bottom: 2px #B7171F solid;
  }
  .button-beli{
      border-radius: 5px;
    padding: 15px;
    text-align: center;
    color: #fff;
    background: #900;
    }