/* Diteyketadik Web Template */
/* Discord: Hagenaizen */
/**/

html {
    background-position: center;
    background-repeat: no-repeat;
    background-color: #000000;
    background-size: cover;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    color: #ffffff;
}

.login-block form {
    margin-left: 300px;
    padding: 11px;
    background: #ccc;
    border-radius: 7px;
    width: 330px;
    box-shadow: 1px 1px 7px #fff;
}

.login-block input {
    width: 284px;
    padding: 10px;
}

.login-block p {}

.login-block {
    background: url('https://i.hizliresim.com/b53i1p0.png') -110px -8px no-repeat;
    background-color: #1e1e1e;
    padding: 60px;
    height: 468px;
}

.login-block .login-button input {
    width: 285px;
    background: #39bb11;
    border: 1px solid #838383;
    border-radius: 3px;
}

.this_block .form {
        background: #222;
        padding: 25px 10px;
        margin-bottom: 24px;
        border-radius: 5px;
}

div#imaged_header img {
        border: 3px solid #0e0e0e;
        margin-right: 5px;
        border-radius: 5px;
        cursor: pointer;
        transition: ease 0.4s;
}

.link-container .jqhold {
        border: 5px solid #0e0e0e;
        margin-right: 5px;
        border-radius: 5px;
        cursor: pointer;
        transition: ease 0.4s;
}

.link-container .jqanime {
        border: 5px solid #786400;
        margin-right: 5px;
        border-radius: 5px;
        cursor: pointer;
        transition: ease 0.4s;
}

.link-container a:hover {
        border: 5px solid #f9e227;
}

div#imaged_header span {
        cursor: pointer;
        display: inline-block;
        font-size: 15px;
        padding: 10px 15px;
        margin-right: 10px;
        border-radius: 5px;
        background-color: #1d1d1d;
        border: 1px solid #000;
        background-image: radial-gradient(ellipse farthest-corner at center 0px, #0a8100 -150%, #12340a 45%, #1d4200 85%);
        box-shadow: 0 1px 3px rgba(0, 0, 0, .3), inset 0 1px 1px rgba(255, 255, 255, .2);
        transition: ease 0.4s;
}

div#imaged_header span.selected {
        border: 1px solid #008b09;
}

div#imaged_header span:hover {
        border: 1px solid #0f1;
}

.hagen-safe-block {
        background: #06060600;
        color: #fff;
        padding: 5px;
        margin-top: 10px;
        border-radius: 5px;
        margin-right: 10px;
        border: 1px solid #3e3e3e;
}

.hagen-safe-cnt {
        background: #0e0e0e36;
        padding: 5px;
        color: #adaaaa;
        border-radius: 5px;
        margin-top: 1px;
        font-size: 12px;
        text-align: center;
}

ul.language_select {
        overflow: hidden;
        margin: 15px 13px;
        padding: 0;
}

ul.language_select a {
        display: inline-block;
        height: 28px;
        background: #343434;
        transition: ease 0.4s;
        float: left;
        margin-right: 7px;
        border-radius: 6px;
        line-height: 28px;
        text-indent: 8px;
        padding: 0px 10px 0px 7px;
        text-decoration: none;
        color: #898989;
}

ul.language_select a img {}

ul.language_select a:hover {
        background: #ccc;
}
.hagen-safe-tit {background: #600703;}
.hagen-normal-tit {
        background: #42a3f0;
        padding: 5px;
        color: #fff;
        border-radius: 5px;
        }

img.lang_sec {
        width: 32px;
        height: 32px;
        float: left;
}
.hagen-safe-tit {
        padding: 5px;
        color: #fff;
        border-radius: 5px;
        text-align: center;
}

.this_block {
    padding: 5px;
    background: #1e1a17;
}

.this_block h1 {
    text-align: center;
    background: #cc3;
    margin-bottom: 15px;
    border-radius: 5px;
    font-size: 17px;
    padding: 20px;
    background-color: #1d1d1d;
    border: 1px solid #000;
    background-image: radial-gradient(ellipse farthest-corner at center 0px, #aa3837 -150%, #201f1e 45%, #252324 85%);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .3), inset 0 1px 1px rgba(255, 255, 255, .2);
}

.networkcheck-cont {
    background: #0c0e13;
    color: #626262;
    padding: 5px;
    border: 1px solid #1e1e1e;
    border-radius: 5px;
    font-size: 12px;
}

.net-row {
    background: #171920;
    margin-bottom: 2px;
    color: #8c8682;
    font-size: 12px;
    border-radius: 5px;
    padding: 4px;
    text-indent: 10px;
    cursor: default;
}

.networkcheck {
    background: #060606;
    padding: 5px 10px 20px 10px;
    margin: 10px 0px 10px 0px;
    border: 1px solid #3e3e3e;
    border-radius: 6px;
}

.start {
    height: 100px;
    display: block;
    background: url('https://i.hizliresim.com/jad8loo.png') no-repeat;
    background-size: cover;
    border: 3px solid #1a1a1a;
    margin-top: 10px;
    border-radius: 6px;
    transition: ease 0.5s;
}

.start:hover {
    opacity: 0.5;
    cursor: pointer;
}

.hagen_change_pass {
    background: #3e3d3d;
    padding: 10px;
}

.hagen_change_pass tr th {
    min-width: 158px;
}

.hagen_change_pass tr td {}

.hagen_change_pass tr {}

.hagen_change_pass table {}

.hagen_change_pass h3 {
    padding: 5px;
    background: #ab1b1b;
}

ul.about-profile-list {
    font-size: 12px;
    margin: 0;
    padding: 9px 10px;
}

ul.about-profile-list ul {
}

.sidebar.col-lg-4 {
    padding: 5px;
    background: #242424;
}

.sidebar.col-lg-4 h3 {
    background: #1c1c1c;
    padding: 5px;
    color: #a3a3a3;
}

div#item-nav {
    background: #262626;
    padding: 10px;
    border: 1px solid #323232;
}

div#item-nav ul li {
    display: inline-block;
}

div#item-nav ul li a:hover {
    text-decoration: none;
    background: #388346;
    border-left: 5px solid #ffffff;
}

div#item-nav ul li a {
    background: #35603d;
    padding: 8px 8px;
    transition: ease 0.5s;
    border-radius: 5px;
    border-left: 5px solid #359d20;
}

div#item-nav ul {
    background: #3e3a3a;
    margin: 0;
    padding: 20px 10px;
}

.user-wrap {
    background: #121212;
    color: #fff;
    padding: 10px 10px;
    margin-top: 10px;
    border: 1px solid #1c1c1c;
    border-radius: 5px;
    margin-bottom: 10px;
}

.user-wrap .logout {
    background: #2e0c0c;
    display: block;
    padding: 10px;
    border: 1px solid #3e1010;
    font-size: 13px;
    border-radius: 5px;
    margin-top: 5px;
    transition: ease 0.5s;
    border-left: 5px solid #fff;
}

.user-wrap .logout:hover {
    background: #d70000;
    text-decoration: none;
    border-left: 5px solid #800c0c;
}

.user-wrap .username {
    display: block;
    background: #35603d;
    color: #fff;
    padding: 10px;
    border: 1px solid #343434;
    margin-top: 5px;
    border-radius: 4px;
    font-size: 13px;
    transition: ease 0.5s;
    border-left: 5px solid #fff;
}

.user-wrap .username:hover {
    background: #424242;
    text-decoration: none;
    color: #fff;
    border-left: 5px solid #800c0c;
}

.user-wrap span {
    display: block;
    font-size: 13px;
    background: #202020;
    color: #cdcdcd;
    padding: 5px;
    cursor: default;
}

.user-wrap .account {
    background: #1a1a1a;
    padding: 8px;
    border: 1px solid #0e0e0e;
    text-align: left;
    color: #e50000;
    font-weight: 700;
    font-size: 13px;
    border-radius: 5px 40px 0px 0px;
    cursor: default;
}

a.register-btn {
    display: block;
    padding: 10px 15px;
    margin-bottom: 10px;
    transition: ease 0.5s;
    color: #aaaf00;
    border: 3px solid #44444442;
    border-left: 10px solid #6a5500;
    background: url(../img/tsyp92b.png) no-repeat;
}

