@font-face
{
	font-family:'Bree Serif';
	font-style:normal;
	font-weight:400;
	src:local('Bree Serif'),local(BreeSerif-Regular),url(../fonts/0daoUMW28nkWOnFz2G4AAiEAvth_LlrfE80CYdSH47w.woff2)/*tpa=https://metinhard2.org/siteee1/dist/fonts/0daoUMW28nkWOnFz2G4AAiEAvth_LlrfE80CYdSH47w.woff2*/ format("woff2");
	unicode-range:U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF
}

@font-face
{
	font-family:'Bree Serif';
	font-style:normal;
	font-weight:400;
	src:local('Bree Serif'),local(BreeSerif-Regular),url(../fonts/LQ7WLTaITDg4OSRuOZCps_k_vArhqVIZ0nv9q090hN8.woff2)/*tpa=https://metinhard2.org/siteee1/dist/fonts/LQ7WLTaITDg4OSRuOZCps_k_vArhqVIZ0nv9q090hN8.woff2*/ format("woff2");
	unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215,U+E0FF,U+EFFD,U+F000
}

@font-face
{
	font-family:'Play';
	font-style:normal;
	font-weight:400;
	src:local(Play),local(Play-Regular),url(../fonts/_UIws5dpKC1RfhGPW_D7VQ.woff2)/*tpa=https://metinhard2.org/siteee1/dist/fonts/_UIws5dpKC1RfhGPW_D7VQ.woff2*/ format("woff2");
	unicode-range:U+0460-052F,U+20B4,U+2DE0-2DFF,U+A640-A69F
}

@font-face
{
	font-family:'Play';
	font-style:normal;
	font-weight:400;
	src:local(Play),local(Play-Regular),url(../fonts/VI6dwR3qOFADPI7kkTnlug.woff2)/*tpa=https://metinhard2.org/siteee1/dist/fonts/VI6dwR3qOFADPI7kkTnlug.woff2*/ format("woff2");
	unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116
}

@font-face
{
	font-family:'Play';
	font-style:normal;
	font-weight:400;
	src:local(Play),local(Play-Regular),url(../fonts/4W1i2GqDprP6PUrv5L9lzw.woff2)/*tpa=https://metinhard2.org/siteee1/dist/fonts/4W1i2GqDprP6PUrv5L9lzw.woff2*/ format("woff2");
	unicode-range:U+0370-03FF
}

@font-face
{
	font-family:'Play';
	font-style:normal;
	font-weight:400;
	src:local(Play),local(Play-Regular),url(../fonts/YjD7Z5idi6Khm_WnIgFa0Q.woff2)/*tpa=https://metinhard2.org/siteee1/dist/fonts/YjD7Z5idi6Khm_WnIgFa0Q.woff2*/ format("woff2");
	unicode-range:U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF
}

@font-face
{
	font-family:'Play';
	font-style:normal;
	font-weight:400;
	src:local(Play),local(Play-Regular),url(../fonts/ZNo-5SxCwH1CXgZ-n3bt2g.woff2)/*tpa=https://metinhard2.org/siteee1/dist/fonts/ZNo-5SxCwH1CXgZ-n3bt2g.woff2*/ format("woff2");
	unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215,U+E0FF,U+EFFD,U+F000
}

body
{
	font-family:'Play',sans-serif;
    background: #000;
        background: #000 url(../img/container-bg.jpg) repeat-y 50% 0;
    min-width: 1380px
}


.content {
        background:url(../img/container-bg-top.jpg) no-repeat 50% 0;

}
.siteContainer {
    width: 930px;
    margin: auto;
    font-size: 11px
}
.siteContainer .left {
      display: inline;
    float: left;
    margin: -64px 0 0 11px;
    position: relative;
    width: 157px;
}
.siteContainer .leftMenu ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
       background: url(../img/modul-box-bottom.jpg) no-repeat;
        background-position: center bottom;
    padding-bottom: 24px;
}
.siteContainer .leftMenu ul li a {
      background: url(../img/main-mav-bg.gif) no-repeat;
    color: #fef6aa;
    display: block;
    font-weight: bold;
    font-size: 12px;
    height: 34px;
    line-height: 15px;
    overflow: hidden;
    text-align: center;
    text-decoration: none;
    width: 157px;
    padding: 7px 0
}
.siteContainer .leftMenu ul li a:hover {
    background-position: 0 -34px;
    color: #fffde8;
}
.siteContainer .leftMenu ul li + li {
    margin-top: 5px;
}


.siteContainer .leftMenu .leftMenuTop{
    background: url(../img/box-top-1.jpg) no-repeat;
    height: 23px;
    width: 157px;
}
.siteContainer .leftMenu .leftMenuContent {
    position: relative;
        background: url(../img/modul-box-bg.jpg) repeat-y;
}
.siteContainer .leftMenu .leftMenuContent:before {
    content: "";
    display: block;
    background: url(../img/modul-box-top.jpg) no-repeat;
    height: 24px;
}
.siteContainer .right {
        width: calc(100% - 175px);
    display: flex;

}
.siteContainer .right >.col-md-8 {
    display: inline;
    margin: 33px 0 0 46px;
    width: 510px !important;
}
.siteContainer .right >.col-md-4 {
    margin: -64px 0 0 auto;
    width: 157px;
	z-index:1;
}
.siteContainer .right >.col-md-4 >.col-md-12 {
    float: none;
}

.siteContainer .right >.col-md-4 >.col-md-12:nth-child(2) .panel-kucuk .panel-heading:before {
    background: url(../img/modul-box-top.jpg) no-repeat;
}
.siteContainer .right .panel-kucuk .input-group-addon.giris-addon {
    display: none;
}

.siteContainer .right .panel-kucuk .giris-input{
    background: url(../img/input-bg-4.gif) no-repeat;
    height: 18px;
    padding: 0 0 0 4px !important;
    width: 129px;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    outline: none;
    font-size: 11px;
    color: #160400;
}
.siteContainer .right .panel-kucuk  a img {
    max-width: 100%
}
.siteContainer .right .panel-kucuk .giris-input::placeholder {
       color: #160400;
}
.siteContainer .right .form-group {
    margin-bottom: 0
}
.siteContainer .right >.col-md-8 .panel-orta {
    background: url(../img/content-box-bg.jpg) repeat-y;
    margin: 0;
    width: 507px !important;
        box-shadow: none !important;
    position: relative;
    z-index: 2;
}
.siteContainer .right >.col-md-8 .panel-orta  {
    font-size: 11px;
}
.siteContainer .right >.col-md-8 .panel-orta .panel-heading {
        background: url(../img/content-box-top.jpg) no-repeat;
    width: 100% !important;
    border: 0 !important;
    box-shadow: none !important;
    margin: 0 !important;
        padding: 10px 10px 5px;
}
.siteContainer .right >.col-md-8 .panel-orta .panel-heading  center + .cache-bilgi {
    position: absolute;
    right: 30px;
    top: 20px;
}
.siteContainer .right >.col-md-8 .panel-orta:after {
    content: "";
    display: block;
  background: url(../img/content-box-bottom.jpg) no-repeat 0 100%;
    width: 100%;
    height: 15px;
    position: relative;
    z-index: 2;
}
.siteContainer .right >.col-md-8 .panel-orta .panel-heading>center {
    	background: url(../img/heading-3.jpg) no-repeat;
    color: #7b1300;
    font-size: 14px;
    font-weight: bold;
    line-height: 17px;
    margin: 11px 0 0;
    padding: 6px 0 7px 33px;
    text-align: left !important;
    font-weight: 700;
    background-size: cover
    
}
.siteContainer .right >.col-md-8 .panel-orta .panel-body {
    width: 100%;
    padding: 0 10px;
}
.siteContainer .right >.col-md-8 .panel-orta table {
        border-collapse: separate;
    width: 481px;
}

