﻿@import url(http://fonts.googleapis.com/css?family=Lato:400,300,700,400italic);


/* ////////////////////////////// */
/* ANIMATIONS */
/* ////////////////////////////// */

@keyframes chicken_head{
	10%{
		transform:rotate(10deg)
	}
	
	30%{
		transform:rotate(-5deg)
	}
	
	50%{
		transform:rotate(-10deg)
	}
	
	60%{
		transform:rotate(5deg)
	}
	
	80%{
		transform:rotate(15deg)
	}
	
	100%{
		transform:rotate(0deg)
	}
}


@keyframes egg{
	4%{transform:rotate(10deg)}
	8%{transform:rotate(-10deg)}
	12%{transform:rotate(10deg)}
	16%{transform:rotate(-10deg)}
	20%{transform:rotate(10deg)}
	24%{transform:rotate(-10deg)}
	28%{transform:rotate(10deg)}
	32%{transform:rotate(-10deg)}
	33%{transform:rotate(0deg)}
}


@keyframes egg_message{
	90%{top:0; opacity:1}
	100%{top:0; opacity:0}
}

/* /////// COW ANIMATIONS //////////// */

@keyframes twister{
	0%{transform:rotate(0deg);}
	15%{transform:rotate(5deg);}
	30%{transform:rotate(-5deg);}
	45%{transform:rotate(8deg);}
	60%{transform:rotate(-8deg);}
	75%{transform:rotate(5deg);}
	90%{transform:rotate(-5deg);}
}

@keyframes cow_ear{
	5%{top:31px;}
	10%{top:36px;}
}

@keyframes cow_head{
	11%{ transform:rotate(0deg);}
	20%{ transform:rotate(8deg);}
	30%{ transform:rotate(0deg);}
	37%{ transform:rotate(0deg);}
	40%{ transform:rotate(8deg);}
	43%{ transform:rotate(-8deg);}
	46%{ transform:rotate(0deg);}
}

@keyframes cow_tail{
	50%{
		transform:rotate(10deg);
		left:-27px;
		top:70px;
	}
}

/* ////////////////////////////// */
/* ANIMATIONS END */
/* ////////////////////////////// */



/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ANIMALS */
/* ////////////////////////////////////////////////////////////////////////////////////////// */



/* ////////////////////////////// */
/* CHICKEN */
/* ////////////////////////////// */
.chicken{
	position:absolute;
	cursor:pointer;
}

.chicken div{
	position:absolute;
}

.chicken #head{
	width:86px;
	height:111px;
	z-index:1;
	background-image:url(../img/chicken_head.png);
	left:0;
	top:0;
	animation-name:chicken_head;
	animation-duration:8s;
	animation-timing-function: steps(1, end);
	animation-iteration-count:infinite;
}

.chicken::after{
	content:' ';
	position:absolute;
	width:180px;
	height:210px;
	left:-20px;
	top:-2px;
	z-index:4;
}

.chicken #body{
	width:126px;
	height:79px;
	z-index:0;
	background-image:url(../img/chicken_body.png);
	left:16px;
	top:100px;
}

.chicken #nest{
	width:161px;
	height:59px;
	z-index:2;
	background-image:url(../img/nest.png);
	top:146px;
	left:-18px;
}

.chicken #egg{
	width:30px;
	height:40px;
	z-index:1;
	top:140px;
	left:22px;
	background:#783800;
	border-top-left-radius:100%;
	border-top-right-radius:100%;
	border-bottom-left-radius:30px;
	border-bottom-right-radius:30px;
	box-shadow:0 0 5px black;
}

.chicken #egg i{
	position:absolute;
	left:10px;
	top:5px;
	opacity:0.5;
}

.black_chicken #egg i{
	position:absolute;
	left:10px;
	top:5px;
	opacity:0.5;
	color:white!important;
}

.eggli i{
	position:absolute;
	left:10px;
	top:5px;
	opacity:0.5;
}

.chicken #bronze_egg{
	width:30px;
	height:40px;
	z-index:1;
	top:140px;
	left:22px;
	background:#e05959;
	box-shadow:0 0 5px black, inset 0 0 7px white!important;
	border-top-left-radius:100%;
	border-top-right-radius:100%;
	border-bottom-left-radius:30px;
	border-bottom-right-radius:30px;
	box-shadow:0 0 5px black;
}

.chicken #silver_egg{
	width:30px;
	height:40px;
	z-index:1;
	top:140px;
	left:22px;
	background:#dedede;
	box-shadow:0 0 5px black, inset 0 0 7px white, inset 0 0 5px black!important;
	border-top-left-radius:100%;
	border-top-right-radius:100%;
	border-bottom-left-radius:30px;
	border-bottom-right-radius:30px;
	box-shadow:0 0 5px black;
}

.chicken #golden_egg{
	width:30px;
	height:40px;
	z-index:1;
	top:140px;
	left:22px;
	background:#ffd800;
	box-shadow:0 0 5px black, inset 0 0 7px white!important;
	border-top-left-radius:100%;
	border-top-right-radius:100%;
	border-bottom-left-radius:30px;
	border-bottom-right-radius:30px;
	box-shadow:0 0 5px black;
}

.chicken #white_egg{
	width:30px;
	height:40px;
	z-index:1;
	top:140px;
	left:22px;
	background:white;
	box-shadow:0 0 5px black, inset 0 0 7px white!important;
	border-top-left-radius:100%;
	border-top-right-radius:100%;
	border-bottom-left-radius:30px;
	border-bottom-right-radius:30px;
	box-shadow:0 0 5px black;
}

.chicken #black_egg{
	width:30px;
	height:40px;
	z-index:1;
	top:140px;
	left:22px;
	background:black;
	box-shadow:0 0 5px black, inset 0 0 7px white!important;
	border-top-left-radius:100%;
	border-top-right-radius:100%;
	border-bottom-left-radius:30px;
	border-bottom-right-radius:30px;
	box-shadow:0 0 5px black;
}

.chicken #blue_egg{
	width:30px;
	height:40px;
	z-index:1;
	top:140px;
	left:22px;
	background:#3e60ce;
	box-shadow:0 0 5px black, inset 0 0 7px white!important;
	border-top-left-radius:100%;
	border-top-right-radius:100%;
	border-bottom-left-radius:30px;
	border-bottom-right-radius:30px;
	box-shadow:0 0 5px black;
}

.chicken #red_egg{
	width:30px;
	height:40px;
	z-index:1;
	top:140px;
	left:22px;
	background:red;
	box-shadow:0 0 5px black, inset 0 0 7px white!important;
	border-top-left-radius:100%;
	border-top-right-radius:100%;
	border-bottom-left-radius:30px;
	border-bottom-right-radius:30px;
	box-shadow:0 0 5px black;
}

.chicken:hover #egg,.chicken:hover #silver_egg,.chicken:hover #bronze_egg,.chicken:hover #golden_egg,.chicken:hover #white_egg,.chicken:hover #black_egg, .chicken:hover #blue_egg, .chicken:hover #red_egg{
	animation-name:egg;
	animation-duration:1s;
	animation-iteration-count:infinite;
}

.chicken #messager{
	z-index:2;
	color:#9C0;
	font-weight:bold;
	font-size:18px;
	white-space:nowrap;
	text-shadow:0 0 5px white;
	top:40px;
	animation-name:egg_message;
	animation-duration:1.5s;
	animation-fill-mode:forwards;
	padding:4px;
	border-radius:20px;
	background:rgba(255,255,255,0.8);
}

.bronze_chicken #head{
	background-image:url(../img/bronze_head.png);
}

.bronze_chicken #body{
	background-image:url(../img/bronze_body.png);
}

.silver_chicken #head{
	background-image:url(../img/silver_head.png);
}

.silver_chicken #body{
	background-image:url(../img/silver_body.png);
}

.golden_chicken #head{
	background-image:url(../img/golden_head.png);
}

.golden_chicken #body{
	background-image:url(../img/golden_body.png);
}

.white_chicken #head{
	background-image:url(../img/white_head.png);
}

.white_chicken #body{
	background-image:url(../img/white_body.png);
}

.black_chicken #head{
	background-image:url(../img/black_head.png);
}

.black_chicken #body{
	background-image:url(../img/black_body.png);
}

.blue_chicken #head{
	background-image:url(../img/blue_head.png);
}

.blue_chicken #body{
	background-image:url(../img/blue_body.png);
}

.red_chicken #head{
	background-image:url(../img/red_head.png);
}

.red_chicken #body{
	background-image:url(../img/red_body.png);
}
/* ////////////////////////////// */
/* CHICKEN END */
/* ////////////////////////////// */



/* ////////////////////////////// */
/* COW */
/* ////////////////////////////// */
.cow{
	position:absolute;
}

.home_cow{
	transform:scale(0.95);
	top:-10px;
	left:20px;
}

.cow::before{
	content:' ';
	position:absolute;
	width:160px;
	height:82px;
	left:12px;
	top:82px;
	box-shadow:0 0 40px black;
}

.cow::after{
	content:" ";
	position:absolute;
	width:300px;
	height:220px;
	z-index:4;
}
.cow div{
	position:absolute;
}

.cow #head_cover{
	width:109px;
	height:126px;
	left:150px;
	animation-name:cow_head;
	animation-duration:8s;
	animation-iteration-count:infinite;
	z-index:3;
}

.cow #head{
	width:109px;
	height:126px;
	background-image:url(../img/cow_head.png);
}

.cow #head::before{
	content:' ';
	position:absolute;
	z-index:-1;
	width:80%;
	height:76%;
	top:15%;
	left:14%;
	box-shadow:0 0 20px black;
	border-radius:100%;
}

.cow #ear{
	width:182px;
	height:27px;
	position:absolute;
	z-index:-1;
	background-image:url(../img/cow_ear.png);
	top:36px;
	left:-36px;
	animation-name:cow_ear;
	animation-duration:8s;
	animation-iteration-count:infinite;
}

.cow #body{
	width:189px;
	height:170px;
	background-image:url(../img/cow_body.png);
	top:70px;
	z-index:2;
}

.cow #tail{
	width:41px;
	height:115px;
	background-image:url(../img/cow_tail.png);
	top:80px;
	left:-20px;
	z-index:1;
	animation-name:cow_tail;
	animation-duration:2s;
	animation-iteration-count:infinite;
}
/* ////////////////////////////// */
/* COW END */
/* ////////////////////////////// */


/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ANIMALS END */
/* ////////////////////////////////////////////////////////////////////////////////////////// */


a{
	color:#C00;
	text-decoration:none;
}

a:hover{
	color:black;
}

#bg{
	position:fixed;
	width:100%;
	height:100%;
	left:0;
	top:0;
	z-index:-2;
}

#bg2{
	position:fixed;
	width:100%;
	height:100%;
	left:0;
	top:0;
	z-index:-1;
}

#errorbar{
	text-align:center;
	color:#e08383;
	text-shadow:0 0 2px white;
	font-weight:bold;
	letter-spacing:2px;
}

#successbar{
	text-align:center;
	color:#b1c670;
	text-shadow:0 0 2px white;
	font-weight:bold;
	letter-spacing:2px;
}

#errorbar i, #successbar i{
	font-size:150%;
}

/* ////////////////////////////// *//* ////////////////////////////// *//* ////////////////////////////// */

/* ////////////////////////////// */
/* HEADER */
/* ////////////////////////////// */

#header{
	position:relative;
	width:100%;
	min-height:60px
}

#header_menu_cover{
	width:1000px;
	margin:auto;
	margin-top:30px;
}

#header_menu{
	width:800px;
	float:right;
	background:rgba(255,255,255,0.2);
	padding:15px;
	text-align:right;
	border-radius:16px;
	font-weight:300
}



@keyframes colorsw1{
	50%{
		background:#fbe000;
	}
}

.box_bt_top{
	animation-name:colorsw1;
	animation-duration:1s;
	animation-iteration-count:infinite;
	background:#fbbb00;
}

@keyframes colorsw2{
	50%{
		background:#17c9e9;
	}
}

.point_bt_top{
	background:#00adcc;
	animation:colorsw2 1s infinite;
}

#header_menu a{
	color:white;
	padding:5px 8px;
	margin:0 2px;
	border-radius:8px;
	font-weight:bold!important;
	display:inline-block;
	position:relative;
	font-size:18px;
}

#header_menu .drobd{
	font-size:100%;
	font-weight:bold!important;
	color:white;
	padding:5px 8px;
	margin:0 2px;
	border-radius:8px;
	display:inline-block;
	position:relative;
	box-shadow:0 0 4px rgba(0, 0, 0, 0.4);
	cursor:pointer;
	font-size:18px;
}

#header_menu .drobd .ddmenu{
	display:none;
	position:absolute;
	top:10px;
	left:-20%;
	width:140%;
	border-radius:8px;
	text-align:center!important;
	padding-top:40px;
	z-index:99999999999999;
}

#header_menu .drobd .ddmenu .ddmenu_bg{
	position:absolute;
	width:100%;
	padding:15px 10px;
	left:-10px;
	top:25px;
	border-radius:8px;
	background:rgba(255,255,255,0.9);
	box-shadow:0 0 5px rgba(0,0,0,0.8);
}

#header_menu .drobd:hover .ddmenu{
	display:inline-block;
}

#header_menu .green_bts{
	background:#CC0;
}

#header_menu .red_bts{
	background:#DB2A2D;
}

#header_menu .brown_bts{
	background:#BF6325;
}

#header_menu .blue_bts{
	background:#2B80BD;
}

#header_menu .orange_bts{
	background:#E1640F;
}

#header_menu a:hover{
	text-shadow:0 0 5px white;
}

#header_menu #sitename{
	float:left;
	background:none;
	padding:none;
	display:inline-block;
	color:white;
	letter-spacing:1px;
	cursor:default;
}

