@charset "utf-8";
/* CSS Document*/
body.page-home{
	--bs-white-rgb: #F2F2F2;
}
body.page-blog,
body.products-group{
	overflow-x: visible;
}
.owl-carousel .owl-stage{
	display: flex;
}
body.offcanvas-open .pagemain-wrapper{
	position: relative; z-index: 9100;
}
/***************/
select{
	font-size: 14px;
}
.loadmore{
	display: none;
}
#js-copyvalue-wrapper{
	--bs-toast-padding-x: .45rem .75rem;
	font-size: 12px; font-weight: 300;
	line-height: 20px;
}
/************************/
.lg-sub-html,.lg-toolbar{background-color:rgba(0,0,0,.45)}@font-face{font-family:lg;src:url(../fonts/lg.eot?n1z373);src:url(../fonts/lg.eot?#iefixn1z373) format("embedded-opentype"),url(../fonts/lg.woff?n1z373) format("woff"),url(../fonts/lg.ttf?n1z373) format("truetype"),url(../fonts/lg.svg?n1z373#lg) format("svg");font-weight:400;font-style:normal}.lg-icon{font-family:lg;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.lg-actions .lg-next,.lg-actions .lg-prev{background-color:rgba(0,0,0,.45);border-radius:2px;color:#999;cursor:pointer;display:block;font-size:22px;margin-top:-10px;padding:8px 10px 9px;position:absolute;top:50%;z-index:1080;border:none;outline:0}.lg-actions .lg-next.disabled,.lg-actions .lg-prev.disabled{pointer-events:none;opacity:.5}.lg-actions .lg-next:hover,.lg-actions .lg-prev:hover{color:#FFF}.lg-actions .lg-next{right:20px}.lg-actions .lg-next:before{content:"\e095"}.lg-actions .lg-prev{left:20px}.lg-actions .lg-prev:after{content:"\e094"}@-webkit-keyframes lg-right-end{0%,100%{left:0}50%{left:-30px}}@-moz-keyframes lg-right-end{0%,100%{left:0}50%{left:-30px}}@-ms-keyframes lg-right-end{0%,100%{left:0}50%{left:-30px}}@keyframes lg-right-end{0%,100%{left:0}50%{left:-30px}}@-webkit-keyframes lg-left-end{0%,100%{left:0}50%{left:30px}}@-moz-keyframes lg-left-end{0%,100%{left:0}50%{left:30px}}@-ms-keyframes lg-left-end{0%,100%{left:0}50%{left:30px}}@keyframes lg-left-end{0%,100%{left:0}50%{left:30px}}.lg-outer.lg-right-end .lg-object{-webkit-animation:lg-right-end .3s;-o-animation:lg-right-end .3s;animation:lg-right-end .3s;position:relative}.lg-outer.lg-left-end .lg-object{-webkit-animation:lg-left-end .3s;-o-animation:lg-left-end .3s;animation:lg-left-end .3s;position:relative}.lg-toolbar{z-index:1082;left:0;position:absolute;top:0;width:100%}.lg-toolbar .lg-icon{color:#999;cursor:pointer;float:right;font-size:17px;height:47px;line-height:27px;padding:10px 0;text-align:center;width:50px;text-decoration:none!important;outline:0;-webkit-transition:color .2s linear;-o-transition:color .2s linear;transition:color .2s linear}.lg-toolbar .lg-icon:hover{color:#FFF}.lg-toolbar .lg-close:after{content:"\e070"}.lg-toolbar .lg-download:after{content:"\e0f2"}.lg-sub-html{bottom:0;color:#EEE;font-size:16px;left:0;padding:10px 40px;position:fixed;right:0;text-align:center;z-index:1080}.lg-sub-html h4{margin:0;font-size:13px;font-weight:700}.lg-sub-html p{font-size:12px;margin:5px 0 0}#lg-counter{color:#999;display:inline-block;font-size:16px;padding-left:20px;padding-top:12px;vertical-align:middle}.lg-next,.lg-prev,.lg-toolbar{opacity:1;-webkit-transition:-webkit-transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear;-moz-transition:-moz-transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear;-o-transition:-o-transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear;transition:transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear}.lg-hide-items .lg-prev{opacity:0;-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}.lg-hide-items .lg-next{opacity:0;-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}.lg-hide-items .lg-toolbar{opacity:0;-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object{-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5);opacity:0;-webkit-transition:-webkit-transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;-moz-transition:-moz-transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;-o-transition:-o-transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;transition:transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%}body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity:1}.lg-outer .lg-thumb-outer{background-color:#0D0A0A;bottom:0;position:absolute;width:100%;z-index:1080;max-height:350px;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1) 0s;-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1) 0s;-o-transition:-o-transform .25s cubic-bezier(0,0,.25,1) 0s;transition:transform .25s cubic-bezier(0,0,.25,1) 0s}.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item{cursor:-webkit-grab;cursor:-moz-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing}.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb{-webkit-transition-duration:0s!important;transition-duration:0s!important}.lg-outer.lg-thumb-open .lg-thumb-outer{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.lg-outer .lg-thumb{padding:10px 0;height:100%;margin-bottom:-5px}.lg-outer .lg-thumb-item{cursor:pointer;float:left;overflow:hidden;height:100%;border:1px solid #fff;border-radius:4px;margin-bottom:5px}@media (min-width:1025px){.lg-outer .lg-thumb-item{-webkit-transition:border-color .25s ease;-o-transition:border-color .25s ease;transition:border-color .25s ease}}.lg-outer .lg-thumb-item.active,.lg-outer .lg-thumb-item:hover{border-color:#a90707}.lg-outer .lg-thumb-item img{width:100%;height:100%;object-fit:cover}.lg-outer.lg-has-thumb .lg-item{padding-bottom:120px}.lg-outer.lg-can-toggle .lg-item{padding-bottom:0}.lg-outer.lg-pull-caption-up .lg-sub-html{-webkit-transition:bottom .25s ease;-o-transition:bottom .25s ease;transition:bottom .25s ease}.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html{bottom:100px}.lg-outer .lg-toogle-thumb{background-color:#0D0A0A;border-radius:2px 2px 0 0;color:#999;cursor:pointer;font-size:24px;height:39px;line-height:27px;padding:5px 0;position:absolute;right:20px;text-align:center;top:-39px;width:50px}.lg-outer .lg-toogle-thumb:hover,.lg-outer.lg-dropdown-active #lg-share{color:#FFF}.lg-outer .lg-toogle-thumb:after{content:"\e1ff"}.lg-outer .lg-video-cont{display:inline-block;vertical-align:middle;max-width:1140px;max-height:100%;width:100%;padding:0 5px}.lg-outer .lg-video{width:100%;height:0;padding-bottom:56.25%;overflow:hidden;position:relative}.lg-outer .lg-video .lg-object{display:inline-block;position:absolute;top:0;left:0;width:100%!important;height:100%!important}.lg-outer .lg-video .lg-video-play{width:84px;height:59px;position:absolute;left:50%;top:50%;margin-left:-42px;margin-top:-30px;z-index:1080;cursor:pointer}.lg-outer .lg-has-iframe .lg-video{-webkit-overflow-scrolling:touch;overflow:auto}.lg-outer .lg-has-vimeo .lg-video-play{background:url(../img/vimeo-play.png) no-repeat}.lg-outer .lg-has-vimeo:hover .lg-video-play{background:url(../img/vimeo-play.png) 0 -58px no-repeat}.lg-outer .lg-has-html5 .lg-video-play{background:url(../img/video-play.png) no-repeat;height:64px;margin-left:-32px;margin-top:-32px;width:64px;opacity:.8}.lg-outer .lg-has-html5:hover .lg-video-play{opacity:1}.lg-outer .lg-has-youtube .lg-video-play{background:url(../img/youtube-play.png) no-repeat}.lg-outer .lg-has-youtube:hover .lg-video-play{background:url(../img/youtube-play.png) 0 -60px no-repeat}.lg-outer .lg-video-object{width:100%!important;height:100%!important;position:absolute;top:0;left:0}.lg-outer .lg-has-video .lg-video-object{visibility:hidden}.lg-outer .lg-has-video.lg-video-playing .lg-object,.lg-outer .lg-has-video.lg-video-playing .lg-video-play{display:none}.lg-outer .lg-has-video.lg-video-playing .lg-video-object{visibility:visible}.lg-progress-bar{background-color:#333;height:5px;left:0;position:absolute;top:0;width:100%;z-index:1083;opacity:0;-webkit-transition:opacity 80ms ease 0s;-moz-transition:opacity 80ms ease 0s;-o-transition:opacity 80ms ease 0s;transition:opacity 80ms ease 0s}.lg-progress-bar .lg-progress{background-color:#a90707;height:5px;width:0}.lg-progress-bar.lg-start .lg-progress{width:100%}.lg-show-autoplay .lg-progress-bar{opacity:1}.lg-autoplay-button:after{content:"\e01d"}.lg-show-autoplay .lg-autoplay-button:after{content:"\e01a"}.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image,.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap{-webkit-transition-duration:0s;transition-duration:0s}.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap{-webkit-transition:-webkit-transform .3s cubic-bezier(0,0,.25,1) 0s;-moz-transition:-moz-transform .3s cubic-bezier(0,0,.25,1) 0s;-o-transition:-o-transform .3s cubic-bezier(0,0,.25,1) 0s;transition:transform .3s cubic-bezier(0,0,.25,1) 0s}.lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap{-webkit-transition:left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s;-moz-transition:left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s;-o-transition:left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s;transition:left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s}.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);-webkit-transition:-webkit-transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s!important;-moz-transition:-moz-transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s!important;-o-transition:-o-transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s!important;transition:transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s!important;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}#lg-zoom-in:after{content:"\e311"}#lg-actual-size{font-size:20px}#lg-actual-size:after{content:"\e033"}#lg-zoom-out{opacity:.5;pointer-events:none}#lg-zoom-out:after{content:"\e312"}.lg-zoomed #lg-zoom-out{opacity:1;pointer-events:auto}.lg-outer .lg-pager-outer{bottom:60px;left:0;position:absolute;right:0;text-align:center;z-index:1080;height:10px}.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont{overflow:visible}.lg-outer .lg-pager-cont{cursor:pointer;display:inline-block;overflow:hidden;position:relative;vertical-align:top;margin:0 5px}.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.lg-outer .lg-pager-cont.lg-pager-active .lg-pager{box-shadow:0 0 0 2px #fff inset}.lg-outer .lg-pager-thumb-cont{background-color:#fff;color:#FFF;bottom:100%;height:83px;left:0;margin-bottom:20px;margin-left:-60px;opacity:0;padding:5px;position:absolute;width:120px;border-radius:3px;-webkit-transition:opacity .15s ease 0s,-webkit-transform .15s ease 0s;-moz-transition:opacity .15s ease 0s,-moz-transform .15s ease 0s;-o-transition:opacity .15s ease 0s,-o-transform .15s ease 0s;transition:opacity .15s ease 0s,transform .15s ease 0s;-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}.lg-outer .lg-pager-thumb-cont img{width:100%;height:100%}.lg-outer .lg-pager{background-color:rgba(255,255,255,.5);border-radius:50%;box-shadow:0 0 0 8px rgba(255,255,255,.7) inset;display:block;height:12px;-webkit-transition:box-shadow .3s ease 0s;-o-transition:box-shadow .3s ease 0s;transition:box-shadow .3s ease 0s;width:12px}.lg-outer .lg-pager:focus,.lg-outer .lg-pager:hover{box-shadow:0 0 0 8px #fff inset}.lg-outer .lg-caret{border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px dashed;bottom:-10px;display:inline-block;height:0;left:50%;margin-left:-5px;position:absolute;vertical-align:middle;width:0}.lg-fullscreen:after{content:"\e20c"}.lg-fullscreen-on .lg-fullscreen:after{content:"\e20d"}.lg-outer #lg-dropdown-overlay{background-color:rgba(0,0,0,.25);bottom:0;cursor:default;left:0;position:fixed;right:0;top:0;z-index:1081;opacity:0;visibility:hidden;-webkit-transition:visibility 0s linear .18s,opacity .18s linear 0s;-o-transition:visibility 0s linear .18s,opacity .18s linear 0s;transition:visibility 0s linear .18s,opacity .18s linear 0s}.lg-outer.lg-dropdown-active #lg-dropdown-overlay,.lg-outer.lg-dropdown-active .lg-dropdown{-webkit-transition-delay:0s;transition-delay:0s;-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1;visibility:visible}.lg-outer .lg-dropdown{background-color:#fff;border-radius:2px;font-size:14px;list-style-type:none;margin:0;padding:10px 0;position:absolute;right:0;text-align:left;top:50px;opacity:0;visibility:hidden;-moz-transform:translate3d(0,5px,0);-o-transform:translate3d(0,5px,0);-ms-transform:translate3d(0,5px,0);-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0);-webkit-transition:-webkit-transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s;-moz-transition:-moz-transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s;-o-transition:-o-transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s;transition:transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s}.lg-outer .lg-dropdown:after{content:"";display:block;height:0;width:0;position:absolute;border:8px solid transparent;border-bottom-color:#FFF;right:16px;top:-16px}.lg-outer .lg-dropdown>li:last-child{margin-bottom:0}.lg-outer .lg-dropdown>li:hover .lg-icon,.lg-outer .lg-dropdown>li:hover a{color:#333}.lg-outer .lg-dropdown a{color:#333;display:block;white-space:pre;padding:4px 12px;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:12px}.lg-outer .lg-dropdown a:hover{background-color:rgba(0,0,0,.07)}.lg-outer .lg-dropdown .lg-dropdown-text{display:inline-block;line-height:1;margin-top:-3px;vertical-align:middle}.lg-outer .lg-dropdown .lg-icon{color:#333;display:inline-block;float:none;font-size:20px;height:auto;line-height:1;margin-right:8px;padding:0;vertical-align:middle;width:auto}.lg-outer,.lg-outer .lg,.lg-outer .lg-inner{width:100%;height:100%}.lg-outer #lg-share{position:relative}.lg-outer #lg-share:after{content:"\e80d"}.lg-outer #lg-share-facebook .lg-icon{color:#3b5998}.lg-outer #lg-share-facebook .lg-icon:after{content: "\f09a";}.lg-outer #lg-share-twitter .lg-icon{color:#00aced}.lg-outer #lg-share-twitter .lg-icon:after{content:"\f099"}.lg-outer #lg-share-googleplus .lg-icon{color:#dd4b39}.lg-outer #lg-share-googleplus .lg-icon:after{content:"\f0d5"}.lg-outer #lg-share-pinterest .lg-icon{color:#cb2027}.lg-outer #lg-share-pinterest .lg-icon:after{content:"\f0d2"}.lg-group:after{content:"";display:table;clear:both}.lg-outer{position:fixed;top:0;left:0;z-index:1050;text-align:left;opacity:0;-webkit-transition:opacity .15s ease 0s;-o-transition:opacity .15s ease 0s;transition:opacity .15s ease 0s}.lg-outer *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.lg-outer.lg-visible{opacity:1}.lg-outer.lg-css3 .lg-item.lg-current,.lg-outer.lg-css3 .lg-item.lg-next-slide,.lg-outer.lg-css3 .lg-item.lg-prev-slide{-webkit-transition-duration:inherit!important;transition-duration:inherit!important;-webkit-transition-timing-function:inherit!important;transition-timing-function:inherit!important}.lg-outer.lg-css3.lg-dragging .lg-item.lg-current,.lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide,.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide{-webkit-transition-duration:0s!important;transition-duration:0s!important;opacity:1}.lg-outer.lg-grab img.lg-object{cursor:-webkit-grab;cursor:-moz-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.lg-outer.lg-grabbing img.lg-object{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing}.lg-outer .lg{position:relative;overflow:hidden;margin-left:auto;margin-right:auto;max-width:100%;max-height:100%}.lg-outer .lg-inner{position:absolute;left:0;top:0;white-space:nowrap}.lg-outer .lg-item{background:url(../img/loading.gif) center center no-repeat;display:none!important}.lg-outer.lg-css .lg-current,.lg-outer.lg-css3 .lg-current,.lg-outer.lg-css3 .lg-next-slide,.lg-outer.lg-css3 .lg-prev-slide{display:inline-block!important}.lg-outer .lg-img-wrap,.lg-outer .lg-item{display:inline-block;text-align:center;position:absolute;width:100%;height:100%}.lg-outer .lg-img-wrap:before,.lg-outer .lg-item:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}.lg-outer .lg-img-wrap{position:absolute;padding:0 5px;left:0;right:0;top:0;bottom:0}.lg-outer .lg-item.lg-complete{background-image:none}.lg-outer .lg-item.lg-current{z-index:1060}.lg-outer .lg-image{display:inline-block;vertical-align:middle;max-width:100%;max-height:100%;width:auto!important;height:auto!important}.lg-outer.lg-show-after-load .lg-item .lg-object,.lg-outer.lg-show-after-load .lg-item .lg-video-play{opacity:0;-webkit-transition:opacity .15s ease 0s;-o-transition:opacity .15s ease 0s;transition:opacity .15s ease 0s}.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object,.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play{opacity:1}.lg-outer .lg-empty-html,.lg-outer.lg-hide-download #lg-download{display:none}.lg-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1040;background-color:#000;opacity:0;-webkit-transition:opacity .15s ease 0s;-o-transition:opacity .15s ease 0s;transition:opacity .15s ease 0s}.lg-backdrop.in{opacity:1}.lg-css3.lg-no-trans .lg-current,.lg-css3.lg-no-trans .lg-next-slide,.lg-css3.lg-no-trans .lg-prev-slide{-webkit-transition:none 0s ease 0s!important;-moz-transition:none 0s ease 0s!important;-o-transition:none 0s ease 0s!important;transition:none 0s ease 0s!important}.lg-css3.lg-use-css3 .lg-item,.lg-css3.lg-use-left .lg-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}.lg-css3.lg-fade .lg-item{opacity:0}.lg-css3.lg-fade .lg-item.lg-current{opacity:1}.lg-css3.lg-fade .lg-item.lg-current,.lg-css3.lg-fade .lg-item.lg-next-slide,.lg-css3.lg-fade .lg-item.lg-prev-slide{-webkit-transition:opacity .1s ease 0s;-moz-transition:opacity .1s ease 0s;-o-transition:opacity .1s ease 0s;transition:opacity .1s ease 0s}.lg-css3.lg-slide.lg-use-css3 .lg-item{opacity:0}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current,.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide,.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide{-webkit-transition:-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-moz-transition:-moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-o-transition:-o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;transition:transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s}.lg-css3.lg-slide.lg-use-left .lg-item{opacity:0;position:absolute;left:0}.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide{left:-100%}.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide{left:100%}.lg-css3.lg-slide.lg-use-left .lg-item.lg-current{left:0;opacity:1}.lg-css3.lg-slide.lg-use-left .lg-item.lg-current,.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide,.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide{-webkit-transition:left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-moz-transition:left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-o-transition:left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;transition:left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s}

/********************/
.lg-backdrop,
.lg-outer{
	z-index:9999;
}
.lg-outer .lg-thumb-outer{
	text-align:center;
}
.lg-outer .lg-thumb{
	margin:auto;
}
.lg-icon{
	-moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
	font-family: 'Font Awesome 5 Free';
  font-weight: 900;
}
.lg-outer .lg-toogle-thumb::after{
	content: "\f103";
}
.lg-actions .lg-next::before{
	content: "\f101";
}
.lg-actions .lg-prev::after{
	content: "\f100";
}
.lg-toolbar .lg-close::after{
	content: "\f00d";
}
.lg-autoplay-button::after{
	content: "\f144";
}
.lg-show-autoplay .lg-autoplay-button::after{
	content: "\f28b";
}
.lg-fullscreen::after{
	content: "\f0b2";
}
#lg-zoom-in::after{
	content: "\f00e";
}
#lg-zoom-out::after{
	content: "\f010";
}
#lg-actual-size{
	display:none;
}
.lg-outer #lg-share::after{
	content: "\f1e1";
}
/************/
.lg-outer .lg-image{
	display: inline-block;
	max-height: 70vh; width: auto;
	object-fit: contain; object-position: center;
}
/***********************/
.homeslide_lg{
	position: relative; 
	z-index: 1;
}
.homeslide_lg .owl-nav { opacity: 0.3; }
.homeslide_lg:hover .owl-nav { opacity: 1; }
.homeslide_lg .owl-nav .owl-next,
.homeslide_lg .owl-nav .owl-prev{
	position: absolute; top: 50%; z-index: 9;
	transform: translateY( -50%);
	width: 38px; height: 38px;
	padding: 0;
	text-align: center;
	border-radius: 50%; overflow: hidden;
	line-height: 38px; font-size: 15px;
	background-color: rgba( 255, 255, 255, .85);
	color: #000;
}
.homeslide_lg .owl-nav .owl-next{
	right: calc( (100vw - 1380px) / 2 );
}
.homeslide_lg .owl-nav .owl-prev{
	left: calc( (100vw - 1380px) / 2 );
}
.homeslide_lg .owl-nav .owl-next:hover,
.homeslide_lg .owl-nav .owl-prev:hover{
	background-color: var( --color-red);
	color: #fff;
}
/*****************************/
.homebanner__container{
	position: relative; z-index: 2;
	--bs-gutter-x: 1.5rem;
	padding-top: 0px; padding-bottom: 30px;
	display: flex; flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	margin-top: -120px;
	margin-bottom: 1.5rem;
}
.homebanner__item{
	flex: 0 0 auto;
	width: calc( 100% / 3);
	padding-left: calc( .5 * var(--bs-gutter-x));
	padding-right: calc( .5 * var(--bs-gutter-x));
	margin: 0;
}
.homebanner__item img{
	display: flex;
	width: 100%;
	object-fit: cover; object-position: center top;
	border-radius: .35rem;
	
}
/***********************/
/* 
.homebanner__box,
.homebanner__item{
	display: block; color: inherit;
	position: relative; overflow: hidden;
	margin: 0;
	font-size: 13px;
}
.homebanner__box:hover{
	color: inherit; text-decoration: none;
}
.homebanner__title{
	font-weight: normal;
	margin: 0 0 10px;	padding: 0;
	font-size: 21px;
	letter-spacing: 2px;	line-height: 1.4;
}
.homebanner__title b{
	font-size: 31px;
}
.homebanner__btn{
	min-width: 190px;
} */
.homebanner__box{
	display: block; color: inherit;
	position: relative; overflow: hidden;
	margin: 0;
	font-size: 13px;
}
.homebanner__box:hover{
	color: inherit; text-decoration: none;
}

