@import url(//fonts.googleapis.com/css?family=PT+Sans:400,700|Libre+Baskerville&subset=latin,latin-ext);

a {
    text-decoration: none;
    color: inherit
}

ul, li {
    text-decoration: none;
    padding: 0;
    margin: 0;
    list-style: none
}

body {
    background: url(../images/bg.png) center top no-repeat #111111;
    font-family: 'PT Sans', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

h2 {
    font-size: 13px;
    list-style: none;
    margin: 0;
    padding: 0;
    color: inherit;
    font-weight: 400
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #9e9788;
    margin: 1em 0;
    padding: 0;
}

*, *:after, *:before {
    box-sizing: border-box
}

#main {
    width: 996px;
    margin: 0 auto;
    position: relative
}

#logo {
    width: 100%;
    height: 264px;
    float: left
}

#menu {
    width: 996px;
    height: 70px;
    position: absolute;
    display: inline-block;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    top: 265px;
    z-index: 1000
}

#contentTwoCol {
    width: 100%;
    float: left;
    height: auto;
    margin-top: 40px;
    margin-bottom: 20px
}

.contentTopBg {
    width: 100%;
    float: left;
    background: url(../images/mainust.png) center top no-repeat;
    height: 10px;
}

.contentMidBg {
    width: 100%;
    float: left;
    background: url(../images/mainorta.jpg) center center repeat-y;
    height: auto;
    position: relative;
}

.contentBotBg {
    width: 100%;
    float: left;
    background: url(../images/mainalt.png) center bottom no-repeat;
    height: 10px;
}

.menu {
    width: 100%;
    background: url(../images/menuBg.png) center center no-repeat;
    height: 70px;
}

#logo {
    text-align: center;
}

#logo a {
    color: #b1b1b1;
    text-decoration: none;
    text-shadow: 3px 3px 5px #4f1f1f, 1px 1px 1px #000;
}

#logo a:hover {
    color: #d3d3d3;
    text-decoration: none;
}

#logo span {
    top: 55px;
    position: relative;
    font-family: "Beyond The Mountains", serif;
    font-size: 52px;
}

#logo img {
    margin-top: 50px;
    max-height: 130px;
    max-width: 320px;
    width: auto;
    height: auto;
}

#logo img:hover {
    opacity: 0.85;
    filter: alpha(opacity=85);
}

.logo {
    width: 158px;
    height: 174px;
    left: 0;
    right: 0;
    background: url(../images/logo.png) center center no-repeat;
    position: absolute;
    top: 20px
}

.hemenOyna {
    width: 293px;
    height: 60px;
    background: url(../images/hemen-oyna.png) center center no-repeat;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    bottom: 0;
    top: 205px
}

.hemenOyna:hover {
    background: url(../images/hemen-oyna-hover.png) center center no-repeat;
}

.menuler {
    float: left;
    margin: 16px auto 0px auto;
    position: absolute;
    left: 0;
    right: 0;
    width: 870px;
    height: 37px;
    line-height: 37px;
    font-size: 16px;
    font-weight: 700
}

.menuler li {
    float: left;
    width: 145px;
    text-align: center;
    border-left: 1px solid rgba(255, 255, 255, 0.15);
    border-right: 1px solid rgba(0, 0, 0, 0.15);
    transition: all 0.15s ease-in-out
}

.menuler li:first-child {
    border-left: none
}

.menuler li:last-child {
    border-right: none
}

.menuler li:hover {
    box-shadow: inset 0px -15px 15px 0px rgba(132, 82, 32, 0.38);
}

.menuler li a {
    display: block
}

.contentMain {
    width: 960px;
    height: 150px;
    margin: 0 auto;
    z-index: -3;
    margin-top: 30px
}

.contentSol {
    width: 639px;
    float: left;
    height: auto;
}

.contentSag {
    width: 285px;
    float: right;
    height: auto;
    margin-right: 10px
}

#serverlar {
    background: #9B8468;
    color: #370F0F;
    border: 1px solid #CCAD86;
    outline: 0;
    border-radius: 5px;
    padding: 5px;
    margin: 0 0 10px 0
}

/**MENU**/

.ust-menu {
    margin: 0;
    padding: 0;
    position: absolute;
    width: 100%;
}

.ust-menu .menu-right {
    float: right;
}

.ust-menu .menu-left {
    float: left;
    line-height: 45px; /* Burada tanımlanmalı */
}

.flags {
    display: inline-block; /* Resimleri birbirinin yanında dikey olarak hizalamak için */
    vertical-align: middle; /* Dikey ortalama sağlamak için */
}

.ust-menu li {
    list-style: none;
    float: right;
    font-size: 13px;
    position: relative

}

.ust-menu li a:link, .ust-menu li a:visited {
    display: block;
    text-decoration: none;
    height: 45px;
    margin: 0;
    color: #fff;
    text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.69);
    background: rgba(0, 0, 0, 0.38);
    line-height: 45px;
    padding: 0px 15px 0px 15px;
    transition: all 0.15s ease-in-out;
    border-right: 1px solid rgba(255, 255, 255, 0.08)
}

.ust-menu .menu-right li:first-child a {
    border-radius: 0px 0px 5px 0px;
    box-shadow: none;
    color: #84DF45
}

.ust-menu .menu-right li:first-child a:hover {
    color: #B3E98D;
}

.ust-menu li:last-child a {
    border-radius: 0px 0px 0px 0px;
    box-shadow: none;
}

.ust-menu li:last-child a:Hover {
    border-radius: 0px
}

.ust-menu li a:hover {
    box-shadow: inset 0px 0px 25px 0px rgba(0, 0, 0, 0.64);
    background: rgba(0, 0, 0, 0.54);
    color: #DFCEA6;
}

.ust-menu li span {
    display: block;
    height: 45px;
    margin: 0;
    color: #fff;
    text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.69);
    background: rgba(0, 0, 0, 0.38);
    line-height: 45px;
    padding: 0px 15px 0px 15px;
    border-radius: 0px;
    border-right: 1px solid rgba(255, 255, 255, 0.08)
}

.ust-menu li:last-child span {
    border-radius: 0px 0px 0px 4px
}

.ust-menu li ul {
    min-width: 100px;
    transition: all 0.08s ease-in-out;
    margin-top: -10px;
    margin-left: auto;
    visibility: hidden;
    opacity: 0;
    text-align: center;
    width: 130px;
    max-width: inherit
}

.ust-menu li ul li {
    float: right;
    width: 100%;
    display: inline-block;

}

.ust-menu li ul li a:link, .ust-menu li ul li a:visited {
    background: rgba(0, 0, 0, 0.38);
    border-radius: 0px;
    height: 35px;
    line-height: 35px
}

.ust-menu li ul li a:first-child {
    box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.10)
}

.ust-menu li ul li a:hover {
    background-color: rgba(0, 0, 0, 0.62);
}

.ust-menu li i {
    float: right;
    line-height: 45px;
    margin-left: 5px
}

/** MENU END **/

.easy-modal,
.easy-modal-animated {
    width: 600px;
    padding: 2em;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);
    background-color: white;
}

.manset {
    width: 625px;
    height: 280px;
    float: left;
    margin-left: 13px;
    margin-top: 5px;
    margin-bottom: 10px;
    position: relative
}

.haberOkuBaslik {
    width: 625px;
    height: auto;
    float: left;
    margin-left: 13px;
    position: relative
}

.haberOkuBaslik h1 {
    color: #ECE2CB;
    font-size: 20px;
    font-family: 'Libre Baskerville', serif;
    width: 100%;
    float: left;
    text-align: left;
    font-weight: 400;
    line-height: 35px;
    margin: 0;
}

.mansetMask {
    position: absolute;
    background: url(../images/mansetmask.png);
    width: 100%;
    height: 100%;
    z-index: 2
}

.mansetResim {
    width: 611px;
    height: 268px;
    position: absolute;
    left: 3px;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    top: 6px;
    z-index: 1000;
}

.contentSolIcerik {
    width: 649px;
    height: auto;
    float: left;
    position: relative;
    margin-left: 1px;
}

.haberOkuIcerik {
    padding: 0 10px;
    float: left;
    color: #978e78;
    font-size: 14px;
    line-height: 25px;
    width: 645px;
}

.haberOkuIcerik a:hover {
    color: #FFFFFF;
}

.haberOkuIcerik img {
    float: left;
    width: 100%;
    margin: 10px 0 10px 0
}

.haber-yazar {
    font-size: 13px;
    color: #807B72;
    margin-right: 10px;
    margin-top: 1px
}

.haber-yorum {
    float: right;
    font-size: 13px;
    color: #685F4F;
    margin-right: 10px;
}

.haber-yazar i {
    display: inline-block;
    margin-right: 2px
}

.haberTarih {
    float: left;
    font-size: 13px;
    color: #685F4F;
    margin-right: 5px
}

.haberTarih i {
    display: inline-block;
    margin-right: 5px;
}

.pvplonca {
    color: #370F0F;

    background: #725445;
    width: 283px;
    height: 30px;
    margin: 0 0 10px 0;
    border-radius: 4px;
    overflow: hidden;
}

.pvplonca a {
    display: block
}

.pvplonca ul {
    height: 100%;
    float: left;
    width: 100%
}

