/**
 *  This element is created inside your target element
 *  It is used so that your own element will not need to be altered
 **/
 /* #DateCountdown { width: 70%; } */

.time_circles {
	position: relative;
	width: 100%;
	/* height: 100%; */
	color: #4c4c4c;
	height: 0;
	padding-bottom: 100%;
}
/* 20190217 yulin*/
.time_circles * {
	color: #fff;
}

/* 20190216 yulin */
#C19021600250967316 > div {
	width: 100%;
	height: 100%;
}
#C19021600250967316 .content{
   /* font-size: 0; */
   	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex; 
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: space-between;
   background-color: #efcac0;
}
.timeCircle{
	width: 50%;
	flex: 1 0 auto;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex; 
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

.timeCircle-day{
	background-color: #455389;
}
.timeCircle-hour{
	background-color: #e65352;
}
.timeCircle-minute{
	background-color: #000000;
}
.timeCircle-second{
	background-color: #efcac0;
}
.timeCircle-second .time_circles *{
	color: #000;
}


/**
 *  This is all the elements used to house all text used
 * in time circles
 **/
.time_circles > div {
	position: absolute;
	text-align: center;
}

/**
 *  Titles (Days, Hours, etc)
 **/
.time_circles > div > h4 {
	margin: 0px;
	padding: 0px;
	text-align: center;
	/* text-transform: uppercase; */
	font-family: 'Century Gothic', Arial;
}

/**
 *  Time numbers, ie: 12
 **/
.time_circles > div > span {
	display: block;
	width: 100%;
	text-align: center;
	font-family: 'Century Gothic', Arial;
	font-size: 300%;
	/* margin-top: 0.4em; */
	margin-top: 0.6em;
	font-weight: bold;
}


/*
==============================================
   responsive
==============================================
*/
@media screen and (max-width : 1179px) {
	/* #DateCountdown { width: 100%; margin: 0 auto; } */
}

@media screen and (max-width : 1366px) {
	.timeCircle { 
		width: 25%; 
		flex: 1 0 25%;
	}
}