/* Theme 1 ----------------------------------------------------------------- */

.ce-countdown--theme-1 {
    width: 100%;
    float: left;
    color: #fff;
    font-size: 0.8em;
    font-weight: 700;
	text-align: center;
}

.ce-countdown--theme-1 .ce-col {
    width: 100%;
	padding: 5px 30px 5px 30px;
	float: left;
}

@media (max-width: 647px) {
	.ce-countdown--theme-1 .ce-col {
		width: 100%;
		padding: 5px 10px 5px 10px;
		float: left;
	}
}

.ce-countdown--theme-1 .ce-days,
.ce-countdown--theme-1 .ce-hours,
.ce-countdown--theme-1 .ce-minutes,
.ce-countdown--theme-1 .ce-seconds,
.ce-countdown--theme-1 .ce-dseconds,
.ce-countdown--theme-1 .ce-mseconds {
    font-size: 30px;
}

@media (max-width: 1450px) {
	.ce-countdown--theme-1 .ce-days,
	.ce-countdown--theme-1 .ce-hours,
	.ce-countdown--theme-1 .ce-minutes,
	.ce-countdown--theme-1 .ce-seconds,
	.ce-countdown--theme-1 .ce-dseconds,
	.ce-countdown--theme-1 .ce-mseconds {
		font-size: 25px;
	}
}

@media (max-width: 1300px) {
	.ce-countdown--theme-1 .ce-days,
	.ce-countdown--theme-1 .ce-hours,
	.ce-countdown--theme-1 .ce-minutes,
	.ce-countdown--theme-1 .ce-seconds,
	.ce-countdown--theme-1 .ce-dseconds,
	.ce-countdown--theme-1 .ce-mseconds {
		font-size: 20px;
	}
}

@media (max-width: 1199px) {
	.ce-countdown--theme-1 .ce-days,
	.ce-countdown--theme-1 .ce-hours,
	.ce-countdown--theme-1 .ce-minutes,
	.ce-countdown--theme-1 .ce-seconds,
	.ce-countdown--theme-1 .ce-dseconds,
	.ce-countdown--theme-1 .ce-mseconds {
		font-size: 15px;
	}
}

@media (max-width: 991px) {
	.ce-countdown--theme-1 .ce-days,
	.ce-countdown--theme-1 .ce-hours,
	.ce-countdown--theme-1 .ce-minutes,
	.ce-countdown--theme-1 .ce-seconds,
	.ce-countdown--theme-1 .ce-dseconds,
	.ce-countdown--theme-1 .ce-mseconds {
		font-size: 18px;
	}
}

@media (max-width: 320px) {
	.ce-countdown--theme-1 .ce-days,
	.ce-countdown--theme-1 .ce-hours,
	.ce-countdown--theme-1 .ce-minutes,
	.ce-countdown--theme-1 .ce-seconds,
	.ce-countdown--theme-1 .ce-dseconds,
	.ce-countdown--theme-1 .ce-mseconds {
		font-size: 16px;
	}
}

.circle,
.circlefirst{
  position: relative;
  display: block;
  background-color: transparent;
  color: #fff;
  text-align: center;
}

.circle:after,
.circlefirst:after{
  display: block;
  padding-bottom: 100%;
  width: 100%;
  height: 0;
  border-radius: 50%;
  content: "";
}

.block-mtb .circle:after,
.block-gravel .circle:after {
  background-color: rgba(106, 106, 106, 0.4);
}

.block-mtb .circlefirst:after {
  background-color: rgba(178, 202, 12, 0.6);
}

.block-gravel .circlefirst:after {
  background-color: rgba(241, 198, 65, 0.6);
}


.circle__inner {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.circle__wrapper {
  display: table;
  width: 100%;
  height: 100%;
}

.circle__content {
  display: table-cell;
  vertical-align: middle;
  padding-top: 2px;
}

.ce-countdown--theme-1 .ce-dseconds,
.ce-countdown--theme-1 .ce-mseconds {
    display: inline-block;
    
}

.ce-countdown--theme-1 .ce-days-label,
.ce-countdown--theme-1 .ce-hours-label,
.ce-countdown--theme-1 .ce-minutes-label,
.ce-countdown--theme-1 .ce-seconds-label,
.ce-countdown--theme-1 .ce-dseconds-label,
.ce-countdown--theme-1 .ce-mseconds-label {
    display: block;
    font-size: 12px;
    font-weight: 200;
	text-align: center;
}

@media (max-width: 647px) {
	.ce-countdown--theme-1 .ce-days-label,
	.ce-countdown--theme-1 .ce-hours-label,
	.ce-countdown--theme-1 .ce-minutes-label,
	.ce-countdown--theme-1 .ce-seconds-label,
	.ce-countdown--theme-1 .ce-dseconds-label,
	.ce-countdown--theme-1 .ce-mseconds-label {
		font-size: 8px;
	}
}


.name-time {
	width: 100%;
	float: left;
	margin-top: 10px;
}

@media (max-width: 479px) {
	.ce-countdown--theme-1 .ce-days-label,
	.ce-countdown--theme-1 .ce-hours-label,
	.ce-countdown--theme-1 .ce-minutes-label,
	.ce-countdown--theme-1 .ce-seconds-label,
	.ce-countdown--theme-1 .ce-dseconds-label,
	.ce-countdown--theme-1 .ce-mseconds-label {
		font-size: 10px;
	}
}

@media all and (max-width: 410px) {
    .ce-countdown--theme-1 .ce-col {
            display: block;
    }
}

/* Clearfix ---------------------------------------------------------------- */

.ce-clearfix:before,
.ce-clearfix:after {
	content: " ";
	display: table;
}

.ce-clearfix:after {
	clear: both;
}