.cat-banner-box{float:left;width:74%;margin:0 .5% 12px;overflow:hidden;-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .2s;position:relative;height:400px}.cat-banner-box .image-wrapper{width:76.6%}.cat-banner-box .image-wrapper img{display:block;width:100%;height:auto}.cat-banner-box .text{position:absolute;height:200px;top:100px;right:6px;padding:10px;text-align:center;font-weight:300;font-size:14px;line-height:18px;color:#404040;width:40%;background:#fff;border:solid 6px #fff;outline:solid 6px #e5ded2}.cat-banner-box .text p{margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.cat-box,.cat-box .image-wrapper img,.cat-box-pr,.cat-box-pr .image-wrapper img{-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .2s}.cat-box,.cat-box-pr{float:left;border:solid 2px #e5ded2;outline:solid 1px #fff;width:24%;margin:0 .5% 12px;overflow:hidden;position:relative}.cat-box .image-wrapper{text-align:center;padding:5px;z-index:9}.cat-box .image-wrapper img,.cat-box-pr .image-wrapper img{width:88%;height:auto}.cat-box .title{font-size:14px;color:#404040;line-height:18px;font-weight:400;text-align:center;height:34px;z-index:99}.cat-box .pno{font-size:13px;line-height:20px;text-align:center;border-top:solid 2px #e5ded2}.cat-box .pno,.cat-box .pno span{font-weight:600;color:#404040}.cat-box .best-sellers-icon,.cat-box .pno,.cat-box .price{-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .2s}.cat-box .price{font-size:16px;color:#404040;line-height:20px;text-align:center;height:30px;font-weight:600}.cat-box .best-sellers-icon{position:absolute;top:-20px;opacity:0;right:0;z-index:99;padding:4px}.cat-box .best-sellers-icon .star{background:url(../images/common/star_sprite.png?v=6);background-repeat:no-repeat;background-position:-32px 0;width:32px;height:30px;display:block}.cat-box .best-sellers-icon .star.active,.cat-box .best-sellers-icon:hover .star,.cat-box-pr .best-sellers-icon .star.active,.cat-box-pr .best-sellers-icon:hover .star{background-position:0 0}.cat-box .best-sellers-icon:hover{cursor:pointer}.cat-box:hover{outline:solid 1px #e5ded2}.cat-box-pr:hover .image-wrapper img,.cat-box:hover .image-wrapper img,.cl-wrapper .cl-box:hover img{transform:scale(1.1)}.cat-box:hover .best-sellers-icon{top:0;opacity:1;right:0;z-index:99}.cat-box:hover .pno,.cat-box:hover .price{background:#e5ded2}.cat-box .best-sellers-icon.active{top:0;opacity:1;right:0;z-index:99;display:block}.cat-box-pr .image-wrapper{text-align:center;padding:5px;z-index:9}.cat-box-pr .title,.filter-display-wrapper .category-filter-wrapper .inner .filter-heading{text-align:center;color:#404040;-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s}.cat-box-pr .title{font-size:16px;line-height:18px;font-weight:500;padding:38px 0;z-index:99}.cat-box-pr .best-sellers-icon,.filter-display-wrapper .category-filter-wrapper .inner .filter-heading span{position:absolute;-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .2s}.cat-box-pr .best-sellers-icon{top:-20px;opacity:0;right:0;z-index:99;padding:4px}.cat-box-pr .best-sellers-icon .star{background:url(../images/common/star_sprite.png?v=6);background-repeat:no-repeat;background-position:-32px 0;width:32px;height:30px;display:block}.cat-box-pr .best-sellers-icon:hover{cursor:pointer}.cat-box-pr:hover{outline:solid 1px #e5ded2}.cat-box-pr:hover .title{background:#e5ded2}.cat-box-pr:hover .best-sellers-icon{top:0;opacity:1;right:0;z-index:99}.cat-box-pr .best-sellers-icon.active{top:0;opacity:1;right:0;z-index:99;display:block}.mobile-filters{display:none}.filter-display-wrapper{width:99.1%;float:none;margin:auto}.filter-display-wrapper .mobileCategoryFilter{float:left;width:100%;padding:20px 0;background:#eee;cursor:pointer;text-align:center;font-size:16px;font-weight:700;color:#666;display:none}.filter-display-wrapper #filterDisplay{float:left;width:100%}.filter-display-wrapper .category-filter-wrapper{float:left;width:100%;margin:0}.filter-display-wrapper .category-filter-wrapper .inner{float:left;width:20%;position:relative}.filter-display-wrapper .category-filter-wrapper .inner .filter-heading{float:left;width:100%;font-size:18px;font-weight:400;padding:30px 0;cursor:pointer;position:relative;letter-spacing:.6px;background:#e5ded2;border:solid 1px #e5ded2;border-bottom:none;list-style:none}.filter-display-wrapper .category-filter-wrapper .inner .filter-heading.active{background:#fff;color:#404040;border:solid 1px #404040;border-bottom:none}.filter-display-wrapper .category-filter-wrapper .inner .filter-heading.active span{-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg);transform:rotate(180deg);color:#404040}.filter-display-wrapper .category-filter-wrapper .inner .filter-heading span{top:30px;right:30px;font-size:16px;color:#404040}.filter-display-wrapper .category-filter-wrapper .inner .filter-block{float:left;width:100%;display:none;padding:10px 5%;background:#fff;border:solid 1px #404040;border-top:none;overflow:hidden;position:absolute;top:78px;z-index:9999}.filter-display-wrapper .category-filter-wrapper .inner .filter-block.active{display:block}.filter-display-wrapper .category-filter-wrapper .inner .filter-block .checked{color:#222;padding:0}.filter-display-wrapper .category-filter-wrapper .inner .filter-block .filter-option{float:left;width:90%;font-size:14px;color:#404040;padding:10px 0 10px 44px;-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s;overflow:hidden;position:relative;cursor:pointer}.filter-display-wrapper .category-filter-wrapper .inner .filter-block .filter-option.active{background:#404040;padding:10px 0 10px 44px;color:#fff}.filter-display-wrapper .category-filter-wrapper .inner .filter-block .filter-option.active .check{background:#fff;color:#404040}.filter-display-wrapper .category-filter-wrapper .inner .filter-block .filter-option.fade{opacity:.4}.filter-display-wrapper .category-filter-wrapper .inner .filter-block .filter-option.fade:hover{background:#fff;color:#777}.filter-display-wrapper .category-filter-wrapper .inner .filter-block .filter-option.fade:hover .check{left:0}.filter-display-wrapper .category-filter-wrapper .inner .filter-block .filter-option a{color:#404040;text-decoration:none}.filter-display-wrapper .category-filter-wrapper .inner .filter-block .filter-option .check{position:absolute;left:0;top:6px;padding:2px 0 0;margin:0 10px;width:22px;height:18px;text-align:center;font-weight:600;font-size:14px;border:solid 1px #ddd;background:#fff;color:#fff;-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s}.filter-display-wrapper .category-filter-wrapper .inner .filter-block .filter-option .check.active{border:solid 1px #fff;background-position:0 -24px;color:#404040;background:#fff}.selected-filters-wrapper{float:none;width:99.1%;clear:both;margin:0 auto!important;font-size:14px;font-weight:400;color:#000;letter-spacing:.4px;text-align:center;background:#eee;padding:0}.selected-filters-wrapper.active{padding:20px 0}.selected-filters-wrapper .heading{font-weight:600;color:#000}.selected-filters-wrapper .filter-type{font-size:14px;font-weight:600;color:#404040;margin:0 0 0 14px}.selected-filters-wrapper .main-button{float:none;width:200px;margin:10px auto 0}.pages-wrapper .page-count,.pages-wrapper .page-count-sel{float:none;width:38px;margin:0 2px 6px;text-align:center;display:inline-block}.pages-wrapper .page-count a,.pages-wrapper .page-count a:hover,.pages-wrapper .page-count-sel a{color:#404040;font-size:13px;display:block;padding:12px;text-decoration:none;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;border:solid 1px #e5ded2}.pages-wrapper .page-count a:hover,.pages-wrapper .page-count-sel a{background:#e5ded2}.pages-wrapper .next,.pages-wrapper .prev{float:none;margin:0 10px 0 auto;font-size:30px;color:#999;text-align:center;vertical-align:middle}.pages-wrapper .next:hover span,.pages-wrapper .prev:hover span{color:#404040}.pages-wrapper .next{margin:0 auto 0 10px}.cl-text{padding:0 10%;text-align:center}.cl-wrapper .cl-box{overflow:hidden;position:relative}.cl-wrapper .cl-box .text,.cl-wrapper .cl-box img{width:100%;-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .2s}.cl-wrapper .cl-box img{height:auto;display:block}.cl-wrapper .cl-box .text{position:absolute;text-align:center;bottom:-300px;opacity:0;color:#404040;font-size:16px;background:rgba(0,0,0,.6);padding:14px 0}.cl-wrapper .cl-box:hover .text{bottom:0;opacity:1;color:#fff}@media only screen and (max-width:1400px){.cat-banner-box{width:100%;height:auto}.cat-banner-box .text{position:absolute;height:auto;top:30%;right:20px;padding:30px 20px}.cat-banner-box .text p{margin:0;position:relative;top:auto;left:auto;transform:none;text-align:center}}@media only screen and (max-width:1200px){.cat-banner-box .text{top:20%}.cat-box .title{height:50px}}@media only screen and (max-width:1000px){.cat-banner-box{width:99%;margin:0 .5% 12px;overflow:hidden;height:auto}.cat-banner-box .image-wrapper{width:100%}.cat-banner-box .image-wrapper img{display:block;width:100%;height:auto}.cat-banner-box .text{top:20%;width:46%}.mobile-filters{float:left;width:100%;background:#404040;text-align:center;padding:10px 0;color:#e5ded2;font-size:16px;cursor:pointer;display:block}.mobile-filters span{color:#e5ded2;font-size:14px}.filter-display-wrapper{width:100%;float:left;margin:0;display:none}.filter-display-wrapper .category-filter-wrapper .inner{float:left;width:100%;position:relative}.filter-display-wrapper .category-filter-wrapper .inner .filter-heading{font-size:16px}.filter-display-wrapper .category-filter-wrapper .inner .filter-block{top:0;position:relative}.selected-filters-wrapper{width:100%}.cat-box,.cat-box-pr{width:32.5%;margin:0 .4% 12px}}@media only screen and (max-width:768px){.cat-banner-box .image-wrapper{border-bottom:solid 6px #e5ded2}.cat-banner-box .image-wrapper img{display:block;width:100%;height:auto}.cat-banner-box .text{float:left;width:100%;top:auto;right:auto;position:relative;padding:20px 0;border:0}.cat-box,.cat-box-pr{width:49%;margin:0 .4% 12px}.cl-text{padding:0 4%;text-align:center}.cl-wrapper .cl-box .text{bottom:0;opacity:1;color:#fff}}@media only screen and (max-width:450px){.cat-banner-box .image-wrapper img{width:120%}.cat-box,.cat-box-pr{width:99%;margin:0 .5% 12px}}