/* -----------------------------------------------------------------------------

  COMPENENTS - RATING
  
----------------------------------------------------------------------------- */


.rating-star {
  width: 10%;
  transform: rotate(270deg);
  position: absolute;
  left: 92px;
  /* margin-top: -100px; */
  /* margin-left: 45px; */
  margin-top: -150px;
  margin-left: 41px;
}

.c-rating {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  background-repeat: no-repeat;
  transform: rotate(7deg);
  color: transparent;
}

.c-rating__item {
  transform: rotate(20deg);
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 24px;
  -ms-flex: 0 0 24px;
  flex: 0 0 24px;
  /* height: 40px; */
  height: 58px;
  background: url("../img/stars.svg");
  background-position: 6px 0;
  background-repeat: no-repeat;
  cursor: pointer;
  color: transparent;
  /* background-size: 66px; */
  background-size: 108px;
}

.c-rating__item_2 {
  transform: rotate(20deg);
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 24px;
  -ms-flex: 0 0 24px;
  flex: 0 0 24px;
  /* height: 40px; */
  height: 58px;
  background: url("../img/stars.svg");
  background-position: -1px 0;
  background-repeat: no-repeat;
  cursor: pointer;
  color: transparent;
  /* background-size: 66px; */
  background-size: 108px;
}

.c-rating__item.is-active {
  /* background-position: -35px 0; */
  background-position: -47px 0;
  background-repeat: no-repeat;
  /* background-size: 66px; */
  background-size: 108px;
}