html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, button, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video 
{margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}@font-face {font-family: ort;src:url(font/ort.ttf);}
@font-face {font-family: ros;src:url(../font/Ros.html);}
@font-face {font-family: MyriadPro;src:url(../font/myriad.html);}
@font-face {font-family: Oswald;src:url(../font/Oswald-Stencil.html);}
@font-face {font-family: font2;src:url(../font/Ubuntu-C.html);}
@font-face {font-family: font3;src:url(../font/MyriadPro-Cond.html);}
@font-face {font-family: Ort;src:url(../font/ort.html);}
@font-face {font-family: sro;src:url(../font/SilkRoad.html);}
.charset {white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis;text-overflow:ellipsis;}
.concent h1,h2,h3,h4 {}


@import url('https://fonts.googleapis.com/css?family=Cuprum|Oswald|Roboto');


li { list-style:none;outline:none;}
button, input,textarea,select{ outline:none;}
a {outline:none; text-decoration:blink;}
button { cursor:pointer;  outline:none;}
html { }
body { margin-top:30px;    color: #eee;    font-family: Ort; font-size:14px; background-size: cover;background-image:url(../img/ui/site-bg.jpg);background-repeat: no-repeat;background-attachment: fixed;background-position: center;}
.padding0 { padding:0px;}
.margin0 { margin:0px;}
.margintop10 { margin-top:10px;}
.clear { clear: both; }
.inline { display:inline-block;}
.block { display:block;}
.metinkisa {white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis;text-overflow:ellipsis;}


div.logo-div span.logo-img { background:url(../img/ui/logo.png) no-repeat 0px 0px;     display:inline-block;    width: 400px;    height: 101px;    background-position: center center;}

div.row.server-list { text-align:center;}
div.server-list div.sw-box {     margin: 10px 10px;   display: inline-block;    padding: 2px 25px 10px 25px;    background: url(../img/ui/sw-bg.png) no-repeat 0px 0px;    width: 273px;    height: 578px;}
div.sw-box div.ftw-info { display:inline-block; padding-top: 5px; }
	div.sw-box div.block { text-align:center;    margin-bottom: 15px;}
	div.sw-box span.star { display:inline-block; background:url(../img/ui/star-bg.png) no-repeat 0px 0px; width:15px; height:13px;}
	div.sw-box span.sw-cap {  padding-top: 5px;  font-size: 24px;    font-weight: bold;    font-family: Oswald;    color: #eaa654;    text-shadow: 1px 1px 1px #5f2009, 1px 1px 1px #000000, 1px 1px 1px #ffef2c, 1px 1px 1px #776f09, 1px 1px 1px #9c6d0c, 1px 1px 1px #000000;}
	div.sw-box h2.server-ad { display:inline-block; width:100%; height:71px; background:url(../img/ui/baslik-1.png) no-repeat center center; text-indent:-99999px;}
	div.sw-box h2.server-ad2 { display:inline-block; width:100%; height:71px; background:url(../img/ui/baslik-2.png) no-repeat center center; text-indent:-99999px;}
	div.sw-box .sw-status .status-bg{     display: inline-block;    background: url(../img/ui/status-bar-bg.png) no-repeat 0px 0px;    width: 189px;    height: 64px;    position: relative;    padding: 7px 0px 0px 13px;}
	div.sw-box .sw-status .status-bg .status-yuzde{ display:block; background:url(../img/ui/status-bar-yuzde.png) no-repeat 0px 0px;     height: 9px;    width: 100%;} 
	div.sw-box .sw-status .status-bg .status-text{  display: inline-block;    margin-top: 13px;    margin-left: -12px; font-family: Ort;    font-weight: bold;    width: 90px;    font-size: 12px;}
	div.sw-box a.download-btn {     display: inline-block;    background: url(../img/ui/download-bg.png) no-repeat 0px 0px;    text-indent: -99999999px;    width: 214px;    height: 132px;    margin-top: -19px;}
	div.sw-box a.download-btn:hover { background-position:0px -132px;}
	div.sw-box div.star { text-align:center;    margin-bottom: 5px;}
div.sw-box div.block.margin-eksi-1 { margin-top:-40px;    margin-bottom: 10px;}
div.sw-box div.block.sw-status { margin-bottom:25px;}	
div.kale-bar {}
	div.kale-bar span.kale-icon {     display: inline-block;    background: url(../img/ui/fgw-icon.png) no-repeat 0px 0px;    width: 16px;    height: 16px;    float: left;    margin-top: 4px;}
		div.kale-bar span.kale-icon.ja {background-position: 0px -46px;}
		div.kale-bar span.kale-icon.ba {background-position: 0px -93px;}
		div.kale-bar span.kale-icon.ho {background-position: 0px 0px;}
	div.kale-bar span.kale-ad {     color: #a48f72;    text-transform: uppercase;    font-weight: bold;    width: 160px;    display: inline-block;    text-align: center;  }
		div.kale-bar span.kale-ad em.vergi { display:inline-block;}
	div.kale-bar span.kale-on-of {     display: inline-block;    background: url(../img/ui/on-off.png) no-repeat 0px -4px;    width: 20px;    height: 13px;}
	div.kale-bar span.kale-on-of.off{   background-position: 0px -21px;}
	div.kale-bar div.fixle-kale { display:block; text-align:left; padding:0px 10px; margin-bottom:0px;}	
	div.kale-bar div.fixle-kale div.block { margin-bottom:0px;}
	div.kale-bar div.kale-guild-div span.kale-guild { display:inline-block;}
	div.kale-bar div.kale-guild-div  {    margin-top: -10px;    text-align: center;}

div.sw-box a.site-btn {     display: inline-block;    background: url(../img/ui/site-button.png) no-repeat 0px 0px;    width: 172px;    height: 60px;    text-indent: -999999px;}	

div.sw-box a.site-btn:hover{ background-position:0px -60px;}	


div.row.footer {     background: url(../img/ui/footer-rpt.png) repeat-x 0px -0px;    padding: 36px 20px 0px 20px;    min-height: 106px;}
div.row.footer div.fo-sol{     padding: 11px 10px;    color: #b9b9b9;    text-transform: uppercase; }

div.row.footer div.fo-sag{    text-align: right;
    padding: 5px 0px 0px 0px;  }
div.row.footer div.fo-sag a.social{    background: url(../img/ui/socai-bg.png) no-repeat 0px 0px;    display: inline-block;    width: 98px;    height: 44px;  }
div.row.footer div.fo-sag a.social.face{     background-position: 0px 0px;   }
div.row.footer div.fo-sag a.social.forum{    background-position: -98px 0px;    }



div.video-box {     display: inline-block;    width: 537px;}
div.video-box iframe {    border-radius: 5px;    display:inline-block;    padding: 5px;    background-color: #424242;    border: 1px solid #2b2b2b;    box-shadow: 0px 0px 7px 4px #444343;}
div.video-box div.block a {    display: inline-block; transition: color ease 0.5s; text-decoration:blink;    background: url(../img/ui/bos-btn.png) no-repeat 0px -10px;    width: 164px;    height: 33px;    margin: 5px;    padding: 2px 0px 0px 0px;    font-size: 15px;    font-family: Ort;    font-weight: bold;    text-transform: uppercase;    color: #848080;}
div.video-box div.block a:hover { color:#eee;}
.video-box iframe {
    pointer-events: none;
}

a.download-btn,
a.site-btn {
    position: relative;
    z-index: 10;
    touch-action: manipulation;
}

.site-description {
    background: rgba(0, 0, 0, 0.6);
    color: #ffffff;
    padding: 12px 15px; /* Daha az padding */
    margin: 15px; /* Daha az margin */
    border-radius: 5px;
    font-family: 'Roboto', 'Segoe UI', Arial, sans-serif;
    font-size: 14px; /* Daha küçük font */
    line-height: 1.5; /* Daha az satır aralığı */
    text-align: justify;
    border: 1px solid rgba(255, 255, 255, 0.1);
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    max-width: 800px; /* Maksimum genişlik */
    margin-left: auto;
    margin-right: auto;
}

/* Mobilde gizle */
@media screen and (max-width: 768px) {
    .site-description {
        display: none;
    }
}


@media (min-width:300px) and (max-width:992px) 
{



}
@media (min-width:200px) and (max-width:500px) 
{

}
@media (min-width:300px) and (max-width:1000px) 
{
	


}


/* ========================================== */
/* SPRITE BUTONLAR ve MOBİL DÜZELTME - CSS SONU */
/* ========================================== */

/* 1. SPRITE BUTONLAR - DOĞRU BOYUT */
/* Download butonu: 214x132 (normal) + 214x132 (hover) = Toplam 214x264 */
.download-btn {
    display: block !important;
    background: url(../img/ui/download-bg.png) no-repeat 0px 0px !important;
    width: 214px !important;
    height: 132px !important;
    text-indent: -9999px !important;
    margin: -25px auto 10px auto !important;
    background-size: 214px 264px !important; /* Sprite: 2 buton üst üste */
}

.download-btn:hover {
    background-position: 0px -132px !important; /* Hoverda 2. buton */
}

/* Site butonu: 172x60 (normal) + 172x60 (hover) = Toplam 172x120 */
.site-btn {
    display: block !important;
    background: url(../img/ui/site-button.png) no-repeat 0px 0px !important;
    width: 172px !important;
    height: 60px !important;
    text-indent: -9999px !important;
    margin: 10px auto !important;
    background-size: 172px 120px !important; /* Sprite: 2 buton üst üste */
}

.site-btn:hover {
    background-position: 0px -60px !important; /* Hoverda 2. buton */
}

/* 2. VİDEO BUTONLARI - ORJİNAL BOYUT */
.video-box .block {
    text-align: center !important;
    margin-top: 15px !important;
    white-space: nowrap !important;
}

.video-box .block a {
    display: inline-block !important;
    background: url(../img/ui/bos-btn.png) no-repeat center -10px !important;
    width: 164px !important;
    height: 33px !important;
    margin: 0 5px !important;
    padding: 2px 0 0 0 !important;
    font-size: 15px !important;
    font-family: Ort !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    color: #848080 !important;
    text-decoration: none !important;
    text-align: center !important;
    vertical-align: top !important;
}

.video-box .block a:hover {
    color: #eee !important;
}

/* 3. MOBİL UYUMLULUK - KAYMAYI ÖNLE */
@media only screen and (max-width: 768px) {
    /* GENEL - KAYMAYI ÖNLE */
    body {
        margin-top: 15px !important;
        -webkit-text-size-adjust: 100% !important;
        overflow-x: hidden !important;
        position: relative !important;
        width: 100% !important;
    }
    
    .container {
        max-width: 100% !important;
        overflow-x: hidden !important;
        padding-left: 5px !important;
        padding-right: 5px !important;
        position: relative !important;
    }
    
    /* LOGO */
    .logo-img {
        width: 350px !important;
        height: 88px !important;
        background-size: contain !important;
        display: block !important;
        margin: 0 auto !important;
    }
    
    /* SERVER BOX - ORJİNAL BOYUT KORU */
    .sw-box {
        background-size: 100% auto !important; /* GENİŞLİĞE SIĞDIR, YÜKSEKLİK ORANLI */
    }
    
    /* BUTONLAR - BOYUTLARI KORU */
    .download-btn {
        width: 214px !important;
        height: 132px !important;
        background-size: 214px 264px !important;
        margin: -19px auto 10px auto !important;
    }
    
    .site-btn {
        width: 172px !important;
        height: 60px !important;
        background-size: 172px 120px !important;
        margin: 10px auto !important;
    }
    
    /* VİDEO BÖLÜMÜ */
    .video-box {
        display: inline-block !important;
        width: 537px !important;
        max-width: 100% !important;
        margin: 10px auto !important;
        vertical-align: top !important;
        text-align: center !important;
    }
    
    #trailerVideo {
        width: 100% !important;
        max-width: 520px !important;
        height: auto !important;
        max-height: 300px !important;
        display: block !important;
        margin: 0 auto !important;
    }
    
    /* VİDEO BUTONLARI - YAN YANA */
    .video-box .block {
        white-space: normal !important;
        text-align: center !important;
    }
    
    .video-box .block a {
        display: inline-block !important;
        width: 164px !important;
        height: 33px !important;
        margin: 5px !important;
        font-size: 15px !important;
    }
    
    /* FOOTER */
    .footer {
        text-align: center !important;
        padding: 36px 20px 0 20px !important;
        background-size: auto 100% !important;
    }
    
    .fo-sol, .fo-sag {
        text-align: center !important;
        width: 100% !important;
        display: block !important;
        margin-bottom: 15px !important;
        float: none !important;
    }
    
    .fo-sol {
        padding: 11px 10px !important;
    }
    
    .fo-sag {
        padding: 5px 0 0 0 !important;
    }
}

/* 4. KÜÇÜK EKRANLARDA VİDEO BUTONLARI */
@media only screen and (max-width: 600px) {
    .video-box .block a {
        width: 150px !important;
        height: 30px !important;
        font-size: 14px !important;
        margin: 3px !important;
    }
}

/* 5. ÇOK KÜÇÜK EKRANLAR */
@media only screen and (max-width: 480px) {
    .logo-img {
        width: 300px !important;
        height: 76px !important;
    }
    
    .video-box .block a {
        width: 140px !important;
        height: 28px !important;
        font-size: 13px !important;
        padding: 3px 0 0 0 !important;
    }
}

/* 6. iOS ÖZEL - KAYMAYI KESİN ÖNLE */
@supports (-webkit-touch-callout: none) {
    html, body {
        -webkit-overflow-scrolling: touch !important;
        overflow-x: hidden !important;
        position: relative !important;
        height: 100% !important;
    }
    
    .container {
        overflow-x: hidden !important;
        -webkit-transform: translate3d(0,0,0) !important;
        transform: translate3d(0,0,0) !important;
    }
    
    .sw-box, .video-box {
        -webkit-transform: translate3d(0,0,0) !important;
        transform: translate3d(0,0,0) !important;
        backface-visibility: hidden !important;
        -webkit-backface-visibility: hidden !important;
    }
    
    a, button {
        -webkit-tap-highlight-color: transparent !important;
    }
}

/* 7. KAYMA TAMİRİ İÇİN EK */
.server-list > .col-md-12 {
    font-size: 0 !important; /* inline-block boşluk sorunu */
}

.server-list > .col-md-12 > * {
    font-size: 14px !important; /* Font boyutunu geri yükle */
}

/* 8. MOBİLDE HOVER KAPAT */
@media (hover: none) {
    .download-btn:hover,
    .site-btn:hover {
        background-position: 0px 0px !important;
    }
}


@supports (-webkit-touch-callout: none) {
    body {
        background-attachment: scroll !important;
    }
}