@import url(http://fonts.googleapis.com/css?family=Droid+Serif:400,300,700,400italic);

body{
	margin:0;
	padding:0;
	font-family: "Montserrat", "Trebuchet MS", Helvetica, sans-serif!important;
	cursor:default;
	background:#3c2c2c;
	position:relative;
	min-width:1100px;
	overflow-x:hidden;
}

#skelet{
	width:1100px;
	margin:auto;
}




@keyframes colorsw1{
	50%{
		background:#EFA609;
	}
}

.box_bt_top{
	animation-name:colorsw1;
	animation-duration:1s;
	animation-iteration-count:infinite;
	background:#EFA609;
	transform:scale(1.4);
	transition: all 0.15s ease-in-out;
	transform: scale(1);
}

/* TOP */

#top{
	position:relative;
	background:white;
	width:100%;
	height:260px;
}

#hccover{
	width:1100px;
	height:375px;
	position:absolute;
	left:calc( 50% - 550px );
	top:0;
}

#maden_content{
	position:relative;
	top:20px;
	left:20px;
	z-index:7;
}

#maden_content .stat{
	background:#755c55;
	padding:8px;
	padding-left:55px;
	padding-right:15px;
	border-top-right-radius:34px;
	border-bottom-right-radius:34px;
	color:white;
	text-align:center;
	box-shadow:0 0 4px rgba(0,0,0,0.5);
	border:2px solid #382325;
	position:relative;
}

#maden_content .stat .img_cover{
	background:#5a6f48;
	min-width:47px;
	min-height:47px;
	padding:10px;
	position:absolute;
	border:2px solid #313131;
	border-radius:100%;
	top:-7px;
	left:-20px;
	box-shadow:0 0 4px rgba(0,0,0,0.5);
}

#maden_content .stat font{
	font-weight:bold;
}

#home_content #stats{
	position:absolute;
	bottom:-15px;
	width:100%;
	color:white;
}

#home_content #stats div{
	display:inline-block;
	width:125px;
	margin:0 10px;
	text-align:center;
	padding:4px 8px;
	border-radius:12px;
	background:#6f5650;
	box-shadow:0 0 5px rgba(0,0,0,0.5);
}

#home_content #stats div font{
	border-bottom:1px solid white;
	font-weight:bold;
}

#home_content h1{
	font-size:18px;
	width:400px;
	position:absolute;
	padding:8px;
	border-radius:20px;
	background:#6f5650;
	color:white;
	top:-30px;
	left:-28px;
	box-shadow:0 0 5px rgba(0,0,0,0.5);
	z-index:2;
}

#home_content #h1alt{
	position:absolute;
	width:0;
	height:0;
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	border-right:20px solid #382325;
	left:-20px;
	top:-5px;
	z-index:1;
}

#top_bg{
	position:absolute;
	width:100%;
	height:260px;
	left:0;
	top:0;
	background:url(../img/bg1.png);
	z-index:1;
}

#top #mount{
	position:absolute;
	width:680px;
	height:225px;
	left:calc( 50% - 340px );
	bottom:0;
	background:url(../img/mount.png);
	z-index:2;
}

#top .ground1{
	position:absolute;
	width:50%;
	height:8px;
	bottom:0;
	left:0;
	background:url(../img/top_ground1.png);
	z-index:5;
}

#top .ground2{
	position:absolute;
	width:50%;
	height:8px;
	bottom:0;
	right:0;
	background:url(../img/top_ground2.png);
	z-index:5;
}

#magara1{
	position:absolute;
	width:186px;
	height:138px;
	left:calc( 50% - 180px );
	bottom:0;
	background:url(../img/magara1.png);
	z-index:4;
}

#magara2{
	position:absolute;
	width:103px;
	height:161px;
	left:calc( 50% - -4px );
	bottom:0;
	background:url(../img/magara2.png);
	z-index:3;
}

#bigcoal{
	width:224px;
	height:96px;
	position:absolute;
	bottom:0;
	z-index:2;
	left:calc( 50% - -150px );
	background:url(../img/bigcoal.png)
}

@keyframes minicargo{
	4%{
		left:-60px;
	}
	50%{
		left:120px;
	}
	66%{
		left:120px;
	}
	82%{
		left:-60px;
	}
}

#minicar{
	width:53px;
	height:43px;
	position:absolute;
	left:-60px;
	bottom:8px;
	z-index:3;
	animation-name:minicargo;
	animation-duration:15s;
	animation-timing-function:linear;
	animation-iteration-count:infinite;
}

@keyframes minicoal{
	52%{
		top:0;
	}
	
	62%{
		top:14px;
	}
	
	82%{
		top:14px;
	}
	
	85{
		top:0;
	}
	
}

#minitank{
	position:absolute;
	width:53px;
	height:29px;
	bottom:0;
	background:url(../img/minitank.png);
}

#minicoal{
	position:absolute;
	width:49px;
	height:14px;
	top:0;
	right:2px;
	background:url(../img/minicoal.png);
	animation-name:minicoal;
	animation-duration:15s;
	animation-timing-function:linear;
	animation-iteration-count:infinite;
}

#kamyon1{
	position:absolute;
	width:159px;
	height:69px;
	background:url(../img/kamyon1.png);
	left:calc( 50% - -300px );
	bottom:0;
	z-index:6;
}

#coal_stat{
	position:absolute;
	width:200px;
	height:140px;
	padding:6px 12px;
	box-shadow:0 0 5px rgba(0,0,0,0.5);
	left:calc( 50% - -300px );
	bottom:90px;
	z-index:6;
	color:white;
	background:#6f5652;
	border:2px solid #2f1d1e;
	border-radius:10px;
}

#coal_stat table{
	width:100%;
	font-size:14px;
}

#coal_stat table tr td:nth-child(1){
	font-weight:bold;
}

#coal_stat table tr td:nth-child(2){
	text-align:right;
}

#coal_stat #gocoal{
	position:absolute;
	width:140px;
	padding:10px;
	bottom:10px;
	background:#5a6f48;
	color:white;
	cursor:pointer;
	left:30px;
	text-align:center;
	border:1px solid #37452a;
	font-size:14px;
	font-weight:bold;
	box-shadow:0 0 5px rgba(0,0,0,0.5);
	border-radius:10px;
	transition:all 0.2s ease-in-out;
}

#coal_stat #gocoal:hover{
	background:#6b8258;
}

/* TOP END */
/* ///////////////////////////////////////////////////////////////////////////////////////////// */

/* BOTTOM */

#bottom{
	position:relative;
	width:1000px;
	margin:auto;
	min-height:340px;
}

#bottom .underground1{
	position:absolute;
	width:732px;
	height:340px;
	top:0;
	left:240px;
	background:url(../img/underground1.png);
	z-index:1;
	overflow:hidden;
}

#bottom .underground2{
	position:absolute;
	width:440px;
	height:343px;
	top:0;
	right:-15px;
	background:url(../img/underground2.png);
	z-index:3;
}


@keyframes cargo{
	17%{
		left:260px;
	}
	33%{
		left:730px;
	}
	83%{
		left:730px;
	}
	100%{
		left:260px;
	}
}

#araba{
	width:186px;
	height:150px;
	position:absolute;
	z-index:2;
	bottom:26px;
	left:260px;
	animation-name:cargo;
	animation-duration:30s;
	animation-timing-function:linear;
	animation-iteration-count:infinite;
}

#tank{
	width:186px;
	position:absolute;
	z-index:2;
	height:102px;
	bottom:0;
	background:url(../img/tank.png);
}

