@import url('../../css2.css');
html {
	scroll-behavior: smooth;
}

body{font-family: 'Readex Pro', sans-serif !important;font-size:14px;color: #ffe2a3;background: url('../img/arka.png') !important;}

/* NAVIGATION */
.navbar{
	max-width: 100% !important;
	height: 102px;
	display: block !important;
	margin-right: auto !important;
	margin-left: auto !important;
}

@media (min-width: 1200px) {
	.f-d-n{
		display: none;
		overflow: hidden;
	}

	.navbar-default {
		background: url('../img/ü.png') no-repeat;
		padding-top: 2px;
	}

	nav.navbar.navbar-default.navbar-fixed-top {
		background: url(../img/üst.png) no-repeat;
	}
}

@media (max-width: 1200px) {
	.m-d-n{
		display: none;
		overflow: hidden;
	}
	.navbar-default .navbar-collapse, .navbar-default .navbar-form{
		border-color: #66bcff !important;
		background: #134f7f;
	}

	.navbar-header{
		background: #0f3554;
	}

	.navbar-default .navbar-toggle{

		border-color: #57a9e8!important;
	}

	.navbar-default .navbar-toggle .icon-bar{
		background-color: #8eceff !important;
	}

	.navbar-default .navbar-toggle:focus , .navbar-default .navbar-toggle:hover{
		background-color: #134f7f !important;
	}
}

.navbar-default {
	background-color: transparent!important;
	border:none !important;
	padding-top:10px;
	    background: url(../img/erdographic2.png) no-repeat;

}
#headerVideo {
	position:absolute;
    left: 0;
    top: 0;
    z-index: -1;
}
.navbar-default .navbar-nav>li>a{
	color: #f9f1ff !important;
	font-size: 16px;
}

.navbar-default .navbar-nav>li>a:hover{
	color: #bdbdbd !important;
}

.head{
	/* background: url('../img/arkaplan.jpg'); */
	height: 682px;
}

.footer{
	background: url('../img/footer.jpg');
	height: 341px;
}

.logo{
	margin: 15px;
}
#headerVideo {
	position:fixed;
    left: 0;
    top: 0;
    min-width: 100%;
    min-height: 100%;
    z-index: -1;
}
.icerik{
	background: #0b0708;
}
img{
	max-width: 100%;
}
hr{
	width: 50%;
	height: 1px !important;
	border-top: 1px solid #22182d !important;
}

.baslik{
	max-width: 100%;
	background:url(../img/baslik.png) no-repeat;
	text-align: center;
	width: 526px;
	height: 82px;
	line-height: 80px;
	font-size: 18px;
	font-weight: bold;
	color: #ffffff;
	text-shadow: 0px 0px 5px #0000005c;
	margin:20px 0px 20px 0px;
}

.baslik2{
	background:url(../img/baslik2.png) no-repeat;
	text-align: center;
	max-width: 100%;
	width: 320px;
	height: 162px;
	line-height: 260px;
	font-size: 24px;
	font-weight: 900;
	color: #ffffff;
	text-shadow: 0px 2px 0px #0a111a;
	margin: 20px 0px 10px 0px;
}

.baslik3{
	background: linear-gradient(to top, rgb(33 19 8), rgb(165 113 68));
	text-align: center;
	width: 320px;
	padding: 20px;
	font-size: 16px;
	font-weight: 900;
	color: #ffdbb3;
	text-shadow: 0px 2px 0px #0b0708;
	margin:20px 0px 10px 0px;
	border-radius: 15px;
	border: 1px solid #ffbc43;
}

.ml-auto, .mx-auto{
	margin-left: auto!important;
}

.mr-auto, .mx-auto {
	margin-right: auto!important;
}

.img-fluid {
	max-width: 100%;
	height: auto;
}