a.register-btn:hover {
    text-decoration: none;
    color: #ffe200;
    border: 3px solid #3a3a39;
    opacity: 0.9;
    border-left: 10px solid #e1a72c;
    box-shadow: 0px 2px 2px #e9ba00;
}

.login-info {
    background: #060606;
    padding: 20px 10px;
    margin: 10px 0px 10px 0px;
    border: 1px solid #3e3e3e;
    border-radius: 6px;
}
body {
    margin: 0;
    padding: 0;
}

.right-col {
    float: right;
}

.mass_comments_action {
    font-size: 13px;
    padding: 4px;
    background: #3c3c3c;
    margin-top: 5px;
    border: 1px solid #505050;
}

.mass_comments_action select {
    width: 150px;
}

.mass_comments_action button {
}

.hagen-wrapper li {
    list-style: none;
}


.hagen-konu-bag {
    margin: 5px;
    padding: 5px;
    background: #282828;
    border: 1px solid #222222;
    border-radius: 3px;
    font-size: 12px;
}

.hagen-konu-bag .hagen-konu-bag-cont input {
    width: 84% !important;
    float: right;
    height: 31px;
}

.hagen-konu-bag .hagen-konu-bag-cont li span {
    display: inline-block;
    background: #3c3c3c;
    padding: 10px;
    width: 9%;
    height: 11px;
    line-height: 12px;
}

.hagen-konu-bag .hagen-konu-bag-cont li {
    border: 1px solid #5e5e5e;
    overflow: hidden;
}

.hagen-konu-bag .hagen-konu-bag-cont ul {}

.hagen-konu-bag .hagen-konu-bag-cont {
    padding: 2px 3px;
}

.hagen-konu-bag .hagen-konu-bag-tit {
    background: #161616;
    padding: 5px;
    border: 1px solid #3a3a3a;
    margin-bottom: 5px;
}

.hagen-engine-cnt {
    display: block;
    position: relative;
    padding: 3px;
    border-left: 0px;
    border-right: 0px;
    height: auto;
    margin-top: 10px;
    background: #000000b8;
    overflow: hidden;
}

.hagen-sub {
    padding: 6px;
    border: 1px solid #323232;
    margin: 10px 0px;
    border-radius: 5px;
}

.hagen-sub img {}

.hagen-content {display: block;overflow: hidden;width: 100%;position: relative;min-height: 500px;}

.hagen-content .top5user:last-child {
        float: right;
}

.hagen-content .box {
    display: block;
    width: auto;
    margin: 0px 0px 5px 0px;
    padding: 10px;
    font-size: 13px;
    border-radius: 5px;
    min-height: 100px;
}

span.vs {
    background: url(../img/vs.png) no-repeat;
    background-size: cover;
    width: 100px;
    height: 100px;
    position: absolute;
    display: inline-block;
    margin: 0px 0px 0px 245px !important;!i;!;
    overflow: hidden;
    box-sizing: initial;
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    text-indent: 16px;
    color: #94ff8d;
    text-shadow: 1px 1px 10px #ffffff;
}

span.karu_score {
    font-size: 78px;
    display: inline-block;
    padding: 2px;
    float: right;
    cursor: default;
}

span.elmo_score {
    font-size: 78px;
    display: inline-block;
    padding: 2px;
    float: left;
    cursor: default;
}

span.karus {
    background: url(../img/karus.png) no-repeat;
    width: 80px;
    height: 100px;
    display: inline-block;
    float: right;
}

span.elmorad {
    background: url(../img/elmorad.png) no-repeat;
    width: 80px;
    height: 100px;
    display: inline-block;
    float: left;
}

.tox.tox-tinymce {
    height: 120px !important;
}

div#addcomment {
    background: #2e2e2e;
    padding: 5px 7px;
}

.hagen-content .box b {
    color: #abeba7;
    display: block;
    margin-top: 80px;
    font-size: 12px;
    text-align: center;
    cursor: default;
}

ul.login_pane__menu {
    list-style: none;
    padding: 0;
}

ul.login_pane__menu li {}

ul.login_pane__menu li a {
    transition: ease 0.2s;
    display: block;
    background: #1c1c1c;
    margin-bottom: 3px;
    font-weight: 700;
    padding: 5px;
    text-decoration: none;
    text-indent: 15px;
    font-size: 13px;
}

ul.login_pane__menu li:last-child a {
    background: #540000;
}

ul.login_pane__menu li a .right {
    float: right;
    margin-right: 10px;
}


ul.login_pane__menu li a:hover {
    background: #800c0c;
    color: #ffffff;
}

.hagen-login .avatar span {
    background: #161616;
    display: block;
    border: 1px solid #323232;
    padding: 10px;
    border-radius: 5px;
}

.hagen-login {
    padding: 6px;
    border: 1px solid #323232;
    margin: 10px 0px;
    border-radius: 5px;
}

b.hagen-logav {
    width: 63px;
    height: 63px;
    border: 3px solid #4ab728;
    display: block;
    background-size: cover;
    border-radius: 5px;
}

.footer img {
    margin: 0 auto 0 auto;
    display: block;
    padding: 31px;
}

.footer {margin-top: 10px;}

.footer b {
        font-size: 12px;
        width: 571px;
        display: block;
        margin: auto;
        text-align: center;
        margin-bottom: 20px;
        color: #787878;
}
a { color: #ffffff; text-decoration: none;}

a.login-btn {
    display: block;
    padding: 15px;
    margin-bottom: 10px;
    transition: ease 0.5s;
    color: #aaaf00;
    border: 3px solid #44444442;
    border-left: 10px solid #6a5500;
    background: url(../img/tsyp92b.png) no-repeat;
}

a.login-btn:hover {
    text-decoration: none;
    color: #ffe200;
    border: 3px solid #3a3a39;
    opacity: 0.9;
    border-left: 10px solid #e1a72c;
    box-shadow: 0px 2px 2px #2b8700;
}
a:hover {text-decoration: underline;}

span.Online{color:#00ff18}
span.Offline{color:#ff0000}

h1, h2, h3, h4, h5, h6 {
    padding: 0;
    margin: 0;
    border: none;
    list-style-type: none;
}

h2.hagen-short-h2 {
    padding: 7px;
    font-size: 13px;
}

h2.hagen-short-h2 a {
        text-decoration: none;
}

/*********************************************************************/
/********************       HagenThyke HEADER          ***************/
/*********************************************************************/

.home_button {
    background: url('../img/menu_home_icon.png') 0 0 no-repeat;
    width: 26px;
    height: 26px;
    cursor: pointer;
}
#head_topbar {
    height: 39px;
    width: 100%;
    background-color: #070911;
    border-bottom: 1px solid #161413;
    position: fixed;
    z-index: -1;
    top: 0;
}
#head_topbar #head_topbar_container {
    margin: 0 auto;
    width: 1200px;
    height: 39px;
    position: relative;
    font-size: 12px;
    font-weight: bold;
}

#head_topbar #head_topbar_container #topbar_splitter {
    float: left;
    height: 39px;
    line-height: 39px;
    padding-left: 5px;
    color: #a8a8a8;
}

#head_topbar #head_topbar_container #topbar_notice {
    float: left;
    width:880px;
    height: 39px;
    line-height: 39px;
    margin-left: 20px;
}
#head_topbar #head_topbar_container #topbar_notice .notice {
    color: #a8a8a8;
}

