.hpfilter{margin-bottom: 20px;padding-bottom: 20px;border-bottom: 1px solid #dddddd;}.hpfilter:last-child{margin-bottom: 0;padding-bottom: 0;border-bottom: none;}.hpfilter .priceFilter{padding-top: 10px;max-width: calc(100% - 20px);margin: 0 auto;}.hpfilter>.title{margin-bottom: 10px;font-size: 15px;line-height: 23px;font-weight: bold;font-family: 'Merriweather', serif;}.grip3Check{display: flex;flex-wrap: wrap;}.grip3Check > div{margin-right: 9px;margin-bottom: 10px;}.grip3Check > div:last-child{margin-right: 0;}.myCheckbox{height: 40px;display: flex;justify-content: center;align-items: center;align-content: center;padding: 5px 15px;border: 1px solid #dddddd;cursor: pointer;font-size: 13px;line-height: 21px;}.myCheckbox.active{background-color: #00a9e4;border-color: #00a9e4;color: #fff;}.myCheckbox input{display: none;}#valuePriceFilter{display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: flex;align-items: center;justify-content: space-between;}#valuePriceFilter .ccpri{width: 50%;display: flex;flex-wrap: wrap;align-content: center;align-items: center;margin: 0 -5px;margin-top: 10px;}#valuePriceFilter .ccpri:last-child{justify-content: flex-end;}#valuePriceFilter .ccpri:last-child input{}#valuePriceFilter input{width: auto;height: 30px;background: none;font-size: 12px;line-height: 20px;border: none;color: #333333;}#valuePriceFilter .tt{font-size: 13px;line-height: 21px;margin-right: 3px;}.designRange.ui-slider{background: #cccccc;height: 6px;border-radius: 5px;}.designRange.ui-slider .ui-slider-handle {border-radius: 5px;background: #fff;border: solid 1px #e6e6e6;top: -5px;}.designRange.ui-slider{background: #cccccc;height: 6px;border-radius: 5px;}.the-title-cat{font-size: 30px;line-height: 45px;text-transform: uppercase;font-weight: bold;padding-bottom: 10px;margin-bottom: 30px;position: relative;}.the-title-cat::before{content: '';position: absolute;width: 120px;height: 3px;background-color: #4e4e4e;bottom: 0;left: 0;}.the-banner-cat{border-radius: 10px;overflow: hidden;margin-bottom: 20px;}.the-dess-cat{text-align: justify;font-size: 15px;line-height: 23px;color:#fff;margin-bottom: 20px;}.prthumbnail {padding-left: 70px;position: relative;background-color: #fff;margin-bottom: 35px;}.vhthumbnavdt {width: 50px!important;position: absolute!important;top: 2px!important;left:0px;}.vhthumbnavdt .slick-list{padding-top: 2px;}.vhthumbnavdt .item{margin-bottom: 20px;cursor: pointer;position: relative;}.vhthumbnavdt .slick-current .item::before{background-color: rgba(0,0,0,0.7);}.vhthumbnavdt .item .img{position: relative;padding-top: 100%;}.vhthumbnavdt .item .img::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: 1px solid #00a9e4;pointer-events: none;opacity: 0;z-index: 2;}.vhthumbnavdt .slick-current.item .img{opacity: 1;}.vhthumbnavdt .slick-current.item .img::before{opacity: 1;}.vhthumbnavdt .item .img img{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);max-width: 100%;max-height: 100%;}.vhthumbnavdt .slick-arrow {position: absolute;width: 25px;height: 15px;background: none;border: none;font-size: 0;-webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;color:#666666;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);}.vhthumbnavdt .slick-prev{top:0;}.vhthumbnavdt .slick-next{bottom:0;}.vhthumbnavdt .slick-arrow:before {font-family: FontAwesome;position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);font-size: 40px;line-height: 50px;}.vhthumbnavdt .slick-prev:before{content: "\f106";}.vhthumbnavdt .slick-next:before{content: "\f107";}.vhthumbfordt{cursor: zoom-in;}.vhthumbfordt a{display: block;overflow: hidden;position: relative;padding-top: 100%;}.vhthumbfordt a img{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);max-width: 100%;max-height: 100%;}.vhthumbfordt .slick-dots{display: flex;flex-wrap: wrap;justify-content: center;align-content: center;align-items: center;margin-top: 10px;}.vhthumbfordt .slick-dots li{margin: 0 5px;}.vhthumbfordt .slick-dots li button{width: 8px;height: 8px;overflow: hidden;background-color: #999999;padding: 0;font-size: 0;border: none;border-radius: 100%;}.vhthumbfordt .slick-dots li.slick-active button{background-color: #333333;}.hpdecsdtpage{background-color: #fff;}.betitledtpage{padding-bottom: 12px;margin-bottom: 15px;border-bottom: 1px solid #e9f1fa;}.betitledtpage, .betitledtpage h1, .betitledtpage h2 {font-size: 30px;line-height: 45px;font-weight: 500;}.becontdtpage .dtparam{margin-bottom: 5px;}.becontdtpage .dtparam ul{display: flex;flex-wrap: wrap;align-items: center;align-content: center;}.becontdtpage .dtparam li{margin-right: 75px;display: flex;align-items: center;align-content: center;margin-bottom: 5px;}.becontdtpage .dtparam li:last-child{margin-right: 0;}.becontdtpage .dtparam li .tl {font-weight: bold;margin-right: 5px;}.becontdtpage .dtdecs{margin-bottom: 15px;}.becontdtpage .dtdecs p{padding: 0;}.becontdtpage .dtsize{margin-bottom: 15px;padding-bottom: 20px;border-bottom: 1px solid #e9f1fa;}.becontdtpage .dtsize .szname {font-weight: bold;margin-bottom: 5px;}.becontdtpage .dtsize .myCheckbox{min-width: 105px;}.becontdtpage .dtchoose{padding: 0px 0 20px;border-bottom: 1px solid rgba(0,0,0,0.1);margin-bottom: 15px;}.dtchoose .slchoose{display: flex;align-items: center;align-content: center;margin: 0 -5px;margin-bottom: 10px;}.dtchoose .slchoose:last-child{margin-bottom: 0;}.dtchoose .slchoose > div{padding: 0 5px;}.dtchoose .slchoose .ltxt{width: 90px;font-size: 15px;line-height: 23px;font-weight: bold;}.dtchoose .slchoose .rin{width: calc(100% - 90px);}.dtchoose .slchoose select{width: 100%;height: 40px;border: 1px solid #333333;padding: 0 40px 0 15px;background-color: #fff;}.becontdtpage .dtprice{margin-bottom: 15px;display: flex;flex-wrap: wrap;align-items: flex-end;align-content: flex-end;font-size: 25px;line-height: 37px;font-weight: bold;}.becontdtpage .dtprice > div{margin-right: 15px;}.becontdtpage .dtprice .prold{text-decoration: line-through;}.becontdtpage .dtprice .prnew{color: #cc0000;}.becontdtpage .prsto{color: #00a9e4;}.dtquaticart .qcquanti{display: flex;align-items: center;align-content: center;margin-bottom: 25px;}.dtquaticart .qcquanti .quantity{max-width: 200px;margin-right: 20px;}.dtquaticart .qcbulk{margin-bottom: 30px;}.dtquaticart .qcbulk .butext{margin-bottom: 8px;font-size: 14px;line-height: 22px;font-weight: bold;}.dtquaticart .qcbulk .buinfo ul{display: flex;flex-wrap: wrap;margin: 0 -5px;gap: 10px 0;}.dtquaticart .qcbulk .buinfo li{padding: 0 5px;width: calc(100% / 3);}.dtquaticart .qcbulk .buinfo li a{height: 100%;display: flex;flex-wrap: wrap;flex-direction: row;align-items: center;align-content: center;border: 1px solid #e6e6e6;border-radius: 3px;font-size: 14px;line-height: 22px;text-align: center;padding: 7px 5px;}.dtquaticart .qcbulk .buinfo li.active a, .dtquaticart .qcbulk .buinfo li:hover a{background-color: #00a9e4;color: #fff;}.dtquaticart .qcbulk .buinfo li a span{width: 100%;}.dtquaticart .qcbulk .buinfo li a .iinf{font-weight: bold;font-size: 16px;}.dtquaticart .qccart{display: flex;flex-wrap: wrap;align-items: center;align-content: center;margin: 0 -5px;margin-bottom: 20px;}.dtquaticart .qccart > div{padding: 0 5px;width: 50%;}.becontdtpage .dtnote{margin-bottom: 15px;padding: 14px 20px;font-weight: 500;text-transform: uppercase;border-left: 2px solid #0ec514;border-right: 2px solid #f98705;position: relative;}.becontdtpage .dtnote::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 2px;background: rgb(14,197,20);background: linear-gradient(90deg, rgba(14,197,20,1) 0%, rgba(41,148,214,1) 33%, rgba(232,61,91,1) 65%, rgba(249,135,5,1) 100%);}.becontdtpage .dtnote::after{content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 2px;background: rgb(14,197,20);background: linear-gradient(90deg, rgba(14,197,20,1) 0%, rgba(41,148,214,1) 33%, rgba(232,61,91,1) 65%, rgba(249,135,5,1) 100%);}.becontdtpage .dtshare{margin-bottom: 10px;display: flex;flex-wrap: wrap;align-items: center;align-content: center;}.becontdtpage .dtshare > div{margin-bottom: 5px;}.hplikedt{margin-left: 45px;position: relative;}.hplikedt a i{margin-left: 5px;}.hplikedt::before{content: '|';position: absolute;top: 50%;transform: translateY(-50%);left: -22px;opacity: 0.4;}.hptieminfodt{margin-bottom: 15px;}.hptieminfodt:last-child{margin-bottom: 0;}.hptieminfodt .mctitle{padding-bottom: 10px;padding-top: 5px;padding-right: 40px;position: relative;font-size: 18px;line-height: 27px;font-weight: 700;border-bottom: 1px solid #333333;cursor: pointer;font-family: 'Merriweather', serif;}.hptieminfodt .mctitle::before{content: '\e91e';font-family: 'icomoon' !important;position: absolute;top: 50%;transform: translateY(-50%) rotate(90deg);right: 10px;font-weight: 600;font-size: 14px;-webkit-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear;}.hptieminfodt.active .mctitle::before{transform: translateY(-50%) rotate(-90deg);}.hptieminfodt .mccont{padding: 15px 0 0;display: none;}.hptieminfodt .mccont p{padding: 0;}.grrow{display: flex;flex-wrap: wrap;margin: 0 -15px;}.grrow > div{padding: 0 15px;width: 50%;}.m_view a{display: block;font-size: 12px;line-height: 21px;color: #999999;font-style: italic;text-decoration: underline;padding: 10px;border: 1px solid #838383;text-transform: uppercase;}.m_view a span{padding-right: 20px;position: relative;}.m_view a span::before{content: "\f061";font-family: fontAwesome;position: absolute;right: 0;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);color: #51aa1b;}.vhsortall{position: relative;min-width: 170px;margin-left: 20px;}.vhsortall .icon {cursor: pointer;padding-right: 15px;position: relative;font-size: 13px;line-height: 21px;text-align: right;}.vhsortall .icon:before{content: "\f0d7";font-family: fontAwesome;position: absolute;right: 0;top: 0px;font-size: 14px;}.vhsortall.active .icon:before{content: "\f0d8";}.vhsortall .list{position: absolute;right:0px;top: calc(100% + 10px);min-width: 170px;background: #ffffff;z-index: 11;opacity: 0;pointer-events: none;border:solid 1px rgba(0,0,0,0.1);-webkit-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear;display: block;max-height: 210px;overflow: hidden;overflow-y: auto;}.vhsortall .list::-webkit-scrollbar{width: 4px;background-color: #F5F5F5;-webkit-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear;}.vhsortall .list::-webkit-scrollbar-thumb {background-color: #333333;-webkit-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear;}.vhsortall.active .list{opacity: 1;pointer-events: auto;}.vhsortall .list ul{width:100%;}.vhsortall .list ul li{display: block;border-top: 1px solid rgba(0,0,0,0.1);}.vhsortall .list ul li:nth-child(1){border-top: none;}.vhsortall .list ul li a {display: block;font-size: 13px;line-height: 21px;padding: 8px 15px;position: relative;text-transform: uppercase;color: #333333;}.vhsortall .list ul li:hover a{background-color: #e5e5e5;}.grfillsort{position: relative;display: flex;flex-wrap: wrap;justify-content: space-between;margin-bottom: 15px;align-items: center;align-content: center;}.vhfillall a{display: flex;align-items: center;align-content: center;font-size: 13px;line-height: 21px;text-transform: uppercase;color: #333333;}.vhfillall a .ii{margin-left: 10px;width: 15px;}.vhfillall a:hover{color: #00a9e4;}.designPopup .fancybox-close-small{padding: 0;top: 10px;right: 10px;color: #000000;}.toolbtnsell{display: flex;flex-wrap: wrap;align-content: center;align-items: center;margin: 0 -4px;max-width: 370px;width: 100%;}.toolbtnsell > div{padding: 0 5px;width: 50%;}.vhbtncart a{display: flex;justify-content: center;align-items: center;align-content: center;width: 100%;height: 40px;text-align: center;background-color:#06a7de;color: #fff;font-weight: 700;font-size: 14px;line-height: 22px;text-transform: uppercase;border-radius: 3px;}.vhbtncart a:hover{background-color: #b61034;}.vhbtncall a{display: flex;justify-content: center;align-items: center;align-content: center;width: 100%;height: 40px;text-align: center;background-color:#523594;color: #fff;font-size: 14px;line-height: 22px;border-radius: 3px;}.vhbtncall a strong{margin-left: 5px;}.vhbtncall a:hover{background-color: #b61034;}.hpsharedt .grshare{display: flex;flex-wrap: wrap;align-content: center;align-items: center;}.hpsharedt .grshare > span{margin-right: 10px;display: block;color: #666666;}.hpsharedt .grshare ul{display: flex;flex-wrap: wrap;align-content: center;align-items: center;}.hpsharedt .grshare li{margin-right: 20px;}.hpsharedt .grshare li:last-child{margin-right: 0;}.hpsharedt .grshare li a{color: #666666;font-size: 16px;display: inline-block;}.hpsharedt .grshare li a:hover{color: #000000;}.hpsharedt .grlike span{display: inline-block;position: relative;padding-left: 20px;}.hpsharedt .grlike span::before{font-family: fontAwesome;position: absolute;left: 0;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);color: #999999;}.blfillpage{margin-bottom: 10px;}.blfillpage ul{display: flex;flex-wrap: wrap;align-items: center;align-content: center;}.blfillpage ul li{margin-right: 8px;margin-bottom: 8px;}.blfillpage ul li:last-child{margin-right: 0;}.blfillpage li .ifill{padding: 4px 10px;background-color: #eeeeee;display: flex;justify-content: center;align-items: center;align-content: center;font-size: 13px;line-height: 22px;text-transform: uppercase;}.blfillpage li .ifill .dfi{margin-left: 10px;display: block;width: 10px;height: 10px;}.vhpopfilter{position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 1112;pointer-events: none;}.vhpopfilter .bghidepop{position: absolute;z-index: 1;top: 0;left: 0;width: 100%;height: 100%;background-color: #000000;opacity: 0;pointer-events: none;-webkit-transition: all 0.2s linear;-o-transition: all 0.2s linear;transition: all 0.2s linear;}.vhpopfilter.active .bghidepop{opacity: 0.5;pointer-events: auto;}.vhpopfilter .fillcontpop{position: absolute;top: 0;right: 0;height: 100%;max-width: 400px;width: 100%;z-index: 2;background-color: #fff;transform: translateX(100%);opacity: 0;pointer-events: none;-webkit-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear;}.vhpopfilter.active .fillcontpop{transform: initial;opacity: 1;pointer-events: auto;}.fillcontpop .ttpopfill{padding: 20px 70px 20px 30px;border-bottom: 1px solid #cccccc;position: relative;}.fillcontpop .ttpopfill .fititle, .fillcontpop .ttpopfill .fititle h3{font-size: 15px;line-height: 23px;font-weight: 400;text-transform: uppercase;}.fillcontpop .btnclose{width: 15px;height: 15px;position: absolute;top: 50%;transform: translateY(-50%);right: 30px;cursor: pointer;pointer-events: auto;}.fillcontpop .btnclose a{display: block;width: 100%;height: 100%;}.fillcontpop .btnclose a img{width: 100%;height: 100%;}.fillcontpop .ctpopfill{padding: 20px 30px;height: calc(100% - 144px);}.fillcontpop .scfull{max-height: 100%;overflow: hidden;overflow-y: auto;}.fillcontpop .scfull::-webkit-scrollbar{width: 5px;background-color: #F5F5F5;-webkit-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear;}.fillcontpop .scfull::-webkit-scrollbar-thumb {background-color: #333333;-webkit-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear;}.fillcontpop .btpopfill{padding: 20px 30px;position: relative;}.fillcontpop .btpopfill::before{content: '';position: absolute;top: 0;left: 30px;right: 30px;border-top: 1px solid #cccccc;}.fillcontpop .btpopfill .gripbt{display: flex;align-items: center;align-content: center;margin: 0 -5px;}.fillcontpop .btpopfill .gripbt > div{padding: 0 5px;width: 50%;}.fillcontpop .btnclear a, .fillcontpop .btnclear button{width: 100%;display: flex;justify-content: center;align-items: center;align-content: center;text-align: center;background-color: #eeeeee;height: 40px;padding: 5px;border: none;}.fillcontpop .btnclear a:hover, .fillcontpop .btnclear button:hover{background-color: #523594;color: #fff;}.fillcontpop .btnapply a, .fillcontpop .btnapply button{width: 100%;display: flex;justify-content: center;align-items: center;align-content: center;text-align: center;border: none;background-color: #523594;color: #fff;height: 40px;padding: 5px;}.fillcontpop .btnapply a span, .fillcontpop .btnapply button span{display: inline-block;margin-left: 5px;}.fillcontpop .btnapply a:hover, .fillcontpop .btnapply button:hover{background-color: #b61034;}.slorther .slick-track{display: flex;flex-wrap: wrap;}#vntpopzoom{position: absolute;top: 0;left: 0;right: 0;bottom: 0;padding: 30px 15px;margin: 0!important;height: 100vh;}.vhzoompage{display: flex;flex-wrap: wrap;justify-content: center;align-items: center;align-content: center;height: 100%;max-height: 100%;padding-bottom: 70px;position: relative;}.vhzoompage .vhzoomfor{position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);z-index: 1;pointer-events: auto;width: 100%;max-width: 970px;}.vhzoomnav .slick-arrow{position: fixed!important;border-radius: 100%;}.vhzoomfor .slick-track{text-align: center;}.vhzoomfor .slick-list{width: 100%;margin: 0 -3px;}.vhzoomfor .slick-slide{margin: 0 auto;padding: 0 3px;}.vhzoomfor .item .img{padding-top: 100%;border: 1px solid transparent;position: relative;}.vhzoomfor .slick-current .img{border-color: #00a9e4;}.vhzoomfor .item .img img{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);max-width: 95%;max-height: 95%;}.vhzoompage > div{width: 100%;}.vhzoompage .vhzoomnav {max-width: 970px;margin: 0 auto;text-align: center;}.vhzoompage .vhzoomnav .img, .vhzoompage .vhzoomnav img{max-height: calc(100vh - 130px);}.vhzoompage .vhzoomnav img{margin: 0 auto;}.styzoom .fancybox-toolbar{opacity: 1;visibility: initial;}.styzoom .fancybox-button{background-color: transparent;color: #333333;}.styzoom .fancybox-button:hover{color: #00a9e4;}.styomplete .fancybox-slide{background-color: transparent;overflow: hidden!important;}.styomplete .fancybox-content{height: 100%!important;background: transparent;}.styomplete .fancybox-button{opacity: 0;pointer-events: auto;z-index: 11111;}.styomplete .fancybox-slide{padding: 0px;}.hportherbl {padding: 60px 0 100px;border-bottom: 1px solid #ffff;}.hportherbl:last-child{border-bottom: none;}.slproducth .slick-list{padding: 0 0 10px 0;}@media all and (max-width: 1200px){.vhthumbnavdt .item{margin-bottom: 15px;}}@media all and (max-width: 991px){.styomplete .fancybox-slide{padding: 10px;}.hportherbl{padding: 30px 0 60px;}.vhsortall .list{top: 40px;width: 100%;}.vhsortall{margin-left: 0;}.prthumbnail .zoom{text-align: right;}.betitledtpage, .betitledtpage h1, .betitledtpage h2{font-size: 20px;line-height: 30px;}.becontdtpage .dtparam li{margin-right: 30px;}.becontdtpage .dtprice{font-size: 22px;line-height: 32px;}.grrow > div{width: 100%;}.hportherbl .vhcontor{margin-right: -15px;}.slproducth .vhproduct{width: 270px;}}@media all and (max-width: 767px){.prthumbnail{margin-bottom: 20px;}.grfillsort{margin-bottom: 5px;}.grfillsort > div{margin-bottom: 10px;}.grfillsort .vnttitle{margin-bottom: 5px;}.vhsortall{width: 100%;}.vhthumbnavdt{width: 50px;left: 0;}.dtquaticart .qccart > div{width: 100%;margin-bottom: 10px;}.fillcontpop .ttpopfill{padding: 20px 50px 20px 15px;}.fillcontpop .btnclose{right: 15px;}.fillcontpop .ctpopfill{padding: 20px 15px 20px 15px;}.fillcontpop .btpopfill{padding: 20px 15px;}.fillcontpop .btpopfill::before{left: 15px;right: 15px;}}