@charset "UTF-8";
#clear {
  display: inline;
}

#stars_rating {
  margin: 0;
  padding: 0;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
}
#stars_rating p {
  text-align: center;
  font-size: 20px;
  margin: 0;
}
@media (max-width: 479px) {
  #stars_rating p {
    font-size: 15px;
  }
  #stars_rating p.heading {
    font-size: 18px;
  }
}
#stars_rating .stars {
  display: inline-flex;
  flex-flow: row nowrap;
  max-width: 360px;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  padding: 0;
  margin-top: -8px;
}
#stars_rating .stars .star {
  position: relative;
  color: #ccf;
  font-size: 48px;
  cursor: pointer;
  padding: 0 5px;
}
#stars_rating .stars .star:after {
  content: "★";
  position: absolute;
  transform: translateX(-100%);
  top: 0px;
  font-size: 48px;
}
@media (min-width: 768px) {
    .mobiletop
    {
        margin-top:200px;
    }
  #stars_rating .stars .star {
    padding: 0 7px;
    font-size: 124px;
  }
  #stars_rating .stars .star:after {
    font-size: 124px;
  }
}
@media (max-width: 768px) {
    .mobiletop
    {
        margin-top:500px;
    }
}
@media (max-width: 479px) {
    .mobiletop
    {
        margin-top:500px;
    }
  #stars_rating .stars .star {
    padding: 0 3px;
    font-size: 36px;
  }
  #stars_rating .stars .star:after {
    font-size: 36px;
  }
}
#stars_rating .stars .star.rated {
  color: royalblue;
}
#stars_rating .stars .star.rated1:before {
  color: darkblue;
  content: "★";
  position: absolute;
  left: -1.5px;
  top: -13px;
  font-size: 64px;
}
@media (min-width: 768px) {
  #stars_rating .stars .star.rated1:before {
    left: 0px;
    top: -14.5px;
    font-size: 80px;
  }
}
@media (max-width: 479px) {
  #stars_rating .stars .star.rated1:before {
    left: -2px;
    top: -10px;
    font-size: 48px;
  }
}
#stars_rating .stars:hover .star {
  color: royalblue;
}
#stars_rating .stars:hover .star:hover ~ * {
  color: #ccf;
}
#stars_rating .stars.rated1 .star:before {
  color: darkblue;
  content: "★";
  position: absolute;
  left: -1.5px;
  top: -13px;
  font-size: 64px;
}
@media (min-width: 768px) {
  #stars_rating .stars.rated1 .star:before {
    left: 0px;
    top: -14.5px;
    font-size: 80px;
  }
}
@media (max-width: 479px) {
  #stars_rating .stars.rated1 .star:before {
    left: -2px;
    top: -10px;
    font-size: 60px;
  }
}
#stars_rating .stars.rated .star:after {
  color: royalblue;
}
#stars_rating .stars.rated .star.rated ~ *:before {
  display: none;
}
#stars_rating .stars.rated .star.rated ~ *:after {
  color: #ccf;
}
#stars_rating .stars.rated:hover .star {
  color: royalblue;
}
#stars_rating .stars.rated:hover .star:after {
  color: royalblue;
}
#stars_rating .stars.rated:hover .star:hover ~ * {
  color: #ccf;
}
#stars_rating .stars.rated:hover .star:hover ~ *:after {
  color: #ccf;
}
#stars_rating .rates span.avg:before {
  content: "Average: ";
  
  
}
@media (max-width: 479px) {
  #stars_rating .rates span.avg:before {
    content: "Avg: ";
  }
}