@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
html {
  scroll-behavior: smooth;
}
@import url(//db.onlinewebfonts.com/c/12420e8c141ca7c3dff41de2d59df13e?family=BeaufortforLOL-Bold);

@font-face {font-family: "BeaufortforLOL-Bold"; src: url("//db.onlinewebfonts.com/t/12420e8c141ca7c3dff41de2d59df13e.eot"); src: url("//db.onlinewebfonts.com/t/12420e8c141ca7c3dff41de2d59df13e.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/12420e8c141ca7c3dff41de2d59df13e.woff2") format("woff2"), url("//db.onlinewebfonts.com/t/12420e8c141ca7c3dff41de2d59df13e.woff") format("woff"), url("//db.onlinewebfonts.com/t/12420e8c141ca7c3dff41de2d59df13e.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/12420e8c141ca7c3dff41de2d59df13e.svg#BeaufortforLOL-Bold") format("svg"); }

body{font-family: "BeaufortFORLOL", sans-serif !important;font-size:14px;color: #ffe2a3;/*! background-color: #b4b4b4 !important; */background: linear-gradient(90deg, rgb(102, 102, 102) 0%, rgb(96, 96, 96) 100%);}

.arkaplan{
	background: url(../img/arkaplan.jpg);
	width: 100%;
}
.button {
	border: none;
	color: white;
	padding: 15px 32px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
  }
/* 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/bg-menu.png') no-repeat center top;
            padding-top: 2px;
        }

nav.navbar.navbar-default.navbar-fixed-top {
}
    }

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

        .navbar-header{
        	background: #1c1511;
        }

        .navbar-default .navbar-toggle{

border-color: #ffb71b!important;

}

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

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

.navbar-default {
	background-color: transparent!important;
	border:none !important;
}

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

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

.icerik{
	background: #0b0708;
}
img{
	max-width: 100%;
}
hr{
	width: 50%;
	height: 1px !important;
	border-top: 1px solid #fff !important;
}

.baslik{
	max-width: 100%;
	background:url(../img/baslik.png) no-repeat;
	text-align: center;
	width: 526px;
	height: 114px;
	line-height: 80px;
	font-size: 19px;
	font-weight: 900;
	color: #fff;
	text-shadow: 0px 2px 0px #ff2512;
	margin:20px 0px 10px 0px;
}

.baslik2{
	background:url(../img/baslik2.png) no-repeat;
	text-align: center;
	padding: 110px 2px;
	max-width: 100%;
	width: 320px;
	height: 162px;
	line-height: 38px;
	font-size: 16px;
	font-weight: 900;
	color: #ffda89;
	text-shadow: 0px 2px 0px #130c0a;
	margin:20px 0px 10px 0px;
}

.baslik3{
	background: linear-gradient(to top, rgb(255, 60, 0), rgb(255, 167, 0));
	text-align: center;
	width: 320px;
	padding: 20px;
	font-size: 16px;
	font-weight: 900;
	color: #000;
	/*! text-shadow: 0px 2px 0px #3a0101; */
	margin:20px 0px 10px 0px;
	border-radius: 15px;
	border: 1px solid #f5bc7e;
}

.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;
}
.biyolog .ozellik{
	text-align: left;
	width: 100%;
	background: linear-gradient(to top, rgb(155, 36, 0), rgb(255, 108, 0));
	padding: 15px;
	border: 1px solid #ddd;
	margin: 5px;
	color: #e6dcdc;
}

.biyolog .ozellik img{
	background: linear-gradient(to top, rgb(20, 0, 0), rgb(20, 0, 0));
	float:left;
	padding: 5px;
	margin: -3px 10px;
	border-radius: 10px;
	border-bottom: 3px solid #fff;
	border-top: 3px solid #fff;
}

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

/* EFSUN TABLOSU */

table{
	max-width: 100%;
	width: 100%;
}

table thead tr th{
	background: linear-gradient(to top, rgb(253, 130, 0), rgb(255, 131, 0));
	padding: 10px;
	color: #000;
	border: 1px solid #ffe9b4;
}

table tbody tr td{
	padding: 10px;
	color: #fff;
	border: 1px solid #ffe9b4;
	/*! background: linear-gradient(to top, rgb(20, 0, 0), rgb(19, 0, 0)); */
	background: url(../img/desen2.png);
}

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

.npc li{
	width: 16.66%;
}

.npc li a{
	width: 95%;
	color: #fff;
	padding: 10px!important;
	border: 1px solid #f5bc7e;
	background: linear-gradient(to top, rgb(0, 0, 0), rgb(30, 0, 0));
}

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

.donusum li{
	width: 20%;
}

.donusum li a{
	width: 95%;
	color: #ffd7ab;
	padding: 10px!important;
	border: 1px solid #f5bc7e;
	background: linear-gradient(to top, rgb(6, 6, 6), rgb(32, 32, 32));
}

.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(255, 0, 0), rgb(45, 0, 0));
	color:#f5bc7eb14 !important;
	background-color:#fff0 !important;
}

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

.system{
	margin:10px;
	border-radius: 15px;
	border: 4px solid #ffa700;
	box-shadow: 0 0 20px -10px #ff5400;
}

/* BACK TO TOP */

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

.aciklama{
	max-width: 100%;
	border: 1px solid #ffe9b4;
	padding: 10px;
	color: #ffecc1;
	margin:10px;
	background: linear-gradient(to top, rgb(11, 0, 0), rgb(15, 0, 0));
}

#duyuru-alt {
  position: fixed;
  z-index: 999999;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
  width: 100%;
  height: auto;
  color: #fee888;
  text-shadow: 1px 1px 0px #1e1e1e;
  border-top: 2px solid #fff;
  background: linear-gradient(to top, #260000, #ff0c00);
}

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

#duyuru-alt span {
	font-size:14px;
	font-weight: 700;
	color: #ffcb00;
	text-shadow: 0px 1px 0px #000;
	text-transform: uppercase;
	display: block;
}

.genel{
	max-width: 100%;
	display: block;
	margin-right: auto !important;
	margin-left: auto !important;
}
.genel .ozellik{
	width: 100%;
	padding: 8px;
	border: 1px solid #fff;
	margin: 5px;
	color: #ffd75f;
	text-transform: uppercase;
	background: linear-gradient(to top, rgb(87, 3, 3), rgb(251, 0, 0));
}