body{
	margin 		: 0;
	overflow 	: hidden;
	padding 	: 0;
	zoom		: 1;
	transform 	: "scale(1)"; 
	transformOrigin: "0 0";
}

#app{
	background-image 	: url("game_background.jpg?2");
	background-position : center top;
	background-repeat 	: no-repeat; 
	height 				: 1079px;
	margin 				: 0 auto;
	padding-top 		: 1px;
	position 			: relative;
	top 				: 0px;
}

#gamefield_wrapper{
	background 				: white;
	border   				: 6px solid #475858;
	-webkit-border-radius 	: 7px;
	-moz-border-radius 		: 7px;
	border-radius 			: 7px;
	height 	 				: 650px;
	margin 	 				: 25px auto 0;
	position 				: relative;
	width  	 				: 1200px;
}

@media screen and (max-width: 1200px) {
	#gamefield_wrapper{
		width : 100%;
	}
}

@media screen and (max-device-height: 768px) {
	#app{
		top : -25px;
	}
}

#garden, #garden_mini{
	left 	 : 0px;
	position : relative;
	top 	 : 0px;
}

#garden.hidden{
	top : -653px;
}

#game_loader{
	left 	 	: 50%;
	margin 	 	: -100px 0 0 -75px;
	position 	: absolute;
	top 		: 50%;
	visibility	: visible;
}

#flash_player_update{
	padding-top :  300px;
	text-align	: center;
}

#flash_player_update a{
	color 			: black;
	font-weight 	: bold;
	font-size 		: 25px;
}

#maintaince{
	background  		: url("maintaince.jpg");
	background-position : 0 0;
	background-repeat 	: no-repeat;
	height 				: 600px;
	margin 				: 100px auto 0;
	width 				: 800px;
}

#server-maintaince{
	background  		: url("oops_bg.jpg");
	background-position : 0 0;
	background-repeat 	: no-repeat;
	height 				: 650px;
	margin 				: 100px auto 0;
	position 			: relative;
	width 				: 1200px;
}

#server-maintaince .text{
	background  		: url("server-maintaince-text.png") 0 0 no-repeat;
	background-position : 0 0;
	left 				: 95px;
	display 			: block;
	top 				: 135px;
	position 			: absolute;
	height 				: 90px;
	width 				: 480px;
}

#server-maintaince #support-btn{
	background  		: url("write_support_btn_bg.png") 0 0 no-repeat;
	background-position : 0 0;
	bottom 				: 10px;
	left 				: 50%;
	margin-left 		: -195px;
	position 			: absolute;
	height 				: 83px;
	width 				: 389px;
}

#server-maintaince #support-btn:hover{
	background-position : 0 -83px;
}

#server-maintaince #support-btn:active{
	background-position : 0 -166px;
}

#gamefield_wrapper #error{
	background  : url("oops_bg_2.jpg") 0 0 no-repeat;
	position 	: relative;
	height 		: 650px;
	width 		: 1200px;
}

#gamefield_wrapper #error .text{
	display 	: block;
	position 	: absolute;
}

#gamefield_wrapper #error .text.reload_game{
	background  : url("oops_text2.png") 0 0 no-repeat;
	height 		: 157px;
	left 		: 110px;
	top 		: 170px;
	width 		: 451px;
}

#gamefield_wrapper #error .text.write_support{
	background  : url("oops_text1.png") 0 0 no-repeat;
	height 		: 174px;
	left 		: 53px;
	top 		: 172px;
	width 		: 520px;
}

#gamefield_wrapper #error .text.flash_player{
	background  : url("oops_text4.png") 0 0 no-repeat;
	height 		: 215px;
	left 		: 96px;
	top 		: 145px;
	width 		: 458px;
}

#gamefield_wrapper #error .text.update_flash_player{
	background  : url("oops_text3.png") 0 0 no-repeat;
	height 		: 215px;
	left 		: 108px;
	top 		: 180px;
	width 		: 458px;
}

#gamefield_wrapper #error .btn.reload_btn{
	background  : url("reload_btn_bg.png") 0 0 no-repeat;
}

#gamefield_wrapper #error .btn.write_support_btn{
	background  : url("write_support_btn_bg.png") 0 0 no-repeat;
}

#gamefield_wrapper #error .btn.how_make_btn{
	background  : url("how_make_btn_bg.png") 0 0 no-repeat;
}