/*************/
/*************/
.homebanner__top .homebanner__item{
	padding-left: 0px; padding-right: 0px;
}
.homebanner__top a{
	display: block;
	border-radius: 8px; overflow: hidden;
}
/*****************************/
.homebanner__icon b{
	font-weight: bold; font-size: 11px;
		display: block; 		line-height: 14px;
		white-space: normal;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
}
/*****************************/
.homebanner__center,
.homebanner__bottom{
		color: #FFF;
}
.homebanner__container p{
	margin-bottom: 0;
}
.homebanner__center .homeintro__btn,
.homebanner__bottom .homeintro__btn{
	border-color: #FFF;
}
.homebanner__center .homebanner__caption{
	bottom: 50px; top: auto;
}
.homebanner__center .homebanner__title{
	font-size: 18px; line-height: 1.5;
	margin-bottom: 18px;
	font-weight: bold;
}
.homebanner__center .homeintro__btn{
	min-width: 160px;
}
.homebanner__center{
	padding-bottom: 0;
}
.homebanner__center > .row{
	margin-left: -12px; margin-right: -12px;
}
.homebanner__center .homebanner__item{
	padding-left: 12px; padding-right: 12px;
}
/***************************
***************************/
.home-tieuchi{
		margin-left: 0; margin-right: 0;
		background: #FFF;
		padding:  40px 20px 5px;
		margin-bottom: 2rem;
}
.home-tieuchi > .col{
	margin-bottom: 25px;
	padding-left: 1.5rem; padding-right: 1.5rem;
	font-size: 13px; line-height: 18px;
	font-weight: 400;
}
.home-tieuchi_title{
	clear: both; display: block;
	text-transform: uppercase;
	font-size: 14px; margin-bottom: 4px;
	color: var( --color-hover);
}
.home-tieuchi_img{
	padding-right: 0;
	flex: 0 0 auto;
	width: 70px; height: auto;
}
/***************************
***************************/
/* #owl_proother .owl-item::after,
#owl_prosaleoff .owl-item::after{
	position: absolute; right: 0; top: 0;
	content: ""; display: block;
	height: 120%; width: 1px;
	background: RGB(221, 221, 221);
} */
#owl_prosaleoff .owl-stage{
	/* margin-left: -.5rem;	margin-right: -.5rem;  */
	display: flex; flex-wrap: nowrap;
}
#owl_proother .owl-nav,
#owl_prosaleoff .owl-nav{
	position: absolute; right: .25rem; top: -3.25rem;
	display: block;
	width: auto;
	height: 32px
}
#owl_proother .owl-next,
#owl_proother .owl-prev,
#owl_prosaleoff .owl-next,
#owl_prosaleoff .owl-prev{
	position: relative; left: 0; top: 0;
	padding: 0; margin-left: 10px;
}
#owl_proother .owl-nav .fa,
#owl_prosaleoff .owl-nav .fa{
	font-size: 25px; font-weight: normal;
}
#owl_proother .owl-next:hover,
#owl_proother .owl-prev:hover,
#owl_prosaleoff .owl-next:hover,
#owl_prosaleoff .owl-prev:hover{
	color: #000;
}
#owl_proother .prosaleoff__item,
#owl_prosaleoff .prosaleoff__item{
	width: 100%;	max-width: 100%;
	height: 100%;
	/* padding-right: calc( 0.5rem - 1px);
	padding-left: 0.5rem; */
	padding-left: 1px;
	margin-top: 0;
	border-bottom: none;
}
#owl_prosaleoff img{
	max-width: 210px;
}
/**************/
#owl_proother.no-countdown .owl-nav,
#owl_prosaleoff.no-countdown .owl-nav{
	top: -2rem;
}
/***************************
***************************/
.home-boxproduct{
	background: #FFF;
	background: linear-gradient(180deg, var( --bg-gradient-top, var( --color-red) ) 0%, rgba(255,255,255,1) 90%);
	border-radius: 6px; overflow: hidden;
	margin-bottom: 1.5rem
	/* padding-top: 0px;  */
	/* box-shadow: 0 .15rem .5rem rgba(0,0,0,.15); 
	clear: both;*/
}
.home-boxproduct-img img{
	border-radius: 6px; overflow: hidden;
}
.hboxproduct__title{
	position: relative;
	display: block;
	padding: 12px 0 7px 0; margin: 0;
	font-family: var( --ftitle);	font-weight: bold;
	font-size: 17px; line-height: 1.2;
}
.hboxproduct__title a{
	color: inherit;
}
.hboxproduct__title a:hover{
	text-decoration: none;
	color: var( --color-red)
}
.hboxproduct__title_readmore{
	font-size: 11px; font-weight: 700;
	line-height: 1.1; text-transform: uppercase;
	font-family: var( --freset) !important;
	padding: 7px 12px 5px;
	background: #FFF; border-radius: 4px;
	color: #111!important;  float: right;
}
.hboxproduct__title_readmore .fa{
	color: var( --color-hover)
}
.hboxproduct__title_readmore:hover{
	color: var( --color-hover) !important;
}
/*********************/
.hboxproduct__title.row{
		margin-left: 0; margin-right: 0;
		display: flex;		flex-wrap: wrap;
		align-items: center;
}
.hboxproduct__title_title{
	margin: 0; padding: 0;
	font-family: var( --ftitle);	font-weight: bold;
	font-size: 20px;	line-height: 1.3;
}
.hboxproduct__title--blog{
	color: var( --color-red);
	font-size: 21px; font-weight: 500;
}
/*********************/
.hboxproduct__title_nav{
	transform: translateY( -1px);
	margin: 0; padding: 0; list-style-type: none;
	text-align:right;
	font-size: 12px; font-weight: 500;
	font-family: var( --freset);
}
.hboxproduct__title_nav li{
	display: inline-block;
	margin: 0 0 0 10px; padding: 0; list-style-type: none;
}
.hboxproduct__title_nav li:first-child{
	margin-left: 0;
}
.hboxproduct__title_nav li > a{
	display: inline-block;
	padding: 4px 18px;
	background: #FFF;
	border-radius: 15px; overflow: hidden;
	color: var( --color);
}
.hboxproduct__title_nav li > a::before{
	background: #000;
}
.hboxproduct__title_nav li > a:hover{
	color: #FFF;
}
.hboxproduct__title_nav li > a.active{
	background: #000;
	color: #FFF;
}
/**************************/
.homeads-item{
	margin-bottom: 1.5rem;
}
.hprobox__container{
	padding: calc( var( --bs-gutter-x ) * 1) calc( var( --bs-gutter-x ) * .75) 0;
	margin-bottom: -12px;
	margin-bottom: 5px;
}
.hprobox__container > .hprobox__item{
	padding-left: 12px; padding-right: 12px;
	margin-bottom: 25px;
}
.hprobox__container .hprobox__box{
	min-height: 100%; margin: 0;
}
.hprobox__box .product__container{
	margin-left: 0; margin-right: 0;
}
.hprobox__box .probox__price s{
	display: none;
}
.hprobox__img img{
	width: 100%;
}
.hprobox__container--viewslide{
	padding-left: 0;
	padding-right: 0;
}
/***************************
***************************/
.profilter_header__container{
	margin-bottom: 1.25rem;
	margin-top: 1.5rem;
}
.filterbox_group_container{
	display: flex; flex-wrap: wrap;
	margin-left: -.35rem; margin-right: -.35rem;
}
.filterbox_ulgroup_item{
	flex: 0 0 auto; width: auto;
	padding-left: .35rem;
	padding-right: .35rem;
}
.proheader__order > button,
.filterbox_dropdown_label{
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: var( --color-hover);
	--bs-btn-active-border-color: var( --color-hover);
	display: block;
	border: 1px solid #ccc;
	background-color: #eee;
	padding: .35rem .75rem;
	color: rgb(17, 17, 17);
	text-transform: capitalize;
	font-size: 11px; line-height: 18px; font-weight: bold;
	border-radius: .25rem;
	transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;
}
.proheader__order > button:hover,
.filterbox_dropdown_label:hover{
	--bs-btn-hover-bg: var( --color-hover);
	--bs-btn-hover-border-color: var( --color-hover);
	color: #fff;
}
.rightbox__filter{
	padding: 0; margin-bottom: 30px;
	background: rgba( 255, 255, 255, .65);
	box-shadow: 0 .075rem .25rem rgba(0,0,0,.1);
	border: 1px solid #ddd;
	border-left: 6px solid var( --color-hover);
	border-radius: 12px;
}
.filterbox_group{
	--bs-dropdown-padding-y: 0rem;
	--bs-dropdown-item-padding-y: .35rem;
	--bs-dropdown-item-padding-x: .75rem;
	padding-bottom: 0;
	font-size: 11px; font-weight: bold;
	overflow: hidden;
}
.filterbox_group li:is( :last-child){
	padding-bottom: var(--bs-dropdown-padding-y);

}
.filterbox_group li:not( :last-child){
	margin-bottom: 0em;
}
.rightbox__itemval_remove,
.filterbox_group .rightbox__itemval{
	border: none; width: 100%; background: none;
	padding-right: 1.75rem;
	position: relative; cursor: pointer;
	display: block;
	line-height: 18px;
	text-align: left;
	color: #111;
	transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;
	outline: none;
	font-size: 11px; font-weight: 500;
}
.filterbox_group .rightbox__itemval:hover{
	text-decoration: none; color: var( --color-hover);
	border-color: var( --color-hover);
}
.filterbox_group .rightbox__itemval::after{
	position: absolute; right: .65rem; top: 9px; z-index: 1;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
	font-family: 'Font Awesome 5 Free';
	font-weight: 400;
	content: "\f111";
	font-size: 10px;
}
.rightbox__itemval.selected{
	background: rgb(253, 216, 221);
	color: #000;
}
.rightbox__itemval.selected:hover{
	color: #000;
}
.rightbox__itemval.selected .fa-square::before{
	content: "\f14a";
	font-weight: 900;
}
.rightbox__itemval.selected::after{
	font-weight: 900;
	content: "\f058";
	color: var( --color-red);
}
.rightbox__itemval_remove{
	display: inline-block; width: auto;
	background: #111; color: #FFF;
	font-size: 11px; font-weight: bold;
}
.rightbox__itemval_remove:hover{
	border-color: var( --color-hover);
	background: var( --color-hover); color: #FFF;
}
.rightbox__itemval_remove_group{
	display: none;
}
/**************************/
.filterbox_ulgroup .rightbox__filteritem{
	border-bottom: 1px solid #ccc;

}
.filterbox_ulgroup .rightbox__filteritem:last-child{
	border-bottom: none;
}
.filterbox_ulgroup .rightbox__itemval{
	position: relative;
	border-radius: 0; border: none;
	margin: 0; padding: 10px 7px;
}
.filterbox_ulgroup .rightbox__itemval::before{
	position: relative; margin-right: 3px;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
	content: "\f0c8";
	font-family: 'Font Awesome 5 Free';
	font-weight: 400; 
}
.filterbox_ulgroup .rightbox__itemval.selected{
	background: none;
	color: var( --color-hover);
}
.filterbox_ulgroup .rightbox__itemval.selected::before{
	content: "\f14a";
	font-weight: 900;
}
/*******************/
.filterbox_container_collapse__response{
	margin-top: 1rem;
	display: none !important;
}
.filterbox_container_collapse__response > .row{
	--bs-gutter-x: .5rem;
	--bs-gutter-y: .25rem;
}
.reslabel__filteritem{
	margin: 0 0 5px; padding: 6px 10px 5px; list-style-type: none;
	position: relative; cursor: pointer;
	display: block;
	line-height: 18px;
	background: #FFF; color: #111;
	border-radius: 25px;
	border: 1px solid #CCC;
	transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;
	outline: none;
	font-size: 11px; font-weight: 500;
}
a.reslabel__filteritem{
	opacity: .7;
}
.reslabel__filteritem:hover{
	color: var( --color-hover);
	opacity: 1;
}
.reslabel__filteritem::before{
	position: relative; margin-right: 5px;
	color: var( --color-hover);
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
	content: "\f057";
	font-family: 'Font Awesome 5 Free';
	font-weight: 400; 
	cursor: pointer;
}
/**************************/
.product__wrapper{
	padding-top: 0; clear: both;
}
.proheader__container{
	font-size: 13px; font-weight: 300;
	margin-right: 0;
	background: var( --bgbar); color: #FFF;
}
.product__wrapper .hboxproduct__title.color-hover{
 color: #FFF; padding-top: 8px; margin-bottom: 0;
 padding-bottom: 9px;
 border-color: var( --color-hover);
}
/*
.proheader__order > button{
	border-radius: 25px;
	padding: 5px 10px 6px;
	font-size: 11px; line-height: 18px;
	font-weight: bold;
	border-color: RGB(221, 221, 221);
	background: #FFF;
}
.filterbox_ttm .proheader__order > button{

}
.proheader__order > button:hover{
	border-color: var( --color-hover);
	background: #FFF; color: var( --color-hover);
}
.proheader__order .dropdown-item{
	font-size: 13px;
	padding: 3px 10px 2px; text-align: left;
	border-radius: 0;
	border: none;
}
.proheader__order .dropdown-item:hover{
	background: none;
	color: var( --color-hover);
}
.proheader__order .fa{
	color: var( --color-hover);
	margin-right: 3px;
}
*/
/***************************
***************************/
.product__container{
	--bs-gutter-x: .85rem;
	--bs-gutter-y: .85rem;
	overflow: visible;
	/* padding: 0 calc( var( --bs-gutter-x ) * .5);
	margin: 0; */
}
.proitem_empty{
	background: url( img/logo-emptybox.png) no-repeat center #f2f2f2;
	cursor: no-drop;
}
.proitem{
	margin-bottom: 0px;
	-webkit-transition: all 0.25s linear;		-moz-transition: all 0.25s linear;
	-ms-transition: all 0.25s linear;		-o-transition: all 0.25s linear;
	transition: all 0.25s linear;
}
.probox{
	border: 1px solid #ccc;
	border-radius: .35rem;
	padding: .55rem .75rem .75rem;
	background-color: #fff;
	margin-bottom: 0px; min-height: 100%;
	-webkit-transition: all 0.25s linear;		-moz-transition: all 0.25s linear;
	-ms-transition: all 0.25s linear;		-o-transition: all 0.25s linear;
	transition: all 0.25s linear;
	box-shadow: 0 .125rem .35rem rgba(var(--bs-body-color-rgb),.075);
	overflow: hidden;
}
.probox .box{
	display: block;
}
.probox:hover{
	text-decoration: none;
	color: var( --color);
}
.probox:hover a{
	text-decoration: none;
}
.probox:hover .probox__title{
	color: var( --color-red);
}
.probox__img{
	margin: 0 0 0; padding: 0;
	position: relative;
}
.probox__img > figure{
	margin: 0 0 0; padding: 15px .75rem .2rem;
	overflow: hidden;
}
.percent{
	position: absolute; left: 0; bottom: 0; z-index: 1;
	background: rgba(234, 16, 16, 0.92);
	background-size: contain;
	width: auto; height: auto;
	font-size: 10px;
	font-weight: bold; color: #FFF;
	line-height: 1; padding: 5px 10px 6px 6px;
	border-radius: 25px;
}
.percent .fa{
	margin-right: 3px;
}
.percent_tag{
	position: absolute; 
	left: 0; top: 0; z-index: 1;
	background: var( --color-red);
	background-size: contain;
	width: auto; height: auto;
	font-size: 12px; line-height: 15px;
	letter-spacing: 1px;
	font-weight: 500; color: #FFF;
	padding: .25rem .35rem;
	border-radius: .25rem;
	box-shadow: 0 .25rem .5rem rgba(0,0,0,.075) ;
}
.probox__img img{
	display: block;
	object-fit: contain; object-position: center;
	transition:all 0.5s ease-out 0s; -webkit-transition:all 0.5s ease-out 0s; -moz-transition:all 0.5s ease-out 0s;
}
.probox__img:hover img{
	transform:scale(1.05); -moz-transform:scale(1.05); -webkit-transform:scale(1.05);
	transition:all 0.3s ease-in 0s; -webkit-transition:all 0.3s ease-in 0s; -moz-transition:all 0.3s ease-in 0s;
}
.probox__des{
	padding: 12px 0 0;
	line-height: 20px; font-size: 14px;
	color: var( --color);
}
.probox__title{
	margin: 0 0 13px; padding: 0;
	font-size: 15px; font-weight: 500; color: #000;
	line-height: 22px;
	height:44px; overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp:2; /* number of lines to show */
	transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;
}
.probox__price{
	display: flex; flex-wrap: nowrap;
	align-items: center;
	margin-left: -.35rem; margin-right: -.35rem;

	font-weight: 700; margin-bottom: .55rem !important;
	color: var( --color-red);
	font-size: 15px; line-height: 1.3;
}
.probox__price b{
	color: var( --color-red);
}
.probox__price small{
	font-weight: 500;
}
.probox__price s{
	text-align: right;
	color: #111; font-weight: 400;
	font-size: 14px;
}
.percent_text{
	font-weight: bold; color: var( --color-red);
	margin: 7px 0 0; text-transform: uppercase;
	font-size: 12px;
}
.probox__des p{
	margin-bottom: 13px;
}
.dpimg_container .percent{
	left: 30px;
}
.probox__color img{
	display: inline-block;
	height: 20px; width: 20px;
	border: 1px solid var( --color);
	border-radius: 50px;
	object-fit: cover; object-position: center;
}
.probox__color{
	font-size: 13px; line-height: 1;
	font-style: italic;
}
/********************/
.probox__rating{
	margin: 0 !important;
	font-size: 13px; line-height: 1;
}
.probox__rating > *:not( :last-child){
	margin-right: .25rem;
}
.probox__rating .fa-star{
	color: #F59E0B;
}
/********************/
.probox__pricebox{
	min-height: 70px;
}
.probox__price > *{
	flex: 0 0 auto;
	width: 50%;
	padding-left: .35rem; padding-right: .35rem;
}
/********************/
.probox__img__percent_number{
	position: absolute; right: 0; top: 0; z-index: 5;
	background: rgba(234, 16, 16, 0.92);
	background-size: contain;
	width: auto; height: auto;
	text-align: center; letter-spacing: 0.5px;
	font-size: 13px;
	font-weight: normal; color: #FFF;
	line-height: 1; padding: 5px 8px;
	border-radius: 12px;
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
	font-family: var( --ftitle);
}
.probox__img__percent--lg{
	background: url( 'img/bg-sale-lg.png') no-repeat center top;
	background-size: contain;
	width: 66px; height: 66px;
	box-shadow: none; border-radius: 0;
	padding: 11px 3px 0 10px;
	text-align: right;
	font-size: 16px; font-weight: bold;
}
/*******************/
.proitem-lg{
	width: 40%; padding-top: 12px;
	background: #f1f0f1
}
.proitem-lg .probox__img{
	padding: 0;
}
.proitem-lg .probox__title{
	font-size: 16px; font-weight: bold;
	line-height: 20px;
	max-height: 40px;
}
/*******************/
.probox__ttm{
	padding: 5px 10px 4px;
	background: rgb(255, 186, 0, .85); color: #000;
	border-radius: 3px;
	font-size: 11px; font-weight: 500;
	line-height: 1.2;
}
.probox .probox__ttm{
	position: absolute; left: 0; top: 0; z-index: 1;
	display: none;
}
.probox__ttm.ttm-like-new{
	display: inline-block;
}
/***********************/
.page-home .hprobox__box .probox__title{
	font-size: 12px;
}
/***********************/
.probox:hover .pro__addtocart{
	max-height: 150px;
	transition: max-height 420ms ease-in;
}
.pro__addtocart{
	position:absolute; left: 0%; top: 45%; z-index: 99;
	display: block; width: 100%; max-height: 0;
	overflow:hidden;
	text-align:center; display:block;
	padding:0px; margin-top: 0;
	transition: max-height 420ms ease-out;
}
.pro__addtocart .overflow{
	display:block; overflow:hidden;
}
.pro__addtocart .btn-action{
	clear: both; display: block; width: 100%;
	overflow:hidden;
	-webkit-transition: all .5s ease;	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;	-o-transition: all .5s ease;
	transition: all .5s ease;
}
.pro__addtocart button{
	overflow:hidden; text-transform: uppercase;
	border: none; color:#FFF;
	background: rgb(215, 0, 24, .95);
	font-size:11px; line-height:1.2; font-weight: bold;
	padding:12px 15px 11px;
	min-width: 110px;
	position: relative;		outline: none;
	border-radius: 6px;
}
.pro__addtocart  button .fa{
	margin-right:3px;
}
.pro__addtocart button::before{
	background: var( --color-hover);
}
.pro__addtocart button.is-added{
	border-color: var( --color-hover);
}
.pro__addtocart button svg{
	position: absolute; left: 0%; top: 0;
	width: 100%; height: 100%;
	background-color: var( --color-hover);
  -webkit-transform:translateX(100%);
  -moz-transform:translateX(100%);
  -ms-transform:translateX(100%);
  -o-transform:translateX(100%);
  transform:translateX(100%);
  -webkit-transition:-webkit-transform 0.7s;
  -moz-transition:-moz-transform 0.7s;
  transition:transform 0.7s;
}
.pro__addtocart button.is-added svg{
 -webkit-transform:translateX(0%) ;
 -moz-transform:translateX(0%) ;
 -ms-transform:translateX(0%);
 -o-transform:translateX(0%);
 transform:translateX(0%);
 -webkit-transition:-webkit-transform 0s;
 -moz-transition:-moz-transform 0s;
 transition:transform 0s
}
.pro__addtocart button.is-added path{
	font-weight: bold;
}
/****************************
******************************/
.home_feedback__img img{
	width: 100%; min-height: 100%;
	object-fit: cover; object-position: center;
}
.home_feedback__container{
	padding: 1.5rem 15px .75rem 45px;
}
.home_feedback__title{
	font-weight: 500;
	margin: 0 0 20px; padding:0 15px 0 12px;
	font-size: 19px;
}
.home_feedback__title a{
	color: inherit;
}
.hfeedback__item a{
	color: inherit;
}
.home_feedback__title a:hover{
	color: var( --color-hover);
}
a.home_feedback__readmore{
	float: right;
	color: var( --color-hover);
	display: inline-block;
	font-size: 13px; line-height: 1.2;
	font-weight: bold; padding-bottom: 2px;
	text-transform: uppercase;
	border-bottom: 2px solid var( --color-hover);
}
a.home_feedback__readmore:hover{
	border-color: #000;
}
.hfeedback__item{
	padding-left: 12px; padding-right: 12px;
}
.hfeedback__img img{
	display: block;
	width: 100%; height: 200px;
	object-fit: cover; object-position: center;
	border: 5px solid #EEE;
	transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;
}
.hfeedback__img:hover img{
	border-color: var( --color-hover);
}
.hfeedback_title{
	margin-top: 10px;	text-align: center;
	font-size: 13px;	line-height: 18px;
	font-weight: 500;
}
/*****************/
#owl_homeall_caption,
#owl_home_caption{
	background: #FFF;
}
#owl_homeall_caption .owl-item,
#owl_home_caption .owl-item{
	padding: 5px 15px;
	position: relative;
}
#owl_homeall_caption .owl-item:last-child::after,
#owl_home_caption .owl-item:last-child::after{
	display: none;
}
#owl_homeall_caption .owl-item::after,
#owl_home_caption .owl-item::after{
	position: absolute; right: 1px; top: 50%;
	content: ""; display: block;
	width: 1px; height: 36px;
	transform: translateY( -50%);
	background: #DDD;
}
.owl_home_caption__item{
	background: #fff; border: none;
	position: relative;
	text-align: center;
	line-height: 16px; font-size: 12px;
	height: 32px; overflow: hidden;
	padding:0; color: #222;
	font-weight: 500;	cursor: pointer;
	display: flex; align-items: center;
	justify-content: center;
}
.current > .owl_home_caption__item{
	color: var( --color-hover); font-weight: 500;
}
/*****************/
#owl_homefeedback{
	padding-right: 40px;
}
#owl_homefeedback .owl-next,
#owl_homefeedback .owl-prev{
		position: absolute; top: 75px;
		padding: 0; margin-left: 0px;
		color: #888;
		width: 35px; height: 35px;
}
#owl_homefeedback .owl-prev{
	left: -40px;
}
#owl_homefeedback .owl-next{
	right: 0;
}
#owl_homefeedback .owl-nav .far{
	font-size: 37px; font-weight: normal;
}
#owl_homefeedback .owl-next:hover,
#owl_homefeedback .owl-prev:hover{
	color: var( --color-hover)
}
#owl_homefeedback .owl-dots{
	position: relative; bottom: 0;
}
#owl_homefeedback .owl-dot span{
	background: rgb(222 222 222)
}
#owl_homefeedback .owl-dot.active span{
	background-color: var( --color-hover);
}
/**************/
.home_hphoto{
	background-color: #f2f2f2;
	border-radius: 6px; overflow: hidden;
}
.home_hphoto .home_feedback__title{
	margin: 0 0 .75rem; 
	padding-left: 0;
	/* padding: 12px 15px 7px;
	border-bottom: 2px solid #ddd; */
}
#owl_homephoto{
	padding: calc(var(--bs-gutter-x) * .5) calc(var(--bs-gutter-x) * .5) .35rem;
}
#owl_homephoto .owl-nav .owl-prev,
#owl_homephoto .owl-nav .owl-next{
	width: 34px; height: 40px;
	line-height: 40px; padding: 0;
	text-align: center;
	background: rgba(215, 0, 24, 0.8);
	transform: translateY( -50%);
	opacity: 0.3;
	transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;
}
#owl_homephoto:hover .owl-nav .owl-prev,
#owl_homephoto:hover .owl-nav .owl-next{
	opacity: 1;
}
#owl_homephoto .owl-nav .owl-prev:hover,
#owl_homephoto .owl-nav .owl-next:hover{
	background: var( --color-hover);
}
#owl_homephoto .owl-nav .owl-prev{
		right: 0;
		border-radius: 3px 0 0 3px;
}
#owl_homephoto .owl-nav .owl-next{
	left: 0;
	border-radius: 0 3px 3px 0;
}
.home_hphoto__img{
	margin: 0;
	border: 2px solid transparent;
}
.home_hphoto__img img{
	width: 100%;
	aspect-ratio: 1/1;
	object-fit: cover; object-position: center top;
}
/****************/
.pageblog__container{
	padding-top: .25rem;
	padding-right: 2rem;
}
.pageblog__right_container .homebanner__item{
		border: 5px solid #f1f0f1;
}
.pageblog__right_container .homebanner__container{
	margin-bottom: 1rem;
}
.blognav_thread{
		margin-bottom: 0;
}
.blognav_thread__list{
	padding: 0px 0px 0px;
	margin-left: 15px;
	font-weight: 400;
	font-size: 17px; line-height: 22px;
}
/****************/
.blogright-latviews{
	font-size: 14px; line-height: 22px;
}
.blogright__lvlist{
	margin: 0; padding: 0; list-style-type: none;
	line-height: 22px;
}
.blogright__lvitem{
		margin-bottom: 30px; padding-bottom: 20px;
		border-bottom: 1px solid #DDD;
}
.blogright__lvlist .blogright__lvitem:last-child{
	border-bottom: none;
	margin-bottom: 0;
}
.blogright__lvlist img{
	display: block;
	width: 100%; height: 190px;
	object-fit: cover; object-position: center;
}
.blogright__lvlist a{
	display: block; padding: 0;
	font-size: 15px; line-height: 24px;
	color: inherit;
}
.blogright__lvdes{
	padding: 0; margin-top: 12px;
	text-align: justify;
}
.blogright__lvtitle{
	margin: 0 0 8px; padding: 0;
	font-size: 17px; font-weight: bold;
	line-height: 25px;
	text-align: left;
}
.blogright__lvlist p{
	margin: 0;
}
.blogright__lvlist a:hover{
	text-decoration: none;
}
.blogright__lvlist a:hover .blogright__lvtitle{
	color: var( --color-hover)
}
a.blogright__lvreadmore{
	display: inline-block;
	padding: 5px 18px;
	font-size: 13px; font-weight: bold; text-transform: uppercase;
	line-height: 18px;
	letter-spacing: 1px;
	color: var( --bgbar);
	border: 2px solid var( --bgbar);
}
/************************/
.hboxproduct__readmore{
	background: #000; border-color: #000; color: #FFF !important;
	padding: .22rem 1rem .19rem;
	font-size: 13px; font-weight: 500;
	border-radius: 15px !important;
}
#owl_homeblog .owl-dots .owl-dot span{
	background: rgb(222 222 222);
}
#owl_homeblog .owl-dots .owl-dot.active span{
	background: var( --color-hover)
}
.homeblog-listwrapper .blog__img{
	width: 150px;
}
.homeblog-listwrapper .blog__des{
	flex: 1 0 0%;
}
/***************************
***************************/
.blogdetail_other .blogright__title.text-lg{
	font-size: 21px;
}
.blogdetail_other .blog_container{
	margin-right: calc(var(--bs-gutter-x)/ -2);
	margin-left: calc(var(--bs-gutter-x)/ -2);
	padding-left: 0; padding-right: 0;
}
/***************************
***************************/
#google_maps{
	width:100%; display:block; height:360px;
}
/*********************/
.page-contact .hr{
	margin-top: 60px;
	border-width: 3px;
	border-color: rgb(155, 155, 155, .3)
}
#google-map,
.page-contact .contact-info{
	margin-bottom:30px; line-height: 26px;
	color: #000;
	text-align: center;
}
.fcontact{
	margin-top: 30px;
	padding: 20px 40px 30px;
	background: var( --bg);
}
.fcontact__title,
.contact-info .company{
	font-size: 31px; 	font-weight:normal; line-height: 1.5;
	margin:0px 0 5px; padding: 0px;
	color: #000;
}
.fcontact__title{
	font-size: 19px;
}
.page-contact .contact-info address,
.page-contact .contact-info p{
	font-size:14px; line-height:24px;
	margin-bottom:10px;
}
.page-contact .contact-info address{
	padding-top:3px;
}
.page-contact .contact-info b{
	font-weight: normal;
}
.page-contact .contact-info a{
	color: inherit;
}
.page-contact .contact-info a:hover{
	color: var( --color-red); text-decoration: none;
}
/*********************/
.page-contact .fcontact .form-row,
.page-contact .fcontact .form-group{
	margin-bottom:20px;
}
.page-contact .fcontact .form-control{
	font-size:14px;
}
.page-contact .fcontact input.form-control{
	height: 44px; line-height: 44px;
}
.page-contact .fcontact label{
	padding-right:0; padding-top:0;
	margin-bottom: 12px; display: block; clear: both;
	font-size:14px; color:#000; text-transform:none;
	line-height: 1;	font-weight:normal;
}
.page-contact .fcontact .btn{
	background:var( --color-main); color:#FFF; border:none;
	padding:12px 40px; text-transform:uppercase;
	font-weight:600; font-size:15px;
	overflow: hidden;
}
.page-contact .fcontact .btn:hover{
	background:var( --color-red);
}
.page-contact .fcontact .text-danger{
	color:#ec2027;
}
/***************
********/
.page-contact .fcontact .alert{
	padding:30px; font-size:15px; font-weight:300;
}
.page-contact .fcontact .alert p + p{
	margin-top:0;
}
.page-contact .fcontact .alert p:last-child{
	margin-bottom:0;
}
.page-contact .social a{
	height: 36px; width: 36px; line-height: 36px;
	background-color: var( --color-main); color: #FFF;
	font-size: 14px;
	border-radius: 3px;
}
.page-contact .social a:hover{
	background-color: var( --color-hover); color: #FFF;
}
/******************************
*********************************/
.pageblog_highlight_list{
	margin-bottom: 2.5rem;
	padding-bottom: 2.5rem;
	border-bottom: 1px solid #3F3F3F;
}
.pageblog_highlight_listitem{
	display: flex; flex-wrap: nowrap;
}
.pageblog_highlight_listitem_img{
	margin: 0; overflow: hidden;
	flex: 0 0 auto;
	width: 160px; 
	height: auto;

}
.pageblog_highlight_listitem_img img{
	height: auto;
	aspect-ratio: 16/9;
	object-fit: cover; object-position: center top;
	border-radius: .25rem;
}
.pageblog_highlight_listitem_des{
	flex: 1 0 0%;
	width: auto;
	padding-left: 1rem;
}
.pageblog_highlight_listitem_des .blog__ctl{
	display: none;
}
.pageblog_highlight__title{
	margin: 0 0 9px; padding: 0;
	font-size: 16px; font-weight: 400;
	line-height: 24px;
	text-align: left;
}
.pageblog_highlight_lg .blogctl__label,
.pageblog_highlight_listitem .blogctl__label{
	background: var( --color-hover); color: #FFF;
	box-shadow: 0 .3rem 1.5rem rgba(255, 255, 255, 0.3);
}
.pageblog_highlight_lg .blogctl__label .fa,
.pageblog_highlight_listitem .blogctl__label .fa{
	color: #FFF;
}
.pageblog_highlight_listitem .blogctl__time{
	display: none;
}
.pageblog_highlight_listitem{
	color: #000;
}
.pageblog_highlight_listitem:hover .pageblog_highlight__title{
	color: var( --color-hover);
}
/***************************/
.pageblog_highlight_lg .blogctl__time{
	background-color: #ccc;
	color: #000;
}
.pageblog_highlight_lg .blogctl__time .far{
	color: #000;
}
.pageblog_highlight_lg .blog__ctl{
	position: absolute; left: 1rem; bottom: 1rem;
	margin: 0; z-index: 1;
}
/***************************/
.pageblog_highlight_lg{
}
.pageblog_highlight_lg_img img{
	display: block; width: 100%;
	height: auto; 
	aspect-ratio: 5/2.25;
	object-fit: cover; object-position: center top;
}
.pageblog_highlight_lg .img-hover-zoom:hover .img-zoom {
    transform: scale(1.05);
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
}
.pageblog_highlight_lg_title{
	font-size: 27px; font-weight: bold;
	line-height: 1.35;
}
.pageblog_highlight_lg_quote{
	font-size: 17px; line-height: 28px;
	font-weight: 300;
}
.pageblog_highlight_lg a{
	color: inherit;
}
.pageblog_highlight_lg a:hover{
	color: var( --color-hover)
}
/******************************
*********************************/
.blog__item{
	margin-bottom: 20px;
}
.blog__box{
	position: relative;
	background: #FFF;
	height: 100%;
}
.blog__img{
	overflow: hidden;
	margin: 0; padding-right: 0px;
	background-color: #FFF;
	width: 250px;
	flex: 0 0 auto;
}
.blog__img img{
	display: inline-block;
	height: auto;	width: 100%;
	aspect-ratio: 16/9;;
	object-fit: cover; object-position: center;
	transition:all 0.5s ease-out;	-moz-transition:all 0.5s ease-out;	-webkit-transition:all 0.5s ease-out;
}
.blog__item:hover .blog__img img{
	transform:scale(1.05); -moz-transform:scale(1.05); -webkit-transform:scale(1.05);
	transition:all 0.5s ease-in;	-moz-transition:all 0.5s ease-in;	-webkit-transition:all 0.5s ease-in;
}
.blog__des{
	position: relative;	margin: 15px 0 0;
	font-size:14px; line-height:20px;
	text-align: justify;
}
.blog__title{
	padding: 0; margin: 0 0 7px;
	font-size:17px; color: var( --color-main); font-weight: bold;
	line-height:1.3;
	text-align: left;
}
.blog__quote{
	margin-bottom: 1.25rem;
}
.blog__ctl{
	margin-bottom: 0;
}
.blogctl__label{
	display: inline-block;
	padding: 4px 10px 4px 8px;
	background:#f1f0f1; color: var( --color);
	font-size: 11px; font-weight: bold;
	line-height: 1.3; vertical-align: middle;
	border-radius: 35px;
}
.blogctl__label > .far,
.blogctl__label > .fa{
	margin-right: 5px;
}
.blogctl__label > .fa{
		color: var( --color-hover);
}
.blog__item a{
	color:inherit;
}
.blog__item:hover .blog__title{
	color:var( --color-hover); text-decoration: none;
}
/***************************
***************************/
.blog-listver .blog__item{
	margin: 0 0 1.5rem;
	padding: 1.25rem;
	background: rgba(253, 253, 255);
	border: 1px solid rgba(255, 255, 255, 0.8);
	border-radius: .35rem;
	box-shadow: 0 .125rem .25rem rgba(var(--bs-body-color-rgb),.075);
	transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;
	color: var( --color);
}
.blog-listver .blog__item:hover{
	border-color: var( --color-red);
}
.blog-listver .blog__img{
	padding-right: 0; padding-left: 0;
	overflow: hidden;
	order: 2;
}
.blog__img a,
.blog-listver .blog__img a{
	display: block; overflow: hidden;
	border-radius: .25rem;
}
.blog-listver .blog__des{
	display: flex; flex-direction: column; flex-wrap: wrap;
	order: 1;
	padding-left: 0;
	padding-right: 2.5rem; margin: 0;
	font-size: 16px; line-height: 26px;
}
.blog-listver .blog__des > *{
	flex: 0 0 auto;
	width: 100%;
}
.blog-listver .blog__title{
	order: 1;
	font-size: 19px;
	margin-bottom: .5rem;
}
.blog-listver .blog__ctl{
	order: 2;
	margin-bottom: 1rem;
}
.blog-listver .blog__quote{
	order: 3;
	margin-bottom: 0;
}
/**************/
.blog_lg{
	background: #f4f4f4;
}
.blog_lg .blog__img{
	-ms-flex: 0 0 100%;	flex: 0 0 100%;	max-width: 100%;
}
.blog_lg img{
	width: 100%;
	max-height: 420px;
	object-fit: cover; object-position: center;
}
.blog_lg .blog__des{
	padding: 20px 35px 5px;
	font-size: 15px; line-height: 26px;
}
.blog_lg .blog__title{
	font-size: 23px;
	color: var( --color-hover);
}
.blog_lg:hover .blog__img img{
	transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1);
	transition:all 0.5s ease-in;	-moz-transition:all 0.5s ease-in;	-webkit-transition:all 0.5s ease-in;
}
.blog_lg .blogctl__label{
	background: var( --color-hover); color: #FFF;
}
/**************/
.blogright__title{
	position: relative;
	font-size: 17px;
	padding: 0; margin-bottom: 1rem;
	text-transform: capitalize;
	font-weight: bold; font-family: var( --freset);
	color: var( --color)
}
.blogright__title.text-lg{
	font-size: 23px;
}
/* .blogright__title::after{
	position: absolute; left: 0; bottom: 0; z-index: -1;
	content: ""; display: block;
	width: 100%; height: 3px;
	background: #eee;
} */
.blogright__title a,
.blogright__title span{
	display: inline-block;
	/* padding: 5px 0 6px;
	border-bottom: 3px solid var( --color-hover); */
	color: inherit;
}
/********************/
.right__social{
	margin: 0 -10px; padding: 0; list-style: none;
	--bs-gutter-x: 1.5rem;	--bs-gutter-y: 0;
	display: flex;	flex-wrap: wrap;
}
.right__social > li{
	flex-shrink: 0;
	max-width: 100%;	flex: 0 0 auto;	width: auto;
	display: inline-block;
	padding: 0 10px;
}
.right__social a{
	display: block;
	width: 44px; height: 44px; line-height: 44px; text-align: center;
	font-size: 23px;
	border-radius: 50px; overflow: hidden;
	color: #FFF;
	transition:transform 0.3s ease;	-moz-transition:transform 0.3s ease;	-webkit-transition:transform 0.3s ease;
}
.right__social a:hover{
	transform: translateY( -6px);
}
/******************/
.post-title{
	margin: 0 0 30px;
	font-size: 27px; line-height: 1.4;
	font-weight: normal;
}
/*******************************/
.blogdetail__img img{
	display: inline-block;
	object-fit: cover; object-position: center;
}
.blog-title{
	font-size: 29px; color: #000;
	line-height: 1.3;
	margin-bottom: .4rem;
}
.blog-author{
	position: relative;
	display: inline-block;
	font-size: 14px; font-weight: bold;
	line-height: 1.2;
	margin-bottom: 0; margin-right: 15px;
	padding-right: 20px;
	color: var( --color-hover)
}
.blog-author::after{
	position: absolute; right: 0; top: 50%;
	content: ""; display: block;
	width: 1px; height: 14px;
	background: #444;
	transform: translateY( -50%);
}
.blog-author:hover{
	color: var( --color-hover)
}
.blog-datetime{
	display: inline-block;
	font-size: 14px; font-weight: 400;
	line-height: 1.2;
	margin-bottom: 0;
}
.blog-author .fa,
.blog-datetime > .far{
	margin-right: 6px;
	color: var( --color-hover)
}
.blogdetail-share{
	margin-bottom: 1rem;
	margin-top: .75rem;
}
.blogdetail-share .fab,
.blogdetail-share .fas,
.blogdetail-share .far,
.blogdetail-share .fa{
	color: #414141;
	font-size: 13px; line-height: 28px;
}
.blogdetail-share .btn{
	width: 30px; height: 30px;
	border: 1px solid #C2C2C2;
	overflow: hidden;
	padding: 0;
	text-align: center;
}
.blogdetail-share .dropdown-toggle{
	white-space: normal
}
.blogdetail-share .dropdown-toggle::after{
	display: none;
}
.blogdetail-share--social-dropdown{
	font-size: 13px; line-height: 20px;
	font-weight: 300;
	border-radius: -35rem;
}
/**********************
***************************************/
.storewrapper-container{
	--height-gmaps: 70vh;
}
#store__googlemaps{
	display: block;
	height: 100%; /*var( --height-gmaps ); */
	min-height: 420px;
	background: #f9f9f9;
}
.gm__des p{
	margin-bottom: 1px;
	font-size: 12px; font-weight: 400px;
	line-height: 20px;
	padding-right: 1rem;
	padding-bottom: .5rem;
}
.gm__des p:last-child{
	margin-bottom: 0;
}
.gm__des .bold{
	color: var( --color-hover);
	text-transform: uppercase;
}
.store_item{
	font-weight: 300;
	font-size: 13px; line-height: 20px;
}
.store_title{
	font-size: 19px; line-height: 24px;
	margin: 0 0 .5rem; padding: 0;
}
/****************/
.store__warpper{
	position: relative;
	margin-bottom: 3rem;
}
.store__container::after {
	content: " ";
	background: rgba(0, 0, 0, 0) linear-gradient(rgba(255, 255, 255, 0), rgb(255, 255, 255)) repeat scroll 0% 0%;
	position: absolute;
	bottom: 0px;
	height: 40px;
	width: 100%;
}
.store__container{
	position: relative;
	margin-bottom: 1.5rem;
	max-height: 620px;
	overflow: hidden;
	padding: 0 !important;
	transition: max-height 1s ease;
}
.store__warpper.content-show .store__container {
	max-height: 10000px !important;
}
.store__warpper.content-show .store__container::after{
	display: none;
}
.store__box{
	position: relative; min-height: 100%;
	line-height: 20px;
	border-radius: .5rem;
	overflow: hidden;
	cursor: pointer;
}
.store__box img{
	display: block; 
	width: 100%;
	aspect-ratio: 1/1;
	object-fit: cover; object-position: center top;
}
.store_address{
	font-size: 13px; line-height: 20px;
	margin-bottom: .15rem;
	color: rgba(255, 255, 255, 0.9);
}
.store__box_caption{
	position: absolute; left: 0; bottom: 0; z-index: 1;
	content: ""; width: 100%; height: 100%;
	padding: 2rem 1rem 1.35rem;
	display: flex; flex-direction: column;
	justify-content: flex-end;
	align-items: center;
	background: rgba(0, 0, 0, 0.8);
	background: linear-gradient(0deg, rgba(0,0,0, .8) 10%, rgba(255,255,255,0) 100%);
	color: #ffff;
	transform: translateY( 100%);
	transition: transform 0.25s linear;
}
.store__box_caption > *{
	display: block; width: 100%;
}
.store__box:hover .store__box_caption{
	transform: translateY( 0%);
}
/****************/
.owl_storelist_itemgroup{
	display: flex; flex-direction: column;
}
.owl_storelist_itemgroup > *{
	width: 100%;
}
.owl_storelist_itemgroup > *:not( :last-child){
	margin-bottom: 15px;
}
#owl_storelist .owl-dots{
	position: relative; left: 0; bottom: 0;
	transform: none; margin: 0;
	width: 100%;
}
#owl_storelist .owl-dots span{
	background-color: var( --color);
}
#owl_storelist .owl-dots .active span{
	background-color: var( --color-red);
}
/***************/
.store-content-wrapper{
	background-color: #f6f6f6;
	padding: 2rem 3rem;
	border-radius: .5rem;
	margin-bottom: 3rem;
}
.store-ftilter{
	margin-bottom: var(--bs-gutter-x)
}
.store-ftilter .form-select,
.store-ftilter .form-control{
	font-size: 14px;
	line-height: 26px;
	background-color: #f6f6f6;
	color: #414141;
}
/******************/
.storetext__container{
	margin: 0; padding: 0; list-style-type: none;
	max-height: var( --height-gmaps );
	overflow-y: auto;
	overflow-x: hidden;
	--scrollbarBG: RGB(238, 238, 238);
	--thumbBG: var( --color-red);
	scrollbar-width: thin;
	scrollbar-color: var(--thumbBG) var(--scrollbarBG);
}
.storetext-item{
	display: flex; flex-wrap: nowrap;
	background-color: #f6f6f6;
	font-size: 13px; line-height: 20px;
	color: #717171;
	border-radius: .35rem;
	padding: .75rem 1rem; margin-bottom: .75rem;
	align-items: center
}
.storetext__container .storetext-item:last-child{
	margin-bottom: 0;
}
.storetext-item-text{
	flex: 1 0 0;
	padding-right: 1rem;
	cursor: pointer;
}
.storetext-item-title{
	font-weight: bold; font-size: 14px;
	margin-bottom: .25rem;
	color: #3F3F3F;
}
.storetext-item-text > p{
	margin-bottom: .15rem;
}
.storetext-item-text > p:last-child{
	margin-bottom: 0;
}
.storetext-item-btn{
	flex: 0 0 auto;
	width: 42px; padding: 0;
	border: none;
	background: none;
	font-size: 19px;
}
.storetext-item-btn:hover{
	color: var( --bs-primary);
}
.storetext-item:hover{
	background-color: #ededed;
}
.storetext-item:hover .storetext-item-title{
	color: var( --color-red)
}
/******************/
body.products #bg-main{
	margin-bottom: 0;
}
.proslide_container{
	padding-top: 1rem; 
	margin-bottom: .5rem;
}
.proslide_container.slide-empty{
	min-height: 30px;
	padding-bottom: 70px;
	content: ""; display: block;
}
.profilter_header_item{
	display: flex; flex-wrap: nowrap;
	flex-direction: column;
	align-items: center;
	margin-bottom: .85rem;
}
.profilter_header_item_label{
	flex: 1 0 0%; width: auto;
	font-weight: bold; font-size: 17px;
	margin-right: auto;
}
.profilter_header_item_action{
	flex: 0 0 auto; width: auto;
	margin-left: auto;
	display: none;
}
.profilter_header_item_action button{
	padding: 0; border: 1px solid var( --color-red);
	background: #FFF;
	min-width: 40px; min-height: 38px;
	font-size: 20px; color: var( --color-hover);
	outline: none;
}
.profilter_header_item_action button:focus{
	box-shadow: none;
}
/***************************
*****************************/
.protext__container{
	margin-bottom: 1rem;
	padding-right: 2rem;
}
/***************************
*****************************/
#detail-img{
	float:left; width:36%;	 position:relative; overflow:hidden;
	border-top:none;
}
#detail-img .percent{
	position:absolute; right:2px; top:10px; z-index:5;
	display:inline-block;	padding:10px 15px;
	background:var( --color-main); color:#FFF;
	font-weight:bold; font-size:15px; line-height:1;
	min-width: 110px; text-align: center;
}
#detail-img .stock_out{
	position:absolute; right:2px; top:55px; z-index:5;
	display:inline-block;	padding:11px 15px 9px;
	background:#000; color:#FFF;
	font-weight:bold; font-size:15px; line-height:1;
	text-transform: uppercase;
	min-width: 110px; text-align: center;
}
/******************/
.faddcart__imgcontainer{
		margin-left: -5px; margin-right: -5px;
		margin-bottom: 5px;
		padding: 0; list-style-type: none;
}
.faddcart__img{
	position: relative;
	padding-left: 5px; padding-right: 5px; margin-bottom: 15px;
	-ms-flex: 0 0 14.2857%;	flex: 0 0 14.2857%;	max-width: 14.2857%;
	font-weight: bold; font-size: 10px;
	text-align: center; line-height: 1.2;
	word-wrap: break-word; cursor: pointer;
	opacity: .6;
	cursor: pointer;
}
.faddcart__img label{
	display: block; cursor: pointer;
}
.faddcart__img img{
	display: inline-block;
	margin-bottom: 10px;
	width: 100px; max-width: 95%;
}
.faddcart__img b{
	clear: both; display: block;
}
.faddcart__img:hover{
	opacity: 1;
}
.faddcart__img.selected{
	opacity: 1;
	color: var( --color-red);
}
.faddcart__img input{
	position: absolute; left: 0; top: 0;
	width: 100%; height: 100%;
	opacity: 0; cursor: pointer;
}
/*********************/
.prodetail_img_wrapper{
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center top;
	width: 100%; min-height: 360px;
}
#prodimg_carousel{
	overflow: hidden;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center top;
}
#prodimg_carousel .owl-stage{
	display: -ms-flexbox;	display: flex;
	-ms-flex-wrap: wrap;	flex-wrap: wrap;
	-ms-flex-align: center !important; align-items: center !important;
}
#prodimg_carousel .thumb-hide,
#prodimg_hidden{
		display: none !important;
}
#prodimg_carousel .owl-prev,
#prodimg_carousel .owl-next{
	position: absolute; top: 50%;
	width: 35px; height: 55px; overflow: hidden;
	margin: -28px 0 0; padding: 0;
	border-radius: 0; overflow: hidden;
	background-color: transparent;
	box-shadow: none
}
#prodimg_carousel .owl-prev:hover,
#prodimg_carousel .owl-next:hover{
	color: #FFF;
}
#prodimg_carousel .owl-next{
	right: 0; left: auto;
	background-image: url( img/arrow-right-black.png);
}
#prodimg_carousel .owl-prev{
	left: 0; right: auto;
	background-image: url( img/arrow-left-black.png);
}
#prodimg_carousel .owl-prev.disabled,
#prodimg_carousel .owl-next.disabled{
	background-color: rgba(0, 0, 0, 0.15); color: #000;
}
#prodimg_carousel .owl-dots .owl-dot:not( .active) span{
	background-color: var( --color);
}
#prodimg_carousel .owl-thumbs{
	display: -ms-flexbox;		display: flex;
	-ms-flex-wrap: wrap;		flex-wrap: wrap;
	-ms-flex-pack: center !important;
	justify-content: center !important;
	padding: 6px 5px; overflow: hidden;
}
#prodimg_carousel .owl-thumb-item{
	position: relative;		width: 100%;
	-ms-flex: 0 0 calc( 100% / 6);		flex: 0 0 calc( 100% / 6);		max-width: calc( 100% / 6);
	background: none; border: none; padding: 0 3px; margin: 3px 0;
	outline: none;
}
#prodimg_carousel .owl-thumb-item img{
	display: inline-block; width: 100%; height: auto;
	padding: 2px;
	border: 1px solid #ddd;
	outline: none;
}
#prodimg_carousel .owl-thumb-item.active img{
	border-color: var( --color-hover);
}
#prodimg_carousel .owl-video-wrapper img{
		opacity: 1;
		display: block !important;
}
#prodimg_carousel .owl-video-play-icon{
	width: 70px; height: 70px;
	background-size: contain;
}
#prodimg_carousel .owl-video-tn{
		position: absolute; left: 0; top: 0;
		width: 100%; height: 100%;
}
/***************************/
#prodimg_carousel__thumb{
	margin-top: 1rem;
	position: relative;
	padding-left: 32px; padding-right: 30px;
}
#prodimg_carousel__thumb .owl-stage{
	margin: auto;
}
#prodimg_carousel__thumb .prodimg__img{
	display: block; padding: 0 .325rem;
	cursor: pointer;
}
#prodimg_carousel__thumb .prodimg__img img{
	display: block; width: 100%;
	aspect-ratio: 1/1;
	object-fit: contain; object-position: center;
	padding: 2px; background-color: #fff;
	border: 1px solid #ddd;
	border-radius: .25rem;
}
#prodimg_carousel__thumb .active.current img{
	border-color: var( --color-red);
}
#prodimg_carousel .owl-next,
#prodimg_carousel .owl-prev,
#prodimg_carousel__thumb .owl-next,
#prodimg_carousel__thumb .owl-prev{
	position: absolute; top: 50%; z-index: 9;
	transform: translateY( -50%);
	background: #fff; color: #8C8C8C;
	width: 28px; height: 28px;
	border-radius: 50%; overflow: hidden;
	padding: 0; display: block;
	display: flex; align-items: center; justify-content: center;
	font-size: 17px;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