@keyframes coal{
	2%{
		top:49px;
	}
	4%{
		top:36px;
	}
	5%{
		top:36px;
	}
	9%{
		top:20px;
	}
	13%{
		top:20px;
	}
	16%{
		top:0px;
	}
	33%{
		top:0px;
	}
	34%{
		top:49px;
	}
	
}

#coal{
	width:155px;
	position:absolute;
	z-index:1;
	height:49px;
	top:49px;
	right:15px;
	background:url(../img/coal.png);
	animation-name:coal;
	animation-duration:30s;
	animation-timing-function:linear;
	animation-iteration-count:infinite;
}

#miner{
	position:absolute;
	width:208px;
	height:233px;
	bottom:20px;
	left:40px;
}

#body{
	position:absolute;
	width:105px;
	height:222px;
	background:url(../img/body.png);
	bottom:0;
	right:0;
	z-index:2;
}

@keyframes kazma{
	50%{
		transform:rotate(15deg) translateY(-20px);
	}
	80%{
		transform:rotate(-10deg) translateY(10px) translateX(-10px);
	}
}

#kazma{
	position:absolute;
	width:125px;
	height:155px;
	background:url(../img/kazma.png);
	z-index:1;
	left:10px;
	animation-name:kazma;
	animation-duration:0.5s;
	animation-timing-function:linear;
	animation-iteration-count:infinite;
}

#minikcoal{
	width:224px;
	height:96px;
	position:absolute;
	bottom:0;
	background:url(../img/bigcoal.png);
	transform:scale(0.4);
}

.coals img{
	position:absolute;
}

@keyframes c1{
	0%{
		opacity:1;
	}
	20%{
		transform:translate(25px,-10px);
	}
	90%{
		transform:translate(32px,10px);
		opacity:0.7;
	}
	100%{
		transform:translate(46px,15px);
		opacity:0;
	}
}
.coals .c1{
	opacity:0;
	animation-name:c1;
	animation-duration:0.5s;
	animation-timing-function:linear;
	animation-iteration-count:infinite;
}

@keyframes c2{
	0%{
		opacity:1;
	}
	20%{
		transform:translate(15px,-30px);
	}
	90%{
		transform:translate(22px,-10px);
		opacity:0.7;
	}
	100%{
		transform:translate(30px,0px);
		opacity:0;
	}
}
.coals .c2{
	opacity:0;
	animation-name:c2;
	animation-duration:0.5s;
	animation-delay:0.5s;
	animation-timing-function:linear;
	animation-iteration-count:infinite;
}

@keyframes c3{
	0%{
		opacity:1;
	}
	20%{
		transform:translate(25px,-50px);
	}
	90%{
		transform:translate(40px,-30px);
		opacity:0.7;
	}
	100%{
		transform:translate(60px,10px);
		opacity:0;
	}
}
.coals .c3{
	opacity:0;
	animation-name:c3;
	animation-duration:0.5s;
	animation-delay:1s;
	animation-timing-function:linear;
	animation-iteration-count:infinite;
}

@keyframes c4{
	0%{
		opacity:1;
	}
	20%{
		transform:translate(15px,-60px);
	}
	90%{
		transform:translate(42px,-40px);
		opacity:0.7;
	}
	100%{
		transform:translate(56px,-10px);
		opacity:0;
	}
}
.coals .c4{
	opacity:0;
	animation-name:c4;
	animation-delay:1.5s;
	animation-duration:0.5s;
	animation-timing-function:linear;
	animation-iteration-count:infinite;
}

@keyframes c5{
	0%{
		opacity:1;
	}
	20%{
		transform:translate(8px,10px);
	}
	60%{
		transform:translate(36px,40px);
		opacity:0.7;
	}
	100%{
		transform:translate(66px,80px);
		opacity:0;
	}
}
.coals .c5{
	opacity:0;
	animation-name:c5;
	animation-delay:2s;
	animation-duration:0.5s;
	animation-timing-function:linear;
	animation-iteration-count:infinite;
}

#underground_bg{
	width:100%;
	height:375px;
	position:absolute;
	left:0;
	top:0;
	background:url(../img/underground_bg.png)
}

#ugbgc{
	width:1366px;
	height:375px;
	overflow:hidden;
	position:absolute;
	left:calc( 50% - 683px );
	top:0;
}


/* BOTTOM END */
/* ///////////////////////////////////////////////////////////////////////////////////////////// */


#clear{
	clear:both;
}

.fa-database, .fa-bitcoin{
	margin-right:4px;
	font-size:14px!important
}

.twirk{
	animation-name:twister;
	animation-duration:0.5s;
	animation-iteration-count:forward;
}

@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);}
}

a{
	text-decoration:none;
	color:brown;
}

#menu_cover{
	width:1200px;
	margin:auto;
	margin-top:0;
	position:relative;
}

#menu{
	position:absolute;
	padding:20px;
	padding-left:15px;
	height:25px;
	background:rgba(110,85,80,1);
	min-width:1160px;
	right:0;top:0px;
	z-index:1111;
	border-bottom-left-radius:20px;
	border-bottom-right-radius:20px;
	box-shadow:0 0 5px rgba(0,0,0,0.8);
}

#menu a{
	padding:6px 8px;
	background:#b08882;
	margin:10px 1px;
	border-radius:10px;
	color:white;
	box-shadow:0 0 4px rgba(0,0,0,0.6);
}


#menu .drobd{
	background:#b08882;
	color:white;
	padding:6px 8px;
	margin:0 1px;
	border-radius:10px;
	display:inline-block;
	position:relative;
	box-shadow:0 0 4px rgba(0,0,0,0.6);
	cursor:pointer;
}

#menu .drobd .ddmenu{
	display:none;
	position:absolute;
	top:10px;
	border-radius:8px;
	text-align:center!important;
	padding-top:40px;
	z-index:99999999999999;
}

#menu .drobd .ddmenu .ddmenu_bg{
	position:absolute;
	width:100%;
	padding: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);
}

#menu .drobd:hover .ddmenu{
	display:inline-block;
}

#menu .drobd .ddmenu .ddmenu_bg a{
	padding:0!important;
	background:none!important;
	margin:0!important;
	border-radius:0!important;
	color:white;
	box-shadow:none!important;
	width:100%!important;
}

#menu .drobd .ddmenu .ddmenu_bg .hov{
	padding:6px 8px;
	background:#b08882;
	margin:5px auto;
	border-radius:10px;
	color:white;
	box-shadow:0 0 4px rgba(0,0,0,0.6);
	width:80%!important;
	font-size:14px;
}

#menu_cover .red{
	padding:0;
	margin:0;
	border-radius:0;
	color:white;
	position:absolute;
	z-index:111;
	padding:8px;
	right:-30px;
	top:10px;
	padding-left:20px;
	border-top-right-radius:20px;
	border-bottom-right-radius:20px;
	background:red;
	line-height:30px!important;
	transition:all 0.25s ease-in-out;
}

#menu_cover .red:hover{
	right:-35px;
}

#menu #site_name{
	position:absolute;
	color:white;
	right:25px;
	bottom:20px;
	font-size:18px;
	letter-spacing:2px
}

#mini_madenci{
	width:132px;
	height:153px;
	position:absolute;
	background:url(../img/mini_madenci.png);
	z-index:111;
	bottom:0;
	left:calc( 50% - 500px );
}

#content{
	width:1100px;
	position:absolute;
	left:calc( 50% - 550px );
	min-height:350px;
	top:10px;
	z-index:111;
}