.siteContainer .right >.col-md-8 .panel-orta table thead tr {
    background: transparent;
 color: #8d0404;
    font-size: 11px;
    font-weight: bold;
        border-color: #FAE5D0 #B79647 #B39164 #FAE5D0;
    border-width: 1px !important;
    border-style: solid;
    padding: 10px;
    vertical-align: middle;
    text-shadow: none;
}
.siteContainer .right >.col-md-8 .panel-orta table  tr:hover {
    background: transparent;
}
.siteContainer .right >.col-md-8 .panel-orta .table > caption + thead > tr:first-child > td, .siteContainer .right >.col-md-8 .panel-orta .table > caption + thead > tr:first-child > th, .siteContainer .right >.col-md-8 .panel-orta .table > colgroup + thead > tr:first-child > td, .siteContainer .right >.col-md-8 .panel-orta .table > colgroup + thead > tr:first-child > th, .siteContainer .right >.col-md-8 .panel-orta .table > thead:first-child > tr:first-child > td, .table > thead:first-child > tr:first-child > th {
       border-color: #FAE5D0 #B79647 #B39164 #FAE5D0;
    border-width: 1px;
    border-style: solid;
}
.siteContainer .right >.col-md-8 .panel-orta table  tr td:nth-child(1) {
    border-left: 1px solid #81602D !important;
}
.siteContainer .right >.col-md-8 .panel-orta table tbody tr td {
    border-color: #FAE5D0 #B79647 #B39164 #FAE5D0;
    border-width: 1px;
    border-style: solid;
    padding: 10px;
    vertical-align: middle;
        color: #8d0404;
    font-size: 11px;
}
.sag
{
	float:right
}

.sol
{
	float:left
}
.siteContainer .rightMenuTop{
    background: url(../img/box-top-2.jpg) no-repeat;
    height: 23px;
    width: 157px;
}
.panel-kucuk
{
    border:0;
	    position: relative;
        background: url(../img/modul-box-bg.jpg) repeat-y;
    width: 157px;
    margin-bottom: 0
}

.panel-kucuk center {
        background: url(../img/main-mav-bg.gif) no-repeat;
    color: #fef6aa;
    display: block;
    font-weight: bold;
    font-size: 12px;
    height: 34px;
    line-height: 15px;
    overflow: hidden;
    padding: 8px 0 0;
    text-align: center;
    text-decoration: none;
    width: 157px;
}
.boxes-middle { 
	background: url(../img/box-middle.png) no-repeat;
	height: 32px;
	margin: 0 0 0 12px;
}
.panel-orta
{
	margin-right:-10px;
}