#prodimg_carousel .owl-prev,
#prodimg_carousel__thumb .owl-prev{
	left: 0;
}
#prodimg_carousel .owl-next,
#prodimg_carousel__thumb .owl-next{
	right: 0;
}
#prodimg_carousel .owl-next:hover,
#prodimg_carousel .owl-prev:hover,
#prodimg_carousel__thumb .owl-next:hover,
#prodimg_carousel__thumb .owl-prev:hover{
	color: var( --color-red);
}
#prodimg_carousel .owl-next,
#prodimg_carousel .owl-prev{
	width: 38px; height: 38px;
	font-size: 25px;
}

/*********/
.prodimg_caption{
	text-align: center; font-size: 14px;
	font-weight: bold; color: #000;
}
/******************/
.box-img{
	position:relative; display:block; width:100%;
	outline:none;
}
.box-img img.trans{
	display:block; width:100%;
}
/***************************
***************************
******************************/
.dpinfo_container{
		font-size: 14px; line-height: 24px;
}
/*****************************
******************************/
.prodetail__overview_img{
	padding-right: 0;
	position: relative;
}
.prodetail__overview_info{
	padding-left: 3rem;
}
.prodetail__wrapper{
	margin-bottom: 1.75rem;
}
.prodetail__overview_imginfo{
	font-size: 14px; line-height: 24px; font-weight: 300;
}
.prodetail__overview_img__quote{
	border-top: 1px solid #CCC;
	margin-top: 25px; padding-top: 15px;
	margin-bottom: 0;
	line-height: 24px;
}
.prodetail__overview_img__quote__label{
	margin-bottom: 2px;	font-weight: bold;
	font-size: 15px; line-height: 20px;
}
.prodimg__img figure{
	text-align: center;
}
/*****************************
******************************/
.prodetail__title{
	margin: 0px 0 .5rem; padding: 0;
	font-size: 23px; line-height: 1.3;
	font-weight: bold;
}
.prodetail__rating{
	margin-bottom: 1rem !important;
	font-size: 16px;
}
/*************/
.prodetail__overview p{
		margin-bottom: 10px;
}
.prodetail__infoattr{
	border-bottom: 1px solid #DDD;
	margin-bottom: 20px; padding-bottom: 20px;
	margin-left: 0; margin-right: 0;
}
.prodetail__price{
	padding-right: 0;	line-height: 1.2;
	margin-bottom: 0;
	vertical-align: middle;
}
.dpinfo_container .percent_text{
	margin-top: 0;
	font-weight: 900; letter-spacing: 1px;
}
.prodetail__price > s,
.prodetail__price .price{
	color: var( --color-red); vertical-align: middle;
	font-size: 19px;	font-weight: 500;
	line-height: 26px;
	margin-right: 0; text-transform: capitalize;
}
.prodetail__price > s{
	display: inline-block;
	color: var( --color);	
	font-weight: 400;
	font-size: 16px;	font-weight: 300;
	line-height: 26px;
	margin-left: .75rem; 
	text-transform: capitalize;
}
.prodetail__price .percent_text{
	clear: both; display: inline-block;
	position: relative;
	text-transform: none;
	color: #fff; font-size: 11px; font-weight: 500;
	vertical-align: middle;
	background: var( --color-hover);
	padding: 4px 10px; margin-top: 0;
	border-radius: 4px;
}
.prodetail__price .percent_text::before{
	-moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
	content: "\f0eb";
	font-family: 'Font Awesome 5 Free';
  font-weight: 900;
	margin-right: 5px;
}
.prodetail__price_orig{
	font-size: 13px; font-weight: 400;
	color: #000; margin: 0;
	font-style: italic;
}
/********************************/
.prodetail_pricebox_buyonline{
	border-top: 1px solid var( --color);
	padding-top: .65rem;	
	margin-top: 1rem;
	margin-bottom: 1rem;
	font-size: 14px; line-height: 22px;
	font-weight: 300;
}
.prodetail_pricebox_buyonline.border-bottom{
	border-bottom: none !important;
	/* border-bottom: 1px solid var( --color) !important;
	margin-bottom: 12px;  padding-bottom: 3px; */
}
.prodetail__price.prodetail__price--buynow{
	display: flex; align-items: center;
}
.prodetail__price .price__buyonline{
	color: var( --bs-blue); vertical-align: middle;
	font-size: 19px;	font-weight: 500;
	line-height: 22px;
	margin-right: 7px; text-transform: uppercase;
	transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;
}
.prodetail__price .price__buyonline .percent_text{
	background: var( --bs-blue);
	margin-left: 7px; vertical-align: top;
	display: inline;
}
/********************************/
.proprice_group{
	--bs-gutter-x: .75rem;
	--bs-gutter-y: 1rem;
	margin-bottom: 1.25rem;
}
.proprice_group > .col-auto{
	flex: 0 0 auto !important;	width: auto !important;
}

