/* Basic timer output */
.product-timer-block {
  /*margin: 14px 0px 14px 0px;*/
  padding: 10px 10px 10px 10px;
  /*border: 1px solid #a3a3a3;*/
  border-radius: 4px;
  background-color: #f9f9f9;
}
.product-timer-block .timer,
.product-timer-block .prices-block {
  display: inline-block;
  vertical-align: top;
  padding: 0px 0px 0px 0px;
}
.product-timer-block .special-price,
.product-timer-block .old-price {
  display: inline-block;
  width: 100%;
}
.timer {
  text-align: center;
  width: 100%;
}
.timer .text {
  font-size: 17px;
  color: #121212;
  letter-spacing: 1px;
  margin-bottom: 10px;
  padding: 0px 0px 0px 0px;
}

.prices-block {
  /*padding: 5px 0px;*/
  width: 100%;
  line-height: 1.5;
  text-align: center;
}
@media (min-width: 1440px){
.prices-block .special-price {
      color: #ed1c24;
    font-weight: normal;
    font-size: 30px;
    display: inline-block;
    column-gap: .25rem;
    letter-spacing: -.025em;
    font-weight: 700;
    line-height: 1;}
}
@media (max-width: 1440px){
.prices-block .special-price {
  /*color: #e95144;*/
  font-weight: normal;
  font-size: 30px;
  display: inline-block;}
}
.prices-block .old-price {
  font-size: 19px;
  text-decoration: line-through;
}


/* Display on categories/specials, in modules */
.timer-block .prices-block {
  width: 100%;
  margin-bottom: 10px;
}
.timer-block .special-price,
.timer-block .old-price {
  display: inline-block;
  margin: 0px;
  font-size: 14px;
}
.timer-block .special-price {
  font-weight: bold;
}
.timer-block .old-price {
  margin: 0 3px 0 3px;
}


/* long Label near product special & ordinary price */
.percentage-discount {
  background: #e95144;
  color: #fff;
  font-size: 11px;
  border-radius: 3px;
  padding: 2px 4px 2px 4px;
  margin: 0px 4px 0px 0px;
  position: relative;
  z-index: 9;
  display: inline-block;
  vertical-align: middle;
}


/* Discount stiker */
.discount-sticker {
  background-color: #FF3E30;
  color: #FFFCF7;
  float: right;
  font-size: 12pt;
  font-weight: 700;
  padding: 4px 8px 4px;
  position: absolute;
  text-align: center;
  top: 10px;
  z-index: 1;
  padding-left: 10px;
  right: 15px;
}
.discount-sticker::before {
  border-style: solid;
  border-width: 13px 9px;
  content: "";
  position: absolute;
  border-color: #FF3E30 #FF3E30 rgb(255, 62, 48) transparent;
  top: 0px;
  left: -10px;
  height: 100%;
}


/* jQuery Countdown styles 2.0.0. */
.is-opencartCountdown {
  border: 1px solid #ccc;
  background-color: #eee;
  width: 100%;
  margin: 0px 0px 0px 0px;
  padding: 5px 0px 5px 0px;
  display: inline-block;
  border-radius: 4px;
}
.opencartCountdown-rtl {
  direction: rtl;
}
.opencartCountdown-holding span {
  color: #888;
}
.opencartCountdown-row {
  clear: both;
  width: 100%;
  padding: 0px 2px;
  display: block;
  text-align: center;
}
.opencartCountdown-show1 .opencartCountdown-section {
  width: 98%;
}
.opencartCountdown-show2 .opencartCountdown-section {
  width: 48%;
}
.opencartCountdown-show3 .opencartCountdown-section {
  width: 32.5%;
}
.opencartCountdown-show4 .opencartCountdown-section {
  width: 25%;
}
.opencartCountdown-show5 .opencartCountdown-section {
  width: 19.5%;
}
.opencartCountdown-show6 .opencartCountdown-section {
  width: 16.25%;
}
.opencartCountdown-show7 .opencartCountdown-section {
  width: 14%;
}
.opencartCountdown-section {
  display: block;
  float: left;
  font-size: 75%;
  text-align: center;
  border-right: 1px solid #ccc;
}

.opencartCountdown-section:last-child {border:none;}
.opencartCountdown-amount {font-size: 18px;}
.opencartCountdown-period {display: block; /*font-size: 100%;*/ font-size:10px;}
.opencartCountdown-descr {display: block; width: 100%;}

@media (max-width: 1024px){
.timer {width: 100%;}
.prices-block {width: 100%;}
}
@media (max-width: 768px){
.timer {text-align: center; width: 60%;}
.prices-block { width: 38%; line-height: 1.5; text-align: center;}
}
@media (max-width: 1366px){
.timer {width: 100%; /*margin-top: 20px;*/}
.prices-block {width: 100%;}
@media (max-width: 844px){
.timer {text-align: center; width: 60%; /*margin-top: 20px;*/}
.prices-block { width: 38%; line-height: 1.5; text-align: center;}
@media (max-width: 375px){
.timer {text-align: center; width: 60%;}
.prices-block { width: 38%; line-height: 1.5; text-align: center;}
@media (max-width: 896px){
.timer {text-align: center; width: 60%;}
.prices-block { width: 38%; line-height: 1.5; text-align: center;}
}