@font-face{font-family:'Gotham';font-style:normal;font-weight:300;src:url('../font/GothamBook.ttf') format('truetype');}
#colorwarning{font-size:10px;font-style:italic;color:#707070;}
#contact-form{margin-bottom:85px;}
.bx-wrapper{max-height:413px !important;overflow:hidden !important;}
.small-block-grid-6 > li .th{border-radius:0px !important;}
*{outline:none;}
html{font-size:90%;}
body{font-family:'Gotham', Helvetica, Roboto, Arial, sans-serif;}
h1, h2, h3, h4, h5, h6{font-family:GothamBold, Helvetica, Roboto, Arial, sans-serif;font-weight:bold;}
p{font-family:'GothamBook', Helvetica, Roboto, Arial, sans-serif;}
b{font-family:'GothamBold', Helvetica, Roboto, Arial, sans-serif;}
strong{font-family:'GothamBold', Helvetica, Roboto, Arial, sans-serif;}
button.radius, .button.radius{border-radius:5px;}
button, .button{background-color:#F3C939;border-color:#F3C939;color:white;transition:none;}
button:hover, button:focus, .button:hover, .button:focus{background-color:#F3C939;color:#FFF;}

.text-uppercase { text-transform: uppercase; }

.product .thumbnail a img {
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

input[type="file"], input[type="checkbox"], input[type="radio"], select {margin:0px;}

.product .thumbnail a:hover img {
	opacity: 0.5;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

.memberright {display:block;}
.cartmobile {display:none;}

.membercentermobile {display:none;}


.cartmobile {    
	padding-left: 10px;
    padding-right: 10px;
    padding-top: 4px;
    padding-bottom: 4px;
    border: 2px solid #757575;
    width: 200px;
    margin: auto;
    margin-top: 10px;
    margin-bottom: 10px;}

.cartmobile a {     color:#757575; font-weight:bold;font-family: Gotham-Bold; }

.instruction_center {margin:auto; margin-top:10px;max-width:895px;}
.instruction_center img {margin:auto; display:block; text-align:center;}

.descriptionhomeleft{width:40%;float:left;margin-top:10px;}
.descriptionhomeleft img{width:100%;}
.descriptionhomeright{width:58%;float:left;text-align:left;padding-left:25px;}
.autocomplete-suggestion b { font-weight: normal; color: #F3C939; font-family:'Gotham', Helvetica, Roboto, Arial, sans-serif;}
.autocomplete-suggestion i { font-weight: lighter; font-size: 11px; }
#pricelist .availability {     font-size: 12px;padding: 5px 5px; position:relative; text-align:center; margin-top: -12px; color:black; background:none;}

.patterntabs .product .button {margin-left:-51px; left:50%;top:45%;}
.patterntabs .product .btn-view {margin-top:-30px;}
.patterntabs .product .btn-addtocart {margin-top:10px;}

.trashcanibutton {width:50px; height:50px;padding:0px;}
.trashcanibutton img {width:50px; height:50px;}
.mobileonly {display:none;}

.stepscarapembelian {margin-top:10px; margin-bottom:10px;}
.stepscarapembelianleft {float:left; width:50%;}
.stepscarapembelianright { float:right; width:50%;}

/*
ul.col-grid{-webkit-column-count:4;-webkit-column-gap:10px;-webkit-column-fill:auto;column-count:4;column-gap:10px;column-fill:auto;}
ul.col-grid>li{width:auto;-moz-break-inside: avoid-column; -webkit-break-inside: avoid-column; break-inside: avoid-column;}
ul.col-grid>li:nth-of-type(5n+1){display:inline-block;max-width:253px;margin:0 2px 6px;float:none;}
ul.col-grid>li:nth-of-type(1n){display:inline-block;margin:0 2px 6px;max-width:250px;padding:0px;padding-bottom:0px;padding-top:1px;float:none;}
*/
ul.col-grid{-moz-column-width: 250px;
    -webkit-column-width: 250px;-webkit-column-gap:10px;column-count:4;column-gap:10px;-webkit-column-fill:auto;column-fill:auto;}
ul.col-grid>li{width:auto;-moz-break-inside: avoid-column; -webkit-break-inside: avoid-column; break-inside: avoid-column;}
ul.col-grid>li:nth-of-type(5n+1){display:inline-block;max-width:253px;margin:0 2px 6px;float:none;}
ul.col-grid>li:nth-of-type(1n){display:inline-block;margin:0 2px 6px;max-width:250px;padding:0px;padding-bottom:0px;padding-top:1px;float:none;}

#cart-dropdown .cartbutton {background-color:#F3C939;margin-bottom:5px;}
#cart-dropdown .cartbutton {color:white !important;font-family:'GothamBold';}

.homerow .patterntabs .product{width:auto !important;}
#panel-by-color .small-block-grid-6>li:nth-of-type(6n+1){clear:none;}
#panel-by-color .small-block-grid-6>li:nth-of-type(7n+1){clear:both;}
.bx-wrapper .bx-viewport{overflow:visible !important;}
.banner_calculator{width:500px;height:105px;background:url("../img/wallpaper_calc_banner.jpg")}
.article .excerpt p img{display:none;}
.homebannerdiscount{background:url("http://wallpaperbagus.co.id/file/images/banner/discountbanner.jpg");height:185px;width:100%;}
#panel-pattern-2 .product-category .row .small-12{padding-left:0px;padding-right:0px;}
#panel-pattern-2 .product-category .row .small-12 .row .small-6{padding-left:0px;padding-right:0px;}
#panel-pattern-2 .product-category .row{padding-left:0px;padding-right:0px;margin-left:0px;margin-right:0px;}
.article-thumbnail .caption .date{font-family:GothamBold;font-size:12px;}
.article-thumbnail .caption .title{font-family:GothamBold;line-height:16px;}
#panel-by-pattern .small-block-grid-5 > li{width:auto;padding:10px 30px;}
#panel-by-pattern .small-block-grid-5 > li:nth-of-type(5n+1){clear:none;}
#panel-by-pattern ul li .product-category .th a img{width:175px;}
.th:hover, .th:focus{box-shadow:0 0 0 1px rgba(0, 0, 0, 0.2);}
.small-block-grid-6 > li{width:149px;padding-left:25px;padding-right:25px;padding-top:10px;}
.small-block-grid-6 > li .th{border-radius:55px;}
.breadcrumbs{border:none;border-radius:0;border-bottom:1px solid #C8C8C8;background-color:#FFF;padding:1rem 0.875rem 1rem;}
.breadcrumbs > *:before{content:">>";color:#F3C939;}
.breadcrumbs > * a{color:#000;font-size:13px;}
.border-dashed-top{border-top:1px dashed #CCC;padding:10px 0;margin:10px 0;}
.border-dashed-bottom{border-bottom:1px dashed #CCC;padding:10px 0;margin:10px 0;}
.border-dashed-bottom .pagination{margin: 15px 0;}
.border-dashed-bottom .h-icon{margin:15px 0; padding:0;}
.pagination-centered{border-top:2px solid #C8C8C8;padding:30px 0;}
.pagination-centered ul.pagination{margin-left:0;}
.pagination-centered ul.pagination:before{font-weight:bold;}
.pagination-centered ul.pagination li{height:auto;}
.pagination-centered ul.pagination li a{padding:0.5rem 1rem 0.5rem;font-size:1.1rem;font-weight:bold;border:3px solid #707070;background:#FFF;color:#707070;border-radius:10px;}
.pagination-centered ul.pagination li.current a{background:#FFF;border-color:#F3C939;color:#F3C939;}
.pagination-centered ul.pagination li:hover a,
.pagination-centered ul.pagination li a:focus{background:inherit;}
.pagination-centered ul.pagination li.current a:hover,
.pagination-centered ul.pagination li.current a:focus{background:#FFF;border-color:#F3C939;color:#F3C939;}
ul.pagination li a{background:#FFF;transition:none;}
ul.pagination li:hover a,
ul.pagination li a:focus{background:#FFF;}
ul.pagination li.current a{background:#F3C939;transition:none;}
ul.pagination li.current a:hover,
ul.pagination li.current a:focus{background:#F3C939;}
.button.btn-calculator{line-height:30px;background:#FFF;color:#707070;margin:0;padding:0;font-size:0.8rem;margin-top:3px;}
.button.btn-calculator img{margin-right:5px;}
.button.btn-white{border:4px solid #acabab;color:#707070;background:#FFF;border-radius:10px;font-family:GothamBold;padding: 8px 25px;}
#recaptcha_widget_div{margin-bottom:10px;}
#recaptcha_area, #recaptcha_table{width:318px !important;float:left;clear:both;margin-top:-2px;margin-right:10px;}
.h-half{position:relative;background:#F3C939;color:#000;font-weight:bold;display:inline-block;line-height:37px;padding:0 20px;text-transform:uppercase;width:220px;margin-bottom:15px;margin-top:20px;}
.h-half:after{content:'';position:absolute;left:100%;top:0;width:0;height:0;border-style:solid;border-width:37px 27px 0 0;border-color:#F3C939 transparent transparent transparent;}
.h-half a{color:#000;}
.h-half.grey{background:#707070;color:#FFF;}
.h-half.grey:after{border-color:#707070 transparent transparent transparent;}
.h-half.grey a{color:#FFF;}
.h-icon{font-size:1.8rem;text-transform:uppercase;line-height:28px;display:inline-block;margin:35px 0 35px 0;margin-right:13px;}
.h-icon:before{content:'';display:block;background:url("../img/h_icon.jpg") no-repeat;width:34px;height:28px;float:left;margin:0 10px 0 0;}
#wrapper{overflow-x:hidden;}
.container{width:100%;margin:0 auto;max-width:73.334rem;}
.row{max-width:73.334rem;}
.testimonial-slider li .content{font-family:GothamBook;}
#header{background:#FFF;border-top:6px solid #414141;}
#header #top-menu{margin:20px 0 0px 0;}
#header-top{font-size:0.8rem;color:#707070;padding-top:8px;}
#header-top #logo{padding:10px 0;margin-bottom:3px;text-align:center;margin-top:-90px;z-index:999;}
#header-top .social-links{margin:0 10px;}
#header-top .social-links img{max-height:30px;}
#header-top .info{position:relative;}
#header-top .info i{font-size:24px;margin-right:8px;}
#header-top .info > span{position:relative;top:-4px;}
#header-bottom .sub-nav{margin:0;padding:20px 0;display:none;}
#header-bottom .sub-nav li{margin:0 56px;}
#header-bottom .sub-nav a{color:#000;font-style:italic;}
#footer{background:#434343;color:#FFF;padding:30px 0;}
#content{background:#FFF;min-height:600px;}
#content .container{background:#FFF;}
.search-form{width:260px;padding:7px 0; position: relative; z-index: 999; max-width: 100%; padding-top:0px;}
.search-form input[type="text"]{margin:0;border-color:#CCC;background-color:#FFF;border-radius:5px 0 0 5px;border-right:none;box-shadow:none;}
.search-form input[type="text"]:focus{background-color:#FFF;border-color:#CCC;}
.search-form .button{margin:0;background-color:#FFF;color:#CCC;border:1px solid #CCC;border-radius:0 5px 5px 0;border-left:none;}
.search-form .button .fi-zoom-in{font-size:1.2rem;}
.social-links{margin-left:0;}
.social-links li{margin-left:0;margin-right:10px;}
#footer h3{font-size:1.2rem;color:#FFF;font-weight:bold;}
#footer p{font-size:0.9rem;}
.footer-center{border-left:1px solid #626262;border-right:1px solid #626262;min-height:280px;}
.footer-center .left{margin-left:30px;}
.footer-center .right{margin-right:30px;}
.footer-menu ul{margin:20px 0;}
.footer-menu ul > li{margin-bottom:15px;}
.footer-menu ul > li > a{color:#FFF;text-transform:uppercase;}
.subscribe-form .button{color:#444;font-weight:bold;padding-left:40px;padding-right:40px;}
#main-nav{padding:0 5px;border-top:1px dashed #CCC;border-bottom:2px solid #000;margin-bottom:10px;}
.top-bar{background:#FFF;}
.top-bar-section{width:100%;}
.search-section{width:300px;}
.top-bar-section ul{display:table;margin:0 auto;}
.top-bar-section ul li{background:transparent;display:table-cell;}
.top-bar-section li:not(.has-form) a:not(.button){line-height:45px;padding:0 23px;background:transparent;color:#707070;text-transform:uppercase;font-weight:bold;}
.top-bar-section li:not(.has-form) a:not(.button):hover{background:transparent;color:#707070;}
.top-bar-section ul li:hover:not(.has-form) > a{background:transparent;color:#707070;}
.top-bar-section li.active:not(.has-form) a:not(.button){line-height:45px;padding:0 30px;background:transparent;color:#707070;}
.top-bar-section li.active:not(.has-form) > a:not(.button){border-bottom:2px solid #F3C939;font-weight:bold;}
.top-bar-section li.active:not(.has-form) a:not(.button):hover{background:transparent;color:#707070;}
.top-bar-section li.hover > a:not(.button){background:#E2E6E7;color:#707070;}
.top-bar-section .dropdown{left:-25%;}
.top-bar-section .dropdown li a{color:#707070;background:#E2E6E7;text-align:center;}
.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button){color:#707070;background:#E2E6E7;}
.top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button){color:#707070;background:#E2E6E7;}
.tabs .tab-title > a{display:block;border:1px solid #acabab;background-color:#FFF;color:#707070;padding:11px 19px;font-family:GothamBold, Helvetica, Roboto, Arial, sans-serif;text-transform:uppercase;font-weight:bold;font-size:14px;}
.tabs .tab-title > a:hover{background:#F3C939;border-color:#F3C939;color:#FFF;}
.tabs .tab-title.active a{position:relative;border-color:#F3C939;background-color:#F3C939;color:#FFF;}
.tabs .tab-title.active a:after{content:'';position:absolute;bottom:-1px;left:50%;margin-left:-5px;width:0;height:0;border-bottom:solid 5px #FFF;border-left:solid 5px transparent;border-right:solid 5px transparent;}
.text-center .tabs{display:inline-block;}
.text-center .tabs .tab-title > a{margin:0 3px;display:inline;}
.tabs dd, .tabs .tab-title{float:none;text-align:center;display:inline;line-height:45px;}
.product-category{color:#707070;text-transform:uppercase;}
.product-category .th{margin-bottom:10px;overflow:hidden;}
.product-category .th a{display:block;height:100%;position:relative;}
.product-category .th .release-year{display:block;position:absolute;top:5px;right:5px;background-color:#F3C939;color:#000;font-weight:bold;height:20px;line-height:20px;padding:0 5px;}
.product-category .name{text-align:center;}
.product-category .name a{color:#707070;text-transform:uppercase;font-family:GothamBold;}
.brand .price{padding:2px 3px;font-size:1rem;}
.brand .price.discount{font-size:0.85rem;text-decoration:line-through;}
.brand .newprice{padding:2px 3px;font-size:0.85rem;background-color:#86662D;color:#FFF;}
.brand .underline{border-top:1px solid #707070;margin-bottom:5px;margin-top:2px;padding-top:2px;}
.brand .row.separate{font-size:0.85rem;}
.brand .row.separate .text-right{border-right:1px solid #707070;}
.product{font-size:0.9rem;color:#707070;border:solid 4px white;box-shadow:0 0 0 1px rgba(0, 0, 0, 0.2);}
.product a{color:#707070;}
.product .row{margin:6px 0;}
.product .row .columns{padding:0;}
.product .thumbnail { position:relative; }
.product .thumbnail>a>img { width: 100%; }
.product .thumbnail .image-sample { position: absolute; bottom: -20px; right: 10px; width: 80px; height: 80px; text-align: right; }
.product .thumbnail .image-sample>img { max-height: 100%; 
    -webkit-clip-path: polygon(0% 15%, 15% 15%, 15% 0%, 85% 0%, 85% 15%, 100% 15%, 100% 85%, 85% 85%, 85% 100%, 15% 100%, 15% 85%, 0% 85%);
    clip-path: polygon(0% 15%, 15% 15%, 15% 0%, 85% 0%, 85% 15%, 100% 15%, 100% 85%, 85% 85%, 85% 100%, 15% 100%, 15% 85%, 0% 85%);
}
.product .tag{position:absolute;height:40px;padding:3px;text-align:center;color:#FFF;font-weight:bold;font-size:0.9rem;line-height:1.3;}
.product .tag.bestseller{top:5px;left:5px;background:#294680;height:auto;font-weight:normal;}
.product .tag.discount{bottom:-20px;right:5px;width:50px;background:#555;z-index:1000;}
.product .name{margin-left:3px;font-weight:bold;text-align:left;}
.product .brand a{margin-left:3px;}
.product .brand{text-transform:uppercase;font-weight:bold;text-align:left;padding-bottom:3px;border-bottom:1px solid #CCC;}
.product .price{padding:2px 3px;font-size:0.85rem;}
.product .price.discount{text-decoration:line-through;}
.product .newprice{padding:2px 3px;font-size:0.85rem;background-color:#86662D;color:#FFF;}
.product .tags{text-transform:uppercase;width:auto;display:block;}
.product .tags .columns{line-height:12px;}
.product .tags .text-left{padding-left:5px;width:50%;float:left;}
.product .tags .text-right{padding-right:5px;border-right:1px solid #707070;width:50%;float:left;}
.product .text-left a{font-size:10px;}
.product .text-right a{font-size:10px;}
.product .bottom-separator { padding-bottom: 3px; border-bottom:1px solid #CCC; }
#product .name{font-size:22px;margin-top:0px;}
#product .brand{font-size:20px;margin-top:-11px;}
#product .brand a{color:#707070;}
#product .price{font-size:15px;margin:0px 0 0px 0;}
#product .page{margin:10px 0;margin-top:-3px;}
#product .banner{margin-bottom:8px;}
#product .category{margin-bottom:1px;}
#product .category a{color:#707070;}
#product .product-image{position:relative;}
.howtomeasure { display: block; font-weight: bold; font-size: 24px; text-align: center; width: 100%; margin: 30px auto; padding: 40px 0; }
.bg-yellow { background: #f3C939; color: #fff; }
.bg-orange { background: #f6552b; color: #fff; }
.bg-blue { background: #299cf5; color: #fff; }
.color-orange { color: #f6552b; }
.color-white { color: #fff; }
#product-image { position: relative; }
#product-image > img{width:500px;}
#product-image .image-sample { width: 180px; height: 180px; position: absolute; bottom: -10px; right: -10px; }
#product-list div .small-block-grid-4{}
ul.doubleslash{margin-left:10px;list-style-type:none;}
ul.doubleslash > li{margin:10px 0;padding-bottom:11px;border-bottom:1px dashed #CCC;}
ul.doubleslash > li a{color:#000;text-transform:capitalize;display:block;font-family:'GothamBook';}
ul.doubleslash > li a:before{content:'//';color:#F3C939;font-weight:bold;margin-right:10px;}
.module-product-sidemenu{margin-bottom:5px;}
.module-product-sidemenu .h-half{width:150px;margin:5px 0 8px 0;}
.module-product-sidemenu .accordion dd > a{background:#F3C939;color:#000;padding:0 20px;display:block;font-family:'Gotham', Helvetica, Roboto, Arial, sans-serif;font-size:1rem;}
.module-product-sidemenu .accordion dd > a:hover{background:#F3C939;}
.module-product-sidemenu .accordion dd.active > a{background:#F3C939;}
#brand .name{padding-left:30px;font-size:1.8rem;color:#FFF;min-width:120px;width:auto;margin-left:-30px;margin-top:0px;}
#brand .price{font-size:1.6rem;font-weight:bold;margin-bottom:10px;font-family:GothamBold;}
#brand .price .price-description { font-weight: normal; font-size: 1.2rem; }
#brand .fotorama__nav-wrap{position:absolute;bottom:0;background-color:rgba(0, 0, 0, 0.6);}
#brand ul.tags{border-top:1px solid #CCC;list-style:none;margin:0;padding:5px 0;}
#brand ul.tags > li{display:inline-block;background:#ebebeb;margin:5px 5px 5px 0;padding:0 5px;}
#brand ul.tags > li a{color:#000;}
#product-tag-title{text-align:center;text-transform:uppercase;margin-bottom:20px;margin-top:40px;padding:25px;border:1px dashed #CCC;}
#product-tag-title div{border:1px solid #CCC;text-align:center;}
#product-tag-title span{background:#F3C939;padding:25px 50px;margin:30px 0;display:inline-block;}
#product-list{border-left:0px dashed #CCC;}
.specification li{clear:both;}
.specification span{display:block;float:left;width:140px;}
#form-calculator label{text-transform:uppercase;font-weight:bold;}
#form-calculator hr{display:block;height:1px;border:0;border-top:1px solid #F3C939;margin:1em 0;padding:0;}
#form-calculator .postfix{background:#F3C939;color:#FFF;}
#form-calculator [readonly='readonly']{background:#FFF;transition:none;}
.article{margin-bottom:20px;}
.article .image a img{min-height:332px;}
.article .image{position:relative;min-height:330px;text-align:center;margin-bottom:10px;height:332px;overflow:hidden;}
.article .image .h-half{position:absolute;top:30px;left:-6px;width:140px;}
.article .title a{text-transform:uppercase;color:#000;}
.article .date{width:56px;height:56px;border:3px solid #F3C939;text-align:center;font-weight:bold;text-transform:uppercase;}
.article .excerpt{margin-bottom:10px;font-family:'GothamBook';margin:auto;}
.article .clearfix{margin:auto;}
.btn-readmore{background:#FFF;border:3px solid #707070;color:#707070;margin:10px 0;font-family:Gotham;}
.btn-search{background:#FFF;border:3px solid #707070;color:#707070;padding:0.5rem 2rem 0.5625rem;width:100%;margin:0;margin-bottom:10px;font-family:Gotham;}
#article .h-half{width:140px;margin:20px 0;}
#article .title{position:relative;text-transform:uppercase;font-size:2rem;padding-bottom:30px;margin-bottom:40px;}
#article .title:after{content:'';position:absolute;left:0;bottom:0;width:340px;height:2px;background:#707070;}
#article .date{width:56px;height:56px;border:3px solid #F3C939;text-align:center;font-weight:bold;text-transform:uppercase;}
#article .content{margin-bottom:40px;}
#article ul.tags{list-style:none;margin:0;padding:0;}
#article ul.tags > li{display:inline-block;background:#ebebeb;margin:5px 5px 5px 0;padding:0 5px;}
#article ul.tags > li a{color:#000;}
#article .author .th{margin:10px 0;}
#article .author .info{padding:0 20px;}
#article .author .h-half{margin:10px 0;}
#article .author .name{font-family:GothamBold, Helvetica, Roboto, Arial, sans-serif;text-transform:uppercase;font-weight:bold;font-size:18px;margin:5px 0 10px 0;}
.m-article .title{text-align:center;}
.m-article .title a{color:#000;text-transform:uppercase;font-weight:bold;font-size:0.9rem;}
.no-padding{padding:0;}
.full-expand:before, .full-expand:after{content:"";position:absolute;top:0;bottom:0;width:9600px;right:100%;}
.full-expand:after{left:100%;}
.full-expand.full-right:before{width:0;}
.full-expand.full-left:after{width:0;}
#search-panel{height:160px;position:relative;background:url('../img/bg_search.jpg') no-repeat;font-size:0.8rem;color:#FFF;}
#search-panel .search-form{position:absolute;width:420px;top:60px;right:50px;}
#search-panel .search-form input,
#search-panel .search-form button{margin-bottom:3px;}
#newsletter-panel{height:135px;padding:5px 10px;color:#FFF;position:relative;background:url('../img/bg_newsletter.jpg') no-repeat;font-size:0.8rem;color:#FFF;}
#newsletter-panel h3{color:#FFF;font-size:1.4rem;margin-bottom:5px;}
#newsletter-panel p{margin-bottom:5px;font-size:13px;}
#newsletter-panel .newsletter-form input{width:265px;height:30px;margin-right:10px;}
#newsletter-panel .newsletter-form button{color:#444;font-weight:bold;width:150px;height:30px;margin:0;padding:0;}
#testimonial-panel{position:relative;height:242px;background:url('../img/bg_testimonial.jpg') no-repeat;border-top:1px dashed #acabab;border-bottom:1px dashed #acabab;margin-bottom:20px;}
#testimonial-panel .testimonials{position:absolute;width:680px;top:50px;right:20px;float:right;clear:both;}
#testimonial-panel .testimonials .person{margin:30px 0;font-family:'GothamBold';}
#testimonial-panel .testimonials .bx-wrapper .bx-controls-direction .bx-prev{}
#testimonial-panel .testimonials .bx-wrapper .bx-viewport ul li{width:550px !important;}
#testimonial-panel .testimonials .bx-wrapper .bx-controls-direction .bx-next{}
.footer-menu ul li{font-family:'GothamBook', Helvetica, Roboto, Arial, sans-serif;}
.latest-articles{margin:0;}
.latest-articles .article-thumbnail{margin:0;padding:0;}
.article-thumbnail a{display:block;position:relative;height:145px;overflow:hidden;}
.article-thumbnail a img{width:100%;}
.article-thumbnail .caption{color:#000;position:absolute;left:0;right:0;bottom:0;padding:5px 10px;background-color:rgba(255,255,255,0.8);-webkit-box-shadow:5px 0px 18px 12px rgba(255,255,255,0.8);-moz-box-shadow:5px 0px 18px 12px rgba(255,255,255,0.8);box-shadow:5px 0px 18px 12px rgba(255,255,255,0.8);}
.article-thumbnail .caption .title{text-transform:uppercase;font-weight:bold;}
.module-article-sidemenu ul{margin:0;}
.module-article-sidemenu .h-half{font-size:1rem;width:210px !important;}
.module-article-sidemenu .article-thumbnail{margin-bottom:5px;}
#pricelist{width:100%;text-transform:uppercase;}
#pricelist .thumbnail{width:80px;height:80px;text-align:center;overflow:hidden;}
#pricelist .thumbnail img{height:80px;}
#recaptcha_area table thead tr th, table tfoot tr th, table tbody tr td, table tr td, table tfoot tr td{line-height:normal;}
#recaptcha_area input[type="text"]{display:inline-block;height:auto;}
.bx-wrapper{margin:0;}
.bx-wrapper .bx-viewport{-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;border:0;left:0;}
.bx-wrapper .bx-viewport > ul{margin:0;}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{bottom:10px;}
.bx-wrapper .bx-pager.bx-default-pager a{background:transparent;width:10px;height:10px;border:1px solid #FFF;}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active{background:#FFF;border:1px solid #FFF;}
.bx-wrapper .bx-controls-direction a{margin-top:-30px;width:60px;height:60px;}
.bx-wrapper .bx-prev, .bx-wrapper .bx-next{background:url('../img/bg_direction_nav.png') no-repeat;}
.bx-wrapper .bx-prev{left:0;background-position:0 0;margin-left:10px;}
.bx-wrapper .bx-next{right:0;background-position:-60px 0;margin-right:10px;}
.bx-wrapper .bx-prev:hover{background-position:0 -60px;;}
.bx-wrapper .bx-next:hover{background-position:-60px -60px;}
.bx-wrapper img{width:100%;}
.testimonials .bx-wrapper .bx-viewport{background-color:transparent;margin-left:70px;}
.top-bar-section ul li{margin-left:9px;margin-right:9px;}
.row.tags{margin:auto;margin-bottom:10px;margin-left:4px;}
.fotorama__stage{width:675px !important;}
.fotorama__wrap .fotorama__pointer{width:675px !important;}
.fotorama__nav{width:675px !important;}
.fotorama__stage__shaft{width:675px !important;}
.accordion .accordion-navigation, .accordion dd{clear:both;}
.image_other_articles{width:244px;height:244px;display:block;overflow:hidden;margin-bottom:10px;}
.image_other_articles img{height:100%;max-width:inherit;}
.description table{max-width:300px;border:none;margin-bottom:10px;}
.description table td{border:none;padding-left:0px;padding-top:0px;padding-bottom:7px;background-color:white;}
.description p{font-size:13px;margin-bottom:12px;}

.availability { position: absolute; background: #FF0000; color: #FFF; font-weight: bold; font-size: 20px; padding: 15px 20px; }
.product .thumbnail .availability { top: -2px; right: 4px; font-size: 11px; padding: 5px 10px; }
#product-image .availability{ top: -4px; right: -4px; }
#brand-slideshow { position: relative; }
#brand-slideshow .availability { top: 0; left: 0; }
.product-category .th .availability { font-size: 14px; text-align: center; width: 160px; max-width: 100%; top: 50%; left: 50%;  padding: 15px 10px; transform: translateX(-50%); }

/*dle*/
.side-nav { max-width: 350px; padding-top:0px;}
.side-nav li { margin: 0; }
.side-nav li a:not(.button) { padding: 1rem 0.875rem; color: #000; text-transform: uppercase; font-size: 1.2rem; font-weight: bold; border-bottom: 1px solid #757575; }
.side-nav li a:not(.button):hover { color: #000; background: transparent; }
.side-nav li.active>a:first-child:not(.button) { font-weight: bold; color: #FFF; background: #F3C939; }
.btn-checkout { color: #6a570d; font-weight: bold; padding: 1rem 8rem; }
.btn-checkout:hover { color: #6a570d; }
#header-top a strong { color: #757575; }
.button.btn-cart { background: transparent; border: transparent; padding: 0; text-align: right; color: #707070; display: block; height: 33px; z-index:9999; margin-bottom:15px; }
.btn-cart .count { float: right; width: 30px; height: 33px; background: url('../img/icon_cart.jpg'); margin-left: 10px; text-align: center; line-height: 28px; padding-top: 5px; font-size: 11px; }
#cart-menu { margin: 10px 0;margin-bottom:0px; }
#cart-dropdown { width: 240px; padding: 0 5px; border: none; -webkit-box-shadow: -4px 4px 10px -4px rgba(0,0,0,0.75); -moz-box-shadow: -4px 4px 10px -4px rgba(0,0,0,0.75); box-shadow: -4px 4px 10px -4px rgba(0,0,0,0.75); z-index:9999; }
#cart-dropdown:before,
#cart-dropdown:after { content: none; }
#cart-dropdown a { color: #000; }
#cart-dropdown ul { border-bottom: 1px solid #757575; margin-bottom: 10px; }
#cart-dropdown ul > li:hover, 
#cart-dropdown ul > li:focus { background: transparent; }
#cart-dropdown .thumbnail { float: left; width: 100px; text-align: center; }
#cart-dropdown .thumbnail img { width: 100%; }
#cart-dropdown .info { padding: 10px 0; }
#cart-dropdown .text-center { padding: 5px 0; }
.addtocart-form { border-top: 1px solid #707070; border-bottom: 1px solid #707070; margin: 5px 0 10px 0; padding: 10px 0; }
.addtocart-form div { float: left; margin-right: 10px; }
.addtocart-form input[type="text"] { width: 50px; margin: 0; }
.addtocart-form span { font-size: 12px; line-height: 15px; display: block; }
.addtocart-form .btn-white { margin: 0 10px; font-weight: normal; }
.product .button { width: 102px; margin-left: -51px; left: 50%; text-align: center; position: absolute; font-size: 12px; padding: 8px 0; display: none; }
.product .btn-view { top: 52px; }
.product .btn-addtocart { top: 87px; }
.product .thumbnail > a:hover .button { display: block; }
.cart-table { text-transform: uppercase; border: none; width: 100%; border-collapse: collapse; }
.cart-table thead,
.cart-table tfoot { background: transparent; }
.cart-table tfoot { border-top: 1px solid #757575; }
.cart-table tfoot tr td { font-weight: normal; }
.cart-table th { color: #000; font-weight: bold; text-align: center; }
.cart-table tr:nth-of-type(even) { background: transparent; }
.cart-table td a { color: #707070; }
.cart-table td input[type="text"] { width: 50px; margin: 0; }
.cart-table .icon-trash { border: 1px solid #757575; }
.cart-table .thumbnail { height: 50px; width: 50px; text-align: center; }
.cart-table .thumbnail img { max-height: 50px; }
.cart-table .left { line-height: 2.3125rem; margin-right: 10px; }
.cart-table .btn-white { padding: 8px 30px; margin-top:10px; }
.history-table td { border-bottom: 1px solid #757575; padding: 15px 0; text-align:center;}
.history-table .text-right {text-align:center !important;}
.profile .row { margin: 15px 0; }
.side-nav .active a {border-bottom:none !important;border-top:none !important;}
table tfoot tr th, table tfoot tr td {padding-top:18px;}


/*editodie*/
.memberright {display:none;}




@media screen and (max-width:1055px){
.small-block-grid-6 > li{width:136px;padding-left:25px;padding-right:25px;padding-top:10px;}
#panel-by-color{width:940px;margin:auto;}
.homebannerdiscount{background:url("http://wallpaperbagus.co.id/file/images/banner/discountedbannermobile.jpg");height:259px;width:670px;margin:auto;}

.stepscarapembelianleft {float:none; width:100%;}
.stepscarapembelianleft img {display:block; text-align:center;margin:auto;}
.stepscarapembelianleft h2 {text-align:center;}
.stepscarapembelianright { float:none; width:100%;}
.stepscarapembelianright img {display:block; text-align:center;margin:auto;}
.stepscarapembelianright h2 {text-align:center;}
}


@media screen and (max-width:1000px){#panel-pattern-1 .small-block-grid-5 > li:nth-of-type(5n+1){clear:none;}
.article .image{width:440px;}
.article .excerpt{width:440px;}
.top-bar-section{width:670px;}
#wrapper{min-width:800px;}
#header-bottom .sub-nav li{margin:0px 50px;}
#search-panel{display:none;}
.footer-center .right{margin-left:10px;margin-right:10px;width:250px;display:block;}
#panel-by-pattern .small-block-grid-5 > li{padding:10px 7px;}
.top-bar-section ul li{margin-left:0px;margin-right:0px;}
.pagination-centered ul.pagination li{width:42px;}
.columns ul li .article{width:450px;margin:auto;}
#panel-by-pattern{width:800px;margin:auto;}
.small-block-grid-6 > li{width:124px;padding-left:20px;padding-right:20px;padding-top:10px;}
#panel-by-color{width:855px;margin:auto;}
}
#checkout .checkout-content #login input[type='text']{width:300px;}

@media screen and (max-width:900px){
    .homerow #panel-pattern-1 ul,.homerow #panel-pattern-2 ul,.homerow #panel-pattern-3 ul,.homerow #panel-pattern-4 ul,.homerow #panel-pattern-5 ul,.homerow #panel-pattern-6 ul
    {-webkit-column-count:3;-webkit-column-gap:2px;
    -moz-column-count:3;-moz-column-gap:2px;column-count:3;column-gap:2px;column-fill:auto;}

.small-9 {width:95%;}

.article-thumbnail a img{width:100%;}

.cart-table th {font-size:11px;}
.sortlabel .right{float:left !important;}
.sidebarcontent{display:none;}
#panel-by-brand .small-block-grid-5 > li:nth-of-type(1n){height:286px;}
#panel-by-brand .small-block-grid-5 > li:nth-of-type(5n+1){clear:none;}
.bx-wrapper{max-height:375px !important;}
.top-bar-section{width:100%;}
#form-calculator .row .small-3{width:70px;}
#panel-by-color{width:645px;margin:auto;}
.small-block-grid-6 > li{width:94px;padding-left:12px;padding-right:12px;padding-top:10px;}
#panel-by-pattern{width:695px;}
#panel-by-pattern ul li .product-category .th a img{width:155px;}
.fotorama__wrap{margin:auto;}
#brand .small-4{width:500px;margin:auto;float:none;}
#brand .small-4 .h-half{text-align:center;display:block;margin-top:10px;}
#brand .small-4 .h-half:after{display:none;}
#brand .small-8{float:none;}
#brand .name{margin-left:0px;}
.h-half:after{display:none;}
.row .small-3{float:none;width:100%;}
.module-product-sidemenu ul > li{float:left;margin-left:10px;margin-right:10px;}
#product-list{float:none;border-left:none;width:100%;}
.module-product-sidemenu .h-half{width:100%;}
.small-9 .pagination{display:none;}
#header-top #logo{width:305px;margin:auto;display:block;position:relative;}
#wrapper{min-width:400px;}
.breadcrumbs > * a{font-size:13px;}
.search-form{float:none !important;margin:auto;margin-top:0px;width:400px;}
.small-block-grid-2 > li:nth-of-type(1n){width:450px;margin:auto;}
[class*="column"] + [class*="column"]:last-child{float:right !important ;margin:auto;}
#header-bottom .sub-nav{width:720px;margin:auto;}
#header-bottom .sub-nav li{margin:0px 35px;}
.small-block-grid-5 > li{width:30%;}
.small-block-grid-2{width:500px;margin:auto;}
.small-7{width:350px !important;}
.small-8{width:100%;}
#product .banner{margin-bottom:20px !important;padding-top:20px;}
#product .columns{width:100%;}
#product .columns #product-image{width:500px;margin:auto;}
#product .columns .name{width:500px;margin:auto;margin-top:20px;}
#product .columns .brand{width:500px;margin:auto;}
#product .columns .price{width:500px;margin:auto;}
#product .columns ul{width:500px;margin:auto;}
#product .columns div{width:500px;margin:auto;}
#product .columns #newsletter-panel{width:500px;margin:auto;}
.footer-center .left{margin-bottom:20px;}
[class*="column"] + [class*="column"]:last-child{float:none;}
#footer .container .row .menu{float:left;}
#footer .container .row .small-2{width:20%;}
.footer-center .right{margin:auto;float:none !important;}
.footer-center .left{margin-left:40px;}
#header-bottom .sub-nav{margin:auto !important;}
.footer-center{border-right:none;}
.small-4{width:100%;'}

.product .tags {width:auto;margin:auto;margin-bottom:5px;}

#footer-contactus { display:none;}


#panel-by-pattern .small-block-grid-5 > li {padding:10px 7px;}
#testimonial-panel {background:none;}

.cart-table .left {    margin-right: 5px; font-size: 10px;}

}

@media screen and (max-width: 700px) {

.wrapperbutton {display:none;}
.trashcanibutton img {width:auto; height:auto;} 

.mobileonly {display:block;}
.desktoponly {display:none;}

.beforedisctitle {display:none;}
.trashcanibutton {width:50px;height:66px;}
.descriptionhomeleft {width:96%; float:none;margin-bottom:10px;padding:15px;margin:auto;}
.descriptionhomeright {width:96%; float:none; text-align:left;padding-left:0px; padding:15px;margin:auto;}

.tabpatterntabs {max-width:450px;}

.homebannerdiscount  {background: url("http://wallpaperbagus.co.id/file/images/banner/discountedbannermobile2.jpg");height:400px;width:280px; margin:auto;}

#testimonial-panel .testimonials {width:100%;float:none;right:0px;}
#testimonial-panel .testimonials .bx-wrapper .bx-viewport ul li {width:100% !important;}

#testimonial-panel .testimonials .bx-viewport {width:70% !important;}

.article .image a img {min-width:auto;min-height:auto;}
.article .image {width:100%;height:100%;min-height:100%;}
.small-block-grid-2 {width:100%;}
.small-block-grid-2 > li:nth-of-type(1n) {width:100%;}
.columns ul li .article {width:100%;}
.article .clearfix {width:100%;}
.article .excerpt {width:100%;}

.bx-wrapper {max-height:275px !important;}
.top-bar-section li:not(.has-form) a:not(.button) {padding:10px 15px;}
.top-bar-section li.active:not(.has-form) > a:not(.button) {padding:10px 15px;}

#testimonial-panel {background:none;}
#panel-by-color {width:440px; margin:auto;}

.small-block-grid-6 > li { width:65px; padding-left:4px;padding-right:4px;padding-top:10px;} 
#wrapper {min-width:300px;}

#header-bottom .sub-nav {width:420px;margin:auto;}
#header-bottom .sub-nav li {margin: 12px 31px;}
#header-bottom .sub-nav {margin:10px 0;}

.small-block-grid-5 > li {width:33%;}

.small-block-grid-5 > li:nth-of-type(5n+1) {clear:none;}

.social-links {width:92px;margin:auto;margin-bottom:20px;margin-top:20px;display:none;}

#footer .container .row .small-2 {width:40%;}
#footer .container .row .small-7 {width:50% !important;}
#footer .container .row .small-3 {width:100%;text-align:center;}
.footer-center .right {margin-left:40px;}

.small-block-grid-4 > li:nth-of-type(1n) {width:50%;display:block;}



#panel-by-pattern {width:450px;margin:auto;}
#panel-by-pattern .small-block-grid-5 > li {padding:10px 11px;}
#panel-by-pattern ul li .product-category .th a img {width:120px;}
.product-category .name a {font-size:12px;}


}


@media screen and (max-width: 550px) { 

.homerow #panel-pattern-1 ul,.homerow #panel-pattern-2 ul,.homerow #panel-pattern-3 ul,.homerow #panel-pattern-4 ul,.homerow #panel-pattern-5 ul,.homerow #panel-pattern-6 ul {
      -webkit-column-count: 2;
    -webkit-column-gap: 2px;
    -webkit-column-fill: auto;
    -moz-column-count: 2;
    -moz-column-gap: 2px;
    -moz-column-fill: auto;
    column-count: 2;
    column-gap: 2px;
    column-fill: auto;
}

.product-category .th .availability { font-size: 12px; }

}


@media screen and (max-width: 450px) { 

.product .name {font-size:12px;}
.module-random-pattern-products-menu .product .thumbnail .image-sample {left:inherit;}
.m-article .title {min-height:75px;}
.m-article .title a {font-size:12px; line-height:18px; display:block;}
#product-image .image-sample {    width: 120px !important; height:120px !important;}
#product .columns #product-image {margin-bottom:10px;}

.product .thumbnail .image-sample {width:55px !important; height:55px !important; left:55px;}
.container .border-dashed-bottom .medium-9.medium-push-3.columns {z-index:1000;}

.memberright {display:none;}
.membercentermobile {display:block; font-size:10px; text-align:center;margin-top:10px; margin-bottom:10px;}

.membercenter {display:block;text-align:center;} 
.cartmobile {display:block;text-align:center;}

.trashcanibutton {width:20px; height:20px;}
.trashcanibutton img {width:20px; height:20px;}

.titlegarbagecan {width:30px !important;}

.weighthide {display:none;}
.rollwritting {display:none;}
.totalfield {display:none;}
.quantityfield {width:60px !important;}
.pricefield {text-align:center !important;}

table thead tr th, table tfoot tr th, table tfoot tr td, table tbody tr th, table tbody tr td, table tr td {max-width:inherit !important;text-align:center;}

.tabpatterntabs {max-width:325px;}
.tabs dd, .tabs .tab-title {line-height:3 !important;}



#cart-menu {display:none;}
.wallpaperandfb { padding-top:0px !important; padding-bottom:0px !important; padding-left:0px; padding-right:0px; }

.banner_calculator {width:300px; height:233px; margin-top:15px !important ;background: url("../img/wallpaper_calc_banner_mobile.jpg")}
.m-article .title {letter-spacing:-1px;}

.product .brand {font-size:10px;letter-spacing:0px;}
.product .name {font-size:10px;letter-spacing:0px;}

#product .name {font-size: 17px !important;}
#product .brand {font-size: 16px !important;}
#product .page {font-size:15px;}
#product .columns ul {font-size:15px;}

.small-block-grid-4 > li:nth-of-type(1n) {overflow:hidden;}
#pricelist .thumbnail {width:60px; height:60px;margin:auto;}
#pricelist .thumbnail img {width:60px; height:60px;}
.breadcrumbs li a {line-height:17px;margin-top:5px;}
.breadcrumbs > *:before {margin-left:5px; margin-right:5px;}

#pricelist thead tr th {letter-spacing: 0px;font-size:9px;height:23px; text-align:center;}

table thead tr th, table tfoot tr th, table tfoot tr td, table tbody tr th, table tbody tr td, table tr td {font-size:10px;max-width:20px;padding:0px;line-height:12px;}

.wallpaperandfb {padding-top:10px;padding-bottom:10px;}
.wallpaperandfb .right { margin:auto; }

.fb_iframe_widget  {margin-bottom:20px;}

.bx-wrapper {max-height:150px !important;}
.top-bar-section li:not(.has-form) a:not(.button) {padding:10px 20px !important;}
.top-bar-section li.active:not(.has-form) > a:not(.button) {padding:10px 20px !important;}

#panel-by-color {width:320px; margin:auto;}
.small-block-grid-6 > li {width:110px;padding-left:10px;padding-right:10px;}
.tabs dd, .tabs .tab-title { margin-bottom:10px !important;line-height:2;}

#panel-by-pattern {width:300px;}
#panel-by-pattern .small-block-grid-5 > li {min-height:200px; padding:;}

#header-top .container .row .small-6 { width:240px;margin:auto; float:none; }
#header-top .container .row .small-6 .right { text-align:center;float:none !important;}

#header-top .info > span {font-size:10px;}


#product .columns {width:100%;}
#product .columns #product-image{width:300px;height:300px;margin:auto;}
#product .columns .name {width:300px;margin:auto;}
#product .columns .brand {width:300px;margin:auto;}
#product .columns .price {width:300px;margin:auto;}
#product .columns ul {width:300px;margin:auto;}
#product .columns div{width:300px;margin:auto;}
#product .columns #newsletter-panel {display:none;}


.top-bar-section li:not(.has-form) a:not(.button) {border-bottom:2px solid white;padding:0px 32px;}
.top-bar-section li.active:not(.has-form) > a:not(.button) {padding:10px 32px;}

.text-center .tabs .tab-title > a {padding: 8px 8px; font-size:10px;}

.top-bar-section ul {text-align:center;}
.top-bar-section ul li {float:none;text-align:center;display:inline;}
#menu2 > ul > li > a {display:inline;}
.top-bar-section li:not(.has-form) a:not(.button) {display:inline;}


.top-bar {height:auto;}
.small-7 {width:100% !important;}

#top-menu .left {float:none;margin:auto;}
#top-menu .right {float:none !important ;margin:auto;margin-bottom:10px;  width:183px;height:40px;}

#testimonial-panel {display:none;}
#brand .small-4 {width:100%;}
.search-form {width:auto;}

#footer .container .row .small-2 {width:90%;margin-bottom:10px; margin-left:20px;border-bottom:1px solid #676767;}
#footer .container .row .small-7 {width:90% !important;margin-bottom:10px; margin-left:20px; border-bottom:1px solid #676767;} 
.footer-center .right {text-align:center;}
.footer-menu {text-align:center;}

#product #product-image > img {width:300px;height:300px;}
#product .columns .name {margin-top:10px;}
 
.product .row .text-left{width:100%;text-align:center !important;}
.product .row .text-right{width:100%;text-align:center !important;}

#footer-contactus {display:none;}
.product .tags {display:none;}

.footer-center {
	border-left:none;
	margin-left:20px;
	margin-right:20px;
}

.footer-center .left {
	margin-left:0px;
	width:100%;
}


.footer-center .right {
	margin-left:0px;
	width:100%;
}

.small-block-grid-5 > li {
	width:49%;
	min-height:230px;
}

}

@media screen and (max-width: 350px) {  
.top-bar-section li:not(.has-form) a:not(.button) {padding:10px 10px !important;}
}