#gamefield_wrapper #error .btn.update_flash_btn{
	background  : url("update_flash_btn_bg.png") 0 0 no-repeat;
}

#gamefield_wrapper #error .btn.enable_flash_btn{
	background  : url("update_flash_btn_bg_2.png") 0 0 no-repeat;
}

#gamefield_wrapper #error .btn{
	background-position : 0 0;
	top 				: 21px;
	left 				: 50%;
	margin-left 		: -195px;
	position 			: absolute;
	height 				: 83px;
	width 				: 389px;
}

#gamefield_wrapper #error .btn:hover{
	background-position : 0 -83px;
}

#gamefield_wrapper #error .btn:active{
	background-position : 0 -166px;
}

#loading_screen{
	position 	: relative;
	z-index 	: 10000;
	top 		: 50%;
	margin-left : 45%;
}

#loading_screen.hidden{
	display : none;
}

#loading_screen .cs-loader {
	position: absolute;
	top 	: 0;
	left 	: 0;
	height	: 100%;
	width 	: 100%;
}

#loading_screen .cs-loader-inner {
	top 		: 50%;
	position 	: absolute;
	color 		: #475858;
	text-align 	: center;
}

#loading_screen .cs-loader-inner label {
	font-size 	: 20px;
	opacity 	: 0;
	display 	: inline-block;
}

@keyframes lol {
	0% {
		opacity 	: 0;
		transform 	: translateX(-300px);
	}
	33% {
		opacity 	: 1;
		transform 	: translateX(0px);
	}
	66% {
		opacity 	: 1;
		transform 	: translateX(0px);
	}
	100% {
		opacity 	: 0;
		transform 	: translateX(300px);
	}
}

@-webkit-keyframes lol {
	0% {
		opacity 			: 0;
		-webkit-transform 	: translateX(-300px);
	}
	33% {
		opacity 			: 1;
		-webkit-transform 	: translateX(0px);
	}
	66% {
		opacity 			: 1;
		-webkit-transform 	: translateX(0px);
	}
	100% {
		opacity 			: 0;
		-webkit-transform 	: translateX(300px);
	}
}

#loading_screen .cs-loader-inner label:nth-child(6) {
	-webkit-animation 	: lol 3s infinite ease-in-out;
	animation 			: lol 3s infinite ease-in-out;
}

#loading_screen .cs-loader-inner label:nth-child(5) {
	-webkit-animation 	: lol 3s 100ms infinite ease-in-out;
	animation 			: lol 3s 100ms infinite ease-in-out;
}

#loading_screen .cs-loader-inner label:nth-child(4) {
	-webkit-animation 	: lol 3s 200ms infinite ease-in-out;
	animation 			: lol 3s 200ms infinite ease-in-out;
}

#loading_screen .cs-loader-inner label:nth-child(3) {
	-webkit-animation 	: lol 3s 300ms infinite ease-in-out;
	animation 			: lol 3s 300ms infinite ease-in-out;
}

#loading_screen .cs-loader-inner label:nth-child(2) {
	-webkit-animation 	: lol 3s 400ms infinite ease-in-out;
	animation 			: lol 3s 400ms infinite ease-in-out;
}

#loading_screen .cs-loader-inner label:nth-child(1) {
	-webkit-animation 	: lol 3s 500ms infinite ease-in-out;
	animation 			: lol 3s 500ms infinite ease-in-out;
}

#authentication-error{
	background  		: url("oops_bg.jpg");
	background-position 	: 0 0;
	background-repeat 	: no-repeat;
	height 			: 650px;
	margin			: 26px auto 0;
	position 		: relative;
	width			: 1200px;
}

#authentication-error .text{
	background  : url("oops_text1.png") 0 0 no-repeat;
	height 		: 174px;
	left 		: 53px;
	top 		: 110px;
	width 		: 520px;
	display		: block;
	position	: absolute;
}

#authentication-error #support-btn{
	background  		: url("write_support_btn_bg.png") 0 0 no-repeat;
	background-position : 0 0;
	bottom 				: 10px;
	left 				: 50%;
	margin-left 		: -195px;
	position 			: absolute;
	height 				: 83px;
	width 				: 389px;
}

#authentication-error #support-btn:hover{
	background-position : 0 -83px;
}

#authentication-error #support-btn:active{
	background-position : 0 -166px;
}