.h_gallery_popup_box{position:fixed;left:0;right:0;bottom:0;top:0;width:100%;background:#00000075;display:flex;justify-content:center;align-items:center;z-index: 99999999999;}
.h_gallery_popup_box_comment .h_gallery_popup_content{float:left;width: 100%;display:grid;grid-template-columns: 40% 58%;gap: 15px;justify-content: space-around !important;margin:auto;background:#fff;transition: all 0.3s;}
.h_gallery_popup_content_img_full > img{width:100%;float:left;}
.h_gallery_popup_content_img_list{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;justify-content:center;align-items:center;float:left}
.h_gallery_popup_content_img_list img{max-width:100%}
.h_gallery_popup_title{float:left;width:100%;padding: 0;display: grid;gap: 10px;}
.h_gallery_popup_content_img_list img{cursor:pointer;transition: all 0.3s;border: 2px solid white;}
.h_gallery_popup_content_img_list img.actived {border-color: red;}
.h_gallery_popup_content_img_list img:hover {opacity: 0.6;}
.h_gallery_popup_button{position:absolute;background:#0000006e;padding:10px;font-size:40px;color:#fff;cursor:pointer;transition:all .3s}
.h_gallery_popup_content_img_full{display:flex;justify-content:space-between;align-items:center;position:relative}
.h_gallery_popup_button_next{right:0}
.h_gallery_popup_button:hover{background:#00000094}
.h_gallery_popup_box_comment .h_gallery_popup_content_gr{float:left;width: 55%;justify-content:center;margin:auto;background:#fff;box-shadow:0 0 10px #00000033;border-radius:2px;padding:25px;border-radius:30px;position: relative;min-height: 80vh;max-height: 100%;}
.h_gallery_popup_box_comment .h_gallery_popup_content img{height:450px;object-fit:contain}
.h_gallery_popup_content_img_list.hide{display:none}
.h_gallery_popup_box_comment .h_gallery_popup_button{border-radius:100%;width:50px;height:50px;display:flex;justify-content:center;text-align:center;background:rgba(50,50,50,.3)!important}
.h_gallery_popup_box_comment .h_gallery_popup_button i{font-size:30px}
.h_gallery_popup_box_comment .h_gallery_popup_content_gr > span{color:#0071e3;margin-bottom:30px;float:left;width:100%;cursor: pointer;}
.h_gallery_popup_title .title{font-weight:700}
.h_gallery_popup_title .star{display:flex;align-items:center;font-size:15px;gap:10px}
.h_gallery_popup_title .star p{margin:auto;display:flex;gap:2px;justify-content:center;align-items:center;border-left: 1px solid #00000017;padding-left: 10px;}
.h_gallery_popup_title .star p i{color:red;padding-right: 5px;}
.h_gallery_popup_title .star span.fa-stack{width:15px}
.h_gallery_popup_title .star span.fa-stack i{font-size:12px}
.h_gallery_popup_box_comment.showfull .h_gallery_popup_content_img_full,.h_gallery_popup_box_comment.showfull .h_gallery_popup_title{display:none}
.h_gallery_popup_box_comment.showfull .h_gallery_popup_content_img_list{display:grid;grid-template-columns:repeat(5,1fr);overflow-y: auto;max-height: 450px;}
.h_gallery_popup_box_comment.showfull .h_gallery_popup_content{display:block!important}
.h_gallery_popup_box_comment.showfull .h_gallery_popup_content_img_list img{max-height:120px;width:100%;object-fit:cover;border-radius:15px}
.h_gallery_popup_box_comment.showfull .h_gallery_popup_content_gr{width: 45%}
.box-star .point{display:flex;align-items:center;gap:10px}
.box-star .point > p{margin-bottom:0;font-size:35px;color:#ff9f00}
.box-star .point > a{color:red;font-size:15px}
.rate-list{padding:0;float:left;width: 100%;}
.rate-list li{align-items:center;display:flex;margin-bottom:10px}
.rate-list .number-star{font-size:14px;line-height:14px;text-align:left;width:35px}
.rate-list .number-star i{margin-left:5px;margin-top:-2px}
.rate-list .timeline-star{background-color:#eee;border-radius:20px;height:6px;position:relative;width:calc(100% - 60px)}
.rate-list .number-percent{color:#323232;font-size:14px;font-weight:700;line-height:15px;padding-left:10px;text-align:left;width:35px}
.rate-list .timing{background-color:#ff9f00;border-radius:20px;left:0;height:6px;position:absolute;top:0}
.box-images-list{float:left;width:100%;display:grid;grid-template-columns:repeat(7,1fr);gap:15px}
.box-images-list img{border-radius:30px;height: 130px;object-fit:cover;cursor:pointer;width: 130px;}
.btn-closepopup{cursor:pointer;height:30px;position:absolute;width:30px;right:15px}
.btn-closepopup::before{transform:rotate(45deg)}
.btn-closepopup::before,.btn-closepopup::after{background-color:#3e3e3f;content:'';height:20px;left:15px;position:absolute;top:6px;width:2px}
.btn-closepopup::after{transform:rotate(-45deg)}
.img-comment .list-star span{width:15px}
.img-comment .list-star span i{font-size:12px}
.img-comment .list-star{text-align:center}
.img-comment {display: grid;justify-content: center;align-items: center;position: relative;cursor: pointer;transition: all 0.3s;}
.h_gallery_popup_box_comment .h_gallery_popup_content_gr > span > b{float:left;width:100%;text-align:center;color:#000}
.fillter_comment_star{margin:auto auto 30px;display:flex;justify-content:center;align-items:center;gap:10px}
.fillter_comment_star li, .filter-list li{border:1px solid #e5e5e5;padding:8px 15px;border-radius:30px;font-size:15px;color:#f2994a;cursor:pointer;transition:all .3s;line-height:16px;text-align: center;}
.fillter_comment_star li.all, .filter-list li.all{color:inherit}
.fillter_comment_star li:hover, .filter-list li:hover{border-color:#000}
.fillter_comment_star li.actived, .filter-list li.actived{border-color:#0071e3}
.img-comment.hide {display: none;}
.comment-box.comment-list{float:left;width:100%;margin:auto}
.comment-list{padding:0;margin: auto;}
.comment-list li{border-bottom:1px solid #ebf0f9;padding:15px 0}
.comment-list .cmt-top-name{text-transform:capitalize;color:#222b45;display:inline;font-weight:700;font-size:14px;line-height:16px;margin-right:10px;font-family: 'Arial';}
.confirm-buy{cursor:pointer;color: #128125;display:inline;font-size: 13px;}
.comment-list .cmt-content,.comment-list .cmt-command{margin-top:10px}
.wrap_rating p,.wrap_cmt p{-webkit-margin-before:0;-webkit-margin-after:0;-webkit-margin-start:0;-webkit-margin-end:0;text-rendering:geometricPrecision}
.support{display:flex;align-items:baseline;font-size:13px;align-items:start;background-color:#f5f8fd;border-radius:4px;margin-top:12px;padding:8px 10px}
.comment-list .cmt-command a{text-decoration:none;margin-right:12px;cursor: pointer;}
.comment-list .cmtd{color:#8f9bb3;font-size: 13px;}
.dot-line{position:relative;padding-left:12px}
.dot-line::before{background-color:#f1f1f1;content:'';height:18px;left:0;position:absolute;top:calc(50% - 9px);width:1px}
p.cmt-txt{text-decoration:none;color:#333;outline:none;font-size:15px}
p.txt-intro{padding-left:10px;position:relative;font-size: 13px;margin-bottom: 0;}
.cmt-intro{display:flex;margin-top:8px;align-items:center}
p.txt-intro i{color:red;padding-right:5px}
.cmt-top-star{margin-right:10px}
.cmt-top-star span.fa-stack{width:15px}
.cmt-top-star span.fa-stack i.fa{font-size:13px}
.cmt-intro .txt-intro::before{background-color:#ebf0f9;content:'';height:16px;left:0;position:absolute;top:calc(50% - 8px);width:1px}
.comment-box.comment-list-gr {float: left;width: 100%;}
.box-star{float:left;width:100%;display:grid;grid-template-columns:repeat(2,1fr);gap:30px;justify-content:center;align-items:center}
.btn-rate{color:#fff;text-align:center;width:250px;margin:auto;padding:10px 20px;max-width:100%;cursor: pointer;float: left;}
.pagcomment{display:flex!important;justify-content:left;padding: 0;margin: 15px 0;}
.pagcomment a{border:1px solid #f6f8fa;background:#f5f5f7;border-radius:4px;display:block;color:#222;font-size:12px;height:24px;line-height:24px;margin:0 2px;min-width:24px;padding:0 2px;text-align:center}
.pagcomment a.current,.pagcomment a:hover{background-color:#3e3e3f;border:1px solid #3e3e3f;color:#fff}
.m_unset {margin: unset;}
ul.boxsort__list{border:1px solid #e5e5e5;background-color:#fff;border-radius:4px;display:none;left:0;position:absolute;top:40px;width:100%;padding:0}
.boxsort__list li{border-bottom:1px solid #e5e5e5;padding:9px 8px;position: relative;}
.filter-right{position:relative}
p.boxsort__click-show{margin:auto}
.boxsort__click{background-color:#fff;border:1px solid #e5e5e5;border-radius:4px;cursor:pointer;position:relative;padding:6px 25px 6px 8px;font-size: 15px;}
.boxsort__click::before{border-right:2px solid #3e3e3f;border-bottom:2px solid #3e3e3f;border-radius:1px;content:'';height:6px;position:absolute;right:12px;transform:rotate(45deg);transition:.3s;top:12px;width:6px}
.box-checkbox{display:flex;margin-top:20px}
.c-checkitem{cursor:pointer;display:flex;margin-right:20px;align-items:center;gap:5px}
.rc-tgdd .tick-checkbox{margin-right:7px}
.c-checkitem .tick-checkbox,.c-checkitem p{display:inline-block;vertical-align:middle}
.c-checkitem .tick-checkbox{border:1px solid #a6a6a6;border-radius:3px;margin-right:2px;height:16px;width:16px;position:relative}
.c-checkitem .tick-checkbox,.c-checkitem p{display:inline-block;vertical-align:middle}
.c-checkitem p{margin-bottom:0}
.checked .tick-checkbox::after,.checked .tick-checkbox::before{opacity:1}
.tick-checkbox::before{background-color:#333;height:8px;left:3px;transform:rotate(-45deg)}
.tick-checkbox::after,.tick-checkbox::before{bottom:1px;content:'';opacity:0;position:absolute;transition:.3s;width:2px}
.tick-checkbox::after{background-color:#333;height:16px;left:11px;transform:rotate(45deg)}
ul.boxsort__list.actived{display:block!important}
.boxsort__click.arr::before{transform:rotate(225deg);top:17px}ul.boxsort__list.actived{display:block!important;z-index: 2;margin: auto;}
.boxsort__click.arr::before{transform:rotate(225deg);top:17px}
.boxsort__list li.active i::before{background-color:#333;height:8px;left:0;transform:rotate(-45deg);top:-7px}
.boxsort__list li.active i::after{background-color:#333;height:14px;left:7px;transform:rotate(45deg);top:-12px}
.boxsort__list li.active i::before,.boxsort__list li.active i::after{content:'';position:absolute;width:2px}
.boxsort__list li.active i{display:inline-block;width:20px}
.boxsort__list li i{position:relative;transition:.3s;width:0}
.img-comment.popup_show:before{background-color:rgba(0,0,0,.7);content:'';height:100%;left:0;position:absolute;top:0;width:100%;border-radius: 30px;transition: all 0.3s;}
.img-comment.popup_show .txt{color:#fff;position:absolute;padding:0 10px;top:50%;transform:translateY(-50%);text-align:center;width:100%;font-size:14px}
.img-comment.popup_show:hover:before {z-index: -1;}
.img-comment.popup_show:hover .txt {z-index: -1;}
i.iconcmt-shield {font-size: 15px; padding-right: 5px;}
@media only screen and (max-width: 900px) {.cmt-intro {display: grid;}
    .cmt-intro .txt-intro::before {display: none;}
    .box-star{display:block;text-align:center}
    .box-star .point{display:block;text-align:center}
    .box-images-list{gap:10px;grid-template-columns:repeat(2,1fr)}
    .box-star .box-point{display:flex;gap:10px}
    .post-comment{padding:15px}
    .btn-rate{margin:10px auto}
    .filter-list{display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:15px}
    .boxrate__filter{display:grid}
    .cmt-top-star span.fa-stack{width:11px}
    .cmt-top-star span.fa-stack i.fa{font-size:9px}
    p.txt-intro{font-size:11px;padding-left: 0;}
}