.proprice_item .proprice_action{
	padding: 8px 5px; display: block;
	background: #fff;
	border: 1px solid #a7a7a7; position: relative;
	text-align: center;
	line-height: 1.35;
	border-radius: 4px; overflow: hidden;
	cursor: pointer; color: inherit;
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
}
.proprice_item .proprice_action b{
	font-size: 12px; line-height: 20px;
	font-weight: 500;
}
.proprice_item .proprice_action strong{
	font-size: 14px; line-height: 1.2;
	font-weight: bold; color: var( --color-red);
}
.proprice_item .proprice_action.active b{
	font-weight: bold;
	color: var( --color-red);
}
.row-cols-md-3 .proprice_item .proprice_action{
	padding-top: 8px; padding-bottom: 8px;
}
.proprice_item .proprice_action:hover{
	text-decoration: none;
}
.proprice_item label > input{
	position: absolute; left: 0; top: 0;
	z-index: 1;
	width: 100%; height: 100%;
	opacity: 0;
	cursor: pointer;
}
.proprice_item b{
	display: block; clear: both;
	padding-bottom: 0;	font-weight: 300;
	font-size: 11px; line-height: 1.35;
}
.proprice_item .far{
	font-size: 12px;
	margin-right: 5px;
}
.proprice_item strong{
	font-weight: 400;
	color: var( --color-hover);
	font-size: 11px
}
.proprice_item label:hover{
	border-color: var( --color-hover);
}
.proprice_item .active{
	border-color: var( --color-red);
	color: var( --color-red);
	box-shadow: 0 .3rem .5rem rgba(0,0,0,.25);
}
.proprice_item .active b{
	font-weight: bold;
	color: #000;
}
.proprice_item .active .far{
	font-weight: 700;
}
.proprice_item .far::before{
	content: "\f111";
}
.proprice_item .active .far::before{
	content: "\f058";
}
/********************************/
.prodetail__stock__uid,
.pro__instock,
.pro__outstock{
	padding: 5px 10px 4px;	color: #FFF;
	border-radius: 3px;	font-size: 11px;
	font-weight: 500;	line-height: 1.2;
}
.pro__instock .fas,
.pro__outstock .fas{
	margin-right: 3px;
}
.prodetail__stock__uid{
	color: #111;	background: #eee;
	font-weight: 500; text-transform: capitalize;
}
/********************************/
.prodetail__overview__tabinfo_header{
		font-family: var( --ftitle);
		font-size: 19px; font-weight: bold;
		line-height: 24px;
		margin: 0 0 10px; padding: 0;
}
.prodetail__overview__tabinfo .dcontent{
	font-size: 14px; line-height: 24px;
	font-weight: 300;
}
.prodetail__overview__tabinfo .dcontent .fa{
	color: var( --color-red); margin-right: 3px;
	font-size: 12px;
}
.prodetail__overview__tabinfo .dcontent p{
	margin-bottom: 5px;
}
.prodetail__overview__tabinfo .dcontent ul{
	padding-left: .75rem;
}
/********************/
.prodetail__overview__tabinfo_guarante{
	font-size: 19px; font-weight: 500;
	text-transform: capitalize;
	color: var( --color-red);
	text-align: center;
	margin-bottom: 1rem !important; padding-bottom: 1rem;
	border-bottom: 1px solid var( --color);
}
.prodetail__overview__tabinfo_guarante .fa{
	display: block;
	clear: both;
	margin-bottom: .95rem;
	font-size: 55px !important;
}
/********************/
.prodetail__text_container{
	padding-right: 3.25rem !important;
}
.prodetail__technology_container{
	padding-left: 0;
}
.prodetail__content_wrapper{
	padding: 1.75rem 2.5rem;
	background-color: #F7F7F7;
	background: linear-gradient(180deg, #F7F7F7 0%, rgba(247, 247, 247, 0) 100%);
	border-radius: .5rem;
}
.prodetail__technology_wrapper{
	border: 1px solid #C7C7C7;
	border-radius: .75rem;
	overflow: hidden;
	margin-bottom: 2rem;
}
.prodetail__context{
	padding: 0 0;
}
.prodetail__boxtitle{
	font-size: 16px; line-height: 1.2; 
	font-weight: bold; text-transform: capitalize;
	color: var( --color);
	margin: 0 0 .75rem;
}
.prodetail__box__content{
		padding: 0rem  ;
}
.prodetail__box hr.line{
	margin: 2.5rem 1.3rem 2rem;
	height: 3px; background: #DDD;
	border: none;
	opacity: 1;
}
.prodetail__box__content_collapse{
	max-height: 600px; overflow: hidden;
	position: relative;
	font-size: 16px; line-height: 26px;
	font-weight: 300;
	margin-bottom: 1.5rem;
	transition: max-height 1s ease; 
}
.content-show .prodetail__box__content_collapse{
	max-height: 10000px !important;
}
.content-show .prodetail__box__content_collapse::after{
	display: none;
}
.prodetail__box__content_action{
	border: 1px solid var( --color-hover); background: #FFF;
	display: inline-block;
	padding: .5rem 1rem; min-width: 160px;
	font-size: 14px; line-height: 22px; font-weight: 300;
	text-transform: capitalize;
	color: var( --color-hover);
	border-radius: .5rem
}
.prodetail__box__content_action .show-min{
	display: none;
}
.prodetail__box__content_action span::after{
	margin-left: 6px; font-size: 13px;
	position: relative; top: 1px;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
	font-family: 'FontAwesome';
  font-weight: 900;
	content: "\f150";
}
.content-show .prodetail__box__content_action span::after{
	content: "\f151";
}
.prodetail__box__content_collapse::after {
    content: " ";
    background: rgba(0, 0, 0, 0) linear-gradient(rgba(255, 255, 255, 0), rgb(255, 255, 255)) repeat scroll 0% 0%;
    position: absolute;    bottom: 0px;
    height: 40px;    width: 100%;
}
.prodetail__boxtechnology .prodetail__box__content_collapse{
	max-height: 420px;
	margin-bottom: 1rem;
	margin-left: 1rem;
	margin-right: 1rem;
}
.prodetail__boxtechnology{
	padding: 5px; margin-bottom: 0;
	border-bottom: none;
}
.prodetail__boxtechnology table{
	border-collapse: collapse !important;
	border: none;
	width: 100% !important;	max-width: 100%;
	margin-bottom: 20px;	font-size: 13px; line-height: 22px;
	text-align: left;
}
.prodetail__boxtechnology tbody tr:nth-of-type(2n+1) {
    background-color: rgba(0,0,0,.05);
}
.prodetail__boxtechnology .dcontent th,
.prodetail__boxtechnology .dcontent td {
	padding: 12px 10px;
	line-height: 1.42857143;
	vertical-align: middle;
}
.prodetail__boxtechnology .dcontent tr th:first-child,
.prodetail__boxtechnology .dcontent tr td:first-child {
	min-width: 95px;
}
.content-show .prodetail__box__content_action .show-max{
	display: none;
}
.content-show .prodetail__box__content_action .show-min{
	display: inline-block;
}
.prodetail__box .pdinfo_faddcart__submit{
	border-color: var( --color-hover); color: var( --color-hover);
	background: #FFF;
	display: inline-block; width: auto;
	min-width: 320px;
}
.prodetail__box .pdinfo_faddcart__submit:hover{
	background-color:var( --color-hover); color: #FFF;
}
/************************/
.pro_guarantee__container{
	border: 1px solid #CCC;
	border-radius: 4px;
	position: relative;
	padding: .9rem 1rem .3rem; margin: 10px 0 1rem;
}
.pro_guarantee__container > .pro_guarantee__label{
	font-weight: bold; text-transform: uppercase;
	color: #000; font-size: 13px; line-height: 18px;
	position: absolute; left: 1rem; top: -1rem;
	background: #FFF;
	display: inline-block;
	padding: 5px 5px; margin: 0;
}
.pro_guarantee__container .form-check{
	margin-bottom: 5px;
}
.pro_guarantee__container label{
	cursor: pointer;
}
.pro_guarantee__container .fa{
	color: var( --color-hover); font-size: 15px; vertical-align: middle;
	cursor: help;
}
.pro_guarantee__container span{
	font-size: 11px; font-weight: bold;
	color: var( --color-hover)
}
.proinfo_guarantee .proprice_color_group{
	margin-bottom: 1.5rem;
}
/*******************/
.pro_guarantee__fselect{
	--bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23d70018' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
	color: var( --color-red);
	line-height: 22px;
	border-color: var( --color-red);
	border-radius: 25px;
	padding-left: 1.5rem !important;
	margin-bottom: 1.5rem;
	box-shadow: 0 .125rem .25rem rgba(var(--bs-body-color-rgb),.075);
}
.pro_guarantee__fselect:focus{
	box-shadow: none;
	border-color: var( --color-red);
}
/*******************/
.pdinfo_faddcart > hr{
	margin-top: 1.3rem; margin-bottom: 1.3rem;
}
.pdinfo_faddcart{
	margin-top: 0px; margin-bottom: 1rem;
	padding: 0 0 0px;
}
.pdinfo_faddcart_btngroup{
	--bs-gutter-x: .75rem;
	margin-bottom: 1.2rem;
}
.pdinfo_faddcart_btngroup .mb-md-3{
	margin-bottom: .75rem !important
}
.pdinfo_faddcart_btngroup > div.col-12{
	padding-left: 8px; padding-right: 8px;
}
.pdinfo_faddcart__btn{
	display: block; width: 100%;
	border-radius: 6px; overflow: hidden;
	padding: 11px 10px 10px;
	font-size: 14px; line-height: 1.2;
	font-weight: 300;
	transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;
}
.pdinfo_faddcart__submit{
	background-color: var( --color-hover); color: #FFF;
}
.pdinfo_faddcart__addcart b,
.pdinfo_faddcart__modal b,
.pdinfo_faddcart__submit b{
	display: block; clear: both;
	font-size: 18px;	font-weight: bold;
	margin-bottom: 5px;
	text-transform: uppercase;
	font-family: var( --ftitle);
}
.pdinfo_faddcart__addcart,
.pdinfo_faddcart__modal{
	min-height: 100%;
	padding: 10px 15px 9px;
	background-color: rgb(18, 133, 255);
	color: #FFF;
}
.pdinfo_faddcart__btn:hover{
	background: #000; color: #FFF;
	transform: translateY( -5px);
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
	transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;
}
.pdinfo_faddcart_textsupport{
	text-align: justify; margin-bottom: 0;
	font-size: 14px; line-height: 1.2;
	font-weight: 500;
	color: var( --bs-blue );
	background-color: #ededed;
	border-radius: .5rem; overflow: hidden;
	padding: 1.25rem 1.5rem;
}
.pdinfo_faddcart_textsupport p{
	margin-bottom: 10px;
}
.pdinfo_faddcart_textsupport p:last-child{
	margin-bottom: 0;
}
.pdinfo_faddcart_textsupport a{
	color: var( --blue); font-weight: 500;
}
.pdinfo_faddcart_textsupport a:hover{
	color: var( --color-hover); text-decoration: none;
}
.pdinfo_faddcart__addcart b{
	position: relative;
		background: url( '../images/icon-cart-white.png') no-repeat left top;
		background-size: auto 32px; min-height: 32px;
		display: inline-block; line-height: 32px;
		font-size: 17px;
		padding-left: 38px; padding-top: 1px;
		margin: 0;
}
.pdinfo_faddcart__addcart.is-added b{
		background-image: none;
}
.pdinfo_faddcart__addcart .addtocart__complete{
	position: absolute; left: 0; top: 0; z-index: 1;
	width: 32px; height: 100%;
	border: 1px solid rgba( 255, 255, 255, .8);
	border-radius: 2px;
	opacity: 0;
}
.pdinfo_faddcart__addcart.is-added .addtocart__complete{
	opacity: 1;
}
/*********************/
.href_protradein{
	display: inline-block;
	position: relative;
	padding-left: 40px;
	line-height: 20px;
}
.href_protradein::before{
	position: absolute; left: 0; top: 0;
	content: "";
	display: inline-block;
	width: 50px;	height: 30px;
	background: url( img/icon-tradein.png)  no-repeat 0 0;
	background-size: auto 20px;

}
/**********************/
.pdinfo_faddcart #button-share{
	margin:0; padding: 0;
	background: none;
}
.pdinfo_faddcart #button-share .share-fb{
}
.pdinfo_faddcart #button-share .share-fb i{
	line-height: 32px;	height: 51px;
	min-width: 60px;
	text-align: center;
}
.pdinfo_faddcart #button-share .header{
	display: none;
}
.pdinfo_faddcart #button-share b{
	display: none;
}
.pdinfo_faddcart #button-share .share-fb{
	margin-left: 0;
}
.pdinfo_faddcart #button-share .share-item{
	padding-right: 0;
	border-radius: 1px; overflow: hidden;
}
.pdinfo_faddcart #button-share i{
	margin-right: 0; padding-right: 0;
	padding: 10px 5px 9px;
	font-size: 21px;
	width: auto; min-width: 50px;
	background: none; color: #FFF;
}
.pdinfo_faddcart #button-share i::after{
	display: none;
}
/*********************/
.dpro__content .post-title{
		color: #000; margin-bottom: 0;
		border: none;
}
.dpro__content{
	font-size: 14px;
}
/*****************************/
.prodetail__main .home__tieuchi{
	margin-top: 30px;
	margin-bottom: 0px;
}
.prodetail__main .home__tieuchi .container{
	max-width: 100%;
}
.prodetail__content{
	padding-top: 0px;
}
.prodetail__content .nav-tabs{
	text-align: center;	font-size: 15px;
	background: var( --color-main);
	padding-top: 16px;
}
.prodetail__content .nav-tabs a{
	position: relative;
	border: none;	color: #FFF;
	padding-left: 30px; padding-right: 30px;
	font-weight: normal;
}
.prodetail__content .nav-tabs a.active{
	color: var( --color-main);
}
.prodetail__content .tab-content{
	padding: 30px 50px 30px;
	border: 1px solid #CCC; border-top: none;
}
.prodetail__content__btncollapse{
	position: relative;
	clear: both; padding: 10px 25px 10px 15px;
	display: block; width: 100%;
	border: none; background: #f2f2f2;
	border-bottom: 1px solid #CCC;
	text-align: left;
	font-size: 15px; font-weight: 400;
	margin-bottom: 5px;
	display: none;
}
.prodetail__content__btncollapse:focus{
	outline: none;
}
.prodetail__content__btncollapse::after{
	position: absolute; right: 5px; top: 15px;
	-moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
	content: "\f0d8";
	font-family: 'Font Awesome 5 Free';
  font-weight: 900;

}
.prodetail__content__btncollapse.collapsed::after{
	content: "\f0d7";
}
/*******************
************************/
body.page-tragop{
	background-color: var( --bs-light);
}
.tragop__container{
	background: #fff !important;
}
hr.hr_cart,
.tragop__container hr{
	height: 5px !important;
	color: #666;
}
.tragop_text__container{
	border-left: 5px solid var( --color-hover);
	padding: .5rem 3rem .5rem; color: #000;
}
.tragop__content{
	font-size: 14px; line-height: 24px;
}
.tragop__content > p{
	margin-bottom: 10px;
}
body.page-tragop #button-share{
	margin-bottom: 0;	padding: 15px 3rem 20px;
	border-top: 1px solid #DDD;
}
.tragop_product_info .tragop__proprice{
	font-size: 21px; font-weight: bold;
	line-height: 1.2;
	font-family: var( --ftitle);
	color: var( --color-hover);
}
body.page-tragop #bg-main{
	margin-bottom: 0;
}
.hprobox__container--tragop .hboxproduct__title{
	padding-top: 0;
	margin-bottom: .35rem;
	color: #fff;
}
/*******************
************************/
.tragop_product_promotion{
	color: #000;	background: #f1f7ff;
	border-radius: 15px;
}
.tragop_product_promotion__header{
	background: #c1d7ff;
	border-radius: 15px;
	padding: 8px 1rem;
	font-size: 13px; font-weight: bold; line-height: 1.3;
}
.tragop_product_promotion__content{
	padding: .5rem 1rem .75rem;
	font-size: 13px; line-height: 22px;
}
.tragop_product_promotion__content p{
	margin-bottom: 4px;
}
/*******************
************************/
.tgmethod__item img{
	display: inline-block;
	height: 60px; width: auto;
	object-fit: cover; object-position: center;
	margin-bottom: 5px;
}
.tgmethod__list{
	margin-left: 0; margin-right: 0;
}
.tgmethod__item{
	padding-left: 12px; padding-right: 12px;
	margin-bottom: 25px;
}
.tgmethod__box{
	position: relative;
	text-align: center; display: block; width: 100%;
	background: #fff; border: 1px solid #ddd;
	padding: 7px 15px;	border-radius: 4px;
	font-weight: 400; text-transform: uppercase;
	line-height: 20px;
	cursor: pointer;
}
.tgmethod__box:after{
	top: 100%;	left: 50%;
	border: solid transparent;
	content: "";	height: 0;	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-top-color: var( --color-red);
	border-width: 14px;	margin-left: -14px;
	display: none;
}
.tgmethod__box.selected:after{
	display: block;
}
.tgmethod__box figcaption{
	margin-bottom: 10px;
	font-size: 13px; font-weight: 500;
}
.tgmethod__box.selected{
	border-color: var( --color-red); color: var( --color-red);
}
.tgmethod__detail{
	display: none;
}
.tgmethod__ditem{
	display: none;
	background: #FFF;
	border: 1px solid #DDD;
	padding: 20px 30px;
	border-radius: 4px;
}
.tgmethod__ditem.selected{
	display: block;
}
.form-select{
	font-size: 14px;
	padding-left: .5rem;
}
.tgmethod__detail option{
	font-size: 13px;
	color: #000;
}
.tgmethod__detail .form-floating > .form-control{
		line-height: 24px;
}
.tgmethod__detail .form-floating > label{
	font-weight: 500; text-transform: capitalize;
}
.tg_itemlabel{
	font-family: var( --ftitle);
	font-size: 15px; text-transform: capitalize;
	line-height: 20px; margin-bottom: 15px;
	background: #eee;
	border-radius: 50rem;
	padding: 8px 15px;
	color: var( --color-hover); font-weight: bold;
}
/******************/
.cart__container.bg-white{
	background: #fff !important;
}
.cart__container{
	margin: 1.5rem auto 35px;
	max-width: 720px;
}
.fcart__title{
	position: relative;
	display: block;
	padding: 0; margin: 0 0 1rem;
	font-weight: 500;
	font-size: 20px;
	line-height: 1.2;
}
.fcart__title a{
	color: inherit;
	display: inline-block;
	position: relative;
	padding-left: 30px;
}
.fcart__title a::before{
	position: absolute; left: 0; top: 5px; z-index: 1;
	content: ""; display: block;
	width: 30px; height: 16px;
	background: url( img/arrow-long-left.svg) no-repeat left 0;
	background-size: auto 16px;
}

.cart__container .hboxproduct__title{
	border-bottom: 1px solid #DDD;
}
.cart_btnitem{
	--bs-btn-active-bg: var( --color-red);
	--bs-btn-active-border-color:var( --color-red);
	--bs-btn-active-color: #fff;
	--bs-btn-border-radius: .75rem;
	display: inline-block;
	border: 1px solid #DDD;
	font-size: 14px; font-weight: 500;
	padding: 12px 15px;
	min-width: 180px; text-align: center;
	text-transform: uppercase;
	color: var( --color-hover);
}
.cart_btnitem .fa{
	margin-right: 8px;
}
.cart_btnitem:hover{
		background: #000; border-color: #000;
		color: #FFF;
		text-decoration: none;
}
.cart_btnitem-red{
	position: relative;
	background: var( --color-hover); border-color: var( --color-hover);
	color: #FFF; font-weight: bold;
	padding-bottom: 8px; font-size: 15px;
}
.cart_btnitem-blue{
	position: relative;
	background: var( --bs-blue); border-color: var( --bs-blue);
	color: #FFF; font-weight: bold;
	padding-bottom: 8px; font-size: 15px;
}
a.cart_btnitem-blue,
a.cart_btnitem-red{
	padding-top: 10px;
	min-width: 210px;
}
.cartbtn_removeitem{
	padding: .20rem .5rem .12rem;
	font-size: 12px; font-weight: 500;
}
.cartcomplete__textinfo p{
	margin-bottom: 10px; font-size: 13px;
}
.cartcomplete__textinfo p > b{
	font-weight: 700; font-size: 13px;
	min-width: 90px;
	display: inline-block;
}
.cartcomplete__textinfo .dcontent{
	margin-bottom: 3px;
	font-size: 13px; line-height: 22px;
}
.cartcomplete__textinfo .dcontent p{
	margin-bottom: 3px;
}
.cart__container .cart_btnitem-red > .fa::before{
	width: 1.35rem;	height: 1.35rem;
	display: inline-block;
	position: relative; top: 0;
}
.cart__container .cart_btnitem-red[disabled]{
	padding-top: 9px; padding-bottom: 10px;
}
.cart__container .cart_btnitem-red[disabled] > .fa::before{
	top: 2px;
	vertical-align: -.125em;
	border: .25em solid rgb(248, 249, 250);
	border-right-color: transparent;
	border-radius: 50%;
	-webkit-animation: .75s linear infinite spinner-border;
	animation: .75s linear infinite spinner-border;
	content: "";
}
/*********************************/
#cart_content{
	margin-bottom: 0px;
}
.cartitem{
	margin: 0 0 1.25rem;
	padding: .75rem;
	font-size: 13px; line-height: 22px;
	background-color: #fff;
	border-radius: .75rem;
	box-shadow: 0 .125rem .25rem rgba(var(--bs-body-color-rgb),.075);
}
.cartitem > .col{
	padding: 0 10px;
}
.cartitem .product_info,
.cartitem .product > .col{
	padding: 0;
}

.cartitem .product{
	margin-left: 0; margin-right: 0;
}
.cartitem .stt{
	flex: 0 0 auto;   width: 70px;
	max-width: 100%;
}
.cartitem .photo{
	flex: 0 0 auto;   width: 100px;
	padding-left: 0; padding-right: .75rem;
}
.cartitem .color{
	padding-left: 0; padding-right: 0;
	margin-bottom: .35rem;
}
.cartitem .qty{
	flex: 0 0 auto; width: auto;
}
.cartitem .price{
	flex: 0 0 auto;   width: 140px;
	font-weight: bold;
	color: var( --color-hover);
}
/*****************/
.cartitem .des-price .ktprice_orgi,
.cartitem .des-price s{
	display: inline-block;
	margin-left: .5rem;
}
.cartitem .des-price-qty{
	display: flex; flex-wrap: wrap;
	align-items: center;
	padding-left: 0; padding-right: 0;
}
/*****************/
.input-group--voucher,
.cartitem.voucher{
	border-radius: .75rem !important;
	overflow: hidden;
}
.input-group--voucher{
	padding: 0;
	box-shadow: 0 .125rem .25rem rgba(var(--bs-body-color-rgb),.075);
	background-color: rgb(255, 255, 255);
	border: 1px solid #fff;
}
.input-group--voucher .input-group-text{
	border: none; border-radius: 0;
	width: 60px; overflow: hidden;
	text-indent: 100px;
	background: url( img/icon-voucher.svg) no-repeat center;
	background-size: auto 26px;
}
.input-group--voucher.has-error .input-group-text,
.input-group--voucher .input-group-text:hover{
	filter: invert(11%) sepia(93%) saturate(4604%) hue-rotate(350deg) brightness(107%) contrast(97%);
}
.input-group--voucher input[name=voucher]{
	flex: 1 0 0;
	border: none; border-radius: 0;
	padding: 1rem .75rem;
	font-size: 16px; font-weight: 300;
}
.input-group--voucher input[name=voucher]:focus-visible{
	box-shadow: none;
	outline: none;
}
.input-group--voucher:focus-within{
	border-color: var( --color-red);
	color: #000; 
}
.input-group--voucher.has-error{
	border-color: var( --color-red) !important;
	color: var( --color-red);
}
.popover--voucher{
	--bs-popover-body-padding-y: .425rem;
	--bs-popover-body-padding-x: .75rem;
	--bs-border-color-translucent: var( --color-red);
	--bs-popover-body-color: var( --color-red);
	font-size: 13px; color: var( --color-red);
	font-weight: 300;
}
.voucher--code-warpper{
	margin: 0;
	box-shadow: none;
	font-weight: bold;
	font-size: 15px;
}
.voucher--code-warpper .price{
	color: #000
}
.voucher--btn-changecode{
	--bs-btn-padding-x:0;
	--bs-btn-padding-y: .15rem;
	font-size: 12px; font-weight: 400;
	line-height: 1.1;
	color: #555;
	font-style: italic;
	border: none; border-radius: 0;
}
.voucher--btn-changecode:hover{
	border-radius: 0; border: none;
	color: var( --color-red);
}
#input-group--voucher.collapsing,
#input-group--voucher.collapse.show{
	border: none;
	border-radius: 0;
	border-top: 1px solid #ccc;
}
.voucher-deactive #input-group--voucher.collapse{
	border: 1px solid #fff;
}
.voucher-alert-response{
	display: none;
	color: var( --bs-danger);
	font-size: 13px; font-weight: 400; line-height: 18px;
	margin: .75rem 0 .5rem;
}
.voucher-alert-response.active{
	display: block;
}
/*****************/
.cartitem.footer{
	background: none; font-weight: 300;
	color: var( --color);
	font-size: 16px;
	box-shadow: none;
	padding-left: 0; padding-right: 0;
}
.cart-success .cartitem.footer > .col{
	padding-top: 10px;
}
.cartitem.shipcod{
	background: #fff; display: none;
	font-weight: 500; color: var( --bs-blue);
	font-size: 15px;
}
/*************/
.cartitem .title{
	margin: 0 0 .25rem;
	color: #393939;
	font-size: 16px; font-weight: 500;
	line-height: 1.2;
}
.cartitem .title a{
	color: inherit;
}
.cartitem .des-price{
	font-size: 16px;
	line-height: 1.3;
	margin-bottom: 0;
}
.cartitem .des-price > strong{
	font-size: 13px; font-weight: 500;
}
.cartitem .des-price .ktprice_orgi small,
.cartitem .des-price .ktprice_sale small{
	display: none;
}
.cartitem--keothom .des-price{
	display: flex;
}
.cartitem .des-price .ktprice_orgi{
	order: 2;
	width: auto;
	flex: 0 0 auto;
}
.cartitem .des-price .ktprice_sale{
	order: 1;
	width: auto;
	flex: 0 0 auto;
}


.cartitem .des-price .ktprice_sale ,
.cartitem .des-price .price{
	color: var( --color-hover);
	font-weight: 500;
}
.cartitem .des-price .price .price__buyonline{
	display: none;
}
.cartitem .percent_text{
	background: rgba(234, 16, 16, 0.8);
	width: auto;		height: auto;
	font-size: 10px;
	font-weight: bold;
	color: RGB(255, 255, 255);
	line-height: 1;
	padding: 2px 8px 2px 8px; margin-left: 8px;
	border-radius: 25px;
	text-transform: none;
}
.cartitem .des-guarantee{
	font-size: 14px;
}
.cartitem .des-guarantee{
	font-size: 12px; font-weight: 500; color: #000;
	line-height: 1.3;
}
.des-guarantee__label{
	background: #fff; display: inline-block;;
	border: 1px solid var( --color-red);
	border-radius: 15px;
	padding: 2px 8px 2px 5px;
	vertical-align: middle;
	box-shadow: 0 .25rem 25rem rgba(0,0,0,.075);
	font-size: 12px; 
	font-weight: 300;
	color: var( --color-red);
}
.des-guarantee__label .fa{
	margin-right: 2px; font-size: 14px;
	transform: translateY(1px);
}
/*******************/
.faddcart-qtygroup{
	--border-color: #ccc;
	display: flex; flex-wrap: nowrap;
	background-color: #F7F7F7;
	overflow: hidden;
	border-radius: 36px;

}
.faddcart-qtygroup button{
	flex: 0 0 auto;
	width: 40px; padding: 0;
	border: none; 
	background: none;
	text-align: center;
	font-size: bold 13px/1 var( --ftitle);
	color: var( --color);
}
.faddcart-qtygroup button:hover{
	color: var( --color-red);
}
.faddcart-qtygroup input{
	flex: 0 0 auto;
	width: 46px; min-height: 30px !important;
	padding-left: .35rem; padding-right: .35rem;
	text-align: center;
	border: none; background: none;
	font: 400 17px/1.2 var( --ftitle);
	border-radius: 0;
}
.faddcart-qtygroup input:focus{
	outline: none;
}
.faddcart-qtygroup:focus-within{
	--border-color: var( --color-main);
}
/*******************/
.fcartbox{
	background-color: #fff;
	padding: 1.5rem 1.5rem;
	/* margin: 0 calc(-.5 * var(--bs-gutter-x)); */
	margin: 0;
	border-radius: .35rem;
}
.fcartbox-title{
	font-size: 16px; line-height: 22px;
	font-weight: 400;
	margin-bottom: 0;
}
.fcartbox .form-select,
.fcartbox .form-control{
	font-size: 15px;
	min-height: 36px;
}
.fcartbox .form-select{
	padding-left: .5rem; padding-right: .5rem;
}
.fcartbox .form-control{
	font-size: 16px; line-height: 28px;
	font-weight: 400;
}
.fcartbox .form-control::placeholder{
	font-weight: 300;
}
.fcart_boxdelivery{
	margin-bottom: 30px;
}
.fcart_boxdelivery .nav-link{
		font-weight: 500; color: #000;
}
.fcart_boxdelivery .nav-link.active{
		color: var( --color-hover);
}
.fcartbox .order-color{
	max-width: 200px;
	font-size: 12px; line-height: 15px;
	padding-left: .75rem;
	min-height: 0;
	border-radius: 32px !important;
}
.fcartbox textarea.form-control{
	height: 95px;
}
.fcartbox label{
	font-weight: 500; margin-bottom: 0;
	display: block; font-size: 13px;
}
/*******************/
.delivery-method-boxitem {
	padding-left: 0; padding-right: 0;
	margin-top: 0;
	display: flex; flex-wrap: wrap;
	display: none;
}
.delivery-method-boxitem > *{
	padding-right: calc(var(--bs-gutter-x) * .5);
	padding-left: calc(var(--bs-gutter-x) * .5);
	margin-top: var(--bs-gutter-y);
}	
.delivery-method-boxitem.active{
	display: flex; 
}
.delivery_method_group label{
	cursor: pointer;
	font-size: 15px; font-weight: 400;
}
.delivery_method_group label input:checked ~ span{
	color: var( --bs-primary);
}
/*******************/
.fcartbox-invoice,
.fcartbox-cusother{
	display: none;
	transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;
}
.fcartbox-invoice.active,
.fcartbox-cusother.active{
	display: flex;
	margin-top: .25rem;
}
/*******************/
.icon-fcartorder{
	background-image: url( img/icon-fcart-order.png );
	background-repeat: no-repeat; background-size: 20px auto;
	background-position: 12px center;
}
.icon-fcartcustomer{
	background-image: url( img/icon-fcart-customer.png );
	background-repeat: no-repeat; background-size: 20px auto;
	background-position: 12px center;
}
/*******************/
.fcart-payment-boxitem{
	border: 1px solid #B8B8B8;
	border-radius: .5rem;
	padding: 1rem 1.5rem;
	font-size: 15px; font-weight: 300;
	line-height: 24px;
}
.fcart-payment-boxitem p{
	margin-bottom: .75rem;
}
.fcart-payment-boxitem > p:last-child{
	margin-bottom: 0;
}
.fcart-payment-boxitem-title{
	font-weight: 500;
	font-size: 18px; text-align: center;
	margin-bottom: 1.25rem !important;
}
.fcart-payment-boxitem-title > span{
	display: inline-block;
	background-color: var( --color-red);
	color: #fff;
	padding: .25rem 1.5rem;
	border-radius: 8px;
}
.fcart-payment-boxitem-title .icon-fcartcustomer,
.fcart-payment-boxitem-title .icon-fcartorder{
	padding-left: calc( 1.5rem + 15px );
}	
.fcart-payment-boxitem p > b{
	font-weight: 300;
}
.fcart-payment-boxitem p i{
	margin-right: .5rem;
}
.fcart-payment-boxitem-promotion{
	--bs-alert-padding-x: .75rem;
	--bs-alert-padding-y: .5rem;
	--bs-alert-margin-bottom: 0rem;
	margin-top: .5rem;
	font-size: 12px; line-height: 18px;
}
.fcart-payment-boxitem-promotion p{
	margin-bottom: .15rem;
}
/*******************/
.fcart__payment .fcart-payment-item{
	position: relative;
	margin-top: .75rem;
	font-size: 16px; font-weight: 400;
	line-height: 24px;
}
.fcart-payment-item input{
	position: absolute; right: 1rem; top: 11px;
	order: 2; margin-left: auto;
	width: 1.075rem; height: 1.075rem;
}
.fcart-payment-item .form-check-input:checked{
	background-color: var( --color-red);
	border-color: var( --color-red);
}
.fcart-payment-item:hover .form-check-input{
	border-color: var( --color-red);
}
.fcart-payment-item .form-check-input:checked + span{
	background-color: rgb(221, 221, 221);
}
.fcart-payment-item span{ 
	display: block; width: 100%;
	padding: .65rem 1rem;
	background-color: #f4f4f4;
	border-radius: 32px;
	cursor: pointer;
}
.fcart-payment-item span:hover{ 
	color: var( --color-red);
}
.fcart-payment-item span[class*=fcart-payment-icon--]{
	padding-left: 52px;
	background-position: 1rem 10px;
	background-repeat: no-repeat;
	background-size: auto 24px;
}
.fcart-payment-icon--payment-showroom{
	background-image: url( img/location.png);
}
.fcart-payment-icon--payment-cod{
	background-image: url( img/payment-icon-cash.png);
}
.fcart-payment-icon--payment-onepay{
	background-image: url( img/payment-icon-cart.png);
}
.fcart-payment-icon--payment-shopeepay{
	background-image: url( img/payment-icon-shopeepay.png);
	background-position: 1.35rem 10px !important;
}
.fcart-payment-icon--payment-vimo{
	background-image: url( img/payment-icon-vimo.png);
}
.fcart-payment-icon--payment-grabpay{
	background-image: url( img/payment-icon-grabpay.png);
}
.fcart-payment-icon--payment-momo{
	background-image: url( img/payment-icon-momo.png);
}
.fcart-payment-icon--payment-zalopay{
	background-image: url( img/payment-icon-zalopay.png);
}
.fcart-payment-icon--payment-vnpay{
	background-image: url( img/payment-icon-vnpay.png);
}
.fcart-payment-icon--payment-kredivo{
	background-image: url( img/payment-icon-kredivo.png);
	background-size: 33px auto !important;
	background-position: .75rem 14px !important;
}
.fcart-payment-icon--payment-baokim{
	background-image: url( img/payment-icon-baokim.png);
	background-size: 32px auto !important;
	background-position: .75rem 17px !important;
}
/*******************/
.cartcomplete__nofitication .dcontent{
	font-size: 15px; line-height: 22px;
	font-weight: 300;
}
.cartcomplete__nofitication .dcontent p{
	margin-bottom: .35rem;
}
.cartcomplete__nofitication .dcontent p:last-child{
	margin-bottom: 0;
}
/*******************/
.cart_content_complete .cartitem{
	box-shadow: none;
	padding: .5rem;
	margin-bottom: 1rem;
}
.cart_content_complete .cartitem .photo{
	width: 85px;
}
.cart_content_complete_total{
	border-top: 1px solid #A0A0A0;
	padding-top: .75rem;
	margin-bottom: 1.5rem !important;
}
.cart_content_complete .cartitem{
	box-shadow: none;
	padding: .65rem 0rem;
	margin-bottom: 0;
	font-size: 13px;
}
.cart_content_complete .cartitem .title{
	color: #000;
}
.cart_content_complete_total .cartitem{
	font-size: 16px;
}
.cart_content_complete .des-guarantee__label{
	margin-bottom: .5rem;
}
/*******************/
.fcart-complete-link-checkorder,
.fcart-complete-link-homepage{
	width: 100%;
	font-size: 18px; font-weight: 500;
	color: #fff;
	padding-top: .5rem; padding-bottom: .5rem;
}
.fcart-complete-link-checkorder:hover,
.fcart-complete-link-checkorder{
	background-color: #FF7D05;
}
.fcart-complete-link-homepage:hover,
.fcart-complete-link-homepage{
	background-color: var( --color-red);
}
.fcart-complete-link-checkorder:hover,
.fcart-complete-link-homepage:hover{
	color: #000;
}
/*******************/
.delivery_showroom_radio_group{
	padding-left: .75rem;
}
.delivery_showroom_radio_item{
	margin-top: .25rem;
}
.delivery_showroom_radio_item .form-check-label{
	font-weight: 400;	font-size: 13px;
	cursor: pointer;
}
.delivery_showroom_radio_item .form-check-label b{
	font-size: 13px; min-width: 80px;
	display: inline-block;
}
.delivery_showroom_radio_item .form-check-label:hover{
	color: var( --bs-blue)
}
/**************************/
.tgmethod_container{

}
.tg_method_header{
	font-weight: 500; font-size: 14px;
}
.tg_method_header__container{
	background: #f9f9f9;
	padding: 1rem 1.5rem .75rem 90px;
	margin-bottom: .25rem;
	border: 1px solid #DDD;
	border-top: 5px solid var( --color-hover);
	min-height: 52px;
	font-size: 13px; font-weight: 400;
	font-style: italic;
}
.tg_method_header__container::before{
	position: absolute; left: 1.2rem; top: .9rem;

	font-size: 45px; color: var( --color-hover);
	-moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;  font-style: normal;
  font-variant: normal;  text-rendering: auto;
  line-height: 1;  content: "\f0d6";
	font-family: 'Font Awesome 5 Free';
  font-weight: 900;

}
.tg_method_title{
	font-size: 15px;	line-height: 20px;
	color: #000;	margin: 0; padding: 0;
	font-style: normal;
}
.tg_method_header .a_readmore{
	font-size: 13px; font-weight:500;
	line-height: 1; padding: 0;
	color: var( --bs-blue); font-style: italic;
}
.tg_method_header .a_readmore:hover{
	color: var( --color-hover);
}
/**************************/
.tgtc__radio__group{
	margin-left: -8px; margin-right: -8px;
}
.tgtc__radio__group > .col{
	padding-left: 8px; padding-right: 8px;
	width: calc( 100% / 3) flex: 0 0 auto;
	margin-bottom: 15px;
}
.tgtc__radio{
	border: 1px solid #DDD;
	text-align: center; display: block;
	position: relative;
	padding: 9px 5px; margin: 0;
	font-size: 13px; font-weight: 400;
	line-height: 20px;
	border-radius: 4px;
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
	cursor: pointer; text-transform: capitalize;
	transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;
}
.tgtc__radio input{
	position: absolute;  opacity: 0;
	cursor: pointer;
}
.tgtc__radio.active{
	border-color: var( --color-hover);
	background: var( --color-hover); color: #FFF;
	font-weight: bold;
}
/************************/
.tgtc_calculator{
	font-size: 13px; line-height: 20px;
	vertical-align: middle;
}
.tgtc_calculator th,
.tgtc_calculator td{
	vertical-align: middle;
	padding-top: 12px; padding-bottom: 12px;
	min-width: 180px;
}
.tgtc_calculator .tgtc_td_label{
	min-width: 200px;
}
.tgtc_calculator > tbody > tr.bg-white{
	--bs-table-accent-bg: #FFF;
}
.tgtc_calculator > tbody > tr.bg-gray{
	--bs-table-accent-bg: var(--bs-table-striped-bg);
}
.tgtc_calculator > tbody > tr.border-bottom-0 {
	--bs-table-accent-bg: #fff4de;
	border-color: #fff4de;
}
.tgtc_calculator > tbody > tr.border-bottom-0 td{
	border-color: rgb(222, 226, 230);
}
.tgtc_calculator > tbody > tr.border-bottom-0 td{
	padding-top: 6px; padding-bottom: 6px;
}
.tgtc_calculator img{
	height: 35px; max-width: 100%;
	object-fit: contain; object-position: center;
	display: inline-block;
}
.tgtc_td_label{
	width: 180px;
	font-weight: 500;
}
.tgtc_td_item{
	width: calc( (100% - 180px) / 4 );
}
.tgtc_calculator .bg-danger,
.bg-danger .tgtc_td_item{
	background: rgba(220, 53, 69, 0.05) !important;
}
.tgtc_calculator .bg-warning,
.bg-warning .tgtc_td_item{
	background: rgba(255, 193, 7, 0.07) !important
}
.tgtc_td_item span{
	clear: both; display: block;
	font-weight: normal;
}
.tgtc_td_item hr{
	margin: 5px 0;
	background: #000;
}
.tgtc_calculator button{
	background: var( --color-hover); border-color: var( --color-hover);
	display: block; width: 100%;
	font-size: 13px; font-weight: bold; text-transform: uppercase;
	padding-top: 10px; padding-bottom: 10px;
	color: #FFF;
}
.tgtc_calculator button:hover{
	background: #111; border-color: #111;
	color: #FFF;
}
.tg_method_calculator_note{
	font-size: 13px; line-height: 24px;
	padding: 10px 0;
}
/**************************************/
.page-tradein{
	background: #fff;
}
.page-tradein #bg-main{
	margin-bottom: 0;
}
.tradein__box{
	padding-top: 30px; padding-bottom: 30px;
}
.tradein__title{
	font-size: 29px;
	margin-bottom: 8px;
}
.serdetail__action_scrollto,
.tradein__action_scrollto{
	border: 1px solid var( --color-hover);
	color: var( --color-hover); background: #FFF;
	font-size: 14px; font-weight: bold;
	text-transform: uppercase;
	padding: 9px 25px 9px 40px;
}
.serdetail__action_scrollto::after,
.tradein__action_scrollto::after{
	position: absolute; left: 10px; top: 0;
	content: "";
	display: block; width: 32px; height: 100%;
	background: url( img/arrow-down.png) no-repeat center 7px;
	background-size: auto 20px;
}
.serdetail__action_scrollto:hover::after,
.tradein__action_scrollto:hover::after{
	background-image: url( img/arrow-down-white.png);
}
.tradein__box .dcontent{
	font-size: 14px; line-height: 24px;
}
/****************/
.tradein_group_nav{
	padding: 1.5rem .5rem .1rem;
}
.tradein_group_nav::after,
.tradein_group_nav::before{
	/* position: absolute; left: 100%; top: 0; z-index: 1;
	display: block; width: 100%; height: 50%;
	content: "";
	background: #FFF; */
	display: none !important;
}
.tradein_group_nav::after{
	left: auto; right: 100%;
}
.tradein_group_nav > li.nav-item{
	padding: 0 .5rem;
}
.tradein_groupitem{
	padding: 0; margin: 0 ;
	border: none; background: none;
	display: block; width: 100%;
	outline: none
}
.tradein_groupitem .img{
	padding: 20px 0;
}
.tradein_groupitem img{
	display: inline-block;
	height: 36px; width: auto;
	opacity: 1;
}
.tradein_groupitem .caption{
	padding: 8px 10px; margin: 0;
	display: block;
	font-weight: 500; font-size: 15px; line-height: 22px;
}
.tradein_group_nav .nav-link{
	border-radius: 25px; overflow: hidden;
	border: 1px solid var( --color-red);
	background-color: #fff;
	color: var( --color);
	transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;
}
.tradein_group_nav .nav-link.active{
	background: var( --color-red);
	color: #fff;
}
.tradein_group_nav .nav-link:hover{
	color: var( --color-red);
}

