*{padding: 0; margin: 0}
a {
	transition: ease 0.3s all;
	-webkit-transition: ease 0.3s all;
	-moz-transition: ease 0.3s all;
	-o-transition: ease 0.3s all;
	-ms-transition: ease 0.3s all;
}
.container-fluid.topHeader{background-color: #960909; color:rgba(255,255,255,0.8);height: 33px;}
.container-fluid.topHeader ul li a{color:rgba(255,255,255,0.8); font-family:'Lemonada', cursive;}
.container-fluid.topHeader ul li a:hover{background-color: transparent; color:white;}
.container-fluid.topHeader ul li i{color:rgba(255,255,255,0.8);}
.container-fluid.topHeader ul li i:hover{color:white;}
.topHeader h6 {padding: 10px 0; font-family:  'Lemonada', cursive; font-family: 'Ruda', sans-serif; font-weight:bold;}
.navbar{margin-bottom: 0;}
.navbar-default{background-color:transparent; border-color:transparent;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {border-color: transparent;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background-color: transparent; }
.navbar-default .navbar-toggle .icon-bar{background-color: #fff}
.navbar-default .navbar-toggle {border-color: transparent;}
.navbar-header a{font-size: 15px}
.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {color: #005D80;background-color: #07BBFF;}
#searchform{margin-top: 30px}
#searchform input[type='text'] {width: 86%; padding: 4px; border: 1px #3d3d3d solid; border-radius:18px 0 0 18px;}
#searchform input[type='submit']{background: #07BBFF; color: #fff; padding: 6px; border: 0px; margin-left: -4px}
.midHead{background-color: #F2F2F2;padding-bottom:12px; padding-left:20px; padding-top:6px;box-shadow: 0 1px 10px 0 #A3A3A3;}
.midHead img{width: 270px}
.midHead .garansi{margin-top: 30px}
.midHead #tlp{margin-top: 4px}
.midHead .btn-primary{border-color: #c5c5c5;color:#f2f2f2; background-color: #ed2027; border-radius:18px;padding:9px; font-weight:bold;}
.midHead .btn-primary:hover{border-color: #fff;background-color:#C31116;}
.midHead input{float:left; color: #005D80}
.midHead button{padding: 6px 10px; background-color: #fff; border:0;}
.midHead .btn-search {padding: 4px 10px; background-color: #f2f2f2; border:0; border: 1px #3d3d3d solid; border-radius:0 18px 18px 0;margin-left:-2px;}
.midHead button i{color: #2F2F2F;}
.midHead button:hover{background-color: #0177A5;border:2px #2F2F2F solid}
.midHead button:hover i{color:#fff;}
.menunav{display: none; position: absolute; top: 74px; left: 13px; z-index: 999;}
.p_kategory span{font-size: 17px; color: white; margin-right: 5px}
.p_kategory{margin-top: 35px; cursor: pointer;color: #2B2B2B; display: block;}
.btn-klik{color:#fff; font-size:24px; padding-left:20px;}
#btn-xs-search{padding: 6px 10px;
background-color: #07BBFF;
border: 0;}
#cari{float:left;}
#btn-cari-xs{margin-top:15px;font-size: 24px;color: #fff;}
#btn-cari-xs i{color: #2F2F2F;}
#menu{min-height: 323px; width: 148px; height: 323px; position: fixed; top: 83px; left: 0; z-index: 999; min-width: 148px;}
.sembunyi{display:none;}
.levelHolderClass ul{background: #0077A4}
.btn-menu{position: fixed; top: 10px; left: 15px}
.btn.slide-menu-control.hidden-md.hidden-sm.hidden-lg { margin-top: 28%; background:transparent;font-size:32px;}
#posisi{position: fixed; width: 100%; z-index: 9999; top: 38px;}
#posisi i{color:#fff;}
#test-menu-left a{font-size: 70%;}
.moreAll a, i{color: #ED2027}
@media (max-width: 767px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {color: #ffffff;}
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {color: #ffffff;}
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {color: #ffffff; background-color: #0e9dd3;}
}
@media (min-width: 678px){
	.botHead .dropdown:hover .dropdown-menu{display: block;}
}
/* SM */
@media (min-width: 767px) and (max-width: 991px){
	.topHeader  li > a{padding: 15px 5px}
	.botHead .nav > li > a{padding: 10px 5px}
	.midHead #tlp{margin-top: 10px}
	.midHead .garansi{margin-top: 10px}
	.navbar-brand{padding: 9px;height: auto;}
	.navbar-inverse{min-height:40px; }
}
/* SM - MD */
@media (min-width: 767px) and (max-width: 1199px){
  .oke{margin-top: 117px;}
}
@media (min-width: 971px) and (max-width: 1200px){
  .oke{margin-top: 184px;}
}
/* MD */
@media (min-width: 992px) and (max-width: 1199px){
	.nav > li > a{padding: 15px 6px}
}
@media (min-width: 768px){
	#nav1 li span {display: none}
	#nav1 li i {display: block}
}
/*LG */
@media (min-width: 1199px) {
  .oke{margin-top: 103px;}
}
@media (min-width: 768px) and (max-width: 1024px){
   .p_kategory{margin-top: 5px}
   .midHead{padding-top: 25px}
   #searchform{margin-top: 5px}
}
@media (min-width: 1067px){
   #searchform{margin-top: 33px}
}
@media (min-width: 993px){
   #searchform{margin-top: 3px}
}
/* XS - SM */
@media (min-width: 0px) and (max-width: 991px){
  .searchform{margin-top: 30px}
}
/* SM */
@media (min-width: 767px) and (max-width: 991px){
  .topHeader  li > a{padding: 15px 5px}
  /*.botHead .nav > li > a{padding: 10px 5px}*/
  .midHead #tlp{margin-top: 0px}
  .midHead .garansi{margin-top: 10px}
  .navbar-brand{padding: 9px;height: auto;}
  .navbar-inverse{min-height:40px; }
}
/* SM - MD */
@media (min-width: 767px) and (max-width: 1199px){
  .oke{margin-top: 137px;}
}
@media (min-width: 970px) and (max-width: 1200px){
  .oke{margin-top: 137px;}
}
/* MD */
@media (min-width: 992px) and (max-width: 1199px){
  .nav > li > a{padding: 15px 6px}
}
@media (min-width: 0px) and (max-width: 768px){
  #nav1 li span {display: block}
  #nav1 li i {display: none}
  .topHeader h6 {text-align: center;}
  .midHead #tlp{margin-top: 10px}
  .midHead .garansi{margin-top: 10px}
  #searchform input[type='text'] {width: 84%;}
.midHead {padding-bottom: 17px}
  .Lokasi h3{color:#005D80; font-size: 15px}
   .oke{margin-top: 75px;}
   .searchform {margin-top: 25px;}
   .p_xs img{margin-top: 12px}
   .p_kategory span{font-size: 25px}
    .p_xs a{margin-top:15px;}
    #test-menu-left{margin-top:18%;}
}
@media (min-width: 992px){
  .p_kategory{margin-top: 5px}
}
@media (min-width: 992px){  
  .p_logo{padding-top: 4px}
}
.navbar-inverse .navbar-brand {color: #ffffff;}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {color: #ffffff;}
.navbar-inverse .navbar-text {color: #ffffff;}
.navbar-inverse .navbar-nav > li > a {color: #ffffff;}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {color: #ffffff;}
.navbar-inverse .navbar-nav > .active > a,.navbar-inverse .navbar-nav > .active > a:hover,.navbar-inverse .navbar-nav > .active > a:focus {color: #ffffff;background-color: #0e9dd3;}
.navbar-inverse .navbar-nav > .open > a,.navbar-inverse .navbar-nav > .open > a:hover,.navbar-inverse .navbar-nav > .open > a:focus {color: #ffffff;background-color: #0e9dd3;}
.navbar-inverse .navbar-toggle {border-color: #0e9dd3;}
.navbar-inverse .navbar-toggle:hover,.navbar-inverse .navbar-toggle:focus {background-color: #0e9dd3;}
.navbar-inverse .navbar-toggle .icon-bar {background-color: #ffffff;}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {border-color: #ffffff;}
.navbar-inverse .navbar-link {color: #ffffff;}
.navbar-inverse .navbar-link:hover {color: #ffffff;}
.dropdown:hover {background: #07BBFF;}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {color: #005D80;}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {color: #005D80; }

/*article*/
article h3{
    position: relative; -js-display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
}
article b{
    display: block;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 2px;
    opacity: .1;
    background-color: currentColor;
}
article	span{margin:0 10px;}
.listProduct{margin-bottom: 20px;}
.homeProduct h2{text-align: center;}
.homeProduct1 h3 span{font-size: 60%}
.homeProduct2 h3 a{font-size: 50%; display: block; margin-right:15px; font-weight: bold; margin-left: auto;}
.homeProduct2 i{font-size: 12px}
.deskription h6{margin:0;}
.deskription p{font-size: 12px}
.wrapFooter{padding-left: 0; padding-right: 0;}
.wrapHomeProduct1{border-bottom: 2px solid #ececec;}
.homeProduct p{text-align: justify; line-height: 25px;}
/*article .promo{margin-bottom: 30px}*/
article .promo h5{text-align: right; margin-right:37px}
article .promo h5 a{font-weight: bold;}
article .promo h5 i{font-weight: bold; color: #3176C2}
article .promo .dis{position: relative; /*margin-bottom: 35px*/}
article .promo .dis .productPromo img{width:100%;}
article .promo a{text-decoration: none;}
.discont{width: 50px; height: 50px; background-color: #ed2027; position: absolute; top: 5px; left:5px; padding:5px;}
.discont span{line-height: 40px;
color: white;
margin-left: 0;
padding-left: 14%;}
article .promo a p{margin-bottom: 0}
article .promo a p:nth-child(1),p:nth-child(3),p:nth-child(4){color:black;}
article .promo a p:nth-child(3){opacity: 0.5}
article .promo a p:nth-child(4){margin-bottom: 30px}
article .promo a .btn-primary{background-color: transparent; color:#0077A4;}
article .promo a .btn-primary:hover{background-color:#0077A4 ; color:white; border:1px solid #0077A4;}
.fotTop{background-color: #e3e3e3; color:#231f20; padding: 20px 0;}
.fotTop p{color:#231f20;}
.fotTop ul li{list-style: none; margin-bottom: 5px}
.fotTop ul li a{color: #231f20; font-size: 15px}
.fotTop ul li span{color: #231f20}
.fotTop .footer2 img{display: inline-block;}
.fotTop .footer2 h4{border-top: 1px solid #3093BD; border-left: 1px solid #3093BD; border-right: 1px solid #80B7D2; border-bottom:1px solid #80B7D2; border-radius: 2px; padding: 5px; text-align: center;}
.fotTop .footer2 ul li .Fotcontact{background: #FAFAFA; font-size: 11px;color:#231F20; height: 28px; border-radius: 18px 18px 18px 18px; border:1px solid #FAFAFA;}
.fotTop .footer2 ul li .Fotcontact a{font-size: 18px; text-decoration: none; line-height:28px; padding-left: 10px; color:#231F20;}
.fotTop .footer2 ul li .Fotcontact span a{float: right; background-color: #43C15E; border-radius: 0px 45px 45px 0px; padding: 0px 15px; border:1px solid #43C15E; color:#FAFAFA ; font-size: 16px; height: 26px;}
.fotTop .footer2 ul li .Fotcontact span img{margin-right: 5px; margin-bottom:1px;}
.fotTop .footer3 ul li{margin-bottom: 10px; border-bottom: 1px solid #ececec;}
.fotTop .footer3 ul li a{font-size: 15px}
.fotBottom {background-color: #c33f3f; padding: 5px 0; color: white}

/*ABOUT*/
.banner{min-height: 300px; background: url(../image/banner/ramesia-mesin-kerjasama-01.jpg); margin-top: 20px; position: relative;}
.social{
    min-width: 150px;
    width: 278px; 
    position: absolute; 
    top:171px; 
    left:50%;
	transform:translateX(-50%);
	-o-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
}
/*.social a{}*/
.social .fa-facebook{padding: 5px 13px;}
.social i{color: white; border-radius: 999px !important; border:1px solid white; padding: 5px 7px; min-width: 2.5em; display: inline;}
.social .fa-facebook:hover{background: #3a589d !important;}
.social .fa-twitter:hover{background: #001270;}
.social .fa-pinterest:hover{background: #CB2320;}
.social .fa-google-plus-official:hover{background: #DD4E31}
.social .fa-linkedin-square:hover{background: #0072B7;}
.social h4{text-align: center; color: white; font-size: 25px;}
.visi p{text-align: justify; margin-top: 20px; line-height: 25px;}
.youtube{padding-top: 20px;}
.youtube p{text-align: justify; line-height: 25px; padding-top: 20px}
.alamatKantor img{margin-bottom: 20px}

/*HUBUNGI KAMI*/
.lokasiShowroom{background: #07BBFF; padding: 40px 0;}
.lokasiShowroom h1{color:white;}
.nabtab ul li{width: 100%;}
.nabtab ul li:hover{border-left: 4px solid #0077A4}
.nabtab ul li a{color: #0077A4}
.nabtab{margin-top:20px;}
.lokasiShowroom .social1{min-width: 150px; width: 220px;}

/*.social a{}*/
.lokasiShowroom .social1 .fa-facebook{padding: 5px 10px;}
.lokasiShowroom .social1 i{color: white; border-radius: 999px !important; border:1px solid white; padding: 5px 7px; min-width: 2.5em; display: inline;}
.lokasiShowroom .social1 .fa-facebook:hover{background: #3a589d !important;}
.lokasiShowroom .social1 .fa-twitter:hover{background: #001270;}
.lokasiShowroom .social1 .fa-pinterest:hover{background: #CB2320;}
.lokasiShowroom .social1 .fa-google-plus-official:hover{background: #DD4E31}
.lokasiShowroom .social1 .fa-linkedin-square:hover{background: #0072B7;}
.lokasiShowroom h1{margin:20px;}
.Lokasi h3{color:#005D80;}
.maps{border:1px solid #ddd; padding: 10px 25px 20px 25px; border-radius: 10px}
.maps ul li{list-style: none; margin-bottom: 5px}
.maps ul li a{color:#005D80;}
.maps ul li i{color:#005D80; margin-right: 5px;}
/*BLOG*/
.productBlog{margin-top: 30px}
.productBlog img{width: 100%; height: 300px; position: relative;}
.productBlog a{text-decoration: none; color:black;}
.productBlog i{color:black;}
.productBlog .date{width: 50px; height: 50px; border:2px solid #0077A4; background:white; text-align: center; position: absolute;top: 0; left: 14px; color: #0077A4}
.productBlog a:hover .date{background-color: #0077A4; color:white;}
/*PRODUCT*/
.product ul { margin: 0; padding: 0; list-style: none;}
.product .nav li {border-bottom: 1px solid #eee;}
.product .nav li a {font-size: 14px;}
.product #accordionMenu {max-width: 300px;}
.product .panel-body {padding: 0;}
.product .panel-group .panel+.panel {margin-top: 0; border-top: 0;}
.product .panel-group .panel {border-radius: 0;}
.product .panel-default>.panel-heading {
  color: #333;
  background-color: #fff;
  border-color: #e4e5e7;
  padding: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.product .panel-default>.panel-heading a {
  display: block;
  padding: 10px 15px;
  text-decoration: none;
}
.product .panel-default>.panel-heading a:after {
  content: "";
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  float: right;
  transition: transform .25s linear;
  -webkit-transition: -webkit-transform .25s linear;
}
.product .panel-default>.panel-heading a[aria-expanded="true"] {background-color: #eee;}
.product .panel-default>.panel-heading a[aria-expanded="true"]:after {content: "\e113";}
.product .panel-default>.panel-heading a[aria-expanded="false"]:after {content: "\e114";}
.AllProduct .deskProduct{margin-bottom:20px}
.AllProduct  a {text-decoration: none; color: black}
.AllProduct .deskProduct p{margin-bottom: 0}
.AllProduct .deskProduct p:nth-child(2){color:#0C3364;}
.AllProduct .btn-primary {background-color: transparent; color:#0C3364;}
.AllProduct .btn-primary:hover{background-color: #0077A4; color: white}
.wrapProduct{position: relative;}

/*detailProduct*/
.detailProduct{margin-top: 40px; border-bottom: 1px solid #ddd; padding-bottom: 20px}
.detailProduct p a{color: rgba(102,102,102,0.7); margin: 0 6px; font-size: 16px; text-decoration: none;}
.detailProduct p span{color: rgba(102,102,102,0.7); margin-right: 0}
.detailProduct p a:hover{color: black}
.detailProduct p{display: block;}
.detailProduct span{margin-left: 0; }
.detailProduct label{font-size: 12px;}
.detailProduct .button a{background-color: #07BBFF; padding: 5px 10px; margin-right: 10px; color: white; text-decoration: none}
.detailProduct .wishlist{margin-top: 20px}
.detailProduct .wishlist a{text-decoration: none;}
.detailProduct .wishlist p{border-bottom: 1px dotted #ddd;border-top: 1px dotted #ddd;}
.detailProduct .wishlist .link{font-size: 12px; margin-left: 5px}
.detailProduct ul li {margin-bottom: 10px}
.media li{list-style: none; float: left; margin-right: 5px; margin-bottom: 5px}
.media li a i{border-radius: 50%;display: inline-block; padding: 5px 6px; color: rgba(102,102,102,0.7); border:1px solid rgba(102,102,102,0.7);}
.media li a .fa-facebook{padding: 5px 8px;}
.media li a{text-decoration: none;}
.media li .fa-facebook{color: #3a589d; border-color: #3a589d}
.media li .fa-twitter{color: #001270; border-color:#001270}
.media li .fa-pinterest{color: #CB2320; border-color:#CB2320}
.media li .fa-google-plus-official{color: #DD4E31; border-color:#DD4E31;}
.media li .fa-linkedin-square{color: #0072B7; border-color:#0072B7;}
.media li .fa-facebook:hover{background: #3a589d !important; color: white}
.media li .fa-twitter:hover{background: #001270; color: white}
.media li .fa-pinterest:hover{background: #CB2320; color: white}
.media li .fa-google-plus-official:hover{background: #DD4E31; color: white}
.media li .fa-linkedin-square:hover{background: #0072B7; color: white}
.media li img{width: 30px; height: 30px}
.visa li{float: left; list-style: none; margin-right: 10px}
.visa li a i{padding: 2px 5px; color:#07BBFF; background-color: white; opacity: 0.5;  }
.visa li a i:hover{opacity: 1; }
.detail_productBottom a{text-decoration: none}
.detail_productBottom a .btn-primary{background-color: transparent;color:#005D80;}
.detail_productBottom a p:first-child{color:black;}
.detail_productBottom a p:last-child{color:black;}

/*cara-pemesanan*/
.blue{min-height: 250px; background-color: #07BBFF; color:white; margin-top:30px;}
.blue .media{padding-left: 30px}
.blue ul li a i{color:white; border:1px solid white}
.blue .center{width: 230px; padding-top: 50px}
.caraPesan p{text-align: justify; line-height: 20px}
.caraPesan h3{color:#0077A4; border-bottom: 1px dotted #ddd; padding-bottom: 10px}
.caraPesan ul li {margin-bottom: 10px}
.caraPesan ul li p{line-height: 20px}
.page {clear: both}
.social a{text-decoration: none;}
.banner-background{min-height: 300px; background: #0077A4; margin-top: 20px; position: relative; margin-bottom: 30px}
.cara-pemesanan h4{border-bottom: 1px dotted #0077A4; color:#0077A4; padding-bottom: 10px}
.cara-pemesanan h3{ color:#0077A4;}
.keunggulan-kami h3{position: relative;
    -js-display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
}
.keunggulan-kami span{border: 2px solid rgba(0,0,0,0.1); padding: .3em .8em;}
.keunggulan-kami b{
    display: block;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 2px;
    opacity: .1;
    background-color: currentColor;
}
.keunggulan-kami div{margin-bottom: 10px}
.keunggulan-kami strong{color:#0077A4; }
.keunggulan-kami a:hover{text-decoration: none;}
.keunggulan-kami p{font-size: 12px; line-height: 30px; margin-top: 20px }
.one-day-delivery #text{position: absolute;top: 104px; left: 32%; text-align: center; color: white;min-width: 250px; width: 350px;}
.one-day-delivery h3{color: #0077A4}
@media (min-width: 0px) and (max-width: 991px){
  .one-day-delivery h4{left: 20%; font-size: 20px}
}
.pagRight a,.pagLeft a{color:#07BBFF;}
.detail_blog h6 a{color:#07BBFF;}
.subscribed input{float:left; width:85%; border-radius:4px 0 0 4px}
.Subscribed button{background:#960909; border:0; color:#fff; padding:10px; width:100%;}
.Subscribed .btn.focus, .btn:focus, .btn:hover {background-color:#e04343; color: #3e3e3e !important; text-decoration: none;}
.subscribed button i{color:#fff;}
.bannerHome {margin-top:10px;}
p del{color:red;}
.Subscribed input, textarea{margin-bottom:3%;}
#comment {height: 135px;}
.backTop {position: fixed;bottom: 0; right: 0; display: inline-block; margin: 20px;font-size:200%;}
.backTop:hover {cursor: pointer;}
.Wrapsubscribed{background:#e3e3e3; padding:30px 0;}
.dates{width: 50px; height: 50px; border:2px solid #0077A4; background:white; text-align: center; position: absolute;top: 4%; left: 3%; color: #0077A4}
.fborder {float:right; border: solid 1px #fafafa; border-radius: 5px; color: #fafafa;}
.wrappPro img{width:100%;}
/* XS */
@media (min-width: 0px) and (max-width: 767px){
	#nav1 li span {display: block}
	#nav1 li i {display: none}
	.topHeader h6 {text-align: center;}
	.midHead #tlp{margin-top: 10px}
	.midHead .garansi{margin-top: 10px}
	#searchform input[type='text'] {width: 84%;}
  .Lokasi h3{color:#005D80; font-size: 15px}
  .dis .discont{
    width: 30px;
    height: 30px;
    background-color: #07BBFF;
    position: absolute;
    top: 0;
    left: 22px;
    }
    .discont span{
    color: white;
    font-size: 9px;
    text-align: center;
    line-height: 25px;
    position: absolute;
    top: 0px;
    left: 2px;
    }
    .discont{width: 25px; height: 25px; background-color: #ed2027; }
    .dis .discont span{line-height: 40px; color: white; margin-left: 0; padding-left: 14%;}
    .dis p{font-size:12px;}
    .detailProduct .discont{position:absolute; border-radius:100%; left:92%; top:-14px; width:40px; height:40px;}
}
@media (min-width: 767px) and (max-width: 991px){
    .dis p{font-size:12px;}
}
.dis .discont{left:24px; top:8px;}
.disscont .discont{border-radius:100%; position:absolute; top: 0px;left: 84%; width:30px; height:30px;}
.disscont .discont span{padding-left:0; font-size:12px; line-height:30px;}
.detailProduct .discont{position:absolute; border-radius:100%; left:88%; top:-14px; width:60px; height:60px;}
.detailProduct .discont .D_s{line-height: 50px; padding-left: 12px;}
.discontt.hidden-md.hidden-lg {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    background: #ed2027;
    position: absolute;
    top: 0;
    right: 0;
}

.D_ss{
    font-size: 12px;
text-align: center;
padding: 0 0 0 10px;
color: white;
line-height: 40px;}
.detail_productBottom .col-md-2 {
    height: 370px;
    margin-bottom:20px;
}
.wrapProduct{
    height: 370px;
    margin-bottom:20px;
}
.wrapProduct .discont {
    border-radius: 100%;
}
#MainMenu span{margin:0 0;}

#wa {
	position: fixed;
	z-index: 9999;
	bottom: 30%;
	cursor: pointer;
	min-width: 35px;
	max-width: 200px;
	color: aliceblue;
	background-color: #58B358;
	text-align: center;
	float: right;
	right: 0;
	padding: 10px 5px 10px 5px;
	border-radius: 20px 0px 0 20px;
}

#wa a {
	text-decoration: none;
	color:aliceblue;
	font-weight: bold;
	
	writing-mode:tb-rl;
    -webkit-transform:rotate(-90deg);
    -moz-transform:rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform:rotate(-90deg);
    transform: rotate(180deg);
    white-space:nowrap;
    float:right;
}

#wa a a {
	text-decoration: none;
	color:#ddd;
	font-weight: bold;
}

.wa3 a i {
    color:#fff;
}

#wa i {
    color:#fff;
}

.bg-wa {
    background-color:#58B358;
    color:#f9f9f9;
    border-radius:10px;
    padding:10px;
}

.wa3 {
    margin:30px 0px;
}

body{font-family:'Karla',sans-serif}div.col-md-6.col-sm-6.col-xs-12>p>span{color:#ed2027;font-size:1.5em;position:relative}div>.col-md-2.col-sm-4.col-xs-6.text-center{background-color:#fff;padding:15px;margin:0 2.5px 20px}div>.col-md-2.col-sm-4.col-xs-6.text-center>a>.imgProduk{margin-bottom:10px}div>.col-md-2.col-sm-4.col-xs-6.text-center>a>.deskProduct>p{margin:3.5px}div>.col-md-2.col-sm-4.col-xs-6.text-center>a>.deskProduct>p>del{color:red;font-size:.8em}div>.col-md-2.col-sm-4.col-xs-6.text-center:hover{background-color:#f5f5f5;transition:ease .3s all;-webkit-transition:ease .3s all;-moz-transition:ease .3s all;-o-transition:ease .3s all;-ms-transition:ease .3s all}div>.col-md-2.col-sm-4.col-xs-6.text-center>a>.btn.btn-primary{background-color:#ed2027;color:#fff;margin:10px}div>.col-md-2.col-sm-4.col-xs-6.text-center>a>.btn.btn-primary:hover{background-color:#f65c62;color:#fff;margin:10px}@media only screen and (min-width: 1200px){div.row.detail_productBottom>.col-md-2{width:16.2222227%}}@media only screen and (max-width: 1199px){div.row.detail_productBottom>.col-md-2{width:24.4444447%}}@media only screen and (max-width: 991px){div.row.detail_productBottom>.col-md-2{width:32.5555557%}}@media only screen and (max-width: 765px){div.row.detail_productBottom>.col-md-2{width:48.4444447%}}@media only screen and (max-width: 530px){div.row.detail_productBottom>.col-md-2{width:100%}}div.imgProduk>img{width:100%}.detail_productBottom .col-md-2{height:auto;margin-bottom:20px}
.Wrapsubscribed{display:none}.header-fk{font-family:'Fredoka One',cursive;font-size:1em;text-align:center;background-color:#eb1e23;color:#fafafa;padding:10px}a:focus,a:active,button:active,button:focus,button:hover,button::-moz-focus-inner,input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,select::-moz-focus-inner,input[type="file"] > input[type="button"]::-moz-focus-inner{outline:0!important}.wizard-container{padding-top:20px;z-index:3}.wizard-container .wizard-navigation{position:relative}.title,.card-title,.wizard-title{font-weight:700}.title,.title a,.card-title,.card-title a,.wizard-title,.wizard-title a{color:#3C4858;text-decoration:none}.card{background-color:#FFF;padding:10px 0;width:100%;border-radius:6px;color:rgba(0,0,0,0.87);background:#fff}.wizard-card{margin-bottom:30px;min-height:410px;box-shadow:0 5px 11px 2px rgba(0,0,0,0.04)}.wizard-card[data-color="red"] .moving-tab{position:absolute;text-align:center;padding:12px;font-size:12px;text-transform:uppercase;-webkit-font-smoothing:subpixel-antialiased;background-color:#eb1e23;top:-4px;left:0;border-radius:4px;color:#FFF;cursor:pointer;font-weight:500;box-shadow:0 16px 26px -10px rgba(244,67,54,0.56),0 4px 25px 0 rgba(0,0,0,0.12),0 8px 10px -5px rgba(244,67,54,0.2)}.wizard-card[data-color="red"] .picture:hover{border-color:#eb1e23}.wizard-card[data-color="red"] .choice:hover .icon,.wizard-card[data-color="red"] .choice.active .icon{border-color:#eb1e23;color:#eb1e23}.wizard-card[data-color="red"] .form-group .form-control{background-image:linear-gradient(#eb1e23,#eb1e23),linear-gradient(#D2D2D2,#D2D2D2)}.wizard-card[data-color="red"] .checkbox input[type=checkbox]:checked + .checkbox-material .check{background-color:#eb1e23}.wizard-card[data-color="red"] .radio input[type=radio]:checked ~ .check{background-color:#eb1e23}.wizard-card[data-color="red"] .radio input[type=radio]:checked ~ .circle{border-color:#eb1e23}.wizard-card .picture input[type="file"]{cursor:pointer;display:block;height:100%;left:0;opacity:0!important;position:absolute;top:0;width:100%}.wizard-card .picture-src{width:100%}.wizard-card .tab-content{min-height:340px;padding:20px 15px}.wizard-card .wizard-footer{padding:0 15px}.wizard-card .disabled{display:none}.wizard-card .wizard-header{text-align:justify;padding:15px 10px 0px}.wizard-card .wizard-header h1{text-align:center;font-size:1em;padding-bottom:10px;font-family:'Bitter',serif}.wizard-card .wizard-header h5{margin:5px 0 0}.wizard-card .wizard-header p{margin:20px 5px 15px;font-size:17px;letter-spacing:.5px;word-spacing:2px;line-height:20px;font-weight:initial}.wizard-card .nav-pills > li{text-align:center}.wizard-card .btn{text-transform:uppercase}.wizard-card .info-text{text-align:center;font-weight:300;margin:10px 0 30px;font-family:'Bitter',serif;font-size:0.6em;}.wizard-card .choice{text-align:center;cursor:pointer;margin-top:20px}.wizard-card .choice .icon{text-align:center;vertical-align:middle;height:116px;width:116px;border-radius:50%;color:#999;margin:0 auto 20px;border:4px solid #CCC;transition:all .2s;-webkit-transition:all .2s}.wizard-card .choice i{font-size:40px;line-height:111px}.wizard-card .choice:hover .icon,.wizard-card .choice.active .icon{border-color:#2ca8ff}.wizard-card .choice input[type="radio"],.wizard-card .choice input[type="checkbox"]{position:absolute;left:-10000px;z-index:-1}.wizard-card .btn-finish{display:none}.wizard-card .description{color:#999;font-size:14px}.wizard-card .wizard-title{margin:0}.btn.btn-danger{box-shadow:0 2px 2px 0 rgba(244,67,54,0.14),0 3px 1px -2px rgba(244,67,54,0.2),0 1px 5px 0 rgba(244,67,54,0.12)}.btn.btn-danger,.btn.btn-danger:hover,.btn.btn-danger:focus,.btn.btn-danger:active,.btn.btn-danger.active,.btn.btn-danger:active:focus,.btn.btn-danger:active:hover,.btn.btn-danger.active:focus,.btn.btn-danger.active:hover,.open > .btn.btn-danger.dropdown-toggle,.open > .btn.btn-danger.dropdown-toggle:focus,.open > .btn.btn-danger.dropdown-toggle:hover{background-color:#eb1e23;color:#FFF}.btn.btn-danger:focus,.btn.btn-danger:active,.btn.btn-danger:hover{box-shadow:0 14px 26px -12px rgba(244,67,54,0.42),0 4px 23px 0 rgba(0,0,0,0.12),0 8px 10px -5px rgba(244,67,54,0.2)}.btn.btn-danger.disabled,.btn.btn-danger.disabled:hover,.btn.btn-danger.disabled:focus,.btn.btn-danger.disabled.focus,.btn.btn-danger.disabled:active,.btn.btn-danger.disabled.active,.btn.btn-danger:disabled,.btn.btn-danger:disabled:hover,.btn.btn-danger:disabled:focus,.btn.btn-danger:disabled.focus,.btn.btn-danger:disabled:active,.btn.btn-danger:disabled.active,.btn.btn-danger[disabled],.btn.btn-danger[disabled]:hover,.btn.btn-danger[disabled]:focus,.btn.btn-danger[disabled].focus,.btn.btn-danger[disabled]:active,.btn.btn-danger[disabled].active,fieldset[disabled] .btn.btn-danger,fieldset[disabled] .btn.btn-danger:hover,fieldset[disabled] .btn.btn-danger:focus,fieldset[disabled] .btn.btn-danger.focus,fieldset[disabled] .btn.btn-danger:active,fieldset[disabled] .btn.btn-danger.active{box-shadow:none}.btn.btn-danger.btn-simple{background-color:transparent;color:#eb1e23;box-shadow:none}.btn.btn-danger.btn-simple:hover,.btn.btn-danger.btn-simple:focus,.btn.btn-danger.btn-simple:active{background-color:transparent;color:#eb1e23}.nav-pills{background-color:rgba(200,200,200,0.2)}.nav-pills > li + li{margin-left:0}.nav-pills > li > a{border:0!important;border-radius:0;line-height:18px;text-transform:uppercase;font-size:12px;font-weight:500;min-width:100px;text-align:center;color:#555!important}.nav-pills > li.active > a,.nav-pills > li.active > a:hover,.nav-pills > li.active > a:focus,.nav-pills > li > a:hover,.nav-pills > li > a:focus{background-color:inherit}.nav-pills > li i{display:block;font-size:30px;padding:15px 0}@media (max-width: 768px){.main .container{margin-bottom:50px}}@media (min-width: 768px){.navbar-form{margin-top:21px;margin-bottom:21px;padding-left:5px;padding-right:5px}.btn-wd{min-width:140px}}.div-shadow{background-color:#fff;-moz-box-shadow:.5px .5px 3px .5px #e0e0e0cc;-webkit-box-shadow:.5px .5px 3px .5px #e0e0e0cc;box-shadow:.5px .5px 3px .5px #e0e0e0cc;border-bottom:3px solid #ED2027}.section{clear:both;padding:0;margin:0}.col{display:block;float:left;margin:1% 0 1% 1.6%}.col:first-child{margin-left:0}.group:before,.group:after{content:"";display:table}.group:after{clear:both}.group{zoom:1}.span_4_of_4{width:100%}.span_3_of_4{width:74.6%}.span_2_of_4{width:49.2%}.span_1_of_4{width:23.8%}@media only screen and (max-width: 991px){.col{margin:0;padding:10px;}.span_1_of_4,.span_2_of_4,.span_3_of_4,.span_4_of_4{width:50%}}@media only screen and (max-width: 480px){.col{margin:1% 0 2%}.span_1_of_4,.span_2_of_4,.span_3_of_4,.span_4_of_4{width:100%}}.img-number-left{position:relative;height:100px;margin-bottom:-90px}.img-checklist-left{position:relative;height:auto;width:70px;margin-bottom:-68px}.paragraph-right{position:relative;left:70px;padding-right:75px;text-align:justify}.hr-cuk{border-top:1px dashed #e1e1e1;width:80%;text-align:center;position:relative;margin:auto;top:30px;bottom:30px}.img-descriptions{font-weight:initial;font-size:initial;background-color:#f4f4f4;width:100%;padding:15px;text-align:justify;color:#333;min-height:165px;height:auto}@media (min-width:0px) and (max-width:768px){#btn-cari-xs,.p_logo,.p_xs{margin:auto;position:relative}.detailProduct h2,.detailProduct p,div.button,div.wishlist{text-align:center}.media li,.visa li{float:left;list-style:none}.midHead{padding:5px}.p_logo{left:-10px;top:-3px}.p_xs{left:16px}#btn-cari-xs{font-size:24px;color:#fff;top:12px;right:-25px}.detailProduct{margin-top:15px}.detailProduct p{display:block}.media li{margin-right:5px;margin-bottom:5px;padding-left:30px}.visa li{margin-right:-2px}}code{padding:0;font-size:110%;color:#eb1e23;background-color:initial;border-radius:0}.styletoul{background-color:#fafafa;padding:5px 20px 65px}.styletopul{padding:0 30px;font-size:.6em}@media screen and (max-width:595px){.styletopul{padding:0;font-size:.48em;text-align:justify}}