/*----------------------------
	Main Section
-----------------------------*/

#note{
	color: #666666;
	font-size: 12px;
	margin: 0 auto;
	padding: 4px;
	text-align: center;
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
	width: 400px;
}

.contdown-title {
	font-size: 18px;
	text-align: center;
	margin-bottom: 10px;
	color:#fc1d1d;
}

.countdownHolder {
	width: auto !important;
}

#countdown .digit {
	background-color: #fc1d1d;
}

#countdown .digit.static {
	background-image: linear-gradient(bottom, #fc1d1d 50%, #ed0a0a 50%);
	background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0.5, #fc1d1d),
			color-stop(0.5, #ed0a0a)
	);
}

#countdown .countDiv:before, #countdown .countDiv:after {
	background-color: #525252;
}

@media (max-width: 560px) {
	#countdown .position {
		width: 30px;
		height: 45px;
	}

	#countdown .digit {
		width: 30px;
		font-size: 30px;
	}

	#countdown .countDiv {
		height: 52px;
	}
}

@media (max-width: 420px) {
	#countdown .position {
		width: 20px;
		height: 35px;
	}

	#countdown .digit {
		width: 20px;
		font-size: 20px;
	}

	#countdown .countDiv {
		height: 50px;
	}

	#countdown .countDiv:before {
		top: 25px;
	}
}