CSS File

1#review-box{margin-top:30px}

2.review-top{float:left;width:55%;margin:30px 20px 30px 0}

3@media (max-width: 767px){.review-top#review-box{margin-top:15px}

4}

5#story-highlights+.review_wrap #review-box{width:48%;margin-left:0;margin-right:0;margin-bottom:20px}

6@media (min-width: 1045px){.full-width #story-highlights+.review_wrap #review-box{width:calc(96% - 450px)}

7}

8.widget .review_wrap{margin:0}

9.review_wrap h1,.review_wrap h2,.review_wrap h3,.review_wrap h4,.review_wrap h5,.review_wrap h6,.review_wrap p,.review_wrap strong{margin:0}

10.review_wrap br{display:none}

11.review_wrap h2.review-box-header{margin-bottom:20px}

12.review-item,.review-summary,.user-rate-wrap{opacity:1;border:1px solid rgba(0,0,0,0.1);background-color:rgba(0,0,0,0.03);border-radius:2px;margin-bottom:10px;overflow:hidden;line-height:20px;padding:15px;transition:0.2s}

13.review-item h5{position:relative;z-index:2;float:left;margin-bottom:0;line-height:20px}

14.review-stars .stars-large,.review-stars .hearts-large,.review-stars .thumbs-large{float:right}

15.review-percentage .review-item{padding:10px 15px}

16.review-percentage .review-item h5{float:none;margin-bottom:5px}

17.review-percentage .review-item span{position:relative;display:block}

18.review-percentage .review-item span span{background-color:var(--brand-color);display:block;height:7px;width:0;transition:width 1.5s;position:relative;z-index:2}

19.review-percentage .review-item span:after{content:"";width:100%;background:rgba(0,0,0,0.08);height:7px;position:absolute;z-index:1;bottom:0}

20.post-large-rate{display:inline-block}

21.post-large-rate span{display:block;float:left}

22.post-large-rate,.post-small-rate{float:right;position:relative;font-size:14px;transition:none;letter-spacing:4px;text-align:center;text-indent:2px;white-space:nowrap;word-wrap:normal;direction:ltr}

23.post-large-rate:after,.post-small-rate:after{color:rgba(154,154,154,0.65);content:"\f005" "\f005" "\f005" "\f005" "\f005";font-family:tiefonticon;display:block}

24.post-large-rate span,.post-small-rate span{overflow:hidden;position:absolute;left:0;top:0;color:#ffc107;display:block;transition:none;text-align:left;word-wrap:normal}

25.post-large-rate span:after,.post-small-rate span:after{content:"\f005" "\f005" "\f005" "\f005" "\f005";font-family:"tiefonticon";display:block}

26.hearts-large,.hearts-small{margin-right:0;font-size:14px}

27.hearts-large:after,.hearts-small:after{content:"\f004" "\f004" "\f004" "\f004" "\f004"}

28.hearts-large span,.hearts-small span{color:#ff0043}

29.hearts-large span:after,.hearts-small span:after{content:"\f004" "\f004" "\f004" "\f004" "\f004"}

30.thumbs-large,.thumbs-small{font-size:14px}

31.thumbs-large:after,.thumbs-small:after{content:"\f164" "\f164" "\f164" "\f164" "\f164"}

32.thumbs-large span,.thumbs-small span{color:#ffb245}

33.thumbs-large span:after,.thumbs-small span:after{content:"\f164" "\f164" "\f164" "\f164" "\f164"}

34.post-small-rate{font-size:12px}

35.post-small-rate span{display:block;float:left}

36.post-single-rate{float:left;margin-right:5px}

37.rtl .post-single-rate{margin-right:0;margin-left:5px}

38.review-summary{padding:0;position:relative;width:100%;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}

39.review-short-summary{display:-webkit-flex;display:-ms-flexbox;display:flex;padding:15px;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}

40.review-short-summary a{color:#cccccc}

...