.pvplonca li {
    float: left;
    width: 25%;
    height: 100%;
    text-align: center;
    line-height: 30px
}

.pvplonca li:hover {
    background: #563E32;
}

.haber {
    width: 629px;
    height: auto;
    float: left;
    margin: 0 10px 20px;
    padding: 5px;
    background: #0B0807;
    border-radius: 3px;
    box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.05);
    overflow: hidden;
}

.haberBorder {
    width: 198px;
    height: 120px;
    background: url(../images/borderMask.png) no-repeat;
    position: relative;
    z-index: 33;
    float: left
}

.tumHaberleriGor {
    width: 100%;
    float: left;
    height: 50px;
    position: relative;
}

.btnNorm {
    background: url(../images/btnBg.png) center center repeat-x;
    width: 211px;
    height: 35px;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    line-height: 33px;
    color: #fff;
    font-size: 13px;
    box-shadow: inset 0px 0px 0px 1px #000000;
    border: 1px solid #191410
}

.btnNorm:hover {
    background: url(../images/btnBgHover.png) center center repeat-x;
}

.haberResim {
    width: 190px;
    height: 112px;
    float: left;
    position: absolute;
    margin: 4px 0 0 4px;
    background: url(../images/logo.png) center center no-repeat;
    background-size: 200px;
}

.haberBaslik {
    font-size: 16px;
    font-weight: 400;
    padding: 5px;
    margin-top: 5px;
    margin-bottom: 0;
    color: #f3e1c4;
    font-size: 16px;
    font-family: 'Libre Baskerville', serif
}

.haberBaslik:hover {
    color: #fff
}

.haberAciklama {
    font-size: 14px;
    font-weight: 400;
    padding: 5px;
    margin: 0;
    color: #948A82;
    text-shadow: 0px 1px 0px #000;
    height: auto;
    text-align: justify;
    word-break: normal;
    overflow: hidden;
    display: none;
}

.haber:first-child .haberAciklama {
    display: block;
}

.haberAciklama img {
    display: block;
    max-width: 100%;
    height: auto;
}

.haberTuru {
    color: #807B72;
    font-size: 12px;
    margin-right: 5px;
    padding: 3px 6px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #fff
}

.haberTarihi {
    float: right;
    color: #807B72;
    font-size: 12px;
    margin-right: 5px;
    margin-top: 2px
}

.contentSolAlt {
    width: 650px;
    float: left;
    height: auto;
    box-shadow: inset 0px 1px 0px 0px #191410;
    position: relative;
    padding: 10px;
    background: url(../images/solAltBg.jpg) center center repeat;
}

.contentSolAlt a {
    float: left
}

.selected {
    background: #372117;
    color: #fff
}

.girisyap {
    width: 100px;
    height: 40px;
    background: #189A17;
}

.sagBaslik {
    width: 285px;
    height: 45px;
    background: url(../images/baslikAlt.png) center center no-repeat;
    float: left;
    margin-bottom: 10px
}

.sagBaslik span {
    color: #D8C4B8;
    font-size: 13px;
    text-align: center;
    float: left;
    width: 285px;
    line-height: 45px;
    font-size: 17px;
    font-family: 'Libre Baskerville', serif
}

.sagIcerik {
    color: #ABA4A0;
    width: 285px;
    height: auto;
    background: rgba(255, 255, 255, 0.05);
    float: left;
    font-size: 13px;
    border-top: 0;
    margin-top: -2px;
    padding: 10px;
}

.sagIcerik .fortress {
    margin-bottom: 35px;
    padding-left: 10px;
}

.sagIcerik .fortress:last-child {
    margin-bottom: 0;
}

.sagIcerik .fortress a:hover {
    color: #FFFFFF;
}

.sagIcerik .fortress h3 {
    float: left;
    clear: both;
    margin: -1px 0 0;
    padding: 0px 10px 5px 10px;
    font-size: 15px;
    font-weight: bold;
}

.sagIcerik .fortress .guildname {
    float: left;
    clear: both;
    margin-left: 10px;
}

.sagIcerik .fortress .guildtax {
    text-align: right;
}

.sagIcerik #jangan_fortress {
    background: url('../images/fort-jangan.png') no-repeat 0 0;
}

.sagIcerik #hotan_fortress {
    background: url('../images/fort-hotan.png') no-repeat 0 0;
}

.sagIcerik #bandit_fortress {
    background: url('../images/fort-bandit.png') no-repeat 0 0;
}

.sagIcerik #constantinople_fortress {
    background: url('../images/fort-constantinople.png') no-repeat 0 0;
}

.schedule-table tr {
    border-bottom: 1px solid #26221e;
    color: #ABA4A0;
    font-size: 14px
}

.schedule-table td {
    padding: 5px
}

.schedule-table td:nth-child(2) {

}

.schedule-table tr:nth-child(odd) {
    background: rgba(255, 255, 255, 0.05);
}

.schedule-table td:nth-child(1) {
    width: 132px;
    border-right: 1px solid #26221e;
}

.schedule-table td:nth-child(2) {
    width: 132px;
    text-align: center;
}

.stats-table tr {
    border-bottom: 1px solid #26221e;
    color: #ABA4A0;
    font-size: 14px
}

.stats-table td {
    padding: 5px
}

.stats-table tr:nth-child(odd) {
    background: rgba(255, 255, 255, 0.05);
}

.stats-table td:nth-child(1) {
    width: 132px;
    border-right: 1px solid #26221e;
}

.stats-table td:nth-child(2) {
    width: 132px;
    text-align: center
}

.clearfix:before,
.clearfix:after {
    display: table;
    content: " ";
}

.clearfix:after {
    clear: both;
}

/*Jssor*/
.jssorb13 div, .jssorb13 div:hover, .jssorb13 .av {
    background: url(../images/b13.png) no-repeat;
    overflow: hidden;
    cursor: pointer
}

.jssorb13 div {
    background-position: -5px -5px
}

.jssorb13 div:hover, .jssorb13 .av:hover {
    background-position: -35px -5px
}

.jssorb13 .av {
    background-position: -65px -5px
}

.jssorb13 .dn, .jssorb13 .dn:hover {
    background-position: -95px -5px
}

.foobar {
    float: left;
    color: #8F857B;
    margin: 10px 0 30px 0;
    width: 100%;
    text-align: center;
    font-size: 13px
}

.foobar span {
    color: #5E5954;
    font-size: 12px;
    margin: 10px 0 0 0;
    display: inline-block
}

.footer-link li {
    margin: 0px 5px 0 5px;
    display: inline-block
}

.footer-link li:hover {
    color: #BFB3A7
}

.sonHaberler {
    float: left;
    margin-bottom: 10px;
}

.sonHaberlerIc {
    width: 100%;
    margin: 0 auto;
}

.kategoriler {
    float: left;
    margin-bottom: 10px
}

.kategoriler-icerik {
    width: 100%;
    margin: 0 auto
}

.sag-kategoriler {
    width: 100%;
    float: left;
}

.sag-kategoriler li {
    float: left;
    width: 100%;
    border: 1px solid rgba(255, 255, 255, 0.10);
    margin: 0px 0px 5px 0px;
    border-radius: 4px;
    color: #98837A;
    font-size: 13px
}

.sag-kategoriler li:hover {
    border: 1px solid #DD7A37;
    color: #DD7A37
}

.sag-kategoriler li a {
    display: block;
    padding: 5px;
}

.sag-kategoriler li a i {
    font-size: 6px;
    vertical-align: middle;
    display: inline-block;
    margin-top: -3px
}

.kategori {
    display: inline-block;
    margin-left: 5px;
}

.haber-sayisi {
    float: right;
    color: #AF6831;
    font-weight: 700
}

.sHaber {
    float: left;
    width: 100%
}

.sHaber li {
    float: left;
    width: 100%;
    border-bottom: 1px dashed #261e18;
    padding: 15px 0 15px 0
}

.dlLink {
    background: url(../images/oyunindirSagButton.png) center center no-repeat;
    width: 281px;
    height: 52px;
    float: left;
}

.dlLink span {
    color: #E8DFD4;
    font-family: 'Libre Baskerville', serif;
    float: right;
    margin-right: 65px;
    margin-top: 15px
}

.dlLink:hover {
    background: url(../images/indirButtonhover.png) center center no-repeat;
}

.sHaber li:last-child {
    border: none
}

.sHaberResim {
    width: 80px;
    height: 60px;
    border-radius: 4px;
    border: 1px solid #231d18;
    box-shadow: inset 0px 0px 0px 1px #000000;
    float: left;
}

.sHaberBaslik {
    width: 190px;
    float: right;
    color: #907555;
}

.sHaberBaslik:hover {
    color: #D0BCA5
}

.sHaberTarih {
    color: #46413b;
    float: right;
    font-size: 13px;
    width: 190px;
    margin: 5px 0 0 0
}

.siralama {
    float: left;
}

.siralamaTablo {
    border-bottom: none;
    float: left;
    width: 100%;
    height: auto
}

.siralamaic {
    border: 1px solid #26221e;
    border-bottom: none;
    float: left;
    width: 100%;
    height: auto;
}

.siralamaTablo a {
    display: block
}

.siralamaTablo a:hover {
    color: #FFFFFF
}