#head_topbar #head_topbar_container #topbar_time {
    float: right;
    background: url(../img/top_icon_clock.png) 0 7px no-repeat;
    padding-left: 30px;
    height: 39px;
    line-height: 39px;
    margin-right: 20px;
}
#head_topbar #head_topbar_container #topbar_time .timeText {
    color: #a8a8a8;
}
#head_topbar #head_topbar_container #topbar_time .time {
    color: #fff;
    padding-left: 10px;
}
#head_topbar #head_topbar_container .button {
    float: right;
    width: 77px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    color: #fff;
    text-shadow: 1px 1px #000;
    font-weight: bold;
    cursor: pointer;
    margin-top: 7px;
    margin-right: 10px;
}
#head_topbar #head_topbar_container .button:hover {
    background-position: 0 -24px !important;
}
#head_topbar #head_topbar_container #button_charge {
    background: url('../img/top_button_charge.png') 0 0 no-repeat;
}
#head_topbar #head_topbar_container #button_reg {
    background: url('../img/top_button_register.png') 0 0 no-repeat;
}
#head_topbar #head_topbar_container #button_login {
    background: url('../img/top_button_signin.png') 0 0 no-repeat;
}
#head_topbar #head_topbar_container #button_logout {
    background: url('../img/top_button_logout.png') 0 0 no-repeat;
}
#head_topmenu_cover {
    height: 163px;
    width: 100%;
    transition: top 1s ease;
    position: absolute;
    z-index: 999;
}
#head_topmenu_cover #head_topmenu {
    height: 105px;
    background-color: #0c0d11a6;
    border-bottom: 4px solid #800c0c;
}

#head_topmenu_cover #head_topmenu #head_topmenu_homebutton {
    position: absolute;
    top: 45px;
    left: 10px;
    z-index: 100;
}
#head_topmenu_cover #head_topmenu #head_topmenu_container {
    margin: 0 auto;
    width: 1200px;
    position: relative;
}
#head_topmenu_cover #head_topmenu #head_topmenu_left {
    width: 493px;
    height: 105px;
    position: relative;
    float: left;
    text-align: center;
}

#head_topmenu_cover #head_topmenu #head_topmenu_left ul {
    list-style-type: none;
    padding: 0;
    margin: 50px 20px 0 0;
    float: right;
}
#head_topmenu_cover #head_topmenu #head_topmenu_left  ul li {
    display: inline;
    /* margin: 0 0; */
    /* position: relative; */
    /* width: 40px; */
}
#head_topmenu_cover #head_topmenu #head_topmenu_left ul li a {
    display: inline-block;
    background-repeat: no-repeat;
    background-position: 0 0;
    color: #ffffff;
    text-decoration: none;
    font-size: 18px;
    font-weight: bold;
    width: 140px;
    transition: ease 0.3s;
    text-decoration: none;
}

#head_topmenu_cover #head_topmenu #head_topmenu_left ul li a:hover {
    background: #323232;
    color: #d9d9d9;
    text-decoration: none;
}
#head_topmenu_cover #head_topmenu #head_topmenu_left ul li a:hover {
}


#head_topmenu_cover #head_topmenu #head_topmenu_logo {
    width: 214px;
    height: 192px;
    background-image: url('../img/logo.png');
    background-repeat: no-repeat;
    background-size:cover;
    position: relative;
    float: left;
    margin-top: -38px;
    z-index: 9999;
    overflow: hidden;
}
#head_topmenu_cover #head_topmenu #head_topmenu_right {
    width: 493px;
    height: 105px;
    position: relative;
    float: left;
    text-align: center;
    margin-left: 0px;
}
#head_topmenu_cover #head_topmenu #head_topmenu_right ul {
    list-style-type: none;
    padding: 0;
    margin: 50px 0 0 0px;
    float: left;
}
#head_topmenu_cover #head_topmenu #head_topmenu_right  ul li {
    display: inline;
    /* margin: 0 30px; */
}
#head_topmenu_cover #head_topmenu #head_topmenu_right ul li a {
    display: inline-block;
    background-repeat: no-repeat;
    background-position: 0 0;
    color: #ffffff;
    text-decoration: none;
    font-size: 18px;
    font-weight: bold;
    width: 148px;
    transition: ease 0.3s;
}
#head_topmenu_cover #head_topmenu #head_topmenu_right ul li a:hover {
    background: #323232;
    color: #d9d9d9;
    text-decoration: none;
}

#hiddenmenu {
    display:none;
    position: absolute;
    top:109px;
    height: 130px;
    background-color: rgba(0, 0, 0, 0.85);
    width:100%;
}

#hiddenmenu_cover {
    width: 1200px;
    margin: 0 auto;
    height: 130px;
}
#hiddenmenu_cover ul {
    list-style-type: none;
    padding: 0;
    margin: 5px 0 0 0;
    width: 142px;
    float: left;
    text-align: center;
}
#hiddenmenu_cover  ul li {
    /*display: inline;*/
    margin: 7px 0;
}
#hiddenmenu_cover ul li a {
    display: inline-block;
    color: #c0c0c0;
    text-decoration: none;
    font-size: 14px;
}
#hiddenmenu_cover ul li a:hover {
    color: #ffffff;
}
/*********************************************************************/
/**********************       MIDDLE          ************************/
/*********************************************************************/     

#middle_panel {
    width: 1300px;
    min-height: 100px;
    height: auto;
    background-color: #0c0d119c;
    margin: 0 auto 0 auto;
    border: 3px solid #0606065e;
    border-left-color: #800c0c;
    border-right-color: #800c0c;
    border-radius: 4px;
    display: block;
    overflow: hidden;
    position: relative;
    z-index: 1;
}
 #middle_panel_down_button {
    width: 238px;
    height: 85px;
    background-image: url('../img/download_button.png');
    background-size:cover;
    margin:auto;
    margin-top:5px;
    margin-bottom:5px;
    cursor: pointer;
}
#middle_panel_user_panel_member {
    width: 250px;
    height: 280px;
}
#middle_panel_user_panel_notmember {
    width: 250px;
    height: 140px;
}
#middle_panel_user_panel_notmember .middle_panel_user_panel_button {
    /*
    width: 125px;
    height: 70px;
    float: left;
    cursor: pointer;
    */
    width: 125px;
    height: 27px;
    float: left;
    cursor: pointer;
    text-align: center;
    padding-top: 43px;
    color: #ffc345;
    font-size: 14px;
    font-weight: bold;
    text-shadow: 1px 1px #000;
}
#middle_panel_user_panel_notmember #middle_panel_user_panel_login_button {
    background-image: url('../img/icon_leftpanel_login_bg.png');
    background-position: center 10px;
    background-repeat: no-repeat;
    background-color: #212738;
}
#middle_panel_user_panel_notmember #middle_panel_user_panel_login_button:hover {
    background-color: #1d2232;
}
#middle_panel_user_panel_notmember #middle_panel_user_panel_register_button {
    background-image: url('../img/icon_leftpanel_register_bg.png');
    background-position: center 10px;
    background-repeat: no-repeat;
    background-color: #013201;
}
#middle_panel_user_panel_notmember #middle_panel_user_panel_register_button:hover {
    background-color: #012c01;
}
#middle_panel_user_panel_notmember #middle_panel_user_panel_buysilk_button {
    background-image: url('../img/icon_leftpanel_buysilk_bg.png');
    background-position: center 10px;
    background-repeat: no-repeat;
    background-color: #420e04;
}
#middle_panel_user_panel_notmember #middle_panel_user_panel_buysilk_button:hover {
    background-color: #380d04;
}
#middle_panel_user_panel_notmember #middle_panel_user_panel_support_button {
    background-image: url('../img/icon_leftpanel_support_bg.png');
    background-position: center 10px;
    background-repeat: no-repeat;
    background-color: #3e3002;
}
#middle_panel_user_panel_notmember #middle_panel_user_panel_support_button:hover {
    background-color: #322702;
}
#middle_panel_user_panel_member .middle_panel_userpanel_info {
    width: 238px;
    height: 34px;
    float: left;
    background-color: #0b1d3d;
    font-size: 14px;
    border-bottom: 1px solid #13336c;
    line-height: 34px;
    padding-left: 12px;
}
#middle_panel_user_panel_member #middle_panel_user_panel_userid {
    /*
    line-height: 12px;
    padding-top: 5px;
    height: 29px;
    */
}
#middle_panel_user_panel_member .middle_panel_userpanel_link {
    width: 200px;
    height: 34px;
    background-color: #091731;
    font-size: 14px;
    border-bottom: 1px solid #13336c;
    line-height: 34px;
    padding-left: 50px;
    float: left;
}
#middle_panel_user_panel_member .middle_panel_user_panel_bar2right {
    border-right: none;
    width: 91px;
}
#middle_panel_user_panel_member .middle_panel_userpanel_link a {
    color: #ffffff;
    text-decoration: none;
}
#middle_panel_user_panel_member .middle_panel_userpanel_link a:hover {
    text-decoration: underline;
}
#middle_panel_user_panel_member .middle_panel_userpanel_info .username {
    color: #ffc345;
}
#middle_panel_user_panel_member #middle_panel_user_panel_usergradetext {
    width: 113px;
    padding-left: 12px;
    float: left;
}
#middle_panel_user_panel_member #middle_panel_user_panel_usergrade {
    /*background: #0b1d3d url('../img/memberpanel_grade_platinum.png') 12px 10px no-repeat;*/
    width: 113px;
    padding-left: 12px;
}
#middle_panel_user_panel_member #middle_panel_user_panel_usergrade a {
    text-decoration: none;
    color: #ffffff;
}
#middle_panel_user_panel_member #middle_panel_user_panel_usergrade a:hover {
    text-decoration: underline;
}
#middle_panel_user_panel_member #middle_panel_user_panel_silkbalancetext {
    width: 113px;
    padding-left: 12px;
    float: left;
}
#middle_panel_user_panel_member #middle_panel_user_panel_silkbalance {
    
    background: #0b1d3d url('../img/memberpanel_silk2.png') 12px 9px no-repeat; 
    width: 95px;
    padding-left: 30px;
    float: left;
}

