/* ---- Welcome Page ---- */

	#block1.welcome{
		background: #fff url("../images/welcome/fiesta-welcome-background.jpg") no-repeat scroll center bottom / cover;
		min-height: 1000px;
	}
	
	.welcome-logo{
		background: transparent url('https://assets.landingpages.gamigo.com/websites/fiesta/images/welcome/fiesta-logo-welcome.png') no-repeat center top;
		width: 290px;
		height: 168px;
		margin: 0px auto;
	}
	
	.welcome-box{
		background: #fff url('https://assets.landingpages.gamigo.com/websites/fiesta/images/welcome/fiesta-welcome-box.jpg') no-repeat center top;
		width: 368px;
    	height: 542px;
    	padding: 30px 30px;
    	float: right;
    	margin-right: 10px;
	}

	.goodie-box{
		background: #fff url('https://assets.landingpages.gamigo.com/websites/fiesta/images/welcome/fiesta-goodie-box.jpg') no-repeat center top;
		width: 368px;
    	height: 542px;
    	padding: 80px 30px 30px;
    	float: left;
    	margin-left: 10px;
	}
		
	.welcome-box h2,
	.goodie-box h2{
		font-family: 'Luckiest Guy', cursive;
		font-size: 31px;
		letter-spacing: 1px;
		color: #fff;
		text-shadow: 1px 1px 1px rgba(75,0,0,0.5), -1px -1px 1px rgba(0,0,0,0.1), -1px -1px 2px rgba(200,200,200,0.5), 2px 2px 0px rgba(0,0,0,0.4), 4px 4px 3px rgba(0,0,0,0.3);
		text-align: center;
		margin-bottom: 15px;
	}
	
	.welcome-box h2{
		margin-top: 20px;
	}
	
	.welcome-box .first_line{
		font-size: 31px;
	}
	
	.welcome-box .second_line,
	.goodie-box .second-line{
		font-size: 43px;
	}
	
	.welcome-box p,
	.welcome-box a,
	.goodie-box p{
		font-size: 15px;
		color: #5e3201;
	}
	
	.foliage-top{
		background: url('https://assets.landingpages.gamigo.com/websites/fiesta/images/welcome/box_foliage_bottom.png') no-repeat center top/cover;
		width: 190px;
		height: 85px;
		position: absolute;
		right: 7px;
    	top: -35px;
		z-index: 0;
	}
	
	.foliage-side{
		background: url('https://assets.landingpages.gamigo.com/websites/fiesta/images/welcome/box_foliage_side.png') no-repeat center top/cover;
		width: 120px;
		height: 230px;
		position: absolute;
   		left: -25px;
    	bottom: -11px;
		z-index: 0;
	}

	.foliage-bottom{
		background: url('https://assets.landingpages.gamigo.com/websites/fiesta/images/welcome/box_foliage_bottom.png') no-repeat center top/cover;
		width: 300px;
		height: 145px;
		position: absolute;
		left: -15px;
    	bottom: -44px;
		z-index: 0;
	}
	
	#wdownload{
		background: url('https://assets.landingpages.gamigo.com/websites/fiesta/images/welcome/download-button.png') no-repeat center top;
		color: #f5f5f5;
		border: 0;
		display: block;
		cursor: pointer;
		outline: 0;
		height: 100px;
		width: 256px;
		text-align: center;
		font: 700 27px/83px Alice, Lato, Arial, sans-serif;
		text-transform: uppercase;
		text-shadow: 0 0 5px rgba(0,0,0,0.6), 0 0 4px rgba(0,0,0,0.5), 0 0 3px rgba(0,0,0,0.4);
		margin: 20px auto;
		text-decoration: none;
	}
	
	#wdownload:hover{
		background-position: center bottom;
	}
	
	.welcome-box .back_tac{
		font-weight: 700;
    	text-decoration: underline;
	}
	
	#treasure-chest{
		width: 270px;
		height: 310px;
		position: relative;
		margin: 0px auto;
	}
	
	#treasure-chest.rumble{
		-webkit-animation: shake 0.82s 2s 4 cubic-bezier(.36,.07,.19,.97) alternate, shake 0.82s 12s 5 cubic-bezier(.36,.07,.19,.97) alternate, shake 0.82s 25s cubic-bezier(.36,.07,.19,.97) infinite;
		-moz-animation: shake 0.82s 2s 4 cubic-bezier(.36,.07,.19,.97) alternate, shake 0.82s 12s 5 cubic-bezier(.36,.07,.19,.97) alternate, shake 0.82s 25s cubic-bezier(.36,.07,.19,.97) infinite;
		animation: shake 0.82s 2s 4 cubic-bezier(.36,.07,.19,.97) alternate, shake 0.82s 12s 5 cubic-bezier(.36,.07,.19,.97) alternate, shake 0.82s 25s cubic-bezier(.36,.07,.19,.97) infinite;
		transform: translate3d(0, 0, 0);
	}
	
	#treasure-chest.open .chest-top{
		background: url('https://assets.landingpages.gamigo.com/websites/fiesta/images/welcome/chest_top_open.png') no-repeat center top;
		width: 270px;

		height: 155px;
		position: absolute;
		top: 7px;
		left: 0px;
		z-index: 10;
	}

	.g_arrow{
		background: url('https://assets.landingpages.gamigo.com/websites/fiesta/images/welcome/box_arrow_down.png') no-repeat center top;
		width: 270px;
		height: 155px;
		position: absolute;
		top: 15px;
		left: 0px;
		z-index: 5;		
	}
	
	#treasure-chest.closed .chest-top{
		background: url('https://assets.landingpages.gamigo.com/websites/fiesta/images/welcome/chest_top_closed.png') no-repeat center top;
		width: 270px;
		height: 155px;
		position: absolute;
		top: 32px;
		left: 0px;
		z-index: 10;
	}
	
	#treasure-chest.open .chest-content{
		height: 190px;
		width: 270px;
		overflow: hidden;
		display: block;
		position: absolute;
		bottom: 127px;
	}
	
	#treasure-chest.open .chest-content .rabbit{
		background: url('https://assets.landingpages.gamigo.com/websites/fiesta/images/welcome/rabbit_in_a_box.png') no-repeat left top;
		width: 130px;
		height: 185px;
		position: absolute;
		z-index: 10;
		bottom: 0px;
		left: 70px;
		-webkit-animation: 3s ease-in-out 0s normal none 1 moveUp, play 1.75s steps(3) infinite;
		-moz-animation: 3s ease-in-out 0s normal none 1 moveUp, play 1.75s steps(3) infinite;
		animation: 3s ease-in-out 0s normal none 1 moveUp, play 1.75s steps(3) infinite;
	}
	
	#treasure-chest .chest-bottom{
		background: url('https://assets.landingpages.gamigo.com/websites/fiesta/images/welcome/chest_bottom.png') no-repeat center top;
		width: 270px;
		height: 155px;
		position: absolute;
		bottom: 0px;
		left: 0px;
	}
	
	#welcome_success,
	#welcome_error{
		position: absolute;
		bottom: 20px;
		width: 270px;
		padding: 0px 20px;
		z-index: 15;
		color: #fff;
		text-align: center;
		display: none;
	}
	
	#welcome_error{
		bottom: 35px;
	}
	
	#welcome_success .first-line{
		font-weight: 900;
		font-size: 18px;
	}
	
	#welcome_success .description{
		font-weight: 900;
	}
	
	.content {
		padding-top: 30px;
		padding-bottom: 40px;
	}