.siralamaTablo tr {
    border-bottom: 1px solid #26221e;
    color: #ABA4A0;
    font-size: 13px
}

.siralamaTablo tr:nth-child(1) {
    color: #7A7673;
    text-align: center;
    font-size: 13px;
}

.siralamaTablo td {
    padding: 5px
}

.siralamaTablo td:nth-child(2) {
    padding-left: 10px
}

.siralamaTablo tr:nth-child(odd) {
    background: rgba(255, 255, 255, 0.05);
}

.siralamaTablo td:nth-child(1) {
    width: 52px;
    border-right: 1px solid #26221e;
    text-align: center
}

.siralamaTablo td:nth-child(2) {
    width: 156px;
    border-right: 1px solid #26221e
}

.siralamaTablo td:nth-child(3) {
    width: 75px;
    text-align: center
}

.trophyFirst {
    color: #F1A90E
}

.trophySecond {
    color: #b7b6b6
}

.trophyThird {
    color: #a74c39
}

.onlineTablo {
    border-bottom: none;
    float: left;
    width: 100%;
    height: auto
}

.onlineTablo a {
    display: block
}

.onlineTablo a:hover {
    color: #FFFFFF
}

.onlineTablo tr {
    text-align: center;
    border-bottom: 1px solid #26221e;
    color: #ABA4A0;
    font-size: 13px
}

.onlineTablo tr:nth-child(1) {
    color: #7A7673;
    font-size: 13px;
}

.onlineTablo td {
    padding: 5px
}

.onlineTablo td:nth-child(2) {
    padding-left: 10px
}

.onlineTablo tr:nth-child(odd) {
    background: rgba(255, 255, 255, 0.05);
}

.onlineTablo td:nth-child(1) {
    width: 5%;
    border-right: 1px solid #26221e;
}

.onlineTablo td:nth-child(2) {
    width: 30%;
    border-right: 1px solid #26221e
}

.onlineTablo td:nth-child(3) {
    width: 20%;
    border-right: 1px solid #26221e;
}

.onlineTablo td:nth-child(4) {
    width: 20%;
}

.marketTablo {
    float: left;
    width: 100%;
    height: auto;

    background: #18150f;
    border-radius: 4px;
    border: 1px solid #5b4b2f;
    overflow: hidden;
    box-shadow: inset 0px 0px 0px 1px #000000;
    display: block;
}

.marketTablo a {
    display: block
}

.marketTablo a:hover {
    color: #FFFFFF
}

.marketTablo tr {
    text-align: center;
    color: #ABA4A0;
    font-size: 14px
}

.marketTablo tr img {
    height: 32px;
    width: 32px;
}

.marketTablo tr:nth-child(1) {
    color: #d9ae6e;
    background: #14110a;
    font-size: 15px;
}

.marketTablo tr:nth-child(1) td {
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
}

.marketTablo td {
    padding: 0 5px;
    border-right: 1px solid #5b4b2f;
    border-bottom: 1px solid #5b4b2f;
}

.marketTablo td:last-child {
    border-right: none;
}

.marketTablo tr:last-child td {
    border-bottom: none;
}

.marketTablo td:nth-child(1) {
    width: auto;
    padding-left: 12px;
}

.marketTablo td:nth-child(2) {
    padding-left: 10px;
    width: 60%;
}

.marketTablo td:nth-child(3) {
    width: 18%;
}

.marketTablo td:nth-child(4) {
    width: 18%;
}

.marketBuyTablo {
    width: 100%;
    height: auto;
    background: #18150f;
    border-radius: 4px;
    border: 1px solid #5b4b2f;
    overflow: hidden;
    box-shadow: inset 0px 0px 0px 1px #000000;
    display: block;
}

.marketBuyTablo a {
    display: block
}

.marketBuyTablo a:hover {
    color: #FFFFFF
}

.marketBuyTablo tr {
    height: 50px;
    text-align: left;
    color: #ABA4A0;
    font-size: 15px
}

.marketBuyTablo tr img {
    height: 32px;
    width: 32px;
}

.marketBuyTablo td {
    padding: 0 10px;
    border-right: 1px solid #5b4b2f;
    border-bottom: 1px solid #5b4b2f;
}

.marketBuyTablo td:last-child {
    border-right: none;
}

.marketBuyTablo tr:last-child td {
    border-bottom: none;
}

.marketBuyTablo tr:last-child {
    font-size: 17px;
    text-align: center;
}

.marketBuyTablo td:nth-child(1) {
    width: 30%;
}

.marketBuyTablo td:nth-child(2) {
    width: auto;
}

.guild-members-table {
    border-bottom: none;
    float: left;
    width: 100%;
    height: auto
}

.guild-members-table a {
    display: block
}

.guild-members-table a:hover {
    color: #FFFFFF
}

.guild-members-table tr {
    text-align: center;
    border-bottom: 1px solid #26221e;
    color: #ABA4A0;
    font-size: 13px
}

.guild-members-table tr:nth-child(1) {
    color: #7A7673;
    font-size: 13px;
}

.guild-members-table td {
    padding: 5px
}

.guild-members-table td:nth-child(2) {
    padding-left: 10px
}

.guild-members-table tr:nth-child(odd) {
    background: rgba(255, 255, 255, 0.05);
}

.guild-members-table td:nth-child(1) {
    width: 5%;
    border-right: 1px solid #26221e;
}

.guild-members-table td:nth-child(2) {
    width: 20%;
    border-right: 1px solid #26221e
}

.guild-members-table td:nth-child(3) {
    width: 10%;
    border-right: 1px solid #26221e;
}

.guild-members-table td:nth-child(4) {
    width: 10%;
    border-right: 1px solid #26221e;
}

.guild-members-table td:nth-child(5) {
    width: 10%;
    border-right: 1px solid #26221e;
}

.guild-members-table td:nth-child(6) {
    width: 20%;
}

.guild-info-table {
    border-bottom: none;
    float: left;
    width: 100%;
    height: auto
}

.guild-info-table a {
    display: block
}

.guild-info-table a:hover {
    color: #FFFFFF
}

.guild-info-table tr {
    text-align: left;
    border-bottom: 1px solid #26221e;
    color: #ABA4A0;
    font-size: 14px
}

.guild-info-table td {
    padding: 5px 12px;
}

.guild-info-table tr:nth-child(odd) {
    background: rgba(255, 255, 255, 0.05);
}

.guild-info-table td:nth-child(1) {
    width: 40%;
    border-right: 1px solid #26221e;
}

.guild-info-table td:nth-child(2) {
    width: 60%;
}

.char-unique-result table {
    border-bottom: none;
    float: left;
    width: 100%;
    height: auto
}

.char-unique-result table a {
    display: block
}

.char-unique-result table a:hover {
    color: #FFFFFF
}

.char-unique-result table tr {
    text-align: left;
    border-bottom: 1px solid #26221e;
    color: #ABA4A0;
    font-size: 14px
}

.char-unique-result table td {
    padding: 5px 12px;
}

.char-unique-result table tr:nth-child(odd) {
    background: rgba(255, 255, 255, 0.05);
}

.char-unique-result table td:nth-child(1) {
    width: 40%;
    border-right: 1px solid #26221e;
}

.char-unique-result table td:nth-child(2) {
    width: 60%;
}

.char-last-unique-result table {
    border-bottom: none;
    float: left;
    width: 100%;
    height: auto;
}

.char-last-unique-result table a {
    display: block
}

.char-last-unique-result table a:hover {
    color: #FFFFFF
}

.char-last-unique-result table tr {
    text-align: center;
    border-bottom: 1px solid #26221e;
    color: #ABA4A0;
    font-size: 14px
}

.char-last-unique-result table td {
    padding: 5px 12px;
}

.char-last-unique-result table tr:nth-child(odd) {
    background: rgba(255, 255, 255, 0.05);
}

.char-last-unique-result table td:nth-child(1) {
    width: 5%;
    border-right: 1px solid #26221e;
}

.char-last-unique-result table td:nth-child(2) {
    width: 35%;
    border-right: 1px solid #26221e;
}

.char-last-unique-result table td:nth-child(3) {
    width: 30%;
    border-right: 1px solid #26221e;
}

.char-last-unique-result table td:nth-child(4) {
    width: 25%;
}

.char-global-result table {
    border-bottom: none;
    float: left;
    width: 100%;
    height: auto
}

.char-global-result table a {
    display: block
}

.char-global-result table a:hover {
    color: #FFFFFF
}

.char-global-result table tr {
    text-align: left;
    border-bottom: 1px solid #26221e;
    color: #ABA4A0;
    font-size: 14px
}

.char-global-result table td {
    padding: 5px 12px;
}

.char-global-result table tr:nth-child(odd) {
    background: rgba(255, 255, 255, 0.05);
}

.char-global-result table td:nth-child(1) {
    width: 5%;
    border-right: 1px solid #26221e;
    text-align: center;
}

.char-global-result table td:nth-child(2) {
    width: 70%;
    border-right: 1px solid #26221e;
}

.char-global-result table td:nth-child(3) {
    text-align: center;
    width: 25%;
}

.siralamaOzellestir {
    float: left;
    margin: 5px 0 10px 0;
}

