/* Copyright (C) 2020 Wynn Neo - All Rights Reserved
 * You may use, distribute and modify this code under the
 * terms of the ohm creative mini game eform license.
 *
 * You should have received a copy of the ohm creative mini game eform license with
 * this file. If not, please write to: wynn@ohm-creative.com, or visit: ohm-creative.com.
 */
 
body{
	background-color: #faf3ee;
}
#header-loginform{
	margin-bottom:0;
}
.clearfix{
	clear:both;
}
.christmas_bg{
	width:100%;
	height:776px;
	background: url('../images/game_assets/desktop-tile-bg.gif') repeat-x left top;
	position:relative;
}

.christmas_tree{

	height:347px;
	background: url('../images/game_assets/desktop-header.png') no-repeat center top;
	z-index:100;
	
}
#christmas_footer{
	width:100%;
	height:83px;
	background: #faf3ee url('../images/game_assets/desktop-footer.gif') repeat-x left bottom;
	position:relative;
}
.present{
	margin-top: 230px;
	cursor:pointer;
}
.christmas_form{
	display:none;
	font-family:avenir;
	font-size:18px;
	color:#8b9875;
	padding-bottom:40px;
	background: #faf3ee url('../images/game_assets/desktop-tile-bg.gif') repeat-x left top;
}

.christmas_msgs{
	display:none;
	position:absolute;
	bottom:24%;
	left:0;
	right:0;
	margin-left:auto;
	margin-right:auto;
	width:80%;
	background: #faf3ee url('../images/game_assets/desktop-panel-tile-top.png') repeat-x left top;
	text-align:center;
	z-index:110;

}
.christmas_msg{
	margin-top:79px;
	padding-bottom:79px;
	background: #faf3ee url('../images/game_assets/desktop-panel-tile-bottom.png') repeat-x left bottom;
	
}
#christmas_win{
	bottom:10%;
}
.fade {
   opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
   }
   
.christmas_success_image{
	top:-200px;
	left: -15px;
	right: -15px;
	margin-left:auto;
	margin-right:auto;
	background:transparent url('../images/game_assets/prize-3.png') no-repeat center top;
	height:210px;
	position:absolute;
} 
.christmas_success_congrat{
	position:relative;
	font-family:museo500;
	font-size:24px;
	color:#8b9875;
	height:40px;
}
.christmas_success_prize{
	font-family:museo500;
	font-size:35px;
	color:#8b9875;
}
.christmas_success_detail{
	font-family:avenir;
	font-size:18px;
	color:#8b9875;
}

.christmas_thankyou_participate{
	font-family:museo500;
	font-size:35px;
	color:#8b9875;
}
.christmas_thankyou_detail{
	font-family:avenir;
	font-size:18px;
	color:#8b9875;
}
.christmas_thankyou_freebie{
	font-family:avenir;
	font-size:18px;
	color:#8b9875;
}
.christmas_lose_congrat{
	font-family:museo500;
	font-size:30px;
	color:#8b9875;
}
.christmas_lose_freebie{
	font-family:avenir;
	font-size:18px;
	color:#8b9875;
}
.m1{
	font-family:museo500;
	font-size:35px;
	color:#8b9875;
}
.m2{
	font-family:museo500;
	font-size:30px;
	color:#8b9875;
}
.m3{
	font-family:museo500;
	font-size:28px;
	color:#8b9875;
}
.m4{
	font-family:museo500;
	font-size:24px;
	color:#8b9875;
}
.m5{
	font-family:museo500;
	font-size:20px;
	color:#8b9875;
}
.a1{
	font-family:avenir;
	font-size:18px;
	color:#8b9875;
}
#present_1{

	height:338px;
	background: url('../images/game_assets/desktop-present-1.png') no-repeat center top;
}

#present_1:hover{

	height:338px;
	background: url('../images/game_assets/desktop-present-1-hover.png') no-repeat center top;
}

#present_2{

	height:338px;
	background: url('../images/game_assets/desktop-present-2.png') no-repeat center top;
}

#present_2:hover{

	height:338px;
	background: url('../images/game_assets/desktop-present-2-hover.png') no-repeat center top;
}

#present_3{

	height:338px;
	background: url('../images/game_assets/desktop-present-3.png') no-repeat center top;
}

#present_3:hover{

	height:338px;
	background: url('../images/game_assets/desktop-present-3-hover.png') no-repeat center top;
}

#present_4{

	height:338px;
	background: url('../images/game_assets/desktop-present-4.png') no-repeat center top;
}

#present_4:hover{

	height:338px;
	background: url('../images/game_assets/desktop-present-4-hover.png') no-repeat center top;
}