/* Christmas */

	#block1.xmas{
/*		background: #fff url("https://assets.landingpages.gamigo.com/websites/fiesta/images/xmas/xmas-background.jpg") no-repeat scroll center bottom / cover;*/
		background: #fff url(https://assets.landingpages.gamigo.com/websites/fiesta/images/xmas/fo-xmas-background.jpg) no-repeat scroll center bottom / cover;
		min-height: 1000px;
	}

	#block1.xmas .welcome-box{
		background: transparent url(https://assets.landingpages.gamigo.com/websites/fiesta/images/xmas/xmas-welcome-box.png) no-repeat center top;
		width: 416px;
		height: 595px;
		/*padding: 50px 50px;*/
		padding: 55px 60px;
		box-sizing: border-box;
		float: right;
		margin-right: 0px;
		margin-top: -14px;
		position: relative;
	}

	#block1.xmas .welcome-box .back_to_acc{
	    position: absolute;
    	bottom: 58px;
		width: 330px;
	}

	#block1.xmas .goodie-box{
		background: transparent url(https://assets.landingpages.gamigo.com/websites/fiesta/images/xmas/xmas-goodie-box.png) no-repeat center top;
		width: 432px;
		height: 630px;
		padding: 130px 30px 30px;
		box-sizing: border-box;
		float: left;
		margin-left: 0px;
		margin-top: -30px;
	}

	#block1.xmas h3{
		font: 900 30px/28px 'Alice',Arial,sans-serif;
		padding: 0 0 5px 0;
		text-align: center;
		color: #991133;
	}

	#block1.xmas strong{
		color: #991133;
	}

	#block1.xmas .xmas-button{
		font-family: 'Luckiest Guy', cursive;
		font-size: 26px;
		line-height: 25px;
		font-weight: 400;
		letter-spacing: 1px;
		color: #fff;
		text-shadow: 1px 1px 1px rgba(75,0,0,0.5), -1px -1px 1px rgba(0,0,0,0.1), -1px -1px 2px rgba(200,200,200,0.5), 2px 2px 0px rgba(0,0,0,0.4), 4px 4px 3px rgba(0,0,0,0.3);
		text-align: center;
		background: transparent url(https://assets.landingpages.gamigo.com/websites/fiesta/images/xmas/fo-xmas-button.png) no-repeat center top;
		width: 300px;
		height: 129px;
		padding: 33px 38px;
		box-sizing: border-box;
		display: block;
		margin: 15px auto;
		text-decoration: none;
	}

	#block1.xmas .foliage-top,
	#block1.xmas .foliage-side,
	#block1.xmas .foliage-bottom{
	    display: none;
	}

	#snow{
		background-image: url('https://assets.landingpages.gamigo.com/websites/fiesta/images/xmas/snowflakes1.png'), url('https://assets.landingpages.gamigo.com/websites/fiesta/images/xmas/snowflakes2.png'), url('https://assets.landingpages.gamigo.com/websites/fiesta/images/xmas/snowflakes3.png');
		-webkit-animation: snow 20s linear infinite;
		-moz-animation: snow 20s linear infinite;
		animation: snow 20s linear infinite;
		width: 1920px;
		height: 990px;
		position: absolute;
		top: 0px;
		left: 50%;
		z-index: 0;
		margin-left: -960px;
	}

	@-webkit-keyframes snow {
		0% { background-position: 0px 0px, 0px 0px, 0px 0px }
		100% { background-position: 500px 1000px, 400px 400px, 300px 300px; }
	}
	@-moz-keyframes snow {
		0% { background-position: 0px 0px, 0px 0px, 0px 0px }
		100% { background-position: 500px 1000px, 400px 400px, 300px 300px; }
	}
	@keyframes snow {
		0% { background-position: 0px 0px, 0px 0px, 0px 0px }
		100% { background-position: 500px 1000px, 400px 400px, 300px 300px; }
	}

	@-webkit-keyframes play {
   		100% { background-position: -390px; }
	}
	
	@-moz-keyframes play {
   		100% { background-position: -390px; }
	}
	
	@keyframes play {
   		100% { background-position: -390px; }
	}
	
	@-webkit-keyframes moveUp{
	0% {
		opacity: 0;
		transform: translate3d(0px, 2000px, 0px);
	}
	60% {
		opacity: 1;
		transform: translate3d(0px, 0px, 0px);
	}
	80% {
		transform: translate3d(0px, 10px, 0px);
	}
	100% {
		transform: translate3d(0px, 0px, 0px);
	}	
	}

	@-moz-keyframes moveUp{
	0% {
		opacity: 0;
		transform: translate3d(0px, 2000px, 0px);
	}
	60% {
		opacity: 1;
		transform: translate3d(0px, 0px, 0px);
	}
	80% {
		transform: translate3d(0px, 10px, 0px);
	}
	100% {
		transform: translate3d(0px, 0px, 0px);
	}	
	}

	@keyframes moveUp{
	0% {
		opacity: 0;
		transform: translate3d(0px, 2000px, 0px);
	}
	60% {
		opacity: 1;
		transform: translate3d(0px, 0px, 0px);
	}
	80% {
		transform: translate3d(0px, 10px, 0px);
	}
	100% {
		transform: translate3d(0px, 0px, 0px);
	}	
	}

	@-webkit-keyframes shake {
	  10%, 90% {
		transform: translate3d(-1px, 0, 0);
	  }

	  20%, 80% {
		transform: translate3d(2px, 0, 0);
	  }

	  30%, 50%, 70% {
		transform: translate3d(-4px, 0, 0);
	  }

	  40%, 60% {
		transform: translate3d(4px, 0, 0);
	  }
	}
	
	@-moz-keyframes shake {
	  10%, 90% {
		transform: translate3d(-1px, 0, 0);
	  }

	  20%, 80% {
		transform: translate3d(2px, 0, 0);
	  }

	  30%, 50%, 70% {
		transform: translate3d(-4px, 0, 0);
	  }

	  40%, 60% {
		transform: translate3d(4px, 0, 0);
	  }
	}
	
	@keyframes shake {
	  10%, 90% {
		transform: translate3d(-1px, 0, 0);
	  }

	  20%, 80% {
		transform: translate3d(2px, 0, 0);
	  }

	  30%, 50%, 70% {
		transform: translate3d(-4px, 0, 0);
	  }

	  40%, 60% {
		transform: translate3d(4px, 0, 0);
	  }
	}