/*
| ======================================================================
|  General
| ======================================================================
*/
.price-cost.on-offer {
  position: relative;
  opacity: 0.7;
  overflow: hidden;
}

.price-cost.on-offer::before {
  top: 50%;
  /*tweak this to adjust the vertical position if it's off a bit due to your font family */
  background: red;
  /*this is the color of the line*/
  opacity: 0.7;
  content: "";
  width: 110%;
  position: absolute;
  height: 0.1em;
  border-radius: 0.1em;
  left: -5%;
  white-space: nowrap;
  display: block;
  transform: rotate(-15deg);
}

.price-balance.on-offer {
  font-weight: bold;
}

.icon-block {
  background-color: #f1f1f1;
  padding: 10px;
  font-size: 20px;
  font-weight: 600;
}

.icon-block i {
  font-size: 24px;
}

.icon-block small {
  font-size: 75%;
}

.icon-block-small {
  font-size: 18px;
}

.icon-block-small i {
  font-size: 20px;
}

.times td {
  padding: 0;
}

.times td:last-child {
  width: 99%;
}

@media (max-width: 800px) {
  .page-title-h1 {
    font-size: 10vw !important;
  }
}
.fas[data-count] {
  position: relative;
}

.fas[data-count]:after {
  position: absolute;
  right: -4px;
  top: 0.4rem;
  content: attr(data-count);
  padding: 2px 2px;
  border-radius: 10em;
  line-height: 0.7rem;
  color: white;
  background: #e10f12;
  text-align: center;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 0.6rem;
  min-width: 1rem;
}

.card-dark-transparent {
  border: 0;
  background: rgba(0, 0, 0, 0.6);
}

.card-dark-transparent > .card-header {
  border: 0;
  background: rgba(0, 0, 0, 0.2);
  padding: 10px;
  font-size: 17px;
}

.card-dark-transparent > .card-body {
  border: 0;
  padding: 10px;
}

/*
| ======================================================================
|  Intl Phone Numbers plugin
| ======================================================================
*/
.input-group > .intl-tel-input.allow-dropdown {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  width: 1%;
}

.input-group > .intl-tel-input.allow-dropdown > .flag-container {
  z-index: 4;
}

.iti__country-name, .iti__selected-dial-code {
  color: #000;
}

.iti-flag {
  background-image: url("https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.8/img/flags.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .iti-flag {
    background-image: url("https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.8/img/flags@2x.png");
  }
}

/*# sourceMappingURL=frontend_app.css.map */