#home-css {
	top: 1px;
}

#home-snow {
	position: absolute;
	width: 100%;
}

#home-snow-canvas {
	position: relative;
	margin: 0 auto;
	display: block;
}

#home-loader {
  background-image: url("../global/assets/snowflake-loader.png");
  background-repeat: no-repeat;
  display: none;
  height: 70px;
  left: 665px;
  position: absolute;
  top: 116px;
  width: 71px;
  z-index: 50;
}

#home-summer {
	background-image: url("assets/bg-summer.jpg");
	position: absolute;
	background-color: #020820;
}

#home-winter {
	background-image: url(assets/bg-winter.jpg);
	position: absolute;
	display: none;
	background-color: #020820;
	z-index: 99;
}

#home-winter-button,
#home-trailer-button,
#home-summer-button {
	font-weight: 600;
	color: #FFF;
	font-size: 21px;
	text-align: center;
  position: absolute;
}

#home-trailer-button {
  background-image: url("assets/buttons.png");
  left: 715px;
  top: 527px;
	line-height: 50px;
	width: 305px;
	height: 46px;
	background-position: -5px -152px;
	z-index: 3;
}

#home-winter-button {
  background-image: url("assets/buttons.png");
  left: 364px;
  line-height: 6.1em;
  top: 487px;
	width: 321px;
	height: 97px;
	background-position: -5px -5px;
}

#home-summer-button {
  background-image: url("assets/buttons.png");
  left: 358px;
  line-height: 2.25em;
  top: 469px;
 	width: 350px;
  height: 115px;
  background-position: -5px -208px;
}

/* Elsa transition */
#home-winter-transition {
	width: 100%;
	height: 100%;
	position: absolute;
	display: none;
	z-index: 100;
	-webkit-backface-visibility: hidden;
	-webkit-transform: scale3d(1);
}

/* SUMMER Characters & Nameplates*/
#page-home .character {
	background-image: url("../global/assets/spacer.gif");
}

#page-home .character .nameplate {
	width: 158px;
	height: 30px;
	opacity: 0;
	filter: alpha(opacity=0);
	
	-webkit-transition-property: opacity;
  -webkit-transition-duration: 0.5s;
	-moz-transition-property: opacity;
  -moz-transition-duration: 0.5s;
	transition-property: opacity;
  transition-duration: 0.5s;
}

#page-home .character .nameplate .inner {
	width: 158px;
	height: 30px;
	background-image:url("assets/nameplates.png");
	position: relative;
	top: 0;
	opacity: 0;
	filter: alpha(opacity=0);
	left: -30px;
}

#page-home #home-summer .character {
	width: 50px;
	height: 50px;
}

#page-home #home-summer .hans.character {
  height: 360px;
  left: 384px;
  top: 170px;
  width: 164px;
}

#page-home #home-summer .anna.character {
  height: 360px;
  left: 548px;
  top: 220px;
  width: 120px;
}

#page-home #home-summer .kristoff.character {
  height: 400px;
  left: 668px;
  top: 160px;
  width: 162px;
}

#page-home #home-summer .sven.character {
  height: 350px;
  left: 830px;
  top: 190px;
  width: 430px;
}

#page-home #home-summer .character.hans .nameplate {
  left: -30px;
  top: 145px;
}

#page-home #home-summer .character.anna .nameplate {
  left: -5px;
  top: 149px;
}

#page-home #home-summer .character.kristoff .nameplate {
  left: 24px;
  top: 180px;
}

#page-home #home-summer .character.sven .nameplate {
  left: 12px;
  top: 240px;
}

/* WINTER Characters & Nameplates */
#page-home #home-winter .character {
	width: 50px;
	height: 50px;
}

#page-home #home-winter .elsa.character {
	height: 333px;
	left: 324px;
	top: 194px;
	width: 94px;
}

#page-home #home-winter .hans.character {
	height: 341px;
	left: 418px;
	top: 186px;
	width: 130px;
}

#page-home #home-winter .anna.character {
  height: 360px;
  left: 548px;
  top: 220px;
  width: 120px;
}

#page-home #home-winter .kristoff.character {
  height: 356px;
	left: 860px;
	top: 170px;
	width: 250px;
}

#page-home #home-winter .olaf.character {
	height: 177px;
	left: 710px;
	top: 143px;
	width: 119px;
}

#page-home #home-winter .sven.character {
	height: 205px;
	left: 650px;
	top: 320px;
	width: 210px;
}

#page-home #home-winter .character.elsa .nameplate {
	left: -34px;
	top: 192px;
}

#page-home #home-winter .character.hans .nameplate {
	left: -20px;
	top: 132px;
}

#page-home #home-winter .character.anna .nameplate {
	left: -30px;
	top: 149px;
}

#page-home #home-winter .character.olaf .nameplate {
	left: -117px;
	top: 0px;
}

#page-home #home-winter .character.sven .nameplate {
	left: 141px;
	top: 130px;
}

#page-home #home-winter .character.kristoff .nameplate {
  left: 67px;
	top: 144px;
}

#page-home .character.elsa .nameplate .inner {
	background-position: -5px -45px;
}

#page-home .character.hans .nameplate .inner {
	background-position: -5px -85px;
}

#page-home .character.anna .nameplate .inner {
	background-position: -5px -5px;
}

#page-home .character.olaf .nameplate .inner {
	background-position: -5px -165px;
}

#page-home .character.sven .nameplate .inner {
	background-position: -5px -205px;
}

#page-home .character.kristoff .nameplate .inner {
	background-position: -5px -125px;
}