/* ////////////////////////////// */
/* HEADER END */
/* ////////////////////////////// */

/* ////////////////////////////// *//* ////////////////////////////// *//* ////////////////////////////// */

/* ////////////////////////////// */
/* FOOTER */
/* ////////////////////////////// */
html, body{
	height: 100%;
}

body{
	margin:0;
	padding:0;
	font-family: 'Lato', sans-serif!important;
	cursor:default;
}

#content{
	width:1000px;
	margin:auto;
	padding:10px 20px;
	position:relative;
	min-height:390px;
	height:auto;
}

#wrapper{
	min-height:100%;
	height:auto;
}

#footer{
	height:100px;
	background:#093;
	width:100%;
	z-index:1!important;
	position:relative;
}

#clear{
	clear:both;
}
/* ////////////////////////////// */
/* FOOTER END */
/* ////////////////////////////// */

/* ////////////////////////////// *//* ////////////////////////////// *//* ////////////////////////////// */

/* ////////////////////////////// */
/* HOME */
/* ////////////////////////////// */

#home{
	margin-bottom:40px;
}

#home h1{
	font-size:30px;
	color:white;
	text-align:right;
	margin:0;
	padding:0;
	margin-bottom:20px;
	text-shadow:0 0 2px black;
	font-weight:400
}

@keyframes colorex{
	50%{	
		text-shadow:0 0 3px white;
	 }
}

#home h1 font{
	 font-weight:bold;
	 text-shadow:0 0 3px black;
	 color:#F88A00;
	 transition:all 0.2 ease-in-out;
	 animation:colorex 2s infinite;
}

#home .row{
	height:200px;
	width:100%;
	text-align:right;
}

#home .second_row{
	margin-top:-60px;
	text-align:left;
}

#home .second_row .l_column{
	width:300px!important;
	background:rgba(255,255,255,1)!important;
}

#home .second_row .s_column{
	width:270px!important;
}

#home .row .s_column, .l_column{
	height:100%;
	padding:10px;
	background:rgba(255,255,255,0.7);
	border-radius:16px;
	border:1px solid rgba(0,0,0,0.1);
	display:inline-block;
	margin:0 8px;
	text-align:left;
	vertical-align:top;
	position:relative;
}

#home .row .l_column{
	background:rgba(255,255,255,0.9);
}

#home .row .s_column{
	width:200px;
}

#home .row .l_column{
	width:600px;
}

#home .row .s_column .home_chicken{
	transform:scale(0.9);
	left:50px;
	top:20px;
}

#home_stats{
	text-align:center!important;
	margin-top:20px;
	margin-bottom:0px;
}

#home_stats .stat{
	position:relative;
	width:30%;
	display:inline-block;
	vertical-align:top;
	height:100px;
	margin:10px;
	margin-top:20px;
	background:rgba(255,255,255,0.8);
	border-radius:16px;
	border:1px solid rgba(0,0,0,0.1);
}

#home_stats .stat .chicken{
	transform:scale(0.4);
	margin:10px 20px;
	left:0;
}

#home_stats .stat div{
	display:inline-block;
}

#home_stats .stat .stat_index{
	width:200px;
	margin-left:70px;
	margin-top:10px;
	text-align:right;
}

#home_stats .stat .stat_index h3{
	margin:0; padding:0;
	color:#093;
}

#home_stats .stat .stat_index p{
	font-size:30px;
	margin-top:20px;
}

/* ////////////////////////////// */
/* HOME END */
/* ////////////////////////////// */

/* ////////////////////////////// *//* ////////////////////////////// *//* ////////////////////////////// */

/* ////////////////////////////// */
/* REGISTER & LOGIN */
/* ////////////////////////////// */

#central_title{
	display:inline-block;
	margin:auto;
	background:rgba(255,255,255,0.6);
	border:1px solid rgba(0,0,0,0.1);
	border-radius:40px;
	padding:8px 16px;
	font-weight:300;
	color:#090;
}

#register{
	width:600px;
	background:rgba(255,255,255,0.7);
	border:1px solid rgba(0,0,0,0.1);
	border-radius:20px;
	margin-top:20px;
	padding:20px;
	position:relative;
}

#register table{
	width:600px;
	margin:auto;
}

#register table td{
	width:33%;
	padding:0 10px 10px 10px;
}

#register table td:nth-child(1){
	text-align:right;
	width:25%;
}

#register table td:nth-child(3){
	width:38%;
}

#register table input[type=text], #register table input[type=password]{
	padding:8px;
	letter-spacing:1px;
	border:1px solid black;
	width:100%;
}

#register table input:focus::-webkit-input-placeholder { color:transparent; }
#register table input:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
#register table input:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
#register table input:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */

#register table input[type=submit]{
	padding:2px 8px;
	float:right;
	cursor:pointer;
	background:white;
	border:1px solid rgba(0,0,0,0.5);
}

#register table em{
	font-size:12px;
}

#register table #agreement{
	position:relative;
}

#register table #agreement em{
	white-space:nowrap;
	position:absolute;
	top:-2px
}

#register #agreement td{
	height:15px
}

#register label em{
	font-size:14px;
}

#register label{
	cursor:pointer;
	white-space:nowrap;
}

#register{
	overflow:hidden;
}

#register #login_page_fa{
	position:absolute;
	right:-10px;
	bottom:-30px;
}

#register .reg_page_fa i{
	font-size:200px;
	color:rgba(0,0,0,0.3);
}

#register .reg_page_fa{
	bottom:-16px!important;
	right:-10px!important;
}

#register .reg_page_fa i{
	color:rgba(0,0,0,0.3);
	font-size:140px!important
}

#register #login_page_p{
	position:absolute;
	right:20px;
	bottom:10px;
	padding:4px;
	text-shadow:0 0 4px white;
	z-index:2;
}

/* ////////////////////////////// */
/* REGISTER & LOGIN END */
/* ////////////////////////////// */

/* ////////////////////////////// *//* ////////////////////////////// *//* ////////////////////////////// */

/* ////////////////////////////// */
/* ACCOUNT */
/* ////////////////////////////// */

#account a{
	color:inherit;
}

#account{
	height:500px;
	margin-top:-30px;
}

#account #left, #account #right{
	display:inline-block;
	padding:20px 0;
	position:relative;
	vertical-align:top;
}

#account #left{
	height:445px;
	width:200px;
	position:fixed;
}

#account #right{
	width:820px;
	min-height:300px;
	float:right;
	border-radius:20px;
}

#account #left img{
	position:absolute;
	top:85px;
	left:-65px;
	z-index:1;
}

#account #left::after{
	content:' ';
	position:absolute;
	z-index:1;
	width:240px;
	height:400px;
	left:-70px;
	top:60px;
}

#account #right #hello{
	padding:10px 20px;
	background:rgba(255,255,255,0.7);
	border-radius:10px;
	border:1px solid rgba(0,0,0,0.2);
	position:relative;
	color:rgba(0,0,0,0.5);
	font-size:18px;
	font-weight:bold;
}

#account #right #hello::after{
	content:' ';
	position:absolute;
	width:20px;
	height:20px;
	background:rgba(255,255,255,0.7);
	border-radius:100%;
	left:-30px;
	bottom:-10px;
}

#account #right #hello::before{
	content:' ';
	position:absolute;
	width:20px;
	height:20px;
	background:rgba(255,255,255,0.7);
	border-radius:100%;
	left:-55px;
	bottom:-30px;
}

#account #right #balance{
	width:100%;
	margin-top:20px;
	position:relative;
}

#account #right #balance div{
	display:inline-block;
	width:130px;
	margin:5px;
	margin-top:20px;
	padding:10px;
	background:rgba(255,255,255,0.8);
	border-radius:10px;
	text-align:center;
	font-size:14px;
	position:relative;
	text-shadow:0 0 4px rgba(0,0,0,0.4);
	cursor:pointer;
	box-shadow:0 0 5px rgba(0,0,0,0.5), inset 0 -14px 5px rgba(0,0,0,0.2), inset 0 -16px 16px white;
}

#account #right #balance div:hover strong{
	color:rgba(0,0,0,0.5);
}

#account #right #balance div .p1, #account #right #balance div .p2{
	z-index:-1;
	position:absolute;
	width:118px;
	padding:5px;
	text-align:center;
	left:10px;
	color:white;
	font-weight:bold;
	background:rgba(90,180,200,0.6);
	box-shadow:0 0 5px rgba(0,0,0,0.5);
}

#account #right #balance div .p1{
	bottom:-42px;
	border-bottom-right-radius:10px;
	border-bottom-left-radius:10px;
}

#account #right #balance div .p2{
	border-top-right-radius:10px;
	border-top-left-radius:10px;
	top:-42px;
}

#account #right #inventory{
	width:520px;
	margin-top:40px;
	margin-left:-50px;
	text-align:center;
	display:inline-block;
	vertical-align:top;
}

#account #right #inventory .item{
	text-align:left;
	display:inline-block;
	vertical-align:top;
	width:220px;
	margin:5px 10px;
	padding:8px;
	position:relative;
}

#account #right #inventory .item div{
	display:inline-block;
	vertical-align:top;
}

#account #right #inventory .item .item_img{
	width:80px;
	height:80px;
	background:white;
	box-shadow:0 0 10px rgba(0,0,0,1), inset 0 0 5px white, inset 0 0 10px rgba(0,0,0,0.5);
	border-radius:8px;
	margin-left:-40px;
	position:relative;
}

#account #right #inventory .item .item_img .nest{
	transform:scale(0.5);
	position:absolute;
	left:-42px;
	top:30px;
	z-index:1;
}

#account #right #inventory .item .item_img .egg{
	width:30px;
	height:40px;
	border-top-left-radius:100%;
	border-top-right-radius:100%;
	border-bottom-left-radius:30px;
	border-bottom-right-radius:30px;
	box-shadow:0 0 5px black;
	margin-top:16px;
	margin-left:24px;
	position:relative;
}

#account #right #inventory .item .item_img .egg::after{
	content:' ';
	transform:rotate(30deg);
	width:30px;
	height:40px;
	left:-10px;
	top:14px;
	border-top-left-radius:100%;
	border-top-right-radius:100%;
	border-bottom-left-radius:30px;
	border-bottom-right-radius:30px;
	box-shadow:0 0 5px black;
	position:absolute;
}

#account #right #inventory .item .item_img .egg::before{
	content:' ';
	transform:rotate(-30deg);
	width:30px;
	height:40px;
	right:-10px;
	top:9px;
	border-top-left-radius:100%;
	border-top-right-radius:100%;
	border-bottom-left-radius:30px;
	border-bottom-right-radius:30px;
	box-shadow:0 0 5px black;
	position:absolute;
	z-index:0;
}

.item #egg .egg, .item #egg .egg::after, .item #egg .egg::before{
	background:#783800;
}

.item #bronze_egg .egg, .item #bronze_egg .egg::after, .item #bronze_egg .egg::before{
	background:#e05959;
	box-shadow:0 0 5px black, inset 0 0 7px white!important;
}

.item #silver_egg .egg, .item #silver_egg .egg::after, .item #silver_egg .egg::before{
	background:#dedede;
	box-shadow:0 0 5px black, inset 0 0 7px white, inset 0 0 5px black!important;
}

.item #golden_egg .egg, .item #golden_egg .egg::after, .item #golden_egg .egg::before{
	background:#ffd800;
	box-shadow:0 0 5px black, inset 0 0 7px white!important;
}

.item #white_egg .egg, .item #white_egg .egg::after, .item #white_egg .egg::before{
	background:white;
	box-shadow:0 0 5px black, inset 0 0 7px white!important;
}

.item #black_egg .egg, .item #black_egg .egg::after, .item #black_egg .egg::before{
	background:black;
	box-shadow:0 0 5px black, inset 0 0 7px white!important;
}

.item #blue_egg .egg, .item #blue_egg .egg::after, .item #blue_egg .egg::before{
	background:#3e60ce;
	box-shadow:0 0 5px black, inset 0 0 7px white!important;
}

.item #red_egg .egg, .item #red_egg .egg::after, .item #red_egg .egg::before{
	background:red;
	box-shadow:0 0 5px black, inset 0 0 7px white!important;
}



#account #right #inventory .item .item_desc{
	width:110px;
	height:80px;
	position:relative;
}

#account #right #inventory .item .item_title{
	position:absolute;
	background:rgba(90,180,200,0.6);
	color:white;
	padding:4px 14px 4px 12px;
	top:5px;
	left:-10px;
	z-index:-1;
	font-weight:bold;
	font-size:14px;
	text-shadow:0 0 4px rgba(0,0,0,0.4);
	box-shadow:0 0 10px rgba(0,0,0,1);
	border:1px solid rgba(0,0,0,0.2);
}

#account #right #inventory .item .item_title .adet{
	line-height:20px;
	padding:8px;
	min-width:20px;
	height:20px;
	border-radius:8px;
	background:white;
	position:absolute;
	right:-30px;
	top:-6px;
	color:#000;
	text-align:center;
	box-shadow:0 0 10px rgba(0,0,0,1), inset 0 0 5px white, inset 0 0 10px rgba(0,0,0,0.5);
}

#account #right #inventory .item .worth{
	margin-top:45px;
	margin-left:-10px;
	margin-right:6px;
	position:relative;
	z-index:-1;
	background:#c5e043;
	color:rgba(0,0,0,0.4);
	padding:4px 8px 4px 12px;
	z-index:-1;
	font-size:12px;
	line-height:16px;
	box-shadow:0 0 10px rgba(0,0,0,1);
	text-shadow:0 0 4px rgba(0,0,0,0.4);
	border:1px solid rgba(0,0,0,0.2);
	border-radius:8px;
	font-weight:bold;
}