#content #home h2{
	background:#6e5550;
	position:absolute;
	color:white;
	width:100%;
	text-align:center;
	padding:10px 0;
	border-radius:20px;
	font-weight:lighter;
	box-shadow:0 0 5px black;
	border:2px solid black;
	z-index:11;
	top:100px;
}

#content #home{
	word-break:break-all;
	position:relative;
	margin-left:-32px;
}

#home #home_content{
	position:absolute;
	width:1090px;
	padding:15px;
	padding-top:30px;
	z-index:10;
	left:15px;
	min-height:205px;
}






#maden_content{
	position:relative;
	width:750px;
	margin:auto;
	margin-bottom:20px;
}

#maden_content .stat{
	background:#755c55;
	padding:8px;
	padding-left:55px;
	padding-right:15px;
	border-top-right-radius:34px;
	border-bottom-right-radius:34px;
	color:white;
	text-align:center;
	box-shadow:0 0 4px rgba(0,0,0,0.5);
	border:2px solid #382325;
	width:140px;
	margin:10px 15px;
	display:inline-block;
}

#maden_content .stat .stat_bt{
	position:absolute;
	padding:8px;
	padding-right:14px;
	z-index:-1;
	width:100px;
	font-size:14px;
	right:-96px;
	background:#e59100;
	box-shadow:0 0 5px rgba(0,0,0,0.6);
	border-radius:20px;
	text-align:right;
	color:rgba(0,0,0,0.7);
	border:3px solid rgba(0,0,0,0.6);
	top:6px;
	transition:all 0.2s ease-in-out;
	cursor:pointer;
	font-weight:bold;
}

#maden_content .stat .stat_bt:hover{
	color:white;
	right:-102px;
}

#maden_content .stat .img_cover{
	background:#5a6f48;
	min-width:47px;
	min-height:47px;
	padding:10px;
	position:absolute;
	border:2px solid #313131;
	border-radius:100%;
	top:-7px;
	left:-20px;
	box-shadow:0 0 4px rgba(0,0,0,0.5);
}

#maden_content .stat font{
	font-weight:bold;
	font-size:12px;
}

#home_content .home_p{
	display:inline-block;
	vertical-align:top;
	width:500px;
	background:rgba(255,255,255,0.8);
	box-shadow:0 0 5px black;
	border-bottom-right-radius:20px;
	border-bottom-left-radius:20px;
	padding:20px 15px 25px;
	line-height:26px;
	font-size:14px;
	overflow:hidden;
	position:relative;
	word-wrap:break-word;
	word-break:keep-all;
	margin:40px 0!important;
}

#home_content .home_p:nth-child(1){
	margin:40px 10px 0 0!important;
}

#home_content .home_p h3{
	padding:0;
	margin:0;
	margin-bottom:10px;
	font-size:18px;
}



#home_content .home_p i{
	position:absolute;
	color:rgba(0,0,0,0.2);
	font-size:120px;
	right:-20px;
	bottom:-10px;
}

.home_p #home_p_bt{
	position:absolute;
	right:10px;
	bottom:10px;
	padding:6px 12px;
	color:white;
	font-weight:bold;
	font-size:16px;
	border-radius:14px;
	background:#df7b26;
	box-shadow:0 0 5px rgba(0,0,0,0.5);
	cursor:pointer;
	border-top-right-radius:0;
}

/* HOMEPAGE END */

/* HESAP SAYFASI */

#hesap{
	width:100%;
	height:340px;
	left:0;
	position:absolute;
	top:0;
}

#hesap #news{
	border:5px solid #6e5550;
	position:absolute;
	background:#6e5550;
	color:white;
	height:160px;
	margin-top:10px;
	overflow-y:scroll;
	padding:7px 10px 10px;
	box-shadow:0 0 10px rgba(0,0,0,1);
	width:320px;
	top:-220px;
	right:60px;
	border-bottom-left-radius:20px;
	border-bottom-right-radius:20px;
	font-size:12px;
}



#hesap #mes_stat_huge{
	position:absolute;
	top:-60px;
	left:180px;
}

#mes_stat_huge #general_stats{
	display:inline-block;
	vertical-align:middle;
	color:white;
	font-weight:bold;
	cursor:pointer;
	background:#627b51;
	padding:8px 16px;
	border-radius:8px;
	box-shadow:0 0 10px black, inset 0 0 5px rgba(255,255,255,0.4);
	
}

#mes_stat_huge #envelope{
	display:inline-block;
	vertical-align:middle;
	color:black;
	font-weight:bold;
	cursor:pointer;
	background:#fff;
	padding:8px 16px;
	border-radius:8px;
	box-shadow:0 0 10px black, inset 0 0 5px rgba(255,255,255,0.4);
}

#maden #general_stats_2{
	position:absolute;
	top:-60px;
	left:250px;
	color:white;
	font-weight:bold;
	cursor:pointer;
	background:#627b51;
	padding:8px 16px;
	border-radius:8px;
	box-shadow:0 0 10px black, inset 0 0 5px rgba(255,255,255,0.4);
	
}

#hesap #news p{
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
	width:300px;
	margin:0;
	padding-bottom:18px;
	position:relative;
	font-size:14px;
	margin-bottom:5px;
	color:#e0a9a1;
	text-shadow:0 0 4px rgba(0,0,0,0.3);
	cursor:pointer;
	border-bottom:1px dashed rgba(0,0,0,0.3);
}

#hesap #news p:hover{
	color:#b08882;
}

#hesap #news p em{
	position:absolute;
	bottom:0;
	right:0;
	font-size:12px;
}

#hello{
	padding:10px 20px;
	background:rgba(255,255,255,0.9);
	border-radius:10px;
	border:1px solid rgba(0,0,0,0.2);
	position:absolute;
	color:rgba(0,0,0,0.5);
	font-weight:bold;
	top:-200px;
	left:180px;
	width:850px;
	font-size:18px;
}

#hello::after{
	content:' ';
	position:absolute;
	width:20px;
	height:20px;
	background:rgba(255,255,255,0.7);
	border:1px solid rgba(0,0,0,0.2);
	border-radius:100%;
	left:-30px;
	top:30px;
}

#hello::before{
	content:' ';
	position:absolute;
	width:20px;
	height:20px;
	background:rgba(255,255,255,0.7);
	border:1px solid rgba(0,0,0,0.2);
	border-radius:100%;
	left:-55px;
	top:50px;
}

#hesap #hello{
	width:430px!important;
}

#hesap_balances{
	position:absolute;
	width:200px;
	top:20px;
	z-index:100;
}

#hesap_balances .stat{
	background:#755c55;
	padding:8px;
	padding-left:55px;
	padding-right:15px;
	border-top-right-radius:34px;
	border-bottom-right-radius:34px;
	color:white;
	text-align:center;
	box-shadow:0 0 4px rgba(0,0,0,0.5);
	border:2px solid #382325;
	margin-bottom:25px;
	position:relative;
}

.hes_bal .stat{
	width:180px;
}

.hes_bal .stat .stat_bt{
	position:absolute;
	padding:8px;
	z-index:-1;
	width:170px;
	font-size:14px;
	right:-176px;
	background:#565656;
	box-shadow:0 0 5px rgba(0,0,0,0.6);
	border-top-right-radius:20px;
	border-bottom-right-radius:20px;
	text-align:center;
	color:rgba(255,255,255,0.6);
	border:3px solid rgba(0,0,0,0.6);
	top:6px;
	transition:all 0.2s ease-in-out;
	cursor:pointer;
	font-weight:bold;
}



