.container-product{width:100%;max-width:1600px;margin:auto;padding-left:15px;padding-right:15px}.psub{width:100%;padding:20px 0;margin:0}.psub .col{float:left}.psub .col:first-child{width:22%}.psub .col:last-child{width:78%}.p-b-custom{padding:0 0 20px}.sidebar-left{padding-right:30px}.pnavigator{border-top:1px solid var(--msColor);border-bottom:1px solid var(--msColor)}.pnavigator>div>ul{display:flex;list-style:none;padding:0;margin:0;width:100%;align-items:center;justify-content:space-between}.pnavigator>div>ul>li{padding:12px 0}.pnavigator>div>ul>li:nth-child(3){width:20%}.pnavigator>div>ul>li:nth-child(4){width:20%}.pnavigator>div>ul>li:nth-child(5){width:5%}.banners .bread-crumb,.pnavigator .bread-crumb{width:100%;padding:0;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.banners .bread-crumb li,.pnavigator .bread-crumb li{display:inline;padding:0}.pnavigator a{font-weight:400;font-size:18px;line-height:27px}.pnavigator .navbar-ol a,.pnavigator .navbar-ol span{font-weight:300;font-size:15px;line-height:20px}.bread-crumb a::after{color:#000}.pmenu{position:relative;padding:0;margin:0;list-style:none}.pmenu .pdropdown-menu a{font-weight:300;font-size:16px;line-height:24px;color:#000}.pmenu .pdropdown-menu a i{font-size:24px;position:absolute;top:50%;right:20px;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);line-height:0}.pmenu .pmenu>li{line-height:85px;display:inline-block;margin-right:15px}.pdropdown,.pdropup,.pmenu .pdropdown-submenu{position:relative}.pmenu .pmenu>li>a{color:#333;font-weight:600;position:relative;transition:all .2s ease-out 0s;-webkit-transition:all .2s ease-out 0s;text-transform:uppercase;text-decoration:none;padding:0 0 3px 0;background-image:linear-gradient(var(--msColor),var(--msColor)),linear-gradient(white,#fff);background-size:0 2px,auto;background-repeat:no-repeat;background-position:center bottom;transition:all .2s ease-out}.pdropdown-menu{position:absolute;top:100%;left:10px;z-index:1000;display:none;float:left;min-width:265px;padding:0;margin:2px 0 0;text-align:left;list-style:none;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgb(0 0 0 / 18%);box-shadow:0 6px 12px rgb(0 0 0 / 18%)}.pdropdown-menu.row{min-width:490px;background:#272525!important;padding:15px 30px}.pdropdown-menu>li>a{display:block;clear:both;font-weight:400;line-height:1.42857143;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:.5s ease-out;-webkit-transition:.5s ease-out}.pmenu .pdropdown-submenu>.pdropdown-menu>li>a{background:#272525!important;color:#fff}.pmenu .pdropdown-submenu>.pdropdown-menu>li>a:hover{color:var(--msColor);text-decoration:underline}.pmenu li:hover>ul.pdropdown-menu{display:block;margin-top:-2px;border-radius:0!important;outline:0!important;background:#fff;-webkit-box-shadow:none!important;-moz-box-shadow:none!important;box-shadow:none!important;border:1px solid var(--msColor)}.pmenu .pdropdown-submenu>.pdropdown-menu{top:1px;left:100%}.pmenu li:hover>ul.pdropdown-menu li{padding:10px 20px;background:0 0}.pmenu .pdropdown-submenu:hover{background:var(--msColor)!important}.pmenu .hr{border-top:1px solid var(--msColor);height:1px;width:100%;margin:auto;padding-bottom:20px}.content-banners .banners{position:relative}.content-banners .banners figcaption{position:absolute;top:50%;left:30%;width:50%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.content-banners .banners img{width:100%!important}.content-banners .banners h1{color:#000;font-weight:700;font-size:32px;line-height:40px}.content-banners .banners .navbar-ol{padding:15px 0 58px}.content-banners .banners a{color:var(--msColor);font-weight:700;font-size:32px;line-height:40px;margin-right:30px}.content-banners .banners ol li a::after{content:"";font-family:fontawesome;position:absolute;right:-22px;color:var(--msColor);top:3px}.wrap:lang(en) .content-banners .banners ol li a::after{top:0}.content-banners .banners ol li:last-child a::after{content:unset}.content-banners .banners p{color:#000;font-weight:300;font-size:20px;line-height:30px}.bread-crumb li:last-child a::after{content:''}.bread-crumb li:first-child a::after{content:unset}p.showFilter,p.showFilter label{font-weight:300;font-size:15px;line-height:20px;color:#000}p.showFilter label{border:1px solid var(--msColor);padding:5px 35px 5px 15px;margin-left:5px;position:relative}p.showFilter label i{position:absolute;top:50%;right:17px;font-weight:100;font-size:32px;line-height:20px}p.showFilter label i::after,p.showFilter label i::before{content:" ";position:absolute;top:50%;left:50%;height:20px;width:2px;background-color:#000}p.showFilter label i::before{transform:translate(-50%,-50%) rotate(45deg)}p.showFilter label i::after{transform:translate(-50%,-50%) rotate(-45deg)}p.showFilter label:last-child{border:unset}p.showFilter label:hover{cursor:pointer;background:var(--msColor);color:#fff}p.showFilter label:hover i::after,p.showFilter label:hover i::before{background-color:#fff}p.showFilter label:last-child:hover{color:red;background:#fff}.box-sticky-top{position:relative;height:90vh;overflow:auto}.box-sticky-top::-webkit-scrollbar{width:6px!important}.box-sticky-top::-webkit-scrollbar-track{margin:13px 0}.box-sticky-top::-webkit-scrollbar-thumb{border-radius:3px;background-color:#e0e0e0}@media only screen and (max-width:1800px){.container-product{max-width:1600px}}@media only screen and (max-width:1700px){.pnavigator>div>ul>li:nth-child(3) .pdropdown-menu.row{min-width:430px;padding:15px 12px}}@media only screen and (max-width:1600px){.container-product{max-width:1500px}.psub{padding-top:20px;padding-bottom:20px}.pnavigator>div>ul>li:nth-child(3) .pdropdown-menu.row{min-width:400px}}@media only screen and (max-width:1500px){.pnavigator>div>ul>li:nth-child(3) .pdropdown-menu.row{min-width:350px}}@media only screen and (max-width:1400px){.sidebar-left{padding-right:15px}.pnavigator>div>ul>li:nth-child(3) .pmenu>li>ul{left:1px}.pnavigator>div>ul>li:nth-child(3) .pmenu .col-md-6{width:100%}.pnavigator>div>ul>li:nth-child(3) .pdropdown-menu.row{min-width:260px;padding:9px 5px}.pnavigator>div>ul>li:nth-child(2) .pdropdown-menu.row{min-width:430px;padding:15px 10px}}@media only screen and (max-width:1300px){.pnavigator>div>ul>li:nth-child(3) .pmenu>li>ul{left:-10px}.pnavigator>div>ul>li:nth-child(3) .pdropdown-menu.row{height:380px;overflow:scroll}.content-banners .banners a{font-size:28px;line-height:38px}}@media only screen and (max-width:1250px){.pnavigator>div>ul>li:nth-child(3) .pmenu>li>ul{left:-14px}}@media only screen and (max-width:1200px){.pnavigator>div>ul>li:nth-child(2) .pdropdown-menu.row{min-width:410px}.pnavigator>div>ul>li:nth-child(3) .pmenu>li>ul{left:-18px}}@media only screen and (max-width:1199px){.pnavigator>div>ul>li:nth-child(3) .pmenu>li>ul{left:-40px}}@media only screen and (max-width:1170px){.content-banners .banners a{font-size:25px;line-height:35px}}@media only screen and (max-width:1100px){.pnavigator>div>ul>li:nth-child(2) .pmenu .col-md-6{width:100%}.pnavigator>div>ul>li:nth-child(2) .pdropdown-menu.row{min-width:260px;padding:9px 5px}.pnavigator>div>ul>li .pdropdown-menu.row{height:300px;overflow:scroll}}@media only screen and (max-width:1080px){.pnavigator>div>ul>li:nth-child(3) .pmenu>li>ul{left:-77px}}@media only screen and (max-width:1050px){.content-banners .banners a{font-size:23px;line-height:33px}}@media only screen and (max-width:1024px){.content-banners .banners .navbar-ol a,.content-banners .banners h1{font-size:28px;line-height:38px}.widget-title.head-title{font-size:16px;line-height:26px}.content-banners .banners figcaption{left:45%;width:80%}.content-banners .banners .navbar-ol{padding:0 0 50px}.content-banners .banners .navbar-ol a{padding:0}.sidebar .widget-content .show-more,.sidebar .widget-content h3,.sidebar .widget-content ul.filter li span,.toggle-tab-title,.widget-title{font-size:13px}.catrea_sub a p{font-size:12px}.content-banners .banners p{font-size:18px;line-height:28px}.psub .col:first-child{width:25%}.psub .col:last-child{width:75%}.sorting li{margin-right:0}.sorting select{width:85px}.pnavigator>.container{width:1024px}.pmenu .pdropdown-menu a,.pnavigator a{font-size:15px;line-height:20px}.wrap:lang(en) .content-banners .banners ol li a::after{top:-1px}.pnavigator>div>ul>li:first-child{text-align:left;width:55%}.pnavigator>div>ul>li:nth-child(2),.pnavigator>div>ul>li:nth-child(3){width:0}.pnavigator>div>ul>li:nth-child(4){width:43%}.pnavigator>div>ul>li:nth-child(5){width:2%}.pnavigator>div>ul>li:nth-child(2) .pmenu>li>ul{left:-40px}}@media only screen and (max-width:990px){.pnavigator>div>ul>li:nth-child(3) .pmenu>li>ul{left:-92px}}@media only screen and (max-width:950px){.pnavigator>div>ul>li:nth-child(3) .pmenu>li>ul{left:-112px}}@media only screen and (max-width:900px){.pnavigator>div>ul>li:nth-child(2) .pmenu>li>ul{left:-50px}.pnavigator>div>ul>li:nth-child(3) .pmenu>li>ul{left:-135px}.sorting .fa{font-size:16px}.psub .col:first-child{width:33%}.psub .col:last-child{width:67%}.content-banners .banners figcaption{left:46%}}@media only screen and (max-width:850px){.pnavigator>div>ul>li:nth-child(3) .pmenu>li>ul{left:-155px}}@media only screen and (max-width:834px){.pnavigator>div>ul>li:nth-child(2) .pmenu>li>ul{left:-60px}}@media only screen and (max-width:824px){.product-info{min-height:115px}}@media only screen and (max-width:800px){.pnavigator>div>ul>li:nth-child(3) .pmenu>li>ul{left:-190px}.sorting select{width:75px}.content-banners .banners figcaption{left:51%;width:90%}}@media only screen and (max-width:767px){.product-info{min-height:90px}.box-sticky-top{position:relative;height:auto;overflow:hidden}.content-banners .banners .navbar-ol{display:none}.pnavigator>div>ul>li:first-child{width:100%}.pnavigator>div>ul>li:nth-child(2),.pnavigator>div>ul>li:nth-child(3),.pnavigator>div>ul>li:nth-child(4),.pnavigator>div>ul>li:nth-child(5){display:none}.content-banners .banners{position:unset;margin-top:10px}.content-banners .banners figcaption h2{display:none}.content-banners .banners figcaption h1{margin-top:0}.content-banners .banners figcaption{position:unset;top:unset;left:unset;width:100%;-moz-transform:unset;-webkit-transform:unset;-ms-transform:unset;transform:unset;padding:20px 0}.content-banners .banners figcaption p{font-weight:300;font-size:20px;line-height:30px}.psub{padding:20px 0}.catetype,.cateuse,.psub .col:first-child,.sorting,p.showFilter{display:none}.psub .col:last-child{width:100%}.grid-pro-color,.list-pro-color{padding:0 6px;margin-top:10px}.product-info{padding:0 10px}ul.filter-mobile{margin:0;padding:0;width:100%;text-decoration:none;list-style:none}ul.filter-mobile>li{position:relative;float:left;height:56px;border-top:1px solid #939191;border-bottom:1px solid #939191}ul.filter-mobile>li:nth-child(2),ul.filter-mobile>li:nth-child(3),ul.filter-mobile>li:nth-child(4){border-left:1px solid #939191}ul.filter-mobile>li:first-child{width:50%;border-left:1px solid #939191}ul.filter-mobile>li:nth-child(2){width:16.66%}ul.filter-mobile>li:nth-child(3){width:16.66%}ul.filter-mobile>li:nth-child(4){width:16.66%;border-right:1px solid #939191}ul.filter-mobile>li .cm{text-align:center;line-height:0;padding-top:7px}ul.filter-mobile>li .cm i{font-size:18px}ul.filter-mobile .list li p,ul.filter-mobile>li .cm p{font-size:15px;line-height:20px;padding:0;margin:0}ul.filter-mobile>li:nth-child(4) .cm{position:relative}ul.filter-mobile>li:nth-child(4) .cm .m-count{position:absolute;top:-5px;right:15px;background:var(--msColor);color:#fff;width:15px;height:15px;border-radius:50%;text-align:center;font-size:11px;line-height:15px}ul.filter-mobile>li>div:first-child,ul.filter-mobile>li>p{position:absolute;top:50%;left:50%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}ul.filter-mobile>li:first-child p{width:80%}.filter-mobile>li:first-child p b{color:var(--msColor)}.filter-mobile .list{position:absolute;top:55px;background:#fff;width:100%;height:auto;z-index:2}.filter-mobile .list ul{margin:0;padding:0;text-decoration:none;list-style:none}ul.filter-mobile .list li p{display:block;text-align:center;padding:5px 0}ul.filter-mobile .list li p:hover{cursor:pointer;background:#ddd}#mobile-sorting li.selected p,ul.filter-mobile .list li p.active{color:var(--msColor)}#mobile-sorting,#mobile-soview{display:none}.m-view.active i,.m-view.active p{color:var(--msColor)}.pdropdown-menu{position:unset;top:unset;left:unset}.pnavigator .navbar-ol a,.pnavigator .navbar-ol span{font-weight:700;color:#000}.bread-crumb a::after{top:2px}.wrap:lang(en) .bread-crumb a::after{top:-1px}.pnavigator>.container{padding:0}.pnavigator{border-top:unset;border-bottom:unset;padding-top:10px}.pnavigator .bread-crumb li:last-child span{color:var(--msColor)}.long-arrow-left{width:15px;height:15px;border-top:3px solid var(--msColor);border-left:3px solid var(--msColor);transform:rotate(-45deg);position:absolute;top:5px;left:4px}.wrap:lang(en) .long-arrow-left{top:0}.long-arrow-left::after{content:"";display:block;width:3px;height:25px;background-color:var(--msColor);transform:rotate(-45deg) translate(8px,2px);left:0;top:0}.pnavigator>div>ul>li:first-child ol li:first-child a{margin-right:40px}.nav-toggle{position:relative}.mobile-filter-nav{font-size:1.3rem;height:100vh;padding:0;overflow:scroll;width:80%;position:fixed;top:0;right:-80%;z-index:10001;padding-top:50px;background:#000;opacity:0;visibility:hidden}.mobile-filter-bg{display:none;position:fixed;top:0;width:100%;height:100vh;background:#000;z-index:1000}.mobile-filter-nav .mheader{height:57px;padding:15px;border-bottom:1px solid var(--msColor);background:#fff}.mobile-filter-nav .mheader p{font-weight:700;font-size:21px;line-height:28px}.mobile-filter-nav .mheader .mclose{font-size:26px;width:25px;height:25px;position:absolute;top:59px;right:25px}.mobile-filter-nav .mheader .mclose:hover{cursor:pointer}.mobile-filter-nav .mcontent{height:85%;overflow-y:scroll;padding:0 15px;background:#fff}.mobile-filter-nav .mcontent .widget{display:block!important;border:unset}.mobile-filter-nav .mcontent .p-b-custom,.mobile-filter-nav .mcontent .widget .head-title{display:none}.mobile-filter-nav .mcontent .widget .widget-title{font-weight:600;font-size:16px;line-height:21px}.catrea_sub a p,.mobile-filter-nav .mcontent .widget .widget-title,.mobile-filter-nav .mcontent .widget h3{font-size:16px!important;color:#222}.mobile-filter-nav .mcontent .widget h3 b{font-weight:300}.mobile-filter-nav .mcontent .widget h3{margin-left:-15px;margin-top:0;margin-bottom:15px}.mobile-filter-nav .mcontent .widget-content{padding:20px 15px}.mobile-filter-nav .mcontent .width-filter{float:unset;margin-left:unset}.mobile-filter-nav .mcontent .widget-content ul.filter li span{margin-left:18px;font-weight:300;font-size:15px;line-height:20px}.mobile-filter-nav .mfooter{height:57px;border-top:1px solid var(--msColor);padding:10px 15px;text-align:right;background:#fff}.mobile-filter-nav .mfooter .mreset{font-weight:300;font-size:18px;line-height:27px;color:#939191;background:#fff;border:unset;margin-right:15px}.mobile-filter-nav .mfooter .mdone{font-weight:700;font-size:21px;line-height:28px;color:#fff;background:var(--msColor);border:1px solid var(--msColor);padding:2px 20px}}@media only screen and (max-width:375px){ul.filter-mobile .list li p,ul.filter-mobile>li .cm p,ul.filter-mobile>li:first-child p{font-size:15px}}@media only screen and (max-width:360px){.mobile-filter-nav .mcontent{padding:0 20px}}@media only screen and (max-width:350px){.mobile-filter-nav .mcontent{padding:0 10px}}@media only screen and (max-width:320px){ul.filter-mobile .list li p,ul.filter-mobile>li .cm p{font-size:12px}.width-filter{border:unset;display:block!important}}
