/* =Reset default browser CSS--------------------- */html, body, div, span, applet, object, iframe, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0; font: inherit inherit 100% inherit; margin: 0; outline: 0; vertical-align: baseline;}
body{color:#000;font-family: "open sans",tahoma,sans-serif;}
#branding, #index-bottom{margin-left: auto;margin-right:auto; height:100%; zoom: 1; 
background: #FFF; /* IE6-9 */}
.purechat-poweredby-container{display:none;}

@font-face {font-family: GothamBold;
	src: url('./../fonts/GothamRoundedBold.ttf');
}
@font-face {font-family: GothamMedium;
	src: url('./../fonts/GothamRoundedMedium.ttf');
}
@font-face {font-family: GothamBook;
	src: url('./../fonts/GothamRoundedBook.ttf');
}
@font-face {font-family: Gotham;
	src: url('./../fonts/GothamRoundedLight.woff');
}
@font-face {font-family: Gotham2;
	src: url('./../fonts/GothamRoundedMedium.woff');
}
@font-face {font-family: Lucky;
	src: url('./../fonts/LUCKIESTGUY.woff');
}
#underconstruction { width:100%;min-height:200px;margin-top:200px;margin-bottom:10px; text-align:center;}
.logon{width:96%;height:100px;padding:2%;}
.album{width:100%;height:150px;padding:0%;}
.wraper{width:50%;height:100px; }
#page{background-color:#1A1531;}
#iview {height:100%;width:100%;}
#iview .iviewSlider {width:100%; height: 100%;} 
#iview .iviewSlider a {border:none !important;} 
#iview .iviewSlider a:hover {text-decoration:none !important;} 
#iview {display: block; margin: auto;}

#iview .iviewSlider { display: block; overflow: hidden;-webkit-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; }
#page { margin-bottom: 1px;position:relative; background: #fff; margin-top:5px;margin-bottom:2px;margin-left:auto;margin-right:auto;width:100%;} /* Headings */
.font1 {font-family: Gotham, arial !Important;}
.font2 {font-family: Gotham2, arial !Important;}
.font3 {font-family: "bellblack", arial;}
.font5 {font-family: "ralew", arial;}
.font4 {font-family: Arial,sans-serif !important;}
.font6 {font-family: Lucky,Arial,sans-serif !important;}
.f-norm{font-weight:normal !Important;}
.bg-us{background-color:#EE382F !Important;}
.plr0 {padding-left: 0px !important;padding-right: 0px !important;}
.putih {color: #000;}
.bodas {color: #FFF !important;}
.hideng{color: #000 !important;}
.green{color:darkgreen;}
.orange{color:#FFB504;}
.red{color:#E33220;}
.kuning{color:yellow;background-color:red;}
.konen{color:yellow;}
.merah{color:red;}
.bg-kuning{background-color:yellow !Important;color:red !Important;}
.no-radius { -webkit-border-radius: 0px 0px 0px 0px !important; border-radius: 0px 0px 0px 0px !important; }
.nr-kanan { -webkit-border-radius: 3px 0px 0px 3px !important; border-radius: 3px 0px 0px 3px !important; }
.nr-kiri { -webkit-border-radius: 0px 3px 3px 0px !important; border-radius: 0px 3px 3px 0px !important; }
.sedangfontz{font-size:30px;line-height:1.1;}
.sedangfonty{font-size:35px;line-height:1.1;}
.text-sad{text-shadow: 0 0 5px #000000;}
.textname{font-size:13px;color:#5B5B5B;text-align:left;padding:0px 10px;height: 18px;overflow: hidden;}
.padtext{padding-left:100px;padding-right:100px;}
.penolong {    display: inline-block;    height: 100%;    vertical-align: middle; margin-left:0px;}
.topborder{overflow:hidden;}
a.keranjang:hover{text-decoration:none;color:black;}
a.orange:hover {color:yellow;text-decoration:none;}
a.links:hover {text-decoration:none;color:#D6432E;}
.radiusan{-webkit-border-radius: 3px 3px 3px 3px !important;border-radius: 3px 3px 3px 3px !important;}
.navbar{border:none !important;}
.mtb0 {margin-top:0px !important;margin-bottom:0px !important;}
.ml10{margin-left:10px;}
.mt3{margin-top:3px;}
.margin-0{margin-left:0px !Important;margin-right:0px !Important;}
.margin-t50{margin-top:50px;}
.m0{margin:0px !Important;}
.m20{margin-top:20px;}
.mt10{margin-top:10px ;}
.mt30{margin-top:30px ;}
.w100{width:100%;}
.m10-{margin-left:: 10%;margin-right:10%;}
.m010{margin-top:0px;margin-bottom:10px;padding:0px;}
.m050{margin-bottom:50px;}
.mr10{margin-right:6px;margin-top:-1px;}
.navbar-default {position: absolute;width: 100%;border:none;}
/* .menul {background-color: rgba(0, 0, 0, 0.1);font-weight: bold;} */
.menul {background-color: transparent;font-weight: bold;}
.no-over{overflow:hidden;}
.borderan{border:1px solid black;}
.kecil{padding: 6px 2px !Important;font-size:85% !Important;}
a.album:hover{text-decoration:none;}
.caption_alb:hover{background-color:black}
#tomb-2{position:absolute;top:5px;right:10px;}
.judul_merchant{margin-top:20px;}
.hilang-kecil{display:none;}
.logoku {background-color: rgba(255, 255, 255, 0.6);box-shadow: 0px 0px 10px 10px rgba(255, 255, 255, 0.6);border-radius: 30px;margin-top: 0px;padding: 0px 6px;height: 40px;}
.navbar-nav {float: right;}
#myNavbar li {float: none;}
#access{-webkit-transition: background 0.1s ease-in-out;-moz-transition: background 0.1s ease-in-out;-ms-transition: background 0.1s ease-in-out;-o-transition: background 0.1s ease-in-out;transition: background 0.1s ease-in-out;}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {color: #FFFF00;background-color: #FFFF00;}
#myNavbar .navbar-nav > li > a {padding: 2px;width: 26px;font-size: 18px;color: #A0B7E3;border-radius: 50%;margin-top: 3px;}
.navbar-inverse {border: medium none;background-color: transparent;}
#myNavbar .navbar-nav > li > a {font-size: 18px;color: #A0B7E3;border-bottom:2px solid transparent;}
#myNavbar .navbar-nav > li > a:focus,#myNavbar .navbar-nav > li > a:hover{font-size: 18px;color: #FFFF00;border-bottom:2px solid transparent;}
#myNavbar {position: fixed;top: 200px;z-index: 500;right: 20px;}
.navbar-inverse {border: medium none;background-color: transparent;}
.navbar-inverse {border: medium none;background-color: transparent;}
#top-up {position: fixed;bottom: 0px;right: 0px;opacity: 0.7;z-index:100;}
#up-button-m {margin-right: 0px;margin-bottom: 3px;cursor: pointer;color: #FFF;text-shadow: 0 0 2px #000000;}
#up-button-m:hover {color: #3071A9;}
span.menu_hidden{border-bottom:2px solid transparent;}
a.menus:hover >span.menu_hidden{border-color:#C6DC3B;}
.radio_pay{padding:10px !important;margin-right:10px !important;margin-top:10px !important;}
.image_pay{height:30px;max-width:80px;margin-top:-4px !important;}
.list_ul ul{margin-left:-25px;margin-bottom:0px;}
.t-cap{text-transform:capitalize;font-size:30px !Important;color:black !Important;border-bottom:2px solid #E52F26;padding-bottom:5px;}
.tolong-block { display: block;    margin-top: 7px;    margin-bottom: 5px;    color: #000;}
.label-left {text-align:left!important; text-indent:10px;}
.f10{font-size:10px !important;}
.f14{font-size:14px !important;}
.f16{font-size:16px !important;color:#000;}
.p0{padding:0px !Important;}
.p48{padding:4px 8px !Important;}
.pd0{padding-left:0px !important;padding-right:0px !important;}
.margin-2 {padding-bottom: 0px;padding-left: 0px;}
.margin1020 {margin :10px 20px;}
.pad1020 {padding :10px 20px;}
.pad100 {padding :10px 0px;}
.pad310 {padding :0px 10px !Important;}
.ptb10{padding:5px 0px;}
.w100{width:100%;float:left;}
.pelor {border-radius: 30px;}
.bulet {-webkit-border-radius: 50% !important;border-radius: 50%  !important;}
.hitam{color:black !Important;}
.hitam-putih{width:40px;height:40px;float:left;font-size:20px;text-align:center;line-height:40px;background-color:#E52E26;color:white;}
.buttoncust {padding: 2px 30px;background-color: rgba(0, 0, 122, 0.6);border: 1px solid #00F;}
.buttoncust:hover, .buttoncust:focus {background-color: rgba(0, 0, 122, 0.6);border: 1px solid transparent;-webkit-box-shadow: 1px 1px 15px 0 #421CFF;box-shadow: 1px 1px 10px 0 #421CFF;}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {color: #A63E3C;text-decoration: underline;background-color: transparent;}
.centre-container {background-position: center !important; margin: auto;}
.cycle-bg-image{background-position: center !important;}
.nobord{border:none !Important;}
.noshadow{-webkit-box-shadow: 0 0 0 0 #000  !Important;box-shadow: 0 0 0 0 #000  !Important;}
.yesshadow{border:1px solid #BDBDBD !Important;}
.img_hidden {display: none;width: 16px;}
a.navbar-brand:hover,a.navbar-brand:focus{color:white;}
.topborder{border-width: 1px 1px 0px 1px; border-color:#E0DBDB;-webkit-border-radius: 3px 3px 0px 0px;border-radius: 3px 3px 0px 0px;border-style: solid;}
.nama-produk{font-size:16px;color:black;width:100%;margin-bottom:0px;}
.brand{font-size:14px;color:#F12C24;margin-bottom:0px;font-weight:bold;}
.alasborder{border: 1px solid #E0DBDB;-webkit-border-radius: 0px 0px 3px 3px;border-radius: 0px 0px 3px 3px;border-top:none;}
.space{height:38px;line-height:16px;;}
.smallspace{height:36px;line-height:12px;font-size:12px;margin-top:5px;text-transform:Capitalize;}
.cursor{cursor: pointer;}
.input_kecil{padding: 3px 12px !important; height:28px !important;}
#loader { position:absolute;z-index:999;top:50%;left:60%;}
.blue {background-color: #1E88E5;}
.jeruk {background-color: #FF9800 !important;}
.banner-kanan{height:133px;width:283px;}
#footer {color: #000;background-color: #FFFFFF;width: 100%;float: left;}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {color: #555;background-color: transparent;
}
.dropdown-menu > li > a.men_kategori{font-weight:bold; font-size:16px;color:black;}
.dropdown-menu > li > a.sub_kategori{ font-size:14px;margin-left:10px;color:#FE0000;}
.order-jual{background-color:#F9FF99;min-height:500px !important;margin-top:20px;}
.order-beli{background-color:#B8FFA8;min-height:500px !important;margin-top:20px;}
.imagelainnya {height:20px;width:20px;margin-right:5px;padding:1px;border:1px solid #F9F9F9;}
 .imagelain {float:left;}
 .popover-content {    padding: 0px !important;}
#member-input{padding:10px;}
.gabung{margin:0px 10px;font-size:12px;}
.tag { display: block; float: left; width: 160px;}
address {margin-bottom: 10px !important;}
.dropdown-menu{top:99% !important; left:-1px !important;}
ul.dropdown-menu li ul.sub-kategori{display:none; position:absolute;top:0px;z-index: 900;height:90%;width:310px;padding:5px 0px 10px 0px;background-color:#EBECE8;}
ul.dropdown-menu li ul.sub-kategori li a{margin-left:10px;}
ul.dropdown-menu li ul.sub-kategori li ul.ssub-kategori{display:none; position:absolute;top:-1px;left:300px;z-index: 900;background-color:white;height:101%;width:350px;padding:6px 10px 10px 0px;background-color:#F5F5F5;}
ul.dropdown-menu li ul.sub-kategori li ul.ssub-kategori li a{margin-left:10px;font-weight:normal;}
ul.dropdown-menu li ul.sub-kategori li ul.ssub-kategori li {-webkit-border-radius: 0 12.5px 12.5px 0;border-radius: 0 12.5px 12.5px 0;}
.grey{background-color:#E2E4DE!important;}
.gold{background-color:#B8860B!important;}
.dropdown-menu li ul.sub-kategori li{height:26px;list-style:none;padding:1px 5px;font-size:14px;font-weight:bold; }
 ul.dropdown-menu li:hover ul.sub-kategori{display: block;z-index: 1002;}
 ul.dropdown-menu li:hover {background-color:white;}
 ul.dropdown-menu li a:hover {text-decoration:none;}
 ul.dropdown-menu li  ul.sub-kategori li:hover ul.ssub-kategori{display: block;z-index: 1002;}
 ul.dropdown-menu li  ul.sub-kategori li:hover {background-color:white;}
 ul.dropdown-menu li  ul.sub-kategori li a:hover {text-decoration:none;}
.gambar-pas{background-repeat: no-repeat; background-position: center;}
li.norm{list-style-type:none;padding: 3px 3px;line-height: 18px;color:#000;font-size:14px;}
.alert {padding:10px 20px !important;}
.bo{font-weight:bold !important;}
.trans{background:none;background-color:transparent !Important;}
h2.submenu{font-size:18px;padding:0px;margin:0px;}
.container-fluid{margin-right:0px; margin-left:0px;}
.icon-kecil img{height:20px;margin-top:-5px;}
.container-fluid{padding-right:0px;padding-left:0px;}
.row{margin-right:0px; margin-left:0px;}
.rot135{-ms-transform: rotate(135deg); /* IE 9 */-webkit-transform: rotate(135deg); /* Chrome, Safari, Opera */transform: rotate(135deg);color:#F2C500;}
.padlr10{padding:left:10px;padding-right:10px;}
.pad1010{padding:10px 0px;}
.pad20{padding-right:2px !important; padding-left:2px !important;}
.mb20{margin-bottom:20px;}
.bot10{padding-bottom:10px;}
.jud_kat{padding:5px;font-size:20px;margin:10px 0px; }
.ml0{margin-left:0px !important;}
.gambar_link{width:15%;height:40px;list-style:none;float:left;margin:5px 0; padding:2px;}
.labelz{width:35%;}
.spazes{width:10px;}
.isi{}
.top20{margin-top:20px;}
.bord{border:1px solid grey;}
#top-up{display:none;}

.wow { }
.animated {animation-duration: 1s;animation-fill-mode: both;}
#centerNavbar{font-size:40px;color:rgb(181, 170, 162);text-shadow: 0 0 1px #00007A;padding:0px;}
#page_hidden{position:relative;bottom:10px;}
a#centerNavbar:hover{text-shadow: 0 0 20px rgb(198, 220, 59);color:rgb(198, 220, 59);}
.bottom_place{position:absolute;width:100%;top:75%;}
.tengah{margin-left:auto;margin-right:auto;float:none;}
.judul{font-size:60px;margin-top:100px;margin-bottom:20px;color: #C6DC3B;text-shadow: 0 0 5px #00007A;}
.judul2{font-size:28px;text-shadow: 0 0 10px #000;padding:0px 20px;text-align:center;}
.t-customer{margin-top:20px;padding:0px 15px;}
.nohome{background-color:white;border-bottom:1px solid #F1F1F1;}
.nohome .putih{color:black;}
.nohome .logoku {margin-top:-10px;-webkit-box-shadow:none;box-shadow:none;}
.bg-white {background-color:white;}
.full{width:100%;height:100vh;}
.breadc{font-size:18px;padding-left:10px;padding-right:10px;margin-bottom:-4px;float:left;}
.navbar-toggle{padding:0px 10px !important;margin-top:12px !important;}
.control-label{padding-top:1px;}
.gambar-detil {width:100%;height : auto;min-height:300px;}

.ntrad{-webkit-border-radius: 0px 0px 4px 4px !important;border-radius: 0px 0px 4px 4px !important;margin-top:0px !important;}
.keranjang{color:#878787;font-size:20px;}
.masuk{margin-top:1px;padding:0px;float:right;}
/* input file */
    .btn-file {        position: relative;        overflow: hidden;    }
    .btn-file input[type=file] {        position: absolute;        top: 0;        right: 0;        min-width: 100%;        min-height: 100%;        font-size: 100px;        text-align: right;        filter: alpha(opacity=0);
        opacity: 0;        outline: none;        background: white;        cursor: inherit;        display: block;    }
/* Halaman /
.border {border-bottom: 1px solid #b6b6b6;display: block; float: left; width: 100%;}
.page-title {color: #666; font-size: 10px; font-weight: 500; letter-spacing: 0.1em; line-height: 2.6em; margin: 0 0 2.6em; text-transform: uppercase;}
.page-title a {font-size: 14px; font-weight: bold; letter-spacing: 0; text-transform: none; COLOR: #666;} /* Images */
.center_title_page{width: 99%; height:35px;margin-bottom:5px; float: left; text-align: left; display: block;margin-top:10px;margin-left:20px;}
.halaman {font-family: "Arial Narrow", Arial; text-align: left;float:left;}
.halaman a {padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #666; text-decoration: none;/* no underline */ color: #323371; /*backgroud */ background: #D6D6DB;
/* Show a solid color for older browsers */ background: -moz-linear-gradient(#D6D6DB, #9FA4B1); background: -o-linear-gradient(#D6D6DB, #9FA4B1); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#D6D6DB), to(#9FA4B1));/* older webkit syntax */ background: -webkit-linear-gradient(#D6D6DB, #9FA4B1);color: #323371; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; box-shadow: 3px 3px 2px grey;-webkit-transition-duration: 200ms; -webkit-transition-property: padding; -webkit-transition-timing-function: ease; -moz-transition-duration: 200ms; -moz-transition-property: padding; -moz-transition-timing-function: ease; -o-transition-duration: 200ms; -o-transition-property: padding; -o-transition-timing-function: ease;float:left;}
.halaman a:hover, div.halaman a:active {padding: 4px 5px; box-shadow: 3px 3px 2px grey; -moz-box-shadow: 3px 3px 2px grey; -webkit-box-shadow: 3px 3px 2px grey;float:left;}
.halaman .c {padding: 4px 5px; margin: 1px 2px 2px; border: 1px solid #666; text-decoration: none;
/* no underline */ 
color: #323371; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; box-shadow: 3px 3px 2px grey; font-weight: bold; background: #a7c7dc; /* Old browsers */
background: -moz-linear-gradient(top, #a7c7dc 0%, #85b2d3 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a7c7dc), color-stop(100%,#85b2d3)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #a7c7dc 0%,#85b2d3 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #a7c7dc 0%,#85b2d3 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #a7c7dc 0%,#85b2d3 100%); /* IE10+ */
background: linear-gradient(to bottom, #a7c7dc 0%,#85b2d3 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7c7dc', endColorstr='#85b2d3',GradientType=0 ); /* IE6-9 */
float:left;}
.halaman d img {padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #ff8e32; text-decoration: none;/* no underline */ color: #dd0077; -moz-border-radius: 4px; box-shadow: 3px 3px 2px grey; font-weight: bold;}
.halaman span.current {padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #000099; font-weight: bold; background: #000099; color: #FFF;}
.halaman span.disabled {padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #EEE; color: #DDD;} /*CSS Klien*/
.halaman .btn {padding:3px 5px;}

/* Halaman Sub */
/*halaman*/
.center_title_page{ font-size:12px; float:left; text-align: left; display: block;margin-bottom:10px; }
.pagination { padding: 3px; margin: 1px; font-family: "Arial Narrow", Arial; text-align: right; float: right; width: 100%;}
.pagination a { padding: 2px 3px; margin: 1px; border: 1px solid #B8860B; text-decoration: none; /* no underline */ color: #fff;
background: #B8860B;}
.pagination a:hover, div.pagination a:active {
 color: #0FF;padding: 2px 3px; 	margin: 1px;  -webkit-box-shadow:inset 0 0 1px 1px #B8860B;
box-shadow:inset 0 0 1px 1px #0FF;background:#B8860B; /* Old browsers */}
.pagination c { padding: 2px 3px; margin: 2px; text-decoration: none; /* no underline */ color: #FFF;
border: 1px solid #B8860B;-webkit-box-shadow: 2px 2px 1px 0 #B8860B; box-shadow: 2px 2px 1px 0 #B8860B;  font-weight: bold;  
background-color:#B8860B;}
.pagination d img { padding: 2px 3px; margin: 1px; border: 1px solid #ff8e32; text-decoration: none; /* no underline */ color: #dd0077; -moz-border-radius:4px; box-shadow: 3px 3px 2px grey; font-weight: bold;}
.pagination span.current { padding: 2px 3px 2px 3px; margin: 1px; border: 1px solid #B8860B; font-weight: bold; background-color: #000099; color: #FFF; } 
.pagination span.disabled { padding: 2px 3px 2px 3px; margin: 1px; border: 1px solid #B8860B; color: #DDD; } 

.big_hide{visibility:none;}
#access{width:100%;}
.f16{font-size:16px;}
.ratakiri {text-align:left}
.ratakanan {text-align:right}
.diskon{background-color: rgba(239, 10, 0, .8);position:absolute;right:10px;top:10px;padding:0px;color:white;width:40px;height:40px;text-align:center;line-height:40px;}
.diskon-toko{position:absolute;left:5px;top:20px;padding:0px;color:white;width:101px;height:43px;text-align:left;padding:3px 5px 3px 5px;}
.diskon-toko-detail{left:5px;top:20px;color:white;width:126px;height:54px;text-align:left;padding:3px 5px 3px 10px;}
.vip{background-color: rgba(184, 134, 11, .8);position:absolute;right:10px;bottom:50px;padding:2px;color:yellow;width:30px;height:30px;text-align:center;line-height:30px;padding: 1px 2px 0px 3px;}
.des-produk{padding:0px 10px;}
.merchant_content{border:1px solid grey;padding-bottom:30px;margin-bottom:20px;}
.vcenter {    display: inline-block;    vertical-align: middle;    float: none;}
#form_komplain{display:none;}
.btn-primary{background-color:#B8860B !important;border-color: #B8860B !important;}
.btn-primary:hover{background-color:#B8860B !important;border-color: #FFF !important;}

.bekas {position:absolute;right:0px;top:40px;padding:3px 4px;color:white;text-align:center;line-height:14px;}
.grosir {background-color: rgba(107, 130, 23, .8);position:absolute;left:0px;top:5px;padding:3px 4px;color:white;text-align:center;line-height:14px;-moz-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);-o-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);}
.tinggi{height:130px;}
.tinggi1{height:170px;width:100%;}
.tinggi1-toko{height:250px;width:100%;}
.tinggi2{height:170px;width:100%;}
.tinggi3{height:120px;}
.tinggi-ban{height:513px;padding:0px;}
.nama_toko{font-size:12px;font-weight:bold;color:black;}
.kota_map{font-size:12px;font-weight:bold;color:black}
.t_berita{height:450px;}
.t_album{height:150px;}
.sok_kiri{margin-top:5px;margin-right:auto;margin-left:auto; height:60px;margin-bottom:5px;}
.akiri{float:left;}
.pencari{padding-top:0px;}
.caption_alb{position:relative;width:100%;background-color: rgba(0, 0, 0, .7);margin-top:-40px;}
a.detil-produk{color:#333;border:1px solid #E0DBDB;}
a.detil-produk:hover{color:#333;border:1px solid #58595B;}
a#beli_hover{display:none;-webkit-border-radius: 0px;border-radius: 0px;}
a#beli_hover{-webkit-transition: all .6s ease-out;
-moz-transition: all .6s ease-out;
-ms-transition: all .6s ease-out;
-o-transition: all .6s ease-out;
transition: all .6s ease-out;}
#langsung:hover a#beli_hover{display:block;}

.popover.bottom > .arrow {  display:none !important;}
#myForm .form-control{color:black !important;}
.alert-mall{background-color:#F02F2C !important;color:white !important;font-weight:bold;}

 /* optin */
#optin {position: fixed; top:0 ;right:0;width:100%;height:100%;z-index: 10000;box-shadow:#666 1px 1px 3px;background-color: rgba(0, 0, 0, 0.6);}
#isi_form { position:relative;margin:auto;	float:none;max-height:375px;height:100%;max-width:563px;width:100%;margin-top:150px;float:none;margin-left:auto;margin-right:auto; -webkit-border-radius: 5px;border-radius: 5px;}
#top_form_up { width:50%;margin:auto;margin-left:50%;float:left;height:35%;}
#top_form { width:100%;margin:auto;float:left;padding:0 13% 0 13%;}
#top_form .closedform {text-align:center;cursor:pointer;margin-right:5px;margin-top:10px;width:100% !important;}
#top_form .closedform:hover {text-decoration:underline;}
.email-popup{width:100% !Important;height:35px !Important; background:transparent !Important; border: 1px solid #fff; text-align:center; color:#fff !important;}
.btn-popup{width:100%; height:35px !Important;margin-top:7px !Important; background-color:#FF2826; color:#fff;}
.btn-popup:hover{color:#fff !important;}
.btn-close-text{width:100%; background-color: #fff; height:35px !Important;margin-top:7px !Important; text-decoration:underline; border-radius:0px !important;}
.btn-close-x{position:absolute;top:5px;right:5px;width:25px;height:25px;cursor:pointer}
#popup-mini{position:fixed;left:5%;bottom:0px;z-index:999;}
#popup-mini .btn-minimize{position:absolute;top:0px;right:0px;cursor:pointer;width:24px;height:24px;}
#popup-mini .content-pm{position:relative;width:360px;height:120px;padding:70px 15px 15px 15px;background-repeat: no-repeat; background-position: center;background-size: 100% 100%;}
#popup-mini .content-mini-pm{width:263px;height:42px;background-repeat: no-repeat; background-position: center;cursor:pointer;display:none;}
#popup-mini .content-pm .fldEmail{width:180px;height:40px;text-align:center;font-size:12px;color:#000;border:1px solid #000;}
#popup-mini .content-pm .btn-popup-mini{width:135px;height:40px;text-align:center;font-size:12px;color:#fff;background:#FF2826; border:0px;border-radius:0px;margin-left:10px}

.btn-default {    color: #3793F8 !Important;    background-color: #fff !Important;    border-color: #3793F8 !Important; }
td.labelz, td.spazes, td.isi{border-top:none !Important; padding:3px 8px !Important;}
td.labelz{width:130px;}
.text-success {    color: #52903D !Important; }
.pricer{color:#C50003;font-size:36px;}
.pricer-toko{color:#EF3121;font-size:32px;}
.price-biasa{color:#C50003;font-size:18px;font-weight:bold;}
a#nama-produk-toko:hover{text-decoration:none;color:#C50003;}
 .noborder > tbody > tr > td, .noborder > th,  .noborder > td{border-top:none !Important;}
 .login{margin-top:5px;}
 .f12{font-size:12px;}
  .f14{font-size:14px;}
.redline{margin-bottom:5px;border-bottom:2px solid #F23026;}
#logo_login{margin-bottom:10px;}
.social-fot{font-size:16px;line-height:30px;width:30px;height:30px;color:white;text-align:center;}
.r0{-webkit-border-radius: 0px !Important;border-radius: 0px !Important;}
.btn-danger {    color: #fff;    background-color: #EF3026;    border-color:#EF3026; }
.tgl-promo{color:yellow;float:right;margin-right:20px;font-size:32px;padding:10px;}
.rata-tengah{text-align:left;}
.rata-kanan{text-align:right;}
.top-10{margin-top:0px;}
.pad-info1{border-left:1px solid grey;padding-left:15px;padding-bottom:15px;}
.pad-info2{border-left:1px solid grey;border-top:1px solid grey;padding-left:15px;}
.mobile-table{width:700px;}
.mobile-show{display:none;}
.tab-show{display:none;}
#menu-icons1, #menu-icons2, #menu-icons3,#menu-icons4 {margin-top:60px;}
#scrolled{ margin-top: 20px; }
#pengisi{display:block;}
.kategori-font{font-size:28px;}
.background2{background-position:top left !Important}
.title_page{text-align:right;}
#all-cat{display:none;}
#all-cat .dropdown-menu > li > a:hover, #all-cat .dropdown-menu > li > a:focus{background-color:transparent;}
li.open a.menus i{    -ms-transform: rotate(90deg); /* IE 9 */    -webkit-transform: rotate(90deg); /* Safari */transform: rotate(90deg);color:red;}
.bread{line-height:30px;color:#000;font-size:12px;font-family: "bellbold",arial;}
a.bread:hover{color:#EA2C22; text-decoration:none;}
.breadc{line-height:30px !Important;}
.ulbreadcumb{padding-left: 0;margin-bottom: 0;list-style: none;}
.ulbreadcumb a:hover{text-decoration:none;}
ul.no-bo li ul.sub-kategori li:hover{background-color:#F1F1F1;}
ul.no-bo li ul.sub-kategori li a:hover{color:#EA2C22;}
.all-brans-alfabet{padding:10px 12px;border-bottom:1px solid #EFEEEC;margin-bottom:20px;margin-top:20px;}
.ipad-hide{display:block;}
.selengkapnya{text-decoration:underline;color:#5C5C5C;margin-top:-5px;float:left;}
.white{color:#FFF !Important;}
.menu-atas{padding:5px 10px !Important;}
.pad15{padding:15px !Important;}
.harga_beli{height:26px;overflow-y:hidden;color:#EF3125;font-size:16px;line-height:26px;}
.rupiah_beli{height:26px;color:#EF3125;font-size:16px;line-height:26px;}
.rupiah_het{line-height:20px;font-size:14px;padding-top:3px;line-height:20px;}
.harga_retail{line-height:20px;overflow-y:hidden;font-size:14px;line-height:20px;}
.jam-godeal{background-color:#FADE4C;font-size:18px;line-height:24px;width:15%;height:24px;margin-left:-5px;}
.time-godeal{font-size:14px;height:24px;line-height:24px;color:white;width:85%;}
.beli-toko{font-size:16px;width:100%;}
.nav-tabs.kategori > li.active > a, .nav-tabs.kategori> li.active > a:hover, .nav-tabs.kategori> li.active > a:focus { color: #D6432E !Important; cursor: default;  border-top: none !Important; 
border-left:none !Important; border-right: none !Important; border-bottom: 4px solid #D6432E !Important; background-color:transparent !Important;}
.nav-tabs.kategori  li a {color:#000;}
.tab-content > .tab-pane { display: none;}
ul.list-group.nobor li.list-group-item {border-top:none !Important;}
li.list-group-item.norad {-webkit-border-radius: 0px !Important;border-radius: 0!Important;}
a.bg-bb{background-color:#F8F8F8 ;font-weight:bold;}
a.list-group-item.bg-bb:hover, a.list-group-item.bg-bb:focus {
    text-decoration: none; color:#FFF;
    background-color: #F9AB9F;
}
.note-up{margin-top:-5px;font-size:12px;float:right;margin-left:2px;line-height:16px;height:18px;padding:1px 3px;background-color:#F03226;border:1px solid #F03226; color:#FFF;}
.note-upr{margin-top:0px;font-size:12px;float:right;margin-left:-10px;line-height:16px;height:22px;min-width:22px;padding:1px 3px;background-color:#F03226;border:2px solid #FFF;color:#FFF; text-align:center;}
.note-upl{margin-top:0px;font-size:12px;float:right;margin-left:-60px;line-height:16px;height:22px;min-width:22px;padding:1px 3px;background-color:#F03226;border:2px solid #FFF;color:#FFF;  }
.nav-tabs > li > a {color:#333;}
a.sidepro:hover{background-color:transparent !Important;} 
.nav-tabs { border-bottom: 2px solid #F03226 !Important; padding-bottom:5px;}
.label-kiri{text-align:left !important; margin-left:20px;font-weight:normal !important;}
.padl0{padding-left:0px !Important;}
#art-image img{margin-bottom:15px;margin-top:10px;}
.col60{width:48%;float:left;height:100%;border:1px solid #F1F1F1;}
.col30{width:30.1%;float:left;height:100%;margin-left:0.5%;border:1px solid #F1F1F1;}
.col20{width:20.9%;float:left;margin-left:0.5%;height:50%;border:1px solid #F1F1F1;}
.col20a{width:20.9%;float:left;margin-left:0.5%;margin-top:0.7%;height:48.4%;border:1px solid #F1F1F1;}
.submenu-fly{left:285px;height:360px;top:40px !Important;}
.carousel{overflow-y:hidden;height:100%;overflow-x: hidden;}
.carousel-inner{height:100%;}
.item{height:100%;}
.promo-c {height:401px;}
.menukat{width:100%;display:block !Important;border:none !Important;height:360px;box-shadow:none !Important;border:1px solid red  !Important;-webkit-border-radius: 0px  !Important;border-radius: 0px !Important;margin:0px !Important;padding: 5px 0 !Important;list-style: none !Important;position: static !Important;}
.menukat-title{line-height:40px !Important;height:40px !Important;}
.menukat-a{padding-left:10px;padding-right:10px;}
.menukat-img{max-width:60%;margin-top:0px;min-width:40%;}
.carousel-indicators{bottom:0px !Important;}
.carou-right{right:10px;}
.carou-left{left:10px;}
.carousel-control.right{background-image:none !Important;}
.carousel-control.left{background-image:none !Important;}
#peta {width:100%;height:500px;}
.jud_about{font-size:72px;line-height:72px;border-left: solid 10px #F9948C;height:72px;margin-top:80px;padding-left:0px !Important;margin-bottom:10px;}
.text-about{font-size:24px;}
.red-about{border-left: solid 20px #EB3029;padding-left:20px;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mb30{margin-bottom:30px;}
.trans{background:transparent !Important;}
.nav-tabs.berita {padding-bottom:0px !Important;border-bottom :2px solid #F2F2F2 !Important;}
.nool {outline:none !Important;border-bottom:2px solid transparent !Important;}
a.nool:hover, a.nool:focus, .active a.nool {border-bottom :2px solid #F12115 !Important;}
.hp-center{text-align:left;}
.hp-border{border-right:1px solid grey;}
.jud-hp-abo{font-size:56px;}
.w100{width:100%;}
.tinggiberita {height:400px;}
.tag-kiri{height:100%;}
.judul-bottom{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.25+31,0.4+100 */
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.25) 31%, rgba(0,0,0,0.4) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.25) 31%,rgba(0,0,0,0.4) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.25) 31%,rgba(0,0,0,0.4) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#66000000',GradientType=0 ); /* IE6-9 */
padding-right:15px;
}
.left-b{padding-top:20px;padding-left:15px;height:30%;}
.right-b{padding-top:20px;padding-left:15px;height:30%;}
.right-k{padding-top:20px;padding-left:15px;height:80px;}
.left-k{padding-top:20px;padding-left:15px;height:80px;}
.berita-besar{font-size:16px;}
.berita-kecil{font-size:13px;}
.img-b1{width:110%; min-height:100%;}
.img-b2{width:110%; min-height:100%;}
.img-c2{min-width:100%;height:100%;}
.kelas-border{border-left:1px solid #BDBDBD;border-right:1px solid #BDBDBD;}
.kelas-border1{border-top:1px solid #BDBDBD;border-bottom:1px solid #BDBDBD;}
.padrl15{padding-left:15px !Important;padding-right:15px !Important;padding-top:15px !Important;}
.t_berita-depan{height:370px;}
.t_berita-depan2{height:385px;}
.abu-abu{color:#808080;}
.border-berita{border-left:1px solid #BDBDBD;padding-right:0px;}
.border-list{padding-right:0px !Important;}
.t_berita2{height:260px;}
.img-berita-cari{max-width:120%;max-height:200px;padding:10px;float:right;}
.formErrorArrow div{height:0px !Important;}
.beli-produk{height:100%;max-width:100%;}
.harga-beli-besar {margin-top:30px;}

.col-info-home{position:relative;font-family:"GothamBook", sans-serif;width:33.33%;float:left;margin-top:20px;padding: 10px 20px 10px 20px;}
.col-info-home:hover{cursor:pointer}
.col-info-home .img-info-home{width:70px;}
.col-info-home .info-title{font-size:35px;color:#333132;position:absolute;top:20px;left:100px;}
.col-info-home .gogo-info{font-family:"GothamBold", sans-serif;color:#ee3125;}
.col-info-home p{margin-top:10px;color:#333132;font-size:21px;text-align:center;}

.page-daily-deals{margin-top:3%;}
.daily-deals{position:relative;font-family:"GothamBook", sans-serif;width:100%;padding:10px;margin:0 0 20px 0;border:2px solid #CFCFCF;}
.daily-deals .media-icon{position:absolute;top:-37px;left:20px;width:150px;}
.daily-deals .media-icon .icon-daily-deals{width:100%;}
.daily-deals .info-title{font-size:45px;color:#333132;margin:0 0 0 180px; }
.daily-deals .info-title .deals{font-family:"GothamBold", sans-serif;color:#ee3125;}
.daily-deals .info-title .info-deals{font-size:28px;float:right;margin:12px 40px 0 0;}

.timer-ggd{
	font-family:"GothamBook", sans-serif;
	font-size:20px;
	color:yellow;
	background-color:#ee3125;
	width:100%;
	float:right;
	
}
.timer-ggd span:first-child{
	text-align:right;
	padding-right:2%;
	width:45%;
}
.timer-ggd span{
	background-color:#ee3125;
	width:55%;
	float:left;
}

/* //responsive */
@media (min-width: 1200px) { 
.navbar{width:1160px;float:none;margin-left:auto;margin-right:auto;}

}
@media (min-width: 1024px) { 
.btab-hide{font-size:12px !Important;}

}
@media (max-width: 1024px) { 
.menu_hidden{font-size:12px;}
.submenu-fly{left:235px;height:270px !Important;top:30px !Important;width:280px !Important;}
.promo-c {height:301px;}
.dropdown-menu li a{padding:1px 5px 1px 10px !Important;}
.menukat{height:270px;}
.menukat-img{max-width:50%;margin-top:-10px;}
.menukat-title{line-height:30px !Important;height:30px !Important;}

.col-info-home .info-title{top:27px;font-size:23px;}
.col-info-home p{font-size:17px}

.daily-deals .info-title .info-deals{font-size:23px;margin:18px 18px 0 0;}
}


@media (min-width: 980px) { 
.btab-hide{font-size:12px !Important;}

}

@media (max-width: 980px) { 

.menu_hidden{font-size:11px;}
.submenu-fly{left:235px;height:220px !Important;top:25px !Important;width:250px !Important;}
.promo-c {height:241px;}
.dropdown-menu li a{padding:0px 5px 0px 10px !Important;}
.menukat{height:215px;}
.menukat-img{max-width:40%;margin-top:-20px;}
.menukat-title{line-height:25px !Important;height:25px !Important;}
.hp-border{border-right:none;}
}

@media (max-width: 800px){ 
.btab-hide{display:none;}
.hidden-big{display:none;}
#max-800{display:none;}
#gambar-atas{display:none;}
.promo{display:none;}
.promo-c{display:block;}
.promo-c .menu-kat{display:block;}
.ipad-hide{display:none;}

#isi_form {width:530px;height:353px;margin-top:250px;-webkit-border-radius: 5px;border-radius: 5px}
#top_form_up { height:34%;}
.email-popup{width:100% !Important;height:35px !Important;font-size:12px !Important;}
.btn-popup{height:35px !Important;padding:7px !Important;font-size:10px !Important;margin-top:5px !Important;}
.btn-close-text{height:35px !Important;margin-top:7px !Important;font-size:10px !Important; }
.btn-close-x{top:0px;right:2px;width:25px;height:25px;}

.col-info-home .info-title{top:33px;font-size:19px;}

.daily-deals .media-icon{top:-20px;left:15px;width:110px;}
.daily-deals .info-title{font-size:37px;margin:0 0 0 130px; }
.daily-deals .info-title .info-deals{font-size:17px;margin-right:5px;}
}

@media (max-width: 768px) { 

.sok_kiri{margin-left:auto;margin-right:auto; float:none;}
.akiri{float:left;width:100%;text-align:center;}
.bottom_place{position:absolute;width:100%;top:80%;}
.ratakiri {text-align:center}
.ratakanan {text-align:center}
.judul{font-size:55px;margin-top:60px;margin-bottom:10px;}
#myNavbar{right:10px;}
.judul2{font-size:22px;padding:0px 20%;}
.t-customer{margin-top:10px;}
.padtext{padding-left:5px;padding-right:5px;}
.album{width:100%;height:200px;padding:1% 2%;}
.t_berita{height:auto;}
.t_album{height:auto;}
.mobile-table{width:95%;}
#pengisi{display:none;}
 .background2{background-position:center center !Important;}
.promo-c .menu-kat{display:block;}
 
.tinggiberita {height:auto;}
.img-b1, .img-b2{width:100%; }
.berita-besar{font-size:14px;}
.left-b, .right-b{padding-top:20px;padding-left:15px;height:50%;left:0px;}
.tag-kananbawah, .tag-kiri, .tag-kananatas{padding:0px !Important;margin-bottom:10px;}
.kelas-border,.kelas-border1{border:none;}
.border-berita{border-left:none;border-top:1px solid #BDBDBD;}
.t_berita-depan{height:auto;}
.img-c2{width:100%;height:auto;}
.t_berita2{height:auto;}
.img-berita-cari{width:100%;height:auto;max-height:500px;padding:10px;float:none;}
.hp-judul{font-size:18px;font-weight:bold;text-align:center;}

.col-info-home{text-align:center;margin-top:15px;padding: 0px 3px}
.col-info-home .info-title{position:initial;margin-top:6px;text-align:center;font-size:23px;}
.col-info-home p{margin-top:0px;font-size:14px}

}

@media (max-width: 760px) { 

#isi_form {width:330px;height:220px;margin-top:60px;-webkit-border-radius: 5px;border-radius: 5px}
#top_form_up { height:32%;}
.promo-c .menu-kat{display:none;}
.email-popup{width:100% !Important;height:25px !Important;font-size:12px !Important;}
.btn-popup{height:25px !Important;padding:5px !Important;font-size:10px !Important;margin-top:5px !Important;}
.btn-close-text{height:25px !Important;margin-top:2px !Important;font-size:10px !Important; }
.btn-close-x{top:-2px;right:2px;width:15px;height:15px;}

.col-info-home{text-align:center;margin-top:0px;padding: 0px 3px}

.daily-deals{width:98%;margin:auto;margin-bottom:10px;}
.daily-deals .media-icon{top:-20px;left:15px;width:90px;}
.daily-deals .info-title{font-size:25px;margin:0 0 0 105px; }
.daily-deals .info-title .info-deals{font-size:13px;margin:10px 10px 0 0;}
}


@media (max-width: 640px) { 

/* .tinggi{height:auto;} */
.tinggi1{height:200px;}
.gambar-detil {width:100%;}
.banner-kanan{width:100%;height:auto;margin-top:5px;}
 .hilang-kecil{display:block;} 
 a.menus{padding-top:2px;padding-bottom:2px;}
 .col-md-50{float:left;width:50%;}
 .tgl-promo{color:yellow;float:right;margin-right:10px;font-size:16px;}
 .top-10{margin-top:20px;}
 .rata-tengah{text-align:center;}
 .pad-info1,.pad-info2{border:none;}
 .t-cap{font-size:24px !Important;text-align:center;}
.mobile-1{padding:50px;}
.mobile-2{padding:20px;}
.mobile-3{padding:10px;}
.tab-hide{display:none;}
.tab-show{display:block;}
.mobile-lebar{width:100%;font-size:18px !Important;font-weight:bold;margin-top:10px;margin-left:0px !Important;}
 .merchant_content{border:none;}
 .kategori-font{font-size:18px; text-align:center;}
.title_page{text-align:center;}
.label-kiri{ margin-left:0px;}

#isi_form { width:330px;height:220px;margin-top:50px;-webkit-border-radius: 5px;border-radius: 5px}
.email-popup{width:100% !Important;height:25px !Important;font-size:12px !Important;}
.btn-popup{height:25px !Important;padding:5px !Important;font-size:10px !Important;margin-top:5px !Important;}
.btn-close-text{height:25px !Important;margin-top:2px !Important;font-size:10px !Important; }
.btn-close-x{top:-2px;right:2px;width:15px;height:15px;}
#popup-mini{display:none;}

.padl0{padding-left:5px;}
.social-fot {margin-left:auto;margin-right:auto;}
.kecil-tengah{text-align:center;}
#art-image img{width:100% !Important;height:auto !Important;}
.hp-center{text-align:center;font-size:20px;font-weight:bold;}
#peta {width:100%;height:260px;margin-top:15px;}
.jud_about{font-size:36px;line-height:36px;border-left: solid 10px #F9948C;height:36px;margin-top:30px;padding-left:0px !Important;margin-bottom:10px;}
.jud-hp-abo{font-size:36px;}
.formErrorContent{max-width:300px;}
.beli-produk{max-height:150px; max-width:70%;}
.harga-beli-besar {margin-top:10px;}
.modal-title{font-size:16px;text-align:center;}

.daily-deals .media-icon{top:-20px;left:15px;width:90px;}
.daily-deals .info-title{font-size:25px;margin:0 0 0 105px; }
.daily-deals .info-title .info-deals{font-size:13px;margin:10px 10px 0 0;}
}

@media (max-width: 480px) { 

/* .tinggi{height:auto;} */
.tinggi1{height:200px;}
.gambar-detil {width:100%;}
.banner-kanan{width:100%;height:auto;margin-top:5px;}
.promo{display:none;}
.promo-c{min-height:380px;}
.promo-c{display:block;}
.promo-c .menu-kat{display:none;}
.col60{width:100%}
.col30{width:58%;}
.col20{width:40.7%;}
.col20a{width:40.7%;margin-top:0.4%;height:49.6%}
#detail-produk, .breadcrumb{display:none;}
.mobile-fix{position:fixed;bottom:15px;z-index:100;right:10px;height:40px;}
.col-md-50{float:left;width:50%;}
.mobile-show{display:block;}
.mobile-hide{display:none;}
.mobile-price, .mobile-text{font-size:14px;}
.paginations li a{padding:6px 8px !Important;}
.zopim{bottom:70px !Important;left:10px !Important;display:none !Important;}
.beli-toko{font-size:12px;width:100%;}
.harga_beli, .rupiah_beli, .rupiah_het, .harga_retail{font-size:12px;font-family:arial;}
.tinggi1-toko{height:180px;}

#isi_form { margin-top:150px;-webkit-border-radius: 3px;border-radius: 3px}

.col-info-home .img-info-home{width:50px;}
.col-info-home .info-title{position:initial;margin-top:6px;text-align:center;font-size:14px;}
.col-info-home p{margin-top:0px;font-size:10px;}

.daily-deals{padding-bottom:25px;margin-bottom:10px;}
.daily-deals .media-icon{position:absolute;top:-10px;left:15px;width:80px;}
.daily-deals .info-title{font-size:37px;margin:0 0 0 90px; }
.daily-deals .info-title .info-deals{position:absolute;top:50px;left:0px;width:100%;font-size:17px;text-align:center;}

.timer-ggd{font-size:15px}
}
@media (max-width: 360px) { 

/* .tinggi{height:auto;} */
.tinggi1{height:160px;}
.gambar-detil {width:100%;}
.banner-kanan{width:100%;height:auto;margin-top:5px;}
.promo{display:none;}
.promo-c{display:block;height:auto;}
.promo-c .menu-kat{display:none;}
.col60{width:100%}
.col30{width:58%;}
.col20{width:40.7%;}
.col20a{width:40.7%;margin-top:0.4%;}
#gambar-atas{display:none;}
.col-md-50{float:left;width:100%;}

#isi_form { height:220px;width:90%;-webkit-border-radius: 3px;border-radius: 3px}

.col-info-home .info-title{position:initial;margin-top:6px;text-align:center;font-size:12px;}
.col-info-home p{font-size:9px}

.daily-deals .info-title{font-size:35px;margin:0 0 0 91px; }

}

@media (max-width: 320px) {
	.daily-deals .media-icon{top:-10px;left:15px;width:70px;}
	.daily-deals .info-title{font-size:30px;margin:0 0 0 87px; }
	.daily-deals .info-title .info-deals{top:40px;font-size:15px;}
}

.caretz{margin-left:5px;margin-top:2px;float:right}
.carets{margin-right:5px;margin-top:2px;float:left;font-size:12px;}

/* animasi */
.menu_hidden{-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
/* paralax */

.parallax {height: 100vh;overflow-x: hidden;overflow-y: auto;-webkit-perspective: 1.05px;perspective: 1.05px;}
.parallax__layer {position: absolute;top: 0;left: 0;right: 0;bottom: 0;}
.parallax__layer--base {-webkit-transform: translateZ(0);transform: translateZ(0);}
.parallax__layer--back {-webkit-transform: translateZ(-1px)scale(2);transform: translateZ(-1px)scale(2);}
.parallax__layer--back2 {-webkit-transform: translateZ(-2px)scale(3);transform: translateZ(-2px)scale(3);}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes bounceInUp {
0% {opacity: 0;-webkit-transform: translateY(2000px);transform: translateY(2000px);}
60% {opacity: 1;-webkit-transform: translateY(-30px);transform: translateY(-30px);}
80% {-webkit-transform: translateY(10px);transform: translateY(10px);}
100% {-webkit-transform: translateY(0);transform: translateY(0);}
}

@keyframes bounceInUp {
0% {opacity: 0;-webkit-transform: translateY(2000px);-ms-transform: translateY(2000px);transform: translateY(2000px);}
60% {opacity: 1;-webkit-transform: translateY(-30px);-ms-transform: translateY(-30px);transform: translateY(-30px);}
80% {-webkit-transform: translateY(10px);-ms-transform: translateY(10px);transform: translateY(10px);}
100% {-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
}

.bounceInUp {-webkit-animation-name: bounceInUp;animation-name: bounceInUp;}
@-webkit-keyframes swing {
20% {-webkit-transform: rotate(15deg);transform: rotate(15deg);}
40% {-webkit-transform: rotate(-10deg);transform: rotate(-10deg);}
60% {-webkit-transform: rotate(5deg);transform: rotate(5deg);}
80% {-webkit-transform: rotate(-5deg);transform: rotate(-5deg);}
100% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}
}

@keyframes swing {
20% {-webkit-transform: rotate(15deg);-ms-transform: rotate(15deg);transform: rotate(15deg);}
40% {-webkit-transform: rotate(-10deg);-ms-transform: rotate(-10deg);transform: rotate(-10deg);}
60% {-webkit-transform: rotate(5deg);-ms-transform: rotate(5deg);transform: rotate(5deg);}
80% {-webkit-transform: rotate(-5deg);-ms-transform: rotate(-5deg);transform: rotate(-5deg);}
100% {-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg);}
}

.swing {-webkit-transform-origin: top center;
-ms-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing;
}

@-webkit-keyframes pulse {0% {opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
50% {opacity: 0.9;-webkit-transform: scale(1.3);transform: scale(1.3);}
100% {opacity: 1;-webkit-transform: scale(1);transform: scale(1);}}

@keyframes pulse {0% {opacity: 1;-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
50% {opacity: 0.9;-webkit-transform: scale(1.3);-ms-transform: scale(1.3);transform: scale(1.3);}
100% {opacity: 1;-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}}

.pulse {-webkit-animation-name: pulse;
animation-name: pulse;
}

@-webkit-keyframes lightSpeedIn {
0% {-webkit-transform: translateX(100%) skewX(-30deg);transform: translateX(100%) skewX(-30deg);opacity: 0;}
60% {-webkit-transform: translateX(-20%) skewX(30deg);transform: translateX(-20%) skewX(30deg);opacity: 1;}
80% {-webkit-transform: translateX(0%) skewX(-15deg);transform: translateX(0%) skewX(-15deg);opacity: 1;}
100% {-webkit-transform: translateX(0%) skewX(0deg);transform: translateX(0%) skewX(0deg);opacity: 1;}
	}

@keyframes lightSpeedIn {
0% {-webkit-transform: translateX(100%) skewX(-30deg);-ms-transform: translateX(100%) skewX(-30deg);transform: translateX(100%) skewX(-30deg);opacity: 0;}
60% {-webkit-transform: translateX(-20%) skewX(30deg);-ms-transform: translateX(-20%) skewX(30deg);transform: translateX(-20%) skewX(30deg);opacity: 1;}
80% {-webkit-transform: translateX(0%) skewX(-15deg);-ms-transform: translateX(0%) skewX(-15deg);transform: translateX(0%) skewX(-15deg);opacity: 1;}
100% {-webkit-transform: translateX(0%) skewX(0deg);-ms-transform: translateX(0%) skewX(0deg);transform: translateX(0%) skewX(0deg);opacity: 1;}
}

.lightSpeedIn {-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
@-webkit-keyframes flipInX {
0% {-webkit-transform: perspective(400px) rotateX(90deg);transform: perspective(400px) rotateX(90deg);opacity: 0;}
40% {-webkit-transform: perspective(400px) rotateX(-10deg);transform: perspective(400px) rotateX(-10deg);}
70% {-webkit-transform: perspective(400px) rotateX(10deg);transform: perspective(400px) rotateX(10deg);}
100% {-webkit-transform: perspective(400px) rotateX(0deg);transform: perspective(400px) rotateX(0deg);opacity: 1;
}}

@keyframes flipInX {
0% {-webkit-transform: perspective(400px) rotateX(90deg);-ms-transform: perspective(400px) rotateX(90deg);transform: perspective(400px) rotateX(90deg);opacity: 0;}
40% {-webkit-transform: perspective(400px) rotateX(-10deg);-ms-transform: perspective(400px) rotateX(-10deg);transform: perspective(400px) rotateX(-10deg);}
70% {-webkit-transform: perspective(400px) rotateX(10deg);-ms-transform: perspective(400px) rotateX(10deg);transform: perspective(400px) rotateX(10deg);}
100% {-webkit-transform: perspective(400px) rotateX(0deg);-ms-transform: perspective(400px) rotateX(0deg);transform: perspective(400px) rotateX(0deg);opacity: 1;}
}

.flipInX {-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX;
}
@-webkit-keyframes rollIn {
0% {opacity: 0;-webkit-transform: translateX(-100%) rotate(-120deg);transform: translateX(-100%) rotate(-120deg);}
100% {opacity: 1;-webkit-transform: translateX(0px) rotate(0deg);transform: translateX(0px) rotate(0deg);}
}

@keyframes rollIn {
0% {opacity: 0;-webkit-transform: translateX(-100%) rotate(-120deg);-ms-transform: translateX(-100%) rotate(-120deg);transform: translateX(-100%) rotate(-120deg);}
100% {opacity: 1;-webkit-transform: translateX(0px) rotate(0deg);-ms-transform: translateX(0px) rotate(0deg);transform: translateX(0px) rotate(0deg);}
}

.rollIn {-webkit-animation-name: rollIn;
animation-name: rollIn;
}

/* Pulse Shrink */
@-webkit-keyframes hvr-pulse-shrink {
  to {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}

@keyframes hvr-pulse-shrink {
  to {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}

.hvr-pulse-shrink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.hvr-pulse-shrink:hover, .hvr-pulse-shrink:focus, .hvr-pulse-shrink:active {
  -webkit-animation-name: hvr-pulse-shrink;
  animation-name: hvr-pulse-shrink;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}

/* Wobble Top */
@-webkit-keyframes hvr-wobble-top {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
  }

  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
  }

  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
  }

  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }

  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
  }

  100% {
    -webkit-transform: skew(0);
    transform: skew(0);
  }
}

@keyframes hvr-wobble-top {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
  }

  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
  }

  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
  }

  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }

  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
  }

  100% {
    -webkit-transform: skew(0);
    transform: skew(0);
  }
}

.hvr-wobble-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
}
.hvr-wobble-top:hover, .hvr-wobble-top:focus, .hvr-wobble-top:active {
  -webkit-animation-name: hvr-wobble-top;
  animation-name: hvr-wobble-top;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
/* Bounce In */
.hvr-bounce-in {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-in:hover, .hvr-bounce-in:focus, .hvr-bounce-in:active {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
  transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}
/* optin */

[class$="detailtrx"] {
    display: none;
}
/* optin */
#optina {	width:135px; height:650px;z-index: 1000;	bottom:auto;box-shadow:#666 1px 1px 2px;
background: -moz-linear-gradient(top, rgba(143,200,0,0.8) 0%, rgba(143,200,0,0.59) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(143,200,0,0.8)), color-stop(100%,rgba(143,200,0,0.59))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(143,200,0,0.8) 0%,rgba(143,200,0,0.59) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(143,200,0,0.8) 0%,rgba(143,200,0,0.59) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(143,200,0,0.8) 0%,rgba(143,200,0,0.59) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(143,200,0,0.8) 0%,rgba(143,200,0,0.59) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc8fc800', endColorstr='#968fc800',GradientType=0 ); /* IE6-9 */}
#top_forma { width:100%;margin:auto;float:left;}
#top_forma .closedforma {text-align:left;width:135px;margin-top:0px;color:white;cursor:pointer;}

#isi_forma { width:100%;height:100%;	margin:auto;}

/* optin */
#optinb {	width:135px; height:650px;z-index: 1000;	bottom:auto;box-shadow:#666 1px 1px 2px;
background: -moz-linear-gradient(top, rgba(143,200,0,0.8) 0%, rgba(143,200,0,0.59) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(143,200,0,0.8)), color-stop(100%,rgba(143,200,0,0.59))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(143,200,0,0.8) 0%,rgba(143,200,0,0.59) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(143,200,0,0.8) 0%,rgba(143,200,0,0.59) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(143,200,0,0.8) 0%,rgba(143,200,0,0.59) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(143,200,0,0.8) 0%,rgba(143,200,0,0.59) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc8fc800', endColorstr='#968fc800',GradientType=0 ); /* IE6-9 */}
#top_formb { width:100%;margin:auto;float:left;}
#top_formb .closedformb {text-align:center;width:135px;margin-top:0px;color:white;font-weight:bold;cursor:pointer;}

#isi_formb { width:100%;height:100%;	margin:auto;}

/*======== Custom Slider Styles Nivo Slider===*/ /*============================*/
.iview-controlNav {	position: absolute;	bottom: 10px;	}
.iview-controlNav a {	text-indent: -9999px;}
.iview-controlNav a.iview-controlPrevNav {	float: left;	width: 50px;	height: 30px;	 background: url('../img/bg_direction_nav.png') no-repeat; }
.iview-controlNav a.iview-controlNextNav {	float: left;	width: 50px;	height: 30px;	 background: url('../img/bg_direction_nav.png') no-repeat -50px 0px; }
.iview-controlNav div.iview-items { float: right;margin-right:10px;padding: 0px 10px 0px 10px;background: url('../img/nav-bg.png');}
.iview-controlNav a.iview-control {	padding: 0px;	float: left;	width: 11px;	height: 12px;	background: url('../img/bullets3.png') no-repeat;line-height: 0px;}
.iview-controlNav a.iview-control.active {	background-position: 0px -12px;}
.iview-caption {	background-color:black;	color: #FFF;	border-radius: 5px;	padding: 8px 15px;	font-family: Tahoma;}
.iview-caption.caption1 {	font-size: 36px;	font-weight: bold;	height: 45px;}
.iview-caption.caption2 {	background: #00b4ff;	font-size: 36px;	font-weight: bold;	text-shadow: none;}
.iview-caption.caption3 {	background: #FFF;	color: #000;	font-size: 26px;	text-shadow: none;}
.iview-caption.caption4 {	font-size: 22px;	font-weight: bold;text-align:center;}
.iview-caption.caption5 {	background: #c4302b;	box-shadow: rgba(0, 0, 0, 0.7) 10px 10px 15px 0px;font-size: 20px;	font-weight: bold;	text-shadow: none;}
.iview-caption.caption6 {	font-size: 18px;}
.iview-caption.caption7 {	text-align: left;	font-size: 11px;	color: #888;	border-radius: 0px;}
.iview-caption.caption7 div {	line-height: 200%;}
.iview-caption.caption7 h3 {	margin-bottom: 20px;	color: #FFF;}
.iview-caption.blackcaption {	background: #000;	box-shadow: rgba(0, 0, 0, 0.7) 10px 10px 15px 0px;	text-shadow: none;}
.iview-caption.blackcaption_noback {	color: #000;background: none; font-size:18px;font-weight:bold;}
.iview-caption.blackcaption_noback_b {	color: #000;background: none; font-size:16px;}
.iview-caption.blackcaption_noback_bl {	color: darkblue; background: none; font-size:16px;}
.iview-caption.blackcaption_noback_r {	color: #B3DF26;background: none; font-size:30px;font-weight:bold;text-shadow: 1px 1px 2px #08330B;}
.iview-caption.blackcaption1 {	background-color: rgba(0, 0, 0, .4);	box-shadow: rgba(0, 0, 0, 0.4) 1px 1px 5px 0px;	text-shadow: none;font-size:18px; }
.iview-caption.blackcaption1_bl {	background-color: rgba(189, 211, 47, .7);	box-shadow: rgba(130, 29, 43, .7) 1px 1px 5px 0px;	text-shadow: none; font-size:14px;color:black;padding:3px 10px;}
.iview-caption.blackcaption_utama {	color:white; font-size:28px;	 background-color: rgba(0, 0, 0, .4); text-align:center; text-shadow: none;font-weight:bold;}
.iview-caption.blackcaption3 {	background-color: rgba(42, 60, 0, .7);	box-shadow: rgba(130, 29, 43, .7) 1px 1px 5px 0px;	text-shadow: none; font-size:20px;color:gold;}
.iview-caption.blackcaption_gambar {	background:transparent;	box-shadow: rgba(130, 29, 43, .7) 1px 1px 5px 0px;	text-shadow: none; font-size:14px;color:gold;text-align:center;}
.iview-caption.blackcaption_gambar1 {	background:none;}
.iview-caption.blackcaption3_2 {	background-color: rgba(229, 44, 14, .8);	box-shadow: rgba(130, 29, 43, .8) 1px 1px 5px 0px;	text-shadow: none; font-size:18px;color:white;}
.iview-caption.blackcaption3_3 {	background-color: rgba(255, 215, 0, .8);	box-shadow: rgba(130, 29, 43, .8) 1px 1px 5px 0px;	text-shadow: none; font-size:18px;color:black;font-weight:bold;}
.iview-caption.blackcaption3_4 {	background-color: rgba(128, 154, 53, .95);	box-shadow: rgba(130, 29, 43, .8) 1px 1px 5px 0px;	text-shadow: none; font-size:18px;color:white;}
.iview-caption.blackcaption3_1 {	background-color: rgba(133, 74, 60, .7);	box-shadow: rgba(130, 29, 43, .7) 1px 1px 5px 0px;	text-shadow: none; font-size:16px;color:white;}
.iview-caption.blackcaption4 {	background-color: rgba(106, 27, 33, .9);	box-shadow: rgba(130, 29, 43, .7) 1px 1px 5px 0px;	text-shadow: none; font-size:13px;color:yellow;padding:3px 10px;}
.iview-caption a { color :white; }
.iview-caption a:hover { color:yellow;}
.iview-caption.blackcaption2 {background: rgb(128, 154, 53);font-weight:bold; box-shadow: rgba(0, 0, 0, 0.7) 10px 10px 15px 0px;	text-shadow: none;color:black;}
#iview-preloader {width: 250px}
#iview-preloader div {background: red;}
.iview-controlNav div.iview-items ul li {padding: 0px;float: left;width: 11px;height: 12px;margin: 3px;line-height: 0px;}
#iview #iview-tooltip {display: none;position: absolute;background-color: grey;width: 124px;height: 70px;bottom: 30px;left: -67px;padding: 10px;z-index: 100;}
#iview #iview-tooltip div.holder {display: block;width: 124px;height: 68px;overflow: hidden;border-radius: 2px;}
#iview #iview-tooltip div.holder div.container {display: block;width: 4000px;}
#iview #iview-tooltip div.holder div.container div {float: left;display: block;overflow: hidden;width: 124px;height: 84px;left: -50%;text-align: center;}
#iview #iview-tooltip div.holder div.container div img {height: 84px;margin: 0 auto;}
/* The slider */
.iviewSlider {overflow: hidden;}
/* The timer in the Slider */
#iview-timer {position: absolute;z-index: 100;border-radius: 5px;cursor: pointer;}
#iview-timer div {border-radius: 3px;}
/* The Preloader in the Slider */
#iview-preloader {position: absolute;z-index: 1000;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;padding: 1px;width: 100px;height: 3px;}
#iview-preloader div {float: left;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;height: 3px;background: #000;width: 0px;}
/* The strips and boxes in the Slider */
.iview-strip {display:block;position:absolute;z-index:5;}
.iview-block {display:block;position:absolute;z-index:5;}
/* Direction nav styles (e.g. Next & Prev) */
.iview-directionNav a {position:absolute;top:45%;z-index:9;cursor:pointer; }
.iview-prevNav {left:5px; font-size:30px;color:transparent;background: url('../img/bg_direction_nav.png') no-repeat; width:30px;}
.iview-prevNav:hover{color:transparent;background: url('../img/bg_direction_nav_white.png') no-repeat;}
.iview-nextNav {right:5px;font-size:30px;color:transparent; background: url('../img/bg_direction_nav.png') no-repeat -30px 0px; width:30px;}
.iview-nextNav:hover {color:transparent;background: url('../img/bg_direction_nav_white.png') no-repeat -30px 0px; }
/* Control nav styles (e.g. 1,2,3...) */
.iview-controlNav {position:absolute;z-index:9;left:0px;width:100%;}
.iview-controlNav a {z-index:9;cursor:pointer;}
.iview-controlNav a.active {font-weight:bold;}
.iview-controlNav .iview-items ul {list-style: none;}
.iview-controlNav .iview-items ul li {display: inline;position: relative;}
.iview-controlNav .iview-tooltip {position: absolute;}
/* The captions in the Slider */
.iview-caption {position:absolute;z-index:4;overflow: hidden;cursor: default;}
/* The video show in the Slider */
.iview-video-show {background: #000;position: absolute;width: 100%;height: 100%;z-index: 101;}
.iview-video-show .iview-video-container {position: relative;width: 100%;height: 100%;}
.iview-video-show .iview-video-container a.iview-video-close {position: absolute;right: 10px;top: 10px;background: #222;color: #FFF;height: 20px;width: 20px;text-align: center;line-height: 29px;font-size: 22px;font-weight: bold;overflow: hidden;-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;}
.iview-video-show .iview-video-container a.iview-video-close:hover {background: #444;}
.shortcut-statis{color:#000;font-family:  Arial, sans-serif;}
.bbm img {width:20px;}
.mod-menu{margin-top:0px;}
.men_kategori{padding:5px 3px !important;text-transform: uppercase;font-size:12px;}
#sidebar-1.bgw{background-color:#D6432E;-webkit-border-radius: 15px 0 0 15px;border-radius: 15px 0 0 15px;}
#sidebar-2.bgw{background-color:#D16E0B;-webkit-border-radius: 15px 0 0 15px;border-radius: 15px 0 0 15px;}
#sidebar-3.bgw{background-color:#8BC53F;-webkit-border-radius: 15px 0 0 15px;border-radius: 15px 0 0 15px;}
#sidebar-4.bgw{background-color:#EC1C24;-webkit-border-radius: 15px 0 0 15px;border-radius: 15px 0 0 15px;}
#sidebar-5.bgw{background-color:#652D90;-webkit-border-radius: 15px 0 0 15px;border-radius: 15px 0 0 15px;}
#sidebar-6.bgw{background-color:#FF5CC5;-webkit-border-radius: 15px 0 0 15px;border-radius: 15px 0 0 15px;}
#sidebar-7.bgw{background-color:#00ADEE;-webkit-border-radius: 15px 0 0 15px;border-radius: 15px 0 0 15px;}
#sidebar-8.bgw{background-color:#808184;-webkit-border-radius: 15px 0 0 15px;border-radius: 15px 0 0 15px;}
#sidebar-9.bgw{background-color:gold !Important;-webkit-border-radius: 15px 0 0 15px;border-radius: 15px 0 0 15px;}
.bgw{}
#sub-1,#sub-2, #sub-3,#sub-4,#sub-5,#sub-6,#sub-7,#sub-8,#sub-9,#sub-10,#sub-11,#sub-12{display:none;}

#sub-1{border-left:5px solid #D6432E;}
#sub-2{border-left:5px solid #D16E0B;}
#sub-3{border-left:5px solid #8BC53F;}
#sub-4{border-left:5px solid #EC1C24;}
#sub-5{border-left:5px solid #652D90;}
#sub-6{border-left:5px solid #FF5CC5;}
#sub-7{border-left:5px solid #00ADEE;}
#sub-8{border-left:5px solid #808184;}
.nyala{}
#sub-1.nyala,#sub-2.nyala, #sub-3.nyala,#sub-4.nyala,#sub-5.nyala,#sub-6.nyala,#sub-7.nyala,#sub-8.nyala,#sub-9.nyala,#sub-10.nyala,#sub-11.nyala,#sub-12.nyala{display:block !important;}
.promo{font-family: Helvetica,Arial,sans-serif;}
.navz {padding-left: 0;margin-bottom: 0;list-style: none;}
.navz > li {position: relative;display: block;}
.navz > li > a {position: relative;display: block;padding: 10px 15px;}
.nav-stacked li a { color: black;}
.aktip a  { color: white !important;}
.nav-stacked > li > a:hover, .nav-stacked > li > a:focus {    text-decoration: none; }
 .iconnya{ font-size:14px;height:26px; width:26px;border:1px solid #000; line-height:24px;margin-right:8px;text-align:center;}
.aktip .iconnya{ color: white !important;border:1px solid #FFF; }
ul.sub-kategori {padding-left: 10px;margin-bottom: 5px;list-style: none;}
ul.sub-kategori li a{color : #6E686E;}
.aktip ul.sub-kategori{ display:block;}
.promo_wing img{padding:5px;-webkit-border-radius: 3px;border-radius: 3px;-webkit-transition: all .1s linear;-moz-transition: all .1s linear;-ms-transition: all .1s linear;-o-transition: all .1s linear;transition: all .1s linear;}
.promo_top img{-webkit-transition: all .1s linear;-moz-transition: all .1s linear;-ms-transition: all .1s linear;-o-transition: all .1s linear;transition: all .1s linear;}
.promo_wing img:hover{padding:2px;-webkit-box-shadow: 0 0 4px 0 #3B3B3B;box-shadow: 0 0 4px 0 #3B3B3B;}
/* .promo_top img:hover{padding:2px;-webkit-box-shadow: 0 0 4px 0 #3B3B3B;box-shadow: 0 0 4px 0 #3B3B3B;-webkit-border-radius: 3px;border-radius: 3px;} */
.wing_1{border-top:1px solid #E3E3E3;border-right:1px solid #E3E3E3;}
.wing_1 img{border-bottom:1px solid #E3E3E3;}
.wing_2{border-right:1px solid #E3E3E3;}
.wing_5{border-bottom:1px solid #E3E3E3;border-right:1px solid #E3E3E3;}
.wing_3{border-bottom:1px solid #E3E3E3;}
.wing_4{border-bottom:1px solid #E3E3E3;}
.wing_2 img{border-bottom:1px solid #E3E3E3;}
.wing_3 img{border-right:1px solid #E3E3E3;}
.wing_4 img{border-right:1px solid #E3E3E3;}
.menu_sub{}
.promo_top{height:100%;padding:0px !important;}
.promo_wing{height:33.3%;padding:5px;}
.panel{}
.body-gogo{padding:15px 5px !Important;}
.panel-top{-webkit-box-shadow: none !Important;box-shadow: none !Important;border:none !Important; margin-left:-5px;-webkit-border-radius: 0px !Important;border-radius: 0px !Important;}
.heading-panel { border-bottom:none !Important;border-left:5px solid #E53D2F;-webkit-border-radius: 0px !Important;border-radius: 0px !Important;border-color: #E53D2F !Important;padding: 5px 15px !important;}
.li-right{margin: 10px 0px;list-style: none;height:28px;line-height:28px;font-size:16px;cursor:pointer;}
.li-right a{color:#000;}
.icon{font-size:16px !Important;}
ul.sub-kategori li.subm a{color:#3A0303;font-size:12px;}
li.subm {padding: 2px 0px;}
.breadcrumb{padding: 0px 8px !Important;}
.brand-title{font-size: 16px;font-weight: bold;color:black;}
#total-tagihan, #loader{display:none;}
.bigfontz{font-size:30px;}
a.hover-spread:hover{-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-webkit-box-shadow: 0 0 30px 2px #E47B1;box-shadow: 0 0 30px 2px #E47B12;}
.w380 {width:380px !Important;}
.popover.bottom{min-width:200px;}
.popover.bottom.daftar{min-width:100px;}
.panel-info-down{height:150px;margin-top:15px;padding-left:15px !Important;padding-right:15px !Important;}
.hw-100{height:100%;width:100%;}
.w-100{width:100%;}
/* Jam Kontrol */
.hours {  float: left;}
.minutes {  float: left;}
.seconds {  float: left;}
.clearDiv {  clear: both;}
.bodyTimeoutBackground {  background: #F1F1F1;color:grey;}
.timeout {  color: red;  -webkit-animation-name: blinker;  -webkit-animation-iteration-count: infinite;  -webkit-animation-timing-function: cubic-bezier(1.0,0,0,1.0);  -webkit-animation-duration: 1s;}
@-webkit-keyframes blinker { 
 from { opacity: 1.0; }
  to { opacity: 0.0; }
}

/* Sipnner */
a.input-group-addon.bodas {text-decoration:none; outline: 0;background-color:#F1F1F1;border-color:#F1F1F1;font-weight:bold;font-size:16px;}
a.input-group-addon:hover{text-decoration:none;outline: 0;}
a.input-group-addon:focus, a.input-group-addon:active{text-decoration:none; outline: 0;}
/* Spinner */