.itemler_1 .stat .stat_bt,.itemler_2 .stat .stat_bt{
	position:absolute;
	padding:8px;
	z-index:-1;
	width:120px;
	font-size:14px;
	right:-117px;
	background:#565656;
	box-shadow:0 0 5px rgba(0,0,0,0.6);
	border-top-right-radius:20px;
	border-bottom-right-radius:20px;
	text-align:center;
	color:rgba(255,255,255,0.6);
	border:3px solid rgba(0,0,0,0.6);
	top:6px;
	transition:all 0.2s ease-in-out;
	cursor:pointer;
	font-weight:bold;
}

#hesap .itemler_1 .stat_bt:hover, #hesap .itemler_2 .stat_bt:hover{
	right:-123px;
}


.hes_bal .stat .stat_bt:hover{
	color:white;
	right:-182px;
}

#hesap_balances .stat .img_cover{
	background:#5a6f48;
	min-width:47px;
	min-height:47px;
	padding:10px;
	position:absolute;
	border:2px solid #313131;
	border-radius:100%;
	top:-7px;
	left:-20px;
	box-shadow:0 0 4px rgba(0,0,0,0.5);
}

#hesap_balances .stat font{
	font-weight:bold;
	font-size:12px;
}

#hesap .itemler_1{
	left:324px;
	width:220px;
}

#hesap .itemler_2{
	left:680px;
	width:220px;
}

#hesap .itemler_1{
	margin-left:25px
}

#hesap .itemler_1 .stat, #hesap .itemler_2 .stat{
	padding-left:35px;
	margin-bottom:25px;
	width:200px;
}

#hesap .itemler_1 .stat .img_cover, #hesap .itemler_2 .stat .img_cover{
}

#hesap_balances .item_adet{
	height:100%;
	width:60px;
	position:absolute;
	right:0;
	top:0;
	border-top-right-radius:34px;
	border-bottom-right-radius:34px;
	overflow:hidden;
}

#hesap_balances .item_adet p{
	line-height:50px;
	height:50px;
	width:60px;
	position:absolute;
	right:0;
	background:rgba(255,255,255,0.2);
	padding:0;
	margin:0;
	color:rgba(255,255,255,0.9);
	border-top-left-radius:34px;
	border-bottom-left-radius:34px;
	font-size:14px;
	font-weight:bold;
}

#hesap #buttons{
	position:absolute;
	width:700px;
	left:405px;
	bottom:20px;
}

#hesap #buttons a{
	color:rgba(255,255,255,0.7);
}

#hesap #buttons .button{
	text-align:center;
	color:rgba(255,255,255,0.7);
	padding:12px 16px;
	border:1px solid rgba(255,255,255,0.2);
	margin:6px 10px;
	display:inline-block;
	vertical-align:top;
	box-shadow:0 0 4px rgba(0,0,0,0.4);
	transition:all 0.2s ease-in-out;
	cursor:pointer;
	border-radius:30px;
	position:relative;
	padding-left:50px;
	overflow:hidden;
}

#hesap #buttons .button{
	background:#85842d;
}

#hesap #buttons .button2{
	background:#13776c;
}

#hesap #buttons .button i{
	margin-right:10px;
	padding:14px;
	background:rgba(255,255,255,0.2);
	position:absolute;
	left:0;
	top:0;
	width:10px;
}

#hesap #buttons .button:hover{
	color:white
}

/* HESAP END */

/* MADEN START */

#maden{
	width:100%;
	left:0;
	top:0;
}

#inventory{
	position:relative;
	width:100%;
	z-index:100;
	text-align:center;
}

#inventory .stat{
	width:150px;
	background:#755c55;
	padding:8px;
	padding-left:25px;
	padding-right:25px;
	border-top-right-radius:34px;
	border-bottom-right-radius:34px;
	color:white;
	text-align:center;
	box-shadow:0 0 4px rgba(0,0,0,0.5);
	border:2px solid #382325;
	position:relative;
	display:inline-block;
	margin:-10px 20px 0px;
}

#inventory .stat .stat_bt{
	position:absolute;
	padding:8px;
	padding-right:14px;
	z-index:-1;
	width:130px;
	font-size:14px;
	right:-126px!important;
	background:#565656;
	box-shadow:0 0 5px rgba(0,0,0,0.6);
	border-top-right-radius:20px;
	border-bottom-right-radius:20px;
	text-align:right;
	color:rgba(255,255,255,0.6);
	border:3px solid rgba(0,0,0,0.6);
	top:6px;
	transition:all 0.2s ease-in-out;
	cursor:pointer;
	font-weight:bold;
}

#options #inventory .stat .stat_bt{
	
	text-align:center;
}

#inventory .stat .stat_bt:hover{
	color:white;
	right:-132px!important;
}

#inventory .stat .img_cover{
	background:#5a6f48;
	min-width:47px;
	min-height:47px;
	padding:10px;
	position:absolute;
	border:2px solid #313131;
	border-radius:100%;
	top:-7px;
	left:-20px;
	box-shadow:0 0 4px rgba(0,0,0,0.5);
}

#inventory .stat font{
	font-weight:bold;
	font-size:12px;
}


#inventory .item_adet{
	height:100%;
	width:60px;
	position:absolute;
	right:0;
	top:0;
	border-top-right-radius:34px;
	border-bottom-right-radius:34px;
	overflow:hidden;
}

#inventory .item_adet p{
	line-height:50px;
	height:100%;
	width:60px;
	position:absolute;
	right:0;
	background:rgba(255,255,255,0.2);
	padding:0;
	margin:0;
	color:rgba(255,255,255,0.9);
	border-top-left-radius:34px;
	border-bottom-left-radius:34px;
	font-size:14px;
	font-weight:bold;
}

.row{
	margin-top:-10px;
	position:relative;
	width:1052px;
	height:340px;
	background-image:url(../img/maden_bg.png);
}

.row .madenci{
	width:146px;
	height:167px;
	display:inline-block;
	margin-top:150px;
	position:relative;
	vertical-align:top;
}



.row .madenci:nth-child(1){
	margin-left:30px;
}

.row .madenci:nth-child(2){
	margin-left:60px;
}

.row .madenci:nth-child(3){
	margin-left:50px;
}

.row .madenci:nth-child(4){
	margin-left:30px;
}

.row .madenci:nth-child(5){
	margin-left:50px;
}

.row .madenci .m_body{
	width:74px;
	height:156px;
	position:absolute;
	bottom:0;
	right:0;
	background:url(../img/m_body.png);
	z-index:2;
}



@keyframes kazma{
	50%{
		transform:rotate(15deg) translateY(-12px);
	}
	80%{
		transform:rotate(-10deg) translateY(6px) translateX(-4px);
	}
}

.row .madenci .k_kazma{
	width:88px;
	height:109px;
	position:absolute;
	z-index:1;
	top:4px;
	left:4px;
	animation-name:kazma;
	animation-duration:0.5s;
	animation-timing-function:linear;
	animation-iteration-count:infinite;
}

.row .madenci .k_normal{
	background:url(../img/k_normal.png);
}

.row .madenci .k_bronze{
	background:url(../img/k_bakır.png);
}

.row .madenci .k_silver{
	background:url(../img/k_silver.png);
}

.row .madenci .k_golden{
	background:url(../img/k_golden.png);
}

.row{
	margin-bottom:20px;
}

#row_2{
	margin-bottom:40px;
}