.siralamaOzellestir select {
    background: none;
    outline: 0;
    padding: 5px;
    border-radius: 4px;
    border: 1px solid #26221E;
    color: #ABA4A0;
    webkit-appearance: none;
    -moz-appearance: none;
    background: url(../images/listArrow.png) no-repeat;
    background-position: right;
    background-origin: content-box;
    text-indent: 0.01px;
    text-overflow: "";
}

.siralamaOzellestir select::-ms-expand {
    display: none;
}

.loaderHorizontal {
    background: url('../images/loader_horizontal.gif') no-repeat;
    height: 11px;
    width: 43px;
    margin: 0 auto;
}

.sagBox {
    float: left;
    margin-bottom: 20px;
}

.sagBox .sagBaslik {
    margin-bottom: 0;
}

.sosyalAg {
    float: left;
}

.sosyal-ag-icerik {
    float: left;
    width: 285px;
    height: 365px;
}

.tw-social {
    float: left;
    width: 100%;
    margin: 10px 0 0 0
}

.ana-sayfalama .sayfalama {
    float: left;
    width: 100%;
    margin: 0px 0 0 0
}

.ana-sayfalama .sayfalama ul {
    margin: 4px 0 0 0
}

.ana-sayfalama .sayfalama ul li {
    color: #fff
}

.ana-sayfalama .sayfalama ul li a {
    color: #fff
}

.sayfalama {
    float: left;
    width: 100%;
    margin: 10px 0 0 0
}

.sayfalar {
    width: auto;
    left: 0;
    right: 0;
    text-align: center;
    margin: 0 auto;
}

.sayfalar li {
    margin: 0 3px 0 3px;
    display: inline-block
}

.sayfalar li a {
    padding: 3px 7px 3px 7px;
    display: block
}

.sayfalar li a:hover {
    box-shadow: inset 0px -1px 0px 0px #E37B2C
}

.secili-sayfa {
    color: #3A2F24;
    cursor: default;
    padding: 3px 7px 3px 7px
}

.secili-sayfa:hover {
    color: #3A2F24
}

.sayfa-bas {
    background: rgba(255, 255, 255, 0.07);
    padding: 3px 7px 3px 7px;
}

.sayfa-son {
    background: rgba(255, 255, 255, 0.07);
    padding: 3px 7px 3px 7px
}

.black_overlay {
    display: none;
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: black;
    z-index: 1001;
    -moz-opacity: 0.8;
    opacity: .80;
    filter: alpha(opacity=80);
}

.white_content {
    display: none;
    position: fixed;
    top: 5%;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: 400px;
    height: auto;
    padding: 16px;
    z-index: 1002;
    background: url(../images/solBg.jpg) center center repeat;
    border-radius: 10px;
    box-shadow: 0px 0px 10px 1px #000000;
    border: 1px solid #D5B791
}

.dialogBaslik {
    width: 100%;
    float: left;
    background: url(../images/baslikAlt.png) center top no-repeat;
    height: 46px
}

.dialogBaslik span {
    width: 100%;
    text-align: center;
    color: #E8DDC2;
    font-family: 'Libre Baskerville', serif;
    float: left;
    margin-top: 15px;
}

.kapa-icon {
    width: 25px;
    height: 25px;
    border-radius: 20px;
    background: #A41717;
    position: absolute;
    right: -10px;
    top: -10px;
    z-index: 1100;
    color: #fff;
    display: table;
    text-decoration: none;
    font-family: 'Arial';
    font-size: 13px;
    font-weight: 700
}

.kapa-icon span {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.dialog-ic {
    width: 100%;
    height: auto;
}

.dialogForm {
    width: 300px;
    height: auto;
    float: left;
    margin: 10px 0 0 35px;
    position: relative
}

.dialogForm input {
    width: 100%;
    float: left;
    margin: 10px 0 10px 0;
    padding: 5px 0 5px 0;
    text-indent: 5px;
    outline: 0;
    border-radius: 4px;
    border: 1px solid #988068;
    background: #D4C6AF
}

.dialogForm input:focus {
    box-shadow: 0px 0px 5px 0px #DD872D;
    border: 1px solid #000;
    background: #FFFFFF
}

.dialogLabel {
    width: 100%;
    float: left;
    color: #EFE2D9
}

.girisbutton {
    width: 100%;
    float: left;
    margin: 10px 0 0 0;
    position: relative;
    height: 35px
}

.girisbutton .trbtn {
    width: 50%;
    height: 100%;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
}

.trbtn {
    background: url(../images/noisy.png) center center repeat #32190D;
    border: none;
    outline: 0;
    text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.20);
    border-radius: 4px;
    box-shadow: 1px 1px 5px 0px #000000, inset 0px 2px 1px 0px rgba(255, 255, 255, 0.13);
    font-family: 'Libre Baskerville', serif;
    font-size: 13px;
    color: #F7E9C6;
    text-shadow: 0px 1px 3px #000000
}

.trbtn:hover {
    color: #FFFFFF;
    background: url(../images/noisy.png) center center repeat #2F1C13;
}

.dogrulama {
    float: left;
    width: 100%;
    margin-left: -10px;
    margin-top: 10px
}

.dividerSag {
    width: 315px;
    height: 7px;
    float: left;
    margin-left: -15px;
    margin: 10px 0 10px -15px
}

#disqus_thread {
    padding: 10px;
    color: #BBA6A6
}

#disqus_thread a {
    color: #DB974B
}

.contentEnAlt {
    background: url(../images/45-degree-fabric-dark.png) center center repeat #1D120A;
    width: 970px;
    height: 250px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    z-index: -10;
    float: left
}

.indirMain {
    width: 100%;
    float: left;
    margin: 35px 0 50px 0;
}

.indirAgac {
    width: 850px;
    float: left;
    height: auto;
    color: #635A4E;
    font-size: 12px;
    margin: 20px 0 15px 55px;
    padding: 0 0 5px 0
}

.indirAgac a:hover {
    color: #988A76;
}

.indirMainTopBg {
    background: url(../images/indirMainTopBg.png) center top no-repeat;
    width: 972px;
    height: 14px;
    margin: 0 auto
}

.indirMainMidBg {
    background: url(../images/indirMainMidBg.png) center center repeat-y;
    width: 972px;
    height: auto;
    float: left;
    margin-left: 12px
}

.indirMainBotBg {
    background: url(../images/indirMainBotBg.png) center center no-repeat;
    width: 972px;
    height: 10px;
    float: left;
    margin-left: 12px
}

.oneColumn {
    width: 870px;
    height: auto;
    margin: 40px auto 0 auto;
}

.oyun-indir-box {
    width: 275px;
    background: #18150f;
    height: auto;
    margin: 0 23px 23px;
    border-radius: 4px;
    border: 1px solid #5b4b2f;
    overflow: hidden;
    box-shadow: inset 0px 0px 0px 1px #000000;
    display: inline-block;
}

.oyun-indir-box:hover {
    border-color: #8B7653
}

.oyun-indir-baslik {
    width: 100%;
    height: 45px;
    float: left;
}

.oyun-indir-baslik span {
    font-family: 'Libre Baskerville', serif;
    text-align: center;
    width: 100%;
    float: left;
    line-height: 45px;
    color: #d9ae6e
}

.oyun-indir-aciklama {
    float: left;
    width: 100%;
    height: auto;
}

.oyun-indir-aciklama span {
    font-family: 'PT sans', sans-serif;
    text-align: center;
    width: 100%;
    float: left;
    line-height: 23px;
    color: #c1af94;
    font-size: 13px;
    padding: 0px 10px 0 10px
}

.oyun-indir-aciklama span b {
    box-shadow: 0px 1px 0px 0px #E14343;
    font-weight: 400
}

.oyun-indir-button {
    width: 100%;
    float: left;
    height: 52px;
    margin: 15px 0 10px 0
}

.indirButton {
    width: 197px;
    height: 52px;
    margin: 0 auto;
    background: url(../images/oyunindirButton.png) center center no-repeat
}

.indirButton:hover {
    background: url(../images/oyunindirButtonhover.png) center center no-repeat
}

.oyun-indir-boyut {
    width: 100%;
    float: left;
    height: auto;
    text-align: center;
    color: #578037;
    text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.27);
    font-size: 13px;
}

.oyun-indir-destek {
    width: 100%;
    height: auto;
    background: #14110a;
    float: left;
    margin: 15px 0 0 0;
    box-shadow: 0px -1px 0 0 rgba(255, 255, 255, 0.10);
    text-align: center
}

.oyun-indir-destek span {
    color: #5a5343;
    font-size: 14px;
    padding: 10px;
    float: left
}

.oyun-indir-destek span a {
    color: #a99157;
    font-style: normal
}

.oyunindirAlt {
    float: left;
    box-shadow: 0px -1px 0px 0px rgba(255, 255, 255, 0.11);
    width: 100%;
    height: auto;
    margin-top: 40px
}

.indirAlt {
    float: left;
    padding: 20px;
}

.indirAltBox {
    background: #A73D3F;
    width: 100px
}

.sagButonlar {
    width: 100%;
    float: left;
    height: auto;
    margin: 0 0 10px 0
}

.yeniBaslayan {
    background: url(../images/yeniOyuncuBg.png) center center no-repeat;
    width: 281px;
    height: 72px;
    float: left;
    border-radius: 4px;
    margin: 10px 0 10px 0
}