#account #right #inventory .item .sell{
	background:#c67400;
	color:rgba(255,255,255,0.6);
	padding:4px 8px 4px 12px;
	font-size:14px;
	text-shadow:0 0 4px rgba(0,0,0,0.4);
	border:1px solid rgba(0,0,0,0.2);
	cursor:pointer;
	box-shadow:0 0 10px rgba(0,0,0,1);
	border-radius:8px;
	font-weight:bold;
	position:absolute;
	top:45px;
}

#account #right #inventory .item form{
	display:inline-block;
	margin-left:-3px;
}

#account #right #inventory .item .sell:hover{
	color:rgba(255,255,255,0.8);
}

#account #right #inventory #stats_button{
	display:inline-block;
	vertical-align:top;
	padding:8px 16px;
	margin:-6px 0 20px -20px;
	width:125px;
	text-align:center;
	background:#c67400;
	color:rgba(255,255,255,0.6);
	font-size:18px;
	font-weight:bold;
	text-shadow:0 0 4px rgba(0,0,0,0.4);
	border:1px solid rgba(0,0,0,0.2);
	cursor:pointer;
	box-shadow:0 0 10px rgba(0,0,0,1);	
}

#account #right #inventory #stats_button:hover{
	color:rgba(255,255,255,0.8);
}

#account #right #inventory .milk{
	height:50px;
	width:30px;
	background:#a1e3ff;
	position:absolute;
	left:24px;
	top:16px;
	border-top-left-radius:12px;
	border-top-right-radius:12px;
	border-bottom-left-radius:6px;
	border-bottom-right-radius:6px;
	transform:rotate(30deg);
	box-shadow:0 0 5px rgba(0,0,0,0.3);
}

#account #right #inventory .milk::after{
	content:' ';
	width:10px;
	height:10px;
	background:#a1e3ff;
	position:absolute;
	left:10px;
	top:-9px;
	border-top:2px solid black;
}

#account #right #inventory .milk::before{
	content:'MILK';
	font-size:10px;
	color:rgba(0,0,0,0.5);
	border-bottom-left-radius:6px;
	border-bottom-right-radius:6px;
	width:26px;
	height:34px;
	line-height:34px;
	background:#fff;
	position:absolute;
	left:2px;
	bottom:2px;
}

#account #right #buttons{
	width:350px;
	margin-left:-30px;
	padding:10px;
	display:inline-block;
	margin-top:40px;
}

#account #right #buttons .button{
	display:inline-block;
	vertical-align:top;
	padding:8px 16px;
	margin:8px 6px;
	width:125px;
	height:auto;
	text-align:center;
	background:#c5e043;
	color:rgba(255,255,255,0.9);
	font-size:18px;
	font-weight:bold;
	text-shadow:0 0 4px rgba(0,0,0,0.4);
	border:1px solid rgba(0,0,0,0.2);
	cursor:pointer;
	box-shadow:0 0 10px rgba(0,0,0,1);
}

#account #right #buttons .button:hover{
	color:rgba(255,255,255,1);
}

#account #right #buttons .button2{
	background:#c67400;
	color:rgba(255,255,255,0.6);
}

#account #right #buttons .button2 i{
	margin-right:10px;
}

#account #right #newtit{
	background:#c67400;
	position:absolute;
	padding:5px 5px 5px 10px;
	text-align:center;
	width:20px;
	font-weight:bold;
	color:rgba(255,255,255,0.4);
	border-top-right-radius:10px;
	border-bottom-right-radius:10px;
	box-shadow:0 0 10px rgba(0,0,0,0.5);
	text-shadow:0 0 4px rgba(0,0,0,0.4);
	right:-5px;
}

#account #right #news{
	border:5px solid #b6cf3c;
	position:relative;
	background:#b6cf3c;
	color:white;
	height:180px;
	margin-top:10px;
	overflow-y:scroll;
	padding:5px 10px;
	box-shadow:0 0 10px rgba(0,0,0,1);
}

#account #right #news p{
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
	width:300px;
	margin:0;
	padding-bottom:18px;
	position:relative;
	font-size:14px;
	margin-bottom:10px;
	color:rgba(0,0,0,0.6);
	text-shadow:0 0 4px rgba(0,0,0,0.3);
	cursor:pointer;
	border-bottom:1px dashed rgba(0,0,0,0.3);
}

#account #right #news p:hover{
	color:rgba(0,0,0,0.3);
}

#account #right #news p em{
	position:absolute;
	bottom:0;
	right:0;
	font-size:12px;
}

#account #right #abg{
	display:none;
	position:absolute;
	background:rgba(255,255,255,0.5);
	border:1px solid rgba(0,0,0,0.1);
	z-index:-1;
	width:870px;
	height:530px;
	left:-35px;
	top:10px;
	border-radius:20px;
}

/* ////////////////////////////// */
/* ACCOUNT END */
/* ////////////////////////////// */

/* ////////////////////////////// *//* ////////////////////////////// *//* ////////////////////////////// */

/* ////////////////////////////// */
/* HENCOOP */
/* ////////////////////////////// */

#hencoop{
	min-height:500px;
	margin-top:-30px;
}

#hencoop #left, #hencoop #right{
	display:inline-block;
	padding:20px 0;
	position:relative;
	vertical-align:top;
}

#hencoop #left{
	height:445px;
	width:200px;
	position:fixed;
}

#hencoop #right{
	width:820px;
	min-height:300px;
	float:right;
	border-radius:20px;
}

#hencoop #left img{
	position:absolute;
	top:85px;
	left:-65px;
	z-index:1;
}

#hencoop #left::after{
	content:' ';
	position:absolute;
	z-index:1;
	width:240px;
	height:400px;
	left:-70px;
	top:60px;
}

#hencoop #right #hello{
	padding:10px 20px;
	background:rgba(255,255,255,0.7);
	border-radius:10px;
	border:1px solid rgba(0,0,0,0.2);
	position:relative;
	color:rgba(0,0,0,0.5);
	font-size:18px;
	font-weight:bold;
}

#hencoop #right #hello::after{
	content:' ';
	position:absolute;
	width:20px;
	height:20px;
	background:rgba(255,255,255,0.7);
	border-radius:100%;
	left:-30px;
	bottom:-10px;
}

#hencoop #right #hello::before{
	content:' ';
	position:absolute;
	width:20px;
	height:20px;
	background:rgba(255,255,255,0.7);
	border-radius:100%;
	left:-55px;
	bottom:-30px;
}

#hencoop #right #inventory{
	margin-top:50px;
	text-align:center;
	display:inline-block;
	vertical-align:top;
	width:800px;
	bottom:0;
	z-index:3;
	left:0;
	height:40px;
	text-align:center;
}

#hencoop #right #inventory .balancor{
	display:inline-block;
	vertical-align:top;
	margin-right:10px;
	font-size:14px;
	font-weight:bold;
	padding:10px;
	color:white;
	text-shadow:0 0 6px rgba(0,0,0,0.6);
	background:rgba(90,180,200,1);
	border-radius:8px;
	box-shadow:0 0 10px rgba(0,0,0,1), inset 0 0 5px white, inset 0 0 10px rgba(0,0,0,0.5);
	margin-top:-10px;
	padding-bottom:30px;
}

#hencoop #right #inventory .balancor p{
	display:inline-block;
	vertical-align:top;
	margin-right:4px;
	padding:0;
	margin:0;
}

#hencoop #right #inventory .item{
	text-align:left;
	display:inline-block;
	vertical-align:top;
	margin:5px 0px;
	margin-top:-45px;
	padding:8px;
	position:relative;
	text-align:center;
	transform:scale(0.75);
}

#hencoop #right #inventory .item div{
	display:inline-block;
	vertical-align:top;
}

#hencoop #right #inventory .item .item_img{
	text-align:left;
	width:80px;
	height:80px;
	border-radius:8px;
	position:relative;
	background:white;
	box-shadow:0 0 10px rgba(0,0,0,1), inset 0 0 5px white, inset 0 0 10px rgba(0,0,0,0.5);
}

#hencoop #right #inventory .item .item_img .nest{
	transform:scale(0.5);
	position:absolute;
	left:-42px;
	top:30px;
	z-index:1;
}

#hencoop #right #inventory .item .item_img .egg{
	width:30px;
	height:40px;
	border-top-left-radius:100%;
	border-top-right-radius:100%;
	border-bottom-left-radius:30px;
	border-bottom-right-radius:30px;
	box-shadow:0 0 5px black;
	margin-top:16px;
	margin-left:24px;
	position:relative;
}

#hencoop #right #inventory .item .item_img .egg::after{
	content:' ';
	transform:rotate(30deg);
	width:30px;
	height:40px;
	left:-10px;
	top:14px;
	border-top-left-radius:100%;
	border-top-right-radius:100%;
	border-bottom-left-radius:30px;
	border-bottom-right-radius:30px;
	box-shadow:0 0 5px black;
	position:absolute;
}

#hencoop #right #inventory .item .item_img .egg::before{
	content:' ';
	transform:rotate(-30deg);
	width:30px;
	height:40px;
	right:-10px;
	top:9px;
	border-top-left-radius:100%;
	border-top-right-radius:100%;
	border-bottom-left-radius:30px;
	border-bottom-right-radius:30px;
	box-shadow:0 0 5px black;
	position:absolute;
	z-index:0;
}

.item #egg .egg, .item #egg .egg::after, .item #egg .egg::before{
	background:#783800;
}

.item #bronze_egg .egg, .item #bronze_egg .egg::after, .item #bronze_egg .egg::before{
	background:#e05959;
	box-shadow:0 0 5px black, inset 0 0 7px white!important;
}

.item #silver_egg .egg, .item #silver_egg .egg::after, .item #silver_egg .egg::before{
	background:#dedede;
	box-shadow:0 0 5px black, inset 0 0 7px white, inset 0 0 5px black!important;
}

.item #golden_egg .egg, .item #golden_egg .egg::after, .item #golden_egg .egg::before{
	background:#ffd800;
	box-shadow:0 0 5px black, inset 0 0 7px white!important;
}

.item #white_egg .egg, .item #white_egg .egg::after, .item #white_egg .egg::before{
	background:#fff;
	box-shadow:0 0 5px black, inset 0 0 7px white!important;
}

.item #black_egg .egg, .item #black_egg .egg::after, .item #black_egg .egg::before{
	background:#000;
	box-shadow:0 0 5px black, inset 0 0 7px white!important;
}

.item #red_egg .egg, .item #red_egg .egg::after, .item #red_egg .egg::before{
	background:red;
	box-shadow:0 0 5px black, inset 0 0 7px white!important;
}

.item #blue_egg .egg, .item #blue_egg .egg::after, .item #blue_egg .egg::before{
	background:#3e60ce;
	box-shadow:0 0 5px black, inset 0 0 7px white!important;
}

#hencoop #right #inventory .item .adet{
	line-height:20px;
	padding:8px;
	min-width:20px;
	height:20px;
	border-radius:8px;
	background:white;
	position:absolute;
	right:-10px;
	top:-6px;
	color:#000;
	text-align:center;
	z-index:2;
	font-weight:bold;
	box-shadow:0 0 10px rgba(0,0,0,1), inset 0 0 5px white, inset 0 0 10px rgba(0,0,0,0.5);
}

#shelf{
	position:relative;
	z-index:2;
	width:779px;
	height:439px;
	margin:auto;
	margin-top:20px;
	background-image:url(../img/shelf.png);
	box-shadow:0 0 10px rgba(0,0,0,1);
}

#shelf .henrow{
	width:730px;
	height:130px;
	margin:auto;
	padding-top:60px;
	display:block;
}

#shelf .chicken{
	position:relative;
	background:black;
	width:140px;
	display:inline-block;
	transform:scale(0.8);
	margin:1px;
}

#shelf #buyshelf{
	position:absolute;
	width:100%;
	height:100%;
	background:rgba(255,255,255,0.5);
	left:0;
	top:0;
	z-index:1;
	text-align:center;
}

#shelf #buyshelf #buynow{
	margin-top:220px;
	padding:14px;
	background:#990;
	color:white;
	display:inline-block;
	background:#c5e043;
	color:rgba(255,255,255,0.8);
	font-size:18px;
	font-weight:bold;
	text-shadow:0 0 4px rgba(0,0,0,0.4);
	border:1px solid rgba(0,0,0,0.2);
	cursor:pointer;
	box-shadow:0 0 10px rgba(0,0,0,1);
	border-radius:4px;
}

#shelf #buyshelf #buynow:hover{
	color:white;
}

#shelf .chicken #buychick{
	margin-top:70px;
	margin-left:10px;
	padding:6px;
	background:#990;
	color:white;
	display:inline-block;
	background:#c5e043;
	color:rgba(0,0,0,0.4);
	font-size:18px;
	font-weight:bold;
	text-shadow:0 0 4px rgba(0,0,0,0.4);
	border:1px solid rgba(0,0,0,0.2);
	cursor:pointer;
	box-shadow:0 0 10px rgba(0,0,0,1);
	border-radius:4px;
	z-index:5;
}

#shelf .chicken #buychick:hover{
	color:white;
}

#shelf .manage_hen{
	position:absolute;
	padding:8px;
	font-weight:bold;
	font-size:16px;
	right:20px;
	top:12px;
	background:#c67400;
	color:rgba(255,255,255,0.6);
	cursor:pointer;
	box-shadow:inset 0 0 5px rgba(0,0,0,0.5);
}

#shelf .manage_hen i{
	margin-right:6px;
}

#shelf .manage_hen:hover{
	color:white;
}

#shelf .manage_hen:hover i{
	transition:0.5s all ease-in-out;
	transform:rotate(360deg);
}