#middle_panel_user_panel_member #middle_panel_user_panel_buysilk {
    background: #091731 url('../img/memberpanel_buysilk.html') 12px center no-repeat;   
}
#middle_panel_user_panel_member #middle_panel_user_panel_myaccount {
    background: #091731 url('../img/memberpanel_settings.png') 12px center no-repeat;   
}
#middle_panel_user_panel_member #middle_panel_user_panel_support {
    background: #091731 url('../img/memberpanel_support.png') 12px center no-repeat;    
}
#middle_panel_user_panel_member #middle_panel_user_panel_buyitem {
    background: #091731 url('../img/memberpanel_silk2.png') 12px center no-repeat;  
}
#middle_panel_user_panel_member #middle_panel_user_panel_logout {
    background: #091731 url('../img/memberpanel_logout.png') 12px center no-repeat; 
}

#middle_panel_links {
    width: 250px;
    height: 174px;
}
#middle_panel_links .middle_panel_links_button {
    width: 250px;
    height: 58px;
    cursor: pointer;
}
 #middle_panel_links #middle_panel_links_stats_button {
    background-image: url('../img/serverstats_link02e8.png?ivh=17821');
}
 #middle_panel_links #middle_panel_links_forum_button {
    background-image: url('../img/forum_linkae43.html?ivh=759174');
}
 #middle_panel_links #middle_panel_links_guide_button {
    background-image: url('../img/guide_link4e4d.png?ivh=922315');
}

#middle_panel_banner {
    width: 250px;
    height: 140px;
}

#middle_panel #content-main {
    width: 761px;
    display: inline-block;
    position: relative;
    margin: 10px 0px 0px 5px;
    border: 1px solid #282828;
    background: #060606;
    border-radius: 5px;
    padding: 5px;
}

#middle_panel #middle_panel_social {
    width: 190px;
    height: 184px;
    position: absolute;
    top: 380px;
    left: 1000px;
    border: 1px solid #323232;
}
#middle_panel #middle_panel_social #middle_panel_social_label {
    width: 170px;
    height: 30px;
    position: absolute;
    top: 15px;
    left: 15px;
    color: #ffc345;
    font-size: 14px;
    font-weight: bold;
}
#middle_panel #middle_panel_social .social_button {
    width: 62px;
    height: 70px;
    position: absolute;
    background-position: center 0;
    cursor: pointer;
}
#middle_panel #middle_panel_social .social_button:hover {
    background-position: center -70px;
}
#middle_panel #middle_panel_social #social_button_fb {
    left: 0;
    top: 40px;
    background-image: url('../img/social_buttonbg_fb.png');
}
#middle_panel #middle_panel_social #social_button_ds {
    left: 63px;
    top: 40px;
    background-image: url('../img/social_buttonbg_ds.png');
}
#middle_panel #middle_panel_social #social_button_ig {
    left: 126px;
    top: 40px;
    background-image: url('../img/social_buttonbg_ig.png');
}
#middle_panel #middle_panel_social #social_button_tw {
    left: 0;
    top: 111px;
    background-image: url('../img/social_buttonbg_tw.png');
}
#middle_panel #middle_panel_social #social_button_yt {
    left: 63px;
    top: 111px;
    background-image: url('../img/social_buttonbg_yt.png');
}
#middle_panel #middle_panel_social #social_button_fr {
    left: 126px;
    top: 111px;
    background-image: url('../img/social_buttonbg_fr.png');
}
/***** FOR OTHER PAGES ****/
#content {
    width: 1200px;
    margin: 192px auto 0 auto;
    position: relative;
}
#left_menu {
    float: left;
    width: 255px;
    height: auto;
    display: inline-block;
    transition: top 1s ease;
}

#left_menu_container {
 margin-left:0px;
 border: 1px solid #6a4f15;

}
#content #content_container {
    width: 932px;
    margin-left: 268px;
    background-color: #0c0d11;
    margin-bottom: 150px;
    padding-top: 9px;
    padding-bottom: 9px;
    border: 1px solid #6a4f15;
}
#content #content_container #content_container_inside {
    width: 922px;
    position: relative;
    min-height: 600px;
    padding-bottom: 50px;
    background-color:#0c0d11;
}

.sidebar-block-top{
    background: #0e0e0e;
    width: 351px;
    height:47px;
    color:#ffc345;
    font:16px Verdana;
    text-shadow: 1px 1px 1px #000;
    line-height: 50px;
    padding-left: 25px;
    text-align:center;
}

.newsidebar-block-top{
    background: url("../img/sidebar-block-top-bg.png") no-repeat;
    width:237px;
    height:47px;
    color:#ffc345;
    font:16px Verdana;
    text-shadow: 1px 1px 1px #000;
    line-height: 50px;
    padding-left: 25px;
    text-align:center;
}

.sidebar-block-content{
    background: #181818;
    width: 361.5px;
    padding-left: 15px;
    padding-top: 7px;
    padding-bottom: 7px;
}

.newsidebar-block-content{
    background: url("../img/sidebar-block-content-bg.png") repeat-y;
    width: 247px;
    padding-left: 15px;
    padding-top: 7px;
    padding-bottom: 7px;
}

.sidebar-block-bottom{
    background: url("../img/sidebar-block-bottom-bg.png") no-repeat;
    width:329px;
    height:5px;
}

.sidebar-block-top .see-all {
    background: url("../img/see-all-bg.png") no-repeat;
    width:68px;
    height:27px;
    float: right;
    line-height: 21px;
    text-align: center;
    margin-top: 12px;
    margin-right: 14px;
}
.sidebar-block-top .see-all a{
    color:#ffc345;
    font:11px arial;
}

.top5user {
    float:left;
    padding: 0px;
    border: 1px solid #000;
}

.sidebar-block-content .clear{
    width: 329px!important;
    padding-left: 0!important;
    padding-top: 0!important;
    padding-bottom: 0!important;
}

.best-td1 {
    background: #262626;
    width: 371px;
    height: 29px;
    margin-left: -10px;
}

.newbest-td1 {
    background: url("../img/newbest-td-1-bg.png") no-repeat;
    width: 255px;
    height: 29px;
    margin-left: -10px;
}

.best-td1-pad {
    padding-top: 8px;
    font: 11px Arial;
    color: #8c8682;
    text-shadow: 1px 1px 1px #000000;
}

.best-td1-1 {
    float: left;
    width: 33px;
    text-align: center;
}
.best-td1-2 {
    float: left;
    width: 32px;
    text-align: center;
}
.best-td1-3 {
    float: left;
    width: 189px;
    text-align: center;
}
.newbest-td1-3 {
    float: left;
    width: 124px;
    text-align: center;
}
.best-td1-4 {
    float: left;
    width: 97px;
    text-align: center;
}

.best-td2 {
    background: #141414;
    width: 371px;
    height: 35px;
    margin-left: -10px;
    transition: ease 0.4s;
}

.best-td2:hover {
        background: #2a2a2a;
}

.newbest-td2 {
    background: url("../img/newbest-td-2-bg.png") no-repeat;
    width: 255px;
    height: 29px;
    margin-left: -10px;
}