.yeniBaslayan:hover {
    box-shadow: inset 0px 0px 0px 1px #c09e87;
}

.yeniBaslayan span {
    float: right;
    line-height: 72px;
    margin: 0 10px 0 0;
    color: #F1DFB4;
    font-family: 'Libre Baskerville', serif;
    font-size: 14px;
    text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.32);
    display: block
}

.kullanici-paneli {
    width: 620px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    border: 1px solid #5D4B3F;
    border-radius: 4px;
    display: inline-block;
}

.panelSol {
    float: left;
    width: 200px;
    color: #E8E2CC
}

.panelSag {
    float: right;
    width: 418px;
    border-left: 1px solid #5D4B3F;
}

.kpanel {
    float: left;
    width: 100%;
}

.kpanel li a:hover {
    background: rgba(255, 255, 255, 0.10)
}

.kpanel .selected {
    background: #5B554C
}

.kpanel li a {
    width: 100%;
    float: left;
    padding: 5px 10px 5px 10px
}

.genel-ayarlar {
    float: left;
    padding: 10px;
}

.genel-ayar-table {
    width: 100%;
    float: left;
    font-size: 13px
}

.genel-ayar-table tr {
    height: 50px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.04);
}

.genel-ayar-table tr:last-child {
    border: none
}

.genel-ayar-table tr td:first-child {
    color: #836C58;
    padding-right: 10px;
    width: 150px;
}

.genel-ayar-table tr td:last-child {
    color: #fff;
    border-left: 1px solid rgba(255, 255, 255, 0.04);
    padding-left: 10px;
    width: 240px;
}

.genel-ayar-table-2 {
    width: 100%;
    float: left;
    font-size: 13px
}

.genel-ayar-table-2 tr {
    text-align: left;
    height: 50px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.04);
}

.genel-ayar-table-2 tr a:hover {
    color: #c0c0c0;
}

.genel-ayar-table-2 tr:last-child {
    border: none
}

.genel-ayar-table-2 tr th {
    color: #836C58;
    font-weight: normal;
    border-left: 1px solid rgba(255, 255, 255, 0.04);
}

.genel-ayar-table-2 tr th:nth-child(1) {
    border: none;
    width: 38%;
}

.genel-ayar-table-2 tr th:nth-child(2) {
    padding-left: 10px;
    width: 21%;
}

.genel-ayar-table-2 tr th:nth-child(3) {
    padding-left: 10px;
    width: 21%;
}

.genel-ayar-table-2 tr th:nth-child(4) {
    padding-left: 10px;
    width: 20%;
}

.genel-ayar-table-2 tr td {
    color: #fff;
    font-weight: normal;
    border-left: 1px solid rgba(255, 255, 255, 0.04);
}

.genel-ayar-table-2 tr td:nth-child(1) {
    border: none;
    width: 38%;
}

.genel-ayar-table-2 tr td:nth-child(2) {
    padding-left: 10px;
    width: 21%;
}

.genel-ayar-table-2 tr td:nth-child(3) {
    padding-left: 10px;
    width: 21%;
}

.genel-ayar-table-2 tr td:nth-child(4) {
    padding-left: 10px;
    width: 20%;
}

.guvenlik-ayarlar {
    float: left;
    padding: 10px;
    color: #fff;
    width: 100%
}

.bank-account-table {
    width: 55%;
    font-size: 13px;
    margin: 20px auto;
    border: 1px solid #836C58;
}

.bank-account-table tr {
    text-align: left;
    height: 50px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.04);
}

.bank-account-table tr:last-child {
    border: none
}

.bank-account-table tr td {
    padding-left: 10px;
    color: #fff;
    font-weight: normal;
    border-left: 1px solid rgba(255, 255, 255, 0.04);
}

.bank-account-table tr td:nth-child(1) {
    border: none;
    width: 35%;
}

.bank-account-table tr td:nth-child(2) {
    padding-left: 10px;
    width: 65%;
}

.accordion {
    float: left;
    width: 100%;
    overflow: hidden
}

.accordion li a {
    display: block;
    height: 100%;
    float: left;
    width: 100%
}

.accordion li {
    float: left;
    width: 100%;
    padding: 10px;
    margin-bottom: 5px
}

.accordion li i {
    float: right
}

.acc-btn {
    width: 100%;
    cursor: pointer;
    font-size: 13px;
}

.acc-content {
    width: 100%;
    background: #22201D;
    overflow: hidden;
    color: #AFAFAF;
    float: left;
    margin: 10px 0 0 0;
    padding: 10px 10px 10px 10px;
    font-size: 13px;
    border-radius: 5px
}

.ayar-kaydet {
    float: left;
    width: 100%;
    height: 30px;
    position: relative;
    margin: 10px 0 0 0
}

.ayar-kaydet-btn {
    width: 150px;
    height: 100%;
    background: #5C801D;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
    border-radius: 4px;
    color: #fff;
    box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.10), inset 0px -1px 5px 0px rgba(0, 0, 0, 0.28)
}

.ayar-kaydet-btn:hover {
    background: #0E5B12
}

.ayar-kaydet-btn span {
    text-align: center;
    line-height: 30px;
    width: 100%;
    float: left
}

.sifre-table {
    width: 100%;
    float: left;
    position: relative
}

.sifre-table tr {
    width: 100%;
    height: 40px;
}

.sifre-table tr td:first-child {
    float: left;
    margin: 10px 0px
}

.kpanel-input-sag {
    border: 1px solid #907B5C;
    background: #DFDCDB;
    outline: 0;
    padding: 5px;
    border-radius: 4px;
    color: #000
}

.kpanel-input-sag:focus {
    border-color: #972C18
}

.siralamaTablo td a {
    float: left
}

.rankiconDown {
    color: #D31417
}

.rankiconUp {
    color: #22A22D
}

.rankiconminus {
    color: #B59F88
}

.siralamaBigTable {
    width: 100%;
    float: left;
    background: #070605;
    height: auto;
    border-radius: 4px;
    box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.05);
    margin-bottom: 30px;
    color: #E1DDD0;
    position: relative;
    padding: 10px
}

.siralamaBigTable table {
    width: 100%;
}

.siralamaBigTable table tr {
    border-bottom: 1px solid rgba(25, 21, 19, 1.00);
    font-size: 13px;
    color: #BFAE8F
}

.siralamaBigTable table tr:first-child {
    background: url(../images/solBg.jpg) repeat;
    color: #000000;
    font-family: 'Libre Baskerville', serif;
    color: #E9D8B2;
    border-top: 1px solid rgba(25, 21, 19, 1.00);
    font-size: 14px;
}

.siralamaBigTable table tr td {
    text-align: center;
    padding: 7px 0 7px 0;
    border-right: 1px solid rgba(25, 21, 19, 1.00)
}

.siralamaBigTable table tr td:first-child {
    border-left: 1px solid rgba(25, 21, 19, 1.00);
}

.siralamaBigTable table tr a:hover {
    color: #E9D8B2;
}

.rank-krallik {
    width: 35px;
    height: 25px;
    margin: 0 auto;
}

#commentForm {

}

#commentForm label {
    float: left

}

#commentForm label.error {
    color: #EDDDDD;
    margin: 5px 0px 5px 0px;
    background: #BB2C2F;
    padding: 5px 8px 5px 8px;
    border-radius: 5px;
    position: relative;
    font-size: 13px;

}

#ayarForm label.error {
    color: #EDDDDD;
    background: #BB2C2F;
    padding: 5px 8px 5px 8px;
    border-radius: 5px;
    font-size: 13px;
    position: absolute;
    width: 210px;
    z-index: 100;
    left: 150px;
    margin-top: 30px;

}

#ayarForm label.error:before {

    content: "";
    position: absolute;
    right: 100%;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 8px solid #BB2C2F;
    left: 20px;
    top: -7px;

}

#commentForm label.error:before {
    content: "";
    position: absolute;
    right: 100%;
    width: 0;
    height: 0;
    border-left: 13px solid transparent;
    border-right: 13px solid transparent;
    border-bottom: 13px solid #BB2C2F;
    left: 30px;
    top: -10px;
}

#commentForm input[type=text].error {
    border: 1px solid #FF1317
}

#commentForm input[type=password].error {
    border: 1px solid #FF1317
}

#ayarForm {
    float: left
}

.epin_payment {
    float: left;
}

.sifremi-unuttum {
    width: 100%;
    float: left;
    margin: 10px 0 5px 0;
    font-size: 13px;
    color: #E1D9CC;
}

.sifremi-unuttum a:hover {
    color: #F9D288
}

.right {
    float: right
}

.left {
    float: left
}

.server-sec {
    width: 100%;
    float: left;
    color: #EFE2D9;
    font-size: 13px;
    margin: 10px 0 0 0
}

.login-select {
    width: 100%;
    float: left;
    margin: 5px 0 5px 0;
    outline: 0;
    border: 1px solid rgba(255, 255, 255, 0.11);
    background: #E8E0D5;
    color: #160C05;
    padding: 5px;
    border-radius: 5px
}

.alert-box {
    display: block;
    margin: 5px;
    position: relative;
    padding: 2px;
    border-radius: 5px;
    font-size: 13px;
    box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.49)
}

