/******************
    - General -
******************/
#container {
	position:absolute;
	/* top:50%; */
	left:50%;
	width:1px;
	height:1px;
	display:inline;
	box-sizing: unset;
}

#center {
	position:absolute;
	top:-60px;
	left:-383px;
	width:766px;
	height:120px;
	box-sizing: unset;
}

/*********************
    - Responsive -
*********************/
@media only screen and (min-width:768px) and (max-width:959px) {
	#center {
		top:-45px;
		left:-311px;
		width:621px;
		height:90px;
		box-sizing: unset;
	}
}

@media only screen and (min-width:480px) and (max-width:767px) {
	#center {
		top:-42px;
		left:-231px;
		width:464px;
		height:84px;
		box-sizing: unset;
	}
}

@media only screen and (min-width:0px) and (max-width:3500px) {
	#center {
		top:0px;
		left:-146px;
		width:292px;
		/* left: -165px; */
		/* width: 328px; */
		height:60px;
		box-sizing: unset;
	}
}

.countdown-timer {
	position:relative;
	width:auto;
	height:133px;
	margin-left:-78px;
	padding-top:5px;
	overflow:hidden;
	box-sizing: unset;
}

.countdown-timer div,.countdown-timer span {
	margin:0;
	padding:0;
	box-sizing: unset;
}

.countdown-timer .bg {
	position:absolute;
	width:100%;
	left:81px;
	top:0;
	box-sizing: unset;
}

.countdown-timer .back,.countdown-timer .front {
position:absolute;
width:100%;
top:3px;
box-sizing: unset;
}

.countdown-timer img {
display:inline-block!important;
width:78px;
height:46px;
position:relative;
margin-right:8px;
box-sizing: unset;
}

.countdown-timer .bg img {
display:block;
float:left;
width:86px;
height:103px;
margin-right:0;
box-sizing: unset;
}

.countdown-timer .bg img.bg-dot {
width:9px;
height:29px;
margin:36px 7px 0;
box-sizing: unset;
}

.countdown-timer .upperHalf,.countdown-timer .upperHalfBack {
vertical-align:bottom;
height:46px;
box-sizing: unset;
}

.countdown-timer .lowerHalf,.countdown-timer .lowerHalfBack {
vertical-align:top;
height:46px;
box-sizing: unset;
}

.countdown-timer .upperHalf img {
vertical-align:bottom;
visibility:visible;
box-sizing: unset;
}

.countdown-timer .lowerHalf img {
vertical-align:top;
visibility:visible;
box-sizing: unset;
}

.countdown-timer .lowerHalfBack img {
vertical-align:top;
box-sizing: unset;
}

.countdown-timer .upperHalfBack img {
vertical-align:bottom;
box-sizing: unset;
}

.countdown-timer .next {
padding-left:23px;
}

.countdown-timer .sub-texts {
	position:absolute;
	width:100%;
	height:20px;
	left:81px;
	top:103px;
	font-family: 'Quicksand', sans-serif;
	font-size:12px;
	color:#555;
	-moz-text-shadow:0 1px rgba(255,255,255,0.5);
	text-shadow:0 1px rgba(255,255,255,0.5);
	box-sizing: unset;
}

.countdown-timer .sub-texts span {
display:block;
float:left;
text-align:center;
box-sizing: unset;
}

@media only screen and (min-width:768px) and (max-width:959px){
	.countdown-timer {
	height:122px;
	margin-left:-60px;
	box-sizing: unset;
	}

	.countdown-timer .bg {
	left:64px;box-sizing: unset;
	}

	.countdown-timer img {
	width:60px;
	height:35px;box-sizing: unset;
	}

	.countdown-timer .bg img {
	width:68px;
	height:79px;box-sizing: unset;
	}

	.countdown-timer .bg img.bg-dot {
	margin:25px 7px 0;box-sizing: unset;
	}

	.countdown-timer .upperHalf,.countdown-timer .upperHalfBack,.countdown-timer .lowerHalf,.countdown-timer .lowerHalfBack {
	height:35px;box-sizing: unset;
	}

	.countdown-timer .sub-texts {
	left:64px;
	top:79px;box-sizing: unset;
	}
	}

@media only screen and (min-width:480px) and (max-width:767px){
	.countdown-timer {
	height:84px;
	margin-left:-50px;box-sizing: unset;
	}

	.countdown-timer .bg {
	left:53px;box-sizing: unset;
	}

	.countdown-timer img {
	width:50px;
	height:29px;
	margin-right:4px;box-sizing: unset;
	}

	.countdown-timer .bg img {
	width:54px;
	height:68px;box-sizing: unset;
	}

	.countdown-timer .bg img.bg-dot {
	width:9px;
	visibility:hidden;
	margin:0;box-sizing: unset;
	}

	.countdown-timer .upperHalf,.countdown-timer .upperHalfBack,.countdown-timer .lowerHalf,.countdown-timer .lowerHalfBack {
	height:29px;box-sizing: unset;
	}

	.countdown-timer .next {
	padding-left:9px;box-sizing: unset;
	}

	.countdown-timer .sub-texts {
	left:54px;
	top:68px;box-sizing: unset;
	}
}

@media only screen and (min-width:0px) and (max-width:3500px){
	.countdown-timer {
	height:64px;
	margin-left:-35px;box-sizing: unset;
	}

	.countdown-timer .bg {
	left:32px;
	top:4px;box-sizing: unset;
	}

	.countdown-timer img {
	width:32px;
	height:19px;
	margin-right:2px;box-sizing: unset;
	}

	.countdown-timer .bg img {
		width:35px;
		height:42px;box-sizing: unset;
	}

	.countdown-timer .bg img.bg-dot {
	width:5px;
	visibility:hidden;
	margin:0;box-sizing: unset;
	}

	.countdown-timer .upperHalf,.countdown-timer .upperHalfBack,.countdown-timer .lowerHalf,.countdown-timer .lowerHalfBack {
	height:21px;box-sizing: unset;
	}

	.countdown-timer .next {
	padding-left:7px;box-sizing: unset;
	}

	.countdown-timer .sub-texts {
	left:31px;
	top:45px;
	font-size:11px;box-sizing: unset;
	}
}