@font-face {
  font-family: "Gotham_Light";
  src: url("../fonts/GothamLight.eot");
  src: url("../fonts/GothamLight.eot") format("embedded-opentype"),
    url("../fonts/GothamLight.woff2") format("woff2"),
    url("../fonts/GothamLight.woff") format("woff"),
    url("../fonts/GothamLight.ttf") format("truetype"),
    url("../fonts/GothamLight.svg#GothamLight") format("svg");
}

#countDown-Wrapper {
  font-size: 0;
  z-index: 1;
  display: inline-block;
  --color-text: #f44ba0;
  --color-border: transparent;
  --bottom-label: 20px;
}
@media screen and (max-width: 1023px) {
  #countDown-Wrapper {
    width: 340px;
  }
}

#countDown-Wrapper .countDown-Group {
  display: inline-block;
  font-size: 0;
  margin: 0px;
  position: relative;
  width: 80px;
  text-align: center;
  padding-bottom: 25px;
  line-height: 66px;
}
#countDown-Wrapper .countDown-Group::after {
  content: " ";
  width: 72px;
  height: 70px;
  border: 1px solid var(--color-border);
  border-right: 0px solid var(--color-border);
  top: 0px;
  left: 0px;
  position: absolute;
}
#countDown-Wrapper .countDown-Group:last-child::after {
  border-right: 1px solid var(--color-border);
}
#countDown-Wrapper .countDown-Label {
  font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium",
    Helvetica, Arial, sans-serif;
  font-weight: normal;
  color: var(--color-text);
  display: block;
  font-size: 11px;
  text-align: center;
  position: absolute;
  bottom: var(--bottom-label);
  left: 0;
  width: 100%;
  line-height: 11px;
}
#countDown-Wrapper .countDown-Digit {
  display: inline-block;
  height: 61px;
  overflow: hidden;
  width: 35px;
  position: relative;
  /* text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);*/
  text-align: right;
  vertical-align: middle;
}

#countDown-Wrapper .countDown-Digit ul {
  display: block;
  margin: 0;
  padding: 0;
  font-family: "Gotham_Light";
  font-size: 52px;
  position: absolute;
  top: 0;
  left: 0;
  transition: none;
  color: var(--color-text);
}
#countDown-Wrapper .countDown-Digit.Anim ul {
  transition: top 0.5s ease-in-out;
}
#countDown-Wrapper .countDown-Digit ul li {
  display: block;
  height: 65px;
  line-height: 65px;
  text-align: center;
  margin-top: 0;
  margin: 0;
  padding: 0;
  border: 0px solid;
  max-width: none;
  width: 35px;
  box-sizing: content-box;
  float: none;
}

@media (max-width: 1023px) {
  #countDown-Wrapper {
    transform: scale(0.75);
    transform-origin: top left;
  }
}