#shelf .collector{
	position:absolute;
	padding:8px;
	font-weight:bold;
	font-size:16px;
	left:20px;
	top:12px;
	background:#c67400;
	color:rgba(255,255,255,0.6);
	cursor:pointer;
	box-shadow:inset 0 0 5px rgba(0,0,0,0.5);
}

#shelf .collector i{
	margin-right:6px;
}

#shelf .collector:hover{
	color:white;
}

#shelf .collector:hover p{
	color:rgba(255,255,255,0.6);
}

#shelf .collector .err{
	position:absolute;
	right:-190px;
	top:10px;
	margin:0;
	padding:0;
	cursor:default
}

/* ////////////////////////////// */
/* HENCOOP END */
/* ////////////////////////////// */

/* ////////////////////////////// *//* ////////////////////////////// *//* ////////////////////////////// */

/* ////////////////////////////// */
/* HENCOOP SETTINGS */
/* ////////////////////////////// */
#hencoop_settings{
	position:relative;
	text-align:center;
}
#hencoop_settings .hen{
	display:inline-block;
	vertical-align:top;
	width:160px;
	min-height:50px;
	padding:10px;
	margin:5px;
	background:white;
	box-shadow:0 0 10px rgba(0,0,0,1), inset 0 0 5px white, inset 0 0 10px rgba(0,0,0,0.5);
	border-radius:10px;
	position:relative;
}

#hencoop_settings .hen .chicken{
	transform:scale(0.8);
	position:relative;
	height:200px;
	margin-left:10px;
}

#hencoop_settings .hen .chicken div{
	animation:none;
}

#hencoop_settings .hen .expire{
	font-size:12px;
	font-style:italic;
	text-align:center;
}

#hencoop_settings .hen .extend{
	font-size:14px;
	margin-top:10px;
}

#hencoop_settings .hen .button{
	background: #c5e043;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
    color: rgba(0, 0, 0, 0.4);
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-top: 4px;
    padding: 3px;
    text-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
    z-index: 5;
}

#hencoop_settings .hen .button:hover{
	color:black;
}

#hencoop_settings .hen .delete{
	background:#C30;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
    color: rgba(255,255,255, 0.8);
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-top: 4px;
    padding: 3px;
    text-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
	position:absolute;
	top:5px;
	right:8px;
}

#hencoop_settings .hen .delete:hover{
	color:white;
}

#hencoop_settings .hen .alert{
	position:absolute;
	left:0;
	top:0;
	background:rgba(255,255,255,0.9);
	width:100%;
	height:calc(100% - 100px);
	padding-top:100px;
	border-radius:10px;
	font-size:14px;
	text-align:center;
    text-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
}

#hencoop_settings .hen .alert .bt{
	background: #c5e043;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
    color: rgba(255,255,255, 0.8);
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-top: 4px;
    padding: 3px;
    text-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
}

#hencoop_settings .hen .alert .bt:hover{
	color:white;
}

#hencoop_settings .hen .alert .bt2{
	background:#C30;
}

/* ////////////////////////////// */
/* HENCOOP SETTINGS END */
/* ////////////////////////////// */

/* ////////////////////////////// */
/* STORE */
/* ////////////////////////////// */

#store{
	height:400px;
	margin-top:-30px;
}

#store h2{
	margin:0; padding:0;
	margin-top:10px;
	text-shadow:0 0 4px rgba(0,0,0,0.4);
	display:inline-block;
	color:white;
	padding:8px 16px;
	border-radius:8px;
}

#store #left, #store #right{
	display:inline-block;
	padding:20px 0;
	position:relative;
	vertical-align:top;
}

#store #left{
	height:445px;
	width:200px;
	position:fixed;
}

#store #right{
	width:820px;
	min-height:300px;
	float:right;
	border-radius:20px;
}

#store #left img{
	position:absolute;
	top:85px;
	left:-65px;
	z-index:1;
}

#store #left::after{
	content:' ';
	position:absolute;
	z-index:1;
	width:240px;
	height:400px;
	left:-70px;
	top:60px;
}

#store #right #hello{
	padding:10px 20px;
	background:rgba(255,255,255,0.7);
	border-radius:10px;
	border:1px solid rgba(0,0,0,0.2);
	position:relative;
	color:rgba(0,0,0,0.5);
	font-size:18px;
	font-weight:bold;
}

#store #right #hello::after{
	content:' ';
	position:absolute;
	width:20px;
	height:20px;
	background:rgba(255,255,255,0.7);
	border-radius:100%;
	left:-30px;
	bottom:-10px;
}

#store #right #hello::before{
	content:' ';
	position:absolute;
	width:20px;
	height:20px;
	background:rgba(255,255,255,0.7);
	border-radius:100%;
	left:-55px;
	bottom:-30px;
}

#henstore, #cowstore, #sheepstore{
	margin-top:20px;
}

#henstore, #cowstore, #sheepstore, #henstore .hen{
	display:inline-block;
	position:relative;
	vertical-align:top;
}

#henstore .hen .chicken{
	transform:scale(0.55);
	margin-left:10px;
	margin-top:8px;
}

#henstore .hen{
	background:rgba(255,255,255,0.8);
	height:155px;
	padding:10px;
	width:100px;
	margin:20px 10px 0px;
	text-align:center;
	box-shadow:0 0 10px rgba(0,0,0,0.4);
}


#henstore .hen .chicken div{
	animation:none;
}

#henstore .hen .title{
	box-shadow:0 0 10px rgba(0,0,0,0.4);
	position:absolute;
	margin-top:-35px;
	background:#dd5224;
	text-shadow:0 0 2px rgba(0,0,0,0.3);
	width:100%;
	left:-5px;
	padding:5px;
	font-size:14px;
	color:white;
	border-radius:8px;
}

#henstore .hen .price, #henstore .hen .buy{
	font-size:14px;
	position:absolute;
	bottom:5px;
	padding:4px;
	color:white;
	text-shadow:0 0 5px rgba(0,0,0,0.5);
	box-shadow:0 0 4px rgba(0,0,0,0.5);
}

#henstore{
	margin-left:-20px
}

#henstore .hen .price{
	left:-4px;
	background:#c30;
}

#henstore .hen .buy{
	right:-4px;
	background:#c5e043;
	cursor:pointer;
	color:rgba(0,0,0,0.5);
}

#henstore .hen .buy:hover{
	color:rgba(0,0,0,0.4);
}

#cowstore, #sheepstore{
	margin-left:20px;
}

#cowstore .cow{
	margin-left:20px;
}

#cowstore #cow{
	background:rgba(255,255,255,0.8);
	padding:10px;
	margin:20px 10px 0px;
	text-align:center;
	box-shadow:0 0 10px rgba(0,0,0,0.4);
	width:180px;
	height:155px;
}

#cowstore .cow{
	transform:scale(0.52);
}

#cowstore #cow .title{
	box-shadow:0 0 10px rgba(0,0,0,0.4);
	position:absolute;
	margin-top:-35px;
	background:#dd5224;
	text-shadow:0 0 2px rgba(0,0,0,0.3);
	width:100%;
	left:-5px;
	padding:5px;
	font-size:14px;
	color:white;
	border-radius:8px;
}

#cowstore #cow .price, #cowstore #cow .buy{
	font-size:14px;
	position:absolute;
	bottom:5px;
	padding:4px;
	color:white;
	text-shadow:0 0 5px rgba(0,0,0,0.5);
	box-shadow:0 0 4px rgba(0,0,0,0.5);
}

#cowstore #cow .price{
	left:85px;
	background:#c30;
}

#cowstore #cow .buy{
	left:150px;
	background:#c5e043;
	cursor:pointer;
	color:rgba(0,0,0,0.5);
}

#cowstore #cow .buy:hover{
	color:rgba(0,0,0,0.4);
}


#sheepstore #cow{
	background:rgba(255,255,255,0.8);
	padding:10px;
	margin:20px 10px 0px;
	text-align:center;
	box-shadow:0 0 10px rgba(0,0,0,0.4);
	width:180px;
	height:155px;
}

#sheepstore #cow .title{
	box-shadow:0 0 10px rgba(0,0,0,0.4);
	position:absolute;
	margin-top:-35px;
	background:#dd5224;
	text-shadow:0 0 2px rgba(0,0,0,0.3);
	width:100%;
	left:-5px;
	padding:5px;
	font-size:14px;
	color:white;
	border-radius:8px;
}

#sheepstore #cow .price, #sheepstore #cow .buy{
	font-size:14px;
	position:absolute;
	bottom:5px;
	padding:4px;
	color:white;
	text-shadow:0 0 5px rgba(0,0,0,0.5);
	box-shadow:0 0 4px rgba(0,0,0,0.5);
}

#sheepstore #cow .price{
	left:85px;
	background:#c30;
}

#sheepstore #cow .buy{
	left:150px;
	background:#c5e043;
	cursor:pointer;
	color:rgba(0,0,0,0.5);
}

#sheepstore #cow .buy:hover{
	color:rgba(0,0,0,0.4);
}

.sheep{
	width:536px;
	height:440px;
	background:url(../img/sheep.png);
}

#sheepstore .sheep{
	transform:scale(0.25);
	position:absolute;
	left:-150px;
	top:-120px
}

#store #fix_menu{	
	margin-top:40px;
	text-align:center;
	display:inline-block;
	vertical-align:top;
	width:100%;
	position:fixed;
	bottom:0;
	z-index:3;
	left:0;
	height:30px;
	text-align:center;
	background:#b6cf3c;
	box-shadow:0 0 10px rgba(0,0,0,1), inset 0 0 10px rgba(255,255,255,0.5), inset 0 0 10px rgba(0,0,0,0.7);
}

#store #fix_menu .balancor{
	display:inline-block;
	vertical-align:top;
	margin-left:-140px;
	margin-right:150px;
	font-size:14px;
	font-weight:bold;
	padding:10px;
	color:white;
	text-shadow:0 0 6px rgba(0,0,0,0.6);
	background:rgba(90,180,200,1);
	border-radius:8px;
	box-shadow:0 0 10px rgba(0,0,0,1), inset 0 0 5px white, inset 0 0 10px rgba(0,0,0,0.5);
	margin-top:-10px;
	padding-bottom:20px;
}

#store #fix_menu .balancor p{
	display:inline-block;
	vertical-align:top;
	margin-right:4px;
	padding:0;
	margin:0;
}

/* ////////////////////////////// */
/* STORE END */
/* ////////////////////////////// */

/* ////////////////////////////// */
/* UPGRADE */
/* ////////////////////////////// */

#upgrade{
	height:500px;
	margin-top:-30px;
}

#upgrade #left, #upgrade #right{
	display:inline-block;
	padding:20px 0;
	position:relative;
	vertical-align:top;
}

#upgrade #left{
	height:445px;
	width:200px;
	position:fixed;
}

#upgrade #right{
	width:820px;
	min-height:300px;
	float:right;
	border-radius:20px;
}

#upgrade #left img{
	position:absolute;
	top:85px;
	left:-65px;
	z-index:1;
}

#upgrade #left::after{
	content:' ';
	position:absolute;
	z-index:1;
	width:240px;
	height:400px;
	left:-70px;
	top:60px;
}

#upgrade #right #hello{
	padding:10px 20px;
	background:rgba(255,255,255,0.7);
	border-radius:10px;
	border:1px solid rgba(0,0,0,0.2);
	position:relative;
	color:rgba(0,0,0,0.5);
	font-size:18px;
	font-weight:bold;
}

#upgrade #right #hello::after{
	content:' ';
	position:absolute;
	width:20px;
	height:20px;
	background:rgba(255,255,255,0.7);
	border-radius:100%;
	left:-30px;
	bottom:-10px;
}

#upgrade #right #hello::before{
	content:' ';
	position:absolute;
	width:20px;
	height:20px;
	background:rgba(255,255,255,0.7);
	border-radius:100%;
	left:-55px;
	bottom:-30px;
}

#pricing-table {
    margin: 20px auto;
    text-align: center;
    width: 892px; /* total computed width = 222 x 3 + 226 */
}

#pricing-table .plan {
    font: 12px 'Lucida Sans', 'trebuchet MS', Arial, Helvetica;
    text-shadow: 0 1px rgba(255,255,255,.8);        
    background: #fff;      
    border: 1px solid #ddd;
    color: #333;
    padding: 20px;
    width: 160px; /* plan width = 180 + 20 + 20 + 1 + 1 = 222px */      
    float: left;
    position: relative;
}

#pricing-table #most-popular {
    z-index: 2;
    top: -13px;
    border-width: 3px;
    padding: 30px 20px;
    border-radius: 5px;
    box-shadow: 20px 0 10px -10px rgba(0, 0, 0, .15), -20px 0 10px -10px rgba(0, 0, 0, .15);    
}

#pricing-table .plan:nth-child(1) {
    border-radius: 5px 0 0 5px;        
}

#pricing-table .plan:nth-child(4) {
    border-radius: 0 5px 5px 0;        
}

/* --------------- */   

#pricing-table h3 {
    font-size: 20px;
    font-weight: normal;
    padding: 20px;
    margin: -20px -20px 50px -20px;
    background-color: #eee;
    background-image: linear-gradient(#fff, #eee);
}

#pricing-table #most-popular h3 {
    background-color: #ddd;
    background-image: linear-gradient(#eee, #ddd);
    margin-top: -30px;
    padding-top: 30px;
    border-radius: 5px 5px 0 0;         
}

#pricing-table .plan:nth-child(1) h3 {
    border-radius: 5px 0 0 0;       
}

#pricing-table .plan:nth-child(4) h3 {
    border-radius: 0 5px 0 0;       
}   

