.countdownHolder {
    width: 991px;
    margin: 0 auto;
    font: 40px/1.5 'Open Sans Condensed', sans-serif;
    text-align: center;
    letter-spacing: -3px;
}

.position {
    display: inline-block;
    height: 120px;
    overflow: hidden;
    position: relative;
    width: 100px;
}

.digit {
    position: absolute;
    display: block;
    width: 100px;
    height: 120px;
    line-height: 120px;
    background-color: #DDBB79;
    border-radius: 0.2em;
    text-align: center;
    color: #000;
    letter-spacing: -1px;
    font-size: 64px;
    font-family: 'Montserrat';
}

.digit.static {
    /* box-shadow:1px 1px 1px rgba(4, 4, 4, 0.35); */

    /* background-image: linear-gradient(bottom, #3A3A3A 50%, #444444 50%); */
    /* background-image: -o-linear-gradient(bottom, #3A3A3A 50%, #444444 50%); */
    /* background-image: -moz-linear-gradient(bottom, #3A3A3A 50%, #444444 50%); */
    /* background-image: -webkit-linear-gradient(bottom, #3A3A3A 50%, #444444 50%); */
    /* background-image: -ms-linear-gradient(bottom, #3A3A3A 50%, #444444 50%); */

    /* background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.5, #3A3A3A),
		color-stop(0.5, #444444)
	); */
}

/**
 * You can use these classes to hide parts
 * of the countdown that you don't need.
 */

.countDays {
    /* display:none !important;*/
}

.countDiv0 {
    /* display:none !important;*/
}

.countHours {}

.countDiv1 {}

.countMinutes {}

.countDiv2 {}

.countSeconds {}


.countDiv {
    display: inline-block;
    width: 16px;
    height: 1.6em;
    position: relative;
}

.countDiv:before,
.countDiv:after {
    position: absolute;
    width: 5px;
    height: 5px;
    background-color: #000;
    border-radius: 50%;
    left: 50%;
    margin-left: -3px;
    top: -10px;
    box-shadow: 1px 1px 1px rgba(4, 4, 4, 0.5);
    content: '';
}

.countDiv:after {
    top: 10px;
}

.cd {
  position: relative;
  padding-top: 30px;
}

.countdownHolder {
  width: inherit !important;
}

.countDays,
.countHours,
.countMinutes,
.countSeconds {
  display: inline-block !important;
}

#note {
  text-align: center;
}

.countDays,
.countHours,
.countMinutes,
.countSeconds {
  position: relative;
}

.countDays:before {
  content: "Days";
  position: absolute;
  top: -30px;
  left: 0;
  right: 0;
  font-size: 16px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #000;
  font-family: var(--poppins);
}

.countHours:before {
  content: "Hours";
  position: absolute;
  top: -30px;
  left: 0;
  right: 0;
  font-size: 16px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #000;
  font-family: 'Montserrat';
}

.countMinutes:before {
  content: "Minutes";
  position: absolute;
  top: -30px;
  left: 0;
  right: 0;
  font-size: 16px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #000;
  font-family: 'Montserrat';
}

.countSeconds:before {
  content: "Seconds";
  position: absolute;
  top: -30px;
  left: 0;
  right: 0;
  font-size: 16px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #000;
  font-family: 'Montserrat';
}

.digit,
.position {
  width: 85px !important;
}