.alert-box span {
    display: inline-block;
    width: 100%;
    color: #FFFFFF;
    box-shadow: inset 0px 0px 0px 2px rgba(0, 0, 0, 0.05);
    padding: 7px;
    border-radius: 4px;
    background: rgba(0, 0, 0, 0.40)
}

.success {
    background: #367420;
}

.error {
    background: #AB1D20
}

.warning {
    background: #ECB618
}

.alert {
    display: block;
    margin: 5px;
    position: relative;
    padding: 2px;
    border-radius: 5px;
    font-size: 13px;
    box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.49)
}

.alert span {
    display: inline-block;
    width: 100%;
    color: #FFFFFF;
    box-shadow: inset 0px 0px 0px 2px rgba(0, 0, 0, 0.05);
    padding: 7px;
    border-radius: 4px;
    background: rgba(0, 0, 0, 0.40)
}

.alert-success {
    background: #367420;
}

.alert-error {
    background: #AB1D20
}

.alert-warning {
    background: #ECB618
}

#floatingCirclesG {
    position: relative;
    width: 35px;
    height: 35px;
    -moz-transform: scale(0.6);
    -webkit-transform: scale(0.6);
    -ms-transform: scale(0.6);
    -o-transform: scale(0.6);
    transform: scale(0.6);
}

.f_circleG {
    position: absolute;
    background-color: #1A1811;
    height: 6px;
    width: 6px;
    -moz-border-radius: 3px;
    -moz-animation-name: f_fadeG;
    -moz-animation-duration: 0.48s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-direction: linear;
    -webkit-border-radius: 3px;
    -webkit-animation-name: f_fadeG;
    -webkit-animation-duration: 0.48s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: linear;
    -ms-border-radius: 3px;
    -ms-animation-name: f_fadeG;
    -ms-animation-duration: 0.48s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-direction: linear;
    -o-border-radius: 3px;
    -o-animation-name: f_fadeG;
    -o-animation-duration: 0.48s;
    -o-animation-iteration-count: infinite;
    -o-animation-direction: linear;
    border-radius: 3px;
    animation-name: f_fadeG;
    animation-duration: 0.48s;
    animation-iteration-count: infinite;
    animation-direction: linear;
}

#frotateG_01 {
    left: 0;
    top: 14px;
    -moz-animation-delay: 0.18s;
    -webkit-animation-delay: 0.18s;
    -ms-animation-delay: 0.18s;
    -o-animation-delay: 0.18s;
    animation-delay: 0.18s;
}

#frotateG_02 {
    left: 4px;
    top: 4px;
    -moz-animation-delay: 0.24s;
    -webkit-animation-delay: 0.24s;
    -ms-animation-delay: 0.24s;
    -o-animation-delay: 0.24s;
    animation-delay: 0.24s;
}

#frotateG_03 {
    left: 14px;
    top: 0;
    -moz-animation-delay: 0.3s;
    -webkit-animation-delay: 0.3s;
    -ms-animation-delay: 0.3s;
    -o-animation-delay: 0.3s;
    animation-delay: 0.3s;
}

#frotateG_04 {
    right: 4px;
    top: 4px;
    -moz-animation-delay: 0.36s;
    -webkit-animation-delay: 0.36s;
    -ms-animation-delay: 0.36s;
    -o-animation-delay: 0.36s;
    animation-delay: 0.36s;
}

#frotateG_05 {
    right: 0;
    top: 14px;
    -moz-animation-delay: 0.42s;
    -webkit-animation-delay: 0.42s;
    -ms-animation-delay: 0.42s;
    -o-animation-delay: 0.42s;
    animation-delay: 0.42s;
}

#frotateG_06 {
    right: 4px;
    bottom: 4px;
    -moz-animation-delay: 0.48s;
    -webkit-animation-delay: 0.48s;
    -ms-animation-delay: 0.48s;
    -o-animation-delay: 0.48s;
    animation-delay: 0.48s;
}

#frotateG_07 {
    left: 14px;
    bottom: 0;
    -moz-animation-delay: 0.54s;
    -webkit-animation-delay: 0.54s;
    -ms-animation-delay: 0.54s;
    -o-animation-delay: 0.54s;
    animation-delay: 0.54s;
}

#frotateG_08 {
    left: 4px;
    bottom: 4px;
    -moz-animation-delay: 0.6s;
    -webkit-animation-delay: 0.6s;
    -ms-animation-delay: 0.6s;
    -o-animation-delay: 0.6s;
    animation-delay: 0.6s;
}

@-moz-keyframes f_fadeG {
    0% {
        background-color: #FF991C
    }

    100% {
        background-color: #1A1811
    }

}

@-webkit-keyframes f_fadeG {
    0% {
        background-color: #FF991C
    }

    100% {
        background-color: #1A1811
    }

}

@-ms-keyframes f_fadeG {
    0% {
        background-color: #FF991C
    }

    100% {
        background-color: #1A1811
    }

}

@-o-keyframes f_fadeG {
    0% {
        background-color: #FF991C
    }

    100% {
        background-color: #1A1811
    }

}

@keyframes f_fadeG {
    0% {
        background-color: #FF991C
    }

    100% {
        background-color: #1A1811
    }

}

.loader {
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    height: 100%;
}

.loaderBox {
    position: absolute;
    width: 100%;
    float: left;
    margin-top: -8px;
}

.siralama-top {
    width: 100%;
    float: left;
    padding: 10px 11px;
    margin: 10px 0 10px 0
}

.siralama-top input {
    background: #F3E7D2;
    padding: 5px;
    border-radius: 4px;
    outline: 0;
    color: #2A1B16;
    margin-right: 5px;
}

.siralama-top button {
    background: #F3E7D2;
    padding: 5px 8px;
    border-radius: 4px;
    outline: 0;
    color: #2A1B16;
    margin-bottom: -1px;
}

.siralama-top button:hover {
    color: #F3E7D2;
    background: #492f26;
}

.siralama-top .trbtn {
    padding: 4px 7px 4px 7px
}

.sirala-ozellikler {
    float: left;
    font-size: 14px;
    font-weight: 700
}

.sirala-ozellikler li {
    width: auto;
    float: left;
    text-align: center;
}

.sirala-ozellikler li.selected {
    color: #F3E7D2;
    background: #492f26;
}

.sirala-ozellikler li:last-child {
    margin-right: 0 !important;
}

.sirala-ozellikler li span {
    float: left;
    padding: 0px 5px 0px 5px;
    line-height: 30px
}

.sirala-ozellikler li select {
    float: left;
}

.rank-text {
    float: left;
    border-radius: 4px;
    outline: 0;
    color: #2A1B16;
    padding: 3px;
    background: #F3E7D2;
    border: 1px solid #000000
}

.rank-select {
    background: #F3E7D2;
    padding: 5px;
    border-radius: 4px;
    outline: 0;
    color: #2A1B16;
    margin-right: 5px;
}

.ayarForm {
    width: 100%;
    float: left;
}

.epin_payment {
    width: 100%;
    float: left;
}

.ayarLabel {
    width: 150px;
    float: left
}

.ayarText {
    float: left;
    padding: 5px;
    border-radius: 4px;
    border: 1px solid rgba(255, 255, 255, 0.05);
    outline: 0;
    color: #000
}

.ayarText.error {
    background: #F9F3F3;
    border: 1px solid #CC1619
}

#ayarForm {
    width: 100%;
    float: left
}

.alt-btn {
    width: 100%;
    float: left;
    position: relative;
    height: 25px;
    margin: 5px 0px 5px 0px;
}

.alt-btn .trbtn {
    padding: 5px 7px 5px 7px;
    font-size: 14px;
    font-family: 'PT Sans', sans-serif;
    background: url(../images/noisy.png) center center repeat #1A6620;
    width: 150px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    position: absolute
}

.alt-btn .trbtn:hover {
    background: url(../images/noisy.png) center center repeat #14530C
}

.tumsiralamaBtn {
    width: 100%;
    position: relative;
    float: left;
    height: 50px;
    margin-top: 10px
}

.profil-alani {
    width: 100%;
    float: left;
    height: auto;
    position: relative;
    padding: 20px;
    margin-bottom: 20px
}

.profil-icerik {
    width: 100%;
    float: left;
    height: auto;
}

.profil-sol-avatar {
    width: 105px;
    float: left;
    background: #BBC422;
    height: 167px;
    background: url(../images/border-profil.png) center center no-repeat;
    position: relative
}

.profil-resim {
    width: 97px;
    height: 97px;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    top: 4px
}

.profil-ad {
    float: left;
    width: 333px;
    height: 60px;
    background: url(../images/profil-alt.png) bottom repeat-x;
    position: relative;
    padding: 10px
}

.lonca-profil-ad {
    width: 100%;
    height: 60px;
    background: url(../images/profil-alt.png) bottom repeat-x;
    position: relative;
    padding: 10px;
}

.profil {
    width: 333px;
    float: left;
    height: auto;
}

.lonca-profil {
    width: 500px;
    float: left;
    height: auto;
}

.karakter-detay {
    margin-top: 8px;
    width: 200px;
    height: auto;
    float: left;
    display: inline-block;
}

.karakter-adi {
    color: #fff;
    font-family: 'Libre Baskerville', serif;
    font-size: 18px;
    float: left
}

.class-turu {
    width: 100%;
    color: #554637;
    font-family: 'PT Sans', sans-serif;
    font-size: 12px;
    float: left;
    line-height: 22px
}