#row_3 #yeni_maden{
	position:absolute;
	height:660px;
	width:100%;
	text-align:center;
	line-height:660px;
	background:rgba(255,255,255,0.5);
	border-radius:40px;
	box-shadow:0 0 10px white;
	z-index:9;
	top:30px;
}

#row_3 #yeni_maden font{
	padding:15px 30px;
	background:#9e2f2f;
	border-radius:20px;
	color:rgba(255,255,255,0.7);
	cursor:pointer;
	box-shadow:0 0 5px black, inset 0 -10px 10px rgba(0,0,0,0.4), inset 0 5px 5px rgba(255,255,255,0.4);
}

#row_3 #yeni_maden font:hover{
	color:rgba(255,255,255,1);
}

#maden #sounder{
	color:white;
	position:absolute;
	left:500px!important;
	top:90px!important;
	cursor:pointer;
	z-index:2
}

#maden #sounder i{
	margin-right:6px;
}

.row .minikcoal{
	width:224px;
	height:96px;
	position:absolute;
	bottom:0;
	transform:scale(0.4);
	z-index:11;
	bottom:-30px;
	left:-50px;
	cursor:pointer;
}

.row .m_coal{
	background:url(../img/bigcoal.png);
}

.row .m_bakir{
	background:url(../img/m_bakir.png);
}

.row .m_silver{
	background:url(../img/m_silver.png);
}

.row .m_golden{
	background:url(../img/m_gold.png);
}

.row .coals{
	position:absolute;
	width:10px;
	height:10px;
	left:-10px;
	top:40px;
}

.row .m_kirala{
	position:absolute;
	padding:10px 20px;
	font-size:14px;
	width:90px;
	top:10px;
	left:30px;
	cursor:pointer;
	background:#d26e02;
	text-align:center;
	color:rgba(255,255,255,0.75);
	border-radius:10px;
	box-shadow:0 0 5px black, inset 0 -5px 5px rgba(0,0,0,0.4), inset 0 5px 5px rgba(255,255,255,0.4);
	font-weight:bold;
	transition:all 0.2s ease-in-out;
}

.row .m_kirala:hover{
	color:white;
	box-shadow:0 0 10px black, inset 0 -5px 5px rgba(0,0,0,0.4), inset 0 5px 5px rgba(255,255,255,0.4);
}

/* KÜMES END */

/* AHIR START */

#bottom{
	position:relative;
}

#bottom #sounder{
	color:white;
	position:absolute;
	left:260px;
	top:-14px;
	cursor:pointer;
	z-index:2;
	color:rgba(255,255,255,0.5);
}

#bottom #sounder i{
	margin-right:6px;
}

#diamond #buy_d_m{
	margin:auto;
	width:600px;
	padding:10px 20px;
	position:absolute;
	left:calc( 50% - 300px );
	cursor:pointer;
	background:#d26e02;
	text-align:center;
	color:rgba(255,255,255,0.75);
	border-radius:10px;
	box-shadow:0 0 5px black, inset 0 -5px 5px rgba(0,0,0,0.4), inset 0 5px 5px rgba(255,255,255,0.4);
	font-weight:bold;
	transition:all 0.2s ease-in-out;
}

#diamond #buy_d_m:hover{
	color:white;
	box-shadow:0 0 10px black, inset 0 -5px 5px rgba(0,0,0,0.4), inset 0 5px 5px rgba(255,255,255,0.4);
}


@keyframes c5_2{
	0%{
		opacity:1;
	}
	20%{
		transform:translate(8px,10px);
	}
	60%{
		transform:translate(36px,80px);
		opacity:0.7;
	}
	100%{
		transform:translate(66px,150px);
		opacity:0;
	}
}

#diamond .coals img{
	top:120px;
	left:35px;
}

#diamond .coals .c5{
	animation-name:c5_2;
	animation-delay:2s;
	animation-duration:0.5s;
	animation-timing-function:linear;
	animation-iteration-count:infinite;
}

#diamond #inventory{
	position:absolute;
	width:10px;
	top:18px;
	right:400px;
}

#diamond #options{
	position:absolute;
	top:0;
	left:-100px;
	width:285px;
	height:360px;
}

#diamond #options table{
	font-size:14px;
	margin-top:-20px;
	margin-bottom:10px;
}

#diamond #options table td, #diamond #options table th{
	padding:4px 8px;
	color:white;
	text-align:center;
}

#options #inventory{
	left:0;
}

#options #inventory .stat:nth-child(2){
	
	top:40px;
}

#options #inventory .stat:nth-child(3){
	
	top:80px;
}

#options #inventory .stat:nth-child(4){
	
	top:120px;
}

#options #inventory .stat{
	width:200px;
}

#options #inventory .stat .stat_bt{
	right:-64px;
	background:#F0781C;
	color:rgba(0,0,0,0.7);
}

#options #inventory .stat .stat_bt:hover{
	right:-70px
}

#options #inventory .stat .img_cover p {
	position: absolute;
	font-size:14px;
	top:6px	;
	left:0;
	width:100%;
	text-align:center;
	color:rgba(0,0,0,0.7);
	font-weight:bold
}

#options #inventory .stat .img_cover{
	background:#F0781C
}

#diamond #minikcoal{ 
	background:url(../img/m_elmas.png)
}

#diamond #coal{ 
	background:url(../img/diamond.png)
}


/*  kuyumcubitiş */

/*  giriş start */  

.loginpage table td{
	padding: 6px 12px;
	color:white;
}

.loginpage table tr td:nth-child(1) {
	text-align:right;
	text-shadow:0 0 5px black;
	
}

.loginpage table input {
	padding: 9px 12px;
	border-radius:11px;
	border:none;
	box-shadow:inset 0 0 5px rgba(0,0,0,0.4);
	border:2px solid rgba(0,0,0,1);
}

.loginpage table input[type=submit] {
	cursor:pointer;
	padding: 9px 22px;
	border:none;
	box-shadow:0 0 10px black, inset 0 -5px 5px rgba(0,0,0,0.4);
}


#l_error {
	font-weight:bold;
	color:#D4831C;
	text-shadow:0 0 5px black;
}

#register{
	width:600px;
	padding:20px 40px;
	background:rgba(255,255,255,0.2);
	border-radius:20px;
	box-shadow:0 0 10px black, inset 0 0 5px rgba(255,255,255,0.4);
	border:1px solid rgba(0,0,0,0.4);
	position:relative;
	overflow:hidden;
	margin-left:-40px;
}
	
#register h1{
	display:inline-block;
	padding : 12px 20px;
	margin-top: -10px;
	color:white;
	background:#cb6400;
	box-shadow:0 0 10px black, inset 0 0 5px rgba(255,255,255,0.4);
	border:1px solid rgba(0,0,0,0.4);
	border-radius:20px;
	width:370px;
	padding-right:90px;
	text-align:right;
	margin-left:-230px;
	margin-top:-20px;
	border-top-right-radius:0;
	text-shadow:0 0 5px black;
}

#login_page_fa i{
	position:absolute;
	color:rgba(255,255,255,0.3);
	font-size:250px;
	right:-10px;
	bottom:-55px;	
}

.regpage em{
	font-size:12px;
}

.regpage table tr td:nth-child(1){
	width:30%;
}

.regpage a{
	color:black;
}

/* ////////////////////////////// */
/* STORE */
/* ////////////////////////////// */

#store{
	margin-top:-10px;
}

