.cancel-on-png,
.cancel-off-png,
.star-on-png,
.star-off-png,
.star-half-png {
  font-size: 2em;
}

@font-face {
  font-family: "raty";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/raty.eot");
  src: url("../fonts/raty.eot?#iefix") format("embedded-opentype");
  src: url("../fonts/raty.svg#raty") format("svg");
  src: url("../fonts/raty.ttf") format("truetype");
  src: url("../fonts/raty.woff") format("woff");
}

.cancel-on-png,
.cancel-off-png,
.star-on-png,
.star-off-png,
.star-half-png {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: "raty";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  speak: none;
  text-transform: none;
}

.cancel-on-png:before {
  content: "\e600";
}

.cancel-off-png:before {
  content: "\e601";
}

.star-on-png:before {
  content: "\f005";
}

.star-off-png:before {
  content: "\f006";
}

.star-half-png:before {
  content: "\f123";
}

.feedback-wrapper .spinner {
  border: 4px solid #eee;
  border-top: 4px solid #333;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  animation: spin 0.8s linear infinite;
  display: inline-block;
  vertical-align: middle;
  margin-right: 6px;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

.feedback-wrapper.rating-block {
  text-align: center;
}
.form-message button {
  padding: 5px 25px !important;
  text-transform: none !important;
  cursor: pointer;
  font-size: 16px !important;
  letter-spacing: 0 !important;
}

div#avismessage {
  display: none;
  padding: 20px 15px;
  border: 1px solid;
  margin-top: 25px;
}

.fomrstep2,
.fomrstep3 {
  display: none;
}

.promotions-slider .qodef-e-inner:hover {
  box-shadow: 0px 30px 50px 0px rgba(0, 0, 0, 0.16) !important;
}

span.qodef-e-price-inner.qodef-currency-- {
  color: #f70505;
}

.promoavis .qodef-grid-inner {
  gap: 25px !important;
}
.promoavis .raty-display {
  margin-bottom: 10px;
}
.promoavis .raty-display img {
  width: 15px;
}

.rate-container .raty-display img {
  width: 20px !important;
  height: 20px !important;
}
.rate-container .raty-display {
  display: flex;
  justify-content: center;
}