@charset "utf-8";
html {
	height:100%;
}
body.splash-page {
	width:100%;
	height:100%;
	background-color:#2B405F;
}
body.enter-address {
	width:100%;
	min-height:100%;
	background-color: #121F32;
}
body.timetable {
	background:#2C3C56 url(../img/design/timetable-body-back.jpg) 0 100% repeat-x fixed;
}
body.message {
	background: #65748c; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover, #c4d2e4 0%, #1d2e4a 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #c4d2e4), color-stop(100%, #1d2e4a)); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover, #c4d2e4 0%, #1d2e4a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover, #c4d2e4 0%, #1d2e4a 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover, #c4d2e4 0%, #1d2e4a 100%); /* IE10+ */
	background: radial-gradient(center, ellipse cover, #c4d2e4 0%, #1d2e4a 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4d2e4', endColorstr='#1d2e4a', GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.message-wrap {
	position:relative;
	height: 100%;
}
p.top-balls {
	width:100%;
	text-align:center;
}
.happy-christmas-wrap {
	display: table;
	height: 75%;
	min-height: 620px;
	margin: 0 auto;
}
.happy-christmas-inner-wrap {
	display: table-cell;
	vertical-align: middle;
}
.happy-christmas {
	display: block;
	width:620px;
	height:400px;
	padding:50px 0 0;
	margin: -50px auto 0;
	background:url(../img/design/broken-ball.png) center 30px no-repeat;
}
.happy-christmas .aside {
	width:310px;
	float:left;
	color:#fff;
	font: 19px/111% 'ProximaNovaSemibold', Arial, Helvetica, sans-serif;
	text-align:center;
	text-shadow: 1px 1px 2px #606b78;
	/*filter: dropshadow(color=#4E5661, offx=1, offy=2);*/
}
.happy-christmas .merry-xmas {
	font: 26px/108% 'ProximaNovaSemibold', Arial, Helvetica, sans-serif;
}
.splash-outer {
	margin: 0 auto;
	display: table;
	height: 100%;
}
.splash {
	display: table-cell;
	width:744px;
	height:596px;
	margin: 0 auto;
	background: url(../img/design/splash-back.jpg) 50% 50% no-repeat;
	vertical-align: middle;
}
.splash-inner {
	width:744px;
	height:370px;
	padding:212px 0 0 0;
	background: url(../img/design/xmas-ornaments.png) 320px 123px no-repeat;
	text-align:center;
}
.enter-address-wrap {
	position: relative;
	min-width:940px;
	min-height:760px;
	height:100%;
	background: url(../img/design/enter-address-back.jpg) 100% 100% no-repeat;
}
.enter-address .aside {
	position:absolute;
	min-height:680px;
	max-height:900px;
	top: 50px;
	left:26px;
}
.timetable-wrap {
	min-width:940px;
	min-height:760px;
	height:100%;
}
.dear {
	position:fixed;
	top: 400px;
}
.timetable .section {
	position:relative;
	float:right;
	width:967px;
}
.santa-hand {
	position:absolute;
	display:none;
	z-index:3;
	bottom: -400px;
	right:180px;
	width:334px;
	height:385px;
	background:url(../img/design/santa-hand.png) 0 100% no-repeat;
}
.moving-hand {
	position:fixed;
}
div.santa-scratch {
	position:absolute;
	top: 10px;
	left:490px;
}
div.scratches {
	position:absolute;
	z-index:2;
	bottom:200px;
	left:300px;
	width:478px;
	height:100%;
	background:url(../img/design/scratches.png) 0 0 repeat-y;
}
.ie-warning {
	width:100%;
	height:80px;
	background:red;
	color: #fff;
	text-align:center;
	font-size:20px;
	line-height:80px;
}
.ie-warning a:link, .ie-warning a:visited, .ie-warning a:hover, .ie-warning a:active {
	color:#fff;
	text-decoration: underline;
}
/* New */
.enter-address-form-bottom { min-height: 150px; padding:0 0 20px; background: url(../img/design/enter-address-form-bgrd-bottom.png) no-repeat  0 100%;}

.big-tt-wrap {  background: url(../img/design/ttbl-li-back-bottom.jpg) repeat-x  0 100%; }

/*android fixes*/
.android .santa-hand {
	position:absolute;
}
.android .moving-hand {
	position:absolute;
}
.android .dear{
	display:none;
}

/*iphone fixes*/
.iphone .santa-hand {
	position:absolute;
	bottom: 0;
}
.iphone .moving-hand {
	position:absolute;
	bottom: 0;
}

/*iphone retina fixes*/
@media screen and (-webkit-min-device-pixel-ratio: 2){
	.moving-hand {
		position:fixed !important;
		bottom: 0;
	}

	.santa-hand {
		position:fixed !important ;
		bottom: 0;
	}
}