#store .rower{
	width:1060px;
	padding:20px 10px;
	background:rgba(255,255,255,0.2);
	border-radius:20px;
	box-shadow:0 0 10px black, inset 0 0 5px rgba(255,255,255,0.4);
	border:1px solid rgba(0,0,0,0.4);
	position:relative;
	overflow:hidden;
	margin-bottom:30px;
}
	
#store .rower h2{
	display:inline-block;
	padding : 12px 20px;
	margin-top: -10px;
	color:white;
	background:#627b51;
	box-shadow:0 0 10px black, inset 0 0 5px rgba(255,255,255,0.4);
	border:1px solid rgba(0,0,0,0.4);
	border-radius:20px;
	width:370px;
	padding-right:90px;
	text-align:right;
	margin-left:-230px;
	margin-top:-20px;
	border-top-right-radius:0;
	text-shadow:0 0 5px black;
}

#store .rower .ma_co{
	width:140px;
	height:500px;
	padding:10px 20px;
	background:rgba(255,255,255,0.2);
	border-radius:20px;
	box-shadow:0 0 10px black, inset 0 0 5px rgba(255,255,255,0.4);
	border:1px solid rgba(0,0,0,0.4);
	display:inline-block;
	vertical-align:top;
	overflow:hidden;
	margin:5px 10px;
	position:relative;
}

#store .rower .ma_co #informer{
	width:190px;
	position:absolute;
	left:5px;
	top:240px;
	height:60px;
	font-size:14px;
	color:white;
	text-align:left;
}

#store .rower .ma_co #informer a{
	font-weight:bold;
	color:#96ff00;
	margin-left:5px;
	font-size:14px;
	text-shadow:0 0 4px rgba(0,0,0,0.5);
}

#store .rower .ma_co #informer p{
	margin:0;
	padding:0;
	margin-bottom:5px;
	text-align:center;
	font-weight:bold;
	margin-left:-20px;
	padding:3px 6px;
	background:#96b634;
	box-shadow:0 0 10px black, inset 0 0 5px rgba(255,255,255,0.4);
	border:1px solid rgba(0,0,0,0.4);
	border-radius:12px;
	color:rgba(0,0,0,0.8);
	width:170px!important;
	z-index:1;
	position:relative;
}

#store .rower .ma_co #informer .hiyarto{
	width:90%;
	background:rgba(255,255,255,0.4);
	text-align:center;
	margin-bottom:10px;
	z-index:-1;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	margin-top:-10px;
	margin-left:-10%;
	padding-top:10px;
}

#store .rower .ma_co #informer .elmas_oku{
	
}
	
#store .rower .ma_co:nth-child(1) #informer p{
	background:#96b634;
}
	
#store .rower .ma_co:nth-child(2) #informer p{
	background:#ab4f52;
}
	
#store .rower .ma_co:nth-child(3) #informer p{
	background:#8f8c8f;
}
	
#store .rower .ma_co:nth-child(4) #informer p{
	background:#fdad02;
}
	
#store .rower .ma_co:nth-child(5) #informer p{
	background:#0e8ea1;
}
	
#store .rower .ma_co h3{
	width:180px;
	display:inline-block;
	padding :10px 10px;
	margin-top: -10px;
	color:white;
	box-shadow:0 0 10px black, inset 0 0 5px rgba(255,255,255,0.4);
	border:1px solid rgba(0,0,0,0.4);
	border-radius:20px;
	text-align:right;
	margin-left:-40px;
	margin-top:-14px;
	border-top-right-radius:0;
	text-shadow:0 0 5px black;
	font-size:14px;
}
	
#store .rower .ma_co:nth-child(1) h3{
	background:#96b634;
}
	
#store .rower .ma_co:nth-child(2) h3{
	background:#ab4f52;
}
	
#store .rower .ma_co:nth-child(3) h3{
	background:#8f8c8f;
}
	
#store .rower .ma_co:nth-child(4) h3{
	background:#fdad02;
}
	
#store .rower .ma_co:nth-child(5) h3{
	background:#0e8ea1;
}

.m_bo_x{
	position:absolute;
	top:70px;
	left:80px;
	z-index:2;
}

.m_bo_k{
	position:absolute;
	top:70px;
	left:10px;
	z-index:1;
}
	
#store .rower .price{
	position:absolute;
	bottom:35px;
	color:white;
	text-shadow:0 0 5px rgba(0,0,0,0.5);
	border-radius:20px;
	box-shadow:0 0 10px black, inset 0 0 5px rgba(255,255,255,0.4);
	border:1px solid rgba(0,0,0,0.4);
	padding:10px 10px;
	width:137px;
	right:-40px;
	padding-left:15px;
	text-align:left;
	display:inline-block;
	border-bottom-left-radius:0;
	font-size:14px;
}
	
#store .rower .ma_co:nth-child(1) .price{
	background:#82992c;
}
	
#store .rower .ma_co:nth-child(2) .price{
	background:#8c3b3c;
}
	
#store .rower .ma_co:nth-child(3) .price{
	background:#6c6b6d;
}
	
#store .rower .ma_co:nth-child(4) .price{
	background:#d69200;
}
	
#store .rower .ma_co:nth-child(5) .price{
	background:#0a6d7d;
}
	
#store .rower .ma_co h4{
	width:160px;
	position:absolute;
	padding:10px 10px;
	margin-top: -10px;
	color:white;
	box-shadow:0 0 10px black, inset 0 0 5px rgba(255,255,255,0.4);
	border:1px solid rgba(0,0,0,0.4);
	border-radius:20px;
	text-align:left;
	right:-40px;
	bottom:-24px;
	border-bottom-left-radius:0;
	text-shadow:0 0 5px black;
	font-size:16px;
	cursor:pointer;
	transition:all 0.25s ease-in-out;
	letter-spacing:0;
}
	
#store .rower .ma_co:nth-child(1) h4{
	background:#96b634;
}
	
#store .rower .ma_co:nth-child(2) h4{
	background:#ab4f52;
}
	
#store .rower .ma_co:nth-child(3) h4{
	background:#8f8c8f;
}
	
#store .rower .ma_co:nth-child(4) h4{
	background:#fdad02;
}
	
#store .rower .ma_co:nth-child(5) h4{
	background:#0e8ea1;
}
	
#store .rower .ma_co h4:hover{
	background:#645656;
	letter-spacing:1px;
}

#store #packages{
	background:#cb6400;
}

#store .packag .ma_co{
	width:195px;
	height:300px;
}

#store .packag .ma_co h3{
	width:190px;
	margin-left:-50px;
	background:#cb6400;
}

#store .packag .ma_co .price{
	width:185px;
	background:#af5600;
}

#store .packag .ma_co .price em{
	margin-right:10px;
	font-size:12px;
	text-decoration:line-through;
}

#store .packag .ma_co h4{
	width:200px;
	background:#cb6400;
}

#store .packag .ma_co h4:hover{
	background:#cb6400;
}


#store .packag .img{
	width:190px;
	height:170px;
}
#store .packag .m_k{
}
#store .packag .m_b{
}
#store .packag .m_g{
}
#store .packag .m_a{
}

/* ////////////////////////////// */
/* STORE END */
/* ////////////////////////////// */


/* ////////////////////////////// */
/* 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);
	margin-top:-200px;
	background:rgba(255,255,255,0.9);
}

#forum h1{
	font-weight:normal;
	margin:0;
}

#forum h2{
	font-weight:normal;
	letter-spacing:2px;
	text-indent:30px;
	position:relative;
	word-break:break-all;
}

#forum h3{
	font-weight:normal;
	letter-spacing:2px;
	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;
}

.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:normal;
}

#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);
	word-wrap:break-word;
}

#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{
	width:100%;
	max-width:500px;
}

#forum .imojik{
	margin-left:4px;
}

#forum .fstatistics{
	position:absolute;
	width:120px;
	height:100px;
	left:15px;
	top:155px;
	font-size:12px;
}

@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);
	z-index:11;
}

/* FORUM END --------------------------------------------- */