#pricing-table h3 span {
    display: block;
    font: bold 25px/100px Georgia, Serif;
    color: #777;
    background: #fff;
    border: 5px solid #fff;
    height: 100px;
    width: 100px;
    margin: 10px auto -65px;
    border-radius: 100px;
    box-shadow: 0 5px 20px #ddd inset, 0 3px 0 #999 inset;
}

/* --------------- */

#pricing-table ul {
    margin: 20px 0 0 0;
    padding: 0;
    list-style: none;
}

#pricing-table li {
    border-top: 1px solid #ddd;
    padding: 10px 0;
}

/* --------------- */
    
#pricing-table .signup {
    position: relative;
    padding: 8px 20px;
    margin: 20px 0 0 0;  
    color: #fff;
    font: bold 14px Arial, Helvetica;
    text-transform: uppercase;
    text-decoration: none;
    display: inline-block;       
    background-color: #72ce3f;
    background-image: linear-gradient(#72ce3f, #62bc30);
    border-radius: 3px;     
    text-shadow: 0 1px 0 rgba(0,0,0,.3);
	border:none;
	cursor:pointer;
}
    
#pricing-table .signup2 {
	cursor:default;
	font-size:12px;
	line-height:17px;
    background-color: #e06326;
    background-image: none;   
}

#pricing-table .signup:hover {
    background-color: #62bc30;
    background-image: linear-gradient(#62bc30, #72ce3f); 
}

#pricing-table .signup:active, #pricing-table .signup:focus {
    background: #62bc30;       
    top: 2px;
    box-shadow: 0 0 3px rgba(0, 0, 0, .7) inset; 
}

#pricing-table .signup2:active, #pricing-table .signup2:focus{
    background-color: #e06326;
    background-image: none;     
    top: 0;
}

#pricing-table .signup2:hover {
    background-color: #e06326;
    background-image: none;
}

/* --------------- */

.clear:before, .clear:after {
  content:"";
  display:table
}

.clear:after {
  clear:both
}

.clear {
  zoom:1
}    

/* ////////////////////////////// */
/* UPGRADE END */
/* ////////////////////////////// */

/* ////////////////////////////// */
/* BARN */
/* ////////////////////////////// */

#barn{
	min-height:700px;
	margin-top:-30px;
	height:auto;
}

#barn #left, #barn #right{
	display:inline-block;
	padding:20px 0;
	position:relative;
	vertical-align:top;
}

#barn #left{
	height:445px;
	width:200px;
	position:fixed;
}

#barn #right{
	width:820px;
	min-height:300px;
	float:right;
	border-radius:20px;
}

#barn #left img{
	position:absolute;
	top:85px;
	left:-75px;
	z-index:1;
}

#barn #left::after{
	content:' ';
	position:absolute;
	z-index:1;
	width:240px;
	height:400px;
	left:-70px;
	top:60px;
}

#barn #right #hello{
	padding:10px 20px;
	background:rgba(255,255,255,0.7);
	border-radius:10px;
	border:1px solid rgba(0,0,0,0.2);
	position:relative;
	color:rgba(0,0,0,0.5);
	font-size:18px;
	font-weight:bold;
}

#barn #right #hello::after{
	content:' ';
	position:absolute;
	width:20px;
	height:20px;
	background:rgba(255,255,255,0.7);
	border-radius:100%;
	left:-30px;
	bottom:-10px;
}

#barn #right #hello::before{
	content:' ';
	position:absolute;
	width:20px;
	height:20px;
	background:rgba(255,255,255,0.7);
	border-radius:100%;
	left:-55px;
	bottom:-30px;
}

#barn .cow{
	position:fixed;
	transform:scale(1.2);
	margin-left:100px;
	margin-top:80px;
}

#barn .cow #milk_bottles{
	position:absolute;
	left:180px;
	top:190px;
	width:100px;
}

#informit .sheep #milk_bottles{
	position:absolute;
	left:370px;
	top:270px;
	width:400px;
}

#informit .sheep{
	transform:scale(0.5);
	margin-top:-50px;
}

#informit .wool{
	transform:scale(0.7);
	display:inline-block;
	margin-left:-30px!important;
}

#barn .cow .milk{
	cursor:pointer;
	z-index:11;
	height:50px;
	width:30px;
	position:relative;
	display:inline-block;
	background:#a1e3ff;
	border-top-left-radius:12px;
	border-top-right-radius:12px;
	border-bottom-left-radius:6px;
	border-bottom-right-radius:6px;
	transform:rotate(0deg);
	box-shadow:0 0 5px rgba(0,0,0,0.3);
	cursor:pointer;
}

#barn .cow .milk::after{
	content:' ';
	width:10px;
	height:10px;
	background:#a1e3ff;
	position:absolute;
	left:10px;
	top:-9px;
	border-top:2px solid black;
}

#barn .cow .milk::before{
	content:'MILK';
	font-size:10px;
	color:rgba(0,0,0,0.5);
	border-bottom-left-radius:6px;
	border-bottom-right-radius:6px;
	width:26px;
	height:34px;
	line-height:34px;
	background:#fff;
	position:absolute;
	left:2px;
	bottom:2px;
}

#barn #barncontent{
	position:absolute;
	width:350px;
	right:20px;
	top:80px;
}

#barn #barncontent p,#barn #barncontent .p_div{
	padding:8px;
	background:rgba(255,255,255,0.8);
	border-radius:10px;
	border:1px solid rgba(0,0,0,0.4);
}

#barn #barncontent p b, #barncontent .p_div b{
	margin-right:20px;
}

#barn #barncontent .p_div form input[type=submit]{
	cursor:pointer;
}

#barn #barncontent .item{
	text-align:left;
	display:inline-block;
	vertical-align:top;
	width:180px;
	margin:5px 10px;
	padding:8px;
	position:absolute;
	left:-440px;
	top:5px;
}

#barn #barncontent .item div{
	display:inline-block;
	vertical-align:top;
}

#barn #barncontent .item .item_img{
	width:80px;
	height:80px;
	background:white;
	box-shadow:0 0 10px rgba(0,0,0,1), inset 0 0 5px white, inset 0 0 10px rgba(0,0,0,0.5);
	border-radius:8px;
	margin-left:-40px;
	position:relative;
}

#barn #barncontent .item .item_desc{
	width:110px;
	height:80px;
	position:relative;
}

#barn #barncontent .item .item_title{
	position:absolute;
	background:rgba(90,180,200,0.6);
	color:white;
	padding:4px 14px 4px 12px;
	top:5px;
	left:-10px;
	z-index:-1;
	font-weight:bold;
	font-size:14px;
	text-shadow:0 0 4px rgba(0,0,0,0.4);
	box-shadow:0 0 10px rgba(0,0,0,1);
	border:1px solid rgba(0,0,0,0.2);
}

#barn #barncontent .item .item_title .adet{
	line-height:20px;
	padding:8px;
	min-width:20px;
	height:20px;
	border-radius:8px;
	background:white;
	position:absolute;
	right:-30px;
	top:-6px;
	color:#000;
	text-align:center;
	box-shadow:0 0 10px rgba(0,0,0,1), inset 0 0 5px white, inset 0 0 10px rgba(0,0,0,0.5);
}

#barn #barncontent .item .worth{
	margin-top:45px;
	margin-left:-10px;
	margin-right:6px;
	position:relative;
	z-index:-1;
	background:#c5e043;
	color:rgba(0,0,0,0.4);
	padding:4px 8px 4px 12px;
	z-index:-1;
	font-size:12px;
	box-shadow:0 0 10px rgba(0,0,0,1);
	text-shadow:0 0 4px rgba(0,0,0,0.4);
	border:1px solid rgba(0,0,0,0.2);
	border-radius:8px;
	font-weight:bold;
}

#barn #barncontent .item .sell{
	position:absolute;
	top:45px;
	background:#c67400;
	color:rgba(255,255,255,0.6);
	padding:4px 8px 4px 12px;
	font-size:14px;
	text-shadow:0 0 4px rgba(0,0,0,0.4);
	border:1px solid rgba(0,0,0,0.2);
	cursor:pointer;
	box-shadow:0 0 10px rgba(0,0,0,1);
	border-radius:8px;
	font-weight:bold;
}

#barn #barncontent .item .sell:hover{
	color:rgba(255,255,255,0.8);
}

#barn #barncontent .milk{
	height:50px;
	width:30px;
	background:#a1e3ff;
	position:absolute;
	left:24px;
	top:16px;
	border-top-left-radius:12px;
	border-top-right-radius:12px;
	border-bottom-left-radius:6px;
	border-bottom-right-radius:6px;
	transform:rotate(30deg);
	box-shadow:0 0 5px rgba(0,0,0,0.3);
}

#barn #barncontent .milk::after{
	content:' ';
	width:10px;
	height:10px;
	background:#a1e3ff;
	position:absolute;
	left:10px;
	top:-9px;
	border-top:2px solid black;
}

#barn #barncontent .milk::before{
	content:'MILK';
	font-size:10px;
	color:rgba(0,0,0,0.5);
	border-bottom-left-radius:6px;
	border-bottom-right-radius:6px;
	width:26px;
	height:34px;
	line-height:34px;
	background:#fff;
	position:absolute;
	left:2px;
	bottom:2px;
}

/* ////////////////////////////// */
/* BARN END */
/* ////////////////////////////// */

/* ////////////////////////////// */
/* STATISTICS */
/* ////////////////////////////// */

#statistics{
	width:800px;
	margin-left:140px;
}

#statistics h2{
	padding:0;
	margin:0;
	margin-top:20px;
	color:white;
	text-shadow:0 0 2px black;
}

#statistics p{
	padding:8px 12px;
	border-radius:10px;
	background:rgba(255,255,255,0.8);
	border:1px solid rgba(0,0,0,0.4);
	display:inline-block;
	margin:10px;
}

#statistics p b{
	margin-right:20px;
}
/* ////////////////////////////// */
/* STATISTICS END */
/* ////////////////////////////// */

/* ////////////////////////////// */
/* SETTINGS */
/* ////////////////////////////// */

#settings{
	height:400px;
	margin-top:-30px;
}

#settings #left, #settings #right{
	display:inline-block;
	padding:20px 0;
	position:relative;
	vertical-align:top;
}

#settings #left{
	height:445px;
	width:200px;
	position:fixed;
}

#settings #right{
	width:820px;
	min-height:300px;
	float:right;
	border-radius:20px;
}

#settings #left img{
	position:absolute;
	top:85px;
	left:-65px;
	z-index:1;
}

#settings #left::after{
	content:' ';
	position:absolute;
	z-index:1;
	width:240px;
	height:400px;
	left:-70px;
	top:60px;
}

#settings #right #hello{
	padding:10px 20px;
	background:rgba(255,255,255,0.7);
	border-radius:10px;
	border:1px solid rgba(0,0,0,0.2);
	position:relative;
	color:rgba(0,0,0,0.5);
	font-size:18px;
	font-weight:bold;
}

#settings #right #hello::after{
	content:' ';
	position:absolute;
	width:20px;
	height:20px;
	background:rgba(255,255,255,0.7);
	border-radius:100%;
	left:-30px;
	bottom:-10px;
}

#settings #right #hello::before{
	content:' ';
	position:absolute;
	width:20px;
	height:20px;
	background:rgba(255,255,255,0.7);
	border-radius:100%;
	left:-55px;
	bottom:-30px;
}

#settings .set_form{
	width:700px;
	background:rgba(255,255,255,0.7);
	border:1px solid rgba(0,0,0,0.1);
	border-radius:20px;
	margin-top:20px;
	padding:20px;
	margin-left:40px;
	position:relative;
	overflow:hidden;
}

#settings table{
	width:600px;
	margin:auto;
}

#settings table td{
	width:33%;
	padding:0 10px 10px 10px;
}

#settings table td:nth-child(1){
	text-align:right;
	width:25%;
}

#settings table td:nth-child(3){
	width:38%;
}

#settings table input[type=text], #settings table input[type=password], #settings table input[type=url], #settings table input[type=email]{
	padding:8px;
	letter-spacing:1px;
	border:1px solid black;
	width:100%;
}

#settings table input:focus::-webkit-input-placeholder { color:transparent; }
#settings table input:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
#settings table input:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
#settings table input:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */

#settings table input[type=submit]{
	padding:2px 8px;
	float:right;
	cursor:pointer;
	background:white;
	border:1px solid rgba(0,0,0,0.5);
}

#settings table em{
	font-size:12px;
}

#settings label em{
	font-size:14px;
}

#settings label{
	cursor:pointer;
	white-space:nowrap;
}

#settings #login_page_fa{
	position:absolute;
	right:-10px;
	bottom:-30px;
}

#settings .reg_page_fa i{
	font-size:200px;
	color:rgba(0,0,0,0.3);
}

#settings .reg_page_fa{
	bottom:-16px!important;
	right:-10px!important;
}

#settings .reg_page_fa i{
	color:rgba(0,0,0,0.3);
	font-size:140px!important
}

#settings #login_page_p{
	position:absolute;
	right:20px;
	bottom:10px;
	padding:4px;
	text-shadow:0 0 4px white;
	z-index:2;
}
/* ////////////////////////////// */
/* SETTINGS END */
/* ////////////////////////////// */

/* ////////////////////////////// */
/* ADVERTISING */
/* ////////////////////////////// */
#settings h2{
	margin:0;
	padding:0;
	margin-bottom:10px;
	font-size:16px;
	border-bottom:1px solid rgba(0,0,0,0.4);
	font-weight:lighter
}

.advertising h2{
	margin:0;
	padding:0;
	margin-bottom:10px;
	font-size:16px;
	border-bottom:1px solid rgba(0,0,0,0.4);
	font-weight:lighter
}

.advertising .set_form{
	width:700px!important;
	margin-left:40px!important;
}

.advertising table select{
	padding:6px;
	letter-spacing:1px;
	border:1px solid black;
	width:100%;
}