/*********************/
.tradein__textbox__container{
	background: #FFF; color: #000;
	padding: 2rem 3rem .5rem;
	border-left: 6px solid var( --color-hover);
}
/* .tradein_group_navcontent_item .product__container{
	min-height: 120px;
	background: url( img/loader.gif) no-repeat center;
	background-size: auto 30px;
} */
/********************/
.tradein_proitem{
	cursor: pointer;
}
.tradein_product_container{
	--bs-gutter-y: 1.5rem;
	--bs-gutter-x: 1.5rem;
	margin-left: 0; margin-right: 0;
	padding: 1rem .5rem;
}
.tradein_product_container .tradein_proitem{
	padding-left: 7px; ;padding-right: 7px;
	margin-bottom: 0;
}
.tradein_proitem .probox__price{
	justify-content: flex-end;
	font-size: 13px;
}

.tradein_proitem .probox__price.mb-2{
	margin-bottom: 10px !important;
}
.tradein_proitem .probox__price:last-child{
	margin-bottom: 0 !important;
}
.tradein_proitem .probox__price > b{
	display: inline-block;
	min-width: 70px;
	font-weight: 400; font-size: 13px;
	color: #111;
	text-transform: capitalize;
}
.tradein_proitem .probox__price .badge{
	margin-right: .25rem;
	color: #fff; font-size: 11px; 
	font-weight: 500;
	min-width: 65px;
	max-width: 50%; width: auto;
	margin-right: auto;
}
/*******************/
#tradein_modal .modal-header{
	background: var( --color-hover); color: #FFF;
	margin-left: -10px; margin-right: -10px;
	overflow: hidden;
	padding-top: 8px; padding-bottom: 8px;
}
.tradein_modal_header_title{
	font-size: 17px; line-height: 1.2;
	text-transform: uppercase;
	text-align: center;
}
.tradein_modal__filter{
	font-size: 14px; min-height: 42px;
}
#tradein_modal .modal-header > .col,
#tradein_modal .modal-header > .col-auto{
	padding-left: 10px; padding-right: 10px;
	transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;
}
#tradein_modal .modal-header button{
	padding: 0; border: none;
	min-height: 30px;	width: 40px; text-align: right;
	background: none; color: #fff;
	font-size: 21px; line-height: 30px;
	transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;
}
.tradein_modal_backto{
	display: none;
}
#tradein_modal .record-empty{
	margin-bottom: 0;
}
.pro_status_ext.active,
.modal_tradein_item.active{
	border-color: var( --color-hover);
	color: var( --color-hover); background: #FFF;
}
.pro_status_ext.active p > i.far::before{
	content: "\f14a";
	font-weight: 900;
}
.tradein_modal_status__wrapper .tradein_textlabel{
	margin-bottom: 15px;
}
/*****************/
#tradein_modal .modal-body{
	overflow-x: hidden;
	background: #FFF;
	font-size: 13px; line-height: 20px;
}
.tradein_modalstatus_proname{
	font-family: var( --ftitle);
	font-size: 19px; line-height: 1.3; font-weight: bold;
	text-transform: uppercase;
	margin: 0 0 15px; padding: 0 0 0 .75rem;
	color: blue;
}
.pro_status_groupext{
		margin: 0 -5px 15px;
}
.pro_status_groupext > .col{
	padding-left: 5px; padding-right: 5px;
}
.tradein_textlabel{
	color: var( --color-hover);
	font-size: 15px; font-weight: 500;
	text-transform: capitalize;
	margin: 0 0 12px; padding: 6px 14px 5px;
	border-radius: 20px; background: #f3f3f3;
}
.pro_status_ext{
		position: relative;
		width: 100%; display: block;
		cursor: pointer; overflow: hidden;
}
.pro_status_ext__label{
	background: #FFF;	border: 1px solid #CCC; min-height: 100%;
	color: #000;	width: 100%; display: block;
	font-size: 13px; font-weight: 500;
	text-align: left;
}
.pro_status_ext p{
	margin: 0 0 3px;
}
.pro_status_ext b{
	color: var( --color-hover); font-weight: 500;
}
.pro_status_ext input{
	position: absolute; left: 0; top: 0; z-index: 1;
	display: block; 	cursor: pointer;
	opacity: 0;
}
.tradein_modalstatus_proprice{
	color: var( --color-hover); font-weight: bold;
	letter-spacing: 1px;
}
.tradein_modalstatus_note{
	font-style: italic;
	padding: .75rem;
	background-color: rgb(255, 243, 205);
	border: 1px solid rgb(255, 236, 181); color: #000;
	border-radius: .25rem;
}
.tradein_modalstatus_note p:last-child{
	margin-bottom: 0;
}
.tradein_modal_procolor,
.tradein_modal_message,
.tradein_modal_fprobuy,
.tradein_modal_status,
.tradein_modal_groupnav,
.tradein_modal_probuy{
		position: absolute; top: 0; left: 0;
		display: none; width: 100%;
 		transition: left 0.3s ease; -moz-transition: left 0.3s ease; -webkit-transition: left 0.3s ease;
}
/************************/
#tradein_modal .modal-dialog{
	max-width: 850px;
}
.modal-body > div[class*=tradein_modal_]{
	left: 110%;
}
#tradein_modal.show-backto .tradein_modal_backto{
	display: block;
}
#tradein_modal.focus-procolor .tradein_modal_procolor,
#tradein_modal.focus-mess .tradein_modal_message,
#tradein_modal.focus-fprobuy .tradein_modal_fprobuy,
#tradein_modal.focus-probuy .tradein_modal_probuy,
#tradein_modal.focus-groupnav .tradein_modal_groupnav,
#tradein_modal.focus-status .tradein_modal_status{
	display: block;
	position: relative;	left: 0;
	transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;
}
#tradein_modal.focus-status .tradein_modal_procolor,
#tradein_modal.focus-status .tradein_modal_backto{
		display: none;
}
.tradein_modal_formsell{
	display: none;
}
#tradein_modal.focus-probuy .modal-body{
	background: var( --bs-light);
}
#tradein_modal.focus-fprobuy .modal-body{
	padding: 0;
}
#tradein_modal.focus-procolor .modal-body{
		background: #fff !important
}
/********************************/
#tradein_modal .tradein_fbuyitem__product__container .probox__price{
		font-size: 19px;		display: none;
}
#tradein_modal .tradein_fbuyitem__product__container .probox__price > b{
	clear: both; display: block;
	color: #111;	font-size: 13px;
	font-weight: normal; margin-bottom: 5px;
}
.pro_status_ext > [name=pro_status_ext]:checked + .pro_status_ext__label{
	background: var( --bs-primary); color: #fff;
	border-color: var( --bs-primary);
}
.pro_status_ext > [name=pro_status_ext]:checked + .pro_status_ext__label *{
	color: #fff
}
.pro_status_ext > [name=pro_status_ext]:checked + .pro_status_ext__label .far::before{
		content: "\f14a"
}
#tradein_modal.show-price .probox__title{
	-webkit-line-clamp: 3;
}
#tradein_modal.show-price .tradein_fbuyitem__product__container .probox__price{
	display: flex;
	justify-content: flex-end;
	text-align: left; font-size: 15px;
	vertical-align: middle;
}
#tradein_modal.show-price .tradein_fbuyitem__product__container .probox__price > b{
	margin-right: .25rem;
	color: #fff; font-size: 11px; font-weight: bold;
	line-height: 1.2;
	min-width: 65px; max-width: 50%;
	width: auto;
	display: inline-block;
	margin-right: auto;
}

/**************************/
.modal_groupnav_proup{
	background: #fff; border: 1px solid #DDD;
	padding: 1rem; margin-bottom: 1rem;
	border-radius: 4px;
}
.modal_groupnav_proup .proitem{
	padding: 0; margin: 0;
	border: none;
}
.modal_groupnav_proup .probox{
	display: flex;	flex-wrap: wrap;
	margin: 0;	width: 100%;
	align-items: center;
}
.modal_groupnav_proup .probox__img{
	flex: 0 0 auto; background: #FFF;
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
	border: 1px solid #EEE;
	padding: .5rem;
	border-radius: 4px;
	width: 110px;
}
.modal_groupnav_proup .probox__img:hover img{
	transform:none; -moz-transform:none; -webkit-transform:none;
}
.modal_groupnav_proup .probox__des{
	flex-shrink: 0;
	width: 100%;	max-width: 100%;
	padding: 0 1.5rem 20px;
	flex:1 0 0%
}
.modal_groupnav_proup .tradein_probox__price{
	display: none;
}
.modal_groupnav_proup .probox__title{
	clear: both; display: block; padding: 0; margin: 0 0 5px;
	font-size: 19px; line-height: 1.5;
	font-weight: bold; text-transform: uppercase;
	color: var( --color-hover);
	font-family: var( --ftitle);
	height: auto;
}
/****************************/
.modal_groupnav_listnav{
	--bs-gutter-x: 1.5rem;
	padding-bottom: 2rem;
}
.modal_groupnav_listnav .modal_tradein_item{
	background: #f4f4f4;
	border: none; padding: 0; margin: 0;
	display: block; width: 100%;
	border-radius: 6px; overflow: hidden;
	border: 1px solid #DDD;
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
	transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in;
}
.modal_groupnav_listnav figure{
	background: var( --color-hover);
	text-align: center;
	padding: 0px; margin: 0px;
}
.modal_groupnav_listnav figure img{
	height: 90px; width: 100%;
	object-fit: cover; object-position: center;
	display: block;
}
.modal_groupnav_listnav figure:hover img{
	transform: none; -moz-transform: none; -webkit-transform: none;
}
.modal_groupnav_listnav b{
	display: block; text-align: center;
	padding: 10px;	font-weight: 500; font-size: 13px;
}
.modal_groupnav_listnav .modal_tradein_item:hover{
	transform: translateY( -5px);
	background: var( --color-hover); color: #FFF;
}
/**************************/
.modal_tradein_statusitem{
	border: 1px solid #DDD;	background: #FFF;
	display: block; clear: both;
	width: 100%; padding: 8px 10px 9px 15px;
	font-size: 13px; font-weight: 400;
	text-align: left;	line-height: 18px;
	margin-bottom: 10px;	border-radius: 4px;
	box-shadow: 0 .12rem .2rem rgba(0,0,0,.05);
	transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in;
	outline: none;
}

/**************************/
.tradein_modalstatus_proimg{
	text-align: center;
}
.tradein_modalstatus_proimg img{
	display: inline-block;
}
/************************/
.modal_tradein_item:hover{
	color: var( --color-hover);
	border-color: var( --color-hover);
}
.tradein_modal_product{
	transform: translateX( 0);
	transition: transform 0.3s ease; -moz-transition: transform 0.3s ease; -webkit-transition: transform 0.3s ease;
}
/*****************/
#tradein_modal.form-show .tradein_modal_formsell{
	display: block;
}
.tradein_modal_formsell{
	padding:0; margin-top: .5rem;
	/* background: rgb(248, 249, 250);
	border-top: 3px solid #DDD; */
}
.tradein_modal_status__res .alert{
	margin-bottom: 0; color: #000;
	font-size: 13px; line-height: 20px;
}
.tradein_modal_proimg img{
	width: 150px;
}
.tradein_modal_proinfo_name{
	font-size: 21px; font-weight: bold; color: #000;
	margin: 0 0 10px;
}
.tradein_modal_proinfo_price{
	font-weight: bold;
	font-size: 14px; color: var( --color-hover);
}
.tradein_modal_proinfo_button button{
		margin-right: 10px;		padding: 10px 20px;
		border-radius: 4px;
		font-weight: bold; text-transform: uppercase;
		font-size: 13px;		min-width: 150px;
}
.tradein_modal_proinfo_button button:last-child{
	margin-right: 0;
}
.tradein_modal_status_proinfo_alert .dcontent{
	font-size: 14px;line-height: 24px;
}
.tradein__btn_action{
	padding: 9px 20px 7px; min-width: 180px;
	border-radius: 4px;
	font-weight: 500; text-transform: uppercase;
	font-size: 15px; color: #FFF;
	background: var( --color-hover); border-color: var( --color-hover);
}
.tradein__btn_action:hover{
	color: #FFF;
	background: var( --bs-primary ); border-color: var( --bs-primary);
}
.tradein_modal_title{
	color: var( --color-hover);
	font-size: 19px; text-transform: uppercase;
}
/*******************************/
.tradein_fbuyitem__form,
.tradein_fbuyitem__product{
	padding: var(--bs-gutter-x); padding-right: calc( var(--bs-gutter-x) / 2 ); padding-top: 0;
}
.tradein_fbuyitem__product .proitem{
	padding: 0; border: none; margin: 0;
}
.tradein_fbuyitem__form {
	background: var( --bs-light);
	padding: var(--bs-gutter-x);
}
.tradein_probox{
	background: none;
	border: none;
}
.tradein_probox__img{
	padding: 10px;
}
.tradein_probox__des{
	padding: 10px 10px 15px;
}
.tradein_proitem .tradein_proitem_pricebonus{
	display: none;
}
.tradein_probox__title{
		text-transform: uppercase;
		margin: 0 0 9px; padding: 0;
		font-size: 15px; font-weight: bold; color: var( --color);
		line-height: 20px;
		height:36px; overflow: hidden;
    text-overflow: ellipsis;
		display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp:2; /* number of lines to show */
		transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;
}
.tradein_probox__price{
	font-weight: 400; margin-bottom: 10px;
	font-size: 13px; line-height: 1.3;
}
.tradein_probox__price > b{
	display: inline-block;
	min-width: 50px;
	font-weight: 500;
}
.tradein_probox__price.bold{
	color: var( --bs-blue); font-weight: bold;
	margin-bottom: 15px;
}
.tradein_probox__btn{
	display: block; text-align: center; width: 100%;
	text-align: left;
	background-color: #fff;
	outline: none;
}
.tradein_probox__btn .tradein_probox__title{
	font-size: 13px; line-height: 18px;
	height: auto;
	color: var( --bs-blue);
}
.tradein_probox__btntext{
	display: block; width: 100%;
	font-size: 12px; font-weight: bold;
	padding: 5px 10px 4px;
	background: var( --color-hover); border-color: var( --color-hover);
	color: #FFF;
	border-radius: 20px;
	text-transform: uppercase;
}
/*********************/
.tradein_fbuyitem__product{
	background: #fff; min-height: 100%;
}
.tradein_fbuyitem__product .tradein_proitem .tradein_proitem_pricebonus{
	display: block;
}

.tradein_fbuyitem__product .probox__img{
	padding: 0;
}
.tradein_fbuyitem__product .probox__img:hover img{
	transform: none; -moz-transform: none; -webkit-transform: none;
}
.tradein_fbuyitem__product .probox__des{
	padding-left: 0; padding-right: 0;
	text-align: center;
}
.tradein_fbuyitem__product .probox__title{
 font-size: 17px; line-height: 22px;
 font-weight: bold; color: var( --color-hover);
 height: auto;
}
.tradein_fbuyitem__product .probox__price{
	margin-bottom: 10px !important
}
/*********************/
#tradein_modal .form-group{
	margin-bottom: 10px;
}
#tradein_modal select{
	font-size: 14px;
}
#tradein_modal .form-group label{
	font-weight: 500;
}
.tradein_modal_fprobuy{
	margin-top: 0;
}
.tradein_modal_fprobuy .tradein_probox{
	border: none;
	box-shadow: none;
}
.tradein_modal_fprobuy .tradein_probox .tradein_probox__des p:last-child{
	display: none;
}
.ferror{
	clear: both; display: none;
	padding-top: 5px;
	font-size: 13px; line-height: 1.2;
	color: var( --bs-danger);
}
#tradein_modal.focus-mess .modal-body{
	background-color: rgb(212, 237, 218);
	border-color: rgb(195, 230, 203);
}
.tradein_modal_message{
	padding: 1rem 1rem 0; font-size: 14px; line-height: 22px;
}
.tradein_modal_fprobuy.res-success p{
	margin-bottom: 6px;
}
.tradein_modal_fprobuy.res-success p:last-child{
	margin-bottom: 0;
}
/*********************/
.fcheckcart_reponse{
	padding: 0;
}
.fcheckcart.row{
	--bs-gutter-x: 1rem;
}
.fcheckcart_reponse.check-reponse{
		border-top: 5px solid var( --color-red);
		padding: 1.5rem 1rem 1rem;
}
.checkcart-status{
	background: rgb(247, 247, 247);
	padding: 1.3rem 1rem 1rem; margin-bottom: 1.5rem;
	border: 1px solid #EEE;
}
.checkcart-status .cart-status{
		padding-top: 80px;
		position: relative; display: block;
		text-align: center;
		font-family: var( --ftitle); font-size: 15px; text-transform: capitalize;
}
.checkcart-status .cart-status::before{
	position: absolute; left: 0; top: 0; z-index: 3;
	content: ""; display: block;
	width: 100%; height: 60px;
	background-size: auto 48px;
	background-position: center top;
	background-repeat: no-repeat;
}
.checkcart-status .cart-logo::before{
	background-image: url( img/checkcart-logo.png);
}
.checkcart-status .cart-request::before{
	background-image: url( img/checkcart-request.png);
}
.checkcart-status .cart-success::before{
	background-image: url( img/checkcart-confirm.png);
}
.checkcart-status .cart-cancel::before{
	background-image: url( img/checkcart-cancel.png);
}
.checkcart-status .cart-status::after{
	position: absolute; left: 50%; top: 61px; z-index: 2;
	transform: translateX( -50%);
	content: ""; display: block;
	width: 12px; height: 12px;
	border-radius: 50%;
	background: #555;
}
.checkcart-status .active .cart-status::after{
	background: var( --color-hover);
}
.checkcart-status > .col{
	position: relative;
}
.checkcart-status > .col::before{
		position: absolute; left: 0; top: 66px; z-index: 1;
		content: ""; display: block;
		width: 100%; height: 1px;
		border-top: 2px dashed rgb(187, 187, 187);
}
.checkcart-status > .col.active::before{
	border-top-color: var( --color-hover);
}
.checkcart-status > .col:first-child::before{
	width: 50%; left: 50%;
}
.checkcart-status > .col:last-child::before{
	width: 50%; right: 50%; left: auto;
}
.fcheckcart_reponse.check-reponse .alert p:last-child{
	margin-bottom: 0;
}
/*******************/
body.page-search .rightbox__itemval_remove_group,
body.page-search .profilter_header{
	display: none;
}
/*******************/
.page-services:not( .blogdetail) #bg-main{
	margin-bottom: 0
}
/*******************
********************************/
.serpackage__container{
	padding-top: 1rem;
}
.serpackage__container .serpackage__item:nth-child(2n ) .serpackage__img{
	-ms-flex-order: 2;	order: 2;
}
.serpackage__container .serpackage__item:nth-child(2n ) .serpackage__img img{
	border-radius: 0 12px 12px 0;
}
.serpackage__container .serpackage__item:nth-child(2n ) .serpackage__des{
	-ms-flex-order: 1;	order:1;
	background: #f6f6f6
}
.serpackage__item{
	position: relative;
	padding: 0px; margin-bottom: 50px;
	text-align: left;
	font-size: 15px; line-height: 28px;
	font-weight: 400;
	transition:all 0.3s ease-in-out 0s; -webkit-transition:all 0.3s ease-in-out 0s; -moz-transition:all 0.3s ease-in-out 0s;
}
.serpackage__img{
	margin: 0;
	padding: 20px 0;
}
.serpackage__img,
.serpackage__des{
	z-index: 2;
}
.serpackage__img img{
	border-radius: 12px 0 0 12px; overflow: hidden;
	box-shadow: 0 .125rem .3rem rgba(0,0,0,.25);
}
.serpackage__des{
	background: #fff; color: #000;
	border: 1px solid #DDD;
	padding: 35px 45px;
	border-radius: 12px;
	box-shadow: 0 .125rem .35rem rgba(0,0,0,.1);
	text-align: justify;
}
.serpackage__des_text p{
	margin-bottom: 10px;
}
.serpackage__des_text p:last-child{
	margin-bottom: 0;
}
.serpackage__title{
	margin: 0 0 15px; padding: 0;
	font-size: 27px; font-weight: bolder;
	text-transform: capitalize;
	color: var( --color-hover);
	text-align: left;
}
.serpackage__item:hover{
	transition:all 0.3s ease-in-out 0s; -webkit-transition:all 0.3s ease-in-out 0s; -moz-transition:all 0.3s ease-in-out 0s;
}
.serpackage__item a{
	color: inherit;
}
.serpackage__des .readmore{
	background: var( --color-hover); color: #FFF;
	padding: 3px 15px;
	font-size: 13px; line-height: 20px;
	font-weight: 500; text-transform: uppercase;
	text-transform: inherit;
}
.serpackage__des .readmore:hover{
	color: #FFF;
}
.serpackage__des .readmore::before{
	background: #000;
}
.serpackage__item a:hover{
	text-decoration: underline;
}
/***********/
.services_whylist{
	padding-top: 4rem; padding-bottom: 3rem;
}
.services_whylist .home-tieuchi_title{
	color: #000;
}
.serwhy_img{
	padding: 10px;
	flex: 0 0 auto;
	width: 75px; height: 75px; overflow: hidden;
	object-fit: cover; object-position: center;
	background: #FFF; border: 2px solid #EEE;
	border-radius: 50%;
}
.serwhy_img img{
	display: inline-block;
	padding: 7px;
}
.serwhy_img:hover{
	border-color: var( --color-hover	);
}
/******************/
.serform_contianer{
	padding: 2rem 2.5rem 2rem;
	border: 1px solid #DDD;
}
.serform_title{
	font-size: 23px; line-height: 24px;
	margin-bottom: 10px;
	color: var( --color-hover)
}
.serfcontact_response .dcontent{
	font-size: 14px; line-height: 22px;
}
.serfcontact_response.res-success{
	background-color: rgb(209, 231, 221);
	position: relative;
	padding: 1rem 1rem;	margin-top: 22px;
	border: 1px solid rgb(186, 219, 204);
	border-radius: .25rem;
}
.serfcontact_response.res-success p:last-child{
	margin-bottom: 0;
}
/*******************
********************************/
.homebanner_ver__boxgroup{
	position: relative;
}
.homebanner_ver__group{
	position: absolute; top: 0;
	left: 50% !important; transform: translateX( -50%);
}
.homebanner_ver__group.is_scrollfix{
}
.homebanner-ver{
	position: absolute;
	max-width: 115px;
}
.homebanner-ver.ver-left{
	left: 0 ;
	transform: translateX( -100%);
	padding-right: 10px;
}
.homebanner-ver.ver-right{
	padding-left: 10px;
	right: 0 !important;	left: auto !important;
	transform: translateX( 100%);
}
/*****************************/
.home-bannerctl{
	--bs-gutter-x : 1.5rem;
}
.home-bannerctl .homebanner__item{
	margin-bottom: calc( .75 * var(--bs-gutter-x));
	text-align: center;
}
.home-bannerctl .hbannerctl__caption{
	font-weight: 300;
	font-size: 16px; line-height: 1.3;
	padding-top: .75rem;
	color: inherit;
}
.hbannerctl__title{
	font-weight: 300;
	font-size: 16px; line-height: 1.3;
}
.home-bannerctl .homebanner__box{
	transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;
}
.home-bannerctl .homebanner__box:hover{
	color: var( --color-hover);
	transform: translateY( -5px);
}
#owl_partner{
	margin-bottom: .5rem;
	padding-left: 0; padding-right: 0;
	margin-left: -.5rem; margin-right: -.5rem;
	width: calc( 100% + 1rem );
	padding-left: .5rem; padding-right: .5rem;
}
#owl_partner .owl-stage-outer{
	text-align: center;
}
#owl_partner .owl-stage{
	margin-left: auto; margin-right: auto;
}

