/*
Kickoff 1.0
Jake Caputo / Designcrumbs - designcrumbs.com
*/

/* ============================================== RESET ============================================== */

* {
	margin: 0;
	padding: 0;
}

/* ============================================== FONTS ============================================== */

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

/* ============================================== GENERAL ============================================== */

html, body {
	height: 100%;
}

body {
	color:#fcfcfc;
	background: url("images/bg.jpg") no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	font: 14px/21px 'Helvetica Neue', Helvetica, Arial, sans-serif;
	height: 100%;
    position: relative;
    text-align: center;
    padding:0;
    margin:0;
    overflow: hidden;
}

img {
	border:0;
}

a {
	color:#0A36B7;
	text-decoration: none;
}

a:hover {
	color:#B70A0A;
}

.wrapper {
	width:100%;
	padding: 0;
	margin:0;
    display: table;
    height: 100%;
    position: relative;
    background-image:url("images/trans.png");
}

.container {
	width:620px;
	padding:0;
	margin:0 auto;
	display: table-cell;
    vertical-align: middle;
}

#logo {
	margin:0 auto 40px;
	display: block;
	width:147px;
	height:50px;
}

h2 {
	font-size:40px;
	line-height:40px;
	font-family: 'BebasNeueRegular', Verdana, Geneva, sans-serif;
	text-align:center;
	margin:0 0 20px;
	font-weight: normal;
}

p {
	margin-bottom: 15px;
}

.clear {
	clear:both;
}

/* ============================================== COUNTDOWN ============================================== */

#countdown_wrap {
	padding:20px 0 0;
}

#countdown {
	overflow: hidden;
	width: 100%;
	font-family: 'BebasNeueRegular', Verdana, Geneva, sans-serif;
}

.countdown_row {
	float:left;
	position: relative;
	left:50%;
}

.countdown_section {
	float:left;
	position: relative;
	right:50%;
	color: #444444;
	text-align: center;
	padding: 0 5px;
	font-size: 30px;
	line-height: 50px;
}

.countdown_amount {
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 90px;
	height:90px;
	line-height: 90px;
	font-weight: 200;
	float:left;
	padding: 20px 10px;
	background: #333333; /* Old browsers */
	background: -moz-linear-gradient(top,  #333333 0%, #333333 50%, #222222 50%, #111111 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333333), color-stop(50%,#333333), color-stop(50%,#222222), color-stop(100%,#111111)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #333333 0%,#333333 50%,#222222 50%,#111111 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #333333 0%,#333333 50%,#222222 50%,#111111 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #333333 0%,#333333 50%,#222222 50%,#111111 100%); /* IE10+ */
	background: linear-gradient(top,  #333333 0%,#333333 50%,#222222 50%,#111111 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#111111',GradientType=0 ); /* IE6-9 */
	-webkit-border-radius:  5px; 
	-moz-border-radius:  5px; 
	border-radius: 5px;
	color: #EEEEEE;
	text-align: center;
	letter-spacing: -1px;
	min-width: 115px;
	box-shadow: inset rgba(0,0,0, 0.8) 0px 0px 5px;
	-moz-box-shadow: inset rgba(0,0,0, 0.8) 0px 0px 5px;
	-webkit-box-shadow: inset rgba(0,0,0, 0.8) 0px 0px 5px;
	text-shadow: 0 2px 1px #000000;
}

.time_label {
	display: block;
}

/* Media for anything with a max width of 767px. Mostly small tablets and iPhones & Smartphones */

@media (min-width: 0px) and (max-width: 767px) {
    .container {
    	width:100%;
    }
    
    #logo {
		margin-bottom:20px;
	}
    
    h2 {
    	font-size: 30px;
    	line-height: 30px;
    	margin: 0;
    }
    
    .countdown_section {
		padding: 0 5px;
		font-size: 15px;
		line-height: 20px;
	}
    
    .countdown_amount {
		font-size: 30px;
		height:30px;
		line-height: 30px;
		padding: 15px 10px;
		min-width: 45px;
	}
}
/* Стиль для футера к таймеру отношения не имеет */
   footer {
    	background-color:#212121;
    	bottom:0;
    	box-shadow: 0 -1px 2px #111111;
    	display:block;
    	height:70px;
    	left:0;
    	position:fixed;
    	width:100%;
    	z-index:100;
	}
	footer h2{
    	font-size:22px;
    	font-weight:normal;
    	left:50%;
    	margin-left:-500px;
    	padding:20px 0;
    	position:absolute;
    	width:540px;
		color:#fff;
	}

	footer a.stuts,a.stuts:visited{
    	border:none;
    	text-decoration:none;
    	color:#fcfcfc;
    	font-size:14px;
    	left:50%;
    	line-height:31px;
    	margin:23px 0 0 110px;
    	position:absolute;
    	top:0;
	}
	footer .stuts span {
    	font-size:22px;
    	font-weight:bold;
    	margin-left:5px;
	}