.advertising .table2{
	width:700px!important;
}

.advertising .table2 td:nth-child(1){
	text-align:center!important;
	width:35%;
}

.advertising .table2 p{
	margin:0;
	padding:0;
	width:180px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	font-size:14px;
}

.advertising .table2 td:nth-child(2){
	text-align:center;
	width:15%!important;
	font-size:14px;
}

.advertising .table2 td:nth-child(3){
	width:50%!important;
}

.advertising .table2 select{
	padding:2px;
	letter-spacing:0px!important;
	border:none;
	width:auto!important;
	display:inline-block!important;
}

.advertising .table2 input[type=submit]{
	display:inline-block!important;
	margin-left:10px!important;
	float:none!important;
}
/* ////////////////////////////// */
/* ADVERTISING END */
/* ////////////////////////////// */
/* ////////////////////////////// */
/* BANNERS */
/* ////////////////////////////// */
.banners p{
	text-align:center;
	font-size:18px;
}
.banners p em{
	margin-left:10px;
	letter-spacing:1px;
}
.banners p img{
	margin:auto;
}
.banners p span{
	display:block;
	margin-top:5px;
	font-size:14px;
}
.banners p span input{
	width:220px;
	cursor:pointer;
}
/* ////////////////////////////// */
/* BANNERS END */
/* ////////////////////////////// */

#error_bar{
	text-align:center;
	text-shadow:0 0 5px white;
	font-size:18px;
	color:#C00;
	font-weight:bold;
}

#forgotten_pass{
	cursor:pointer;
}

#forgot_pass{
	width:600px;
	background:rgba(255,255,255,0.7);
	border:1px solid rgba(0,0,0,0.1);
	border-radius:20px;
	margin-top:20px;
	padding:20px;
	position:relative;
	display:none;
}

#forgot_pass table{
	width:600px;
	margin:auto;
}

#forgot_pass table td{
	width:33%;
	padding:0 10px 10px 10px;
}

#forgot_pass table td:nth-child(1){
	text-align:right;
	width:25%;
}

#forgot_pass table td:nth-child(3){
	width:38%;
}

#forgot_pass table input[type=text], #forgot_pass table input[type=password]{
	padding:8px;
	letter-spacing:1px;
	border:1px solid black;
	width:100%;
}

#forgot_pass table input:focus::-webkit-input-placeholder { color:transparent; }
#forgot_pass table input:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
#forgot_pass table input:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
#forgot_pass table input:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */

#forgot_pass table input[type=submit]{
	padding:2px 8px;
	float:right;
	cursor:pointer;
	background:white;
	border:1px solid rgba(0,0,0,0.5);
}


#register .log_page_fa i{
	font-size:200px;
	color:rgba(0,0,0,0.3);
}

#register .log_page_fa{
	bottom:-26px!important;
	right:-10px!important;
}

#register .log_page_fa i{
	color:rgba(0,0,0,0.3);
	font-size:140px!important
}

#black_bg{
	position:fixed;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.7);
	left:0;
	top:0;
	z-index:9;
	display:none;
	overflow:scroll;
	overflow-x:hidden;
}

#white_content{
	position:absolute;
	z-index:10;
	background:white;
	padding:20px;
	width:500px;
	border-radius:10px;
	box-shadow:0 0 10px black;
	left:calc(50% - 250px);
	top:100px;
}

#white_content p{
	position:absolute;
	color:gray;
	font-weight:bold;
	cursor:pointer;
	right:10px;
	top:0;
	margin:0; padding:0;
	font-size:30px;
	text-shadow:0 0 4px rgba(0,0,0,0.4);
}

#barn_level{
	background:white;
}

.p_div{
	margin-bottom:20px;
}

#barn_level td{
	padding:6px;
	font-size:14px;
	text-align:center;
}

.level_tag{
	background:#C30;
	color:white;
	padding:6px 10px;
	margin-left:-12px;
	margin-top:-12px;
	font-weight:bold;
	display:inline-block;
	box-shadow:0 0 2px rgba(0,0,0,0.5);
	border-top-left-radius:10px;
	position:relative;
}

.level_tag em{
	font-size:14px;
	position:absolute;
	left:90px;
	top:12px;
	color:black;
	white-space:nowrap;
}

.barn_table{
	width:100%;
	font-size:14px;
	text-align:center;
	margin-top:5px;
}

.barn_table tr:nth-child(2){
	font-weight:bold;
	letter-spacing:1px;
}

.level_bt{
	font-weight:bold;
	color:white;
	cursor:pointer;
	padding:6px 0;
	margin-top:5px;
	border-radius:4px;
	box-shadow:0 0 2px rgba(0,0,0,0.4);
	position:relative;
}

.level_bt i{
	position:absolute;
	left:10px;
	font-size:22px
}

.level_bt:hover{
	color:rgba(255,255,255,0.6);
}

#store .hen, #store #cowstore, #store #sheepstore{
	position:relative;
}

#store .hen .alert, #store #cowstore .alert, #store #sheepstore .alert{
	height:150px;
	width:100%;
	left:0;
	z-index:99;
	top:5px;
	background:rgba(255,255,255,0.8);
	position:absolute;
	font-size:14px;
	opacity:0;
	padding-top:20px;
}

#store .hen:hover .alert, #store #cowstore:hover .alert, #store #sheepstore:hover .alert{
	opacity:1;
}

.advertising #ad_type{
	position:relative;
	text-align:center;
	margin-top:14px;
}

.advertising #ad_type .ad_type{
	display:inline-block;
	margin:0 5px;
	padding:8px 16px;
	font-size:16px;
	background:#3C9;
	color:white;
	font-weight:bold;
	cursor:pointer;
	border:2px solid rgba(0,0,0,0.4);
	box-shadow:0 0 5px rgba(0,0,0,0.5);
}

.advertising #ad_type .ad_type:hover{
	color:black;
}

.adspage #right h3{
	margin:10px 0;
	margin-top:20px;
	font-size:18px;
	text-shadow:0 0 1px rgba(0,0,0,0.4);
	color:white;
	padding:8px 16px;
	border-radius:10px;
	box-shadow:0 0 1px rgba(0,0,0,0.5);
}

.adspage .hap{
	background:white;
	padding:4px;
	display:inline-block;
	width:252px;
	margin:5px;
	font-size:14px;
	box-shadow:0 0 5px rgba(0,0,0,0.5);
	text-shadow:0 0 1px rgba(0,0,0,0.5);
	height:164px;
	vertical-align:top;
	position:relative;
	color:black;
}

.adspage .hap .hap_title{
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	color:white;
	padding:4px 6px;
	width:240px;
	margin-bottom:8px;
}

.adspage .hap .hap_content img, .adspage .hap .hap_content p{
	display:inline-block;
	padding:0; margin:0;
	vertical-align:top;
}

.adspage .hap .hap_content p{
	width:242px;
	word-wrap:break-word;
	height:105px;
	overflow:hidden;
	text-overflow:ellipsis;
	margin-left:8px;
}

.adspage .hap .shap{
	position:absolute;
	width:inherit;
	bottom:5px;
	border-top:1px solid black;
	text-align:right;
	font-size:12px;
	padding-top:2px;
}

.twirk{
	animation-name:twister;
	animation-duration:0.5s;
	animation-iteration-count:forward;
}
/* ////////////////////////////// */
/* PAYMENT PROOF */
/* ////////////////////////////// */


#payment_proof{
	height:400px;
	margin-top:-30px;
}

#payment_proof #left, #payment_proof #right{
	display:inline-block;
	padding:20px 0;
	position:relative;
	vertical-align:top;
}

#payment_proof #left{
	height:445px;
	width:200px;
	position:fixed;
}

#payment_proof #right{
	width:820px;
	min-height:300px;
	float:right;
	border-radius:20px;
}

#payment_proof #left img{
	position:absolute;
	top:85px;
	left:-65px;
	z-index:1;
}

#payment_proof #left::after{
	content:' ';
	position:absolute;
	z-index:1;
	width:240px;
	height:400px;
	left:-70px;
	top:60px;
}

#payment_proof #right #hello{
	padding:10px 20px;
	background:rgba(255,255,255,0.7);
	border-radius:10px;
	border:1px solid rgba(0,0,0,0.2);
	position:relative;
	color:rgba(0,0,0,0.5);
	font-size:18px;
	font-weight:bold;
}

#payment_proof #right #hello::after{
	content:' ';
	position:absolute;
	width:20px;
	height:20px;
	background:rgba(255,255,255,0.7);
	border-radius:100%;
	left:-30px;
	bottom:-10px;
}

#payment_proof #right #hello::before{
	content:' ';
	position:absolute;
	width:20px;
	height:20px;
	background:rgba(255,255,255,0.7);
	border-radius:100%;
	left:-55px;
	bottom:-30px;
}

#payments{
	border-collapse:collapse;
	box-shadow:0 0 5px black;
	text-align:center;
	width:800px;
	margin:auto;
	margin-top:20px;
	font-size:14px;
}

#payments th{
	background:#e8503a;
	color:white;
}

#payments th{
	padding:12px
}

#payments td{
	padding:8px;
}

#payments td{
	border:1px solid rgba(0,0,0,0.1);
	width:auto
}

#payments tr:nth-child(even){
	background:#eee;
}

#payments tr:nth-child(odd){
	background:#fff;
}

#paginator{
	margin-top:20px
}

#paginator a{
	color:white;
}

#paginator div{
	display:inline-block;
}

#selectpage select{
	min-width:60px;
	text-align:center;
}

#selectpage option{
	padding:6px;
	cursor:pointer;
}

#selectpage{
	margin-right:20px;
	background:rgba(255,255,255,0.7);
	padding-left:10px;
	letter-spacing:1px;
	color:#333;
	float:right;
}

.page_button{
	color:white;
	padding:8px 16px;
	box-shadow:0 0 3px black;
	background:#e8503a;
	margin:0 5px;
	position:relative;
}

.disabled_pb::after{
	content:' ';
	position:absolute;
	background:rgba(255,255,255,0.4);
	width:100%;
	height:100%;
	left:0;
	top:0;
}

.disabled_pbx::after{
	content:' ';
	position:absolute;
	background:rgba(0,0,0,0.3);
	width:100%;
	height:100%;
	left:0;
	top:0;
}

.disabled_pbxx::after{
	content:' ';
	position:absolute;
	background:rgba(255,255,255,0.8);
	width:100%;
	height:100%;
	left:0;
	top:0;
}
/* ////////////////////////////// */
/* PAYMENT PROOF END */
/* ////////////////////////////// */

#adview #headadx{
	display:inline-block;
	position:fixed;
	left:0;
	top:0;
	height:80px;
	width:100%;
	background:#3C9;
	color:white;
	box-shadow:0 0 5px black;
}

#adview iframe{
	position:fixed;
	left:0;
	top:80px;
	width:100%;
	height:calc( 100% - 80px );
	border:none;
}

#adview #headadx #bar{
	width:100%;
	bottom:0;
	height:20px;
	position:absolute;
	left:0;
	background:#666;
}

#adview #headadx #barload{
	position:absolute;
	height:14px;
	bottom:3px;
	width:0%;
	background:#3C9;
}

#adview #headadx #desc{
	position:absolute;
	top:15px;
	left:0;
	letter-spacing:1px;
	font-size:26px;
	font-weight:lighter;
	width:100%;
	text-align:center;
}

.banners .set_form img{
	box-shadow:0 0 5px rgba(0,0,0,0.5); margin:10px 0;
}

.banners textarea{
	width:500px;
	min-height:30px;
	text-align:center;
	cursor:pointer;
	margin-bottom:10px;
	resize:none;
	padding:15px;
	border:none;
	background:#eee;
	border:1px solid #666;
}

.tos h2{
	margin-top:20px!important;
	text-transform:uppercase;
}

.tos b{
	margin-right:10px;
}

.tos .set_form{
	background:rgba(255,255,255,0.9)!important;
	text-shadow:0 0 3px white!important;
}

.tos .set_form p{
	text-indent:20px;
	font-size:14px;
	margin:4px;
}

.faq p{
	margin-botom:0;
}

.faq #chick_cover{
	width:100%;
	text-align:center;
	font-size:14px;
}

.faq #chick_cover td{
	padding:8px;
}

.faq #chick_cover td:nth-child(1){
	width:2%;
	font-weight:bold;
}

.faq #chick_cover td:nth-child(2), .faq #chick_cover td:nth-child(3), .faq #chick_cover td:nth-child(4), .faq #chick_cover td:nth-child(5){
	width:24.5%;
}

.faq #chick_cover .chicken{
	transform:scale(0.45);
	margin-top:-20px;
	margin-left:5px;
	height:100px;
	position:relative;
}

.faq #eggler .chicken{
	height:20px!important;
	transform:scale(0.7);
}

.faq #eggler .chicken::after, .faq #eggler .chicken::before{
	display:none;
}

.faq #eggler .chicken .eggo{
	margin-top:0!important;
	top:30px!important;
	left:50px!important;
	position:relative;
}

.faq #eggler td{
	padding-bottom:20px
}

.faq #cowler{
	font-size:14px;
	text-align:center;
	border-collapse:collapse;
}

.faq #cowler td{
	border:1px solid rgba(0,0,0,0.2);
	padding:6px;
	width:25%!important;
}

/* STORE INFORMER */

#informer{
	display:block;
	padding:10px 20px;
	background:rgba(255,255,255,0.8);
	border:1px solid rgba(0,0,0,0.4);
	margin-top:30px;
	width:500px;
	font-size:14px;
	vertical-align:middle;
}

#informer h3{
	margin:0; padding:0;
	font-weight:lighter;
	font-size:18px;
	margin-bottom:5px;
	line-height:18px
}

