@font-face {
  font-family: 'Segoe UI';
  src: url("../fonts/segoe/SegoeUI-Light.eot");
  src: local("Segoe UI Light"), local("SegoeUI-Light"), url("../fonts/segoe/SegoeUI-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/segoe/SegoeUI-Light.woff") format("woff"), url("../fonts/segoe/SegoeUI-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: 'Segoe UI';
  src: url("../fonts/segoe/SegoeUI-BoldItalic.eot");
  src: local("Segoe UI Bold Italic"), local("SegoeUI-BoldItalic"), url("../fonts/segoe/SegoeUI-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/segoe/SegoeUI-BoldItalic.woff") format("woff"), url("../fonts/segoe/SegoeUI-BoldItalic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic; }

@font-face {
  font-family: 'Segoe UI';
  src: url("../fonts/segoe/SegoeUI-SemiBold.eot");
  src: local("Segoe UI Semibold"), local("SegoeUI-SemiBold"), url("../fonts/segoe/SegoeUI-SemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/segoe/SegoeUI-SemiBold.woff") format("woff"), url("../fonts/segoe/SegoeUI-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal; }

@font-face {
  font-family: 'Segoe UI';
  src: url("../fonts/segoe/SegoeUI.eot");
  src: local("Segoe UI"), local("SegoeUI"), url("../fonts/segoe/SegoeUI.eot?#iefix") format("embedded-opentype"), url("../fonts/segoe/SegoeUI.woff") format("woff"), url("../fonts/segoe/SegoeUI.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Segoe UI';
  src: url("../fonts/segoe/SegoeUI-Bold.eot");
  src: local("Segoe UI Bold"), local("SegoeUI-Bold"), url("../fonts/segoe/SegoeUI-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/segoe/SegoeUI-Bold.woff") format("woff"), url("../fonts/segoe/SegoeUI-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: 'Segoe UI';
  src: url("../fonts/segoe/SegoeUI-Italic.eot");
  src: local("Segoe UI Italic"), local("SegoeUI-Italic"), url("../fonts/segoe/SegoeUI-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/segoe/SegoeUI-Italic.woff") format("woff"), url("../fonts/segoe/SegoeUI-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic; }

.star-rate .text {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  line-height: 18px;
  margin-right: 4px;
  font-size: 18px;
  font-weight: 600; }

.star-rate .rate-list {
  font-size: 0;
  display: inline-block;
  vertical-align: middle;
  margin: 0 -2px;
  white-space: nowrap; }

.star-rate .star {
  padding: 0 2px;
  font-size: 14px;
  display: inline-block;
  vertical-align: middle;
  width: 18px; }
  .star-rate .star img,
  .star-rate .star svg {
    width: 14px;
    height: 13px; }

.star-rate.large-stars {
  position: relative;
  text-align: left; }
  .star-rate.large-stars .star {
    width: 24px;
    height: 24px;
    cursor: pointer; }
    .star-rate.large-stars .star img,
    .star-rate.large-stars .star svg {
      width: 22px;
      height: 22px; }
    .star-rate.large-stars .star.active .star-input .label {
      background-image: url(../img/stars/star-primary.svg); }
    .star-rate.large-stars .star.default .star-input .label {
      background-image: url(../img/stars/star.svg); }
  .star-rate.large-stars .star-input .star-radio {
    position: absolute;
    visibility: hidden;
    opacity: 0; }
  .star-rate.large-stars .star-input .label {
    width: 22px;
    height: 22px;
    display: block;
    background-image: url(../img/stars/star-default.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    transition: opacity .3s; }
    .star-rate.large-stars .star-input .label:hover {
      opacity: .8; }
  .star-rate.large-stars .disabled {
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
    .star-rate.large-stars .disabled .star {
      cursor: default; }
    .star-rate.large-stars .disabled .star-input .label:hover {
      opacity: 1; }