.items {
    width: 158px;
    height: 190px;
    background: url(../images/items-border.png) center center no-repeat;
    float: left;
    position: relative
}

.items-bg {
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: 150px;
    height: 182px;
    background: url(../../../404/index.html) center center no-repeat;
    top: 4px
}

.krallik-resim {
    width: 97px;
    height: 59px;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    bottom: 4px
}

.profil-main {
    width: 100%;
    height: auto;
    float: left;
    margin: 10px 0 0 0;
    padding: 0px 20px 0px 20px
}

.profil-table {
    float: left;
    width: 100%;
}

.profil-table table {
    float: left;
    width: 100%;
    font-size: 13px;
    line-height: 22px
}

.profil-table table tr {
    height: 30px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05)
}

.profil-table table tr td:first-child {
    color: #716052;
    text-indent: 5px;
    border-right: 1px solid rgba(255, 255, 255, 0.05);
    width: 40%
}

.profil-table table tr td:nth-child(2) {
    color: #ffffff;
    padding: 0px 0px 0px 10px
}

.karakter-seviye {
    float: right;
    width: 110px;
    height: 40px;
}

.seviye-span {
    line-height: 40px;
    font-size: 12px;
    color: #fff;
    float: right
}

.seviye {
    float: right;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    margin-left: 5px;
    border: 3px solid #F59F12
}

.seviye span {
    display: inline-block;
    text-align: center;
    width: 100%;
    color: #fff;
    line-height: 35px;
    font-size: 13px
}

.haber-alt {
    background: #0B0807;
    padding: 5px;
    border-radius: 3px;
    box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.05);
    margin-top: 10px;
}

.haber-alt-blog {
    width: 605px;
    float: left;
    background: #0B0807;
    margin-left: 10px;
    padding: 5px;
    border-radius: 3px;
    box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.05);
    margin-top: 10px
}

.tcolor-kirmizi {
    color: #DD1F22
}

.tcolor-sari {
    color: #ED9F0D
}

.tcolor-mavi {
    color: #28DBB1
}

.tcolor-koyumavi {
    color: #269ac5
}

.tcolor-yesil {
    color: #91D958
}

.tcolor-pembe {
    color: #E41E6E
}

.ana-sayfalama {
    width: 100%;
    float: left;
    border-top: 1px solid #322722;
    height: 30px;
    margin-top: 10px
}

.ana-sayfalar {
    margin: 0 auto;
    text-align: center;
    height: 30px;
    color: #CDB08F
}

.ana-sayfalar li {
    display: inline-block;
}

.ana-sayfalar li a {
    display: block;
    padding: 10px
}

.ana-sayfalar li a:hover {
    color: #FF7206
}

.siraTable-thumb {
    height: 30px;
    margin: 0 auto;
    border-radius: 3px;
    box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.67), inset 0px 0px 0px 1px rgba(255, 255, 255, 0.05)
}

.validated_form {
}

.validated_form label {
    float: left
}

.validated_form label.success {
    color: #0E8418
}

.validated_form label.error {
    color: #EDDDDD;
    margin: 5px 0px 5px 0px;
    background: #BB2C2F;
    padding: 5px 8px 5px 8px;
    border-radius: 5px;
    position: relative;
    font-size: 13px
}

.validated_form label.error:before {
    content: "";
    position: absolute;
    right: 100%;
    width: 0;
    height: 0;
    border-left: 13px solid transparent;
    border-right: 13px solid transparent;
    border-bottom: 13px solid #BB2C2F;
    left: 30px;
    top: -10px;
}

.validated_form input[type=text].error {
    border: 1px solid #FF1317
}

.validated_form input[type=password].error {
    border: 1px solid #FF1317
}

.loader {
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    height: 100%;
}

.loaderBox {
    position: absolute;
    width: 100%;
    float: left;
    margin-top: -8px;
}

.information {
    background: #4fc1e9
}

.danger {
    background: #da4453;
}

#recaptcha_widget_div input {
    display: inline;
}

.fb-social {
    width: 100%;
    height: 239px;
    background: transparent;
}

#buyitinfo input {
    width: 220px;
    height: 35px;
    display: block;
    margin: 10px 0 10px 0;
    padding: 5px 0 5px 0;
    text-indent: 5px;
    outline: 0;
    border-radius: 4px;
    border: 1px solid #988068;
    background: #D4C6AF
}

#buyitinfo input:focus {
    box-shadow: 0px 0px 5px 0px #DD872D;
    border: 1px solid #000;
    background: #FFFFFF
}

#buyitinfo select {
    width: 220px;
    height: 35px;
    margin: 10px 0 10px 0;
    padding: 5px 0 5px 0;
    outline: 0;
    border-radius: 4px;
    border: 1px solid #988068;
    background: #D4C6AF;
    background-origin: content-box;
    text-indent: 0.01px;
    text-overflow: "";
}

.guildinfo {
    padding: 0 10px;
    float: left;
    color: #978e78;
    font-size: 14px;
    line-height: 25px;
    width: 645px;
}

.guildinfo a:hover {
    color: #ffffff;
}

.guildinfo .master-info {
    background: #18150f;
    border-radius: 4px;
    border: 1px solid #5b4b2f;
    overflow: hidden;
    box-shadow: inset 0px 0px 0px 1px #000000;
    display: block;
    text-align: center;
    width: 35%;
    margin: 20px auto;
    padding: 10px;
}

.master-info .master-info-list .text-bold {
    font-size: 15px;
    font-weight: bold;
}

.guild-menu {
    margin: 0 auto;
    display: block;
    color: #370F0F;
    background: #725445;
    width: 250px;
    border-radius: 4px;
    overflow: hidden;
    font-size: 15px;
}

.guild-menu a {
    display: block
}

.guild-menu ul {
    height: 100%;
    float: left;
    width: 100%
}

.guild-menu li {
    float: left;
    width: 50%;
    height: 100%;
    text-align: center;
    line-height: 30px
}

.guild-menu li:hover {
    background: #563E32;
}

.guildinfo .master-info .text-primary {
    color: #c9a668;
}

.hidden {
    display: none !important;
}

.pull-right {
    float: right !important;
}

.pull-left {
    float: left !important;
}

.charinfo {
    padding: 0 10px;
    float: left;
    color: #978e78;
    font-size: 14px;
    line-height: 25px;
    width: 645px;
}

.char-info {
    background: #2a251a;
    border-radius: 4px;
    border: 1px solid #6c5938;
    overflow: hidden;
    box-shadow: inset 0px 0px 0px 1px #000000;
    display: block;
    text-align: left;
    line-height: 17px;
    max-width: 67%;
    width: auto;
    padding: 10px;
}

.char-info .text-danger {
    color: #c9a668;
}

.char-top-wrapper {
    background: #18150f;
    border-radius: 4px;
    border: 1px solid #5b4b2f;
    overflow: hidden;
    box-shadow: inset 0px 0px 0px 1px #000000;
    display: block;
    text-align: center;
    width: 100%;
    margin: 20px auto;
    padding: 10px;
}

.char-info .char-img {
    margin-right: 10px;
}

.char-info .char-img img {
    width: 165px;
    height: auto;
}

.char-info .char-info-list a:hover {
    color: #FFFFFF;
}

.char-info .char-info-list ul > li {
    font-size: 16px;
    margin-bottom: 2px;
}

.char-info .char-info-list .text-bold {
    font-size: 17px;
    font-weight: bold;
}

.char-info-menu {
    margin: 0 auto;
    display: block;
    color: #370F0F;
    background: #725445;
    width: 80%;
    border-radius: 4px;
    overflow: hidden;
    font-size: 15px;
}

.char-info-menu a {
    display: block
}

.char-info-menu ul {
    height: 100%;
    float: left;
    width: 100%
}

.char-info-menu li {
    float: left;
    width: 34%;
    height: 100%;
    text-align: center;
    line-height: 30px
}

.char-info-menu li:last-child {
    width: 32%;
}

.char-info-menu li:hover {
    background: #563E32;
}

.bg-equipment {
    background: url('../images/equipment/com_bg_tile_d.png') no-repeat !important;
    background-size: 100% 100% !important;
    width: 181px;
    height: 357px;
}

.bg-equipment-avatar {
    background: url('../images/equipment/com_bg_tile_d.png') no-repeat !important;
    background-size: 100% 100% !important;
    width: 181px;
    height: 357px;
}

.slots {
    width: 40px;
    height: 40px;
}

.itemslot {
    float: left;
    width: 40px;
    height: 40px;
    margin: 1px;
    padding: 0 !important;
}

.weapon .itemslot {
    width: 56px !important;
    height: 56px !important;
    margin-bottom: 25px;
    background: url('../images/equipment/equip_slot_weapon.PNG') no-repeat !important;
    background-size: 56px 56px !important;
}

.shield .itemslot {
    width: 56px !important;
    height: 56px !important;
    margin-bottom: 25px;
    background: url('../images/equipment/equip_slot_shield.PNG') no-repeat !important;
    background-size: 56px 56px !important;
}

.head .itemslot {
    background: url('../images/equipment/equip_slot_helm.PNG') no-repeat !important;
}

.chest .itemslot {
    background: url('../images/equipment/equip_slot_mail.PNG') no-repeat !important;
}