.panel-orta .panel-heading
{
	/* height:48px; */
	background: linear-gradient(1deg, #580118, #78001e);
	box-shadow: 0px 0px 0px 1px #091114;
	margin: 5px;
	color: #fffefd;
	font-size: 21px;
	line-height:28px;
}

.panel-tanitim
{
	margin-top:1px;
	margin-right:-10px;
	border-radius:5;
	
}

.panel-tanitim .panel-heading
{
    font-size: 20px;
    background: linear-gradient(1deg, #580118, #78001e);
    color: #eeeeee;
}
.panel-kucuk .panel-heading {
    padding: 0
}
.panel-kucuk .panel-heading:before {
    content: "";
    display: block;
    width: 100%;
  background:url(../img/modul-box-top-2.jpg) no-repeat;
    height: 23px;
}

.panel-kucuk .panel-body 
{ padding: 0 10px 30px;
    background: url(../img/modul-box-bottom.jpg) no-repeat 0 100%;
}

.panel-kucuk .panel-body .form-group {
    margin-left: 3px
}
.pageContent {
        background: transparent url(../img/form-bg.jpg) repeat scroll 0 0;
    border: 1px solid #c6ab74;
    color: #4a1e00;
    padding: 15px;
        border: 1px solid #aa8551;
    margin: 15px 0 20px 25px;
    width: 430px;
}
.pageContent.galleryPage {
    margin: 15px 0;
    width: 100%;
        margin: 15px 0;
    width: 100%;
    background: transparent;
    border: 0;
    padding: 0;
}
.galleryPageBox {
        background: url(../img/gallerybox-bg.jpg) no-repeat;
    margin-bottom: 9px;
    height: auto;
    padding-top: 7px;
    padding-left: 12px;
}
.galleryPageBox .subTitle {
    color: #7b1300;
    font-size: 12px;
    height: 34px;
    margin: 1px 0px 0px 9px;
    width: 290px;
    font-weight: 700
}
.galleryList {
      display: flex;
    flex-wrap: wrap;
}
.galleryList .galleryItem {
        background: url(../img/screenshot-li-bg.jpg) no-repeat;
        margin: 4px;
    padding: 4px;
    
}
.galleryList .galleryItem a {
    display: block;
}
.galleryList .galleryItem a img {
    width: 100px
}
.pageSubBox {
        background: url(../img/gallerybox-bg.jpg) no-repeat;
    margin-bottom: 9px;
    height: auto;
    padding-top: 7px;
    padding-left: 12px;
}
.pageSubBox .subTitle {
    color: #7b1300;
    font-size: 12px;
    height: 34px;
    margin: 1px 0px 0px 9px;
    width: 290px;
    font-weight: 700
}
.pageSubBox .list-group-item {
    background: url(../img/bullet.gif) no-repeat;
    list-style: none;
    padding: 0 0 13px 20px;
    width: 260px;
    border:0;
}
.pageSubBox .list-group-item  b {
    font-weight: 700
}
.pageAccountLinks .list-group {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.pageAccountLinks a {
    	background: url(../img/button-bg-2.gif) no-repeat;
	color: #DFBF8B;
	display: block;
	font-size: 10px;
	font-weight: bold;
	height: 25px;
	line-height: 12px;
	padding: 5px 14px 0 0;
	text-align: center;
	text-decoration: none;
	width: 162px;
    border:0;
    background-size: cover;
    margin: 5px;
}
.pageAccountLinks a:hover {
    text-decoration: underline;
    	color: #DFBF8B;
}
.wallpaperItem .downLink a {
    display: block;
    text-align: center;
        color: #4a1e00;
    font-size: 11px;
    text-decoration: underline;
}
#kayit_form {
        margin: 15px auto;
    width: 290px;
}
#kayit_form  label {
    display: block;
    color: #4a1e00;
    font-size: 12px;
    font-weight: bold;
    margin: 0 0 5px;
    text-align: left;
    font-weight: 700;
}
.pageContent form input {
        background: url(../img/form-input-bg.gif) repeat-x;
    border: 1px solid #622400 !important;
    color: #534236;
    font-size: 16px;
    font-weight: bold;
    height: 32px;
    padding: 5px 10px;
    border-radius: 0;
    outline: none;
    box-shadow: none;
}
.pageContent form select.form-control {
        background: url(../img/form-input-bg.gif) repeat-x;
    border: 1px solid #622400 !important;
    color: #534236;
    font-size: 16px;
    font-weight: bold;
    height: 32px;
    padding: 5px 10px;
    border-radius: 0;
    outline: none;
    box-shadow: none;
}
.pageContent form textarea , .supportComment textarea{
  width: 100%;
    background-color: transparent !important;
    padding: 3px;
    outline: none;
    border: 1px solid #795353 !important;
 outline: none !important;
    box-shadow: none !important;
    border-radius: 0;
    color: #534236 !important
}
.pageContent form textarea:hover ,.supportComment textarea:hover{
    background: transparent !important;
}
.supportComment textarea {
    background: rgb(83 66 54 / 31%) !important;
    margin-bottom: 10px;
    width: 450px !important;
    margin: 0 auto 10px !important
}
.supportComment .btn-ria {
    float: none;
    display: inline-block;
}
.pageContent forminput:focus {
        background-position: 0 -30px;
    border: 1px solid #8D0404;
    color: #4A1E00;
}
.pageContent form .btn-ria {
    margin-top: 10px !important;
    float: none;
    display: inline-block;
}
.btn-giris.btn-ticket {
    margin-top: -2px !important;
    margin-right: 6px !important;
    padding-top: 2px !important;
}
.table-support td{
    padding: 5px !important;
    font-size: 10px !important
}
.changeMailCode input {
         background: url(../img/form-input-bg.gif) repeat-x;
    border: 1px solid #622400 !important;
    color: #534236;
    font-size: 16px;
    font-weight: bold;
    height: 32px;
    padding: 5px 10px;
    border-radius: 0;
    outline: none;
    box-shadow: none;
}
.changeMailCode inpu:focus {
         background-position: 0 -30px;
    border: 1px solid #8D0404;
    color: #4A1E00;
}
.panel-body .callout {
    background: transparent url(../img/form-bg.jpg) repeat scroll 0 0 !important;
    color: #4a1e00;
    padding: 15px;
    border: 1px solid #aa8551 !important;
    margin: 15px auto 20px;
    background-color: transparent;
    width: 430px;
    border-radius: 0;
}
.panel-body .callout.callout-danger {
    text-align: center
}
.panel-body .callout.callout-danger h4 {
    color: #860404
}
.table-market .panel-heading {
    background: transparent !important
}
.table-market .panel-heading b {
    color: #8d0404
}

.ticketCategory {
    font-size: 13px;
        color: #8d0404;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.ticketCategory  .btn-uyepanel {
    background: url(../img/button-bg-2.gif) no-repeat;
    color: #DFBF8B;
    display: block;
    font-size: 10px;
    font-weight: bold;
    height: 25px;
    line-height: 12px;
    padding: 5px 14px 0 0;
    text-align: center;
    text-decoration: none;
    width: 162px;
    border: 0;
    background-size: cover;
    margin: 5px;
}
.ticketCategory  .btn-uyepanel:hover {
        background: url(../img/button-bg-2.gif) no-repeat;
    color: #fff;
        width: 162px;
       height: 25px;
        background-size: cover;
}

.form-support .form-group{
    margin-bottom: 15px !important;
}
.well.characterItem {
    background: transparent url(../img/form-bg.jpg) repeat scroll 0 0;
    border: 1px solid #c6ab74;
    color: #4a1e00;
    padding: 15px;
    border: 1px solid #aa8551;
    margin: 15px 0 20px 25px;
    width: 430px;
    font-weight: 700;
    font-size: 13px;
}
.well.characterItem  img {
     border: 2px solid #aa8551;
    border-radius: 50%;
}
.well.characterItem b {
    color:#943b00
}
.row.bugLists .thumbnail {
     background: transparent url(../img/form-bg.jpg) repeat scroll 0 0;
    border: 1px solid #c6ab74;
      color:#943b00;
    padding: 15px 15px 0;
    border: 1px solid #aa8551;
    margin: 15px 0 0 6px;
    width: 100%;
    font-weight: 700;
    font-size: 13px;
}
.row.bugLists .thumbnail img {
         border: 2px solid #aa8551;
    border-radius: 50%;
    max-width: 100px
}
.row.bugLists .thumbnail h4 {
       color:#943b00;
}
.row.bugLists .thumbnail p {
    text-align: center;
}
.row.bugLists .thumbnail .btn-giris {
    float: none;
    display: inline-block;
    padding-top: 1px
}
.chat_list .list-group-item {
    background: transparent url(../img/form-bg.jpg) repeat scroll 0 0 !important;
    color: #4a1e00;
    padding: 15px;
    border: 1px solid #aa8551 !important;
    margin: 10px auto;
    background-color: transparent;
    width: 450px;
    border-radius: 0;
}
.chat_list .list-group-item .list-group-item-heading {
    color: #7b1300;
    font-size: 12px;
    height: 34px;
   
    width: 290px;
    font-weight: 700;
}
.chat_list .list-group-item .list-group-item-heading .text-muted {
    color: #000;
}
.panel-buyuk 
{


background: #f7f7f9; /* Old browsers */
/* background: -moz-radial-gradient(center, ellipse cover,  #58749c 0%, #58749c 100%); /* FF3.6-15 */ */
/* background: -webkit-radial-gradient(center, ellipse cover,  #58749c 0%,#58749c 100%); /* Chrome10-25p: 5px;
	    text-transform: uppercase;
}

nav.navbar.navbar-default ul li a:hover {
text-decoration: none;
    font-weight: bold;
	color: #ffffff;
    text-shadow: 0 1px #000;
    }

.dropdown-menu li a
{
	height:38px!important;
	line-height:35px!important;
	padding-left:10px!important;
	padding-right:10px!important;
	color:#ffc468!important;
	background:none!important;
	font-family:'Bree Serif',serif!important;
	font-size:12px!important;
	padding-top:0!important;
	text-transform:uppercase!important;
	text-align:center;
	letter-spacing:2px;
	transition:linear .3s
}

.dropdown-menu li a:hover,.dropdown-menu li a:focus,.dropdown-menu li a:active
{
	background:rgba(255,255,255,0.08)!important;
	color:#56D6ED!important
}

ul.dropdown-menu
{
	background:rgba(0,0,0,0.70);
	box-shadow:0 0 20px #000
}

.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover
{
	color:#56D6ED;
	background:url(../img/menu-hover-bg.html.htm)/*tpa=https://metinhard2.org/siteee1/dist/img/menu-hover-bg.html*/ no-repeat center center;
	background-size:contain
}

.menu-logom
{
	background:url(../img/m2h-mini-logo.html.htm)/*tpa=https://metinhard2.org/siteee1/dist/img/m2h-mini-logo.html*/ no-repeat center center;
	height:130px;
	width:130px;
	position:absolute;
	background-size:contain;
	margin:0 auto;
	top:-2px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	left:0;
	right:0
}

.ust .logo
{position: relative;
	background:url(../img/headerbg.jpg) no-repeat 50% 0;
    height: 250px;
}	

.ust .logo .redButton {
     background: url(../img/reg-btn.jpg) no-repeat;
    height: 92px;
    margin: 0 auto;
    width: 533px;
    position: absolute;
    left: 50%;
    bottom: 26px;
    transform: translateX(-50%);
}
.ust .logo .redButton:hover {
    background-position: 0 -92px;
}
.ust .logo .redButton .redDownLink {
        color: #F2E69F;
    display: block;
    font-size: 22px;
    font-weight: bold;
    height: 72px;
    line-height: 72px;
    padding: 0 0 0 100px;
    text-align: left;
    text-decoration: none;
    text-shadow: 2px 2px 5px #000000;
    width: 100%;
}
.ust .logo .redButton .redDownLink:hover {
    color: #fff;
}
.ust .logo .redStep {
        height: 20px;
    text-align: center;
}
.ust .logo .redStep a {
    color: #F2E69F;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
        font-size: 12px;

    font-weight: 700;
}
.ust .logo .redStep a:hover {
    color: #fff;
}
.ust .logo .redStep a span {
        margin: 0 15px;
}

.ust .logo .loginButtons {
        background: url(../img/header-box.gif) no-repeat;
    border: none;
 height: 38px;
    margin: 0 auto;
    width: 518px;
    position: absolute;
    left: 50%;
    bottom: 52px;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
}
.ust .logo .loginButtons a {
    color: #FEF6AA;
    display: block;
    float: left;
    height: 24px;
    margin: 0 0 0 14px;
    padding: 5px 0 0 18px;
    text-align: center;
    text-decoration: none;
    width: 150px;
    font-size: 11px;
}
.ust .logo .loginButtons a:hover {
    text-decoration: underline !important
}
.ust .logo .loginButtons a:nth-child(1) {
    	background-image: url(../img/nav-box-login-1-bg.gif);
}
.ust .logo .loginButtons a:nth-child(2) {
    	background-image: url(../img/nav-box-login-2-bg.gif);
}
.ust .logo .loginButtons a:nth-child(3) {
    	background-image:url(../img/nav-box-login-4-bg.gif);
}
.ust .logo  .loginInfos {
  
    font-weight: 700;
    position: absolute;
    left: 50%;
    bottom: 96px;
    transform: translateX(-50%)
}
.ust .logo  .loginInfos span {
    font-size: 11px;
      color: #FADE9D;
    font-weight: 700
}
.ust .logo  .loginInfos span + span {
    margin-left: 50px
}
.kayip-buttonlar
{
	text-align: center;
}

.kayip-buttonlar a
{
  color: #8D0404;
    font-size: 9px;
    line-height: 11px;
    text-decoration: none;
}
.kayip-buttonlar a:hover {
    text-decoration: underline !important
}


.onlineoyuncu
{
    display: none;
	background:
	url(../img/online_oyuncu.png)/*tpa=https://metinhard2.org/siteee1/dist/img/online_oyuncu.png*/ no-repeat;
	width:550px;
	margin:0 auto;
	height:400px;
	margin-top: -10px;
	text-align:
	center;
	padding-top: 22px;
	line-height: 18px;
	color: #25002c;
	font-size: 22px;
	font-family:
	'Bree Serif',serif;
	/*padding-left: 100px;*/
}


.no-padding
{
	padding:0
}

.footer
{
    position: relative;
background: url(../img/footer-bg.png) no-repeat 50% 0;
    height: 220px;
    margin: -30px 7.5px 0px;
    float: left;
    width: 100%;
    font-size: 14px;
    padding-top: 140px;
}
.footerLogo {
    content: "";
    position: absolute;
    left: 50%;
    top: 70px;
        background: url(../img/gameforge4d.gif) no-repeat;
    width: 128px;
    height: 35px;
    display: block;
    text-indent: -9999px;
    overflow: hidden;
    transform:translateX(-50%);
    z-index: 2;
}
.footerLogo a {
    display: block;
    height: 100%;
}
.footer_ust ul
{
	list-style:none;
	padding:0;
        display: flex;
    align-items: center;
    justify-content: center;
}

.footer_ust
{
	padding-bottom:10px;
    width: 930px;
    margin: auto;
    
}

.footer_ust ul li
{
	color: #c2c2c2!important;
	float:left;

	padding-right:10px;
	padding-left:10px;

    
}

.footer_alt
{
    width: 930px;
    margin: auto;
	padding-top:20px;
	color:#b1b1b1
}

.footer copy
{
	margin-left:175px;
	font-size:16px;
	line-height:10px;
	color: #247dc1;
	text-align:center;
	margin-bottom:20px;
}

.footer_alt ul
{
	list-style:none;
            display: flex;
    align-items: center;
    justify-content: center;
}

.footer_alt ul li
{
	float:left;
	margin-left:20px;
	margin-right:20px
}


.footer_ust ul li a
{
    color: #ae9467 !important;
    font-size: 11px;
    text-decoration: none;
    position: relative;
}

.footer_ust ul li a:hover
{
	text-decoration: underline !important;
}


.footer_alt ul li img
{
	height:35px;
	opacity:.4;
	transition:linear 1s;
	-webkit-filter:grayscale(100%);
	filter:grayscale(100%)
}

.footer_alt ul li img:hover
{
	opacity:.9;
	filter:none;
	-webkit-filter:none
}
.modal-dialog {
    width: 507px;
}
.modal-content {
 background: url(../img/content-box-bg.jpg) repeat-y; 
    box-shadow: none !important;
    position: relative;
    z-index: 2;
}
.modal-header {
        background: url(../img/content-box-top.jpg) no-repeat !important;
}
.modal-title {
    background:url(../img/heading-3.jpg) no-repeat;
    color: #7b1300;
    font-size: 14px;
    font-weight: bold;
    line-height: 17px;
    margin: 11px 0 0;
    padding: 7px 0 7px 33px;
}
.modal-header .close {
    position: absolute;
    right: 20px;
    top: 30px;
    color: #7b1300;
    opacity: 1;
    text-shadow: none;
}
.modal-body {
    background: transparent !important;
}
.modal-footer {
    display: flex;
    justify-content: space-between;
    background: transparent !important;
    
}
.modal-footer:before {
    display: none;
}
.modal-body center {
        background:transparent;
    color: #000;
    display: block;
    font-weight: bold;
    font-size: 12px;
    height: auto;
    line-height: 15px;
    overflow: auto;
    padding: 0;
    text-align: center;
    text-decoration: none;
    width: auto;
}
.modal-footer:after {
    content: "";
    width: 100%;
    height: 15px;
        background: url(../img/content-box-bottom.jpg) no-repeat !important;
     position: absolute;
    left: 0;
    bottom: 0;
}

.modal-footer .btn-default {
        background: transparent url(../img/button-bg-2.gif) no-repeat scroll 0 0 !important;
    border-style: none;
    margin: 3px 0 4px 3px !important;
    width: 129px !important;
    color: #DFBF8B;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 11px;
    font-weight: normal;
    height: 20px;
    padding: 0 17px 1px 0;
    text-align: center;
    text-decoration: none;
    order:2;
}
.modal-footer .btn-default:hover {
        color: #DFBF8B;
    text-decoration: underline;
}
.hikaye-resim
{
	width:200px;
	float:left;
	margin-right:20px;
	margin-bottom:20px;
	border:1px solid #757575;
	box-shadow:0 0 10px -2px #000
}

.label
{
	
	border-radius:0!important;
	letter-spacing:1px!important
}

.table
{
	color: #121211;
	margin-bottom:0;
}

.btn-default
{
	background:url(../img/btn-bg.jpg)/*tpa=https://metinhard2.org/siteee1/dist/img/btn-bg.jpg*/ repeat;
	color:#fff;
	font-size:13px;
	text-shadow:1px 1px 0 #585858;
	border-radius:0;
	border:1px solid #6b6b6b
}

.btn-default:hover
{
	color:#fff;
	border-color:#6b6b6b;
	box-shadow:inset 0 0 300px rgba(0,0,0,0.19)
}


.form-control::-webkit-input-placeholder {
color:#fff;
}
.form-control:-moz-placeholder { /* Firefox 18- */
color:#fff;
}
 
.form-control::-moz-placeholder { /* Firefox 19+ */
color:#fff;
}
 
.form-control:-ms-input-placeholder {
color:#fff;
}



.btn-ria
{color: #eef1ec;background: #631e83;border: 1px solid #f0f5ec;}

.btn-ria:hover
{color: #eef1ec;background: #127193;border:2px solid #f0f5ec;}


.form-control
{color: #ff0000;background: #ffffff;border: 1px solid #f4f7f1;}




.giris-input
{
	color: #ffffff;
	 /* Old browsers */
	 /* FF3.6-15 */
	 /* Chrome10-25,Safari5.1-6 */
	border: 1px solid #76001d;
	-webkit-box-shadow: inset 0px 0px 0px 1px rgb(0 5 3);
	-moz-box-shadow: inset 0px 0px 0px 1px rgba(255,81,0,1);
	background: #440112;
	}



.giris-label
{
	   color: #4a1e00;
    font-size: 11px;
    line-height: 14px;
}




.giris-addon
{
	color: #e1b6ff;
	 /* Old browsers */
	 /* FF3.6-15 */
	 /* Chrome10-25,Safari5.1-6 */
	border: 1px solid #76001d;
	-webkit-box-shadow: inset 0px 0px 0px 1px rgb(0 5 3);
	-moz-box-shadow: inset 0px 0px 0px 1px rgba(255,81,0,1);
	background: #440112;
}

.btn-giris
{
    background: transparent url(../img/button-bg-2.gif) no-repeat scroll 0 0 !important;
    border-style: none;
    margin: 3px 0 4px 3px !important;
    width: 129px !important;
    color: #DFBF8B;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 11px;
    font-weight: normal;
    height: 20px;
    padding: 0 17px 1px 0;
    text-align: center;
    text-decoration: none;
}

.btn-giris:hover
{   
        color: #DFBF8B;
    text-decoration: underline;

}

.btn-giris:focus {
        border: 0 !important;
    outline: none !important;
    color: #DFBF8B;
    text-decoration: underline;
}
.btn-ria  , .btn-ria:focus  {
       background: transparent url(../img/btn-big.jpg) no-repeat scroll 0 0 !important;
    border-style: none;
    margin: 0!important;
    width: 287px !important;
    color: #DFBF8B;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 11px;
    font-weight: normal;
    height: 38px;
    padding: 0 17px 1px 0;
    text-align: center;
    text-decoration: none;
    border-radius: 0;
        border:0 !important;
   outline: none !important
}

.btn-ria:hover , .btn-ria:active {
        background-position: 0 -38px !important;
    color: #fffde8;
   
}
.siralama-sekme
{
	width:50%;
	background:linear-gradient(to bottom,#baa371 0,rgba(49,49,49,0.54) 100%);
	border:none;
	border-top:1px solid #1f1f1f;
	text-align:center
}

.nav-tabs>li:first-child
{
	border-top-left-radius:9px
}

.nav-tabs>li:last-child
{
	border-top-right-radius:9px
}

.nav-tabs
{
	border:none
}

.table-siralama tr td
{
	border:0;
    background: transparent !important;
    padding: 3px !important;
    font-size: 11px;
    border:0 !important
}

.table-siralama thead
{
	background: transparent;
	color: #943b00;
	font-size: 11px;
    font-weight: 500

}
.table-siralama thead td {
    font-weight: 700;
}
.table-siralama tbody tr {
    background: url(../img/shadow.gif) no-repeat;
    padding: 3px 0 3px 9px;
    color:  #943b00;
}
/* karakter siralama baslik */
.table-statistic {
    border:0
}
.table-statistic tr td
{
	border:0;
    background: transparent !important;
    padding: 3px !important;
    font-size: 11px;
    border:0 !important
}

.table-statistic thead
{
	background: transparent;
	color: #943b00;
	font-size: 11px;
    font-weight: 500

}
#sifre-goster {
        background: #251a0e;
    color: #d1b97d;
    border-color: #251a0e !important;
}
.customCheck label {
    display: flex;
    align-items: center;
    justify-content: center
}
.customCheck label a {
    color: rgb(141, 4, 4);
}
.customCheck label input {
    margin-top: -8px;
}
.table-statistic thead td {
    font-weight: 700;
}
.table-statistic tbody tr {
    background: url(../img/shadow.gif) no-repeat;
    padding: 3px 0 3px 9px;
    color:  #943b00;
}
.table-statistic tbody tr:nth-child(even) {
    background: transparent;
}
#UptimeSayac {
        font-size: 11px;
        color:  #943b00;
    font-weight: 700;
    text-align: center
}
.table-statistic img {
    height: 15px;
}
.odd
{
	background:#2d2d2d;
	color:#fff;
}
.table-siralama tbody tr.odd {
    background: transparent;
}
.twoBox {
        background: url(../img/two-boxes-bg.jpg) repeat-y;
    width: 506px;
}
.twoBox .twoBoxHeader {
    background: url(../img/two-boxes-top.jpg) no-repeat;
    width: 506px;
    height: 11px
}
.twoBox .twoBoxBottom{
    background: url(../img/two-boxes-bottom.jpg) no-repeat 0 100%;
    height: 33px;
    width: 506px;
    margin-top: -13px
    }
.twoBox .boxHead {
        background: url(../img/heading-1.jpg) no-repeat;
    color: #7b1300;
    font-size: 14px;
    font-weight: bold;
    line-height: 17px;
    padding: 5px 0 7px 33px;
    margin-bottom: 10px
}
.twoBox .twoBoxContent {
    display: flex;
    justify-content: space-between;
    padding: 0 11px
}
.twoBox .twoBoxContent .box1 , .twoBox .twoBoxContent .box2 {
    width: 223px;
}
.twoBox .facebook {
    display: block;
    margin-bottom: 10px;
}

.bigBox {
        background: url(../img/content-box-bg.jpg) repeat-y;
    margin: 0;
    width: 507px;
}
.bigBox .bigBoxTop {
       background: url(../img/content-box-top.jpg) no-repeat; 
      width: 507px;
    height: 15px
}
.bigBox .bigBoxContent {
    padding: 0 11px
}
.bigBox .bigBoxBottom {
        background: url(../img/content-box-bottom.jpg) no-repeat 0 100%;
     width: 507px;
    height: 15px
}
.bigBox .bigBoxContent h2 {
        color: #7b1300;
    font-size: 14px;
    font-weight: bold;
    line-height: 17px;
    margin: 0 0 11px;
    padding: 7px 0 7px 33px;
        background: url(../img/heading-3.jpg) no-repeat;

}
.bigBox .bigBoxContent  ul {
    padding: 0;
    list-style-type: none;
    margin: 0;
}
.bigBox .bigBoxContent  ul li {
        background: url(../img/bullet.gif) no-repeat;
    list-style: none;
    padding: 0 0 13px 20px;
}
.panel-footer
{
	border:none
}

.oyunindir_btn
{
	background:url(../img/indir-btn.html.htm)/*tpa=https://metinhard2.org/siteee1/dist/img/indir-btn.html*/ no-repeat;
	width:104%;
	height:90px;
	background-size:cover;
	margin-bottom:5px;
	padding-top:15px;
	text-align:center;
	text-transform:uppercase;
	border-radius:10px;
	color:#d1f6ff!important;
	font-family:'Bree Serif',serif;
	font-size:24px;
	text-decoration:none!important;
	text-shadow:1px 0 0 #880505;
	border:1px solid rgba(49,49,49,0.43)
}


a:hover
{
	text-decoration:none!important
}

.oyunindir_btn:hover
{
	box-shadow:inset 0 0 100px rgba(0,0,0,0.29),0px 0 5px rgba(0,0,0,0.35)
}

.oyunindir_btn small
{
	font-size:12px;
	display:list-item;
	text-transform:uppercase;
	letter-spacing:1px
}

.panel-footer.uptime center
{
    margin-left: -10px;
}
.panel-footer.uptime {
    background: transparent;
    border:0;
    padding: 0;
}
.panel-footer.uptime b
{
	color: #eef1eb;
	font-size:18px;
	text-transform:uppercase;
}

.cache-bilgi
{
	float:right;
	margin-top:6px;
	opacity:.7;
	transition:linear .3s
}

.callout
{
	border-radius:3px;
	margin:0 0 20px;
	padding:15px 30px 15px 15px;
	border-left:5px solid #eee;
	margin:15px;
	color:#fff
}

.callout a
{
	color:#fff;
	text-decoration:underline
}

.callout a:hover
{
	color:#eee
}

.callout h4
{
	margin-top:0;
	font-weight:600
}

.callout p:last-child
{
	margin-bottom:0
}

.callout code,.callout .highlight
{
	background-color:#fff
}

.callout.callout-danger
{
	border-color:#8a2013;
	background:#c23321
}

.callout.callout-warning
{
	border-color:#926825;
	background:#c87f0a
}

.callout.callout-info
{
	border-color:#0b5a6d;
	background:#0097bc
}

.callout.callout-success
{
	border-color:#0c5031;
	background:#00733e
}

.cache-bilgi:hover
{
	opacity:1
}

.table-siralama tr td a
{
	color:#cdfffa!important
}

.haber-tablo tr td a
{
	color:inherit
}

.modal-header
{
	height:48px;
	background:url(../img/arka3.html.htm)/*tpa=https://metinhard2.org/siteee1/dist/img/arka3.gif*/ repeat;
	line-height:30px;
	color:#f5eeee!important;
	font-family:'Bree Serif',serif;
	font-size:18px;
	text-shadow:1px 1px 0 #ceb283;
	border:none
}

.modal-body
{
	background:#313131;
	color:#fff
}

.modal-footer
{
	background:#272727;
	color:#fff;
	border:none
}

.modal-title
{
	line-height:1
}

.UyePanelTablo
{
            width: calc(100% - 10px);
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 5px;
}

.UyePanelTablo tr
{
	margin-bottom:3px;
	border-bottom:1px solid rgba(255,255,255,0.05)
}

.UyePanelTablo tr:last-child
{
	border-bottom:none
}

.UyePanelTablo tr td
{
	font-size: 12px;
	padding:3px;
    color: #943b00;
}

.UyePanelTablo tr td:first-child {
    font-weight: 700;
}

.btn-uyepanel {
     background: url(../img/main-mav-bg.gif) no-repeat;
    color: #fef6aa;
    display: block;
    font-weight: bold;
    font-size: 12px;
    height: 34px;
    line-height: 15px;
    overflow: hidden;
    padding: 8px 0 0;
    text-align: center;
    text-decoration: none;
    width: 157px;
        margin-left: -11px;
}
.btn-uyepanel:hover {
        background-position: 0 -34px;
    color: #fffde8;
}


.sozlesme_txt
{
	width:100%;
	height:250px;
	background:rgba(0,0,0,0.26);
	border:1px solid rgba(255,255,255,0.16);
	padding:10px
}

.table-hermes thead tr
{
	background: #31093a;
	color:#fff;
	text-shadow:1px 1px 0 #000
}

.table-hermes tbody tr td a
{
	color:inherit!important
}

.table-hermes thead tr td
{
	text-align:center
}

.table-hermes tbody tr td
{
	text-align:center
}

.table-hermes tbody tr td .kirmizi
{
	background:#8A1515;
	padding:3px;
	font-size:11px;
	width:50px;
	margin:0 auto;
	color:#fff;
	text-align:center
}

.table-hermes tbody tr td .sari
{
	background:#cc9b3c;
	padding:3px;
	font-size:11px;
	width:50px;
	margin:0 auto;
	color:#fff;
	text-align:center
}

.mavi
{
background:url(../img/bayrak/3.png)/*tpa=https://metinhard2.org/siteee1/dist/img/bayrak/3.png*/ no-repeat
}

.karakter-bg
{
	height:auto;
	min-height:279px;
	width:100%;
	box-shadow:inset 0 0 90px rgba(0,0,0,0.58)
}

.karakter_0
{
	background:url(../img/karakterler/profil/0.png)/*tpa=https://metinhard2.org/siteee1/dist/img/karakterler/profil/0.png*/ no-repeat center,url(../img/karakter-bg.png)/*tpa=https://metinhard2.org/siteee1/dist/img/karakter-bg.png*/
}

.karakter_1
{
	background:url(../img/karakterler/profil/1.png)/*tpa=https://metinhard2.org/siteee1/dist/img/karakterler/profil/1.png*/ no-repeat center,url(../img/karakter-bg.png)/*tpa=https://metinhard2.org/siteee1/dist/img/karakter-bg.png*/
}

.karakter_2
{
	background:url(../img/karakterler/profil/2.png)/*tpa=https://metinhard2.org/siteee1/dist/img/karakterler/profil/2.png*/ no-repeat center,url(../img/karakter-bg.png)/*tpa=https://metinhard2.org/siteee1/dist/img/karakter-bg.png*/
}

.karakter_3
{
	background:url(../img/karakterler/profil/3.png)/*tpa=https://metinhard2.org/siteee1/dist/img/karakterler/profil/3.png*/ no-repeat center,url(../img/karakter-bg.png)/*tpa=https://metinhard2.org/siteee1/dist/img/karakter-bg.png*/
}

.karakter_4
{
	background:url(../img/karakterler/profil/4.png)/*tpa=https://metinhard2.org/siteee1/dist/img/karakterler/profil/4.png*/ no-repeat center,url(../img/karakter-bg.png)/*tpa=https://metinhard2.org/siteee1/dist/img/karakter-bg.png*/
}

.karakter_5
{
	background:url(../img/karakterler/profil/5.png)/*tpa=https://metinhard2.org/siteee1/dist/img/karakterler/profil/5.png*/ no-repeat center,url(../img/karakter-bg.png)/*tpa=https://metinhard2.org/siteee1/dist/img/karakter-bg.png*/
}

.karakter_6
{
	background:url(../img/karakterler/profil/6.png)/*tpa=https://metinhard2.org/siteee1/dist/img/karakterler/profil/6.png*/ no-repeat center,url(../img/karakter-bg.png)/*tpa=https://metinhard2.org/siteee1/dist/img/karakter-bg.png*/
}

.karakter_7
{
	background:url(../img/karakterler/profil/7.png)/*tpa=https://metinhard2.org/siteee1/dist/img/karakterler/profil/7.png*/ no-repeat center,url(../img/karakter-bg.png)/*tpa=https://metinhard2.org/siteee1/dist/img/karakter-bg.png*/
}

.detay_lonca
{
	background:url(https://northmt2.org/www.google.com/index.htm)/*tpa=https://www.google.com/*/ no-repeat center,url(../img/karakter-bg.png)/*tpa=https://metinhard2.org/siteee1/dist/img/karakter-bg.png*/
}

.karakter-icerik
{
	padding:15px;
	width:100%
}

.KarakterDetayTablo
{
	width:100%;
	margin-top:10px;
	margin-bottom:10px
}

.KarakterDetayTablo tr
{
	margin-bottom:3px;
	border-bottom:3px solid rgba(255,255,255,1)
}

.KarakterDetayTablo tr:last-child
{
	border-bottom:none
}

.KarakterDetayTablo tr td:first-child
{
	background:rgba(130,130,130,0.33);
	padding:3px;
	padding-left:15px
}

.KarakterDetayTablo tr td:last-child
{
	background:#b1b1b1;
	text-align:center
}

.tab-content>.tab-pane
{
	border:1px solid #ddd;
	padding:15px
}

.ust_bar a
{
	color:inherit!important
}

.btn-kirmizi
{
	background:linear-gradient(to top,#49b6d4 0,#11c8d0 100%);
	color:#fff;
	font-size:13px;
	text-shadow:1px 1px 0 #585858;
	border-radius:0;
	border:1px solid #6e3998
}

.btn-kirmizi:hover
{
	color:#fff!important;
	border:1px solid #3c0667;
	box-shadow:inset 0 0 300px rgba(0,0,0,0.19)
}

.chat_list .list-group-item
{
	min-height:50px
}
@media (max-width: 1380px) {
    body {
            background: #000 url(../img/container-bg.jpg) repeat-y 0;
    }
}
@media (max-width: 768px) {
	.chat_list .list-group-item
	{
		min-height:inherit
	}
}

.chat_list .list-group-item-text
{
	word-wrap:break-word;
	display:flex;
	overflow:auto
}

.chat_list .pull-left
{
	width:55px;
	text-align:center
}

.lonca_yazi
{
	line-height:30px;
	color:#1f1f1f!important;
	font-family:'Bree Serif',serif;
	font-size:18px;
	text-shadow:1px 1px 0 #ceb283;
	text-align:center;
	background:linear-gradient(to top,rgba(148,118,66,0.62) 0,rgba(212,181,127,0.52) 100%),url(../img/btn-bg.jpg)/*tpa=https://metinhard2.org/siteee1/dist/img/btn-bg.jpg*/ repeat
}

.lonca_yazi_orta
{
	line-height:30px;
	color:#1f1f1f!important;
	font-family:'Bree Serif',serif;
	font-size:18px;
	text-shadow:1px 1px 0 #ceb283;
	text-align:center;
	background:linear-gradient(to top,rgba(148,118,66,0.62) 0,rgba(212,181,127,0.52) 100%),url(../img/btn-bg.jpg)/*tpa=https://metinhard2.org/siteee1/dist/img/btn-bg.jpg*/ repeat
}

.lonca_yazi span
{
	display:block;
	background:rgba(0,0,0,0.18);
	font-size:15px
}

.tanitim img
{
	max-width:90%;
	box-shadow:0 0 10px #000;
	margin:10px;
	filter:none;
	transition:linear 1s
}

.tanitim img:hover
{
	-webkit-filter:brightness(1.5);
	filter:brightness(1.5)
}

.tanitim li.list-group-item
{
	background:#756864;
	margin-bottom:10px;
	border-radius:0!important;
	box-shadow:0 0 2px #000;
	color:#fff;
	text-shadow:1px 1px 0 #000
}

.tanitim li.list-group-item a
{
	color:#59d2ff;
	font-weight:700;
	cursor:help
}

.tanitim .list-group
{
	margin:10px;
	margin-top:20px
}

.logo .tanitim-button
{
	background:url(../img/tanitim.html.htm)/*tpa=https://metinhard2.org/siteee1/dist/img/tanitim.html*/ no-repeat;
	background-size:contain;
	position:relative;
	top:136px;
	float:right;
	height:186px;
	width:363px;
	right:-9px;
	z-index:999
}

.yukari_don
{
	position:fixed;
	width:60px;
	height:60px;
	bottom:20px;
	right:20px;
	font-size:52px;
	text-align:center;
	color:#fff
}

h4.panel-title
{
	line-height:25px;
	font-size:17px
}

.top_menu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.top_menu {
	font-family: 'Roboto Slab', Georgia, serif;
	font-size: 18px;
    line-height: 75px;
	margin-left: 73px;
}

.top_menu li {
    float: left;
    width: 120px;
	text-transform: uppercase;
	list-style: none;
}

.top_menu li a {
	width: 120px;
	display: inline-block;
	-webkit-transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	color: #efe3a7;
}

.top_menu li a:hover, .top_menu li active a {
    border-top: 5px solid #9ebd7c;
    text-shadow: 0 0 19px rgba(85, 3, 9, 1);
    color: #b1a690;
	text-transform: uppercase;
}

#menu_vote4coins {
	-webkit-animation-name: example; /* Safari 4.0 - 8.0 */
	-webkit-animation-duration: 4s; /* Safari 4.0 - 8.0 */
	-webkit-animation-iteration-count: infinite; /* Safari 4.0 - 8.0 */
	animation-name: example;
	animation-duration: 4s;
	animation-iteration-count: infinite;
}


@media screen and (max-device-width: 800px) {
	.onlineoyuncu
	{
		width:100%;
		background-size:contain;
		height:52px;
		margin-top:-41px;
		background-position:bottom;
		padding-top:21px;
		font-size:18px;
		line-height:35px
	}
	
	nav.navbar.navbar-default ul li a
	{
		background:rgba(0,0,0,0.59);
		height:60px;
		padding:5px;
		padding-left:20px;
		padding-right:20px;
		margin-top:5px
	}
	
	nav.navbar.navbar-default ul li a:hover
	{
		background:rgba(0,0,0,0.59)!important
	}
	
	.dropdown-menu li a
	{
		background:rgba(0,0,0,0.83)!important
	}
	
	.navbar-collapse
	{
		border-top:none
	}
	
	.karakter-bg
	{
		min-height:155px
	}
	
	.mobil-nopad
	{
		padding:0
	}
	
	.footer
	{
		margin-top:25px;
		line-height:13px;
		text-align:center;
		margin-bottom:10px
	}
	
	div#bs-example-navbar-collapse-1
	{
		z-index:123123123123;
		position:relative
	}
}

.list-group-item
{
	word-break:break-all
}

.modal-open .modal
{
	z-index:1111111
}

.haber-hr
{
	background:linear-gradient(to right,rgba(255,255,255,0),#a38553,rgba(255,255,255,0));
	height:1px;
	border:none
}

h4.haber-baslik
{
	font-weight:700
}

ul.haber-detay
{
	list-style:none;
	padding:0;
	display:block;
	margin-top:15px
}

.haber-detay li
{
	float:left;
	padding-left:5px;
	padding-right:5px;
	margin-right:5px;
	background:#888;
	color:#fff
}

.haber-detay .butunhaber
{
	background:#b09566;
	padding:5px;
	float:right;
	padding-left:10px;
	padding-right:10px;
	margin-top:-10px
}

ul.haber-sayfala
{
	list-style:none;
	padding:0;
	margin:0 auto;
	display:inline-block
}

.haber-sayfala li
{
	float:left;
	padding:5px;
	padding-left:10px;
	background:#c1873c;
	margin:2px;
	padding-right:10px
}

.haber-sayfala li a
{
	color:#fff
}

.haber-sayfala .active
{
	background:#7b592d
}

.haber-baslik a
{
	color:inherit
}

.butunhaber a
{
	color:inherit
}

.panel.panel-buyuk.hizlikayit
{
	height:80px;
	font-size:29px;
	margin-top:0px;
	
	background:url(../img/karakter-bg2.png)/*tpa=https://metinhard2.org/siteee1/dist/img/karakter-bg2.png*/ no-repeat;

	width:100%;
	border-radius:5px;
	background-size:cover;
	text-align:center;
	color:#ffd093!important;
	font-family:'Bree Serif',serif;
	text-decoration:none!important;
	text-shadow:1px 1px 0 #0;
	border:1px solid #a53232;


}

.hizlikayit i
{
	float:left;
	padding-top:22px;
	padding-left:45px;
	margin-right:-60px
}

.panel.panel-buyuk.hizlikayit h2
{
	margin:0;
	padding:0;
	line-height:3px;
	padding-top:25px;
	font-weight:700
}

.panel.panel-buyuk.hizlikayit span
{
	font-size:12px;
	font-family:'Play'
}

.oyunindir_btn i
{
	float:left;
	padding-top:11px;
	padding-left:25px;
	margin-right:-20px;
	font-size:38px
}

button.packtipisec
{
	background:#907c5b;
	border:0;
	color:#fff;
	border-radius:3px;
	padding-bottom:25px;
	text-shadow:1px 1px 0 #4a4336;
	padding-left:15px;
	padding-right:15px;
	margin-bottom:5px
}

.packtipisec h3
{
	padding:0;
	margin:0;
	padding-top:25px;
	font-weight:700;
	margin-bottom:10px;
	font-family:'Bree Serif'
}

button.packtipisec:hover
{
	background:linear-gradient(#907c5b,#5f4d2f)
}

.packler tbody>tr:nth-of-type(odd)
{
	background:rgba(0,0,0,0.36)
}

.packler td
{
	border:none!important
}

.panel.panel-buyuk.nesnemarket
{
	height:80px;
	font-size:29px;
	background:url(../img/karakter-bg.png)/*tpa=https://metinhard2.org/siteee1/dist/img/karakter-bg.png*/ no-repeat;
	width:100%;
	background-size:cover;
	text-align:center;
	color:#1f1f1f!important;
	font-family:'Bree Serif',serif;
	text-decoration:none!important;
	text-shadow:1px 1px 0 #ceb283;
	border:1px solid rgba(49,49,49,0.43);
	box-shadow:inset 0 0 100px #402b11 0 5px rgba(0,0,0,0.35);
	filter:hue-rotate(146deg) saturate(2.9);
	text-decoration:none!important
}

.panel.panel-buyuk.nesnemarket h2
{
	margin:0;
	padding:0;
	line-height:3px;
	padding-top:25px;
	font-weight:700
}

.panel.panel-buyuk.nesnemarket span
{
	font-size:12px;
	font-family:'Play'
}

#slider-wrapper
{
	width:480px;
	height:200px;
	position:relative;
	margin-bottom:0;
	background:rgba(0,0,0,0.5);
	border:3px solid #424242;
	border-radius:5px;
	overflow:hidden
}

#s1
{
	padding:6px;
	background:#3D637E;
	position:absolute;
	left:50%;
	bottom:5px;
	margin-left:-36px;
	border-radius:20px;
	opacity:.6;
	cursor:pointer;
	z-index:999
}

#s2
{
	padding:6px;
	background:#3D637E;
	position:absolute;
	left:50%;
	bottom:5px;
	margin-left:-12px;
	border-radius:20px;
	opacity:.6;
	cursor:pointer;
	z-index:999
}

#s3
{
	padding:6px;
	background:#3D637E;
	position:absolute;
	left:50%;
	bottom:5px;
	margin-left:12px;
	border-radius:20px;
	opacity:.6;
	cursor:pointer;
	z-index:999
}

#s4
{
	padding:6px;
	background:#3D637E;
	position:absolute;
	left:50%;
	bottom:5px;
	margin-left:36px;
	border-radius:20px;
	opacity:.6;
	cursor:pointer;
	z-index:999
}

#s1:hover,#s2:hover,#s3:hover,#s4:hover
{
	opacity:.5
}

.inner-wrapper
{
	width:480px;
	height:200px;
	position:absolute;
	top:0;
	left:0;
	margin-bottom:0;
	overflow:hidden
}

.control
{
	display:none
}

#Slide1:checked~.overflow-wrapper
{
	margin-left:0
}

#Slide2:checked~.overflow-wrapper
{
	margin-left:-100%
}

#Slide3:checked~.overflow-wrapper
{
	margin-left:-200%
}

#Slide4:checked~.overflow-wrapper
{
	margin-left:-300%
}

#Slide1:checked+#s1
{
	opacity:1
}

#Slide2:checked+#s2
{
	opacity:1
}

#Slide3:checked+#s3
{
	opacity:1
}

#Slide4:checked+#s4
{
	opacity:1
}

.overflow-wrapper
{
	width:400%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	overflow-y:hidden;
	z-index:1;
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out
}

.slide img
{
	width:25%;
	float:left
}


span.badgess {
    font-weight: 200;
    padding: 3px;
    padding-left: 6px;
    padding-right: 6px;
    width: 60px;
    display: inline-block;
    text-align: center;
    margin-right: 6px;
    font-family: 'bree serif';
    background: linear-gradient(to top left,#ab7854,#efe2d2);
    border: 1px solid #521d07;
    color: #2b0f0b;
    text-shadow: 1px 1px 0px #f1dac6;
    font-size: 11px;
}

/* Tooltip kutusunun arka planı */
.tooltip-inner {
    background-color: #fff !important;  /* Beyaz */
    color: #000 !important;             /* Siyah yazı */
    border: 1px solid #ccc !important;  /* İnce gri kenarlık */
    font-size: 13px;                    /* İsteğe bağlı */
}

/* Tooltip oku (ok kısmı) */
.tooltip.right .tooltip-arrow {
    border-right-color: #fff !important;
}

.tooltip.left .tooltip-arrow {
    border-left-color: #fff !important;
}

.tooltip.top .tooltip-arrow {
    border-top-color: #fff !important;
}

.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #fff !important;
}


#slider-wrapper{width:480px;height:200px;position:relative;margin-bottom:0;background:rgba(0,0,0,0.5);border:3px solid #920386;border-radius:5px;overflow:hidden}#s1{padding:6px;background:#fff;position:absolute;left:50%;bottom:5px;margin-left:-36px;border-radius:20px;opacity:.6;cursor:pointer;z-index:999}#s2{padding:6px;background:#fff;position:absolute;left:50%;bottom:5px;margin-left:-12px;border-radius:20px;opacity:.6;cursor:pointer;z-index:999}#s3{padding:6px;background:#fff;position:absolute;left:50%;bottom:5px;margin-left:12px;border-radius:20px;opacity:.6;cursor:pointer;z-index:999}#s4{padding:6px;background:#fff;position:absolute;left:50%;bottom:5px;margin-left:36px;border-radius:20px;opacity:.6;cursor:pointer;z-index:999}#s1:hover,#s2:hover,#s3:hover,#s4:hover{opacity:.5}.inner-wrapper{width:480px;height:200px;position:absolute;top:0;left:0;margin-bottom:0;overflow:hidden}.control{display:none}#Slide1:checked~.overflow-wrapper{margin-left:0}#Slide2:checked~.overflow-wrapper{margin-left:-100%}#Slide3:checked~.overflow-wrapper{margin-left:-200%}#Slide4:checked~.overflow-wrapper{margin-left:-300%}#Slide1:checked+#s1{opacity:1}#Slide2:checked+#s2{opacity:1}#Slide3:checked+#s3{opacity:1}#Slide4:checked+#s4{opacity:1}.overflow-wrapper{width:400%;height:100%;position:absolute;top:0;left:0;overflow-y:hidden;z-index:1;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.slide img{width:25%;float:left} .input_select{color:#000; width:100%;}

.table-bordered {
    border: 1px solid #f3f4f2!important;
}

.form-control:hover {
    background-color: #ffffff !important;
    color: #000000 !important;
    border: 1px solid #000000 !important;
}
.modal-backdrop {
    display: none !important;
}