.best-td2-pad {
    padding-top: 8px;
    font: 11px Arial;
    color: #8c8682;
    height: 25px;
    text-shadow: 1px 1px 1px #000000;
}
.best-td2-pad a {
    color: #8c8682;
}
.best-td2-pad a:hover {
    color: #f2dc6c;
}
.best-td2-1 {
    float: left;
    width: 33px;
    text-align: center;
}

.top5user img {
    display: inline-block;
    float: left;
}
.best-td2-2 {
    float: left;
    width: 32px;
    text-align: center;
    margin-top:-2px;
}
.best-td2-3 {
    float: left;
    width: 206px;
    text-align: center;
}

.best-td2-3 .clannamec {
    color: #ff0b0b;
}
.newbest-td2-3 {
    float: left;
    width: 120px;
    text-align: center;
}
.best-td2-4 {
    float: left;
    width: 97px;
    text-align: center;
}

/* FORM ELEMENTS
-----------------------------------------------------------------------------*/
input 
{
  outline: none;
  vertical-align: middle;
}
.hagen_register select {outline: none; }
::placeholder{
        color: rgba(147, 146, 144, 0.6);
}

.hagen_register select {background: #0e0f15; border: 1px solid #deac3c; color: #ffffff; height: 34px; width:459px;
  box-shadow: inset 0 0 3px rgba(0, 0, 0, .2), inset 0 1px 1px rgba(0, 0, 0, .4), 0 1px 0 rgba(255, 255, 255, .02);
}

textarea {
  background: #0e0f15; border: 1px solid #deac3c; color: #ffffff; height: 186px; width:444px;
  box-shadow: inset 0 0 3px rgba(0, 0, 0, .2), inset 0 1px 1px rgba(0, 0, 0, .4), 0 1px 0 rgba(255, 255, 255, .02);
  outline: none;
  padding:7px;
  font-family: arial;
}
.logbutton {
  background: #0e0f15; 
  border: 1px solid #deac3c; 
  color: #ffffff;
  height: 34px; 
  padding:5px;
  cursor:pointer;
  font-weight: bold;
  box-shadow: inset 0 0 3px rgba(0, 0, 0, .2), inset 0 1px 1px rgba(0, 0, 0, .4), 0 1px 0 rgba(255, 255, 255, .02);
  transition: 250ms all;
  text-shadow: 1px 1px 1px #000;
  outline: none;
  /*text-transform: uppercase;*/
}

button:hover{
  background: #271c11;
}
.form-grup{
  padding-bottom: 3px;
  line-height: 34px;
  overflow:hidden;
}
.form-group{
  padding-bottom: 10px;
  line-height: 34px;
  overflow:hidden;
}

.login-input{
    background: #0e0f15 !important;
    border: 1px solid #deac3c !important;
    color: #ffffff;
    height: 30px;
    width: 444px !important;
    padding: 7px !important;
    box-shadow: inset 0 0 3px rgba(0, 0, 0, .2), inset 0 1px 1px rgba(0, 0, 0, .4), 0 1px 0 rgba(255, 255, 255, .02);
    border-right:1px solid #deac3c!important;
    border-bottom:1px solid #deac3c!important;
    font:12px Arial!important;
    width:224px !important;
}
.login-input::placeholder{
    color: #ffffff;
}

.form-horizontal
{
        margin-left: 86px;
}

input[type="submit"], input[type="button"]
{
    width:103px;
    height:37px;
    background: #fff;
    border:none;
    cursor: pointer;
    outline: none;
    display: inline-block;
    overflow: hidden;
    position: relative;
    text-align: center;
    line-height: 37px;
    white-space: nowrap;
    font:16px/22px sans serif;
    color:#e9d98e;
    text-transform: uppercase;
    text-shadow: 1px 1px 1px #000;
    transition: ease 0.5s;
}


input[type="submit"]:hover, input[type="button"]:hover
{
    background: #11a700;
}