.shoulder .itemslot {
    background: url('../images/equipment/equip_slot_shoulderguard.PNG') no-repeat !important;
}

.hands .itemslot {
    background: url('../images/equipment/equip_slot_gauntlet.PNG') no-repeat !important;
}

.legs .itemslot {
    background: url('../images/equipment/equip_slot_pants.PNG') no-repeat !important;
}

.foot .itemslot {
    background: url('../images/equipment/equip_slot_boots.PNG') no-repeat !important;
}

.earring .itemslot {
    background: url('../images/equipment/equip_slot_earring.PNG') no-repeat !important;
}

.necklace .itemslot {
    background: url('../images/equipment/equip_slot_necklace.PNG') no-repeat !important;
}

.lring .itemslot {
    background: url('../images/equipment/equip_slot_l_ring.PNG') no-repeat !important;
}

.rring .itemslot {
    background: url('../images/equipment/equip_slot_r_ring.PNG') no-repeat !important;
}

.specdress .itemslot {
    background: url('../images/equipment/equip_slot_specialdress.PNG') no-repeat !important;
    margin-top: 10px !important;
}

.hat .itemslot {
    background: url('../images/equipment/equip_slot_helm.PNG') no-repeat !important;
}

.dress .itemslot {
    background: url('../images/equipment/equip_slot_cloth.PNG') no-repeat !important;
}

.attach .itemslot {
    background: url('../images/equipment/equip_slot_pandernt.PNG') no-repeat !important;
}

.flag .itemslot {
    background: url('../images/equipment/equip_slot_plag.PNG') no-repeat !important;
}

.spec .itemslot {
    background: url('../images/equipment/equip_slot_extraneous01.PNG') no-repeat !important;
}

.slots {
    width: 23% !important;
    margin-bottom: 3px !important;
}

.bg-equipment-avatar .slots {
    width: 23% !important;
    margin-bottom: 3px !important;
}

.avatar-margin {
    margin-top: 80px !important;
}

.slots.right {
    float: right;
    clear: right;
    margin-right: 0;
    margin-left: 10%;
}

.slots.left {
    float: left;
    clear: left;
    margin-left: 0;
    margin-right: 10%;
}

.slots.weapon,
.slots.shield {
    width: 31% !important;
    margin-bottom: 40px !important;

}

.image .itemslot .image {
    margin: 3px;
}

.itemslot .image .qinfo {
    font-size: 9px;
    font-weight: lighter;
    font-style: normal;
    text-shadow: 0 -0.5px #000;
    color: #fff;
    padding: 0 0;
    float: left;
}

.move .image.activeItem {
    box-shadow: 0 0 7px 4px gray;
}

.itemslot .image {
    width: 100%;
    height: 100%;
    float: left;
    padding: 0 !important;
    margin: 3px;
}

.itemslot .imageavatar {
    width: 34px !important;
    height: 34px !important;
    float: left;
    margin: 3px;
    padding: 0 !important;
    margin-top: 84px !important;
}

.slots.left .itemslot .imageavatar {
    margin-left: 2px !important;
}

.weapon .itemslot .image {
    width: 100%;
    height: 100%;
    float: left;
    margin: 3px;
    padding: 0 !important;
    margin-top: 11px !important;
    margin-left: 11px !important;
}

.shield .itemslot .image {
    width: 100%;
    height: 100%;
    float: left;
    margin: 3px;
    padding: 0 !important;
    margin-top: 11px !important;
    margin-left: 11px !important;
}

.imageclear {
    margin-top: -2px;
    display: inline-block;
}

.itemInfo {
    color: #fff;
    z-index: 80;
    position: absolute;
    left: 34px;
    top: 3px;
    width: 180px;
    background: rgba(88, 98, 170, 0.85);
    border: 2px solid #303d4d;
    padding: 5px;
    display: none;
    line-height: 18px;
    font-size: 10px;
}

.ui-tooltip {
    position: absolute;
    z-index: 9999;
    max-width: 190px;
    padding: 8px !important;
    background: url('../images/equipment/com_bg_tile_tl.PNG') no-repeat !important;
    background-size: 100% 100% !important;
    box-shadow: none !important;
    border: none !important;
    -webkit-border-radius: 1px !important;
    -moz-border-radius: 1px !important;
    border-radius: 1px !important;
}

.ui-tooltip-content {
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 11px !important;
    line-height: 15px;
    font-weight: lighter;
    font-style: normal;
    text-shadow: 1px 1px #000;
    color: #fff;
}

.equip-suit-slot {
    background: url('../images/equipment/equip_slot_specialdress.PNG') no-repeat !important;
    width: 40px !important;
    height: 40px !important;
    margin-top: 10px;
    float: right;
    clear: right;
}

.bg-equipment-avatar .equip-suit-slot {
    background: url('../images/equipment/equip_slot_specialdress.PNG') no-repeat !important;
    width: 40px !important;
    height: 40px !important;
    margin-top: 96px;
    float: right;
    clear: right;
}

.equip-suit-slot .image {
    width: 34px !important;
    height: 34px !important;
    margin-left: 2px !important;
    margin-top: 2px !important;
}

.btn-equip-avatar {
    background: url('../images/equipment/equip_slot_avata_button.PNG') no-repeat !important;
    width: 40px !important;
    height: 40px !important;
    margin-top: 10px;
    float: left;
    clear: left;
    border: none;
    outline: 0;
}

.btn-equip-avatar:hover {
    background: url('../images/equipment/equip_slot_avata_button_focus.PNG') no-repeat !important;
}

.btn-equip-avatar:active {
    background: url('../images/equipment/equip_slot_avata_button_press.PNG') no-repeat !important;
}

.btn-equip-set {
    background: url('../images/equipment/equip_slot_equipment_button.PNG') no-repeat !important;
    width: 40px !important;
    height: 40px !important;
    margin-top: 96px;
    float: left;
    clear: left;
    border: none;
    outline: 0;
}

.btn-equip-set:hover {
    background: url('../images/equipment/equip_slot_equipment_button_focus.PNG') no-repeat !important;
}

.btn-equip-set:active {
    background: url('../images/equipment/equip_slot_equipment_button_press.PNG') no-repeat !important;
}

.btn-rotate-group {
    position: relative;
    left: 12px;
    top: 32px;
    display: inline-block;
}

.bg-equipment-avatar .btn-rotate-group {
    position: relative;
    left: -7px;
    margin-top: 134px;
    display: inline-block;
}

.btn-rotate-left {
    background: url('../images/equipment/equip_rotate_left_button.PNG') no-repeat !important;
    width: 28px !important;
    height: 16px !important;
    margin-right: -5px;
    margin-left: 5px;
    border: none;
    outline: 0;
}

.btn-rotate-left:hover {
    background: url('../images/equipment/equip_rotate_left_button_focus.PNG') no-repeat !important;
}

.btn-rotate-left:active {
    background: url('../images/equipment/equip_rotate_left_button_press.PNG') no-repeat !important;
}

.btn-rotate-right {
    background: url('../images/equipment/equip_rotate_right_button.PNG') no-repeat !important;
    width: 28px !important;
    height: 16px !important;
    margin-left: -5px;
    border: none;
    outline: 0;
}

.btn-rotate-right:hover {
    background: url('../images/equipment/equip_rotate_right_button_focus.PNG') no-repeat !important;
}

.btn-rotate-right:active {
    background: url('../images/equipment/equip_rotate_right_button_press.PNG') no-repeat !important;
}

.btn-rotate-top {
    background: url('../images/equipment/equip_rotate_reset_button.PNG') no-repeat !important;
    width: 16px !important;
    height: 16px !important;
    border: none;
    outline: 0;
}

.btn-rotate-top:hover {
    background: url('../images/equipment/equip_rotate_reset_button_focus.PNG') no-repeat !important;
}

.btn-rotate-top:active {
    background: url('../images/equipment/equip_rotate_reset_button_press.PNG') no-repeat !important;
}

.progress-container {
    background: #18150f;
    border-radius: 4px;
    border: 1px solid #5b4b2f;
    overflow: hidden;
    box-shadow: inset 0px 0px 0px 1px #000000;
    width: 100%;
    height: 28px;
    position: relative;
}

.progressbar {
    background: #312919;
    height: 100%;
    position: absolute;
    line-height: inherit
}

.progressbar-text {
    color: #a28553;
    margin-top: 2px;
    font-size: 16px;
    text-align: center;
    position: relative;
}

div.image span.plus {
    display: block;
    width: 32px;
    height: 32px;
    background: url(../images/itemplus.png) left top;
    -webkit-animation: play 1.8s steps(32) infinite;
    -moz-animation: play 1.8s steps(32) infinite;
    -ms-animation: play 1.8s steps(32) infinite;
    -o-animation: play 1.8s steps(32) infinite;
    animation: play 1.8s steps(32) infinite;
}

@-webkit-keyframes play {
    100% {
        background-position: -1024px;
    }
}

@-moz-keyframes play {
    100% {
        background-position: -1024px;
    }
}

@-ms-keyframes play {
    100% {
        background-position: -1024px;
    }
}

@-o-keyframes play {
    100% {
        background-position: -1024px;
    }
}

@keyframes play {
    100% {
        background-position: -1024px;
    }
}