#informer #egg{
	display:inline-block;
	vertical-align:middle;
	width:15px;
	height:20px;
	z-index:1;
	background:#783800;
	border-top-left-radius:100%;
	border-top-right-radius:100%;
	border-bottom-left-radius:15px;
	border-bottom-right-radius:15px;
	box-shadow:0 0 5px black;
	margin:0 10px;
}

#informer #bronze_egg{
	display:inline-block;
	vertical-align:middle;
	width:15px;
	height:20px;
	z-index:1;
	background:#e05959;
	box-shadow:0 0 5px black, inset 0 0 7px white!important;
	border-top-left-radius:100%;
	border-top-right-radius:100%;
	border-bottom-left-radius:15px;
	border-bottom-right-radius:15px;
	box-shadow:0 0 5px black;
	margin:0 10px;
}

#informer #silver_egg{
	display:inline-block;
	vertical-align:middle;
	width:15px;
	height:20px;
	z-index:1;
	background:#dedede;
	box-shadow:0 0 5px black, inset 0 0 7px white, inset 0 0 5px black!important;
	border-top-left-radius:100%;
	border-top-right-radius:100%;
	border-bottom-left-radius:15px;
	border-bottom-right-radius:15px;
	box-shadow:0 0 5px black;
	margin:0 10px;
}

#informer #golden_egg{
	display:inline-block;
	vertical-align:middle;
	width:15px;
	height:20px;
	z-index:1;
	background:#ffd800;
	box-shadow:0 0 5px black, inset 0 0 7px white!important;
	border-top-left-radius:100%;
	border-top-right-radius:100%;
	border-bottom-left-radius:15px;
	border-bottom-right-radius:15px;
	box-shadow:0 0 5px black;
	margin:0 10px;
}

#informer #white_egg{
	display:inline-block;
	vertical-align:middle;
	width:15px;
	height:20px;
	z-index:1;
	background:white;
	box-shadow:0 0 5px black, inset 0 0 7px white!important;
	border-top-left-radius:100%;
	border-top-right-radius:100%;
	border-bottom-left-radius:15px;
	border-bottom-right-radius:15px;
	box-shadow:0 0 5px black;
	margin:0 10px;
}

#informer #black_egg{
	display:inline-block;
	vertical-align:middle;
	width:15px;
	height:20px;
	z-index:1;
	background:black;
	box-shadow:0 0 5px black, inset 0 0 7px white!important;
	border-top-left-radius:100%;
	border-top-right-radius:100%;
	border-bottom-left-radius:15px;
	border-bottom-right-radius:15px;
	box-shadow:0 0 5px black;
	margin:0 10px;
}

#informer #blue_egg{
	display:inline-block;
	vertical-align:middle;
	width:15px;
	height:20px;
	z-index:1;
	background:#3e60ce;
	box-shadow:0 0 5px black, inset 0 0 7px rgba(0,0,0,0.5)!important;
	border-top-left-radius:100%;
	border-top-right-radius:100%;
	border-bottom-left-radius:15px;
	border-bottom-right-radius:15px;
	box-shadow:0 0 5px black;
	margin:0 10px;
}

#informer #red_egg{
	display:inline-block;
	vertical-align:middle;
	width:15px;
	height:20px;
	z-index:1;
	background:red;
	box-shadow:0 0 5px black, inset 0 0 7px white!important;
	border-top-left-radius:100%;
	border-top-right-radius:100%;
	border-bottom-left-radius:15px;
	border-bottom-right-radius:15px;
	box-shadow:0 0 5px black;
	margin:0 10px;
}

#informer{
	line-height:30px;
	display:none;
}



#informer .milk{
	cursor:pointer;
	z-index:11;
	height:25px;
	width:15px;
	position:relative;
	display:inline-block;
	background:#a1e3ff;
	border-top-left-radius:6px;
	border-top-right-radius:6px;
	border-bottom-left-radius:3px;
	border-bottom-right-radius:3px;
	transform:rotate(0deg);
	box-shadow:0 0 5px rgba(0,0,0,0.3);
	cursor:pointer;
	vertical-align:middle;
	margin:5px 10px;
}

#informer .milk::after{
	content:' ';
	width:5px;
	height:5px;
	background:#a1e3ff;
	position:absolute;
	left:5px;
	top:-4.5px;
	border-top:2px solid black;
}

#informer .milk::before{
	content:'MILK';
	font-size:5px;
	color:rgba(0,0,0,0.5);
	border-bottom-left-radius:3px;
	border-bottom-right-radius:3px;
	width:13px;
	height:17px;
	line-height:17px;
	background:#fff;
	position:absolute;
	left:1px;
	bottom:1px;
}

/* STORE INFORMER END */

/* HOME */

#home .row .l_column{
	position:relative;
}

#home .row .l_column .register_button{
	position:absolute;
	right:10px;
	bottom:10px;
	background:#F88A00;
	color:white;
	font-weight:lighter;
	padding:6px;
	cursor:pointer;
	border-radius:8px;
	box-shadow:0 0 4px rgba(0,0,0,0.4);
	text-shadow:0 0 1px rgba(0,0,0,0.4);
}
#home .row .l_column .register_button:hover{
	text-shadow:0 0 4px rgba(255,255,255,0.5)
}

#home .row .l_column p{
	padding-left:10px;
	color:#069;
	text-shadow:0 0 8px rgba(0,0,0,0.3);
}

#home .row .l_column p font{
	font-size:18px;
	font-weight:bold;
	text-shadow:0 0 3px white;
}

#home .row h2{
	font-weight:400;
	font-size:24px;
	padding:0;
	margin:0;
	color:#C33;
}


/* HENCOOP BARN INFORMER */

#informit{
	width:100%;
	height:100%;
	position:fixed;
	left:0;
	top:0;
	background:rgba(0,0,0,0.85);
	z-index:99999;
}

#infacontent{
	width:500px;
	height:500px;
	top:calc( 50% - 250px );
	left:calc( 50% - 250px );
	position:absolute;
	text-align:center;
}

#infacontent h3{
	color:white;
	padding-top:30px;
	font-size:20px;
}

#action .home_chicken{
	background:white;
	left:calc( 50% - 70px );
	top:20px;
}

#action{
	position:relative;
}

@keyframes infacontent{
	90%{
		bottom:240px;
		left:240px;
		transform:scale(1);
	}
	
	93%{
		bottom:240px;
		left:240px;
		transform:scale(0.5);
	}
	98%{
		bottom:240px;
		left:240px;
		transform:scale(1);
	}
	
	100%{
		bottom:240px;
		left:240px;
		transform:scale(1);
	}
}

@keyframes infacontent2{
	70%{
		bottom:120px;
		left:340px;
		transform:scale(1);
	}
	
	73%{
		bottom:120px;
		left:340px;
		transform:scale(0.5);
	}
	78%{
		bottom:120px;
		left:340px;
		transform:scale(1);
	}
	
	100%{
		bottom:120px;
		left:340px;
		transform:scale(1);
	}
}

#infacontent i{
	font-size:50px;
	color:white;
	position:absolute;
	z-index:99;
	bottom:0;
	left:0;
	animation-name:infacontent;
	animation-duration:3s;
	animation-iteration-count:infinite;
	text-shadow:0 0 6px black;
}

#infacontent .barnhop{
	animation-name:infacontent2!important;
	animation-duration:3s;
	animation-iteration-count:infinite;
}

#infacontent .closerfacon{
	position:absolute;
	top:0;
	right:0;
	color:#F30;
	font-size:18px;
	font-weight:bold;
	cursor:pointer;
}

#action .cow{
	background:white;
	left:calc( 50% - 140px );
	top:20px;
}



@keyframes infacontent3{
	
	73%{
		opacity:1;
	}
	
	78%{
		opacity:0;
	}
	
	100%{
		opacity:0;
	}
}

#infacontent .cow #milk_bottles{
	position:absolute;
	left:180px;
	top:190px;
	width:100px;
	animation-name:infacontent3!important;
	animation-duration:3s;
	animation-iteration-count:infinite;
}

#infacontent .cow .milk{
	cursor:pointer;
	z-index:11;
	height:50px;
	width:30px;
	position:relative;
	display:inline-block;
	background:#a1e3ff;
	border-top-left-radius:12px;
	border-top-right-radius:12px;
	border-bottom-left-radius:6px;
	border-bottom-right-radius:6px;
	transform:rotate(0deg);
	box-shadow:0 0 5px rgba(0,0,0,0.3);
	cursor:pointer;
}

#infacontent .cow .milk::after{
	content:' ';
	width:10px;
	height:10px;
	background:#a1e3ff;
	position:absolute;
	left:10px;
	top:-9px;
	border-top:2px solid black;
}

#infacontent .cow .milk::before{
	content:'MILK';
	font-size:10px;
	color:rgba(0,0,0,0.5);
	border-bottom-left-radius:6px;
	border-bottom-right-radius:6px;
	width:26px;
	height:34px;
	line-height:34px;
	background:#fff;
	position:absolute;
	left:2px;
	bottom:2px;
}
/* HENCOOP BARN INFORMER END */

/* HOME END */

/* FOOTER CONTENT */

#footer{
	box-shadow:0 0 8px rgba(0,0,0,0.7);
	border-top:1px solid rgba(255,255,255,0.2);
}

#footer_content{
	width:1000px;
	padding:10px;
	padding-top:25px;
	margin:auto;
	color:white;
	text-align:center;
}

#footer_content div{
	width:310px;
	padding:10px;
	display:inline-block;
	font-weight:lighter;
	vertical-align:top;
}

#footer_links a{
	color:white;
	margin:0 5px;
	font-size:14px;
}
#footer_links a:hover{
	color:rgba(255,255,255,0.6);
}

#footer_social_media{
	font-size:24px;
}

#footer_social_media a{
	color:white;
	margin:0 5px;
}
#footer_social_media a:hover{
	color:rgba(255,255,255,0.6);
}

#footer_social_media i{
	margin:0 5px;
}
/* FOOTER CONTENT END */

#header a{
	box-shadow:0 0 4px rgba(0,0,0,0.4);
}

#header .blue{
	background:#3C9
}

#header .red{
	background:#C00;
}

#home .second_row .l_column p{
	list-style:circle;
	list-style-type:circle;
	display:list-item;
	margin-left:20px;
}

#home .second_row .l_column{
	font-weight:lighter;
	overflow:hidden;
	position:relative;
}

#home .second_row .l_column .fadoga{
	font-size:100px;
	color:rgba(0,0,0,0.3);
	right:-10px;
	bottom:-20px;
	position:absolute;
}

#general_stats{
	color:white;
	padding:6px;
	border-radius:4px;
	background:#C30;
	cursor:pointer;
	float:right;
	font-size:15px;
	margin-top:-4px;
	margin-right:-13px;
	box-shadow:0 0 2px rgba(0,0,0,0.5);
	text-shadow:0 0 1px rgba(0,0,0,0.5);
}

#infacontent .po{
	display:list-item;
	list-style:circle;
	color:white;
	background:rgba(255,255,255,0.2);
	padding:8px;
	font-weight:lighter;
	text-align:left;
	margin:2px 0;
}

#infacontent .po p{
	width:150px!important;
	font-style:normal;
	font-weight:bold;
	display:inline-block;
	padding:0; margin:0;
}


/* ////////////////////////////// *//* ////////////////////////////// *//* ////////////////////////////// */
/* ////////////////////////////// */
/* FORUM */
/* ////////////////////////////// */

#forum{
	margin-left:46px;
	width:900px;
	padding:20px;
	background:rgba(255,255,255,0.9);
	border:1px solid rgba(0,0,0,0.4);
}

#forum h1{
	font-weight:lighter;
	margin:0;
	letter-spacing:2px;
	text-transform:uppercase;
}

#forum h2{
	font-weight:lighter;
	letter-spacing:2px;
	text-transform:uppercase;
	text-indent:30px;
	position:relative;
	word-break:break-all;
}

#forum h3{
	font-weight:lighter;
	letter-spacing:2px;
	text-transform:uppercase;
	position:relative;
	word-break:break-all;
}

#forum h2::after{
	content:' ';
	position:absolute;
	bottom:-6px;
	left:30px;
	width:60px;
	border-bottom:3px solid #0C9;
}

.forum-table{
	width:830px;
	margin-left:40px;
	margin-bottom:40px;
}

.forum-table td{
	padding:8px;
	background:rgba(0,0,0,0.1);
}

.forum-table td:nth-child(1){
	width:50%!important;
	font-weight:lighter
}

.forum-table td:nth-child(2),.forum-table td:nth-child(3),.forum-table td:nth-child(4){
	font-size:12px;
	text-align:center;
}

.forum-table td:nth-child(2){
	width:14%!important;
}


.forum-table td:nth-child(3){
	width:14%!important;
}

.forum-table td:nth-child(4){
	width:22%!important;
}

.forum-table td:nth-child(4) div{
	width:150px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	text-align:center;
}

.forum-table td:nth-child(2) div{
	text-align:center;
	width:100px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}


.forum-table td:nth-child(1) p{
	margin:0; padding:0;
	width:390px;
	word-wrap:break-word;
}

#forum{
	font-weight:lighter;
}

#forum .topic{
	width:calc( 100% - 180px );
	padding:20px;
	padding-bottom:120px;
	padding-left:160px;
	background:rgba(0,0,0,0.1);
	position:relative;
	min-height:120px;
	margin-top:40px;
	margin-bottom:30px;
	box-shadow:0 0 4px rgba(0,0,0,0.4);
}

#forum .topic .username{
	position:absolute;
	padding:5px 8px;
	background:#C30;
	color:white;
	left:-4px;
	top:-4px;
	border-top-left-radius:12px;
	box-shadow:0 0 4px rgba(0,0,0,0.4);
	min-width:120px;
	
}