.partner__item{
	margin: 0px .5rem;
	display: block; padding: .5rem 1.25rem;
	border: 1px solid #ddd; background: #fff;
	border-radius: .35rem;
}
.partner__item img{
	width: 100%; height: 60px;
	object-fit: contain; object-position: center;
}

#owl_partner .owl-nav{
		position: absolute; right: 15px; top: -50px;
		display: block;		width: auto;
		height: 26px
}
#owl_partner .owl-next,
#owl_partner .owl-prev{
		position: relative; left: 0; top: 0;
		padding: 0; margin-left: 10px;
		color: #000;
}
#owl_partner .owl-nav .far{
	font-size: 23px; font-weight: normal;
}
#owl_partner .owl-next:hover,
#owl_partner .owl-prev:hover{
	color: var( --color-hover)
}
#owl_partner .owl-dots{
	position: relative; bottom: 0;
	margin: 10px 0 0;
}
#owl_partner .owl-dots .owl-dot.active span{
	background: var( --color-hover)
}
#owl_partner .owl-dots .owl-dot span{
	background: rgb(222 222 222);
}
/***************************/
.ele__delivery_accnav .accordion-header,
#delivery_accnav .accordion-header{
	padding: 0 1rem;
	font-size: 14px;
}
.ele__delivery_accnav .accordion-header > .form-check,
#delivery_accnav .accordion-header > .form-check{
	width: 100%;
}
.ele__delivery_accnav .accordion-button::after,
#delivery_accnav .accordion-button::after{
	width: 1rem; height: 1rem;
	background-size: 1rem;
}
.ele__delivery_accnav .accordion-button:not(.collapsed),
#delivery_accnav .accordion-button:not(.collapsed){
	background: #FFF; color: var( --color-hover);
	border-radius: 0;
}
.ele__delivery_accnav .accordion-header .form-check-input,
#delivery_accnav .accordion-header .form-check-input{
	margin-top: .3rem;
}
.ele__delivery_accnav .accordion-header label,
#delivery_accnav .accordion-header label{
	font-size: 14px; cursor: pointer;
	padding-top: .75rem; padding-bottom: .75rem;
}
.ele__delivery_accnav .accordion-body,
#delivery_accnav .accordion-body{
	padding-left: 1rem; padding-right: 1rem;
}
.ele__delivery_accnav .accordion-collapse,
#delivery_accnav .accordion-collapse{
	border-top: 1px solid rgb(222 226 230);
	border-bottom:1px solid rgb(222 226 230);
}
.ele__delivery_accnav .accordion-item:last-child .accordion-collapse,
#delivery_accnav .accordion-item:last-child .accordion-collapse{
	border-bottom: none;
}
/**********************************/
.tagslist{
}
.tagslist .tagitem{
	display: inline-block;
	margin-left: 5px;
	font-size: 12px; font-weight: 500;
	line-height: 20px;
}
.tagslist .tag_header,
.tagslist a{
	display: inline-block;
	padding: 3px 15px;
	background: #f2f2f2; color: #000;
	border: 1px solid #EEE;
	border-radius: 4px; overflow: hidden;
	outline: none;
}
.tagslist a:hover{
	color: var( --color-hover);
}
.tagslist .tag_header{
	margin-left: 0;
	background: #FFF; color: var( --color-hover);
	border-color: var( --color-hover);
	font-weight: bold;
}
.blogdetail_source{
	font-weight: normal; font-style: italic;
	text-align: right;
	font-size: 15px;
}
.blogdetail_source a{
	color: inherit;
}
.blogdetail_source a:hover{
	color: var( --color-hover);
}
/**************************************/
#modal_static_techology{
	padding-right: 0 !important
}
#modal_static_techology .modal-dialog{
	max-width: 720px;
}
#modal_static_techology .modal-header{
	margin-right: 0 !important; padding: .75rem 1rem .5rem !important;
	background: var( --color-red);
	color: #fff;
	font-size: 15px; line-height: 22px;
}
/**************************************/
.ftragoptab__container{
	background: #f4f4f4; padding-top: 1rem; padding-left: 1.5rem;
}
.ftragoptab__container .nav-link{
	min-width: 180px; font-weight: 400; color: #000;
}
#ftragoptab_tabcontent{
	padding-top: 1.5rem;
}
/************************/
.tgtc__radio__card > .col{
	flex: 0 0 auto;
	width: calc( 100% / 8);
	margin-bottom: 7px;
	padding-left: 5px; padding-right: 5px;
}
.tgttd__radio__bank .tgttd__radio.active,
.tgtc__radio__card .tgtc__radio.active{
	border-color: var( --color-hover);
	background: #FFF; color: var( --color-hover);
}
.tgttd__radio__bank .tgttd__radio.active::before,
.tgtc__radio__card .tgtc__radio.active::before{
	border: 3px solid var( --color-hover);
	position: absolute; left: 0; top: 0;
	width: 100%; height: 100%;
	content: "";
	border-radius: 4px;
}
.tgtc__radio img{
	height: 40px; max-width: 100%;
	object-fit: contain; object-position: center;
}
.tgtc__calculator_container,
.tgtc__card_container{
	display: none;
}
/************************/
.modal_mtm .modal-header{
		padding: .75rem 1rem .75rem;
		background: var( --bs-blue); color: #FFF;
}
.modal_mtm .modal-title{
	font-size: 17px; font-weight: bold;
	 color: #FFF; line-height: 20px;
}
.modal_mtm .modal-header .btn-close{
	background-image: url( img/btn-close.png); opacity: 1;
}
#modal_tragop .row{
	--bs-gutter-x: .8rem;
}
#modal_tragop .modal-dialog{
		padding-top: 10vh;
		max-width: 560px;
}
/***************************************/
.probrand__list{
	--bs-gutter-x: 1.5rem;
	--bs-gutter-y: 1.5rem;
	margin-bottom: 1.5rem;
}
.probrand__box{
	background: #FFF; padding: 0px;
	text-align: center;
}
.probrand__box a{
	display: block; padding: 5px 10px;
	border: 1px solid #ddd;
}
.probrand__box a:hover{
	border-color: var( --color-hover);
}
.probrand__list img{
	height: 90px; width: auto;
	max-width: 100%;
	object-fit: contain; object-position: center;
}
.probrand__caption{
	font-size: 14px; text-align: center; display: block;
	font-weight: bold;
}
/***************************************/
body.modal-open{
	padding-right: 0 !important;
	height: 100vh; overflow: hidden;
}
.tradein__fsearch{
	overflow: hidden;
	position: sticky; left: 0; top: 0; z-index: 9;
	background: rgb(240, 240, 240);
	padding: .75rem 1.5rem;
	border-bottom: 1px solid #DDD;
}
.tradein__fsearch__container{
	position: relative;
}
.tradein__fsearch input{
		position: relative; padding-right: 50px;
		height: 34px; line-height: 32px;
		font-size: 13px;
}
.tradein__fsearch button{
	position: absolute; right: 0; top: 0; bottom: 0;
	display: block; width: 50px;
	border: none; background: var( --color-red);
	text-align: center;
	font-size: 15px; color: #FFF;
	border-top-left-radius: 0; border-bottom-left-radius: 0;
}
.tradein__fsearch input:focus{
	box-shadow: none; outline: none;
}
.tradein__fsearch button::before{
	display: none;
}

/***************************/
.boxprobrand__apple .owl-stage-outer::before,
.boxprobrand__apple .probox__img_new::before{
	position: absolute; right: 0px;top: 0; z-index: 1;
	content: ""; display: block;
	width: 40%; height: 20px;
	background: url( ../images/new.png) no-repeat right top;
	background-size: contain;
}
.boxprobrand__apple .owl-stage-outer::before{
	height: 25px;
}
.prodetail__overview_imginfo .prodimg__img figure{
	position: relative;
	padding: .5rem;
}
/* .prodetail__overview_imginfo .prodimg__img figure::after,
.probox__img::after{
	position: absolute; right: 1px;bottom: 0; z-index: 1;
	content: ""; display: block;
	width: 45%; height: 55px;
	background: url( img/freeship-noithanh.png) no-repeat right bottom;
	background-size: contain;
}
.prodetail__overview_imginfo .prodimg__img figure::after{
	height: 85px; width: 50%
}
.proitem-lg .probox__img::after{
	display: none;
} */
.prodetail__overview_imginfo .prodimg__img figure::after,
.probox__img::after{
	display: none !important;
}

/***********************************************/
#filterbox_container_collapse.border-top{
		padding-top: 1rem; border-color: #ccc !important;
}
.profilter_brand__container{
	--bs-gutter-x: .5rem;
	clear: both; margin-bottom: .75rem;
}
.profilter_brand__container_hr{

}
.profilter_brand__container > .col{
	flex: 0 0 auto;	width: calc( 100% / 14 );
	margin-bottom: var( --bs-gutter-x );
}
.profilter_brand__container .profilter_brand__item{
	display: block;background: #fff;
	width: 100%;
	border: 1px solid #ddd;
	padding: 3px; text-align: center;
	transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;
}
.profilter_brand__container img{
	display: block; width: 100%; height: 38px;
	object-fit: contain; object-position: center;
}
.profilter_brand__container .profilter_brand__item:hover{
	border-color: var( --color-red);
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
	/* transform: translateY( -2px); */
}
.profilter_brand__container .selected{
	border-color: var( --color-red);
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
}
/***********************/
.pagebrand_group__container{
	position: relative;
	padding-top: 25px;
}
.pagebrand_group__container > .container{
	position: relative; z-index: 2;
}
.pagebrand_group__container::before{
	position: absolute; left: 0; top: 0; z-index: 1;
	content: ""; display: block;
	width: 100%; height: 79px;
	border-bottom: 1px solid #ddd;
	background: #fff;
}
.pagebrand_group__container .profilter_header__container{
		margin-top: 0;
}
/***********************/
.boxproid__10525 .probox__img figure::before,
.boxproid__11345 .probox__img figure::before{
	position: absolute; right: 0; top: 0; z-index: 1;
	content: ""; display: block;
	width: 45%; height: 20px;
	background: url( img/pro-icon-instock.png) no-repeat right top;
	background-size: contain;
}
/***************/
.probox__des.is-countdown{
	padding-top: 5px;
}
.probox__des.is-countdown .probox__title{
	height: auto;
}
.proitem__countdown{
	background: var( --bs-blue); color: #fff;
	font-size: 11px; font-weight: bold; line-height: 28px;
	padding: 0 5px; height: 28px; overflow: hidden;
	margin-bottom: .5rem;
	text-align: center; text-transform: uppercase;
	border-radius: .15rem;
}
.proitem__countdown b{
	font-size: 12px; display: inline-block;
	margin-left: 3px;
	font-weight: 500;
	letter-spacing: 1px;
}
body.prodetail .proitem__countdown{
	padding-top: .55rem; padding-bottom: .5rem;
	margin-bottom: .75rem;
	height: auto; font-size: 11px; line-height: 18px;
	border-radius: 4px;
	box-shadow: 0 .25rem .5rem rgba(var(--bs-body-color-rgb),.075);
}
/*******************/
.bankslist{
	--bs-gutter-x: .4rem;
}
.bankslist > .col{
	flex: 0 0 auto;	width: 16.6667%;
	padding-right: calc(var(--bs-gutter-x)/ 2);
	padding-left: calc(var(--bs-gutter-x)/ 2);
	margin-top: calc(var(--bs-gutter-x)/ 2);
	margin-bottom: calc(var(--bs-gutter-x)/ 2);
}
.bankslist .bankitem{
	position: relative; cursor: pointer;
	background: #fff; padding: 3px;
	border: 1px solid #ddd;
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
}
.bankslist input{
	position: absolute; left: 50%; top: 50%; z-index: 9;
	opacity: 0;
}
.bankslist input:checked + .bankitem{
	border-color: var( --color-red)
}
/************************/
/**************************/
.tgttd__radio__group{
	margin-left: -5px; margin-right: -5px;
}
.tgttd__radio__group > .col{
	padding-left: 5px; padding-right: 5px;
	width: calc( 100% / 4); flex: 0 0 auto;
	margin-bottom: 0;
}
.tgttd__radio{
	border: 1px solid #DDD;
	text-align: center; display: block;
	position: relative; overflow: hidden;
	padding: 9px 5px; margin: 0;
	font-size: 13px; font-weight: 400;
	line-height: 20px;
	border-radius: 4px;
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
	cursor: pointer; text-transform: capitalize;
	transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;
	background: #fff;
}
.tgttd__radio input{
	position: absolute;  opacity: 0;
	left: 0; top: 0; z-index: 1;
	width: 100%; height: 100%;
	cursor: pointer;
}
.tgttd__radio.active{
	border-color: var( --color-hover);
	background: var( --color-hover); color: #FFF;
	font-weight: bold;
}
.tgttd__radio.disabled{
	opacity: .3;
	cursor: not-allowed;
}
/************************/
.tgttd__radio__bank{
	margin-left: -4px; margin-right: -4px;
}
.tgttd__radio__bank .tgttd__radio{
	padding: 5px 3px;
	box-shadow: none;
}
.tgttd__radio__bank img{
		height: 28px; max-width: 100%;
		object-fit: contain; object-position: center;
		display: inline-block;
}
.tgttd__radio__bank > .col{
	margin-bottom: 4px; margin-top: 4px;
}
.tgttd__radio__bank > .col{
	flex: 0 0 auto;
	width: calc( 100% / 10);
	padding-left: 4px; padding-right: 4px;
}
.tgttd__radio__bank .tgttd__radio.active::before{
	border-width: 1px;
}
/************************/
.tgttd_calculator{
	font-size: 13px; line-height: 20px;
	vertical-align: middle;
}
.tgttd_calculator th,
.tgttd_calculator td{
	vertical-align: middle;
	padding-top: 12px; padding-bottom: 12px;
}
.tgttd_calculator tr > td:first-child{
	width: 160px; text-align: right;
}
.tgttd_calculator > tbody > tr.bg-white{
	--bs-table-accent-bg: #FFF;
}
.tgttd_calculator > tbody > tr.bg-gray{
	--bs-table-accent-bg: var(--bs-table-striped-bg);
}
.tgttd_calculator > tbody > tr.border-bottom-0 {
	--bs-table-accent-bg: #fff4de;
	border-color: #fff4de;
}
.tgttd_calculator > tbody > tr.border-bottom-0 td{
	border-color: rgb(222, 226, 230);
}
.tgttd_calculator > tbody > tr.border-bottom-0 td{
		padding-top: 6px; padding-bottom: 6px;
}
.tgttd_td_label{
	width: 180px;
	font-weight: 500;
}
.tgttd_td_item{
	width: calc( (100% - 180px) / 4 );
}
.tgttd_calculator .bg-danger,
.bg-danger .tgtc_td_item{
	background: rgba(220, 53, 69, 0.05) !important;
}
.tgttd_calculator .bg-warning,
.bg-warning .tgtc_td_item{
	background: rgba(255, 193, 7, 0.07) !important
}
.tgttd_td_item span{
	clear: both; display: block;
	font-weight: normal;
}
.tgttd_td_item hr{
	margin: 5px 0;
	background: #000;
}
.tgttd_calculator button{
	background: var( --color-hover); border-color: var( --color-hover);
	display: block; min-width: 180px;
	font-size: 13px; font-weight: bold; text-transform: uppercase;
	padding-top: 10px; padding-bottom: 10px;
	color: #FFF;
}
.tgttd_calculator button:hover{
	background: #111; border-color: #111;
	color: #FFF;
}
/*****************************/
.delivery_accnav__text{
	font-size: 13px; line-height: 22px;
	margin-bottom: .75rem;
}
.pdkeotom_care{
	background: var( --bs-primary);
}
.prodetail__box .pdkeotom_care{
	border-color: var( --bs-primary);
	color: var( --bs-primary)
}
/*****************************/
.modal_procare .modal-dialog{
	max-width: 720px;
}
.modal_procare .modal-header{
	background: var( --bs-primary); color: #fff;
	padding-top: .5rem; padding-bottom: .5rem;
}
.modal_procare .modal-title{
	font-size: 17px;
}
.modal_procare .form-label{
		font-weight: 500; text-transform: capitalize;
		font-size: 13px;
		display: block;
		margin-bottom: 0;
}
.modal_procare form button{
	font-size: 15px; font-weight: 500;
	text-transform: uppercase;
	padding: .5rem 1rem;
	min-width: 135px;
}
.modal_procare .ferror{
	display: block;
	color: rgb(234, 19, 19); font-size: 12px; line-height: 18px;
	clear: both;
}
.modal_procare.success .modal-body{
	background: rgb(235, 243, 255);
	overflow: hidden;
}
.modal_procare.success form p:last-child{
	margin-bottom: 0;
}
.modal_procare.success .modal-body *{
	max-width: 100%; height: auto;
}
.modal_procare.success .modal-body img{
	max-width: 100%; height: auto !important;
}
.modal_procare.success .modal-body p{
		margin-bottom: 5px; margin-top: 0;
}
.modal_procare.success .modal-body p:first-child{
	margin-top: var(--bs-gutter-y)
}
/*************************/
.prodetail__box__content_collapse--content{
	max-height: 1250px;
}
/*************************/
body.page-sokeothom #bg-main{
	margin-bottom: 1.5rem;
}
.probox__price--keothome{
	flex-direction: column;
	text-align: center; font-weight: normal;
	line-height: 22px;
	text-transform: capitalize;
	flex-wrap: wrap;
	margin-bottom: 0 !important;
}
.probox__price--keothome > span[class^=ktprice]{
	width: 100%;
	clear: both; display: block; margin-bottom: 0;
	color: #000;
}
.probox__price--keothome > span[class^=ktprice] small{
	display: inline-block;
	min-width: 85px;
}
.probox__price--keothome .ktprice_orgi{
	font-weight: 300;
}
.probox__price--keothome .ktprice_sale{
	color: rgb(255, 0, 0) !important;
	font-weight: 500;
}
.probox__price--keothome .percent_text{
	display: block; width: 100%;
	background-color: var( --color-red); color: #fff;
	text-transform:capitalize;
	font-size: 12px; line-height: 1.25;
	font-weight: normal;
	margin: .75rem 0 0 0; padding: .4rem .75rem;
	letter-spacing: .5px;
	border-radius: .25rem;
	box-shadow: 0 .35rem .75rem rgba(var(--bs-body-color-rgb),.15);
}
/*******************/
.keothomdetail__pricegroup  span[class^=ktprice]{
	clear: both; display: block; margin-bottom: 0px;
	color: #000; font-weight: bold;
	vertical-align: middle;
	font-size: 17px;
}
.keothomdetail__pricegroup .ktprice_sale small,
.keothomdetail__pricegroup  span[class^=ktprice] small{
	font-weight: 500;	font-size: 13px !important;
	display: block; clear: both;
	margin-bottom: 3px;
}
.keothomdetail__pricegroup .ktprice_sale{
	color: var( --color-red) !important;
	font-size: 23px !important;
}
.keothomdetail__pricegroup .percent_text {
    clear: both;
    display: inline-block;
    position: relative;
    text-transform: none;
    color: rgb(255, 255, 255);
    font-size: 11px;
    font-weight: 500;
    vertical-align: middle;
    background: var( --color-hover);
    padding: 4px 10px;
    margin-top: 0;
    border-radius: 4px;
}
.keothomdetail__pricegroup .percent_text__badge{
	display: inline-block;
	padding: 3px 5px; margin-right: 3px;
	background: var( --bs-primary); color: #fff;
	font-size: 10px; font-weight: bold; line-height: 1.1;
	border-radius: 3px;
	vertical-align: middle;
	/********************/
	animation-name: backgroundColorPalette;
	animation-duration: 1.5s;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-timing-function: linear;
}
/*******************/
@keyframes backgroundColorPalette {
	0% {
		background: #f00;
	}
	25% {
		background: var( --bs-primary);
	}
	50% {
		background: #ff0;
	}
	75% {
		background: #f00;
	}
	100% {
		background: var( --bs-primary);
	}
}
/*****2021.10.27****************************/
.prodetail__box_modal{
	text-align: center;
}
.prodetail__box_modal .pdkeotom_care:hover{
	background: var( --bs-primary); color: #fff !important;
}
.modal_procare .modal-body{
	padding-top: 0
}
.modal_procare .modal_procare__product_container{
	margin-left: -1rem; margin-right: -1rem; margin-bottom: 1rem;
	padding-left: 1rem; padding-right: 1rem; padding-top: 1rem;
	max-width: none !important;
	background: var( --bs-light);
	border-bottom: 1px solid #ddd;
}
.modal_procare_proinfo__img{
	width: 130px;
}
.modal_procare .prodetail__title{
		font-size: 17px; margin-bottom: .55rem;
}
.modal_procare .prodetail__price s,
.modal_procare .prodetail__price .price{
	font-size: 17px;
}
.modal_procare .prodetail__price > small{
	font-size: 14px; line-height: 1.2;
}
.modal_procare .prodetail__price > small:first-child{
	display: block; font-weight: 500;
	margin-bottom: .25rem;
}
.page-prokeothom  .modal_procare .prodetail__price span.b500{
	display: none !important;
}
.modal_procare .prodetail__price span[class^="ktprice"] {
    clear: both;
    display: block;
    margin-bottom: 0px;
    color: rgb(0, 0, 0);
    font-weight: bold;
    vertical-align: middle;
    font-size: 15px;
}
.modal_procare .prodetail__price  .ktprice_sale small,
.modal_procare .prodetail__price  span[class^="ktprice"] small {
    font-weight: 500;
    font-size: 13px !important;
    display: block;
    clear: both;
    margin-bottom: 3px;
}
/**********************/
.modal{
	z-index: 9999;
}
#michat_iframe,
.fb_dialog{
	z-index: 999 !important
}
.prolit_btnquantam{
	font-size: 12px; font-weight: 500;
	text-transform: capitalize;
}
/********************
***********************/
body.page-landingpage #bg-main{
	margin-bottom: 0
}
body.page-tradein .probox__img::after{
	display: none;
}
/********************
***********************/
.landingpage__boxpro{

}
.landingpage__boxpro__img{
	flex: 0 0 auto;	width: 20%;
	padding: 0;
}
.landingpage__boxpro__wrapper{
	flex: 0 0 auto;	width: 80%;
	padding: 0;
	background: #fff;
}
.landingpage__boxpro_rtl .landingpage__boxpro__img{
	order:2;
}
.landingpage__boxpro_rtl .landingpage__boxpro__wrapper{
	order: 1
}
/*************************************/
.tradein_proitem_color .probox__title{
	height: auto;
}
.tradein_proitem_color .probox__price {
    font-weight: 700;
    margin-bottom: 0 !important;
    color: rgb(255, 0, 0);
    font-size: 14px;
    line-height: 20px;
}
.tradein_proitem_color .probox__price > b {
    display: inline-block;
    min-width: 70px;
    font-weight: 400;
    font-size: 13px;
    color: rgb(17, 17, 17);
    text-transform: capitalize;
}
.tradein_proitem_color .probox__color{
	font-style: normal; color: var( --bs-primary);
	font-size: 13px; font-weight: bold;
}
.tradein_proitem_color .probox__color > b{
	color: #111;
}
/*******************************/
body.page-video #bg-main{
	margin-bottom: 0;
}
.video__itembox{
	background-color: #fff;
	min-height: 100%;
}
.video__img{
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
}
.video__img img{
	height: 185px;
}
.video__itembox .video__des{
	padding: 0 1.15rem 1rem;
}
.video__itembox .blog__title{
	font-size: 16px; line-height: 24px;
}
/*******************************/
#modal_homevideo .modal-dialog{
	max-width: 680px;
	margin-top: 8vh;
}
#modal_homevideo .btn-close{
	position: absolute; right: 0; top: 0; z-index: 1;
	transform: translateY( -100%);
	background: var( --color-red); color: #fff;
	font:11px/16px var( --ftitle);
	width: auto; height: auto;
	opacity: 1; padding: 0.1rem .5rem;
	border-radius: 3px;
}
.probox__text_promotion{
	/* position: absolute; left: 50%; top: 50%; z-index: 9;
	transform: translate( -50%, -50%); */
	background-color: rgba(215, 0, 24, 0.08); color: var( --color-red);
	font: 400 11px/14px var( --ftitle); 
	width: 100%; display: block;
	padding: .25rem .35rem;
	margin-bottom: .65rem;
	border-radius: .35rem;
	text-align: left;
}
.prodetail__overview_img .probox__text_promotion{
	position: absolute; left: 50%; top: 50%; z-index: 9;
	transform: translate( -50%, -50%);
	top: 32%;
	width: 72%; min-height: 60px;
	font-size: 14px; line-height: 20px;
	padding: .5rem 1rem;
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
	background-color: rgba(215, 0, 24, 0.65);
	color: #fff;
	text-align: center;
}
.probox__text_promotion__text{
	--line-height: 14px;
	--line-clamp: 2;
	width: 100%;
	position: relative;
	padding-left: 35px;
	display: flex;
	align-items: center;
	min-height: calc( var( --line-height, 24px ) * var( --line-clamp ) );
}
.probox__text_promotion__text > span{
	--line-height: 14px;
	--line-clamp: 2;
}
.prodetail__overview_img .probox__text_promotion__text{
	width: auto; max-width: 100%;
	margin-left: auto; margin-right: auto;
	display: inline-block;
	font-size: 13px;
	padding-left: 38px;
	text-align: left;
}
.prodetail__overview_img .probox__text_promotion__text::before{
	font-size: 27px;
}
.probox__text_promotion__text::before{
	position: absolute; left: 0; top: 50%; z-index: 1;
	transform: translateY( -50%);
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
	font-family: 'FontAwesome';
	font-weight: 900;
	content: "\f06b";
	display: block;
	width: 32px; height: 32px;
	line-height: 32px; font-size: 21px;
	text-align: center;
	
} 
/* .prodetail__overview_img .probox__text_promotion::before{
	position: absolute; left: 0; top: 0; z-index: 1;
	content: "";
	height: 100%; width: 36px;
	background: url( img/icon-hotsale.png) no-repeat 5px top ;
	background-size: auto 36px;

	width: 60px;
	background-size: auto 60px;
} */
/***********************/
.prodetail__overview_info .proitem__countdown span.d-none{
	display: inline !important;
}
.tocmain__wrapper > .btn:focus{
	box-shadow: none; outline: none;
}
#toccontent__wrapper{
	border-top: 1px solid #ddd;
	font-size: 14px; line-height: 22px;
}
#toccontent__wrapper a{
	color: #000;
}
#toccontent__wrapper a:hover{
	color: var( --color-red)
}
/*********************/
.proslide_container #owl_homeall_caption,
.proslide_container #owl_home_caption{
	background-color: rgb(246, 246, 246);
}
.proslide_container #owl_homeall_caption .owl_home_caption__item,
.proslide_container #owl_home_caption .owl_home_caption__item{
	background: none;
}
/*************************************/
.proprice_item--img span{
	transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;
}
/************************/
.proprice_color_group{
	border: none;
	padding: 0;
	margin-bottom: 1.25rem;
}
.proprice_color_group .proprice_item_label{
	font-size: 17px;
	color: var( --color);
	font-weight: 400;
	margin-bottom: .65rem;
}
.proprice_color_group > .row{
	--bs-gutter-x: .65rem;
	--bs-gutter-y: .65rem;
}
.proprice_color_group .proprice_action{
	padding: 0; margin: 0;
	background: #FFF;
	border-radius: 0;
	box-shadow: none;
}
.proprice_color_group .proprice_item{
	flex: 0 0 auto;	width: 46px;
}
.proprice_color_group .proprice_item .active{
	border-color: var( --color-hover);
	color: #FFF;
}
.proprice_color_group .proprice_item--img{
	width: 65px;
}
/************************/
.proprice_item--img-boxitem{
	text-align: start;
	align-items: center;
}
.proprice_item--img img{
	width: 100%; height: auto;
	aspect-ratio: 1/1;
	object-fit: contain; object-position: center;
	background-color: #fff;
}
.proprice_item--img-des{
	width: calc( 100% - 35px );
	padding-left: .5rem;
}
.proprice_item--img-des > b{
	color: #000;
	display: block;
	clear: both;
	margin-bottom: 2px;
}
.proprice_item--img .proprice_action{
	padding: .35rem;
	border-radius: .25rem;
	border-color: transparent;
}
.proprice_item--img .proprice_action.active{
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
}
.proprice_color_group .proprice_item--img .active span > b,
.proprice_color_group .proprice_item--img .active span{
	color: #fff;
	transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;
}
.proprice_action--outstock{
	opacity: .6 !important;
	-ms-opacity: .6 !important;
	background-color: #ddd !important;
}
/************************/
#owl_homephoto.owl_homephoto_cauthu .owl-nav .owl-prev, 
#owl_homephoto.owl_homephoto_cauthu .owl-nav .owl-next{
	background-color: var( --bs-primary);
}
/************************************************
************************************************/
.profilter_brand__collapse--active{
	position: relative;
	display: block; width: 100%;
	max-height: 52px;
	padding-bottom: 0px; padding-top: 2px;
	overflow: hidden;
	margin-bottom: .75rem;
	border-radius: 0 0 3px 3px;
	transition: max-height 0.35s ease-in; -moz-transition: max-height 0.35s ease-in; -webkit-transition: max-height 0.35s ease-in;
}
/* .profilter_brand__collapse--active::after{
	position: absolute; left: 0; bottom: 0; z-index: 1;
	content: ""; display: block;
	width: 100%; height: 32px;
	background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%);
} */
.profilter_brand__collapse_btn{
	display: flex; align-items: center; justify-content: center;
	width: 100%; height: 100%; 
	background: none; border-radius: 0; border: none;
	line-height: 26px;
	padding: .5rem;
	font: bold 13px/20px var( --ftitle);
	text-transform: capitalize;
	transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;
	background-color: var( --color-red);  color: #fff;
	text-align: center;
	border: 1px solid #fff;
}
.profilter_brand__collapse_btn:focus{
	box-shadow: none;
}
.profilter_brand__collapse_btn:hover{
	color: #000
}
.profilter_brand__collapse--active .profilter_brand__collapse_btn-max{
	display: none;
}
.profilter_brand__collapse--active.collapse-show{
	max-height: 1000px;
}
.profilter_brand__collapse--active.collapse-show .profilter_brand__collapse_btn-min{
	display: none;
}
.profilter_brand__collapse--active.collapse-show .profilter_brand__collapse_btn-max{
	display: block;
}
/*************************/
.profilter_brand__container > .col{
	display: none;
	transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;
}
.profilter_brand__collapse--active.collapse-show .profilter_brand__container > .col,
.profilter_brand__container > .col:nth-child(1),
.profilter_brand__container > .col:nth-child(2),
.profilter_brand__container > .col:nth-child(3),
.profilter_brand__container > .col:nth-child(4),
.profilter_brand__container > .col:nth-child(5),
.profilter_brand__container > .col:nth-child(6),
.profilter_brand__container > .col:nth-child(7),
.profilter_brand__container > .col:nth-child(8),
.profilter_brand__container > .col:nth-child(9),
.profilter_brand__container > .col:nth-child(10),
.profilter_brand__container > .col:nth-child(11),
.profilter_brand__container > .col:nth-child(12),
.profilter_brand__container > .col:nth-child(13),
.profilter_brand__container .profilter_brand__item-collspse{
	display: block;
}
/**************
.proslide_container--phukien{
	padding-bottom: 2rem;
}
.profilter_header__container--phukien{
	margin-top: 2rem;
	margin-bottom: 1rem;
}
.profilter_header__container--phukien .home-bannerctl{
	--bs-gutter-x: .75rem; --bs-gutter-y: .75rem;
	margin-right: calc(-.5 * var(--bs-gutter-x));
	margin-left: calc(-.5 * var(--bs-gutter-x));
	padding-left: 0; padding-right: 0;
}
.profilter_header__container--phukien .home-bannerctl .homebanner__item{
	padding-right: calc(var(--bs-gutter-x) * .5);
	padding-left: calc(var(--bs-gutter-x) * .5);
	margin-top: var(--bs-gutter-y);
	margin-bottom: 0;
}
.profilter_header__container--phukien .homebanner__box {
	display: block;
	height: 100%;
	overflow: visible;
	transition: all 0.s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;

}
.profilter_header__container--phukien .home-bannerctl img{
	display: block;
	width: 100%; height: 100%;
	object-fit: contain; object-position: center;
	border-radius: 11px;
	transition: all 0.s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;
}
.profilter_header__container--phukien .homebanner__box:hover{
	transform: translateY( -5px);
}
.profilter_header__container--phukien .homebanner__box:hover img{
	box-shadow: 0 .25rem .5rem rgba(0,0,0,.15);
}
.pagebrand_group__container--phukien::before {
	display: none;
}
**********/
/*******************************
*******************************
*******************************/
.prodetail-faction .pdinfo_faddcart_btngroup{
	display: none;
	pointer-events: none;
	transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;
}
.prodetail-faction--modal .pdinfo_faddcart_btngroup--modal,
.prodetail-faction--addtocart .pdinfo_faddcart_btngroup--redirect,
.prodetail-faction--addtocart .pdinfo_faddcart_btngroup--addtocart{
		display: flex;
	pointer-events: visible;
}
/***********************/
.prodetail__overview_info .prodetail__overview__tabinfo{
	--bs-card-border-radius: .5rem;
	border-color: var( --color-red);
	overflow: hidden;
}
.prodetail__overview__tabinfo .dcontent table{
	--bs-border-width: 0;
	border: none;
	margin-bottom: 0;
}
.prodetail__overview__tabinfo .dcontent table ul:last-child{
	margin-bottom: 0;
}
.prodetail__overview_info .prodetail__overview__tabinfo .prodetail__overview_img__quote__label{
	font-size: 16px; font-weight: 400;
	display: flex; align-items: center;
	border: none;
	border-radius: 0 0 var( --bs-card-border-radius) var( --bs-card-border-radius);
}
.prodetail__overview_info .prodetail__overview__tabinfo .prodetail__overview_img__quote__label > i.fa{
	font-size: 21px;
	margin-right: .5rem;
}
.prodetail__overview_info .prodetail__overview_img__quote__label.bg-danger{
	background-color: var( --color-red) !important;
	color: #fff;
}
.prodetail__overview__tabinfo--border-color-red{
	--bs-card-border-color: var( --color-red);
}
/***********************/
.prodetail__liststore::-webkit-scrollbar {
	width: 11px;
}
.prodetail__liststore::-webkit-scrollbar-track {
	background: var(--scrollbarBG);
	border-radius: 26px;
}
.prodetail__liststore::-webkit-scrollbar-thumb {
	background-color: var(--thumbBG) ;
	border-radius: 6px;
	border: 3px solid var(--scrollbarBG);
}
/***********************/
.prodetail__overview_imginfo_store{
	padding: 0; overflow: hidden;
	border: 1px solid var( --color-red);
	border-radius: .375rem;
}
.prodetail__overview_imginfo_store_label{
	font-size: 16px; line-height: 20px;
	font-weight: 400;
	display: flex;
	align-items: center;
	background-color: var( --color-red) !important;
	color: rgb(255, 255, 255);
	border-radius: 0 0 .375rem .375rem;
	padding: .5rem 1rem; margin: 0;
}
.prodetail__overview_imginfo_store_label .fa{
	font-size: 21px;
	margin-right: .5rem;
}
.prodetail__overview_imginfo_store .pdinfo_faddcart_textsupport{
	padding: 1rem 1.5rem .75rem 1.5rem;
	z-index: 1;
	background-color: var( --color-red); color: #fff;
}
.prodetail__liststore{
	counter-reset: my-sec-counter;
	margin: 0; padding: 0; list-style: none;
	line-height: 18px;
    max-height: 350px;
	overflow: hidden; overflow-y: auto;
	--scrollbarBG: #EEE;
	--thumbBG: var( --color-red);
	scrollbar-width: thin;
	scrollbar-color: var(--thumbBG) var(--scrollbarBG);
}
.prodetail__liststore > li{
	display: block; position: relative;
	padding: .75rem .75rem .75rem 2.15rem;
	border-bottom: 1px solid #ddd;
}
.prodetail__liststore > li::before{
	position: absolute; left: .5rem; top: .75rem;
	text-align: center;
	width: 20px; height: 20px; 
	line-height: 18px;
	border-radius: 50%;
	overflow: hidden;
	font-size: 12px; font-weight: 400;
	border: 1px solid var( --color-red); color: var( --color-red);;
	display: block;
	counter-increment: my-sec-counter;
	content: counter(my-sec-counter);
}
.prodetail__liststore > li:nth-child( 2n){
	background-color: var( --bs-light);
}
.prodetail__liststore a{
	color: var( --color-red);
	font-weight: bold;
}
.prodetail__liststore_header{
	padding-top: .4rem !important; padding-bottom: .35rem !important;
	padding-left: 1rem !important;
	font: bold 14px/20px var( --ftitle);
	color: #000;
	background-color: #eee;
}
.prodetail__liststore_header::before{
	display: none !important;
}
/*************************************/
.rightbox__filteritem_runfilter{
	font-size: 11px; font-weight: 500;
	padding: .375rem .5rem;
	text-align: center;
	background-color: var( --color-red); color: #fff;
	display: block; width: 100%;
	border: none; border-radius: 0;
}
.rightbox__filteritem_runfilter:active,
.rightbox__filteritem_runfilter:focus{
	box-shadow: none; border: none;
}
.rightbox__filteritem_runfilter:hover{
	background-color: var( --bs-primary);
	color: #fff;
}
.rightbox__filteritem_runfilter--close{
	background-color: rgba(217, 217, 217, 0.6);
	color: #000;
}
/*****************************
***2022-09-11***************************/
.prodetail__boxprice--tragop{
	--bs-gutter-x: 2.5rem;
	margin-left: 0; margin-right: 0;
	padding: .75rem 0;
	background-color: rgb(242, 242, 242);
	text-align: center;
	border-radius: calc(.25rem - 1px);
}
.prodetail__boxprice--tragop .prodetail__price_label{
	margin-bottom: .35rem;
}
.prodetail__boxprice--tragop .price{
	margin-bottom: .35rem;
	display: block;
	font-size: 19px;
}
.prodetail__pricegroup--tragop{
	position: relative;
	padding-left: calc( ( var(--bs-gutter-x) * .5) + 32px ) ;
}
.prodetail__pricegroup--tragop .prodetail__price .percent_text{
	font-size: 10px;
}
.prodetail__pricegroup--tragop::before{
	position: absolute; left: 16px; top: 50%; z-index: 2;
	transform: translate( -50%, -50%);
	padding-top: 3px; padding-bottom: 3px;
	content: "Hoặc";
	text-transform: uppercase;
	width: 32px;
	font: bold 12px/1.5 var( --ftitle);
	text-align: center;
	color: #222;
	display: block;
	background-color: rgb(242, 242, 242);
}
.prodetail__pricegroup--tragop::after{
	position: absolute; left: 16px; top: 5%; z-index: 1;
	content: ""; display: block;
	width: 1px; height: 90%;
	background-color: #777;
}
.probox__price_tragop{
	display: block;
	margin-bottom: 0 !important;
	font-weight: 400;
	font-size: 14px; line-height: 18px;
	font-family: var( --ftitle);
	color: var( --color-red);
}
.probox__price_tragop > span{
	margin-right: .25rem;
	color: #222;
}
/****************************/
.prodetail__sku{
	font-family: var( --ftitle);
	margin-bottom: .5rem;
}
.proprice_item span{
	clear: both; display: block;
	padding-top: .15rem;
	font-size: 11px;
	font-weight: normal;
	color: #000;
}
.proprice_item .active span{
	color: #fff;
}