input[type=text]{


	
	border: 1px solid #CCC;
	padding: 6px 4px;
	outline: medium none;
	border-radius: 2px;
	width: 100%;
	display: block;
	background: #FFF none repeat scroll 0% 0%;
	margin-bottom:20px;
}
label{
	font-family: avenir;
	font-size: 18px;
	color: #8b9875;
	margin-bottom:20px;
	font-weight:normal;
}

.tnc-row{
	margin-bottom:20px;
	margin-top:20px;
}
.tnc-field{
	display:inline-block;	
	width: 90%;
	vertical-align: top;
	margin-left:5px;
	

}
.mandatory-field{
	color:#ed1a3d;
}
.error-message{
	font-family:arial;
	font-size: 12px;
	color:#993333;
	
	font-size: 11px;
	line-height: 14px;
	color: #F00;

	position:absolute;
	top:42px;
}
.message_others{
	position:relative;
	top:0;
}
#submit_button{
	
	width:100%;
	background-color: #8b9875;
	color: #FFF;
	border: 1px solid #8b9875;
}
#submit_button:hover{
	color: #FFFFFF;
	background-color: #bb1e28;
	text-decoration: none;
	border: 1px solid #bb1e28;
	box-shadow: 0px 0px 0px 1px #bb1e28 inset;
}

@media (min-width: 1200px) and (min-height: 745px) {
	.christmas_msgs{
		bottom:25%;
	}
}

@media (max-width: 1200px) {
	
}

@media (max-width: 992px) {
	.christmas_tree{
		background-size:100%;
	}
	.present{
		background-size:100%;
	}
	
	#present_1{
		background-size:100%;
	}
	#present_1:hover{
		background-size:100%;
	}
	#present_2{
		background-size:100%;
	}
	#present_2:hover{
		background-size:100%;
	}
	#present_3{
		background-size:100%;
	}
	#present_3:hover{
		background-size:100%;
	}
	#present_4{
		background-size:100%;
	}
	#present_4:hover{
		background-size:100%;
	}
}

@media (max-width: 768px) {
	
	#present_1{
		height:180px;
		background: url('../images/game_assets/mobile-present-1.png') no-repeat center top;
	}
	#present_1:hover{
		height:180px;
		background: url('../images/game_assets/mobile-present-1-hover.png') no-repeat center top;
	}
	#present_2{
		height:180px;
		background: url('../images/game_assets/mobile-present-2.png') no-repeat center top;
	}
	#present_2:hover{
		height:180px;
		background: url('../images/game_assets/mobile-present-2-hover.png') no-repeat center top;
	}
	#present_3{
		margin-top:0;
		height:180px;
		background: url('../images/game_assets/mobile-present-3.png') no-repeat center top;
	}

	#present_3:hover{
		height:180px;
		background: url('../images/game_assets/mobile-present-3-hover.png') no-repeat center top;
	}
	#present_4{
		margin-top:0;
		height:180px;
		background: url('../images/game_assets/mobile-present-4.png') no-repeat center top;
	}
	#present_4:hover{
		height:180px;
		background: url('../images/game_assets/mobile-present-4-hover.png') no-repeat center top;
	}

}

@media (max-width: 480px) {
	.christmas_bg{
		width:100%;
		
		background: url('../images/game_assets/mobile-tile-bg.gif') no-repeat left bottom;
		background-size:100%;

	}
	.christmas_tree{
		width:100%;
		background: url('../images/game_assets/mobile-header-480.png') no-repeat center top;
		
	}
	#christmas_footer{
		width:100%;
		height:83px;
		background: #faf3ee url('../images/game_assets/desktop-footer.gif') no-repeat center bottom;
		position:relative;
	}
	.present{
		margin-top:270px;
	}
	#christmas_win{
		bottom:55px;
	}
	.christmas_success_congrat{
		font-family:museo500;
		font-size:20px;
		color:#8b9875;
	}
	.christmas_success_prize{
		font-family:museo500;
		font-size:28px;
		color:#8b9875;
	}
	.christmas_success_detail{
		font-family:avenir;
		font-size:16px;
		color:#8b9875;
	}
	.christmas_thankyou_participate{
		font-family:museo500;
		font-size:28px;
		color:#8b9875;
	}
	.christmas_thankyou_detail{
		font-family:avenir;
		font-size:16px;
		color:#8b9875;
	}
	.christmas_thankyou_freebie{
		font-family:avenir;
		font-size:16px;
		color:#8b9875;
	}
	.christmas_lose_congrat{
		font-family:museo500;
		font-size:20px;
		color:#8b9875;
	}
	.christmas_lose_freebie{
		font-family:avenir;
		font-size:16px;
		color:#8b9875;
	}
	.christmas_form {
		font-family: avenir;
		font-size: 14px;
		color: #8b9875;
		background: url(../images/game_assets/mobile-tile-bg.gif) no-repeat;
    	background-size: contain;
	}
	
	label{
		font-family: avenir;
		font-size: 14px;
		color: #8b9875;
	}
	
}