.page-title-area{width:100%;text-align:center;margin-bottom:25px}.page-title-area .item{padding:0}.page-title-area .item img{max-width:100%}@-webkit-keyframes img-str{from{margin-top:30px;opacity:0}to{margin-top:0;opacity:1}}@keyframes img-str{from{margin-top:30px;opacity:0}to{margin-top:0;opacity:1}}@-webkit-keyframes img-btn{from{margin-top:10px;opacity:0}to{margin-top:0;opacity:1}}@keyframes img-btn{from{margin-top:10px;opacity:0}to{margin-top:0;opacity:1}}.list-color-filter{margin:0 0 10px;padding:5px 0}.list-color-filter span{border:1px solid #ebeaea;display:inline-block;width:30px;height:28px;margin-bottom:3px;margin-right:3px}.list-color-filter span.active{background:url(/frontend/img/colors/check.jpg) right bottom no-repeat}.list-color-filter span:hover{cursor:pointer}.colorbtn{display:block}.colorbtn button{font-size:13px;color:#333;background-color:#e6e6e6;border-color:#adadad;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.product-page-area .pempty{padding:10px}.nav-sp select{min-width:100px;display:inline-block}select#page_size{width:55px}.h3-color{font-size:16px}.color-show{float:right;background-color:#f5f5f5;color:#666;padding:8px 10px;margin:-3px 5px 0 0;z-index:99;cursor:pointer}.color-show:hover{color:#396;background-color:#eee}ul.sidebar-menu li{list-style:none;padding:0}ul.sidebar-menu li label input[type=checkbox]{position:unset;margin-top:5px!important}ul.sidebar-menu li label span{display:block;margin-left:18px}ul.sidebar-menu li label{font-weight:400;cursor:pointer;padding:0!important;display:block;margin:0}.nav-breadcrumb{display:inline-block;list-style-type:none;padding:0;margin:0}.nav-breadcrumb a{color:#666}.nav-breadcrumb a span{margin-left:5px}.nav-breadcrumb a:hover{color:#396}.nav-breadcrumb>li{display:inline-block}.nav-breadcrumb>li+li:before{content:"\f105"!important;display:inline-block;text-align:right;width:6px;color:#a6a6a6!important;padding:2px 4px 2px 0;font:14px FontAwesome}.nav-breadcrumb>li:last-child a span{color:#396}.main-list .more{display:block;margin:20px 0 0 18px;cursor:pointer}.main-list .more:before{content:"\f105";font-family:FontAwesome;font-style:normal;font-weight:400;text-decoration:inherit;font-size:14px;padding-right:.5em;position:absolute;margin-left:-12px}.main-list .more:hover{color:#396}ul.cate-menu{padding-left:18px}ul.cate-menu li.active:before{content:"\f105";font-family:FontAwesome;font-style:normal;font-weight:400;text-decoration:inherit;color:#090;font-size:14px;padding-right:.5em;position:absolute;margin-top:-5px;margin-left:-12px}ul.cate-menu li a{font-size:14px!important;font-weight:400;font-family:Roboto,Tahoma,Verdana,'sans-serif'!important}ul.cate-menu li.active>h2 a{color:#396!important}ul.cate-menu ul.subcate li{padding:0 0 0 6px!important}ul.cate-menu ul.subcate li.active>h2 a,ul.setcate li.active>a{color:#396!important;font-weight:500}ul.cate-menu ul.subcate li.active:before{content:"\f105";font-family:FontAwesome;font-style:normal;font-weight:400;text-decoration:inherit;color:#090;font-size:14px;padding-right:.5em;position:absolute;margin-top:-4px;margin-left:-12px}ul.cate-menu ul.subcate li.active ul.setcate li.active:before{margin-top:-1px}ul.cate-menu ul{padding:0 0 10px 0}.filter-brand li label span,.filter-material li label span{padding:5px!important;line-height:14px;font-size:14px!important;font-weight:400}ul.filter-material{padding:0!important}.filter-brand li:hover,.filter-material li:hover{cursor:pointer;color:#396}.main-category i{margin-right:6px}.f-price{margin:0;padding:10px 0 10px 0;display:inline-block}.f-price.active{background-color:#fff;border:1px solid #ddd;padding:9px;box-shadow:3px 3px 5px #ccc}.f-price input[type=number]{padding:5px!important;width:65px;height:28px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;outline:0;border:1px solid #ddd}.f-price button{display:none;margin-top:7px;padding:0 10px}.nav-bottom{padding:10px!important;background:0 0!important;border:0!important}.divider-10{padding-left:10px;padding-right:10px;display:inline-block}.divider-10 i{margin-top:-14px;width:1px;color:red!important;display:block;position:absolute;background-color:#ccc;height:20px}.jump-width{display:inline-block}.jump-width label{display:inline-block;font-weight:400!important}.jump-width select{display:inline-block}.cancle-filter{margin-left:10px;color:#e65c00!important}.cancle-filter:hover{color:red!important}.col-lg-15,.col-md-15,.col-sm-15,.col-xs-15{position:relative;min-height:1px;padding-right:10px;padding-left:10px}.col-xs-15{width:20%;float:left}@media (min-width:768px){.col-sm-15{width:20%;float:left}}@media (min-width:992px){.col-md-15{width:20%;float:left}}@media (min-width:1200px){.col-lg-15{width:20%;float:left}}@media (max-width:768px){#pq{width:160px!important;background-color:#fff;border:1px solid red}}ul.cate-menu li{position:relative}ul.cate-menu .mcate.active .subcate{display:block}ul.cate-menu li.mcate i.fa-minus:after,ul.cate-menu li.mcate i.fa-minus:before,ul.cate-menu li.mcate i.fa-plus:after,ul.cate-menu li.mcate i.fa-plus:before{content:"";position:absolute;background:var(--msColor)}ul.cate-menu li.mcate i{display:block;position:absolute;top:1px;right:-19px;color:var(--msColor);font-size:16px;z-index:1;width:20px;height:20px}ul.cate-menu li.mcate i:hover{cursor:pointer}ul.cate-menu li.mcate i.fa-plus:before{left:50%;top:4px;bottom:4px;width:2px;transform:translateX(-50%)}ul.cate-menu li.mcate i.fa-plus:after{top:50%;left:4px;right:4px;height:2px;transform:translateY(-50%)}ul.cate-menu li.mcate i.fa-minus:after{top:50%;left:4px;right:4px;height:2px;transform:translateY(-50%)}@media screen and (max-width:767px){ul.cate-menu li.mcate i{right:0}}.color-filter .list-filter ul{margin:2px 0 0 5px;padding:0;display:inline-block;width:100%}.color-filter .list-filter ul li,.color-filter .list-filter ul li:last-child{margin-left:3px}.color-filter .list-filter ul li{padding-left:0!important;float:left}.color-filter .list-filter li img,.color-filter .list-filter li span{position:relative;display:inline-block;width:25px;height:25px;border-radius:4px;background-size:25px}.color-filter .list-filter span:hover{cursor:pointer}.color-filter .list-filter li.active span::after{content:"\f00c";font-family:FontAwesome;font-style:normal;font-weight:100;text-decoration:inherit;color:#333;font-size:15px;padding-right:.5em;position:absolute;top:0;left:4px;line-height:22px;text-shadow:1px 1px 1px rgba(255,255,255,.5)}.filter-attributes li label{display:flex!important}.filter-attributes li label span{margin-left:5px!important}.filter-attributes li label input[type=checkbox],.filter-attributes li label input[type=radio]{position:unset!important;margin:0!important}