/**********
.hprobox__container--box225{
	border: 3px solid rgba(107,53,139,1);
}
.hprobox__container--box225 .proitem{
	border-color: rgba(107,53,139,1);
}
.hprobox__container--box225 .hboxproduct__title{
	background: rgba(107,53,139,1);
	background: linear-gradient(180deg, rgb(80, 11, 119) 0%, rgb(107, 53, 139) 100%);
	border-left: none;
}*********/

/*******************************/
.response-boxcustomer{
	position: relative;
	--width-avatar: 85px;
	display: flex; flex-wrap: nowrap;
	align-items: center;
	padding: 2rem 1.5rem 0;
	margin-bottom: 1.5rem;
}
.response-boxcustomer::after{
	position: absolute; left: 0; top: 0; z-index: 1;
	content: ""; display: block;
	width: 100%; height: 78px;
	background-color: var( --bs-primary);
}
.response-boxcustomer > *{
	position: relative; z-index: 2;
}
.response-boxcustomer-avatar{
	flex: 0 0 auto;
	width: var( --width-avatar );
	height: var( --width-avatar );
	background-color: #f6f6f6;
	border-radius: 50%; overflow: hidden;
	text-transform: uppercase;
	text-align: center;
	font: bold 39px/var( --width-avatar ) var( --ftitle);
	border: 1px solid #ccc;
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
	color: var( --color-red);
}
.response-boxcustomer-caption{
	flex: 0 0 auto;
	width: calc( 100% - var( --width-avatar) );
	padding-left: .75rem;
}
.response-boxcustomer-name{
	margin: 0 0 .25rem;
	font: bold 21px/1.3 var( --ftitle);
	color: #fff;
}
.response-boxcustomer-level{
	font: 14px/20px var( --ftitle);
	text-transform: capitalize;
}
/********************/
.response-boxorder-header{
	background-color: #f4f4f4;
}
.response-boxorder-header .accordion-button:not(.collapsed){
	color: #000 !important;
}
.response-boxorder-header-content{
	width: 100%;
	font-weight: normal;
	font-size: 13px; line-height: 20px;
	letter-spacing: 0;
}
.response-boxorder-header-content b{
	display: block; clear: both;
	margin-bottom: 2px;
}
.boxorder-status--new{
	color: var( --bs-info);
}
.boxorder-status--success{
	font-weight: bold; color: var( --bs-success);
}
.boxorder-status--confirmed,
.boxorder-status--confirming{
	font-weight: bold; color: var( --bs-primary);
}
.boxorder-status--carriercanceled,
.boxorder-status--soldout,
.boxorder-status--canceled,
.boxorder-status--aborted,
.boxorder-status--failed{
	color: var( --bs-danger);
}
/********************/
.bg.boxorder-status--new{
	background-color: var( --bs-info);
	color: #222;
}
.bg.boxorder-status--success{
	background-color: var( --bs-success);
	color: #fff
}
.bg.boxorder-status--confirmed,
.bg.boxorder-status--confirming{
	background-color: var( --bs-primary);
	color: #fff
}
.bg.boxorder-status--carriercanceled,
.bg.boxorder-status--soldout,
.bg.boxorder-status--canceled,
.bg.boxorder-status--aborted,
.bg.boxorder-status--failed{
	background-color: var( --bs-danger);
	color: #fff;
}
/********************/
.response-boxorder-tblproducts{
	font-size: 14px; line-height: 22px;
	margin: 0;
}
.response-boxorder-tblproducts thead{
	text-transform: uppercase;
	font-family: var( --ftitle);
}
.response-boxorder-tblproducts th,
.response-boxorder-tblproducts td{
	padding: .75rem !important;
}
.response-boxorder-tblproducts-no{
	width: 55px;
	text-align: left;
}
.response-boxorder-tblproducts-qty{
	width: 100px;
	text-align: center;
}
.response-boxorder-tblproducts-related{
	list-style-type: none;
	border-top: 1px solid #666;
	margin: .55rem 0 0;
	padding: .75rem 0 0;
	font-size: 13px; line-height: 20px;
	color: #444;
}
.response-boxorder-tblproducts-related li:not(:last-child){
	margin-bottom: .5rem;
}
.response-boxorder-tblproducts-related b{
	display: inline-block;
	min-width: 35px;
	color: #222;
	text-align: right;
	margin-right: .5rem;
	font-weight: normal;
}
/**************************************************
*********2022-12-28********************************/
.hpro__falshsale{
	--bg-flashsale: var( --color-red);
	background: var( --bg-flashsale);
}
.hpro__falshsale__title{
	display: flex; flex-wrap: nowrap;
	align-items: center;
	flex-direction: column;
	padding-top: 1rem; padding-bottom: 1rem;
	font-size: 25px;
	text-align: center;
	color: #556370;
}
.hpro__falshsale__title--img{
	padding-bottom: .15rem;
}
.hpro__falshsale__title > *{
	flex: 0 0 auto;
	width: 100%;
}
.hpro__falshsale__countdown_label{
	margin-top: .75rem;
	margin-bottom: 0;
	display: flex; flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}
