.comment-form{padding:0 0 10px;position:relative;}
.comment-form .loader{position:absolute;left:0;top:0;right:0;bottom:0;background:#fff;opacity:0.8;}
.comment-form .chk{display:none;}
.stars-panel{display:inline-block;position:relative;}
.stars-panel .progress{position:absolute;left:0;right:0;top:0;bottom:0;overflow:hidden;}
.stars-panel .star{width:14px;height:14px;display:inline-block;margin:0 3px 0 0;}
.stars-panel .star:before{content:'\f006';font-family:"Font Awesome 5 Pro";font-style:normal;font-variant:normal;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:15px;font-weight:normal;}
.stars-panel .star.filled{color:#27b710;}
.stars-panel .star.filled:before{content:'\f005';}
.star-selector .star{cursor:pointer;}
.form-comment-reply{position:relative;margin:15px 0 0 60px;}
.form-comment-reply form textarea{width:100%;}
.form-comment-reply.loading form{opacity:0.5;pointer-events:none;}
.form-comment-reply .tooltip{animation:fadein 400ms;position:absolute;z-index:2;right:0;bottom:0;padding:10px 12px;font-size:14px;font-weight:700;line-height:1.2;white-space:nowrap;color:#fff;background:#90ff96;border-radius:8px;transition:300ms all ease;-webkit-transition:300ms all ease;}
.form-comment-reply .tooltip:after{content:"";position:absolute;left:0;right:0;top:-5px;margin:auto;width:0;height:0;border-style:solid;border-width:0 6px 6px 6px;border-color:transparent transparent #90ff96 transparent;}
.post-comments{margin:40px 0 0 0;}
.post-comments .headline{position:relative;margin:0 0 20px 0;font-size:20px;font-weight:900;color:#121e24;text-transform:uppercase;}
.post-comments .headline .number{display:inline-block;vertical-align:middle;width:22px;height:22px;margin:0 0 0 10px;line-height:18px;font-size:11px;font-weight:700;text-align:center;color:#fff;background:url(/i/svg/comments.svg) no-repeat center center;background-size:22px;}
.post-comments .comment{margin-top:25px;transition:300ms all ease;-webkit-transition:300ms all ease;}
.post-comments .comment:after{content:'';display:block;clear:both;}
.post-comments .comment .avatar{float:left;}
.post-comments .comment .avatar .picture{width:45px;height:45px;border-radius:100%;overflow:hidden;}
.post-comments .comment .avatar .picture.no-img{background:#27b710 url(/i/svg/user-white.svg) no-repeat center;background-size:58%;}
.post-comments .comment .info{margin:0 0 0 60px;height:45px;display:flex;flex-wrap:wrap;align-items:center;}
.post-comments .comment .info .vote{float:right;height:14px;margin:23px 0 0 0;line-height:17px;font-size:14px;font-weight:700;color:#aaa;}
.post-comments .comment .info .vote .stars-panel{vertical-align:top;margin:0 5px;}
.post-comments .comment .info .vote .no b{font-size:14px;}
.post-comments .comment .info .vcm{margin:4px 0 4px auto;position:relative;}
.post-comments .comment .info .vcm .vp{position:relative;display:inline-block;vertical-align:middle;text-align:right;padding-left:20px;min-width:10px;height:18px;font-size:11px;font-weight:700;line-height:18px;cursor:pointer;color:#052b48;transition:300ms all ease;-webkit-transition:300ms all ease;}
.post-comments .comment .info .vcm .vp:before{content:"";position:absolute;left:0;top:0;width:24px;height:18px;opacity:1;visibility:visible;background:url(/i/svg/positive.svg) no-repeat left center;background-size:15px;}
.post-comments .comment .info .vcm .vp.loading:before{opacity:0;visibility:hidden;}
.post-comments .comment .info .vcm .vp.loading:after{content:"";position:absolute;left:0;top:0;width:24px;height:18px;opacity:1;visibility:visible;background:url(/i/common/ajax-loader.svg) no-repeat left center;background-size:15px;}
.post-comments .comment .info .vcm .vm{position:relative;display:inline-block;vertical-align:middle;margin-left:15px;text-align:right;padding-left:20px;min-width:10px;height:18px;font-size:11px;font-weight:700;line-height:18px;cursor:pointer;color:#052b48;transition:300ms all ease;-webkit-transition:300ms all ease;}
.post-comments .comment .info .vcm .vm:before{content:"";position:absolute;left:0;top:0;width:24px;height:18px;opacity:1;visibility:visible;background:url(/i/svg/negative.svg) no-repeat right 1px;background-size:15px;transform:rotate(180deg);}
.post-comments .comment .info .vcm .vm.loading:before{opacity:0;visibility:hidden;}
.post-comments .comment .info .vcm .vm.loading:after{content:"";position:absolute;left:0;top:0;width:24px;height:18px;opacity:1;visibility:visible;background:url(/i/common/ajax-loader.svg) no-repeat left center;background-size:15px;}
.post-comments .comment .info .vcm .vmsg{position:absolute;bottom:110%;left:50%;width:100px;margin-left:-50px;padding:4px 0;font-size:12px;font-weight:400;text-align:center;color:#fff;background:#90ff96;border-radius:8px;transition:300ms all ease;-webkit-transition:300ms all ease;}
.post-comments .comment .info .vcm .vmsg:after{content:"";position:absolute;left:0;right:0;bottom:-5px;margin:auto;width:0;height:0;border-style:solid;border-width:6px 6px 0 6px;border-color:#90ff96 transparent transparent transparent;}
.post-comments .comment .info .nick{margin:0 30px 0 0;font-size:18px;font-weight:800;}
.post-comments .comment .info .date{margin:4px 30px 4px 0;font-size:11px;font-weight:600;font-style:italic;color:#aaa;}
.post-comments .comment .info .date .time{display:inline-block;margin:0 0 0 10px;}
.post-comments .comment .info .reply{margin:4px 30px 4px 0;font-size:12px;font-weight:600;color:#aaa;cursor:pointer;transition:300ms all ease;-webkit-transition:300ms all ease;}
.post-comments .comment .info .reply.active,.post-comments .comment .info .reply:hover{color:#90ff96;}
.post-comments .comment .comm{font-size:16px;margin:0 0 0 60px;}
.post-comments .comment.lvl1{margin-left:60px;}
.post-comments .comment.lvl2{margin-left:60px;}
.post-comments .comment.lvl3{margin-left:60px;}
.post-comments .comment.lvl4{margin-left:60px;}
.post-comments .comment-form{position:relative;}
.post-comments .comment-form .add{margin:0 0 15px;}
.post-comments .comment-form .cf-content{clear:both;}
@keyframes fadein{from{opacity:0;}
to{opacity:1;}
}
@media screen and (max-width: 768px){.post-comments .comment .info{height:auto;}
.post-comments .comment .info .nick{width:100%;margin:0;}
.post-comments .comment .comm{margin:8px 0 0 60px;}
}
@media screen and (max-width: 576px){.post-comments .comment .avatar .picture{width:35px;height:35px;}
.post-comments .comment .info{margin:0 0 0 48px;}
.post-comments .comment .info .reply{margin:4px 24px 4px 0;}
.post-comments .comment .info .date{margin:4px 24px 4px 0;}
.post-comments .comment .info .date .time{margin:0 0 0 4px;}
.post-comments .comment .comm{margin:8px 0 0 48px;}
}