/* ////////////////////////////// */
/* SETTINGS */
/* ////////////////////////////// */

#settings{
	height:400px;
	margin-top:-30px;
}

#settings #right{
	padding:20px 0;
	position:relative;
	width:820px;
	min-height:300px;
	margin:auto;
	margin-top:-180px;
	border-radius:20px;
}

#settings .set_form{
	width:700px;
	background:rgba(255,255,255,0.9);
	border:1px solid rgba(0,0,0,0.1);
	border-radius:20px;
	margin-top:20px;
	padding:20px;
	margin-left:40px;
	position:relative;
	overflow:hidden;
	box-shadow:0 0 10px black;
}

#settings h2{
	display:inline-block;
	padding : 12px 20px;
	color:white;
	background:#cb6400;
	box-shadow:0 0 10px black, inset 0 0 5px rgba(255,255,255,0.4);
	border:1px solid rgba(0,0,0,0.4);
	border-radius:20px;
	width:370px;
	padding-right:90px;
	text-align:right;
	margin-left:-140px!important;
	margin-top:-20px!important;
	border-top-right-radius:0;
	text-shadow:0 0 5px black;
}

#settings form{
	margin-bottom:30px;
}

#settings table{
	width:600px;
	margin:auto;
}

#settings table td{
	width:33%;
	padding: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 */
/* ////////////////////////////// */

/* ////////////////////////////// */
/* BANNERS */
/* ////////////////////////////// */
.banners p{
	text-align:center;
	font-size:18px;
}

.banners{
	margin-top:-220px!important;
}
.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 textarea{
	width:300px;
	height:60px!important;
	max-height:120px!important;
	cursor:pointer;
}
/* ////////////////////////////// */
/* BANNERS END */
/* ////////////////////////////// */

/* ////////////////////////////// */
/* STATISTICS */
/* ////////////////////////////// */

#statistics{
	width:700px;
	background:rgba(255,255,255,0.9);
	border:1px solid rgba(0,0,0,0.1);
	border-radius:20px;
	padding:20px;
	margin:auto;
	margin-top:-180px;
	position:relative;
	overflow:hidden;
	box-shadow:0 0 10px black;
	text-align:center
}

#statistics h2{
	padding : 12px 20px;
	color:white;
	background:#cb6400;
	box-shadow:0 0 10px black, inset 0 0 5px rgba(255,255,255,0.4);
	border:1px solid rgba(0,0,0,0.4);
	border-radius:20px;
	width:370px;
	padding-right:90px;
	text-align:right;
	margin-left:-140px!important;
	margin-top:-20px!important;
	border-top-right-radius:0;
	text-shadow:0 0 5px black;
}

#statistics h3{
	padding:0;
	margin:0;
	margin-top:40px;
	text-align:left;
	border-bottom:1px solid 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 */
/* ////////////////////////////// */


/* ////////////////////////////// */
/* PAYMENT PROOF */
/* ////////////////////////////// */


#payment_proof{
	height:400px;
	margin-top:-30px;
}



#payment_proof h2{
	display:inline-block;
	padding : 12px 20px;
	color:white;
	background:#cb6400;
	box-shadow:0 0 10px black, inset 0 0 5px rgba(255,255,255,0.4);
	border:1px solid rgba(0,0,0,0.4);
	border-radius:20px;
	width:370px;
	padding-right:90px;
	text-align:right;
	margin-left:-540px!important;
	margin-top:-20px!important;
	border-top-right-radius:0;
	text-shadow:0 0 5px black;	
}

#payment_proof #right{
	width:900px;
	background:rgba(255,255,255,0.95);
	border:1px solid rgba(0,0,0,0.1);
	border-radius:20px;
	margin-top:20px;
	padding:20px;
	margin-left:40px;
	position:relative;
	overflow:hidden;
	box-shadow:0 0 10px black;
	text-align:center;
	margin:auto;
	margin-top:-140px;
}


#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:#cb6400;
	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;
	vertical-align:top;
}

.page_button{
	color:white;
	padding:8px 16px;
	box-shadow:0 0 3px black;
	background:#cb6400;
	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 */
/* ////////////////////////////// */


/* SUPPORT START */
/* ------------------------------- */

#support h3{
	display:inline-block;
	padding : 12px 20px;
	color:white;
	background:#cb6400;
	box-shadow:0 0 10px black, inset 0 0 5px rgba(255,255,255,0.4);
	border:1px solid rgba(0,0,0,0.4);
	border-radius:20px;
	width:370px;
	padding-right:90px;
	text-align:right;
	margin-left:-140px!important;
	margin-top:-20px!important;
	border-top-right-radius:0;
	text-shadow:0 0 5px black;
}

#support #right{
	width:740px;
	background:rgba(255,255,255,0.9);
	border:1px solid rgba(0,0,0,0.1);
	border-radius:20px;
	margin:auto;
	margin-top:-140px;
	padding:20px;
	position:relative;
	overflow:hidden;
	box-shadow:0 0 10px black;
}

#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 h4{
	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);
}

/* SUPPORT END */


/* TOS & FAQ ------------------------------------ */
.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{
	margin-top:-20px;
	margin-left:5px;
	height:100px;
	position:relative;
}

.faq #chick_cover .chicken img{
	position:absolute;
	left:15px;
	top:25px;
}

.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;
}


.ku_so h2{
	text-transform:none!important;
	font-weight:bold!important;
}

/* TOS & FAQ ----------------------------------------- */



/* ////////////////////////////// */
/* HENCOOP SETTINGS */
/* ////////////////////////////// */
#hencoop_settings{
	position:relative;
	text-align:center;
	background:rgba(255,255,255,0.95);
	padding:20px 0;
	border-radius:20px;
	box-shadow:0 0 10px black;
	width:1000px;
	margin:auto;
	margin-top:-190px;
	overflow:hidden;
}

#hencoop_settings h2{
	padding : 12px 20px;
	color:white;
	background:#cb6400;
	box-shadow:0 0 10px black, inset 0 0 5px rgba(255,255,255,0.4);
	border:1px solid rgba(0,0,0,0.4);
	border-radius:20px;
	width:570px;
	padding-right:90px;
	text-align:right;
	margin-left:-140px!important;
	margin-top:-20px!important;
	border-top-right-radius:0;
	text-shadow:0 0 5px black;
}

#hencoop_settings .hen{
	display:inline-block;
	vertical-align:top;
	width:200px;
	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 #body{
	transform:scale(0.8);
	top:1px
}

#hencoop_settings #k_n{
	width:125px;
	height:155px;
	position:absolute;
	left:-3px;
	top:5px;
	transform:scale(0.8);
	background:url(../img/kazma.png);
}

#hencoop_settings #k_b{
	width:125px;
	height:155px;
	position:absolute;
	left:-3px;
	top:5px;
	transform:scale(0.8);
	background:url(../img/bronze.png);
}

#hencoop_settings #k_s{
	width:125px;
	height:155px;
	position:absolute;
	left:-3px;
	top:5px;
	transform:scale(0.8);
	background:url(../img/silver.png);
}

