@font-face {
  font-family: 'lithpro-reg';
  src: url('font/lithpro-reg.eot');
  src: url('font/lithpro-reg.eot?#iefix') format('embedded-opentype'), url('font/lithpro-reg.woff2') format('woff2'), url('font/lithpro-reg.woff') format('woff'), url('font/lithpro-reg.ttf') format('truetype'), url('font/lithpro-reg.svg#lithpro-reg') format('svg');
  font-weight: normal;
  font-style: normal;
}
a {
  text-decoration: none;
}
.container {
  background: url(../img/timer/form_bg.jpg) bottom center / auto 100% repeat-x fixed padding-box content-box transparent;
}
.container .countdown {
  text-align: center;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  transform: translateX(-50%) translateY(-50%);
  font-size: 2.5em;
  font-family: 'lithpro-reg';
}
.container .countdown .timeunit {
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.1);
  padding: 20px 20px 10px 5px;
  margin-bottom: 20px;
  display: inline-block;
}
.container .countdown .timeunit.signoff {
  display: none;
}
.container .countdown .timeunit.signoff .txtel {
  background: -webkit-linear-gradient(#f7a65a, #a5240e);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1);
}
.container .countdown .timeunit .timeel {
  margin: 0;
  color: rgba(255, 255, 255, 0.3);
  display: inline-block;
}
.container .countdown .timeunit .timeel.days,
.container .countdown .timeunit .timeel.hours,
.container .countdown .timeunit .timeel.minutes,
.container .countdown .timeunit .timeel.seconds {
  min-width: 65px;
  text-align: right;
  background: -webkit-linear-gradient(#f7a65a, #a5240e);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1);
}
.container .countdown.expired .timeunit.signoff {
  display: inline-block !important;
  padding-left: 30px;
  padding-right: 30px;
}