#forum .topic .username2{
	position:absolute;
	padding:5px 8px;
	background:#099;
	color:white;
	left:-4px;
	top:-4px;
	border-top-left-radius:12px;
	box-shadow:0 0 4px rgba(0,0,0,0.4);
	min-width:120px;
	
}

#forum .topic .profimg{
	width:100px;
	height:100px;
	background:black;
	box-shadow:0 0 4px rgba(0,0,0,0.4);
	position:absolute;
	left:15px;
	top:40px;
}

#forum .topic em{
	position:absolute;
	font-size:14px;
	right:12px;
	bottom:6px;
}

#forum #reply{
	margin-top:50px;
	position:relative;
}


#forum #reply h4{
	font-weight:lighter;
	font-size:30px;
	margin-bottom:0;
}


#forum #reply textarea, #forum .topic textarea{
	width:calc( 100% - 30px );
	resize:vertical;
	min-height:100px;
	padding:15px;
	border-radius:6px;
	border:2px solid rgba(0,0,0,0.3);
	margin-bottom:10px
}

#forum .topic textarea{
	min-height:140px;
}


#forum #reply label{
	margin:5px;
	padding:4px 8px;
	background:#333;
	color:white;
	box-shadow:0 0 4px rgba(0,0,0,0.4);
	width:20px;
	cursor:pointer;
	margin-bottom:15px;
}

#forum #reply .imoji{
	background:none!important;
	box-shadow:none!important;
	margin:2px!important;
	padding:none!important;
}

#forum #reply input[type=submit],#forum #reply input[type=button],.add-new-topic{
	font-size:20px;
	font-weight:lighter;
	padding:6px 12px;
	cursor:pointer;
	width:140px;
	margin-top:10px;
	margin-left:calc( 50% - 70px );
	background:#C30;
	color:white;
	border:none;
	box-shadow:0 0 4px rgba(0,0,0,0.4);
}

#forum #reply input[type=submit]:hover,#forum #reply input[type=button]:hover,.add-new-topic:hover{
	background:#C33;
}

.add-new-topic{
	margin-left:20px!important;
	margin-bottom:20px;
}

#forum #reply center input{
	margin:6px!important;
}

#forum #reply input[type=text]{
	padding:5px;
	margin:3px;
	width:400px;
	border-radius:6px;
	border:2px solid rgba(0,0,0,0.3);
}

#forum .editor, #forum .editor2{
	margin-right:20px;
	cursor:pointer;
}

#forum .quoter{
	margin-right:10px;
	cursor:pointer;
}

#forum .topic input[type=submit],#forum .topic input[type=button]{
	font-size:20px;
	font-weight:lighter;
	padding:6px 12px;
	cursor:pointer;
	width:140px;
	margin-top:10px;
	margin-right:10px;
	background:#C30;
	color:white;
	border:none;
	box-shadow:0 0 4px rgba(0,0,0,0.4);
}

#forum .topic input[type=submit]:hover, #forum .topic input[type=button]:hover{
	background:#C33;
}

#forum h5{
	font-size:24px;
	color:#C00;
	text-align:center;
	margin:10px;
	font-weight:lighter;
}

#forum .forumimg{
	max-width:500px;
}

#forum .imojik{
	margin-left:4px;
}

#forum .fstatistics{
	position:absolute;
	width:120px;
	height:100px;
	left:15px;
	top:155px;
	font-size:14px;
}

@keyframes fadeout{
	75%{
		opacity:1;
	}
	
	99%{
		opacity:0;
	}
	
	100%{
		opacity:0;
	}
	
}

#forum .admin_informer{
	position:fixed;
	width:300px;
	top:40px;
	left: calc( 50% - 150px );
	padding:15px;
	background:white;
	font-weight:lighter;
	font-size:20px;
	text-align:center;
	animation-name:fadeout;
	animation-duration:2s;
	animation-iteration-count:forwards;
	animation-fill-mode:forwards;
	border-radius:10px;
	border:5px solid rgba(0,0,0,0.5);
	box-shadow:0 0 10px rgba(0,0,0,0.6);
	
}

#support{
	height:500px;
	margin-top:-30px;
}

#support #left, #support #right{
	display:inline-block;
	padding:20px 0;
	position:relative;
	vertical-align:top;
}

#support #left{
	height:445px;
	width:200px;
	position:fixed;
}

#support #right{
	width:820px;
	min-height:300px;
	float:right;
	border-radius:20px;
}

#support #left img{
	position:absolute;
	top:85px;
	left:-65px;
	z-index:1;
}

#support #left::after{
	content:' ';
	position:absolute;
	z-index:1;
	width:240px;
	height:400px;
	left:-70px;
	top:60px;
}

#support #right #hello{
	padding:10px 20px;
	background:rgba(255,255,255,0.7);
	border-radius:10px;
	border:1px solid rgba(0,0,0,0.2);
	position:relative;
	color:rgba(0,0,0,0.5);
	font-size:18px;
	font-weight:bold;
}

#support #right #hello::after{
	content:' ';
	position:absolute;
	width:20px;
	height:20px;
	background:rgba(255,255,255,0.7);
	border-radius:100%;
	left:-30px;
	bottom:-10px;
}

#support #right #hello::before{
	content:' ';
	position:absolute;
	width:20px;
	height:20px;
	background:rgba(255,255,255,0.7);
	border-radius:100%;
	left:-55px;
	bottom:-30px;
}

#support_content{
	width:calc( 100% - 30px );
	margin-top:20px;
	background:rgba(255,255,255,0.9);
	padding:12px;
	border:2px solid rgba(0,0,0,0.4);
}

#support_content h2{
	font-weight:lighter;
}

#support{
	font-weight:lighter;
}

#support input[type=text]{
	margin:5px;
	padding:5px;
	width:250px;
}

#support textarea{
	padding:8px;
	width:calc( 100% - 25px );
	min-height:80px;
	resize:vertical;
	margin:5px;
}

#support textarea, #support input[type=text]{
	border:2px solid rgba(0,0,0,0.4);
	border-radius:6px;
}

#support input[type=submit]{
	padding:5px 10px;
	text-transform:uppercase;
	font-weight:lighter;
	background:#DB2125;
	color:white;
	cursor:pointer;
	border:none;
	box-shadow:0 0 4px rgba(0,0,0,0.4);
	width:140px;
	margin-left: calc( 50% - 70px );
	margin-top:10px;
}

#support input[type=submit]:hover{
	background:#DD5759
}

#support table{
	margin:10px 0;
	width:100%;
	font-size:14px;
}
#support table td{
	padding:5px;
	background:rgba(0,0,0,0.05);
}
#support table td:nth-child(1){
	width:50%
}
#support table td:nth-child(2){
	width:25%;
	text-align:center
}
#support table td:nth-child(3){
	width:24%;
	text-align:center
}

#support .sp-bt-x{
	padding:5px 10px;
	text-transform:uppercase;
	font-weight:lighter;
	background:#DB2125;
	color:white;
	cursor:pointer;
	border:none;
	box-shadow:0 0 4px rgba(0,0,0,0.4);
	margin-top:10px;
}

#support .sp-bt-x:hover{
	background:#D34A4D
}

#support .ticket_content p{
	text-indent:20px;
	padding:0;
}

#support .ticket_cont{
	padding:10px;
	margin:10px;
	width:calc( 100% - 40px );
	background:rgba(0,0,0,0.1);
	padding-bottom:25px;
	font-weight:normal;
	position:relative;
}

#support h3{
	font-weight:lighter;
	border-bottom:1px solid rgba(0,0,0,0.1);
}

#support .ticket_cont em{
	font-size:14px;
	position:absolute;
	right:5px;
	bottom:5px;
}

#support .admin_r{
	width:80%;
	margin-left:13%;
	position:relative;
}
#support .admin_r::after{
	position:absolute;
	content:' ';
	right:-20px;
	top:0;
	width: 0; 
	height: 0; 
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	border-left: 20px solid rgba(0,0,0,0.1);
}

#support .user_r{
	width:80%;
	margin-left:30px;
	position:relative;
}
#support .user_r::after{
	position:absolute;
	content:' ';
	left:-20px;
	top:0;
	width: 0; 
	height: 0; 
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	border-right: 20px solid rgba(0,0,0,0.1);
}

#forum .fa{
	margin-right:10px;
}

#payments td{
	padding:8px!important;
}


.depositer_bts{
	padding:12px 8px;
	background:#F8F8F8;
	font-weight:lighter;
	display:inline-block;
	vertical-align:top;
	width:120px;
	margin:10px 5px;
	cursor:pointer;
	box-shadow:0 0 4px rgba(0,0,0,0.2), inset 0 -10px 10px rgba(0,0,0,0.2);
	border-radius:8px;
	border:2px solid rgba(0,0,0,0.4);
}
.depositer_bts:hover{
	background:#EFEFEF
}

.depositer_btsblue{
	color:white;
	background:#06C
}

.depositer_btsblue:hover{
	color:white;
	background:#06C
}

.depositovic{
	display:none;
}

#depositer .deposit_capsule{
	width:95px;
	display:inline-block;
	vertical-align:top;
	padding:5px;
}

#depositer .deposit_capsule .dptbtx{
	padding:5px;
	display:inline-block;
	vertical-align:top;
	background:#eee;
	font-weight:bold;
	text-align:center;
	width:30px;
	font-size:14px;
	margin:2px 1px;
	cursor:pointer;
	border-radius:6px;
	box-shadow:0 0 2px rgba(0,0,0,0.4), inset 0 -10px 10px rgba(0,0,0,0.1);
	border:1px solid rgba(0,0,0,0.2);
}

#depositer .deposit_capsule .dptbtxx{
	padding:15px 5px;
	display:inline-block;
	vertical-align:top;
	background:#eee;
	font-weight:bold;
	text-align:center;
	width:80px;
	font-size:14px;
	margin:2px 0;
	cursor:pointer;
	border-radius:6px;
	box-shadow:0 0 2px rgba(0,0,0,0.4), inset 0 -10px 10px rgba(0,0,0,0.1);
	border:1px solid rgba(0,0,0,0.2);
}

#depositer .deposit_capsule .dptbtxx em{
	font-size:12px;
	font-weight:lighter;
	font-style:normal;
}

#depositer .deposit_capsule .depositer_caps_btsblue{
	color:white;
	background:#06C
}

.v_c_submitter{
	border:none;
	box-shadow:0 0 4px rgba(0,0,0,0.2);
	color:white;
	background:#06C;
	cursor:pointer;
	padding:2px;
}
.v_c_submitter:hover{
	color:rgba(255,255,255,0.6)
}




#informer{
	display:block;
	padding:10px 20px;
	background:rgba(255,255,255,0.95);
	border:1px solid rgba(0,0,0,0.4);
	margin-top:30px;
	width:500px;
	font-size:14px;
	vertical-align:middle;
	position:absolute;
	top:-40px;
	right:40px;
}

#informer{
	line-height:30px;
	display:none;
}

#store .pack{
	width:160px;
	background:rgba(255,255,255,1);
	display:inline-block;
	vertical-align:top;
	padding:10px;
	position:relative;
	margin:8px;
	margin-top:25px;
	height:120px;
}

#store .pack h3{
	box-shadow:0 0 10px rgba(0,0,0,0.4);
	position:absolute;
	margin-top:-35px;
	background:#dd5224;
	text-shadow:0 0 2px rgba(0,0,0,0.3);
	width:100%;
	left:-5px;
	padding:5px;
	font-size:14px;
	color:white;
	border-radius:8px;
	text-align:center
}



#store .pack .price, #store .pack .buy{
	font-size:14px;
	position:absolute;
	bottom:5px;
	padding:4px;
	color:white;
	text-shadow:0 0 5px rgba(0,0,0,0.5);
	box-shadow:0 0 4px rgba(0,0,0,0.5);
}

#store .pack .price{
	left:-4px;
	background:#c30;
}

#store .pack .price em{
	margin-right:5px;
	font-style:normal;
	text-decoration:line-through
}

#store .pack .buy{
	right:-4px;
	background:#c5e043;
	cursor:pointer;
	color:rgba(0,0,0,0.5);
}

#store .pack .buy:hover{
	color:rgba(0,0,0,0.4);
}

#store .pack p{
	font-size:14px;
}

#store .pack .alert{
	height:120px;
	width:100%;
	left:0;
	z-index:99;
	top:-20px;
	background:rgba(255,255,255,0.95);
	position:absolute;
	font-size:14px;
	opacity:0;
	padding-top:40px;
	text-align:center;
}

#store .pack:hover .alert{
	opacity:1;
}

.fa-bitcoin{
	margin-right:4px;
}

.wool{
	width:214px;
	height:166px;
	background:url(../img/wool.png);
}

.sheepx_info .wool{
	display:inline-block;
	line-height:16px!important;
	transform:scale(0.1)!important;
}

#barn .sheep{
	position:fixed;
	transform:scale(0.6);
	margin-top:70px;
	margin-left:-20px;
}

#barn .sheep #milk_bottles{
	position:absolute;
	left:270px;
	top:270px;
	width:600px;
}

#barn .sheep #milk_bottles .wool{
	display:inline-block;
	transform:scale(0.62)!important;
}

#barn .sheep #milk_bottles .wool:nth-child(2n){
	margin-left:-40px;
}

#barn .sheep #milk_bottles .wool:nth-child(3n){
	margin-left:-40px;
}

.wool2{
	width:64px;
	height:50px;
	background-image:url(../img/wool.png);
	background-size:cover;
}

.item_img .wool2{
	margin-top:15px;
	margin-left:8px;
}

.forumsect1{
	width:728px;
	height:90px;
	background-size:cover;
}

.forumsect2{
	width:568px;
	height:60px;
	background-size:cover;
}