﻿.star-rating{text-align:center}.rating{display:inline-block;position:relative}.rating input[type=radio]{position:absolute;opacity:0;height:1px;width:1px;bottom:0}.star{transform:rotate(35deg);-moz-transform:rotate(35deg);-ms-transform:rotate(35deg);-webkit-transform:rotate(35deg);border-bottom:.91em solid #d3d3d3;border-left:1.3em solid transparent;border-right:1.3em solid transparent;display:inline-block;margin-bottom:.65em;margin-top:.65em;position:relative;margin-right:.4em;float:right}.star,.star:after,.star:before{transition:all .3s linear;height:0;width:0}.star:after,.star:before{content:"";display:block;position:absolute;z-index:-1}.star:before{transform:rotate(-35deg);-moz-transform:rotate(-35deg);-ms-transform:rotate(-35deg);-webkit-transform:rotate(-35deg);border-bottom:1.04em solid #d3d3d3;border-left:.39em solid transparent;border-right:.39em solid transparent;left:-.845em;top:-.585em}.star:after{transform:rotate(-70deg);-moz-transform:rotate(-70deg);-ms-transform:rotate(-70deg);-webkit-transform:rotate(-70deg);border-bottom:.91em solid #d3d3d3;border-left:1.3em solid transparent;border-right:1.3em solid transparent;left:-1.365em;top:.039em}.star-5.active,.star-5.active:after,.star-5.active:before,.star-5.active~.star,.star-5.active~.star:after,.star-5.active~.star:before{border-bottom-color:#ff5254}input[type=radio]+.star-5{cursor:pointer}.rating:not(:hover) .radio-5:checked~.star,.rating:not(:hover) .radio-5:checked~.star:after,.rating:not(:hover) .radio-5:checked~.star:before,input[type=radio]+.star-5:hover,input[type=radio]+.star-5:hover:after,input[type=radio]+.star-5:hover:before,input[type=radio]+.star-5:hover~.star,input[type=radio]+.star-5:hover~.star:after,input[type=radio]+.star-5:hover~.star:before{border-bottom-color:#ff5254}.star-4.active,.star-4.active:after,.star-4.active:before,.star-4.active~.star,.star-4.active~.star:after,.star-4.active~.star:before{border-bottom-color:#ff6c35}input[type=radio]+.star-4{cursor:pointer}.rating:not(:hover) .radio-4:checked~.star,.rating:not(:hover) .radio-4:checked~.star:after,.rating:not(:hover) .radio-4:checked~.star:before,input[type=radio]+.star-4:hover,input[type=radio]+.star-4:hover:after,input[type=radio]+.star-4:hover:before,input[type=radio]+.star-4:hover~.star,input[type=radio]+.star-4:hover~.star:after,input[type=radio]+.star-4:hover~.star:before{border-bottom-color:#ff6c35}.star-3.active,.star-3.active:after,.star-3.active:before,.star-3.active~.star,.star-3.active~.star:after,.star-3.active~.star:before{border-bottom-color:#f90}input[type=radio]+.star-3{cursor:pointer}.rating:not(:hover) .radio-3:checked~.star,.rating:not(:hover) .radio-3:checked~.star:after,.rating:not(:hover) .radio-3:checked~.star:before,input[type=radio]+.star-3:hover,input[type=radio]+.star-3:hover:after,input[type=radio]+.star-3:hover:before,input[type=radio]+.star-3:hover~.star,input[type=radio]+.star-3:hover~.star:after,input[type=radio]+.star-3:hover~.star:before{border-bottom-color:#f90}.star-2.active,.star-2.active:after,.star-2.active:before,.star-2.active~.star,.star-2.active~.star:after,.star-2.active~.star:before{border-bottom-color:#3f9e37}input[type=radio]+.star-2{cursor:pointer}.rating:not(:hover) .radio-2:checked~.star,.rating:not(:hover) .radio-2:checked~.star:after,.rating:not(:hover) .radio-2:checked~.star:before,input[type=radio]+.star-2:hover,input[type=radio]+.star-2:hover:after,input[type=radio]+.star-2:hover:before,input[type=radio]+.star-2:hover~.star,input[type=radio]+.star-2:hover~.star:after,input[type=radio]+.star-2:hover~.star:before{border-bottom-color:#3f9e37}.star-1.active,.star-1.active:after,.star-1.active:before,.star-1.active~.star,.star-1.active~.star:after,.star-1.active~.star:before{border-bottom-color:#14892c}input[type=radio]+.star-1{cursor:pointer}.rating:not(:hover) .radio-1:checked~.star,.rating:not(:hover) .radio-1:checked~.star:after,.rating:not(:hover) .radio-1:checked~.star:before,input[type=radio]+.star-1:hover,input[type=radio]+.star-1:hover:after,input[type=radio]+.star-1:hover:before,input[type=radio]+.star-1:hover~.star,input[type=radio]+.star-1:hover~.star:after,input[type=radio]+.star-1:hover~.star:before{border-bottom-color:#14892c}.rating-result span{padding:0;font-size:25px;line-height:.7;color:#d3d3d3}.rating-result>span:before{content:"\2605"}.rating-result>span.active{color:gold}.rating-result.big span{font-size:50px}.progress .bg-excellent{background-color:#00b67a!important}.progress .bg-great{background-color:#73cf11!important}.progress .bg-average{background-color:#ffce00!important}.progress .bg-poor{background-color:#ff8622!important}.progress .bg-bad{background-color:#ff3722!important}.userful-btn{cursor:pointer}