.userag {padding: 0px 10px};
.userag > h3 {color:#f2dc6c};

.upcoming_events{
    padding-top:8px;
    padding-bottom:8px;
}
.submenu-title {
    width: 241px;
    height: 27px;
    background: url("../img/sub-menu-title-bg.png") no-repeat;
    background-size: cover;
    font:16px Verdana;
    text-shadow: 1px 2px 3px #000;
    color:#f2dc6c;
    padding-top:8px;
    margin-bottom:10px;
    text-align:center;
    cursor: default;
}
.rechargekc:hover {
    opacity: 0.5;
}
.rechargekc {
    transition: opacity 1s;
}

.hagen-short-short .ratebox3 li{display: inline-block;}
.hagen-short-short .ratebox3{position: relative;background: #2e1c12;font-size: 12px;display: inline-block;padding: 2px 10px;border-radius:3px;}

.hagen-short-short .ratebox3 .ha {
    color: #b3b3b3;
}

.sorunp {
    display: inline-block;
    background: #c51a0d;
    margin: 0px;
    float: right;
    padding: 4px;
    color: #fff;
    transition: ease 0.2s;
}

.sorunp:hover {
    background: #f72717;
    border-radius: 5px;
}

.hagen-short-bott .ha {
    font-size: 18px;
}
.hagen-short-short .hagen-short-bott{margin:4px;padding:3px;border: 1px solid #4e4e4e;background: #2a2a2a;color:#6D6D6D;overflow: hidden;}

.hagen-short-konugit {
    float: right;
}

.hagen-short-konugit a {
    background: #ffee00;
    display: block;
    color: #373737;
    margin: 0px 5px;
    padding: 5px 15px;
    border-radius: 5px;
    text-decoration: none;
    transition: ease 0.3s;
}

.hagen-short-konugit a:hover {
    background: #b50505;
    color: #fff;
}
.hagen-short-bott .gonuyagit a{padding: 7px 17px;display:block;color:#131313;transition:ease .2s;background: #fbbe2e;border-radius:2px;border:1px solid #d7e5f2;}
.hagen-short-bott .gonuyagit{float:right;}
.hagen-short-bott .gonuyagit p{display:none;}
.hagen-short-short .hagen-short-c-c{margin:4px;padding: 10px;background: #101010;border: 1px solid #323232;border-radius:2px;overflow:hidden;border-radius: 2px;}

.hagen-short-c-c .sleft, .hagen-short-c-c .srght {
    padding: 5px;
    background: #262525;
    border: 1px solid #323232;
    display: inline-block;
    overflow: hidden;
    float: left;
}

.hagen-short-c-c .sleft {
    background: #1a1a1a;
    border-bottom: 5px dotted #0e0e0e;
    margin: 0 auto 0 auto;
    display: block;
    width: 97%;
}

.hagen-short-c-c .srght {
    float: left;
    min-height: 112px;
    line-height: 20px;
    text-align: center;
    width: 91%;
    padding-right: 25px;
    border-top: 5px solid #2c2c2c;
}
.hagen-short-short .hagen-short-c-c img {
    max-width: 100%;
    max-height: 83px;
}
.hagen-short-c-c .hagen-short-poster-c,.hagen-short-c-c .hagen-short-r-cont{display:inline-block;}
.hagen-short-short .hagen-short-r-cont{width:57%;height:121px;float:right;margin:0;padding:6px;font-size:11px;overflow:hidden;color:#6D6D6D;word-wrap:normal;text-align:left;}
.hagen-short-short .hagen-short-poster-c img{width:100%;height:100%;shape-image-threshold:inherit;border-radius:2px;border:1px solid #D7D8D9;}
.hagen-short-short .hagen-short-poster-c{overflow:hidden;background:#f7f7f7;padding:2px;width:128px;height:128px;float:left;}
.hagen-short-short .hagen-short-c-info{margin:4px;padding: 3px 6px;border: 1px solid #3e3e3e;background: #0f1115;color:#6D6D6D;}
.hagen-short-short ul{list-style:none;margin: 0px;padding: 3px;display:block;background-color: #2e1c12;overflow:hidden;}
.hagen-short-short .hagen-short-c-info li{float:left;margin-right: 5px;background: #323232;padding: 2px 6px;border-radius: 5px;color: #ccc;border: 1px solid #404040;cursor:default;max-width:263px;margin-top: 0px;}
.hagen-short-short .catlist{overflow:hidden;height:13px;margin-top:4px;}
.hagen-short-short .hagen-short-c-info a{color: #6cb5ff;text-decoration: none;}
.hagen-short-short{overflow:hidden;background: #0b0c10;border: 1px solid #222222;border-radius:2px;width: 48.9%;min-height: 301px;font-size: 11px;float: left;margin-right: 5px;margin-bottom: 5px;display:inline-block;transition: ease 0.4s;}

.hagen-short-short:hover h2 a {
        color: #ffdb20 !important;
}

.hagen-short-short:hover {
        background: #1e1c1c;
}
.sfull {
    width: 99%;
    overflow: hidden;
    float: none;
    display: block;
}
.hagen-short-short:nth-child(2n-0) {
    float: right;
    margin-right: 0;
}
fullcom-block-content ol {
    list-style: none;
    padding: 0;
}

.fullcom-block {
    padding: 10px;
    background: #262626;
    border: 1px solid #464646;
    border-radius: 3px;
    margin: 0px 5px 5px 5px;
}
.addcombtn {
    text-align: center;
    font: 1.15em/30px sans-serif;
    color: #fff;
    float: left;
    height: 31px;
    width: 181px;
    padding-right: 27px;
    background: #428cda url("../images/addcombtn.png") no-repeat;
}

.addcombtn:hover {
    background-position: 0 -31px;
}

.bcomment {
    border-bottom: 1px solid #dadada;
    background: url("../images/speedbar.png") repeat-x 0 100%;
    padding-bottom: 15px;
    border: 1px solid #464646;
    font-size: 12px;
}

.bcomment .dcont, .bcomment .dtop {
    padding: 0 15px;
}

.bcomment .dcont {
    padding-top: 10px;
}

.bcomment .dtop {
    overflow: hidden;
    padding-left: 70px;
    background: #282828;
    height: 67px;
    border-top: 3px solid #1e1e1e;
}

.bcomment .dtop .lcol {
    width: 40px;
    padding: 0 15px;
    margin-left: -70px;
}

.bcomment .dtop .lcol span {
    margin-top: 12px;
    float: left;
    width: 40px;
    height: 40px;
    overflow: hidden;
}

.bcomment .dtop .lcol span img {
    width: 38px;
    border: 1px solid #dcdcdc;
}

.bcomment .dtop .rcol {
    font-size: 0.9em;
    color: #90a7b2;
    width: 100%;
}

.bcomment .dtop .rcol ul {
    margin-top: 12px;
    padding-top: 4px;
    height: 36px;
    float: left;
    margin-right: 15px;
}

.cmsep.reset li {
    padding-left: 10px;
}

.cmsep {
    padding-left: 19px;
    background: url("../images/cmsep.png") no-repeat 0 50%;
}

.reply a, .reply a b {
    height: 28px;
    background: #084a11 url(../images/reply.png) no-repeat;
}

.reply a {
    float: right;
    margin-top: 21px;
    color: #fff;
    line-height: 27px;
}

.reply a b {
    cursor: pointer;
    float: left;
    padding: 0 15px;
    background-color: transparent;
    font-weight: 400;
    font-size: 14px;
    background-position: 100% -28px;
    color: #fff;
}

.reply a:hover {
    background-position: 0 -56px;
}

.reply a:hover b {
    background-position: 100% -84px;
}

div.cominfo {
    position: relative;
    border-bottom: 1px solid #fff;
    color: #ffffff;
    font-size: 0.9em;
    background: #363636;
}

div.cominfo .thide {
    width: 13px;
    padding-top: 8px;
    position: absolute;
    left: 29px;
    text-align: center;
    top: -7px;
    background: url("../images/comarrow.png") no-repeat;
}

div.cominfo .dpad {
    overflow: hidden;
    padding: 4px;
}

.comedit, .selectmass {
    overflow: hidden;
    float: right;
    margin-left: 14px;
}

.selectmass input, .comedit ul, .comedit ul li {
    float: right;
    margin-top: -7px;
}

.comedit ul li, .selectmass input {
    margin: 6px 0 0 8px;
}

.comedit ul li {
    float: left;
}

.comedit ul li a {
    color: #1779cf;
}

.selectmass input {
    vertical-align: middle;
}

.signature {
    color: #93918d;
}

ul.cominfo, ul.cominfo li {
    float: left;
}

ul.cominfo {
    margin: 6px 0 0 -8px;
}

ul.cominfo li {
    border-left: 1px solid #73858e;
    margin: 0 7px 0 0;
    padding-left: 7px;
}


.full-news-tags.tags-block {
    padding: 10px;
    margin: 0px 5px 5px 5px;
    background: #fff;
    border: 1px solid #dcdcdc;
    border-radius: 3px;
}

.full-news-tags.tags-block a:hover {
    opacity: 0.9;
    color: #021de9;
}

.full-news-tags.tags-block a {
    color: #094bb1;
}

.hagen-slider{
    margin: 0px 0px 0px 0px;
}
.hagen-slider{width:263px;height:373px;background:url(../img/slider/bg_hotissue.png) no-repeat;overflow:hidden;}
.hagen-slider .bx-pager{width:100%;overflow:hidden;margin: -27px 0px 0px 0;}
.hagen-slider .bx-pager-item{float:left;margin:0 7px 0 0;}
.hagen-slider .bx-pager a{display:block;padding:13px 14px 0 0;width:0;height:0;background:url(../img/slider/bg_hotissue_pager.png) no-repeat;overflow:hidden;}
.hagen-slider .bx-pager a.active{background-position:0 -13px;}
.hagen-slider img{border:0;vertical-align:top;}
.hagen-slider ul,li{margin:0;padding:0;}

.nation, .class, .grade, .symbol {
    background-image: url("../img/icon/icon.bmp");
    vertical-align: middle;
    display: inline-block;
    height: 16px;
    width: 16px;
}
.clanicon {
     background-size: 16px 16px;
    vertical-align: middle;
    display: inline-block;
    height: 16px;
    width: 16px;
}

.nation.n1 {
    background-position: 0px -32px;
}
.online {
    color: #57D35D;
}
.offline {
    color: #B81F17;
}
.nation.n2 {
    background-position: -16px -32px;
}

.class.c101, .class.c105, .class.c106 {
    background-position: -32px -32px;
}

.class.c102, .class.c107, .class.c108 {
    background-position: -48px -32px;
}

.class.c103, .class.c109, .class.c110 {
    background-position: -64px -32px;
}

.class.c104, .class.c111, .class.c112 {
    background-position: -80px -32px;
}

.class.c201, .class.c205, .class.c206 {
    background-position: -96px -32px;
}

.class.c202, .class.c207, .class.c208 {
    background-position: -112px -32px;
}

.class.c203, .class.c209, .class.c210 {
    background-position: -128px -32px;
}

.class.c204, .class.c211, .class.c212 {
    background-position: -144px -32px;
}

.grade.g1 {
    background-position: 0px 0px;
}

.grade.g2 {
    background-position: -16px 0px;
}

.grade.g3 {
    background-position: -32px 0px;
}

.grade.g4 {
    background-position: -48px 0px;
}

.grade.g5 {
    background-position: -64px 0px;
}

.grade.g6 {
    background-position: -80px 0px;
}

.grade.g7 {
    background-position: -96px 0px;
}

.grade.g8 {
    background-position: -112px 0px;
}

.grade.g9 {
    background-position: -128px 0px;
}

.grade.g10 {
    background-position: -144px 0px;
}

.grade.g11 {
    background-position: -160px 0px;
}

.grade.g12 {
    background-position: -176px 0px;
}

.grade.g13 {
    background-position: -192px 0px;
}

.grade.g14 {
    background-position: -208px 0px;
}

.grade.g15 {
    background-position: -224px 0px;
}

.symbol.a1 {
    background-position: 0px -16px;
}

.symbol.a2 {
    background-position: -16px -16px;
}

.symbol.a3 {
    background-position: -32px -16px;
}

.symbol.a4 {
    background-position: -48px -16px;
}

.symbol.a5 {
    background-position: -64px -16px;
}

.symbol.a6 {
    background-position: -80px -16px;
}

.symbol.b1 {
    background-position: -96px -16px;
}

.symbol.b2 {
    background-position: -112px -16px;
}

.symbol.b3 {
    background-position: -128px -16px;
}

.symbol.b4 {
    background-position: -144px -16px;
}

.symbol.b5 {
    background-position: -160px -16px;
}

.symbol.b6 {
    background-position: -176px -16px;
}
.pointer {
    cursor:pointer;
}

.status {
    font-family: 'Ebrima';
    display: inline-block;
    font-weight: bold;
    font-style: normal;
    font-size: 11px;
}
.online {
    color: #57D35D;
}
.offline {
    color: #B81F17;
}

.hagen-login-page, .hagen-lost-pass {
    padding: 10px 10px;
    border-radius: 5px;
    border: 1px solid #1e1e1e;
}

.hagen-login-page .login-title {
    background: #3e3100;
    padding: 6px;
    border-radius: 4px;
}

.box {
  display: grid;
  place-content: center;
  color: white;
  text-shadow: 0 1px 0 #000;
  --border-angle: 0turn;
  --main-bg: conic-gradient(from var(--border-angle), #331111, #221111 5%, #221111 60%, #331111 95%);
  border: solid 2px transparent;
  border-radius: 2em;
  --gradient-border: conic-gradient(from var(--border-angle), #000000 25%, #f4da1f, #980904 99%, #000000);
  background: var(--main-bg) padding-box, var(--gradient-border) border-box, var(--main-bg) border-box;
  background-position: center center;
  animation: bg-spin 6s linear infinite;
}
@keyframes bg-spin {
  to {
    --border-angle: 1turn;
  }
}

@property --border-angle {
  syntax: "<angle>";
  inherits: true;
  initial-value: 0turn;
}

.hagen-wrapper {padding-top: 445px;}

.hagen-downloads td {
    border: 1px solid #3a3a3a;
    padding: 10px;
    border-radius: 9px;
    margin: 7px;
    display: inline-block;
    min-width: 163px;
    text-align: center;
    text-transform: lowercase;
    cursor: default;
}

.hagen-downloads table tr {
    border: 1px solid #403e3e;
    padding: 5px 10px;
    margin: auto 0 auto 0;
    min-width: 129px;
    width: 96%;
    display: inline-block;
    border-radius: 5px;
    background: #202020;
}

.hagen-downloads table th {
    border-right: 1px solid #686868;
    min-width: 200px;
    cursor: default;
}

.hagen-downloads table {
    margin: 0 auto 0 auto;
}

.hagen-downloads .main-content.col-lg-12 {
    padding: 10px;
    background: #4a4a4a;
    color: #fff;
}

.hagen-downloads .main-content.col-lg-12 a {
    color: #ffffff;
    background: #09a700;
    display: block;
    padding: 10px;
    margin-bottom: 5px;
    transition: ease 0.3s;
    border-radius: 4px;
    border: 1px solid #000;
    background-color: #037200;
    background-image: radial-gradient(ellipse farthest-corner at center 0px, #00c508 -150%, #006e0e 45%, #442222 85%);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .3), inset 0 1px 1px rgba(255, 255, 255, .2);
}

.hagen-downloads .main-content.col-lg-12 a:hover {
    text-decoration: none;
    text-transform: uppercase;
    background-color: #037200;
    background-image: radial-gradient(ellipse farthest-corner at center 0px, #09a90f -150%, #00c319 45%, #740c0c 85%);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .3), inset 0 1px 1px rgba(255, 255, 255, .2);
}

.hagen-downloads .download-container {text-align: center;background: #cc3;margin-bottom: 15px;border-radius: 5px;font-size: 17px;padding: 20px;background-color: #1d1d1d;border: 1px solid #000;background-image: radial-gradient(ellipse farthest-corner at center 0px, #aa3837 -150%, #201f1e 45%, #252324 85%);box-shadow: 0 1px 3px rgba(0, 0, 0, .3), inset 0 1px 1px rgba(255, 255, 255, .2);}

.hagen-downloads {
    padding: 10px;
}

.hagen-downloads h3 {
        text-align: left;
        background: #cc3;
        margin-bottom: 8px;
        border-radius: 5px;
        font-size: 14px;
        padding: 10px 20px;
        background-color: #1d1d1d;
        border: 1px solid #000;
        background-image: radial-gradient(ellipse farthest-corner at center 0px, #00c508 -150%, #201f1e 45%, #252324 85%);
        box-shadow: 0 1px 3px rgba(0, 0, 0, .3), inset 0 1px 1px rgba(255, 255, 255, .2);
}


.hagen_register section{display:block;}
.hagen_register input, .hagen_register select{margin:0;font:inherit;color:inherit;}
.hagen_register select{text-transform:none;}
.hagen_register input[type="submit"]{-webkit-appearance:button;cursor:pointer;}
.hagen_register input{line-height:normal;}
.hagen_register *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.hagen_register *:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

.networkcheck-title {
    width: 231px;
    height: 27px;
    background: url(../img/sub-menu-title-bg.png) -20px 0px no-repeat;
    background-size: cover;
    font: 16px Verdana;
    text-shadow: 1px 2px 3px #000;
    color: #f2dc6c;
    padding-top: 8px;
    margin-bottom: 10px;
    text-align: center;
    cursor: default;
}
.hagen_register input, .hagen_register select{font-family:inherit;font-size:inherit;line-height:inherit;}
.hagen_register h3{font-family:'Roboto', Arial;font-weight:700;line-height:1.1;color:inherit;margin:10px 0;font-weight:bold;text-rendering:optimizelegibility;}
.hagen_register h3{margin-top:20px;margin-bottom:10px;}
.hagen_register h3{font-size:24px;}
.hagen_register p{margin:0 0 10px;}
.hagen_register .col-md-6,.col-lg-6{position:relative;min-height:1px;padding-right:15px;padding-left:15px;}
.hagen_register label{display:inline-block;margin-bottom:5px;font-weight:bold;}
.hagen_register .btn{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:normal;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:4px;}
.hagen_register .btn:focus,.btn:active:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}
.hagen_register .btn:hover,.btn:focus{color:#333;text-decoration:none;}
.hagen_register .btn:active{background-image:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0, 0, 0, .125);box-shadow:inset 0 3px 5px rgba(0, 0, 0, .125);}
.hagen_register *{outline:none!important;}
.hagen_register h3{font-family:roboto condensed,roboto,Arial;line-height:1.1;color:inherit;margin:10px 0;font-weight:500;text-transform:uppercase;text-rendering:optimizelegibility;color:#eee;}
.hagen_register .main-content-title{background-color: #3e3e3e;border:1px solid #000;background-image:-webkit-linear-gradient(bottom,#1a1b1f,#2a2a34);background-image:-moz-linear-gradient(bottom,#1a1b1f,#2a2a34);background-image:-o-linear-gradient(bottom,#1a1b1f,#2a2a34);background-image: radial-gradient(ellipse farthest-corner at center 0px, #fb2828 -150%, #1e1e1e 45%, #3e3e40 85%);-webkit-box-shadow:0 1px 3px rgba(0,0,0,.3),inset 0 1px 1px rgba(255,255,255,.2);-moz-box-shadow:0 1px 3px rgba(0,0,0,.3),inset 0 1px 1px rgba(255,255,255,.2);box-shadow:0 1px 3px rgba(0,0,0,.3),inset 0 1px 1px rgba(255,255,255,.2);}
.hagen_register .main-content-title h3{font-size:14px;text-transform:uppercase;padding:13px 17px;z-index:99999;margin:0;background:url(../img/stripe.png) top left;color:#fff;font-weight:800;}
.hagen_register .register-form-wrapper{display:block;margin:-1px auto 41px;float:none;background: #3e3e3e;padding:20px;position:relative;border:1px solid #000;}
.hagen_register .register-form-wrapper .main-content-title{margin:-21px -21px 20px;}
.hagen_register .register-form-wrapper p{display:table;width:100%;}
.hagen_register .register-form-wrapper label{display:table-cell;width:23%;vertical-align:top;font-size: 13px;}
.hagen_register .register-form-wrapper p>input,.register-form-wrapper p select{width:100%;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;background-color:#26262f;-webkit-box-shadow:0 1px rgba(255,255,255,.1),inset 0 1px 2px rgba(0,0,0,.6);-moz-box-shadow:0 1px rgba(255,255,255,.1),inset 0 1px 2px rgba(0,0,0,.6);box-shadow:0 1px rgba(255,255,255,.1),inset 0 1px 2px rgba(0,0,0,.6);border:1px solid rgba(0,0,0,.9);padding:10px 15px;margin-bottom:10px;font-size:12px;color:#ccc;}
.hagen_register .action_btns{clear:both;cursor:pointer;overflow:hidden;margin-top:3px;}
.hagen_register .minor_register_text{color:#3f3f3f;font-size:12px;}
.hagen_register .btn{padding:10px 20px;background:transparent;border:1px solid #831017;}
.hagen_register .btn_red{background:#831017;color:#fff;}
.hagen_register .btn:hover{border:1px solid #560a0f;}
.hagen_register .btn_red:hover{background:#560a0f;}
.hagen_register .action_btns{clear:both;cursor:pointer;overflow:hidden;margin-top:3px;}
.hagen_register .minor_register_text{color: #ff1414;font-size:12px;}
.hagen_register .btn{padding:10px 20px;background:transparent;border:1px solid #831017;}
.hagen_register .btn_red{background:#831017;color:#fff;}
.hagen_register .btn:hover{border:1px solid #560a0f;}
.hagen_register .btn_red:hover{background:#560a0f;}


.list_area img{border:0;max-width:100%;}
.list_area table{border-spacing:0;border-collapse:collapse;}
.list_area td,th{padding:0;}
.list_area *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.list_area *:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.list_area img{vertical-align:middle;}
.list_area table{max-width:100%;background-color:transparent;}
.list_area th{text-align:left;}
.list_area *{outline:none!important;}
.list_area img{vertical-align:middle;}
.list_area .tbl_uprate table th{background-color:#1d1d1d;border:1px solid #000;background-image: radial-gradient(ellipse farthest-corner at center 0px, #aa3837 -150%, #201f1e 45%, #252324 85%);box-shadow:0 1px 3px rgba(0,0,0,.3),inset 0 1px 1px rgba(255,255,255,.2);text-align:left;}
.list_area .tbl_uprate{margin-bottom:70px;}
.list_area .tbl_uprate table{width:100%;margin-bottom:0;font-family:roboto condensed,arial narrow,Arial,sans-serif;text-align:left;font-size: 12px;table-layout:fixed;border-collapse:collapse;border-spacing:0;}
.list_area .tbl_uprate table th{font-size:11px;padding:15px 2%;text-transform:uppercase;font-weight:400;vertical-align:middle;white-space:nowrap;}
.list_area .tbl_uprate table td img{display:inline-block;margin-right:5px;}
.list_area .tbl_uprate table tr td{background: #1e1a17;}
.list_area .tbl_uprate table tr td:first-child{background: linear-gradient(to right, rgb(56 21 21) 0%, rgb(30 26 23) 100%);color:#f9f5e1;padding: 5px 2%;border-bottom:1px #333335 solid;}
.list_area .tbl_uprate table td{color:#f9f5e1;padding: 5px 2%;border-bottom:1px #333335 solid;}

.safe_request {
        width: 300px;
        margin: auto;
        margin-top: 10px;
        background: #180e0e8f;
        padding: 20px;
        border-radius: 5px;
        border: 1px solid #0a0a0a;
}

.safe_request .safe_request_title {
        background: #a30000;
        padding: 6px;
        border-radius: 5px;
        border: 1px solid #b70202;
        text-align: center;
}

.safe_request .safe_request_title_cnt {
        background: #fff;
        color: #000;
        padding: 10px;
        margin-top: 10px;
        border-radius: 5px;
}

.link-container {
    margin-bottom: 24px;
    background: #101010;
    padding: 20px;
    border-radius: 6px;
}
        .link-container a {
        cursor: pointer;
        display: inline-block;
        font-size: 15px;
        padding: 10px 15px 15px 14px;
        margin-right: 10px;
        border-radius: 5px;
        background-color: #1d1d1d;
        border: 1px solid #000;
        background-image: radial-gradient(ellipse farthest-corner at center 0px, #0a8100 -150%, #12340a 45%, #1d4200 85%);
        box-shadow: 0 1px 3px rgba(0, 0, 0, .3), inset 0 1px 1px rgba(255, 255, 255, .2);
        transition: ease 0.4s;
        text-decoration:none;
        margin-bottom: 10px;
        }

.link-container a img {
        margin: 0px 0px -12px 0px;
}
        .link-container a.selected {
        border: 5px solid #9f9f9f;
        }
        .link-container a:hover {
            border: 5px solid #0f1;
        }

.hagen-video-container {
    position: absolute;
    overflow: hidden;
    width: 100%;
    margin-top: 40px;
}

.hagen-video-container video {
    width: 100%;
    height: auto;
    display: block;
    z-index: 2;
}

.hagen-video-container .video-shadow {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 20%;
    background: linear-gradient(to bottom, rgb(0 0 0 / 18%) 0%, rgb(0 0 0) 100%);
    pointer-events: none;
    z-index: 1;
}
.totalon {
    padding: 5px;
    background: #201010;
    color: #ccc;
    text-align: center;
}

.totalon span {
    display: block;
    background: #3d1e1e;
    color: #3ce743;
    text-align: center;
    font-size: 29px;
    text-indent: 18px;
    margin-top: 8px;
    border-radius: 50px;
}
div#server_oncreated {
    display: block;
    background: #891515;
    text-align: center;
    color: #e1b88c;
    padding: 5px;
}

.sparks{
  position: relative;
}
.spark-1 {
  background: url(../img/spark/sparks_1.png);
  width: 350px;
  height: 226px;
  left: -50px;
  bottom: -250px;
  position: absolute;
  animation: 4s spark-1 linear infinite;
}

@keyframes spark-1 {
  0% {
    transform: scale(0.4);
    bottom: -150px;
  }
  33% {
    transform: scale(0.6);
    bottom: -100px;
  }
  66% {
    transform: scale(0.8);
    bottom: -50px;
    opacity: 1;
  }
  100% {
    transform: scale(1);
    bottom: 0px;
    opacity: 0;
  }
}
.spark-2 {
  background: url(../img/spark/sparks_2.png);
  width: 350px;
  height: 390px;
  left: -50px;
  bottom: -400px;
  position: absolute;
  animation: 5s spark-2 linear infinite;
  animation-delay: 1s;
}

@keyframes spark-2 {
  0% {
    transform: scale(0.4);
    bottom: -400px;
  }
  33% {
    transform: scale(0.6);
    bottom: -300px;
  }
  66% {
    transform: scale(0.8);
    bottom: -200px;
    opacity: 1;
  }
  100% {
    transform: scale(1);
    bottom: -100px;
    opacity: 0;
  }
}
.spark-3 {
  background: url(../img/spark/sparks_3.png);
  width: 350px;
  height: 352px;
  left: -50px;
  bottom: -350px;
  position: absolute;
  animation: 5s spark-3 linear infinite;
  animation-delay: 2s;
}

@keyframes spark-3 {
  0% {
    transform: scale(0.4);
    bottom: -350px;
  }
  33% {
    transform: scale(0.6);
    bottom: -240px;
  }
  66% {
    transform: scale(0.8);
    bottom: -130px;
    opacity: 1;
  }
  100% {
    transform: scale(1);
    bottom: -20px;
    opacity: 0;
  }
}
.comparison {padding: 12px 2px;}

.comparison .nation {
    border: 6px solid #282828;
}

.comparison table{
    width: 244px;
    height:16px;
    background: #1a1a1a;
    padding: 5px;
}

.comparison .karus{
    background: #0a3910;
    height: 13px;
    font-size: 12px;
    color:#FFFFFF;
    text-shadow:1px 1px 1px #000;
    text-align:center;
}

.comparison .human{
    background: #891515;
    height: 13px;
    font-size: 12px;
    color:#FFFFFF;
    text-shadow:1px 1px 1px #000;
    text-align:center;
}

.comparison td {
    padding: 6px 0px;
}