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: 15px;    font-family: Ort;    font-weight: bold;    width: 90px;    font-size: 9px;}
	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;}
@media (min-width:300px) and (max-width:992px) 
{



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

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


}