/* Counter Holder */
.rhc-countdown-holder {
    width: 100%;
    background-color: #fff;
    border: 1px solid #ebebeb;
    position: relative;
    padding: 1px;
    margin: 0 auto 10px;
}

.rhc-countdown-holder * {
	box-sizing:border-box;
}

.rhc-countdown-holder .rhc-countdown-cont {
    width: 100%;
    height: 100%;
    background-color: #f9f9f9;
    padding: 8px 15px;
}

.fe-extrainfo-container .rhc-countdown-holder {
    border:none;
    background-color:transparent;
}

.fe-extrainfo-container .rhc-countdown-holder .rhc-countdown-cont {
    background-color:transparent;
}

.rhc-countdown-holder .rhc-countdown-cont .rhc-countdown-title,
.rhc-countdown-holder .rhc-countdown-cont .rhc-countdown-title-end {
    font-size: 21px;
    font-weight: normal;
    text-align: left;
    padding: 0px;
    margin: 0 0 20px;
}
/* end Counter Holder */

/* Start Countdown Styles */
.rhc-countdown div {

}

.rhc-countdown-cont {
	position:relative;
	width:100%;
	text-align:center;
}

.rhc-countdown {
	padding:0;
	box-sizing:content-box;
}

.rhc-countdown,
.rhc-countdown-item-holder {
	position:relative;
	display:inline-block;
	width:24%;
	text-align:center;
}

.rhc-countdown-item {
	position:relative;
	display:inline-block;
	width:25%;
}

.rhc-countdown-item-label {
	text-align: center;
	width: 100%;
}

.rhc-countdown-tpl {
	display:none;
	position:fixed;
	top:2048;
	z-index:0;
	background-color: #cecece;
	border:.3em solid #66CC66;
	line-height: 30px;
	color: #66CC66;
	font-family: Arial;
	font-weight: 300;

}
/* End Countdown Styles */

/* hide by default */
.rhc-countdown-holder .rhc-countdown-title,
.rhc-countdown-holder .rhc-countdown-title-end,
.rhc-countdown-holder .rhccd-end-message,
.rhc-countdown-holder .rhccd-end-message-end,
.rhc-countdown-holder.rhc-count-to-start.count-ended .rhc-countdown-title,
.rhc-countdown-holder.rhc-count-to-end.count-ended .rhc-countdown-title-end
{
    display:none;
}

/* count to start ongoing counter, show title start */
.rhc-countdown-holder.rhc-count-to-start .rhc-countdown-title {
	display:block;
}

/* count to end ongoing counter, show title_end */
.rhc-countdown-holder.rhc-count-to-end .rhc-countdown-title-end {
	display:block;
}

.rhc-countdown-holder.has-end-message .rhccd-end-message,
.rhc-countdown-holder.has-end-message .rhccd-end-message-end {
    z-index: 1;
    width: 100%;
    height: 100%;
    position: relative;
    top: 0;
    left: 0;
    box-sizing: border-box;
    font-size: 42px;
    padding: 0;
    line-height: 1.1;
}

/* count to start counter ended, show message */
.rhc-countdown-holder.rhc-count-to-start.has-end-message.count-ended .rhccd-end-message {
	display:block;
}

/* count to start EVENT ended, hide message */
.rhc-countdown-holder.rhc-count-to-start.has-end-message.count-ended.event-ended .rhccd-end-message {
	display:none;
}

/* count to start EVENT ended, show message_end */
.rhc-countdown-holder.rhc-count-to-start.has-end-message.event-ended .rhccd-end-message-end {
	display:block;
}

/* count to end counter ended, show message_end */
.rhc-countdown-holder.rhc-count-to-end.has-end-message.count-ended .rhccd-end-message-end {
	display:block;
}

.has-end-message.event-ended .rhc-countdown-cont .rhc-countdown-title {
    display:none;
}

.has-end-message.event-ended .rhc-countdown-cont .rhc-countdown {
    display:none !important;
}

.has-end-message.event-ended .rhc-countdown-cont .rhc-countdown canvas {
    display:none;
}

/* remove counter : */
/* count to start and counter ended */
/* on count to end, hide counter when counter ends. */
.has-end-message.rhc-count-to-start.count-ended .rhc-countdown-cont .rhc-countdown,
.has-end-message.rhc-count-to-start.count-ended .rhc-countdown-cont .rhc-countdown canvas,
.has-end-message.rhc-count-to-end.count-ended .rhc-countdown-cont .rhc-countdown,
.has-end-message.rhc-count-to-end.event-ended .rhc-countdown-cont .rhc-countdown {
	display:none !important;
}


/* Responsive */
@media screen and (max-width:600px) {
	.rhc-countdown-cont .rhc-countdown {
		width: 50%;
		margin: 0 0 20px;
	}
	.rhc-countdown-holder.has-end-message.count-ended .rhccd-end-message,
	.rhc-countdown-holder.has-end-message.event-ended .rhccd-end-message-end {
		font-size:30px;
	}
}