/*** Post review ***/

.rate-bar { position: relative; display: block; margin-bottom: 34px; width: 100%; background: #ddd; height: 14px; -webkit-transition: 0.4s linear; -ms-transition: 0.4s linear; -o-transition: 0.4s linear; transition: 0.4s linear; -webkit-transition-property: width, background-color; -ms-transition-property: width, background-color; -o-transition-property: width, background-color; transition-property: width, background-color; }
.rate-bar-title { position: absolute;  left: 0; font-size: 14px;top: -21px;}
.rate-bar-title span { display: block; height: 18px; line-height: 18px; }
.rate-bar-bar { height: 14px; width: 0px; background: #E43917; }
.rate-bar-percent { position: absolute; right: 0; top: -21px; font-size: 14px; height: 18px; line-height: 18px; font-weight: bold; }
.rate_bar_wrap { clear:both; padding: 20px; margin-bottom: 25px; border: 1px dashed #aaa; box-shadow: 0 0 20px #F0F0F0; overflow: hidden }
.rate_bar_wrap .review-top { overflow: hidden;float:none; width:100%; margin-right:0 }
.review-top .overall-score { background: #E43917; width: 100px; text-align: center; float: left; margin: 0 20px 10px 0; }
.review-top .overall-score span.overall { font-size: 52px; color: #FFF;padding: 8px 0; display: block; line-height: 52px; }
.review-top .overall-score span.overall-text { background: #000; display: block; color: #FFF; font-weight: 700; padding: 6px 0; text-transform: uppercase; font-size: 11px; }
.review-top .overall-score .overall-user-votes {background-color: #111;color: #fff;font-size: 11px;line-height: 11px;padding: 8px 0;}
.review-top .review-text span.review-header { font-size: 26px; font-weight: 700; font-family: 'Roboto', trebuchet ms; color: #000; line-height: 32px; display: block; margin-bottom: 9px; }
.review-top .review-text p {margin: 0; }
.rate_bar_wrap .review-criteria { width: 100%; margin-top: 20px; border-top: 1px dashed #d2d2d2; border-bottom: 1px dashed #d2d2d2; padding: 40px 0 0 0; -webkit-transition: 0.4s linear; -ms-transition: 0.4s linear; -o-transition: 0.4s linear; transition: 0.4s linear; -webkit-transition-property: width, background-color; -ms-transition-property: width, background-color; -o-transition-property: width, background-color; transition-property: width, background-color; }
.rate-line { margin-top: 10px; position: relative; }
.rate-line.rate-line-inner{ position: absolute; margin: 0; width: 100%; z-index: 100}
.rate-line .count { background: #222222; height: 21px; width: 27px; padding-top: 4px; position: absolute; color: white; font: 700 12px 'arial', trebuchet ms; text-align: center; top: -2px }
.rate-line .line { margin-left: 27px; width: 82%; background: none repeat scroll 0 0 #DCDCDC }
.rate-line.rate-line-inner .line { width: 100%; margin: 0; background: none transparent;}
.rate-line .line span { float: left; display: block; height: 20px; line-height: 20px; color: #fff; }
.rate-line.rate-line-inner .line span { padding-right: 5px;    text-align: right; width: 8%}
.rate-line .filled { background: #E43917; }
.review-header { display: block; font-size: 20px; font-weight: bold; }
.rate_bar_wrap .noUi-connect{background: #2C7FD0;}
.rate_bar_wrap .rh_front_criteria{padding: 0 0 0 15px;margin: 8px 0; clear: both}
.rate_bar_wrap .your_total_score .user_reviews_view_score{float: right;}
.score-compact{font-size: 30px; padding: 0 18px; color: #fff; line-height: 60px; margin: -1px}
.rev-comp-title{font-size: 17px; font-weight: bold; text-transform: uppercase;display: block;}

.rate_wide_block{color: #fff; font-size: 14px; position: relative;}
.rate_wide_block .rh-post-layout-image-mask{background: rgba(0,0,0,0.7);}
.rate_wide_block .rh_col{z-index: 2; position: relative;}
.rate_col_2 .rh_col{width: calc(100% - 160px); padding: 20px}
.rate_col_3 .rh_col{width: calc((100% - 160px)/2); padding: 20px}
.rate_wide_block .rh_col.rhscorewrap{width: 160px; margin: 0 auto; padding: 20px 10px 20px 40px}
.rate_wide_block .wpsm-bar, .rate_wide_block .wpsm-bar-title span, .rate_wide_block .wpsm-bar-bar{height: 23px; line-height: 23px; }
.rate_wide_block .wpsm-bar{background: rgba(221, 221, 221, 0.16);}
.rate-bar-bar {
    background: #e2b26f;
}
.review-criteria-col,
.rate_bar_wrap .review-criteria-col {
    width: 48%;
}
.review-criteria-col:not(:last-child){
    margin-right: 2%;
}
.user-review {}
.user-review .rate-bar-bar {
    background: #183245;
}
.review-criteria-wrap {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.review-criteria-wrap .l_criteria {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
}
.review-criteria-wrap .score_val {
    font-weight: bold;
}
@media (max-width: 768px){
    .review-criteria-col,
    .rate_bar_wrap .review-criteria-col {
        width: 100%;
    }
    .review-criteria-col:not(:last-child){
        margin-right: 0;
    }
}