#rating{background:url(/images/bg/rating.jpg?1);background:#FFF;padding-bottom:0;}
#rating overall{font-size:45px;color:black;}
section > top title{color:#6E6259;}
.types{margin:10px;margin-top:0;}
#rating rate{width:100%;position:relative;margin: 5px 0;}
#rating rate *{box-sizing: content-box !important;}
#rating bg{width:100%;height:100%;top:0;position:absolute;}
#rating cover{width:80%;height:100%;max-width:1000px;position:absolute;z-index:1;}
#rating name{top:0;height:100%;position:absolute;z-index:3;opacity:0.7;display:flex;justify-content:center;align-items:center;padding-left: 10px}
#rating t{top:0;width:100%;height:100%;position:absolute;z-index:4;border-radius: 10px;}
#rating t.bordered{border: 2px solid ;}
#rating g{top:0;position:absolute;z-index:1;width:0;border-radius: 10px;}
#rating g.bordered{border: 1px solid ;}
#rating m{top:0;opacity:0;position:absolute;z-index:3;background:white;cursor:default;display:flex;justify-content:center;align-items:center}
#rating fr{margin-top: 1px;visibility:hidden;font-weight:bold;background:white;opacity:0.7;position:absolute;z-index:3;cursor:default;display:flex;justify-content:center;align-items:center}
#rating st{overflow:hidden;opacity:0.5;top:0;background-color:white;cursor:default;display:flex;justify-content:center;align-items:center}
#rating gradient-line{background:transparent;
  background: -webkit-linear-gradient(left, #F7DAC7 , #6E6259);background: -o-linear-gradient(right, #F7DAC7, #6E6259);
  background: -moz-linear-gradient(right, #F7DAC7, #6E6259);background: linear-gradient(to right, #F7DAC7 , #6E6259);
}
#rating rating{margin: 0 12px;}
button.rb{background: }
@media screen and (max-width: 640px){
    #rating overall{font-size:30px;}
    #rating cover{width:100%;}
    #rating name{padding-left:5px;}    
}
#rating top right{flex-direction:row;margin-right: 12px;}