.comment-title { font-size: 18px; }
.comment-show { display: block !important; }
.comment-point { font-size: 47px; color: #fe302e; }
.comment-star { font-size: 0; position: relative; display: inline-block; vertical-align: top; margin-bottom: 0.5rem; }
.comment-star span { display: block; position: absolute; top: 0; left: 0px; bottom: 0; z-index: 1; overflow: hidden; text-align: left; white-space: nowrap; }
.comment-star i { display: inline-block; margin: 0.1rem; color: #b8b8b8; text-rendering: auto; font-size: 20px; }
.comment-star i:nth-child(1) { margin-left: 0; }
.comment-star span i { color: #ffc120; }
.comment-progress { width: 100%; margin-bottom: 0.375rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.comment-progress:last-child { margin-bottom: 0px; }
.comment-progress .progress { height: 12px; margin-right: 10px; margin-left: 5px; width: calc(100% - 90px); border-radius: 10px; }
.comment-progress .progress-bar#has-rate { background-color: #23b445; }
.comment-progress .progress-num { font-size: 15px; width: 25px; text-align: center; color: #787878; }
.comment-progress .progress-total { font-weight: 600; text-align: left; color: #787878; width: 50px; }
.comment-write { display: none; }
.review-rating-star { font-size: 0; }
.review-rating-star-icon .fa { font-weight: 400; font-style: normal; display: inline-block; margin: 0.1rem; font-size: 21px; cursor: pointer; color: #f0c808; }
.review-rating-star-icon .fa.star-empty { color: #dedddc; }
.review-rating-star-icon .fa.star-not-empty { color: #f0c808; }
.review-rating-star-icon .fa:nth-child(1) { margin-left: 0; }
.review-fileuploader { padding: 20px 15px; text-align: center; background-color: #ffffff; cursor: pointer; border: 2px dashed #c2cdda; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.review-fileuploader .review-fileuploader-text { color: #90a0bc; }
.review-file-uploader .fileuploader { padding: 0px; margin: 0px; background: transparent; }
.review-file-uploader .fileuploader-items .fileuploader-items-list { margin: 1rem -5px 0 -5px; }
.review-file-uploader .fileuploader-items .fileuploader-items-list:after { display: block; content: ""; clear: both; }
.review-file-uploader .fileuploader-items .fileuploader-items-list .fileuploader-item { padding: 0px; width: calc(100% / 7 - 10px); float: left; margin: 0 5px 5px 5px; border-bottom: 0px; }
.review-file-uploader .fileuploader-items .fileuploader-items-list .fileuploader-item .columns { display: block; }

.review-file-uploader .fileuploader-items .fileuploader-items-list .fileuploader-item .column-thumbnail { width: auto; height: auto; }

.review-file-uploader .fileuploader-items .fileuploader-items-list .fileuploader-item .column-thumbnail .fileuploader-item-image { height: auto; padding: 50% 0; }

.review-file-uploader .fileuploader-items .fileuploader-items-list .fileuploader-item .column-thumbnail .fileuploader-item-image img { position: absolute; top: 0px; left: 0px; max-width: 100%; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-transform: none; transform: none; }

.review-file-uploader .fileuploader-items .fileuploader-items-list .fileuploader-item .column-title { padding: 0px; margin-top: 0.5rem; text-align: center; display: none; }

.review-file-uploader .fileuploader-items .fileuploader-items-list .fileuploader-item .column-actions { margin: 0px; position: absolute; top: 0px; right: -5px; }

.review-file-uploader .fileuploader-items .fileuploader-items-list .fileuploader-item .column-infos input { border: 1px solid #dddddd; border-radius: 0.25rem; }

.review-poster-video-avatar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }

.review-poster-video-avatar .avatar-detail { width: 95px; height: 95px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.review-poster-video-avatar .avatar-detail img { max-width: 95px; max-height: 95px; }

#review-content { height: 350px; }

.carousel-comment-media .carousel-control a { opacity: 1; width: 45px; height: 45px; top: calc(50% - 45px / 2); bottom: inherit; }

.carousel-comment-media .carousel-control a span { display: block; cursor: pointer; color: #222222; width: 45px; height: 45px; padding: 5px; text-align: center; background-color: #ffffff; -webkit-box-shadow: 0 1px 12px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 1px 12px 0 rgba(0, 0, 0, 0.12); border-radius: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.carousel-comment-media .carousel-control a.carousel-control-prev { left: 20px; }

.carousel-comment-media .carousel-control a.carousel-control-prev span { padding-right: 9px; }

.carousel-comment-media .carousel-control a.carousel-control-next { right: 20px; }

.carousel-comment-media .carousel-control a.carousel-control-next span { padding-left: 8px; }

.carousel-comment-media .carousel-indicators { position: static; margin: 0px 0px 0.75rem 0px; text-align: left; display: block; }

.carousel-comment-media .carousel-indicators li { width: auto; max-width: 60px; height: auto; text-indent: inherit; -webkit-box-flex: 0; -ms-flex: none; flex: none; margin: 0px 0px 3px 0px; border: 2px solid transparent; opacity: 1; cursor: -webkit-zoom-in; cursor: zoom-in; }

.carousel-comment-media .carousel-indicators li.active { border-color: #ffc120; cursor: -webkit-zoom-out; cursor: zoom-out; -webkit-transform: scale(1.05); transform: scale(1.05); }

.carousel-comment-media .carousel-inner { max-width: 550px; -webkit-box-shadow: 0 1px 12px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 1px 12px 0 rgba(0, 0, 0, 0.12); }

.carousel-comment-media .carousel-inner .carousel-lists .carousel-comment-media-item-video #file-video { max-width: 100%; width: 100%; height: 500px; vertical-align: top; display: inline-block; background-color: #000000; }

#form-reply { display: none; }

.comment-item { margin-bottom: 3rem; }



.comment-item-poster { width: 200px; margin-right: 30px; text-align: center; }



.comment-item-letter { border-radius: 50%; background-color: #d3d2d3; color: #919090; width: 65px; height: 65px; text-transform: uppercase; display: inline-block; vertical-align: top; line-height: 67px; font-size: 18px; font-weight: 700; margin-bottom: 0.5rem; }



.comment-item-name { margin-bottom: 0.25rem; text-transform: capitalize; }



.comment-item-posttime { font-size: 12px; color: #999999; }

.comment-item-information { width: calc(100% - 230px); }



.comment-item-star { float: left; margin-right: 10px; }

.comment-item-star i { font-size: 17px; }

.comment-item-title { font-size: 15px; font-weight: 500; }

.comment-replies { position: relative; background: #f8f9fa; border: 1px solid #dfdfdf; padding: 1.75rem 1.5rem; }

.comment-replies:after { content: ""; position: absolute; }

.comment-replies:before { content: ""; position: absolute; z-index: 1; top: -13px; left: 10px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 13px solid #f8f9fa; }

.comment-replies:after { top: -14px; left: 9px; border-left: 11px solid transparent; border-right: 11px solid transparent; border-bottom: 14px solid #dfdfdf; }

.comment-replies-item { margin-bottom: 1.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }

.comment-replies-item:last-child { margin-bottom: 0px; }

.comment-replies-letter { width: 45px; height: 45px; margin-right: 10px; line-height: 45px; padding-left: 1px; font-size: 14px; border-radius: 50%; background-color: #e5e3e5; color: #919090; text-transform: uppercase; display: inline-block; vertical-align: top; font-weight: 500; text-align: center; margin-top: 0.125rem; }

.comment-replies-letter.admin { position: relative; background-color: #189eff; text-indent: 9999px; overflow: hidden; }

.comment-replies-letter.admin:before { content: "QTV"; text-indent: 0px; color: #ffffff; font-weight: 500; text-transform: uppercase; font-size: 13px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.comment-replies-info { width: calc(100% - 55px); }

.comment-replies-name { font-weight: 500; margin-bottom: 0.125rem; }

.comment-replies [class*="btn-load-more-"] { border: 0px; outline: none; padding: 0px; background: transparent; }

.comment-media-play { z-index: 1; position: absolute; top: 50%; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); }

.comment-media-play svg { -webkit-box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.3); box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.3); border-radius: 50%; background-color: rgba(255, 255, 255, 0.15); }

.comment-media-play svg .comment-media-play-stroke-dotted { opacity: 0; stroke-dasharray: 4, 5; stroke-width: 1px; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-animation: spin 4s infinite linear; animation: spin 4s infinite linear; -webkit-transition: opacity 1s ease, stroke-width 1s ease; transition: opacity 1s ease, stroke-width 1s ease; }

.comment-media-play svg .comment-media-play-stroke-solid { stroke-dashoffset: 0; stroke-dasharray: 300; stroke-width: 4px; -webkit-transition: stroke-dashoffset 1s ease, opacity 1s ease; transition: stroke-dashoffset 1s ease, opacity 1s ease; }

.comment-media-play svg .comment-media-play-icon { -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: -webkit-transform 200ms ease-out; transition: -webkit-transform 200ms ease-out; transition: transform 200ms ease-out; transition: transform 200ms ease-out, -webkit-transform 200ms ease-out; }

.comment-media-play:hover svg .comment-media-play-stroke-dotted { stroke-width: 4px; opacity: 1; }

.comment-media-play:hover svg .comment-media-play-stroke-solid { opacity: 0; stroke-dashoffset: 300; }

.comment-media-play:hover svg .comment-media-play-icon { -webkit-transform: scale(1.05); transform: scale(1.05); }
@media only screen and (min-width: 992px) { 
	.comment-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } 
}
@media only screen and (max-width: 991px) { 
	.comment-item-letter { width: 40px; height: 40px; line-height: 40px; font-size: 13px; margin-bottom: 0; }
	.comment-item-name { margin-bottom: 0px; margin-left: 10px; margin-right: 10px; }
	.comment-item-information { width: 100%; }
	.comment-item-poster { width: auto; margin-right: 0px; margin-bottom: 0.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }
}