.biyolog{
	max-width: 100%;
	display: block;
	margin-right: auto !important;
	margin-left: auto !important;
}
.ozellik{
	text-align: center;
	width: 100%;
	background: linear-gradient(to top, rgb(72 33 131), rgb(23 0 35));
	padding: 15px;
	border: 1px solid #22182d;
	margin: 5px;
	color: #e3dae9;
	text-transform: uppercase;
	font-weight: bold;
	text-shadow: 0 0 10px #0000003d;
}

.biyolog .ozellik img{
	background: linear-gradient(to top, rgb(72 33 131), rgb(23 0 35));
	float:left;
	padding: 5px;
	margin: -3px 7px;
	border-radius: 25px;
	border-bottom: 2px solid #ffffff;
	border-top: 2px solid #ffffff;
}

.biyolog .ozellik span{
	color: #ffffff;
	font-weight: bold;
}

/* EFSUN TABLOSU */

table{
	max-width: 100%;
	width: 100%;
}
/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #22182d;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #ffffff;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}
table thead tr th{
	background: linear-gradient(to top, rgb(72 33 131), rgb(23 0 35));
	padding: 10px;
	color: #ffffff;
	border: 1px solid #22182d;
}

table tbody tr td{
	background: #22182d;
	padding: 10px;
	color: #ffffff;
	border: 1px solid #22182d;
}

/* NPC */
.npc{
	max-width: 100%;
	display: block;
	margin-right: auto !important;
	margin-left: auto !important;
}

.npc li{
	width: 16.66%;
}

.npc li a{
	background: linear-gradient(to top, rgb(72 33 131), rgb(91 11 133));
	width: 95%;
	color: #ffffff;
	padding: 10px!important;
	border: 1px solid #22182d;
}

/* DONUSUM */
.donusum{
	max-width: 100%;
	display: block;
	margin-right: auto !important;
	margin-left: auto !important;
}

.donusum li{
	width: 25%;
}

.donusum li a{
	background: linear-gradient(to top, rgb(72 33 131), rgb(91 11 133));
	width: 95%;
	color: #ffffff;
	padding: 10px!important;
	border: 1px solid #22182d;
}

.nav-pills>li{
	display: block;
	margin-right: auto !important;
	margin-left: auto !important;
}

.nav-pills>li.active>a, .nav-pills>li>a:hover, .nav-pills>li>a:focus, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover{
	background: linear-gradient(to top, rgb(72 33 131), rgb(23 0 35));
	color:#f9f1ff !important;
	border:1px solid #22182d;
	background-color:transparent !important;

}

.nav-pills{
	display: block!important;
	margin-right: auto !important;
	margin-left: auto !important;
}

.system{
	margin:10px;
	border-radius: 15px;
	border: 4px solid #22182d;
	box-shadow: 0 0 20px -5px #8e07ff;
}

/* BACK TO TOP */

.back-to-top{
	position:fixed;
	bottom: 7em;
	right:0;
	margin:10px;
	display:none;
}

.aciklama{
	max-width: 100%;
	background: #22182d;
	border: 1px solid #22182d;
	padding: 10px;
	color: #ffffff;
	margin-bottom: 10px;
}

#duyuru-alt {
	position: fixed;
	z-index: 999999;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	text-align: center;
	width: 100%;
	height: auto;
	color: #fafafa;
	text-shadow: 1px 1px 0px #22182d;
	border-top: 3px solid #ffffff;
	background: linear-gradient(to top, rgb(72 33 131), rgb(23 0 35));
}

#duyuru-alt a {
	color: #ffffff;
	font-weight: 800;
	font-size: 30px;
	display: block;
	margin: 5px;
}

#duyuru-alt span {
	font-size:14px;
	font-weight: 700;
	color: #ffff82;
	text-shadow: 0px 1px 0px #000;
	text-transform: uppercase;
	display: block;
}
.discord-widget {
	transition-property: right;
	transition-duration: 2s;
	-webkit-transition-property: right; /* Safari */
	-webkit-transition-duration: 2s; /* Safari */
	position: fixed;
	bottom: 100px;
	left: 20px;
	z-index: 99999999;
}