@font-face {
    font-family: 'lcdbold';
    src: url('../fonts/lcd-bold-webfont.eot');
    src: url('../fonts/lcd-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lcd-bold-webfont.woff') format('woff'),
         url('../fonts/lcd-bold-webfont.ttf') format('truetype'),
         url('../fonts/lcd-bold-webfont.svg#lcdbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face{
    font-family: '24numbers';
    src: url('../fonts/24clocknumbers-webfont.eot');
    src: url('../fonts/24clocknumbers-webfont.eot?#') format('embedded-opentype'),
         url('../fonts/24clocknumbers-webfont.woff') format('woff'),
         url('../fonts/24clocknumbers-webfont.ttf') format('truetype'),
         url('../fonts/24clocknumbers-webfont.svg#24numbersregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face{
    font-family: 'DS-Digital';
    src: url('../fonts/ds-digi-webfont.eot');
    src: url('../fonts/ds-digi-webfont.eot?#') format('embedded-opentype'),
         url('../fonts/ds-digi-webfont.woff') format('woff'),
         url('../fonts/ds-digi-webfont.ttf') format('truetype'),
         url('../fonts/ds-digi-webfont-webfont.svg#ds-digitalnormal') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'bankgothic_md_btmedium';
    src: url('../fonts/bnkgothm-webfont.eot');
    src: url('../fonts/bnkgothm-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/bnkgothm-webfont.woff') format('woff'),
         url('../fonts/bnkgothm-webfont.ttf') format('truetype'),
         url('../fonts/bnkgothm-webfont.svg#bankgothic_md_btmedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

html, body {
	height: 100%;
	margin: 0;
}

.twentyfour_time_span, .twentyfour_time_separator {
	background: #4489b5; /* For browsers that do not support gradients */
	background: -webkit-radial-gradient(farthest-corner at 50% 70%, #81b9dd, #4489b5, #3e7392); /* Safari 5.1 to 6.0 */
	background: -o-radial-gradient(farthest-corner at 50% 70%, #81b9dd, #4489b5, #3e7392); /* For Opera 11.6 to 12.0 */
	background: -moz-radial-gradient(farthest-corner at 50% 70%, #81b9dd, #4489b5, #3e7392); /* For Firefox 3.6 to 15 */
	background: radial-gradient(farthest-corner at 50% 70%, #81b9dd, #4489b5, #3e7392); /* Standard syntax */
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

#twentyfour_countdown_wrapper {
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-o-user-select: none;
	user-select: none;
	cursor: default;
	background-color: #000;
	color: #4489b5;
	overflow: hidden;
	height: 100%;
}


#twentyfour_countdown_container {
	position: absolute;
	width: 100%;
	height: 100%;
	display: table;
}

#twentyfour_countdown_timer {
	#position: absolute;
	#top: 50%;
	font-size: 1em;
	width: 100%;
	height: 100%;
	display: table-cell;
	vertical-align: middle;
}

#twentyfour_clock {
	#position: relative;
	#top: -50%;
	width: 95%;
	margin: 0 auto;
	text-align: center;
}

#twentyfour_time_ul {
	list-style-type: none;
	padding: 0;
	width: 100%;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
}

.twentyfour_time_li {
	display: inline-block;
	vertical-align: top;
}

.twentyfour_time_separator {
	width: 5%;
	display: inline-block;
	line-height: 1em;
	font-family: 'lcdbold', Helvetica, Arial, sans-serif;
	font-size: 18em;
}

.twentyfour_time_span {
	line-height: 1em;
	font-family: 'lcdbold', Helvetica, Arial, sans-serif;
	font-size: 18em;
}

.twentyfour_denominations_p {
	font-family: 'bankgothic_md_btmedium', Helvetica, Arial, sans-serif;
	font-size: 2.5em;
}

#twentyfour_countdown_footer {
	position: absolute;
	bottom: 2%;
	font-family: 'bankgothic_md_btmedium', Helvetica, Arial, sans-serif;
	font-size: 2.5em;
	width: 100%;
	text-align: center;
	color: #4489b5;
}
	
#twentyfour_countdown_mute_button {
	font-size: 4em;
	position: absolute;
	top: 2%;
	right: 2%;
	cursor: pointer;
}

#twentyfour_clock_video_1_wrapper {
	display: table;
	width: 100%;
	height: 100%;
}
	
#twentyfour_clock_video_1_cell {
	display: table-cell;
	vertical-align: middle;
}

#twentyfour_clock_video_1 {
	width: 100%;
}

@media screen and (min-width: 1440px) {
	#twentyfour_countdown_timer {
		width: 1440px;
	}
}

@media screen and (max-width: 1350px) {
	.twentyfour_time_separator {
		font-size: 15em;
	}

	.twentyfour_time_span {
		font-size: 15em;
	}
	
	.twentyfour_denominations_p {
		font-size: 2.4em;
	}
	
	#twentyfour_countdown_footer {
		font-size: 2.4em;
	}
}

@media screen and (max-width: 1200px) {
	.twentyfour_time_separator {
		font-size: 14em;
	}

	.twentyfour_time_span {
		font-size: 14em;
	}
	
	.twentyfour_denominations_p {
		font-size: 2.2em;
	}
	
	#twentyfour_countdown_footer {
		font-size: 2.3em;
	}
}

@media screen and (max-width: 1100px) {
	.twentyfour_time_separator {
		font-size: 12em;
	}

	.twentyfour_time_span {
		font-size: 12em;
	}
	
	.twentyfour_denominations_p {
		font-size: 2em;
	}
	
	#twentyfour_countdown_footer {
		font-size: 2.2em;
	}
}

@media screen and (max-width: 900px) {
	.twentyfour_time_separator {
		font-size: 10em;
	}

	.twentyfour_time_span {
		font-size: 10em;
	}
	
	.twentyfour_denominations_p {
		font-size: 1.8em;
	}
	
	#twentyfour_countdown_footer {
		font-size: 2em;
	}
}


@media screen and (max-width: 760px) {
	.twentyfour_time_separator {
		font-size: 8.5em;
	}

	.twentyfour_time_span {
		font-size: 8.5em;
	}
	
	.twentyfour_denominations_p {
		font-size: 1.6em;
	}
	
	#twentyfour_countdown_footer {
		font-size: 1.8em;
	}
}

@media screen and (max-width: 640px) {
	.twentyfour_time_separator {
		font-size: 8em;
	}

	.twentyfour_time_span {
		font-size: 8em;
	}
	
	.twentyfour_denominations_p {
		font-size: 1.4em;
	}
	
	#twentyfour_countdown_footer {
		font-size: 1.6em;
	}
}

@media screen and (max-width: 600px) {
	.twentyfour_time_separator {
		font-size: 6.5em;
	}

	.twentyfour_time_span {
		font-size: 6.5em;
	}
	
	.twentyfour_denominations_p {
		font-size: 1.2em;
	}
	
	#twentyfour_countdown_footer {
		font-size: 1.4em;
	}
}

@media screen and (max-width: 480px) {
	.twentyfour_time_separator {
		font-size: 5.5em;
	}

	.twentyfour_time_span {
		font-size: 5.5em;
	}
	
	.twentyfour_denominations_p {
		font-size: 1em;
	}
	
	#twentyfour_countdown_footer {
		font-size: 1.3em;
	}
}