.hpro__falshsale__countdown_label > *{
	flex: 0 0 auto;
	width: auto;
}	
.hpro__falshsale__countdown_label > b{
	font-weight: bold;
	font-size: 15px;
	text-transform: capitalize;
	margin-right: .75rem;
}
.hpro__falshsale__countdown{
	display: flex; flex-wrap: wrap;
	align-items: center;
}
.hpro__falshsale__countdown > span{
	position: relative;
	display: inline-block;
	font-size: 16px; line-height: 1;
	color: #000; font-weight: normal;
	background-color: #fff;
	border-radius: .25rem;
	padding: .35rem .35rem;
	font-family: var( --ftitle);
	letter-spacing: 1px;
}
.hpro__falshsale__countdown > span::after{
	position: absolute; right: -10px; top: 5px; z-index: 2;
	content: ":";
	color: #fff;
	display: inline-block;
	font-weight: bold;
}
.hpro__falshsale__countdown > span:last-child:after{
	display: none;
}
.hpro__falshsale__countdown > span:not( :last-child){
	margin-right: 15px;
}
/* .hpro__falshsale__countdown > .hpro__falshsale__countdown_day{
	margin-right: 22px !important;
}
.hpro__falshsale__countdown > .hpro__falshsale__countdown_day::after{
	content: "-";
	right: -15px;
} */
/**********************/
/* .hpro__falshsale .product__container{
	background-color: #fff;
}
.hpro__falshsale .proitem{
	border: 5px solid var( --bg-flashsale);
	border-radius: .5rem;
}
*/
.owl_homeproductbox_warpper,
#owl_homeproflashsale{
	padding: .75rem .75rem;
}
.owl_homeproductbox_warpper .flashsale-proitem-group,
#owl_homeproflashsale .flashsale-proitem-group{
	padding: .35rem .375rem;
}
.owl_homeproductbox_warpper .flashsale-proitem-group .prosaleoff__item:not( :last-child),
#owl_homeproflashsale .flashsale-proitem-group .prosaleoff__item:not( :last-child){
	margin-bottom: .75rem;
}
/* #owl_homeproflashsale .prosaleoff__item{
	background-color: #fff;
	border: none;
	border-radius: .35rem;
	overflow: hidden;
	padding: .25rem .9rem .5rem;
	height: 100%;
} */
.owl-carousel .probox__pricebox,
#owl_homeproflashsale .probox__pricebox{
	min-height: 40px;
} 
.owl-carousel .probox__pricebox,
#owl_homeproflashsale .probox__pricebox{
	min-height: 60px;
}
.owl-carousel .probox__pricebox > p:last-child,
#owl_homeproflashsale .probox__pricebox > p:last-child{
	margin-bottom: 0;
}
.owl_homeproductbox_warpper.product__container--promotion .prosaleoff__item:not( .proitem--promotion) .probox__pricebox,
#owl_homeproflashsale.product__container--promotion .prosaleoff__item:not( .proitem--promotion) .probox__pricebox{
	min-height: 107px;
}
.owl_homeproductbox_warpper.product__container--countdown .probox__des:not( .is-countdown),
#owl_homeproflashsale.product__container--countdown .probox__des:not( .is-countdown){
	padding-top: calc( 28px + .5rem + 5px);
}
/**************************************************
**************************************************/
.prodetail_reviewbox{
	border: 1px solid #B8B8B8;
	border-radius: .25rem;
	padding: 1rem 1.5rem;
	margin-bottom: 1.5rem;
}
.prodetail_reviewbox--comment{
	margin-bottom: 0;
	border-color: #fff;
	padding-left: 0; padding-bottom: 0;
}
.rating-overview-wrapper{
	--bs-gutter-x: 1rem;
	border: 1px solid #ddd;
	border-radius: .5rem;
	margin-bottom: 1.5rem;
	background-color: var( --bs-light);
}
.rating-overview-total{
	padding: calc( var( --bs-gutter-x) * 1.5) var( --bs-gutter-x);
	border-right: 1px solid #ddd;
	text-align: center;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap; 
	justify-content: center; align-items: center;
}
.rating-overview-total-amount{
	margin: 0 0 .35rem; padding: 0;
	font: bold 33px/1.2 var( --ftitle);
	color: #111;
}
.rating-overview-total-raring{
	text-align: center;
	margin: 0 0 .5rem;
}
.rating-overview-total-raring > *{
	display: inline-block;
	margin: 0 .15rem;
	font-size: 19px;
	color: #888;
}
.rating-overview-total-raring > .fas{
	color: var( --color-red);
}
.rating-overview--total-text{
	margin: 0;
	font-size: 15px; line-height: 20px;
	font-family: var( --ftitle);
}
.rating-overview--total-text > b{
	color: var( --color-red);
}
/*************/
.rating-overview-listdetail{
	padding: var( --bs-gutter-x);
}
.rating-overview-listdetail .rating-overview-listdetail-item:not( :last-child){
	margin-bottom: .25rem;
}
.rating-overview-listdetail-item{
	display: flex; flex-wrap: nowrap;
	align-items: center;
	line-height: 1.1;
}
.rating-overview-listdetail-item-rating{
	flex: 0 0 auto;
	width: 90px; padding-right: .75rem;
	font-size: 12px;
	color: #777;
}
.rating-overview-listdetail-item-rating > *:not(:last-child){
	margin-right: .1rem;
}
.rating-overview-listdetail-item-rating > .fas{
	color: var( --bs-danger);
}
.rating-overview-listdetail-item-progress{
	flex: 1 0 0%;
	border-radius: 26px;
	height: .65rem;
}
.rating-overview-listdetail-item-progress .progress-bar{
	background-color: var( --bs-danger);
}
.rating-overview-listdetail-item-text{
	flex: 0 0 auto;
	width: 110px; padding-left: .75rem;
	text-align: right;
	font-size: 13px; line-height: 18px;
	font-family: var( --ftitle);
	color: #333;
}
/*************/
.rating-overview-btn{
	background-color: var( --bs-primary);
	color: RGB(255, 255, 255);
	max-width: 320px;
	display: inline-block;
	font-size: 14px;
}
.rating-overview-btn b{
	font-size: 15px;
}
.rarting-btn-loadmore:hover,
.rating-overview-btn:hover{
	background-color: rgb(8, 85, 200);
	transform: translateY(-1px);
	box-shadow: 0 .25rem .5rem rgba(var(--bs-body-color-rgb),.25) !important;
}
/*****************/
.rating_votelist_wrapper{
	margin-bottom: 1rem;
}
.rating_votelist_container{
	border: 1px solid #ddd;
	border-radius: .25rem;
	background-color: #f2f2f2;
	padding: 1rem .75rem;
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
}
.rating_votelist_wrapper_title{
	margin: 0 0 1rem; padding: 0;
	font: bold 15px/1.35 var( --ftitle);
	letter-spacing: .75px;
	text-align: center;
	color: var( --bs-primary);
}
.rating_votelist{
	--bs-gutter-x: 1rem;
	margin: 0; padding: 0; list-style: none;
	text-align: center;
}
.rating_votelist .far,
.rating_votelist .fas{
	font-size: 14px;
	margin: 0 .075rem;
}
.rating_votelist .far{
	color: #777;
}
.rating_votelist .fas{
	color: rgba(215, 0, 24, 0.35);
	transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;
}
.rating_votelist li{
	position: relative;
	overflow: hidden;
}
.rating_votelist input[type=radio]{
	position: absolute; left: 0; top: 0;
	z-index: 9;
	opacity: 0;
	cursor: pointer;
}
.rating_votelist label{
	cursor: pointer;
	transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;
}
.rating_votelist span{
	display: block; clear: both;
	font: 14px/1.4 var( --ftitle);
	text-transform: capitalize;
	transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;
}
.rating_votelist input[type=radio]:checked + label .fas,
.rating_votelist input[type=radio]:checked + label{
	color: var( --color-red);
}
.rating_votelist input[type=radio]:checked + label span{
	font-weight: bold;
}
/*******************/
#modalRating .ferror{
	margin-top: 0;
}
#modalRating .ferror,
#modalRating:not(.was-validated)  .ferror{
	display: none;
}
#modalRating.was-validated :invalid  ~ .ferror{
	display: block;
}
#modalRating .row{
	--bs-gutter-x: 1rem;
	--bs-gutter-y: 1rem;
}
#modalComment .form-control,
#modalRating .form-control{
	font-size: 15px; line-height: 22px;
}
#modalRating.was-validated .form-control:valid,
#modalRating.was-validated .form-control:invalid{
	background-image: none;
	padding-right: .75rem;
}
/*******************/
.rating-list{
	margin: 0; padding: 1.25rem 0 0; list-style: none;
	border-top: 1px solid var( --color);
}
.ratinglist-item{
	padding: 0 0 1rem; margin: 0 0 1rem; list-style: none;
	border-bottom: 1px solid #DDD;
}
/* .rating-list .ratinglist-item:last-child{
	margin-bottom: 0; padding-bottom: 0;
	border-bottom: none
} */
.ratinglist-item-header{
	display: flex; flex-wrap: wrap;
	line-height: 1.2;
	align-items: center;
	margin-bottom: .75rem;
}
.ratinglist-item-header-avatar{
	flex: 0 0 auto;
	width: 40px; height: 40px; overflow: hidden;
	text-align: center;
	font: 400 23px/40px var( --ftitle);
	text-transform: uppercase;
	border-radius: 50%;
	color: #fff;
	background-color: var( --bs-primary);
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
}
.commentlist-wrapper .commentlist-item:nth-child( 5n + 1 ) .ratinglist-item-header-avatar,
.rating-list .ratinglist-item:nth-child( 5n + 1 ) .ratinglist-item-header-avatar{
	background-color: var( --bs-info);
}
.commentlist-wrapper .commentlist-item:nth-child( 5n + 2 ) .ratinglist-item-header-avatar,
.rating-list .ratinglist-item:nth-child( 5n + 2 ) .ratinglist-item-header-avatar{
	background-color: var( --bs-success);
}
.commentlist-wrapper .commentlist-item:nth-child( 5n + 3 ) .ratinglist-item-header-avatar,
.rating-list .ratinglist-item:nth-child( 5n + 3 ) .ratinglist-item-header-avatar{
	background-color: var( --bs-danger);
}
.commentlist-wrapper .commentlist-item:nth-child( 5n + 4 ) .ratinglist-item-header-avatar,
.rating-list .ratinglist-item:nth-child( 5n + 4 ) .ratinglist-item-header-avatar{
	background-color: var( --bs-warning);
}
.ratinglist-item-header-info{
	flex: 1 0 0%;
	padding-left: .75rem;
	padding-right: 1.5rem;
}
.ratinglist-item-header-info > *{
	display: block;
}
.ratinglist-item-header-name{
	font-size: 16px; font-weight: 500;
	text-transform: capitalize;
	margin-bottom: .35rem;
}
.ratinglist-item-header-time{
	font-size: 12px;
	color: #222;
}
.ratinglist-item-text{
	/* position: relative;
	background-color: #f6f6f6;
	border: 1px solid #EEE;
	padding: .5rem .75rem .4rem; margin: 0 0 0 36px;
	border-radius: .25rem;
	*/
	font-size: 15px; line-height: 20px;
	font-weight: 300;
}
/*
.ratinglist-item-text:after, 
.ratinglist-item-text:before {
	bottom: 100%;
	left: 1rem;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.ratinglist-item-text:after {
	border-color: rgba(136, 183, 213, 0);
	border-bottom-color: #f6f6f6;
	border-width: 9px;
	margin-left: -9px;
}
.ratinglist-item-text:before {
	border-color: rgba(194, 225, 245, 0);
	border-bottom-color: #EEE;
	border-width: 10px;
	margin-left: -10px;
}
*/
.ratinglist-item-text .rating-overview-total-raring{
	margin-bottom: .15rem;
	line-height: 1.2;
}
.ratinglist-item-text .rating-overview-total-raring > *{
	font-size: 13px;
	margin-left: .075rem; margin-right: .075rem;
}
.rating-overview-total-raring--border{
	border: 1px solid rgb(181, 181, 181);
	border-radius: 16px;
	display: flex;
	flex-wrap: nowrap; align-items: center;
	justify-content: center;
	padding: .15rem .65rem .15rem .65rem;
	margin: 0;
	font-size: 15px; line-height: 1.2;
	font-weight: bold;
	box-shadow: 0 .125rem .25rem rgba(var(--bs-body-color-rgb),.075);
}
.rating-overview-total-raring > .fas{
	transform: translateY( -1px);
	font-size: 15px;
	color: #F59E0B;
	margin-left: 0; margin-right: .35rem;
}
/**************************************************
**************************************************/
.fcomment-wrapper{
	margin-bottom: 1.5rem;
	width: 100%;
}
.fcomment-img{
	flex: 0 0 auto; width: 50px;
}
.fcomment-input-group{
	--height-textarea: 36px;
	flex: 0 0 auto; width: 100%;
	max-height: var( --height-textarea); overflow: hidden;
	transition: max-height 0.3s ease; -moz-transition: max-height 0.3s ease; -webkit-transition: max-height 0.3s ease;
}
.fcomment-img img{
	display: block;
	width: 100%; height: auto;
	aspect-ratio: 1/1;
	object-fit: cover; object-position: center top;
	border-radius: 50%; overflow: hidden;
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
	border: 1px solid #ddd;
	padding: 2px; background-color: #fff;
}
.fcomment-input-group textarea{
	height: var( --height-textarea ); resize: none;
	background-color: var( --bs-light);
	font-size: 14px; line-height: 20px;
	transition: height 0.3s ease; -moz-transition: height 0.3s ease; -webkit-transition: height 0.3s ease;
}
#modalComment button[type=submit],
.fcomment-submit{
	font: bold 13px var( --ftitle);
	padding: .5rem 1rem; 
}
.fcomment-input-group textarea:focus{
	box-shadow: none;
}
.fcomment-input-group:focus-within{
	--height-textarea: 70px;
	max-height: 200px
}
/*******************/
.commentlist-wrapper{
	margin: 0 0 1.5rem; padding: 0; list-style: none;
	border-top: 1px solid #CCC;
}
.commentlist-item{
	padding: 0; margin: 1.25rem 0 0; list-style: none;
}
.commentlist-item-level{
	margin-bottom: 1rem;
}
.commentlist-item-level--sub{
	padding-left: 52px;
}
.commentlist-item-level--sub .ratinglist-item-header-avatar{
	background: url( img/icon--white-sm.png) no-repeat center var( --color-red);
	background-size: 30px;
	text-indent: -100px;
}
.commentlist-item-level--sub .ratinglist-item-header-name{
	color: var( --color-red);
}
.commentlist-item-level--sub .ratinglist-item-text{
	background: rgb(221, 221, 221);
	padding: .5rem 1.25rem;
	border-radius: .25rem;
}
.commentlist-item-level--sub .ratinglist-item-text::before{
	border-bottom-color: rgb(240, 102, 118);
}
.commentlist-item-level--sub .ratinglist-item-text::after{
	border-bottom-color: rgb(255, 229, 232);
}
/**********************/
.commentlist-item--plugin .ratinglist-item-header{
	margin-bottom: .15rem;
}
.commentlist-item--plugin .ratinglist-item-header-name{
	color: var( --color-red);
    font-weight: bold;
}
.commentlist-item--plugin .ratinglist-item-text{
	margin-bottom: .75rem;
}
.commentlist-item--plugin .ratinglist-item-header-time{
	color: #072D4B;
	opacity: .3;
}
.commentlist-item-level--sub,
.commentlist-item--plugin .commentlist-item-level--sub{
	position: relative;
	border-left: 3px solid var( --color-red);
	padding-left: .75rem;
	margin-top: 2.5rem;
}
.commentlist-item-level--sub::before,
.commentlist-item--plugin .commentlist-item-level--sub::before{
	position: absolute; left: -3px; top: -1.75rem;
	display: block;
	content: "Trả lời";
	color: var( --color-red);;
}
.commentlist-item-level--sub .ratinglist-item-text,
.commentlist-item--plugin .commentlist-item-level--sub .ratinglist-item-text{
	background: none;
	padding: 0;
}
/**********************/
#modalComment .modal-dialog{
	max-width: 500px;
}
#modalComment .modalRating-response{
	--bs-gutter-x: 1rem;
	--bs-gutter-y: .75rem;
	margin-bottom: .5rem;
}
#modalComment .ferror{
	display: none;
}
/**********************/
.rarting-btn-loadmore--overivew,
.rarting-btn-loadmore{
	background-color: var( --color-red);
	padding-top: .5rem; padding-bottom: .5rem;
	border: 1px solid var( --color-red);
	border-radius: .35rem;
	font: 400 13px/1.2 var( --ftitle);
	color: #fff;
	letter-spacing: .5px;
	text-transform: capitalize;
	min-width: 180px;
}
.rarting-btn-loadmore:hover{
	background-color: var( --bs-primary);
	color: #fff;
}
body.prodetail{
    overflow-x: visible;
}
.prodetail_reviewbox_wrapper .prodetail__overview_imginfo_store{
    position: sticky; top: 50px;
    max-height: 590px;
    margin-bottom: 0;
}
.rarting-btn-loadmore--overivew{
	width: auto; max-width: none;
	background-color: #fff;
	color: var( --color-red);
	border-color: var( --color-red);
}
.rarting-btn-loadmore--overivew b{
	font: 500 13px/1.2 var( --ftitle);
	margin: 0;
	text-transform: none;
}
.rarting-btn-loadmore--overivew:hover{
	color: #fff !important;
}
.prodetail_reviewbox_wrapper .prodetail_other_contaner--lastview{
	display: none;
}
/************************************************
**** - 23/01 -********************************************
************************************************/
.hboxproduct-navbox{
	--bs-gutter-x: 1.5rem;
	margin-bottom: 1.5rem;
	padding: 0rem .75rem 0;
}
.hboxproduct-navbox-item{
	--bs-link-color-rgb: #000;
	--width: 135px;
	flex: 0 0 auto;
	width: var( --width );
	text-align: center;
	color: #000;
	font-size: 16px; line-height: 18px;
	font-weight: 300;
	margin-bottom: 1.25rem;
}
.hboxproduct-navbox-item-title{
	margin: 0; padding: 0;
	font-size: 16px; line-height: 18px;
	font-weight: 300;
}
.hboxproduct-navbox-item > button{
	border: none; background: none;
	padding: 0; margin: 0;
	display: block; position: relative;
}
.hboxproduct-navbox-item-img{
	display: inline-block;
	width: 75px; height: 75px;
	aspect-ratio: 1/1;
	object-fit: cover; object-position: center center;
	border-radius: 50%; overflow: hidden;
	padding: 1px; margin-bottom: .65rem;
	background-color: #fff;
	transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;
	box-shadow: 0 .05rem .5rem rgba(var(--bs-body-color-rgb),.075);
}
.hboxproduct-navbox-item a:hover{
	color: var( --color-red);
	transform: translateY( -3px);
}
.hboxproduct-navbox-item.active{
	color: var( --color-red);
}
.hboxproduct-navbox-item.active .hboxproduct-navbox-item-img{
	background-color: var( --color-red);
}
.hboxproduct-navbox-item a:hover .hboxproduct-navbox-item-img{
	background-color: var( --color-red);
}
/********************/
.pronavigation-list{
	margin-top: 1.5rem;
	list-style-type: none;
	margin-bottom: 1.25rem;
}
.pronavigation-list .hboxproduct-navbox-item-img{
	background-color: #eee;
	object-fit: contain;
}
.pronavigation-list .hboxproduct-navbox-item a:hover{
	color: var( --color-red)
}
/*************************/
.progroup-bestseller{
	background-color: var( --color-red); color: #fff;
	padding: .75rem; margin-bottom: 1rem;
	border-radius: .35rem;
}
.owl-carousel.product__container:not(.owl_homeproductbox_warpper){
	padding: 0;
}
/*************************/
.progroup-bloglist{
	margin-bottom: 3rem;
}
.progroup-latview{
	background: none !important;
	top: 40px;
}
.progroup-latview:not( .progroup-latview--full) .product__container > *{
	width: 50%;
}
/*************************/
.bg-gradient-1{
	background: rgb(177, 214, 253);
	background: linear-gradient(180deg, rgb(177, 214, 253) 0%, var( --bg-gradient-white, rgba(255,255,255,1) ) 90%);
}
.bg-gradient-2{
	background: rgb(251, 182, 182);
	background: linear-gradient(180deg, rgb(251, 182, 182) 0%, var( --bg-gradient-white, rgba(255,255,255,1) ) 90%);
}
.bg-gradient-3{
	background: rgb(249, 229, 192);
	background: linear-gradient(180deg, rgb(249, 229, 192) 0%, var( --bg-gradient-white, rgba(255,255,255,1) ) 90%);
}
.bg-gradient-4{
	background: rgb(255, 181, 250);
	background: linear-gradient(180deg, rgb(255, 181, 250) 0%, var( --bg-gradient-white, rgba(255,255,255,1) ) 90%);
}
.bg-gradient-5,
.bg-gradient-0{
	background: rgb(167, 127, 255);
	background: linear-gradient(180deg, rgb(167, 127, 255) 0%, var( --bg-gradient-white, rgba(255,255,255,1) ) 90%);
}
.bg-gradient-gray{
	background: rgb(223, 223, 223);
	background: linear-gradient(180deg, rgb(223, 223, 223) 0%, var( --bg-gradient-white, rgba(255,255,255,1) ) 90%);
}
/*************************/
body.prodetail{
	background-color: #fff;
}
body.prodetail .home-boxproduct{
	--bg-gradient-white: var( --bs-light);
	padding-bottom: 0rem;
}
.prodetail--slidebanner{
	max-width: calc( 100% + var(--bs-gutter-x));
	width: calc( 100% + var(--bs-gutter-x));
	padding-left: 0; padding-right: 0;
	margin-left: calc(-.5 * var(--bs-gutter-x)); 
	margin-right: calc(-.5 * var(--bs-gutter-x));
}
/*************************/
.prodetail-boxdexuat{
	border-top: 1px solid rgba(137, 137, 137, 0.8);
	background: none;
	border-radius: 0;
	padding: 1rem 0 0;
}
body.prodetail .hboxproduct__title,
.prodetail_other_contaner .hboxproduct__title,
.prodetail-boxdexuat .hboxproduct__title{
	padding-top: 0;
	font-size: 21px; font-weight: 500;
	margin-bottom: .5rem;
}
.prodetail-boxdexuat #owl_prosaleoff .owl-next, 
.prodetail-boxdexuat #owl_prosaleoff .owl-prev{
	top: -8px;
	color: rgba(137, 137, 137, 0.8);
}
.prodetail-boxdexuat #owl_prosaleoff .owl-next:hover, 
.prodetail-boxdexuat #owl_prosaleoff .owl-prev:hover{
	color: var( --color-red);
}
.prodetail__context--keothom .prodetail_reviewbox--comment {
	box-shadow: none;
	padding: 0;
	border-radius: 0;
}
/*************************/
.pageblog_highlight_list--lastview{
	border: none;
	padding-bottom: 0; margin-bottom: 2rem;
}
.owl_bloglastview_item a{
	color: inherit;
}
.owl_bloglastview_item a:hover{
	color: var( --color-red)
}
.owl_bloglastview_item .blog__ctl{
	margin-bottom: 1rem;
}
.owl_bloglastview_item_img img{
	display: block;
	aspect-ratio: 16/9;
	object-fit: cover; object-position: center top;
}
.owl_bloglastview_item_title{
	font-size: 17px; line-height: 1.3;
	font-weight: 700;
}
/*************************/
.blognav-wrapper{
	margin-bottom: 1.5rem;
}
.blognav-container{
	--bs-offcanvas-bg: none;
}
.blognav-container-header{
	margin-bottom: 1.5rem;
}
.blognav-container-title{
	display: flex; flex-wrap: nowrap;
	align-items: center;
	font-size: 15px; font-weight: 700;
	text-transform: capitalize;
	font-family: var(--ftitle);
}
.blognav-container-title img{
	float: 0 0 auto;
	width: 50px;
	margin-right: .75rem;
}
.blog-navigation-listitem{
	font-size: 14px; line-height: 22px;
	font-weight: 500;
}
.blog-navigation-listitem a{
	color: inherit;
}
.blog-navigation-listitem .selected a,
.blog-navigation-listitem a:hover{
	color: var( --color-red);
}
.blog-navigation-listitem .selected a{
	font-weight: bold;
}
.blog-navigation-listitem .blog-navicon{
	margin-right: .25rem;
	width: 20px; height: auto;
}
/*******************************/
.blogright-commenttop{
	margin: 0; padding: 0; list-style-type: none;
}
.blogright-commenttop .blogright-commenttop-item:not( :last-child){
	margin-bottom: 1.55rem;
}
.blogright-commenttop-item-item-img img{
	flex: 0 0 auto;
	width: 75px; height: auto;
	aspect-ratio: 1/1;
	object-fit: cover; object-position: center top;
	border-radius: 50%;
	overflow: hidden;
}
.blogright-commenttop-item-caption{
	flex-direction: 1 0 0%;
	padding-left: 1rem;
}
.blogright-commenttop-item-title{
	--line-height: 22px;
	display: block;
	font-size: 15px;
	font-weight: normal;
}
.blogright-commenttop a{
	color: var( --color);
}
/*******************************/
.blogright-commentlatest-item{
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 1rem;
	padding-bottom: 1rem;
	border-bottom: 1px solid #c4c4c4;
}
.blogright-commentlatest-item a{
	color: #3F3F3F;
}
.blogright-commentlatest-item .blog__img{
	flex: 0 0 auto;
	width: 110px;
	background: none;
}
.blogright-commentlatest-item .blog__des{
	flex: 1 0 0%;
	display: flex; flex-direction: column;
	padding-left: 1rem;
	margin: 0;
}
.blogright-commentlatest-item:not(.blogright-commentlatest-item--lg) .blogctl__label{
	background: none;
	padding: 0;
}
.blogright-commentlatest-item .blogctl__label:not( .blogctl__time){
	display: none;
}
.blogright-commentlatest-item .blog__title{
	order: 1;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.4;
}
.blogright-commentlatest-item .blog__ctl{
	order: 2;
	margin-top: auto;
}
.blogright-commentlatest-item--lg{
	flex-direction: column;
	position: relative;
}
.blogright-commentlatest-item--lg > *{
	width: 100%;
}
.blogright-commentlatest-item--lg .blog__img{
	margin-bottom: .5rem;
}
.blogright-commentlatest-item--lg .blog__des{
	padding: 0;
	position: static;
}
.blogright-commentlatest-item--lg .blog__ctl{
	position: absolute; left: 1rem; top: 1rem; z-index: 2;
}
.blogright-commentlatest-item--lg .blogctl__time{
	background-color: var( --color-red); color: #fff;
}
.blogright-commentlatest-item--lg .blogctl__time .text-danger{
	--bs-danger-rgb: 255, 255, 255;
}
.blogright-commentlatest-item--lg .blog__title{
	line-height: 1.35; font-size: 17px;
	margin: 0;
}
/***********************/
.loadmore-blog{
	border-radius: 26px;
	background-color: #fff;
	font-size: 14px; text-transform: capitalize;
	min-width: 150px;
	font-weight: bold;
	transition:all 0.3s ease;	-moz-transition:all 0.3s ease;	-webkit-transition:all 0.3s ease;
}
/***********************/
.blogdetail-hashtag{
	list-style: square;
	color: var( --color-red);
}
.blogother-wrapper{
	--bs-gutter-x: 4rem;
	--bs-gutter-y: 1.25rem;
	margin-bottom: 3rem;
}
.blogother-wrapper .blog__item{
	position: relative;
	display: flex; flex-wrap: nowrap;
	align-items: flex-start;
	margin-bottom: 0;
	padding-top: var( --bs-gutter-y );
}
.blogother-wrapper .blog__item::before{
	position: absolute; left: calc(var(--bs-gutter-x) * .5); right: calc(var(--bs-gutter-x) * .5); top: 0; z-index: 1;
	content: ""; display: block;
	height: 1px;
	background-color: #767676;
}
.blogother-wrapper .blog__item:nth-child(1),
.blogother-wrapper .blog__item:nth-child(2){
		padding-top: 0;
}
.blogother-wrapper .blog__item:nth-child(1):before,
.blogother-wrapper .blog__item:nth-child(2):before{
	display: none;
}
.blogother-wrapper .blog__img{
	flex: 0 0 auto;
	width: 135px;
	border-radius: .25rem;
}
.blogother-wrapper .blog__des{
	flex: 1 0 0%;
	padding-left: 1rem;
	margin: 0;
}
.blogother-wrapper .blog__title{
	--line-height: 24px;
	--line-clamp: 3;
	font-size: 16px;
	font-weight: 400;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: var( --line-clamp );
	-webkit-box-orient: vertical;
	max-height: calc( var( --line-height, 24px ) * var( --line-clamp ) );
	line-height: var( --line-height, 24px);
	margin-bottom: 0 !important;
}
/***********************/
.widget-btn-scrollto-prodetail-comment:hover .text-red{
	color: #fff !important;
}
/***********************/
.cart-navstep{
	display: flex;
	flex-wrap: nowrap;
	align-items: flex-start;
	margin-bottom: 2rem;
	margin-left: -.35rem; margin-right: -.35rem;
}
.cart-navstep-item{
	position: relative;
	flex: 1 0 0;
	padding: .5rem .35rem;
	text-align: center;
	background-size: auto 36px;
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 50px;
}
.cart-navstep-item::after{
	position: absolute; right: calc( 50% + 35px ); top: 18px; z-index: 1;
	content: ""; display: block;
	width: calc( 100% - 70px); 
	height: 1px;
	border-top: 3px dashed var( --color-red);
}
.cart-navstep .cart-navstep-item:first-child:after{
	display: none;
}
.cart-navstep-item:not(.active){
	filter: invert(65%) sepia(89%) saturate(697%) hue-rotate(302deg) brightness(109%) contrast(102%);
}
.cart-navstep-item-label{
	display: block;
	font-weight: 400;
	font-size: 15px; line-height: 18px;
	text-align: center;
	color: var( --color-red);
	padding-top: 28px;
	background: url( img/cart-icon-checked.svg) no-repeat center top;
	background-size: auto 20px;
}
.cart-navstep-item--order{
	background-image: url( img/cart-icon-product.svg);
}
.cart-navstep-item--customer{
	background-image: url( img/cart-icon-user.svg);
}
.cart-navstep-item--payment{
	background-image: url( img/cart-icon-payment.svg);
}
.cart-navstep-item--complete{
	background-image: url( img/cart-icon-complete.svg);
}
/***********************/
.payment-status-success,
.payment-status-thanhcong{
	color: var( --bs-primary);
}
/***********************/
/***********************/
.prodetail-proimei-container{
	max-width: 980px;
	margin: 0 auto 3rem; 
}
.prodetail-proimei{
	margin: 0; padding: 0; list-style-type: none;
}
.prodetail-proimei > li{
	margin: 0; padding: 0; list-style-type: armenian;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	border: 1px solid #ccc;
}
.prodetail-proimei > li:not( :first-child ){
	border-top: none;
}
.prodetail-proimei > li:nth-child( 2n + 1){
	background-color: #f6f6f6;
}
.prodetail-proimei > li > [class^=prodetail-proimei-item-]{
	padding: .75rem 1rem;
}
.prodetail-proimei > li:hover{
	background-color: rgba(215, 0, 24, 0.1);
}
.prodetail-proimei-item-simso{
	flex: 1 0 0;
	width: auto;
}
.prodetail-proimei-item-dauso{
	flex: 0 0 auto;
	width: 150px;
	text-align: center;
}
.prodetail-proimei-item-price{
	flex: 0 0 auto;
	width: 250px;
	text-align: right;
}
.prodetail-proimei-item-btn{
	flex: 0 0 auto;
	width: 190px;
	text-align: right;
	text-align: center;
}
.prodetail-proimei-item-btn .btn{
	--bs-btn-padding-y: .25rem;
	--bs-btn-border-radius: .25rem;
	display: block;
	width: 100%;
	font-size: 13px;
	font-weight: 500; text-transform: capitalize;
}
.prodetail-proimei-item-addcart{
	--bs-btn-bg: rgba(13, 110, 253, 0.25);
	--bs-btn-border-color: rgba(13, 110, 253, 0.5);
	--bs-btn-color: rgb(13, 110, 253);
}
.prodetail-proimei-item-issold{
	--bs-btn-bg: rgba(220, 53, 69, 0.1);
	--bs-btn-border-color: rgba(220, 53, 69, 0.1);
	cursor: none;
	pointer-events: none;
	color: rgba(0, 0, 0, 0.5);
}
.prodetail-proimei-item--header{
	background-color: rgb(217, 217, 217) !important;
	font-weight: bold;
	text-transform: capitalize;
}
.prodetail-proimei > .prodetail-proimei-item--header > [class^=prodetail-proimei-item-]{
	padding-top: .5rem; padding-bottom: .5rem;
}
.prodetail-proimei > li:hover .prodetail-proimei-item-addcart{
	--bs-btn-color: var( --bs-btn-hover-color );
	--bs-btn-bg: var( --bs-btn-hover-bg);
	--bs-btn-border-color: var( --bs-btn-hover-border-color );
}
.prodetail-proimei-input .input-group-text{
	font-size: 14px; line-height: 22px;
	color: var( --bs-primary);
}
.prodetail-proimei-filter{
	background-color: var( --bs-light);
	font-size: 14px; line-height: 26px;
}
.prodetail-proimei-filter:focus{
	box-shadow: none;
	outline: none;
	border: var(--bs-border-width) solid var(--bs-border-color);
}
.prodetail-proimei-input{
	border: 1px solid transparent;
	border-radius: .375rem;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.prodetail-proimei-input:focus-within{
	box-shadow: 0 0 0 .25rem rgba(13,110,253,.25);
	border: 1px solid rgb(134, 183, 254);
}
/***********************/
/***********************/
.tgtc_calculator--homepaylater td,
.tgtc_calculator--homepaylater th{
	width: auto;
}
.tgtc_calculator--homepaylater .tgtc_td_label{
	min-width: 180px;
	width: 180px;
}
.homepaylater__tratruoc{
	--bs-gutter-x: .5rem;
	--bs-gutter-y: .5rem;
}
.homepaylater__tratruoc > *{
	width: calc( 100% / 6);
}
.homepaylater__tratruoc_item{
	position: relative;
	--bs-btn-border-width: 1px;
	--bs-btn-border-color: #ccc;
	--bs-btn-bg: #fff;
	--bs-btn-color: var( --color-red);
	--bs-btn-hover-color: var( --color-red);
	--bs-btn-hover-border-color: var( --color-red);
	--bs-btn-hover-bg: #fff;
	--bs-btn-hover-color:  #fff;

	width: 100%;
	font-size: 12px; color: #333;
	line-height: 20px;
	height: 100%;
	cursor: pointer;
}
.homepaylater__tratruoc_box{
	width: 100%;
	display: block;
}
.homepaylater__tratruoc_box input{
	position: absolute; left: 0; top: 0;
	opacity: 0;
}
.homepaylater__tratruoc_item b{
	display: block;
	color: var( --bs-btn-color );
	font-size: 14px; font-weight: bold;
}
.homepaylater__tratruoc_box input:checked + .homepaylater__tratruoc_item{
	--bs-btn-border-color: var( --color-red);
	--bs-btn-bg: var( --color-red);
	--bs-btn-color: #fff;
	color: #fff;
}
.homepaylater__tratruoc_box input:checked + .homepaylater__tratruoc_item:hover{
	background-color: var( --color-red);
	border-color: var( --color-red);
	color: #fff;
}
.homepaylater__tratruoc_item:hover{
	color: var( --color-red);
}
.homepaylater__tratruoc_box.disabled,
.homepaylater__period.disabled{
	pointer-events: none;
	opacity: .5;
}
.homepaylater__period.disabled .homepaylater__tratruoc_item{
	--bs-btn-color: #000 !important;
	background-color: #CCC;
	color: #000 !important;
	border-color: #ccc;
}
.homepaylater__tratruoc_box.disabled::after{
	border-radius: .375rem;
	position: absolute; left: 0; top: 0; z-index: 1;
	content: "";
	display: block;
	width: 100%; height: 100%;
	background-color: rgb(0, 0, 0, .35);
	pointer-events: none;
}
/***********************/
/***********************/
.tgtc_calculator--tgonepay td,
.tgtc_calculator--tgonepay th{
	width: auto;
}
.tgtc_calculator--tgonepay .tgtc_td_label{
	min-width: 180px;
	width: 180px;
}
/***********************/
/***********************/
.flashsale-wrapper{
	--bs-gutter-y: .75rem;
	background: #FF0000;
	background: linear-gradient(180deg, #FF0000 0%, #FFB5B5 100%);
	margin: 0 0 1.35rem;
	border-radius: 5px;
	overflow: hidden;
	padding: .25rem 0 1rem;
	color: #fff;
	align-items: center;
}
.flashsale-title{
	font-size: 19px;
	font-weight: 500;
	line-height: 24px;
}
.flashsale-text{
	padding: .5rem .75rem;
	margin-bottom: 0;
	border-radius: 3px;
	background-color: #fff;
	color: var( --color);
	font-size: 14px; line-height: 22px;
}
.flashsale-wrapper .prodetail__price .price{
	color: #FFE600;
	font-size: 22px;
}
.flashsale-wrapper .prodetail__price > s{
	display: none;
}
.flashsale-wrapper .hpro__falshsale__countdown_label{
	margin: 0;
	justify-content: flex-end;
}
.flashsale-wrapper .hpro__falshsale__countdown_label > b{
	font-size: 13px;
	font-weight: 400;
	margin-right: .35rem;
}
.flashsale-wrapper .hpro__falshsale__countdown > span{
	font-size: 12px;
	padding: .25rem;
	font-weight: 500;
}
.flashsale-wrapper .hpro__falshsale__countdown > span::after{
	right: -7px; top: 3px;
}
.flashsale-wrapper .hpro__falshsale__countdown > span:not( :last-child){
	margin-right: 8px;
}
.flashsale-progress-wrapper{
	position: relative;
}
.flashsale-progress-wrapper::before{
	position: absolute; left: 0; bottom: 0%; z-index: 1;
	background: url( img/flashsale-fire.svg) no-repeat left center;
	background-size: contain; background-repeat: no-repeat;
	display: inline-block;
	width: 20px; height: 22px;
	content: "";
}
@keyframes progress-bar-stripes-ltr {
	0% {
	  background-position-x: -1rem;
	}
  }
.flashsale-progress-bar{
	--bs-progress-height: 1rem;
	--bs-progress-bg: #fff;
	--bs-progress-border-radius: 16px;
	content: attr( data-content);
}
.flashsale-progress-bar > .progress-bar{
	border-radius: var( --bs-progress-border-radius );
	animation: 1s linear infinite progress-bar-stripes-ltr;
}
.flashsale-progress-bar::after{
	position: absolute; left: 50%; top: 50%;
	z-index: 2;
	transform: translate(-50%, -50%);
	content: attr( data-content);
	max-width: 100%;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	font-size: 11px;
	font-weight: 400;
	color: #000;
}
#modal_popup .close{
	position: absolute; right: 0; top: 0; z-index: 9;
	transform: translateY( -100%);
	background: var( --color-red); color: #FFF;
	display: block;	opacity: 1;
	font-size: 11px; font-weight: normal;
	line-height: 1.3;	padding: 6px 8px;
	border-radius: 0;
}
#modal_popup .modal-content{
	background: none; padding-bottom: 12vh;
	box-shadow: none; border: none;
}