#timerbc42c395e68954114aae52166fee43e1 .timer-flipchart-face {
  background-color: #000000, #ababab;
  font-size: 22px;
  color: #ffffff;
  font-family: 'Roboto';
}

#timerbc42c395e68954114aae52166fee43e1 .timer-separator {
  padding-top: 11px !important;
  padding-bottom: 11px !important;
}

#timerbc42c395e68954114aae52166fee43e1 .timer-flipchart-bounding {
  padding-left: 11px;
  padding-right: 11px;
  padding-top: 11px;
  padding-bottom: 11px;
}

#timerbc42c395e68954114aae52166fee43e1 .timer-flipchart-top,
#timerbc42c395e68954114aae52166fee43e1 .timer-flipchart-front {
  padding-left: 11px;
  padding-right: 11px;
  padding-top: 11px;
  padding-bottom: 0px;
}

#timerbc42c395e68954114aae52166fee43e1 .timer-flipchart-bottom,
#timerbc42c395e68954114aae52166fee43e1 .timer-flipchart-back {
  padding-left: 11px;
  padding-right: 11px;
  padding-top: 0px;
  padding-bottom: 11px;
}

#timerbc42c395e68954114aae52166fee43e1 .timer-flipchart-top,
#timerbc42c395e68954114aae52166fee43e1 .timer-flipchart-front {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

#timerbc42c395e68954114aae52166fee43e1 .timer-flipchart-bottom,
#timerbc42c395e68954114aae52166fee43e1 .timer-flipchart-back {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

#timerbc42c395e68954114aae52166fee43e1 .timer-flipchart-bottom:after {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

#timerbc42c395e68954114aae52166fee43e1 .timer-flipchart-front:after,
#timerbc42c395e68954114aae52166fee43e1 .timer-flipchart-top:after {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

#timerbc42c395e68954114aae52166fee43e1 .timer-flipchart-card {
  border-radius: 0px;
}

#timerbc42c395e68954114aae52166fee43e1 .timer-flipchart-top,
#timerbc42c395e68954114aae52166fee43e1 .timer-flipchart-front {
  background: #000000;
  /* Old browsers */
  background: -moz-linear-gradient(top, #000000 0%, #ababab 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #000000), color-stop(100%, #ababab));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #000000 0%, #ababab 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #000000 0%, #ababab 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #000000 0%, #ababab 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #000000 0%, #ababab 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#ababab', GradientType=0);
}

#timerbc42c395e68954114aae52166fee43e1 .timer-flipchart-bottom,
#timerbc42c395e68954114aae52166fee43e1 .timer-flipchart-back {
  background: #ababab;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ababab 0%, #000000 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ababab), color-stop(100%, #000000));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ababab 0%, #000000 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ababab 0%, #000000 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ababab 0%, #000000 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #ababab 0%, #000000 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ababab', endColorstr='#000000', GradientType=0);
}


#timerbc42c395e68954114aae52166fee43e10 .timer-flipchart-face {
  background-color: #000000, #ababab;
  font-size: 22px;
  color: #ffffff;
  font-family: 'Roboto';
}

#timerbc42c395e68954114aae52166fee43e10 .timer-separator {
  padding-top: 11px !important;
  padding-bottom: 11px !important;
}

#timerbc42c395e68954114aae52166fee43e10 .timer-flipchart-bounding {
  padding-left: 11px;
  padding-right: 11px;
  padding-top: 11px;
  padding-bottom: 11px;
}

#timerbc42c395e68954114aae52166fee43e10 .timer-flipchart-top,
#timerbc42c395e68954114aae52166fee43e10 .timer-flipchart-front {
  padding-left: 11px;
  padding-right: 11px;
  padding-top: 11px;
  padding-bottom: 0px;
}

#timerbc42c395e68954114aae52166fee43e10 .timer-flipchart-bottom,
#timerbc42c395e68954114aae52166fee43e10 .timer-flipchart-back {
  padding-left: 11px;
  padding-right: 11px;
  padding-top: 0px;
  padding-bottom: 11px;
}

#timerbc42c395e68954114aae52166fee43e10 .timer-flipchart-top,
#timerbc42c395e68954114aae52166fee43e10 .timer-flipchart-front {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

#timerbc42c395e68954114aae52166fee43e10 .timer-flipchart-bottom,
#timerbc42c395e68954114aae52166fee43e10 .timer-flipchart-back {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

#timerbc42c395e68954114aae52166fee43e10 .timer-flipchart-bottom:after {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

#timerbc42c395e68954114aae52166fee43e10 .timer-flipchart-front:after,
#timerbc42c395e68954114aae52166fee43e10 .timer-flipchart-top:after {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

#timerbc42c395e68954114aae52166fee43e10 .timer-flipchart-card {
  border-radius: 0px;
}

#timerbc42c395e68954114aae52166fee43e10 .timer-flipchart-top,
#timerbc42c395e68954114aae52166fee43e10 .timer-flipchart-front {
  background: #000000;
  /* Old browsers */
  background: -moz-linear-gradient(top, #000000 0%, #ababab 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #000000), color-stop(100%, #ababab));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #000000 0%, #ababab 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #000000 0%, #ababab 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #000000 0%, #ababab 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #000000 0%, #ababab 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#ababab', GradientType=0);
}

#timerbc42c395e68954114aae52166fee43e10 .timer-flipchart-bottom,
#timerbc42c395e68954114aae52166fee43e10 .timer-flipchart-back {
  background: #ababab;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ababab 0%, #000000 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ababab), color-stop(100%, #000000));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ababab 0%, #000000 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ababab 0%, #000000 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ababab 0%, #000000 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #ababab 0%, #000000 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ababab', endColorstr='#000000', GradientType=0);
}




/* TIMER */

.time-block {
  width: fit-content;
  margin: 0 auto;
  padding: 0;
  /* color: #ffffff ; */
  /* background: #383838; */
  text-align: center; 
}

.time-title {  
  margin: 0 auto;
  padding: 0;
  font-weight: bold;
  font-size: 18px;
  line-height: 20px;
  color: inherit;
 }

.time-remain {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin: 0 auto;
  font-weight: 300;
  font-size: 8px;
  line-height: 11px;
  letter-spacing: 0.04em;
  text-transform: uppercase; }

.time-remain-items {
  position: relative;
  width: 25%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding: 7px 14px;
  z-index: 1;
  /* box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.2); */
  /* background: #134328; */
  border-radius: 5px; }

.hour,
.minutes,
.seconds {  
  font-weight: bold;
  font-size: 28px;
  line-height: 38px;
  letter-spacing: 0.04em;
  text-transform: uppercase; }

.time-dots {
  font-weight: bold;
  font-size: 30px;
  line-height: 35px;
  color: inherit; }