.transition, .transition::before, .transition::after, .transition-children *{ -webkit-transition:all 500ms ease 0ms; -moz-transition: all 500ms ease 0ms; -o-transition: all 500ms ease 0ms; transition: all 500ms ease 0ms;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{ font-weight:700;}
.btn{ box-shadow:none; text-shadow:none; border:0;}
.btn.disabled, .btn[disabled]{ opacity:0.4;}
header{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fc9d27+0,ec6a52+100 */
	/*background: rgb(252,157,39);
	background: -moz-linear-gradient(left,  rgba(252,157,39,1) 0%, rgba(236,106,82,1) 100%);
	background: -webkit-linear-gradient(left,  rgba(252,157,39,1) 0%,rgba(236,106,82,1) 100%);
	background: linear-gradient(to right,  rgba(252,157,39,1) 0%,rgba(236,106,82,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc9d27', endColorstr='#ec6a52',GradientType=1 );*/
}
/*header *, header .btn-link, header .btn-link:focus, header .btn-link:hover{ color:#fff;}*/
.navbar .active >a{ font-weight:700;}
.form-language .list-group-item{ padding:0;}
.form-language .list-group-item:not(:last-child)::after{ content:'|';}
.language-select{ padding-top:15px; padding-bottom:15px; line-height:inherit; border:0;}
.disabled .language-select{ font-weight:700;}
.site-banner{ overflow:hidden;}
.site-banner img, .site-banner picture{/* overflow:hidden; clip:rect(0,0,0,0);*/}
.swiper-pagination-bullet{ background:#fff;}
.swiper-pagination-bullet-active{ background:#c69a6d;}
#search{ margin-bottom:0;}
.breadcrumb{}
.breadcrumb > li{ position:relative; padding:0 8px 0 20px;}
.breadcrumb > li + li::before{
	font-family:"Font Awesome 5 Free"; font-weight:600; font-size:16px;font-size:1.6rem; content:"\f0da"; color:#c69a6d;
	position:absolute; left:4px; top:50%; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%) scaleX(1.8);
}
.breadcrumb > li:last-child{ font-weight:700;}
.breadcrumb > li a{ padding:12px 0;}
.alert a{ border-bottom:1px dashed;}
.alert a:hover{ border-bottom-style:solid;}
.pagination > li > a, .pagination > li > span{ color:#c69a6d; border-color:#eee;}
.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover{ background:none; color:#c69a6d; border-color:#c69a6d;}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover{ border-color:#c69a6d; background-color:#c69a6d;}
.site-title{ margin-bottom:2rem;display:inline-block; vertical-align:middle;}
/*select.form-control, textarea.form-control, input[type="text"].form-control, input[type="password"].form-control, input[type="datetime"].form-control, input[type="datetime-local"].form-control, input[type="date"].form-control, input[type="month"].form-control, input[type="time"].form-control, input[type="week"].form-control, input[type="number"].form-control, input[type="email"].form-control, input[type="url"].form-control, input[type="search"].form-control, input[type="tel"].form-control, input[type="color"]*/.form-control{
	height:40px;height:4rem; border-radius:14px; border:0 none transparent; 
}
.with-hr{ position:relative;}
.with-hr::before{ content:''; position:absolute; z-index:0; width:100%; height:1px; border-bottom:1px solid; left:0; bottom:40%;}
.with-hr >span{ padding:0 1rem; position:relative; z-index:1;}
select.form-control{ -moz-appearance:none;-webkit-appearance:none;appearance:none;}
.input-group{ display:flex; width:100%; align-items:center; align-content:stretch;}
.input-group .input-group-addon, .input-group .form-control, .input-group .input-group-btn{ height:40px;height:4rem; line-height:30px;line-height:3rem; margin:0; width:auto; min-width:0; font-size:inherit;}
.input-group .input-group-addon, .input-group .input-group-btn{ flex:0 1 content;}
.input-group .input-group-addon{ padding:4px 6px;}
.input-group .input-group-addon i{ line-height:inherit;}
.input-group .form-control{ padding:4px 6px; flex:1 1 40%;}
.input-group select.form-control{ padding-left:0.5rem;}
.input-group .input-group-btn{ padding:0;}
.checkbox-inline, .radio-inline{ padding-left:0;}
.checkbox-inline > input[type="checkbox"], .radio-inline > input[type="radio"]{ opacity:0; clip:rect(0,0,0,0); overflow:hidden;}
.checkbox-inline > .icon, .radio-inline > .icon{ margin-right:2px; vertical-align:middle;}
.checkbox-inline > input[type="checkbox"] ~ .icon::before{ content:"\f0c8";}
.checkbox-inline > input[type="checkbox"]:checked ~ .icon::before{ content:"\f14a"; font-weight:900;}
.checkbox-inline > input[type="checkbox"]:disabled ~ .icon::before{ content:"\f146"; opacity:0.2;}
.radio-inline > input[type="radio"] ~ .icon::before{ content:"\f111";}
.radio-inline > input[type="radio"]:checked ~ .icon::before{ content:"\f058"; font-weight:900;}
.radio-inline > input[type="radio"]:disabled ~ .icon::before{ content:"\f056"; opacity:0.2;}
.product-options .radio, .product-options .checkbox{ display:inline-block; margin-right:10px; border:0px solid #fff0; border-radius:14px;}
.product-options .radio label, .product-options .checkbox label{ padding:0.4rem; border:1px solid #ddd;  border-radius:14px;}
.product-options .radio input:checked ~label, .product-options .checkbox input:checked ~label{ background:#f5f5f5;}
.radio label img, .shipping-image img, .well img{ margin-right:0 !important;}
.product-options .radio input[type="radio"], .product-options .checkbox input[type="checkbox"]{ clip:rect(0,0,0,0); overflow:hidden;}
.product-options .radio .img-thumbnail, .product-options .checkbox .img-thumbnail{ border:0; padding:0; border-radius:14px;}
.wishlist .ribbon-container{ position:absolute; top:0; right:0; max-width:100%; padding:1rem 1rem 0 0;}

#ajax_window{ position:fixed; width:100%;width:100vw; height:100%;height:100vh; background:rgba(0,0,0,0.6); top:0; left:0; z-index:100; display:none;}
.ajax-loaded{ opacity:0; -ms-transform:scale(0); -webkit-transform:scale(0); -moz-transform:scale(0); -o-transform:scale(0); transform:scale(0);}
.feedback_container{ display:none;}
.ajax_feedback, .ajax_loading{ opacity:0;}
#ajax_container{ 
	position:absolute; width:80%;width:80vw; height:80%;height:80vh; top:10%;top:10vh;  left:10%;left:10vw;
	background:#fff; border-radius:16px;
}
#ajax_container #ajax_close{ position:absolute; z-index:1; right:0; top:0; color:inherit;}
#ajax_container .feedback_container{ overflow:auto; position:absolute; z-index:0; width:100%; height:94%; bottom:0; left:0; padding:2rem;}
#ajax_container .loading_container{ position:absolute; width:100%; height:90%; top:10%; left:0; display:flex; flex-direction:column; justify-content:center; align-items:center;}
.nambah-mb-2{ margin-bottom:2em;}



body{ font-family:'Heebo', sans-serif; line-height:1.7;}
header{ position:absolute; top:0;left:0; width:100%; background:#ead8b9;}
header.fixed{ position:fixed; z-index:58; width:100%; top:0; left:0; opacity:1; margin-top:0;}
header.fixed.in{ top:-10rem; opacity:0;}
header.fixed.out{ top:-10rem;}
header + .container{ margin-top:9rem;}
.navbar-brand#logo img{ max-width:20rem; max-height:109px;}
header.fixed .navbar-brand#logo img{ max-height:30px;}
.akun{ display: inline-block; width: auto; vertical-align: middle; margin-bottom:0;}
.akun > li{ display:inline-block;}
.akun .cart{ background:rgb(220, 14, 14); color:#fff;}
.social-links li a{ padding:7px 1rem;}
.social-links a[href*="wa.link" i]::before{ content:"\f232";}
.btn{ border-radius:14px; background:rgb(174, 174, 174); color:#fff; padding:1rem 1.5rem;}
.btn:focus,.btn:hover,.btn:active, .btn:active:focus,.btn:active:hover{ color:#fff;}
.btn-default:focus,.btn-default:hover,.btn-default:active, .btn-default:active:focus,.btn-default:active:hover, .btn-default.disabled,.btn-default[disabled]
	{ background:rgb(174, 174, 174); color:#fff;}
.btn-primary, .btn-primary:hover,.btn-primary:focus,.btn-primary:active, .btn-primary:active:focus,.btn-primary:active:hover,
.btn-primary.disabled, .btn-primary.disabled.active, .btn-primary.disabled.focus, .btn-primary.disabled:active, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled], .btn-primary[disabled].active, .btn-primary[disabled].focus, .btn-primary[disabled]:active, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary.active, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover
	{ background:rgb(220, 14, 14); color:#fff;}
.btn-secondary, .btn-secondary:hover,.btn-secondary:focus,.btn-secondary:active, .btn-secondary.disabled,.btn-secondary[disabled]
	{ background:rgb(53, 61, 64); color:#fff;}
.btn-outline, .btn-outline:hover,.btn-outline:focus,.btn-outline:active, .btn-outline.disabled,.btn-outline[disabled]
	{ border:4px solid rgb(255, 255, 255); background:none; color:#fff;}
.btn-outline-primary, .btn-outline-primary:hover,.btn-outline-primary:focus,.btn-outline-primary:active, .btn-outline-primary.disabled,.btn-outline-primary[disabled]
	{ border:4px solid rgb(220, 14, 14); background:none; color:#666;}
.btn-outline-secondary, .btn-outline-secondary:hover,.btn-outline-secondary:focus,.btn-outline-secondary:active, .btn-outline-secondary.disabled,.btn-outline-secondary[disabled]
	{ border:4px solid rgb(53, 61, 64); background:none; color:#666;}
.btn-info.focus, .btn-info:focus, .btn-info:active, .btn-info.active.focus, .btn-info.active:focus, .btn-info.active:hover, .btn-info:active.focus, .btn-info:active:focus, .btn-info:active:hover, .open > .dropdown-toggle.btn-info.focus, .open > .dropdown-toggle.btn-info:focus, .open > .dropdown-toggle.btn-info:hover{ background:rgb(220, 14, 14); }
.btn-lg{ padding:2rem 4rem; font-size:125%; min-width:22rem;}
.btn-link{ background:none;}
.more{ background:rgb(198, 154, 109);}
.with-hr::before{ border-bottom-color:#dfdfdf;}
.with-hr >span{ background:#fff; color:#d4d4d4;}
#content img,#content picture,#content iframe{ max-width:100%;}

.teks-container > * { display:inline-block; line-height:1.2;}
.site-banner{ margin-bottom:2rem;}
.bannertext-panel{ margin:2rem 0; position:absolute; text-align:center; }
.bannertext-container{ font-weight:700; line-height:1.2; font-size:24px;font-size:2.4rem;}
.category-tile{ text-align:center;}
.category-tile .btn{ width:30%; margin:0 1% 2%; height:14rem; padding:0; min-width:0; text-align:center; position:relative; overflow:hidden;}
.category-tile .btn:hover{ background: rgb(198, 154, 109);}
.category-tile .btn::before, .category-tile .btn::after{ content:''; display:block; width:140%; height:140%; position:absolute; top:50%; left:0;
	-ms-transform:translate(-30%,-40%);-webkit-transform:translate(-30%,-40%);-moz-transform:translate(-30%,-40%);-o-transform:translate(-30%,-40%);transform:translate(-30%,-40%);
}
.category-tile .btn::before{ z-index:0;
	background: rgb(229,229,229);
	background: -moz-radial-gradient(center, ellipse cover,  rgba(229,229,229,1) 0%, rgba(174,174,174,1) 70%);
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(229,229,229,1) 0%,rgba(174,174,174,1) 70%);
	background: radial-gradient(ellipse at center,  rgba(229,229,229,1) 0%,rgba(174,174,174,1) 70%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#aeaeae',GradientType=1 );
}
.category-tile .btn::after{ opacity:0; z-index:1;
	background: rgb(198, 154, 109);
	background: -moz-radial-gradient(center, ellipse cover,  rgba(240,220,201,1) 0%, rgba(198,154,109,1) 70%);
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(240,220,201,1) 0%,rgba(198,154,109,1) 70%);
	background: radial-gradient(ellipse at center,  rgba(240,220,201,1) 0%,rgba(198,154,109,1) 70%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ead9c9', endColorstr='#c69a6d',GradientType=1 );
}
.category-tile .btn:hover::after{ opacity:1;}
.category-tile .btn >img, .category-tile .btn >picture, .category-tile .btn .teks-container{ position:absolute; z-index:2;}
.category-tile .btn >img, .category-tile .btn >picture{ bottom:0; left:-30%;/* -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);*/ max-height:100%; width:auto;}
.category-tile .btn .teks-container{ top:50%; left:70%; -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform:translate(-50%,-50%); width:50%; text-align:left;}
.category-tile .btn .teks-container .label-category{ margin-bottom:0.4rem;}
.category-tile .btn .teks-container .label-subcategory{ line-height:1;}
.category-tile .btn small, .category-tile .btn span{ white-space:break-spaces;}
.category-tile .btn small{ display:block;}
.category-tile .btn span{ font-weight:700;}
.subcategory-container{ padding:0 15px;}
.subcat-list .list-group-item{ width:140px; height:140px; border-radius:14px; margin:1rem; padding:0; background-color:#fff;}
.subcat-list .list-group-item a{ width:100%; height:100%; display:block; position:relative;}
.subcat-list .list-group-item a span{ color:#fff; font-weight:700; margin:0; text-shadow:0 0 4rem rgba(0,0,0,0.4);
	position:absolute; top:50%; left:50%; -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform:translate(-50%,-50%);
}
.subcat-title{ display:inline-block; line-height:0.8; font-weight:100; margin-left:1rem; padding-left:1.5rem; border-left:2px solid #666;}
.product-list .list-group-item{ width:16rem; padding:1rem; margin:0.5rem; background:#f8f8f8; border-radius:14px; vertical-align:top; text-align:center;}
.product-list .list-group-item .bg-img{ width:100%; padding-bottom:100%; background-color:transparent;}
.product-list .list-group-item .text-container{}
.product-list .list-group-item b{ display:block; margin-top:6px; height:40px; overflow:hidden; line-height:1.4;}
.product-list .list-group-item a{}
.price, .special{ opacity:0.7;}
.sale .price{ color:red; text-decoration:line-through; }
.more-products{ color:#666;}
.ribbon-container i[class*="heart"]{ color:#dc0e0e;}
.wishlist .list-group-item{ overflow:hidden;}
.wishlist .btn-container{ width:100%; color:#fff; display:flex; flex-flow:row nowrap;}
.wishlist .list-group-item a.btn-danger:hover{ background:#c9302c;}
dd, dt{ line-height:2.4;}
dt{ font-weight:700;}
.img-thumbnail{ border-radius:14px; overflow:hidden; border:0; background:#f8f8f8; padding:1rem 1rem 3rem;}
.input-group{ border-radius:14px; overflow:hidden;}
.input-group >*{ border-radius:inherit;}
/*.input-group >*:first-child{ padding-left:1rem;}
.input-group >*:last-child{ padding-right:1rem;}*/
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control,
.form-control, .form-control:focus{ background:rgb(245, 245, 245); border:1px solid transparent;}
.input-group-addon{ border:1px solid transparent;}
input.form-control:focus, select.form-control:focus, textarea.form-control:focus{ border:1px solid #c69a6d;}
/*input.form-control:invalid, select.form-control:invalid, textarea:invalid{ border:1px dashed #d9534f;}*/
form .feedback{ display:none;}
footer{ background:rgb(35, 31, 32);}
footer img{ max-height:14rem; margin:2rem auto;}
footer .site-title{ font-weight:700; border-width:4px;}
footer .site-title{ margin-bottom:0;}
footer .additional{ line-height:1.2;}

.section-home{ padding-top:3rem; padding-bottom:3rem;}
.home-banner a{ display:block; height:100%;}
#panel_banner .swiper-button-prev i, #panel_banner .swiper-button-next i{ color:#fff;}
/*#panel_search{ background-color:#1a1a18;}
#panel_search h4{ color:#fff; margin-bottom:2rem;}
#panel_search .input-group >*{ border:2px solid #c69a6d;}
#panel_search .input-group >*:first-child{ border-right:0; border-top-right-radius:0; border-bottom-right-radius:0;}
#panel_search .input-group >*:last-child{ border-left:0; border-top-left-radius:0; border-bottom-left-radius:0;}
#panel_search .input-group .input-group-btn:last-child{ padding-right:0;}
#panel_search .form-control{ border-left:0; border-right:0; border-radius:0;}
#panel_search button{ /*background:#fca53e; * /color:#fff;/* border-top-left-radius:0; border-bottom-left-radius:0; * /height:100%;}*/
.category-0 .btn{ border-radius:0;}
#common_home .products{ text-align:center;}
#common_home .products .section-title{ color:#fff; margin-bottom:2rem;}
#common_home .products .btn{ margin:0 0.5rem 1rem 0.5rem;}
#common_home .products .result-panel{ margin:1rem auto;}
#common_home .products.new, #common_home .products.featured{ background-color:rgb(198, 154, 109);}
#common_home .products.new .feedback_container, #common_home .products.featured .feedback_container{ color:#fff;}
#common_home .products.new .btn-outline.active{ background:#fff; color:#c69a6d; font-weight:700;}
#common_home .products.other-category .section-title{ color:inherit;}
#common_home .products.other-category .btn.more{ background-color:rgb(198, 154, 109);}
.category-container{}
.products.other-category .product-list{ margin-bottom:1.5rem;}
.products.other-category .product-list .list-group-item.more{ background-color:rgb(198, 154, 109); color:#fff;}
.products.other-category .category-container:nth-child(2n+1) .product-list .list-group-item.more{ background-color:rgb(174, 174, 174);}
.products.other-category .product-list .list-group-item.more >a{ display:block; position:relative; height:100%;}
.products.other-category .product-list .list-group-item.more >a .teks-container{ position:absolute; top:50%; left:50%;
	-ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform:translate(-50%,-50%);
}
.products.other-category .product-list .list-group-item.more >a .teks-container >small{ display:block;}
.info-page .container{ padding-top:2rem; padding-bottom:3rem; text-align:center; position:relative;}
.info-page.about .container{ position:relative;}
.info-page.about .container-fluid{ padding:0; position:relative;}
.info-page.about .teks-container{ width:100%; top:2rem; right:0; position:absolute;}
.info-page.contact .kiri{ position:relative;}
.info-page.contact .kiri::before{ width:100%; height:100%; content:''; position:absolute; z-index:-1; top:0; left:0; background:url('../image/bg_home_contact.jpg') no-repeat center / cover;}
.location-list .list-group-item{ border-width:0 0 0 4px; border-style:solid; border-color:#aeaeae; border-radius:0;}
.location-list .list-group-item:first-child{ border-color:#c69a6d;}
/*.ngawang{ width:100vw; text-align:center;}
.ngawang .judul{ padding:1rem; margin:0; background:#fca53e; color:#fff;}
.ngawang .bg-img{ width:100%;}*/
#panel_contact{ color:#fff;}
.contact-desc ul{ padding-left:0; list-style:none;}
.contact-desc ul li{ vertical-align:middle; margin-bottom:2rem;}
.contact-desc ul li i{ background:rgb(198, 154, 109); width:4rem; height:4rem; line-height:4rem; text-align:center; border-radius:50%;}
.contact-desc ul li i[class*="fa"]{ margin-right:1rem; color:#fff; vertical-align:middle;}
.map-container{ margin:1rem 0 2rem; overflow:hidden; line-height:0; background-color:#ddd;}
.iframe-container{ background:#ccc;}
body.home footer{ margin-top:0;}
.sidebar-title > i.fa{ line-height:1; font-size:2rem;}
.sidebar-title{ font-weight:700; line-height:1.5; display:block; padding:1.2rem 1.5rem; position:relative;}
.sidebar-title::before{ content:''; width:100%; height:100%; background:rgb(198, 154, 109); position:absolute; left:0; top:0; z-index:-1;}
a.sidebar-title, a.sidebar-title:hover, a.sidebar-title:active, a.sidebar-title:focus{ background:rgb(198, 154, 109); color:#fff; text-decoration:none;}
.sidebar a.active{ font-weight:700;}
.sidebar-dropdown .dropdown-toggle{ position:absolute; z-index:2; top:0; right:0;}
.sidebar-dropdown .dropdown-toggle > i.fa{ color:#c69a6d; line-height:3rem; font-size:2rem;}
.sidebar-dropdown a{ white-space:break-spaces;}
.sidebar-dropdown .dropdown-menu{ position:initial; float:none; padding:0;}
.sidebar-dropdown .dropdown-menu a{ padding-left:5rem;}
.sidebar-dropdown >li >.list-group-item, .sidebar-dropdown >li >.list-group-item:hover, .sidebar-dropdown >li >.list-group-item:focus{ border-radius:0; border-bottom:1px solid #eee; padding-right:3rem;}
.sidebar-dropdown >li >.list-group-item.active{ border-color:#eee;}
.catalog-utility.input-group{ border-radius:0;}
.catalog-utility .input-group-addon, .catalog-utility .form-control/*, .catalog-utility .form-control:focus*/{ background:none; border-radius:0; border-bottom:1px solid #eee;}
.catalog-utility .input-group-addon:first-child{ padding-left:0;}
/*.catalog-utility .input-group-addon .btn-link:last-child{ padding-right:10px;}*/
.catalog-utility .input-group-addon{ color:#ccc;}
.catalog-utility .input-group-addon .btn{ padding:0;}
.catalog-utility .input-group-addon i{ font-size:2rem;}
.catalog-utility .input-group-addon i{ color:#c69a6d; padding:0;}
.catalog-utility .input-group-addon + select.form-control{ padding-left:0;}
#product_product .kiri .thumbnails{ overflow-y:hidden;}
#product_product .thumbnails img{ border-radius:8px;}
#product_product .kanan dl dd{ margin-bottom:1.5rem;}
#product_product #content .control-label{ font-weight:700;}
.btn-wishlist{ padding:1.3rem 2rem; line-height:23px; margin-right:1rem;}
.btn-wishlist .icon-container{ position:relative; display:inline-block;}
.btn-wishlist .icon-container .fa-list-ul, .btn-wishlist .icon-container .fa-heart{ position:absolute;}
.btn-wishlist .icon-container .fa-clipboard{ font-size:34px;}
.btn-wishlist .icon-container .fa-list-ul{ font-size:13px; top:13px; left:6px;}
.btn-wishlist .icon-container .fa-heart{ font-size:16px; top:24px; right:-5px; text-shadow:-1px -3px 0 #aeaeae, -2px 2px 0 #aeaeae; }
.wishlist .tothrash, .wishlist .tocart{ padding-left:0; padding-right:0;}
.wishlist .tothrash{ flex:0 0 4rem; padding-top:0.7rem;}
.wishlist .tocart{ flex:1 0 auto;}
.bg-ico{ min-width:5rem; padding-top:4.4rem; display:inline-block; vertical-align:top; background-repeat:no-repeat; background-size:auto; background-position:top center; text-transform:capitalize; text-align:center; margin-top:1rem;}
.bg-ico:not(:first-child){ margin-left:4rem;}
.panel-related{ margin-top:2rem;}
.already{ margin-bottom:2rem;}
.already a{ color:#f00; font-weight:700;}
body.about #content{ padding-left:0; padding-right:0;}
body.about #content >.site-title{ display:none;}
body.about #content table{ border:0; text-align:center; margin-bottom:0;}
body.about #content tr:nth-child(2n+1){ position:relative;}
body.about #content tr:nth-child(2n+1)::before{ height:100%; top:0; left:0; position:absolute; z-index:-1; content:''; width:100%; background:#f8f8f8;}
body.about #content tr:first-child::before{ background:none;}
body.about #content tr td{ padding:0 1.5rem; line-height:inherit; border:0;}
body.about #content td p{ text-align:justify;}
body.about #content td:first-child p{ margin-bottom:0;}
body.about #content td img{ display:block; margin:0 auto; max-width:100%;}
body.about footer{ margin-top:0;}
body.category .product-list{ margin:2rem auto 3rem;}
#product_search #button-search{ margin-top:0.5rem;}
body.account form{ margin-top:2rem;}
body.account.edit form .control-label, body.account.password form .control-label, body.account.address form .control-label{ text-align:left; padding-right:0;}
body.account.edit form .form-control, body.account.password form .form-control, body.account.address form .form-control{ padding-left:0; padding-right:0; background:none; border:0; border-radius:0; border-bottom:1px solid #eee;}
#checkout_cart form{ margin-top:5rem; margin-bottom:3rem;}
#checkout_cart .qty-container, #checkout_cart .btn-remove{ margin-top:2rem;}
#checkout_cart .qty-container .btn{ padding-left:2.5rem; padding-right:2.5rem;}
#checkout_cart form .form-group hr{ margin-top:3rem;}
.checkout.success #content, .checkout.failure #content{ text-align:center;}
.checkout.success .success-title, .checkout.failure .success-title{ padding-top:20rem; position:relative;}
.checkout.success .success-title::before, .checkout.failure .success-title::before{ position:absolute; top:0; left:0; width:100%; height:100%; content:''; background-position:top center; background-size:auto; background-repeat:no-repeat;}
.checkout.success .success-title::before{ background-image:url("../image/bg_thumb.png");}
.checkout.failure .success-title::before{ background-image:url("../image/bg_failed.png");}
.checkout.success .btn-container .btn, .checkout.failure .btn-container .btn{ margin:1.6rem 0.8rem 0;}
.account.order .price{ color:#c69a6d;}
.account .panel{ border-radius:10px; box-shadow:2px 3px 4px rgba(0,0,0,0.16); border-color:#eee;}
.account .panel-heading{ background:#fff0; border-color:#eee;}
.account .panel .status{ border-right:1px solid #eee; padding-right:1rem;}
.account .panel .tombol{ margin-top:1rem;}
.bm-category-info .title{ margin-bottom:2.5rem;}
.bm-categories{ margin-bottom:3rem;}
.bm-posts .bm-grid-item { margin-bottom:1.6rem;}
.bm-posts .post-thumb{ position:relative;}
.bm-posts .post-overlay{
	position:absolute; top:0; left; width:100%; height:100%; display:flex; flex-flow:column nowrap; justify-content:flex-end; color:#fff; padding:1rem; overflow:hidden;
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 20%, rgba(0,0,0,0.24) 100%);
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 20%,rgba(0,0,0,0.24) 100%);
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 20%,rgba(0,0,0,0.24) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#3d000000',GradientType=0 );
}
.bm-posts .post-overlay a, .bm-posts .post-overlay a:focus,.bm-posts .post-overlay a:hover{ color:#fff;}
.bm-posts .post-thumb-heading .title{ margin-top:0.6rem;}
#blog_post .heading .image{ margin:2rem auto 3rem;}
#blog_post .content p{ margin-bottom:2rem; line-height:;}
.post-related .title{ margin-bottom:2.5rem;}
.bm-posts .post-thumb-heading .title{ margin-bottom:0.5rem;}
.post-nav-right{ float:right;}


@media (max-width: 1199px) {
	#panel_banner .category-tile{ display:none;}
	.category-tile .btn .teks-container{ font-size:80%;}
	.product-list .sale .price, .product-list .sale .special{ font-size:70%;}
	.wishlist .btn-container{ width:calc(100% + 2rem); margin:0 0 -1rem -1rem;}
}
@media (max-width: 991px) {
	.footer-categories{ display:none;}
	.category-tile .btn >img, .category-tile .btn >picture{ left:-30%;}
	/*.ngawang .bg-img{ padding-bottom:40%;}
	#panel_carousel .swiper-pager{ display:block; opacity:0.1; z-index:1;}
	#panel_carousel .swiper-viewport .swiper-button-prev, #panel_carousel .swiper-viewport .swiper-button-next{ opacity:0.7;}*/
	.info-page.about .img-responsive{ /*margin-top:15rem;*/}
	.info-page.about .teks-container{ text-align:center;}
	body.about #content tr >td{ max-width:750px; margin:0 auto;}
	body.about #content tr >td{ display:block; width:100%;}
	body.about #content tr td:first-child{ padding-top:2rem;}
	body.about #content tr td:last-child{ padding-bottom:2rem;}
	.bm-grid .col-xs-6:nth-child(2n+1){ padding-right:0.8rem;}
	.bm-grid .col-xs-6:nth-child(2n){ padding-left:0.8rem;}
	.post-related .bm-grid-item:nth-child(3){ display:none;}
	#product_product .thumbnails .image-additional{ width:19%;}
	
}
@media (max-width: 767px) {
	.h1, h1{ font-size:30px;font-size:3.0rem;}
	.h2, h2{ font-size:28px;font-size:2.8rem;}
	.h3, h3{ font-size:24px;font-size:2.4rem;}
	.navbar-brand#logo{}
	header .navbar-collapse{ 
		background:#ead8b9;/*background: rgb(255,255,255);*/
		/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fc9d27+0,ec6a52+100 */
		/*background: rgb(252,157,39);
		background: -moz-linear-gradient(left,  rgba(252,157,39,1) 0%, rgba(236,106,82,1) 100%);
		background: -webkit-linear-gradient(left,  rgba(252,157,39,1) 0%,rgba(236,106,82,1) 100%);
		background: linear-gradient(to right,  rgba(252,157,39,1) 0%,rgba(236,106,82,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc9d27', endColorstr='#ec6a52',GradientType=1 );*/
	}
	.navbar-toggle .icon-bar{ width:28px; height:3px; background-color:#444;}
	.navbar-toggle .icon-bar + .icon-bar{ margin-top:6px;}
	.navbar-collapse{ position:absolute; width:100%;}
	.lang-socmed{ text-align:right;}
	.lang-socmed.visible-xs-block{ padding:0 10px;}
	/*.site-banner{ background-position:center top;}*/
	.navbar-brand#logo img{ max-height:3rem;}
	.site-banner img, .site-banner picture{ width:50%; height:auto;}
	.form-language{ padding-right:5px;}
	.form-language .list-inline{ text-align:right;}
	.social-links .nav > li{ display:inline-block; vertical-align:middle;}
	header .form-language, header .social-links{ display:inline-block; vertical-align:middle;}
	header .social-links .navbar-nav{ margin:0 0 0 2rem;}
	#column-left{ margin-bottom:1rem;}
	.sidebar-dropdown{ display:none;}
	
/*	body.home header{ position:absolute; width:100%; top:0; left:0; z-index:101;}
	body.home header{ background:none;}*/
	body.home .form-language, body.home .social-links{ display:block;}
	body.home #main-navbar > .navbar-nav.akun{ float: right; margin-right: 0;}
	body.home .lang-socmed{ float:right; height:0;}
	body.home header .social-links{ float:right; width:54px; margin-right:15px; margin-top:15px;}
	body.home header .social-links .navbar-nav{ margin:0 2px 20px 0; border-right:2px solid #666;}
	body.home header .social-links .navbar-nav li:first-child{ margin-top:-8px;}
	body.home header .social-links .navbar-nav li:last-child{ margin-bottom:-12px;}
	body.home header .social-links li a{ line-height:25px;}
	.bannertext-panel{ width:80%; right:10%; bottom:5rem;}
	#common_home .products .btn{ display:block; max-width:29rem; margin:0 auto 1rem auto;}
	.product-list{ text-align:center;}
	.contact-desc{ text-align:center;}
	#checkout_cart .img-container, #checkout_cart .detail-container, #checkout_cart .price-container{ text-align:center;}
	.bm-posts .post-thumb-heading .date-published{ font-size:1.1rem;}
	.bm-posts .post-thumb-heading .title{ font-size:1.4rem; margin-top:0; margin-bottom:0.5rem;}
	.bm-posts .post-thumb-footer{ display:none;}
}
@media (max-width: 575px) {
	.bannertext-panel{ width:70%; right:15%;}
	.product-list .list-group-item{ width:15rem;}
	.category-0{ max-width:33rem;}
	.category-tile .btn{ width:47%; margin:0 1% 3%;}
	#checkout_cart .btn-remove{ display:block; width:100%;}
}

@media (min-width: 576px) {
	footer .social-links{ display:inline-block; vertical-align:middle;}
	footer .social-links .navbar-nav{ margin:0 0 0 2rem;}
	#btn_shipping, #btn_wa{ width:360px; margin-left:auto; margin-right:auto; padding-left:1rem; padding-right:1rem;}
	.category-0{ max-width:50rem; margin-bottom:1rem;}
	body.about #content td img{ max-width:420px;}
	body.about #content tr:first-child td img{ max-width:100%;}
	body.about #content tr:first-child td:last-child{ padding:1rem 1.5rem 2rem;}
}
@media (min-width: 768px) {
	.h4, h4{ font-size:20px;font-size:2.0rem;}
	header:not(.fixed){ padding:2rem 0 0rem;}
	.navbar-header{ width:20%; width:19vw;}
	#main-navbar{ padding:0; float:right; width:80%; width:79vw;}
	#main-navbar >.navbar-nav{ width:60%; width:59vw; text-align:center;}
	#main-navbar >ul > li{ float:none; display:inline-block; vertical-align:middle;}
/*	#main-navbar >ul >li:not(:last-child){ position:relative;}
	#main-navbar >ul >li:not(:last-child)::after{ content:'|'; position:absolute; top:14px; right:-3px; }*/
	.lang-socmed{ text-align:right; float:right; width:20%; width:18vw; padding-right:1rem;}
	.lang-socmed .form-language, .lang-socmed .social-links{ display:inline-block; width:auto; vertical-align:middle;}
	.lang-socmed .form-language{ margin-right:2rem;}
	.akun{ float: none !important;}
	header .dropdown-menu{
		background:#ead8b9;/*background: rgb(255,255,255);*/
		/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fc9d27+0,ec6a52+100 */
		/*background: rgb(252,157,39);
		background: -moz-linear-gradient(left,  rgba(252,157,39,1) 0%, rgba(236,106,82,1) 100%);
		background: -webkit-linear-gradient(left,  rgba(252,157,39,1) 0%,rgba(236,106,82,1) 100%);
		background: linear-gradient(to right,  rgba(252,157,39,1) 0%,rgba(236,106,82,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc9d27', endColorstr='#ec6a52',GradientType=1 );*/
	}
	header .dropdown-container .dropdown-container{ position:relative;}
	header .dropdown-container .dropdown-container .dropdown-toggle .fa{ float:right;}
	header .dropdown-container .dropdown-container.open .dropdown-toggle .fa{ transform:rotate(90deg);}
	header .dropdown-container .dropdown-container .dropdown-menu{ left: 100%; top: -2px;}
	header + .container{ margin-top:17rem;}
	.site-banner{ margin-bottom:4rem;}
/*	.product-list .list-group-item{ width:22rem; margin:0 2rem 2rem 0;}*/
	footer .site-title{ margin-bottom:0;}
	
/*	body.home header{ position:relative;}*/
	body.home .navbar-header{ width:100%; text-align:center;}
	body.home .navbar-header .navbar-brand{ float:none;}
	body.home header.fixed .navbar-brand#logo{ position: absolute; left: 0; top:0;}
	body.home #main-navbar, body.home #main-navbar >.navbar-nav{ width:100%; width:100vw;}
	body.home #main-navbar{ border:0;/*border:1px solid #ddd; border-left:0; border-right:0;*/}
	body.home #main-navbar > .navbar-nav.akun{ width: auto; position: absolute; bottom: 0; right: 130px;}
	body.home #main-navbar > .navbar-nav.akun li{ margin-left:0;}
	body.home .lang-socmed{ bottom:1px; position:absolute; z-index:100; right:0;}
	#common_home{ margin-top:212px;}
	.bannertext-panel{ width:50%; right:25%; top:30%; bottom:0; margin:4rem 0;}
	.bannertext-container{ max-width:50%; float:right;}
	#common_home .products .section-title{}
	#common_home .products .result-panel{ margin-top:2rem;}
	.contact-desc ul li{ display:inline-block; width:49%;}
	.sidebar{ /*margin-top:1.4rem;*/}
	.sidebar-title{ pointer-events:none;}
	.sidebar-title >i{ display:none;}
	.catalog-utility .input-group-addon:last-child{ padding-right:0;}
	#product_product .product-list{ text-align:center;}
	#checkout_cart .price-container{ text-align:right;}
	#checkout_cart .btn-remove{ float:right;}
	.bm-posts .post-thumb-heading .title{ line-height:1.2;}
	.bm-posts .post-thumb-footer{ margin-bottom:1rem;}
}
@media (min-width: 992px) {
	/*body{ font-size:16px;font-size:1.6rem;}*/
	.form-control{ font-size:16px;font-size:1.6rem;}
	h1,.h1, h2,.h2, h3,.h3{}
	.btn{ padding:1rem 3rem;}
	.btn-lg{ padding:2.2rem 6rem; margin-top:1rem;}
	.btn-wishlist{ padding:1.7rem 2.5rem; margin-top:1rem;}
	header{ }
	header .navbar-nav{ float:left;}
	header .lang-socmed{ float:right;}
	header .form-language, header .social-links{ display:inline-block; vertical-align:middle;}
	.container{ max-width:1024px;}
	.site-banner img, .site-banner picture{ max-height:50rem;}
	.site-title{ }
	.category-tile .btn{ height:22rem;}
	.category-container .site-title{ margin-bottom:2rem;}
	.category-tile .btn .teks-container{ font-size:100%;}
	.product-list .list-group-item{ margin:0 1rem 2rem 1rem;}
	.footer-product{ position:relative; vertical-align:top; text-align:left;}
	.footer-categories{ list-style:none; text-transform:capitalize; font-weight:400; padding-left:0; margin-top:1rem;}
	.footer-categories a{ padding:4px 0; line-height:2;}
	footer .site-title{ /*margin-bottom:1rem;*/}
	footer .social-links{ display:inline-block; vertical-align:middle;}
	.copyright, .blogname{ display:inline-block; vertical-align:middle;}
	
	body.home .lang-socmed{ bottom:5px;}
	.bannertext-container{ font-size:36px;font-size:3.6rem;}
	.section-home{ padding-top:7rem; padding-bottom:7rem;}
	.category-0{ max-width:77rem;}
	.info-page.about{ position:relative;}
	.info-page.about .img-responsive{ opacity:0;/*float:left;*/}
	.info-page.about .teks-container{ width:50%; top:50%; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);}
	.info-page.contact{ position:relative;}
	.info-page.contact .kiri{ position:absolute; width:100%; height:100%;}
	.info-page.contact .kiri::before{ width:50%;}
	.info-page.contact .kiri .container{ position:absolute; top:50%; left:50%; -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
	.info-page.contact .kiri .teks-container{ width:48%; text-align:left;}
	.info-page.contact .kanan{ width:50%; margin-left:50%;}
	.list-group.inline.location-list .list-group-item{ margin-top:3rem; display:block;}
	.location-list .address{ margin-top:0.4rem;}
	/*#panel_search{ background:url("../image/bg_search.jpg") no-repeat center / cover;}
	.ngawang{ height:360px; width:90%; width:calc(100% - ( (100% - 940px) *0.5 ) ); position:relative;}
	.ngawang .bg-img{ height:100%;}
	.ngawang .judul{ width:360px; position:absolute; top:100%;}
	.ngawang.pull-right .judul{ left:0; transform-origin:top left; -ms-transform:rotate(-90deg); -webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg); -o-transform:rotate(-90deg); transform:rotate(-90deg);}
	.ngawang.pull-left .judul{ right:0; transform-origin:top right; -ms-transform:rotate(90deg); -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -o-transform:rotate(90deg); transform:rotate(90deg);}
	#panel_carousel .swiper-viewport{ margin:2rem auto;}*/
	#panel_contact .section-home{ padding-bottom:3rem;}
	.contact-desc{ margin:3rem auto;}
	.bg-ico:not(:first-child){ margin-left:6rem;}
	.btnshipping-container, .btnwa-container{ text-align:center;}
	.panel-related{ margin-top:4rem;}
	.product-list.related{ margin-top:2rem;}
	body.about #content tr{ display:flex; flex-flow:row nowrap; justify-content:center; align-items:center;}
	body.about #content tr:nth-child(2n+1)::before{ height:70%; top:15%;}
	body.about #content tr td{ flex:0 1 485px;}
	body.about #content tr:nth-child(2n+1){ flex-flow:row-reverse nowrap;}
	body.about #content tr:first-child{ flex-wrap:wrap;}
	body.about #content tr:first-child td{ flex-grow:0; flex-basis:970px;}
	body.about #content tr td:last-child{ padding:6rem 1.5rem;}
	body.about #content tr:first-child td:last-child{ padding:1rem 1.5rem 2rem; flex-basis:60rem;}
	body.category .product-list{ margin-bottom:4rem;}
	body.account form{ max-width:640px; max-width:64rem; margin-top:4rem;}
	.wishlist .tothrash{ padding-top:1rem;}
	#checkout_cart .btn-remove{ padding-left:1.5rem; padding-right:1.5rem;}
	.account.order #content .panel{ max-width:960px;max-width:96rem;}
	#account_order_info .panel.products .total{ text-align:right;}
	.bm-posts .bm-grid-item { margin-bottom:3rem;}
}
@media (min-width: 1200px) {
	.h1, .h2, .h3, h1, h2, h3{ margin-bottom:1.5rem;}
	/*header + .container{ margin-top:22rem;}*/
	.container{ width:1024px;}
	.site-title{ margin-bottom:3rem;}
	.form-control{ height:46px;}
	.input-group .input-group-addon, .input-group .form-control, .input-group .input-group-btn{ height:50px; line-height:40px;}
	.input-group .btn{ height:50px;}
	.btn-lg{ min-width:32rem;}
	.category-tile .btn{ height:28rem;}
	.category-tile .btn .teks-container .label-subcategory{ font-size:120%;}
	.subcat-list .list-group-item{ width:220px; height:220px; border-radius:16px;}
	.product-list .list-group-item{ width:22%; width:calc(25% - 2rem);}
	footer{ margin-top:6rem; padding-top:50px; padding-bottom:40px;}
	
	.navbar-brand{ padding: 10px;}
	header.fixed .navbar-brand#logo img{ max-height:45px;}
	#main-navbar .navbar-nav > li > a{ font-size:20px;}
	body:not(.home) header:not(.fixed) #main-navbar{ padding-top:2rem;}
	#common_home{ margin-top:28rem;}
	.site-banner{ margin-bottom:6rem;}
	.bannertext-panel{ bottom:4rem;}
	.bannertext-container{ font-size:45px;font-size:4.5rem;}
	.section-home{ padding-top:10rem; padding-bottom:10rem;}
	/*#panel_search .input-group >*{ height:48px; line-height:36px;}*/
	#panel_banner .category-tile{ position:absolute; z-index:2; width:23%; bottom:0;}
	#panel_banner .category-tile.kiri{ left:2%;}
	#panel_banner .category-tile.kanan{ right:3%;}
	#panel_banner .category-tile .btn{ height:11rem; width:100%; margin:0 0 1rem;}
	#panel_banner .category-tile .btn::before, #panel_banner .category-tile .btn::after { width:50%;}
	#panel_banner .category-tile .btn >img{ left:0;}
	.category-0{ max-width:97rem;}
	#panel_banner{ position:relative;}
	#common_home .product-list .list-group-item{ width:17%; width:calc(20% - 2rem);}
	#common_home .products .section-title{ margin-bottom:3rem;}
	#common_home .products .result-panel{ margin-top:3rem;}
/*	#common_home .products.featured .title-container, #common_home .products.featured .list-container{ float:left;}*/
	#common_home .products.featured .title-container, #common_home .products.featured .list-container{ display:inline-block; vertical-align:middle;}
	#common_home .products.featured .title-container{ width:20%; width:calc(20% - 2rem); margin-right:2rem;}
	#common_home .products.featured .list-container{ width:80%;}
	#common_home .products.featured .list-group-item{ width:22%; width:calc(25% - 2rem);}
	.contact-desc ul li{ width:24%;}
	.catalog-utility{ margin-top:2rem;}
	.wishlist .ribbon-container{ font-size:2.2rem;}
	.wishlist .btn-container{ position:absolute; bottom:-50px; right:0;}
	.wishlist .list-group-item:hover .btn-container{ bottom:0;}
	.wishlist .tothrash{ flex-basis:5rem;}
	#product_product .thumbnails .image-additional{ width:21%;}
	#product_product .kanan{ padding-left:7rem;}
	body.about #content tr td{ flex-basis:585px;}
	body.about #content tr:first-child td{ flex-basis:1170px;}
	body.about #content tr td:last-child{ padding:12rem 1.5rem;}
	body.about #content tr:first-child td:last-child{ padding:2rem 1.5rem 3rem;}
	.information #content p, .d_blog_module #content p{ text-align:justify; text-align-last:center;}
	body.account.edit form .control-label, body.account.password form .control-label, body.account.address form .control-label{ padding-top:10px;}
	.post-related{ margin-bottom:2rem;}
	.bm-posts .post-thumb-heading .date-published{ font-size:2rem;}
	.bm-posts .post-thumb-footer{ opacity:0; height:0;}
	.bm-posts .post-thumb .post-thumb-footer .read-more{ font-size:2rem;}
	.bm-posts .post-thumb:hover .post-thumb-footer{ opacity:1; height:7rem;}
	#blog_post .heading .image{ margin: 3rem auto 4rem;}
	.bm-post-nav .post-nav a{ font-size:20px;}
	.bm-post-nav .post-nav a .fa-caret-left{ transform:scale(2,1.5) translateX(2px); margin-right:14px;}
	.bm-post-nav .post-nav a .fa-caret-right{ transform:scale(2,1.5) translateX(-2px); margin-left:14px;}
}
@media (min-width: 1600px) {
	body{/* font-size:18px;font-size:1.8rem; line-height:2.2;*/}
	.h1, .h2, .h3, h1, h2, h3{ margin-bottom:2rem;}
	.h1, h1{ font-size:48px;font-size:4.8rem;}
	.h2, h2{ font-size:36px;font-size:3.6rem;}
	.h3, h3{ font-size:28px;font-size:2.8rem;}
	.h4, h4{ font-size:22px;font-size:2.2rem;}
	p{ margin-top:1rem; margin-bottom:3rem;}
	.btn-lg{ margin-top:2rem;}
	.btn-wishlist{ margin-top:2rem; margin-right:2rem;}
	.navbar-brand{ line-height:2;}
	.navbar-header{ padding-left:3rem;}
	body:not(.home) header:not(.fixed) #main-navbar{ padding:2.5rem 3rem 0rem 0;}
	#main-navbar > ul > li{ margin-left:3rem;}
	#main-navbar > ul > li:not(:last-child)::after{ right:-19px;}
	/*header + .container{ margin-top:17rem;}*/
	.site-main{ max-width:170rem; margin-left:auto; margin-right:auto;}
	#column-left{ width:19%; padding-right:2%;}
	#column-left + #content{ width:81%;}
	.sidebar-dropdown .dropdown-toggle > i.fa{ line-height:3.4rem;}
	.category-0{ max-width:110rem;}
	.category-tile .btn{ height:32rem;}
	.category-tile .btn .teks-container{ font-size:120%;}
	.product-list{ max-width:170rem; margin-left:auto; margin-right:auto;}
	.product-list .list-group-item{ max-width:32rem; padding:2rem;}
	.product-list .list-group-item a.more{ font-size:86%;}
	.product-list .list-group-item b{ height:48px; margin-top:12px;}
	footer{ margin-top:10rem; padding-top:70px; padding-bottom:60px;}
	footer .site-links{ margin-top:2rem;}
	footer .site-title, footer .social-links{ margin-top:3rem; margin-bottom:3.5rem;}
	footer .social-links{ margin-left:2rem;}
	
	body.home header.fixed .navbar-brand#logo{/* top: 5px;*/}
	/*body.home header .lang-socmed{ bottom:1.2rem;}*/
	#common_home{ margin-top:213px;}
	.bannertext-container{ font-size:54px;font-size:5.4rem;}
	#panel_banner .category-tile{ bottom:16rem;}
	#panel_banner .category-tile .btn{ height:14rem;}
	.section-home{ padding-top:14rem; padding-bottom:14rem;}
	#common_home .products.featured .title-container{ max-width:32rem;}
	#common_home .products.featured .list-container{ max-width:136rem;}
	.list-group.inline.location-list .list-group-item{ margin-top:5rem;}
	/*
	.info-page{ margin-top:12rem;}
	.ngawang{ height:600px;}
	.ngawang .judul{ width:600px; font-size:80px;font-size:8rem;}
	#panel_carousel .swiper-viewport{ margin:4rem auto;}
	#product_category #column-left{ width:20%;}
	#product_category #content{ width:80%;}
	.panel-related{ margin-top:7rem;}
	.panel-calculator{ margin-top:2rem;}*/
	body.about #content tr:nth-child(2n+1)::before{ height:60%; top:20%;}
	body.about #content tr td:last-child{ padding:16rem 1.5rem;}
	body.about #content tr:first-child td:first-child{ margin:0 10%;}
	body.about #content tr:first-child td:last-child{ padding:8rem 1.5rem 0rem; margin:0 10%;}
	body.category .product-list{ margin-bottom:6rem;}
	.wishlist .ribbon-container{ font-size:3rem; padding:2rem 2rem 0 0;}
	.wishlist .btn-container{ bottom:-60px;}
	.wishlist .tothrash{ padding-top:1.6rem; padding-bottom:1.6rem; flex-basis:6rem;}
	.bm-category-info .title{ margin-bottom:7.5rem;}
	#blog_post .heading .image{ margin: 5rem auto 5rem;}
	.post-related{ margin-bottom:4rem;}
	.post-related .title{ margin-bottom:8rem;}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.category-tile .btn > img, .category-tile .btn > picture{ left:-10%;}
}


/* animasi */
.bannertext-container{ opacity:0; transform:scaleY(0);}
.breadcrumb li{ opacity:0; -ms-transform:translate(-20px,0); -webkit-transform:translate(-20px,0); -moz-transform:translate(-20px,0); -o-transform:translate(-20px,0); transform:translate(-20px,0);}
.site-title,/*{ opacity:0; transform:scale(0);}*/
#content p:not([style*="opacity" i]):not([animate]), #content span:not([style*="opacity" i]):not([animate]), #content li:not([style*="opacity" i]):not([animate]), #product_product dt:not([style*="opacity" i]):not([animate]), #product_product dd:not([style*="opacity" i]):not([animate]), #product_product label:not([style*="opacity" i]):not([animate]), #product_product input:not([style*="opacity" i]):not([animate])
	{ opacity:0; -ms-transform:translate(0,20px); -webkit-transform:translate(0,20px); -moz-transform:translate(0,20px); -o-transform:translate(0,20px); transform:translate(0,20px);}
#content img:not([style*="opacity" i])
	{ opacity:0; -ms-transform:scale(0.8); -webkit-transform:scale(0.8); -moz-transform:scale(0.8); -o-transform:scale(0.8); transform:scale(0.8);}
body[class*="checkout"] #content p, body[class*="checkout"] #content span, body[class*="checkout"] #content li, body[class*="checkout"] #content img,
body[class*="account"] #content p, body[class*="account"] #content span, body[class*="account"] #content li, body[class*="account"] #content img
	{ opacity:1 !important;  -ms-transform:none !important; -webkit-transform:none !important; -moz-transform:none !important; -o-transform:none !important; transform:none !important;}


#panel_search .container{ opacity:0; -webkit-filter:blur(6px); filter:blur(6px);}
#product_category .subcat-list .list-group-item{ opacity:0; transform:scale(0);}
#product_category .product-list .list-group-item{ opacity:0; transform:scale(0);}
#panel_contact{ overflow:hidden;}
.store-desc{ opacity:0; transform:translateY(-50%);}
.contact-desc{ opacity:0; transform:scaleY(0);}
.map-container{ opacity:0; transform:scale(0);}
.contact-form-container{ opacity:0; transform:translateY(50%);}
.sidebar .sidebar-title{ opacity:0; transform:translateX(-100%);}
@media (min-width: 768px) {
	.panel-category .sidebar-dropdown >li{ opacity:0; transform:scaleY(0); transform-origin:top left;}
}
/* */