#hencoop_settings #k_a{
	width:125px;
	height:155px;
	left:-3px;
	top:5px;
	transform:scale(0.8);
	position:absolute;
	background:url(../img/golden.png);
}
/* ////////////////////////////// */
/* HENCOOP SETTINGS END */
/* ////////////////////////////// */


#forgotten_pass{
	color:#f35b5b;
	text-shadow:0 0 5px rgba(0,0,0,0.4);
}

/* ////////////////////////////// */
/* UPGRADE */
/* ////////////////////////////// */

#upgrade{
	height:500px;
}


#upgrade #right{
	width:900px;
	background:rgba(255,255,255,0.9);
	border:1px solid rgba(0,0,0,0.1);
	border-radius:20px;
	margin-top:20px;
	padding:20px;
	margin-left:40px;
	position:relative;
	overflow:hidden;
	box-shadow:0 0 10px black;
	margin-top:-140px;
}

#upgrade h2{
	display:inline-block;
	padding : 12px 20px;
	color:white;
	background:#cb6400;
	box-shadow:0 0 10px black, inset 0 0 5px rgba(255,255,255,0.4);
	border:1px solid rgba(0,0,0,0.4);
	border-radius:20px;
	width:370px;
	padding-right:90px;
	text-align:right;
	margin-left:-140px!important;
	margin-top:-20px!important;
	border-top-right-radius:0;
	text-shadow:0 0 5px black;
}

#pricing-table {
    margin: 20px auto;
    text-align: center;
    width: 812px; /* 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:#755c55;
	color:white;
}

#pricing-table #most-popular h3 {
	background:#e5ce10;
	color:rgba(0,0,0,0.7);
	font-weight:bold;
    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: #000;
    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 */
/* ////////////////////////////// */




#informit{
	width:100%;
	height:100%;
	position:fixed;
	left:0;
	top:0;
	z-index:1112;
	display:none;
}

#infacontent{
	width:500px;
	height:500px;
	top:calc( 50% - 250px );
	left:calc( 50% - 250px );
	position:absolute;
	text-align:center;
	background:rgba(0,0,0,0.85);
	border-radius:14px;
	box-shadow:0 0 10px black;
	padding:20px;
}

#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:120px;
		left:210px;
		transform:scale(1);
	}
	
	93%{
		bottom:120px;
		left:210px;
		transform:scale(0.5);
	}
	98%{
		bottom:120px;
		left:210px;
		transform:scale(1);
	}
	
	100%{
		bottom:120px;
		left:210px;
		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:20px;
	right:20px;
	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:'..SÜT';
	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;
}

#general_stats2{
	color:black;
	padding:12px 20px;
	border-radius:4px;
	background:#C30;
	cursor:pointer;
	float:right;
	font-size:20px;
	margin-top:30px;
	right:40px;
	box-shadow:0 0 2px rgba(0,0,0,0.5);
	text-shadow:0 0 4px rgba(0,0,0,0.4);
	z-index:9999;
	position:absolute;
	text-align:center;
	border:2px solid rgba(0,0,0,0.4);
}

#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:180px!important;
	font-style:normal;
	font-weight:bold;
	display:inline-block;
	padding:0; margin:0;
}


#black_bg{
	position:fixed;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.7);
	left:0;
	top:0;
	z-index:9999;
	display:none;
	overflow:scroll;
	overflow-x:hidden;
}

#white_content{
	position:absolute;
	z-index:10;
	background:white;
	padding:20px;
	width:800px;
	border-radius:10px;
	box-shadow:0 0 10px black;
	left:calc(50% - 400px);
	top:40px;
}

#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);
}


/* VİRTUAL CORE EKRANI */

.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)
}

#bank_st{
	display:inline-block;
	margin-bottom:10px;
}

#bank_st div{
	font-size:14px;
}


.ma_co{
	position:relative;
}

.ma_co .alert{
	position:relative;
	display:none;
	text-align:center; width:100%; height:100%; background:rgba(255,255,255,0.9);
	line-height:100%;
	z-index:1111111;
	padding:10px 20px;
	left:-20px;
	top:-10px;
}

.ma_co:hover .alert{
	display:inline-block;
}

@keyframes egg_message{
	90%{top:-20px; opacity:1}
	100%{top:-20px; opacity:0}
}

#messager{
	z-index:2222;
	color:#9C0;
	font-weight:bold;
	font-size:18px;
	white-space:nowrap;
	text-shadow:0 0 5px white;
	text-align:center!important;
	top:10px;
	animation-name:egg_message;
	animation-duration:1.5s;
	animation-fill-mode:forwards;
	padding:4px;
	border-radius:20px;
	background:rgba(255,255,255,0.8);
	position:absolute;
	width:200px;
}





/* FOOTER CONTENT */

#footer{
	background:#5d3030;
	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 */

.banner_button{
	display:inline-block;
	vertical-align:top;
	padding:8px 16px;
	background:#cb6400;
	color:white;
	font-weight:bold;
	text-shadow:0 0 4px rgba(0,0,0,0.8);
	cursor:pointer;
	border-radius:20px;
	margin:0 4px;
}

.banner_content{
	display:none;
}


.kask_bronze{
	width:30px;
	height:17px;
	position:absolute;
	z-index:1111;
	top:70px;
	left:97px;
}


.kask_silver{
	width:30px;
	height:17px;
	position:absolute;
	z-index:1111;
	top:70px;
	left:97px;
}


.kask_golden{
	width:30px;
	height:17px;
	position:absolute;
	z-index:1111;
	top:70px;
	left:97px;
}


.kask_diamond{
	width:30px;
	height:17px;
	position:absolute;
	z-index:1111;
	top:70px;
	left:97px;
}

.bronze_kask::after{
	content:' ';
	width:30px;
	height:17px;
	position:absolute;
	z-index:1111;
	top:0;
	left:17px;
	background:url(../img/kask_bronze.png);
}

.silver_kask::after{
	content:' ';
	width:30px;
	height:17px;
	position:absolute;
	z-index:1111;
	top:0;
	left:17px;
	background:url(../img/kask_silver.png);
}

.golden_kask::after{
	content:' ';
	width:30px;
	height:17px;
	position:absolute;
	z-index:1111;
	top:0;
	left:17px;
	background:url(../img/kask_golden.png);
}

.kask_diamond_2::after{
	content:' ';
	width:43px;
	height:25px;
	position:absolute;
	z-index:1111;
	top:0;
	left:24px;
	background:url(../img/kask_diamond_2.png);
}

.hes_bal::after{
	position:absolute;
	height:85%;
	width:1px;
	border-radius:20px;
	background:white;
	box-shadow:0 0 5px white;
	content:' ';
	right:-264px;
	top:4%;
	opacity:0.4;
}



.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 #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 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;
}

#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;
}

#flags{
	width:306px;
	position:absolute;
	padding:10px;
	top:-90px;
	left:190px;
	border-radius:20px;
	background:rgba(0,0,0,0.8);
}

@keyframes don{
	100%{
		transform:rotate(3600deg);
	}
}

#flags a:hover img{
	animation:don 3s forwards;
}

#flags img{
	width:30px;
	height:30px;
}

.flag{
	display:inline-block;
	margin:0 2px;
}

.flag_code{
	text-align:center;
	color:white;
	font-weight:bold;
}


@keyframes updown{
	50%{
		top:-50px;
	}
}

#arrow_down{
	position:absolute;
	font-size:40px;
	color:white;
	text-shadow:0 0 5px black;
	top:-30px;
	animation:updown 0.65s infinite;
}


#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;
}