#main #loading {
    display: none;
    height: 23px;
    width: 23px
}

#slider_wrapper {
    width: 708px;
    height: 205px;
    margin-bottom: 10px
}

#slider {
    overflow: hidden
}

.clear {
    clear: both;
    height: 0;
    overflow: hidden
}

*:focus {
    outline: none
}

.avatar {
    float: left;
    margin-right: 10px;
    margin-left: 10px;
    margin-top: 3px
}

.fluxslider,.surface,.images,.image1,.image2 {
    -webkit-transform: translate3D(0,0,0);
    -moz-transform: translate3D(0,0,0);
    -o-transform: translate3D(0,0,0);
    -ms-transform: translate3D(0,0,0);
    transform: translate3D(0,0,0)
}

input[type=radio] {
    background-color: transparent !important
}

.caption {
    padding: 10px;
    -webkit-border-top-right-radius: 2px;
    -moz-border-radius-topright: 2px;
    border-top-right-radius: 2px;
    font-weight: 700;
    font-size: 12px;
    background-color: rgba(0,0,0,.6);
    color: #fff;
    position: absolute;
    bottom: 0
}

#slider_next,#slider_previous {
    border-radius: 2px;
    position: absolute;
    padding: 10px;
    color: #fff;
    background-color: rgba(0,0,0,.6);
    z-index: 9999999
}

#slider_next:hover,#slider_previous:hover {
    background-color: #000
}

#pm_username_autocomplete {
    z-index: 999999
}

.characters_remaining {
    float: left;
    margin-top: 17px;
    margin-left: 1px;
    font-size: 10px;
    font-weight: 700
}

.popup {
    width: 270px;
    display: none;
    z-index: 999999;
    padding: 20px;
    background-color: #eee;
    border: 1px solid #fff;
    position: fixed;
    left: 50%;
    text-shadow: none;
    margin-left: -120px;
    top: 30%;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 0 0 35px #000;
    -webkit-box-shadow: 0 0 35px #000;
    -moz-box-shadow: 0 0 35px #000
}

.popup h1 {
    margin: 0;
    padding: 0;
    text-align: center;
    font-weight: 400;
    font-size: 18px;
    margin-bottom: 10px;
    color: #000;
    max-height: 300px;
    overflow: auto
}

.popup a {
    display: block;
    float: left;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    line-height: 1;
    padding: 10px 20px;
    text-align: center;
    font-weight: 700;
    margin-right: 7px;
    margin-left: 7px;
    width: 50px;
    text-shadow: none
}

.popup a:hover {
    text-shadow: none;
    text-decoration: none;
    color: #fff
}

.popup_button {
    background-color: #7fbf4d;
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#7fbf4d),color-stop(100%,#63a62f));
    background-image: -webkit-linear-gradient(top,#7fbf4d,#63a62f);
    background-image: -moz-linear-gradient(top,#7fbf4d,#63a62f);
    background-image: -ms-linear-gradient(top,#7fbf4d,#63a62f);
    background-image: -o-linear-gradient(top,#7fbf4d,#63a62f);
    background-image: linear-gradient(top,#7fbf4d,#63a62f);
    border: 1px solid #63a62f;
    border-bottom: 1px solid #5b992b;
    -webkit-box-shadow: inset 0 1px 0 0 #96ca6d;
    -moz-box-shadow: inset 0 1px 0 0 #96ca6d;
    -ms-box-shadow: inset 0 1px 0 0 #96ca6d;
    -o-box-shadow: inset 0 1px 0 0 #96ca6d;
    box-shadow: inset 0 1px 0 0 #96ca6d;
    text-shadow: 0 -1px 0 #4c9021
}

.popup_button:hover {
    background-color: #76b347;
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#76b347),color-stop(100%,#5e9e2e));
    background-image: -webkit-linear-gradient(top,#76b347,#5e9e2e);
    background-image: -moz-linear-gradient(top,#76b347,#5e9e2e);
    background-image: -ms-linear-gradient(top,#76b347,#5e9e2e);
    background-image: -o-linear-gradient(top,#76b347,#5e9e2e);
    background-image: linear-gradient(top,#76b347,#5e9e2e);
    -webkit-box-shadow: inset 0 1px 0 0 #8dbf67;
    -moz-box-shadow: inset 0 1px 0 0 #8dbf67;
    -ms-box-shadow: inset 0 1px 0 0 #8dbf67;
    -o-box-shadow: inset 0 1px 0 0 #8dbf67;
    box-shadow: inset 0 1px 0 0 #8dbf67
}

.popup_button:active {
    border: 1px solid #5b992b;
    border-bottom: 1px solid #538c27;
    -webkit-box-shadow: inset 0 0 8px 4px #548c29,0 1px 0 0 #eee;
    -moz-box-shadow: inset 0 0 8px 4px #548c29,0 1px 0 0 #eee;
    -ms-box-shadow: inset 0 0 8px 4px #548c29,0 1px 0 0 #eee;
    -o-box-shadow: inset 0 0 8px 4px #548c29,0 1px 0 0 #eee;
    box-shadow: inset 0 0 8px 4px #548c29,0 1px 0 0 #eee
}

.popup_hide {
    background-color: #bfbfbf;
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#bfbfbf),color-stop(100%,#9a9a9a));
    background-image: -webkit-linear-gradient(top,#bfbfbf,#9a9a9a);
    background-image: -moz-linear-gradient(top,#bfbfbf,#9a9a9a);
    background-image: -ms-linear-gradient(top,#bfbfbf,#9a9a9a);
    background-image: -o-linear-gradient(top,#bfbfbf,#9a9a9a);
    background-image: linear-gradient(top,#bfbfbf,#9a9a9a);
    border: 1px solid #9a9a9a;
    border-bottom: 1px solid #9a9a9a;
    -webkit-box-shadow: inset 0 1px 0 0 #cbcbcb;
    -moz-box-shadow: inset 0 1px 0 0 #cbcbcb;
    -ms-box-shadow: inset 0 1px 0 0 #cbcbcb;
    -o-box-shadow: inset 0 1px 0 0 #cbcbcb;
    box-shadow: inset 0 1px 0 0 #cbcbcb;
    text-shadow: 0 -1px 0 #8f8f8f
}

.popup_hide:hover {
    background-color: #adadad;
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#adadad),color-stop(100%,#a0a0a0));
    background-image: -webkit-linear-gradient(top,#adadad,#a0a0a0);
    background-image: -moz-linear-gradient(top,#adadad,#a0a0a0);
    background-image: -ms-linear-gradient(top,#adadad,#a0a0a0);
    background-image: -o-linear-gradient(top,#adadad,#a0a0a0);
    background-image: linear-gradient(top,#adadad,#a0a0a0);
    -webkit-box-shadow: inset 0 1px 0 0 #bbb;
    -moz-box-shadow: inset 0 1px 0 0 #bbb;
    -ms-box-shadow: inset 0 1px 0 0 #bbb;
    -o-box-shadow: inset 0 1px 0 0 #bbb;
    box-shadow: inset 0 1px 0 0 #bbb
}

.popup_hide:active {
    border: 1px solid #a0a0a0;
    border-bottom: 1px solid #8b8b8b;
    -webkit-box-shadow: inset 0 0 8px 4px #8c8c8c,0 1px 0 0 #eee;
    -moz-box-shadow: inset 0 0 8px 4px #8c8c8c,0 1px 0 0 #eee;
    -ms-box-shadow: inset 0 0 8px 4px #8c8c8c,0 1px 0 0 #eee;
    -o-box-shadow: inset 0 0 8px 4px #8c8c8c,0 1px 0 0 #eee;
    box-shadow: inset 0 0 8px 4px #8c8c8c,0 1px 0 0 #eee
}

.popup_links {
    width: 214px;
    margin-top: 15px;
    margin-left: auto;
    margin-right: auto
}

#popup_bg {
    background-color: #000;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 99999;
    display: none;
    top: 0;
    left: 0
}

#alert_button {
    float: none;
    width: 80px;
    margin-left: auto;
    margin-right: auto
}

#tooltip,.tooltip {
    width: auto;
    position: absolute;
    display: none;
    z-index: 99999;
    padding: 25px;
    background-color: #070c21;
    background-color: rgba(0,0,0,.9);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #000;
    -webkit-box-shadow: 0 0 3px #000;
    -moz-box-shadow: 0 0 3px #000;
    box-shadow: 0 0 3px #000;
    color: #fff;
    font-size: 12px;
    line-height: 1.5
}

#tooltip {
    position: absolute;
    display: none;
    z-index: 99999
}

.nice_button img {
    margin-right: 5px
}

.page_form table {
    width: 60%;
    margin-left: auto;
    margin-right: auto
}

.page_form table td:first-child {
    padding-left: 20px;
    width: 30%
}

.page_form label {
    font-size: 14px;
    margin-right: 15px
}

#forgot {
    margin-top: 15px;
    margin-bottom: 5px
}

#remember_me {
    margin-top: 5px;
    margin-bottom: 5px
}

.realm {
    font-size: 12px;
    margin: 0 auto 0 auto;
    margin-bottom: 5px;
    margin-top: 5px
}

.realm_online {
    float: right;
    font-weight: 700
}

.realm_bar,.poll_bar {
    margin-top: 5px;
    margin-bottom: 10px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px
}

.realm_bar_fill,.poll_bar_fill {
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    height: 8px
}

#realmlist {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
    font-size: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin-top: 20px;
    margin-bottom: 5px
}

.online_realm_button,#ucp_characters h1 {
    display: block;
    padding: 7px;
    margin-top: 10px;
    margin-bottom: 10px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    font-size: 14px;
    text-align: center
}

.online_realm_button:first-child {
    margin-top: 0
}

.nice_table {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    border-spacing: 0
}

.nice_table tr:first-child td {
    font-weight: 700;
    padding: 7px;
    font-size: 14px
}

.nice_table tr:not(:first-child) td {
    padding: 7px;
    font-size: 12px;
    height: 40px
}

.nice_table td:first-child {
    font-weight: 700
}

#shoutbox form {
    text-align: center;
    margin-bottom: 10px
}

#shoutbox form textarea {
    margin-top: 5px;
    height: 16px
}

#shoutbox form input[type=submit] {
    margin-top: 4px
}

#shoutbox .shout {
    padding: 10px;
    font-size: 11px;
    overflow: hidden
}

#shoutbox .shout .shout_author {
    margin-bottom: 5px;
    font-size: 12px
}

#shoutbox .shout .shout_date {
    float: right;
    font-size: 10px
}

#shoutbox #shoutbox_view {
    font-size: 14px;
    text-align: center;
    display: block;
    padding-top: 10px;
    margin-bottom: 5px;
    clear: both
}

.shout_characters_remaining {
    float: left;
    margin-top: 14px;
    font-size: 10px;
    width: 50px
}

#shout {
    overflow: hidden
}

#toppvp {
    overflow: hidden
}

.toppvp_select {
    padding-bottom: 10px;
    font-size: 14px;
    padding-top: 4px
}

.toppvp_realm {
    float: left;
    width: 208px;
    text-align: center;
    font-size: 12px
}

.toppvp_next {
    float: right;
    font-size: 14px
}

.toppvp_previous {
    float: left;
    font-size: 14px
}

.toppvp_character {
    padding: 10px;
    font-size: 10px;
    text-align: left
}

.toppvp_character:first-child {
    border-top: none
}

.toppvp_character b {
    margin-right: 7px
}

.q {
    color: #ffd100
}

.q0,.q0 a {
    color: #9d9d9d
}

.q1,.q1 a {
    color: #fff
}

.q2,.q2 a,.q2:hover {
    color: #1eff00
}

.q3,.q3 a {
    color: #0070dd
}

.q4,.q4 a {
    color: #a335ee
}

.q5,.q5 a {
    color: #ff8000
}

.q6,.q6 a {
    color: #e5cc80
}

.q7,.q7 a {
    color: #e5cc80
}

.q8,.q8 a {
    color: #ffff98
}

.q9,.q9 a {
    color: #71d5ff
}

.q10,.q10 a {
    color: #ffd100
}

.socket-meta {
    padding-left: 26px;
    background: url(../../images/misc/socket_meta.html) no-repeat left center
}

.socket-red {
    padding-left: 26px;
    background: url(../../images/misc/socket_red.html) no-repeat left center
}

.socket-yellow {
    padding-left: 26px;
    background: url(../../images/misc/socket_yellow.html) no-repeat left center
}

.socket-blue {
    padding-left: 26px;
    background: url(../../images/misc/socket_blue.html) no-repeat left center
}

.fusioneditor .fusioneditor_tools {
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: #fff;
    border: 1px solid #999;
    border-bottom: none;
    -webkit-border-top-left-radius: 2px;
    -webkit-border-top-right-radius: 2px;
    -moz-border-radius-topleft: 2px;
    -moz-border-radius-topright: 2px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px
}

.fusioneditor {
    width: auto
}

.fusioneditor .fusioneditor_tools a {
    display: block;
    float: left;
    margin-left: 5px;
    padding: 5px;
    padding-bottom: 0;
    padding-top: 4px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border: 1px solid rgba(0,0,0,0);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s
}

.fusioneditor .fusioneditor_tools a:hover {
    border: 1px solid #b7b7b7;
    background-color: #fff;
    box-shadow: 0 1px 0 #fff inset;
    -webkit-box-shadow: 0 1px 0 #fff inset;
    -moz-box-shadow: 0 1px 0 #fff inset
}

.fusioneditor .fusioneditor_tools a:active {
    border: 1px solid #666
}

.fusioneditor .fusioneditor_field {
    width: auto;
    font-family: 'PT Sans Caption',sans-serif;
    font-size: 12px;
    padding: 8px;
    background-color: #fff;
    border: 1px solid #999;
    -webkit-border-bottom-right-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-radius-bottomright: 2px;
    -moz-border-radius-bottomleft: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
    overflow: hidden
}

.fusioneditor .fusioneditor_field:focus {
    border: 1px solid #1f9ebc
}

.fusioneditor .fusioneditor_close {
    float: right;
    margin-right: 5px
}

.fusioneditor .fusioneditor_toolbox {
    border-top: 1px solid #999;
    padding: 5px;
    margin-top: 5px;
    height: 50px
}

.fusioneditor .fusioneditor_toolbox input[type=text] {
    width: 85% !important;
    margin-right: 10px;
    margin-left: 5px
}

.fusioneditor .fusioneditor_size {
    height: 20px;
    width: 16px;
    margin-right: 5px;
    margin-top: 5px;
    text-align: center;
    font-weight: 700;
    color: #666
}

.fusioneditor .fusioneditor_size:hover {
    color: #000
}

.fusioneditor .fusioneditor_color {
    height: 22px;
    width: 17px;
    margin-right: 5px;
    margin-top: 5px;
    opacity: .8
}

.fusioneditor .fusioneditor_color:hover {
    border: 1px solid rgba(0,0,0,0) !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    opacity: 1
}

.fusioneditor .fusioneditor_color:active {
    border: 1px solid rgba(0,0,0,0) !important
}

.sidebox_info {
    padding: 5px
}

.sidebox_info td {
    padding: 5px;
    font-size: 10px
}

.sidebox_info td:first-child {
    font-weight: 700
}

.sidebox_info td img {
    margin-right: 5px
}

.sidebox_info center {
    padding-top: 20px;
    padding-bottom: 10px
}

.sidebox_info center a:last-child {
    margin-left: 10px
}

.poll_question {
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    padding: 5px;
    margin-bottom: 5px
}

#poll_answers .poll_answer,#poll_results .poll_answer {
    padding: 5px;
    font-size: 12px
}

#poll_answers .poll_answer label {
    display: block;
    cursor: pointer
}

#poll_answers .poll_answer label:hover {
    font-weight: 700
}

#poll_answers .poll_answer input[type=radio] {
    margin-right: 5px
}

#poll_results .poll_answer .poll_votes_count {
    float: right;
    font-weight: 700
}

#poll_actions {
    display: block;
    text-align: center;
    width: 80px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5px
}

#vote_reminder {
    width: 468px;
    height: 60px;
    position: fixed;
    margin-left: -374px;
    left: 50%;
    top: 50%;
    margin-top: -25px;
    background-color: #000;
    z-index: 999999999999;
    display: none
}

.staff_comment .comment_author img {
    margin-top: 3px !important
}

.comment {
    word-wrap: break-word
}

.color-c1 {
    color: #c79c6e
}

.color-c2 {
    color: #f58cba
}

.color-c3 {
    color: #abd473
}

.color-c4 {
    color: #fff569
}

.color-c5 {
    color: #fff
}

.color-c6 {
    color: #c41f3b
}

.color-c7 {
    color: #0070de
}

.color-c8 {
    color: #69ccf0
}

.color-c9 {
    color: #9482c9
}

.color-c11 {
    color: #ff7d0a
}

#download_box {
    float: left;
    margin-bottom: 30px
}

#download_box .download_item {
    margin-top: 7px;
    margin-left: 4px;
    font-size: 11px;
    color: #828282;
    cursor: pointer;
    padding: 6px 20px;
    box-shadow: inset 0 0 0 2px #0f0f0f,0 2px 0 0 #0a0a0a,0 0 8px 0 #101010;
    -moz-box-shadow: inset 0 0 0 2px #0f0f0f,0 2px 0 0 #0a0a0a,0 0 8px 0 #101010;
    -webkit-box-shadow: inset 0 0 0 2px #0f0f0f,0 2px 0 0 #0a0a0a,0 0 8px 0 #101010;
    font-family: 'PT Sans Caption',sans-serif;
    text-shadow: 0 2px 0 rgba(0,0,0,.4);
    border-width: 2px;
    border-style: solid;
    border-color: #313131;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    background-color: #191919;
    transition: color .3s ease-in-out,border-color .3s ease-in-out;
    -o-transition: color .3s ease-in-out,border-color .3s ease-in-out;
    -ms-transition: color .3s ease-in-out,border-color .3s ease-in-out;
    -moz-transition: color .3s ease-in-out,border-color .3s ease-in-out;
    -webkit-transition: color .3s ease-in-out,border-color .3s ease-in-out;
    float: left;
    width: 695px;
    height: 75px
}

#download_box .download_icon {
    width: 60px !important;
    height: 60px !important
}

#download_box .download_btn {
    float: right;
    margin-top: 20px
}

#download_box .download_item p {
    color: #adab4b !important
}

#forgotpw_container {
    width: 600px;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-top: 30px;
    margin-left: 55px;
    font-size: 11px;
    color: #828282;
    cursor: pointer;
    padding: 6px 20px;
    box-shadow: inset 0 0 0 2px #0f0f0f,0 2px 0 0 #0a0a0a,0 0 8px 0 #101010;
    -moz-box-shadow: inset 0 0 0 2px #0f0f0f,0 2px 0 0 #0a0a0a,0 0 8px 0 #101010;
    -webkit-box-shadow: inset 0 0 0 2px #0000005e,0 2px 0 0 #9e202000,0 0 8px 0 #101010;
    font-family: 'PT Sans Caption',sans-serif;
    text-shadow: 0 2px 0 rgba(0,0,0,.4);
    border-width: 1px;
    border-style: solid;
    border-color: #313131;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    transition: color .3s ease-in-out,border-color .3s ease-in-out;
    -o-transition: color .3s ease-in-out,border-color .3s ease-in-out;
    -ms-transition: color .3s ease-in-out,border-color .3s ease-in-out;
    -moz-transition: color .3s ease-in-out,border-color .3s ease-in-out;
    -webkit-transition: color .3s ease-in-out,border-color .3s ease-in-out;
    background: -webkit-radial-gradient(center,ellipse cover,rgba(0,0,0,.19) 0%,rgba(0,0,0,.15) 100%)
}

#forgotpw_container .passwordchanged {
    color: #8ab355;
    padding: 15px
}

#Alert-box_container {
    position: fixed;
    z-index: 10000;
    opacity: 0;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5)
}

.alert-box-holder {
    height: auto;
    padding: 25px;
    position: absolute;
    position: absolute;
    top: 40%;
    left: 40%;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: inset 0 0 0 1px #bd6628,0 0 28px #000,0 0 10px #000,inset 0 0 15px rgba(0,0,0,.6),0 0 45px #000;
    max-width: 400px;
    background: #191919
}

.alert-box-holder p {
    color: #9d9687;
    text-shadow: 0 0 3px #000;
    font-size: 14px
}

.alert-box-buttons a {
    display: inline-block;
    padding: 5px
}

.news_pagi {
    width: 100%;
    height: 50px;
    padding: 2px 25px;
    background-color: transparent;
    background-image: url(../../images/texture_light_1.jpg);
    background-repeat: repeat;
    background-position: center center
}

.news_pagi:before {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    content: "";
    position: absolute;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-shadow: inset 0 2px 5px 0 rgba(0,0,0,.5);
    -moz-box-shadow: inset 0 2px 5px 0 rgba(0,0,0,.5);
    -webkit-box-shadow: inset 0 2px 5px 0 rgba(0,0,0,.5);
    border-style: solid;
    border-width: 2px 2px 0 0;
    border-color: #191918;
    border-color: rgba(255,255,255,.03);
    background: -moz-radial-gradient(center,ellipse cover,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,.25) 100%);
    background: -webkit-radial-gradient(center,ellipse cover,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,.25) 100%);
    background: radial-gradient(ellipse at center,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,.25) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#40000000',GradientType=1)
}

.news_pagi:after {
    width: 100%;
    height: 50% !important;
    top: 0;
    left: 0;
    content: "";
    position: absolute;
    visibility: visible !important;
    background: -moz-linear-gradient(left,rgba(255,255,255,.01) 0%,rgba(255,255,255,.01) 100%);
    background: -webkit-linear-gradient(left,rgba(255,255,255,.01) 0%,rgba(255,255,255,.01) 100%);
    background: linear-gradient(to right,rgba(255,255,255,.01) 0%,rgba(255,255,255,.01) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#03ffffff',endColorstr='#03ffffff',GradientType=1)
}

.news_pagi-left {
    width: 50%;
    height: 100%;
    float: left;
    z-index: 9
}

.news_pagi-left span {
    color: #74716b;
    display: block;
    font-size: 10px;
    line-height: 50px;
    font-family: 'PT Sans Caption',sans-serif;
    text-shadow: 0 2px 0 rgba(0,0,0,.4);
    letter-spacing: .5px;
    text-transform: uppercase
}

.news_pagi-left span i {
    color: #e09e1a;
    font-style: inherit;
    font-family: 'PT Sans Caption',sans-serif
}

.news_pagi-right {
    width: 50%;
    height: 100%;
    float: right;
    z-index: 9
}

.news_pagi-right div#news_pagination {
    margin: 0;
    text-align: right;
    line-height: 46px
}

.news_pagi-right div#news_pagination a {
    margin: 0 0 0 7px;
    display: inline-block;
    font-size: 10px;
    transform: skewX(-10deg);
    -o-transform: skewX(-10deg);
    -ms-transform: skewX(-10deg);
    -moz-transform: skewX(-10deg);
    -webkit-transform: skewX(-10deg)
}

.news_pagi-right div#news_pagination a:hover {
    color: #f0a31c
}

.news_pagi-right div#news_pagination a:empty {
    display: none
}

label {
    color: #9d9d9d;
    font-size: 12px !important;
    font-weight: 700;
    font-family: 'PT Sans Caption',sans-serif;
    text-shadow: 0 1px 1px #000,0 0 7px rgba(0,0,0,.6)
}

select,textarea,input[type=file],input[type=text],input[type=email],input[type=password] {
    color: #979797;
    padding: 7px 0 4px 10px;
    font-size: 12px;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-shadow: inset 0 0 0 2px #0f0f0f,0 2px 0 0 #0a0a0a,0 0 8px 0 #101010;
    -moz-box-shadow: inset 0 0 0 2px #0f0f0f,0 2px 0 0 #0a0a0a,0 0 8px 0 #101010;
    -webkit-box-shadow: inset 0 0 0 2px #0f0f0f,0 2px 0 0 #0a0a0a,0 0 8px 0 #101010;
    font-family: 'PT Sans Caption',sans-serif;
    text-shadow: 0 2px 0 rgba(0,0,0,.4);
    border-width: 1px;
    border-style: solid;
    border-color: #3e3e3e;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    background-color: #191919;
    transition: color .3s ease-in-out,border-color .3s ease-in-out;
    -o-transition: color .3s ease-in-out,border-color .3s ease-in-out;
    -ms-transition: color .3s ease-in-out,border-color .3s ease-in-out;
    -moz-transition: color .3s ease-in-out,border-color .3s ease-in-out;
    -webkit-transition: color .3s ease-in-out,border-color .3s ease-in-out
}

select:focus,textarea:focus,input[type=file]:focus,input[type=text]:focus,input[type=email]:focus,input[type=password]:focus {
    color: #f0a31c;
    border-color: #792121
}

textarea {
    width: auto;
    height: auto;
    resize: vertical !important;
    transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s;
    -ms-transition: all ease-in-out .3s;
    -moz-transition: all ease-in-out .3s;
    -webkit-transition: all ease-in-out .3s
}

select {
    width: 100%;
    height: auto;
    cursor: pointer;
    text-align: left;
    text-indent: .01px;
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    text-overflow: "";
    appearance: none;
    -o-appearance: none;
    -khtml-appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-image: url(../../images/misc/select-arrow.png);
    background-repeat: no-repeat;
    background-position: 97% 13px
}

select::-ms-expand {
    display: none
}

select:focus {
    background-image: url(../../images/misc/select-arrow.png);
    background-repeat: no-repeat;
    background-position: 97% -17px
}

select option,select optgroup {
    text-transform: capitalize;
    background-color: #1f1f1f
}

input[type=file],input[type=text],input[type=email],input[type=password] {
    width: 100%;
    height: auto
}

input:-webkit-autofill {
    -webkit-box-shadow: inset 0 0 0 2px #0f0f0f,inset 0 0 0 100000px #191919;
    -webkit-text-fill-color: #979797
}

input:-webkit-autofill:focus {
    -webkit-box-shadow: inset 0 0 0 2px #0f0f0f,inset 0 0 0 100000px #191919;
    -webkit-text-fill-color: #f0a31c
}

*:input-placeholder {
    color: #808080
}

*:-o-input-placeholder {
    color: #808080
}

*:-ms-input-placeholder {
    color: #808080
}

*:-moz-placeholder {
    color: #808080
}

*::-webkit-input-placeholder {
    color: #808080
}

.page_form input[type=submit] {
    margin-top: 20px
}

#ucp_info aside:first-child {
    background-color: transparent;
    background-image: url(../../images/vertical_divider.png);
    background-repeat: no-repeat;
    background-position: right top
}

#ucp_info aside:nth-child(3) {
    background-color: transparent;
    background-image: url(../../images/vertical_divider.png);
    background-repeat: no-repeat;
    background-position: left top
}

#ucp_info aside:last-child {
    border-right: none !important
}

#ucp_info td {
    font-size: 10px
}

#ucp_info td:nth-child(2) {
    font-weight: 700
}

#ucp_characters h1,.online_realm_button {
    color: #766e64;
    padding: 15px;
    font-size: 12px;
    box-shadow: 0 0 10px rgba(0,0,0,.5),inset 0 0 0 1px rgba(0,0,0,.02),inset 0 -25px 0 rgba(0,0,0,.1);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,.5),inset 0 0 0 1px rgba(0,0,0,.02),inset 0 -25px 0 rgba(0,0,0,.1);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.5),inset 0 0 0 1px rgba(0,0,0,.02),inset 0 -25px 0 rgba(0,0,0,.1);
    font-weight: 700;
    font-family: 'PT Sans Caption',sans-serif;
    text-shadow: 0 0 4px rgba(0,0,0,.3),0 2px 0 #000;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    letter-spacing: 0;
    text-transform: uppercase;
    background-color: rgba(255,255,255,.02);
    transition: color .4s,box-shadow .4s,background .4s;
    -o-transition: color .4s,box-shadow .4s,background .4s;
    -ms-transition: color .4s,box-shadow .4s,background .4s;
    -moz-transition: color .4s,box-shadow .4s,background .4s;
    -webkit-transition: color .4s,box-shadow .4s,background .4s
}

#ucp_characters h1:hover,.online_realm_button:hover {
    box-shadow: 0 0 15px rgba(0,0,0,.6),inset 0 0 0 1px rgba(0,0,0,.02),inset 0 -25px 0 rgba(0,0,0,.1);
    -moz-box-shadow: 0 0 15px rgba(0,0,0,.6),inset 0 0 0 1px rgba(0,0,0,.02),inset 0 -25px 0 rgba(0,0,0,.1);
    -webkit-box-shadow: 0 0 15px rgba(0,0,0,.6),inset 0 0 0 1px rgba(0,0,0,.02),inset 0 -25px 0 rgba(0,0,0,.1);
    background-color: rgba(255,255,255,.03)
}

.nice_table tr:not(:first-child) td {
    padding: 15px 0 0
}

.nice_table tr:first-child td {
    color: #a9a8a8;
    font-size: 12px;
    box-shadow: 0 1px 0 0 #000,0 2px 0 0 #282625;
    -moz-box-shadow: 0 1px 0 0 #000,0 2px 0 0 #282625;
    -webkit-box-shadow: 0 1px 0 0 #000,0 2px 0 0 #282625;
    font-weight: 700;
    font-family: 'PT Sans Caption',sans-serif;
    text-shadow: 0 0 4px rgba(0,0,0,.3),0 2px 0 #000
}

.nice_table tr:first-child td a {
    color: #a9a8a8
}

.nice_table tr:first-child td a:hover {
    color: #c1bebe
}

.nice_table td {
    vertical-align: middle
}

.fusioneditor {
    padding: 2px;
    box-shadow: inset 0 0 0 2px rgba(0,0,0,.24),0 1px 0 rgba(255,255,255,.03);
    -moz-box-shadow: inset 0 0 0 2px rgba(0,0,0,.24),0 1px 0 rgba(255,255,255,.03);
    -webkit-box-shadow: inset 0 0 0 2px rgba(0,0,0,.24),0 1px 0 rgba(255,255,255,.03);
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background-color: #0b0b0b;
    background-color: rgba(0,0,0,.35)
}

.fusioneditor .fusioneditor_tools {
    zoom:1;color: #3d4346;
    border: none;
    overflow: hidden;
    box-shadow: 0 2px 0 rgba(0,0,0,.24),inset 0 0 0 1px rgba(255,255,255,.01),inset 0 -1px 0 rgba(255,255,255,.02);
    -moz-box-shadow: 0 2px 0 rgba(0,0,0,.24),inset 0 0 0 1px rgba(255,255,255,.01),inset 0 -1px 0 rgba(255,255,255,.02);
    -webkit-box-shadow: 0 2px 0 rgba(0,0,0,.24),inset 0 0 0 1px rgba(255,255,255,.01),inset 0 -1px 0 rgba(255,255,255,.02);
    line-height: 0;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-color: transparent;
    background-image: url(../../images/misc/bar-bg.jpg);
    background-repeat: repeat;
    background-position: top left
}

.fusioneditor .fusioneditor_tools a {
    zoom:1;border: none !important;
    overflow: hidden;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.03),0 1px 1px rgba(0,0,0,.3);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.03),0 1px 1px rgba(0,0,0,.3);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.03),0 1px 1px rgba(0,0,0,.3);
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-color: #262521;
    background-color: rgba(155,150,137,.08);
    transition: all 0ms;
    -o-transition: all 0ms;
    -ms-transition: all 0ms;
    -moz-transition: all 0ms;
    -webkit-transition: all 0ms
}

.fusioneditor .fusioneditor_tools a:hover {
    box-shadow: inset 0 1px 0 rgba(255,255,255,.03),0 1px 1px rgba(0,0,0,.3);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.03),0 1px 1px rgba(0,0,0,.3);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.03),0 1px 1px rgba(0,0,0,.3);
    background-color: #161614;
    background-color: rgba(0,0,0,.2)
}

.fusioneditor .fusioneditor_tools a:active {
    background-color: #161614;
    background-color: rgba(0,0,0,.2)
}

.fusioneditor .fusioneditor_field {
    color: #737373;
    border: 0 !important;
    margin: 5px;
    resize: none;
    cursor: text;
    padding: 0;
    font-size: 13px;
    font-family: 'PT Sans Caption',sans-serif;
    background-color: transparent
}

.fusioneditor .fusioneditor_field b {
    font-weight: 700
}

.fusioneditor .fusioneditor_toolbox {
    border-top: #0b0b0b;
    border-top: 2px rgba(0,0,0,.35) solid
}

#pm_username_autocomplete {
    width: 100% !important;
    color: #a9a8a8;
    border: none !important;
    overflow: hidden !important;
    font-size: 12px;
    font-weight: 700;
    font-family: 'PT Sans Caption',sans-serif;
    text-shadow: 0 0 4px rgba(0,0,0,.3),0 2px 0 #000;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    background-color: #131313 !important
}

#pm_username_autocomplete a {
    border: 2px #313131 solid !important
}

#ucp_buttons {
    width: 100%
}

#ucp_buttons a {
    margin: 0 0 18px 18px !important
}

.search_result_character .name {
    margin: -3px 0 0 !important
}

#armory_top h1 {
    color: #6b6b6b;
    margin: -5px 0 0 !important
}

#armory_stats td {
    font-size: 12px !important
}

#avatar_page center {
    color: #fff
}

.label-default {
    border-color: #999
}

.label-default[href]:focus,.label-default[href]:hover {
    background-color: #999
}

.label-primary {
    border-color: #2196f3
}

.label-primary[href]:focus,.label-primary[href]:hover {
    background-color: #2196f3
}

.label-success {
    border-color: #4caf50
}

.label-success[href]:focus,.label-success[href]:hover {
    background-color: #4caf50
}

.label-info {
    border-color: #00bcd4
}

.label-info[href]:focus,.label-info[href]:hover {
    background-color: #00bcd4
}

.label-warning {
    border-color: #ff5722
}

.label-warning[href]:focus,.label-warning[href]:hover {
    background-color: #ff5722
}

.label-danger {
    border-color: #f44336
}

.label-danger[href]:focus,.label-danger[href]:hover {
    background-color: #f44336
}

.label-striped {
    background-color: #f5f5f5;
    color: #333;
    border-left-width: 2px;
    padding: 5px 10px
}

.label-striped.label-striped-right {
    border-left-width: 1px;
    border-right-width: 2px
}

.label-striped,.label-striped.label-icon {
    border-radius: 0
}

.label-striped[href]:focus,.label-striped[href]:hover {
    color: #333;
    background-color: #eee;
    -webkit-box-shadow: none;
    box-shadow: none
}

.label {
    display: inline-block;
    font-weight: 500;
    padding: 2px 5px 1px 5px;
    line-height: 1.5384616;
    border: 1px solid transparent;
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing: .1px;
    border-radius: 2px
}

.label-success {
    background-color: #4caf50
}

.label {
    display: inline;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em
}

.label-default {
    background-color: #999
}

.label-default[href]:focus,.label-default[href]:hover {
    background-color: #808080
}

.label-primary {
    background-color: #2196f3
}

.label-primary[href]:focus,.label-primary[href]:hover {
    background-color: #0c7cd5
}

.label-success {
    background-color: #4caf50
}

.label-success[href]:focus,.label-success[href]:hover {
    background-color: #3d8b40
}

.label-info {
    background-color: #00bcd4
}

.label-info[href]:focus,.label-info[href]:hover {
    background-color: #008fa1
}

.label-warning {
    background-color: #ff5722
}

.label-warning[href]:focus,.label-warning[href]:hover {
    background-color: #ee3900
}

.label-danger {
    background-color: #f44336
}

.label-danger[href]:focus,.label-danger[href]:hover {
    background-color: #ea1c0d
}

#pm_read {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 20px
}

#pm_read .message_box {
    margin-bottom: 30px
}

.comment,.message_box {
    width: 354px;
    background-color: #f9f9f9;
    padding: 8px;
    border: 1px solid #c7c7c7;
    line-height: 1.5;
    color: #2b2b2b;
    margin-bottom: 15px
}

#pm_read .message_box {
    margin-bottom: 30px
}

.message_box:hover {
    border: 1px solid #999
}

.message_box a img {
    float: left;
    margin-right: 10px;
    border: 1px solid #fff
}

.message_box_author {
    font-weight: bold;
    display: block;
    width: 85%
}

.message_box_author:hover {
    text-decoration: none;
    color: #000
}

.message_box_date {
    float: right;
    color: #666;
    font-size: 10px
}

.right_msg p {
    color: #716e61 !important
}

.left_msg p {
    color: #9a9582 !important
}

.right_msg {
    color: #716e61 !important;
    border: 0 !important;
    box-shadow: 0 0 5px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.04),inset 0 0 0 1px rgba(255,255,255,.02),0 1px 1px rgba(0,0,0,.3) !important;
    -moz-box-shadow: 0 0 5px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.04),inset 0 0 0 1px rgba(255,255,255,.02),0 1px 1px rgba(0,0,0,.3) !important;
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.04),inset 0 0 0 1px rgba(255,255,255,.02),0 1px 1px rgba(0,0,0,.3) !important;
    border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
    width: 500px;
    min-height: 80px;
    float: right;
    display: block;
    margin-bottom: 20px;
    background: #10100f url(../../images/replybg.png) repeat
}

.left_msg {
    color: #9a9582 !important;
    border: 0 !important;
    box-shadow: 0 0 5px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.04),inset 0 0 0 1px rgba(255,255,255,.02),0 1px 1px rgba(0,0,0,.3) !important;
    -moz-box-shadow: 0 0 5px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.04),inset 0 0 0 1px rgba(255,255,255,.02),0 1px 1px rgba(0,0,0,.3) !important;
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.04),inset 0 0 0 1px rgba(255,255,255,.02),0 1px 1px rgba(0,0,0,.3) !important;
    border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
    width: 500px;
    min-height: 80px;
    float: left;
    display: block;
    margin-bottom: 20px;
    background: #191919 url(../../images/replybg.png) repeat
}

.right_msg .author,.left_msg .author {
    float: left;
    width: 175px;
    text-align: left;
    font-weight: bold;
    margin-top: 5px;
    margin-left: 10px
}

.right_msg .date,.left_msg .date {
    float: right;
    width: 175px;
    text-align: right;
    font-weight: bold;
    margin-top: 5px;
    margin-right: 10px
}

.left_msg .msg {
    float: left;
    width: 480px;
    margin-left: 10px;
    margin-top: 3px;
    border-top: 1px dotted #4c4949;
    color: #776213;
    text-align: left
}

.right_msg .msg {
    float: left;
    width: 480px;
    margin-left: 10px;
    margin-top: 3px;
    border-top: 1px dotted #3c3c3b;
    color: #71663b
}

.right_msg .msg p,.left_msg .msg p {
    margin-top: 10px;
    margin-bottom: 5px;
    text-align: left
}

* {
    margin: 0;
    padding: 0;
    outline: none;
    position: relative;
    list-style: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

*,ul,li,h1,h2,p,b {
    margin: 0;
    padding: 0;
    list-style: none;
    line-height: 1.5;
    font-weight: 400
}

*:focus {
    outline: none
}

html,body {
    min-width: 1340px;
    color: #fff;
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-family: 'PT Sans Caption',sans-serif
}

body {
    background-color: transparent;
    /*background-image: url(../../images/texture_dark_1.jpg);*/
    background-repeat: repeat;
    background-position: center center
}

body:before {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    filter: alpha(opacity=10);
    opacity: .1;
    -ms-filter: "alpha(opacity=10)";
    -moz-opacity: .1;
    -khtml-opacity: .1;
    content: "";
    position: absolute;
    background: #1f1f1f;
    background: -moz-linear-gradient(top,#1f1f1f 0%,#1f1f1f 43%,#151515 58%,#0c0c0c 66%,#010101 81%,#000 100%);
    background: -webkit-linear-gradient(top,#1f1f1f 0%,#1f1f1f 43%,#151515 58%,#0c0c0c 66%,#010101 81%,#000 100%);
    background: linear-gradient(to bottom,#1f1f1f 0%,#1f1f1f 43%,#151515 58%,#0c0c0c 66%,#010101 81%,#000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1f1f1f',endColorstr='#000000',GradientType=0)
}

a {
    color: #d6991f;
    text-decoration: none
}

a:hover {
    color: #f8a705
}

img {
    border: none;
    background-color: transparent
}

.clear {
    clear: both
}

.border_box {
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.self_clear:after {
    height: 0;
    clear: both;
    content: '';
    display: block;
    font-size: 0;
    visibility: hidden
}

.vertical_center {
    top: 50% !important;
    transform: translateY(-50%) !important;
    -o-transform: translateY(-50%) !important;
    -ms-transform: translateY(-50%) !important;
    -moz-transform: translateY(-50%) !important;
    -webkit-transform: translateY(-50%) !important
}

.anti_blur,.anti_blur * {
    -webkit-transform: translateZ(0)
}

.overflow_ellipsis,.overflow_ellipsis * {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align: inherit
}

.main_b_holder {
    width: 100%;
    height: auto;
    z-index: 6;
    display: block
}

.main_b_holder .body_content {
    width: 1085px;
    height: auto;
    color: #8f8b82;
    margin: 0 auto;
    border: 2px #232323 solid;
    display: block;
    padding: 0 3px 3px;
    box-shadow: 0 0 28px 0 #0b0b0b;
    -moz-box-shadow: 0 0 28px 0 #0b0b0b;
    -webkit-box-shadow: 0 0 28px 0 #0b0b0b;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    background-color: transparent;
    background-image: url(../../images/texture_dark_2.jpg);
    background-repeat: repeat;
    background-position: center center
}

.main_b_holder .body_content:after {
    width: 100%;
    height: 10px;
    left: -2px;
    bottom: -2px;
    z-index: 9;
    content: "";
    padding: 0 2px;
    position: absolute;
    background: -moz-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,.45) 100%);
    background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,.45) 100%);
    background: linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,.45) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#73000000',GradientType=0)
}

.main_b_holder .body_content .body_effects {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    overflow: hidden;
    position: absolute
}

.main_b_holder .body_content .body_effects .body-border {
    z-index: 8;
    position: absolute;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    background-color: #131314;
    background-color: rgba(0,0,0,.26)
}

.main_b_holder .body_content .body_effects .body-border.top-left-to-right {
    width: 100%;
    height: 3px;
    top: 0;
    left: 0
}

.main_b_holder .body_content .body_effects .body-border.left-top-to-bottom {
    width: 3px;
    height: 100%;
    top: 0;
    left: 0
}

.main_b_holder .body_content .body_effects .body-border.right-top-to-bottom {
    width: 3px;
    height: 100%;
    top: 0;
    right: 0
}

.main_b_holder .body_content .body_effects .body-border.bottom-left-to-right {
    width: 100%;
    height: 3px;
    left: 0;
    bottom: 0
}

.main_b_holder .body_content .body_effects .mainside-bg {
    width: 753px;
    height: 100%;
    top: -3px;
    left: 3px;
    position: absolute;
    border-right: 3px #0c0a09 solid;
    background-color: transparent;
    background-image: url(../../images/texture_light_1.jpg);
    background-repeat: repeat;
    background-position: center center
}

.main_b_holder .body_content .body_effects .sidebar-bg {
    width: 323px;
    height: 100%;
    top: -3px;
    right: 3px;
    position: absolute;
    background-color: transparent;
    background-image: url(../../images/texture_dark_3.jpg);
    background-repeat: repeat;
    background-position: center center
}

.main_b_holder .body_content .body_effects .sidebar-bg:before {
    width: 2px;
    height: 100%;
    top: 0;
    left: 0;
    content: "";
    position: absolute;
    background: -moz-linear-gradient(left,rgba(255,255,255,.03) 0%,rgba(255,255,255,.03) 100%);
    background: -webkit-linear-gradient(left,rgba(255,255,255,.03) 0%,rgba(255,255,255,.03) 100%);
    background: linear-gradient(to right,rgba(255,255,255,.03) 0%,rgba(255,255,255,.03) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#08ffffff',endColorstr='#08ffffff',GradientType=1)
}

.topbar {
    width: 100%;
    height: 36px;
    z-index: 9;
    display: block;
    background-color: transparent;
    background-image: url(../../images/misc/topbar.jpg);
    background-repeat: repeat-x;
    background-position: center center
}

.topbar .topbar-inner {
    width: 1118px;
    height: 100%;
    margin: 0 auto;
    display: block;
    padding: 0 19px
}

.topbar .topbar-inner .topbar-left {
    width: 50%;
    height: 100%;
    float: left
}

.topbar .topbar-inner .topbar-right {
    float: right;
    text-align: right
}

.topbar .topbar-inner .topbar-sep {
    width: 1px;
    height: 30%;
    margin: 0 7px;
    display: inline-block;
    border-right: 1px #292929 solid;
    vertical-align: middle;
    background-color: #3b3a3a
}

.topbar .topbar-inner .topbar-noti {
    width: 100%;
    height: 100%;
    overflow: hidden;
    text-shadow: 0 2px 0 rgba(0,0,0,.4);
    font-family: 'PT Sans Caption',sans-serif
}

.topbar .topbar-inner .topbar-noti .noti_title {
    float: left;
    color: #b12424;
    font-size: 11px;
    line-height: 32px;
    font-weight: 700;
    letter-spacing: .3px;
    text-transform: uppercase
}

.topbar .topbar-inner .topbar-noti .noti_readmore {
    float: right;
    color: #686767;
    font-size: 10px;
    line-height: 32px
}

.topbar .topbar-inner .topbar-noti .noti_text {
    width: 1%;
    height: auto;
    padding: 0 0 0 3px;
    display: table-cell;
    text-align: left
}

.topbar .topbar-inner .topbar-noti .noti_text p {
    color: #686767;
    font-size: 12px;
    line-height: 32px;
    letter-spacing: .5px
}

.topbar .topbar-inner .topbar-misc {
    width: 100%;
    height: 100%
}

.topbar .topbar-inner .topbar-misc .misc_readfaq {
    color: #838383;
    display: inline-block;
    font-size: 10px;
    line-height: 32px;
    text-shadow: 0 2px 0 rgba(0,0,0,.4);
    font-family: 'PT Sans Caption',sans-serif;
    letter-spacing: .5px
}

.topbar .topbar-inner .topbar-misc .misc_readfaq a {
    color: #b6b6b6
}

.topbar .topbar-inner .topbar-misc .misc_readfaq a:hover {
    color: #e0e0e0
}

.topbar .topbar-inner .topbar-misc select {
    width: 130px;
    margin: 6px 0 0;
    padding: .5px 8px;
    font-size: 10px;
    transform: skewX(-10deg);
    -o-transform: skewX(-10deg);
    -ms-transform: skewX(-10deg);
    -moz-transform: skewX(-10deg);
    -webkit-transform: skewX(-10deg);
    vertical-align: top;
    background-image: url(../../images/misc/select-lang.png);
    background-position: 97% -6px
}

.topbar .topbar-inner .topbar-misc select:focus {
    background-position: 97% -36px
}

.topbar .topbar-inner .topbar-misc .sbHolder {
    width: 130px;
    margin: 6px 0 0;
    padding: 2.5px 8px;
    font-size: 10px;
    vertical-align: baseline
}

.topbar .topbar-inner .topbar-misc .sbHolder .sbToggle {
    width: 25px;
    height: 16px;
    top: 2px;
    transform: skewX(-10deg);
    -o-transform: skewX(-10deg);
    -ms-transform: skewX(-10deg);
    -moz-transform: skewX(-10deg);
    -webkit-transform: skewX(-10deg);
    background-image: url(../../images/misc/select-lang.png);
    background-position: 0 -6px
}

.topbar .topbar-inner .topbar-misc .sbHolder .sbToggle:before {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    content: "";
    position: absolute;
    background-color: transparent;
    background-image: url(../../images/misc/select-lang.png);
    background-repeat: no-repeat;
    background-position: 0 -36px;
    transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    -ms-transition: opacity .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out;
    -webkit-transition: opacity .3s ease-in-out
}

.topbar .topbar-inner .topbar-misc .sbHolder .sbToggle.sbToggleOpen:before {
    opacity: 1
}

.topbar .topbar-inner .topbar-misc .sbHolder .sbSelector {
    transform: skewX(-10deg);
    -o-transform: skewX(-10deg);
    -ms-transform: skewX(-10deg);
    -moz-transform: skewX(-10deg);
    -webkit-transform: skewX(-10deg);
    line-height: 18px
}

.topbar .topbar-inner .topbar-misc .sbHolder .sbOptions {
    top: 20px !important;
    left: -2px
}

.header {
    width: 100%;
    height: 93px;
    z-index: 8;
    display: block
}

.header .header-inner {
    width: 1134px;
    height: 100%;
    margin: 0 auto;
    display: block;
    background-color: transparent;
    background-image: url(../../images/misc/navigation.png);
    background-repeat: repeat;
    background-position: center center
}

.header .header-inner .logo_holder {
    width: 106px;
    height: 106px;
    top: -6.5px;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 9;
    position: absolute
}

.header .header-inner .logo_holder h1 {
    width: 100%;
    height: 100%;
    display: block
}

.header .header-inner .logo_holder h1 .logo {
    width: 100%;
    height: 100%;
    display: block;
    text-indent: -99999px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: top center;
    /*background-image: url(../../images/misc/logo.png)*/
}

.header .header-inner .logo_holder h1 .logo:before {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    content: "";
    opacity: 0;
    position: absolute;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: bottom center;
    transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    -ms-transition: opacity .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out;
    -webkit-transition: opacity .3s ease-in-out;
    /*background-image: url(../../images/misc/logo.png)*/
}

.header .header-inner .logo_holder h1 .logo:hover:before {
    opacity: 2
}

.header .header-inner .navigation {
    width: 100%;
    height: 100%;
    padding: 14px 10px 11px
}

.header .header-inner .navigation .nav_menu {
    width: 46.5%;
    height: 100%;
    text-align: center;
    white-space: nowrap
}

.header .header-inner .navigation .nav_menu>li {
    width: -webkit-calc(100%/3);
    width: -moz-calc(100%/3);
    width: -o-calc(100%/3);
    width: calc(100%/3);
    height: 100%;
    float: left
}

.header .header-inner .navigation .nav_menu>li>.nav_item {
    width: 100%;
    height: 100%;
    display: block;
    text-decoration: none;
}

.header .header-inner .navigation .nav_menu>li>.nav_item:after {
    width: 19px;
    height: 55px;
    top: 6.5px;
    content: "";
    position: absolute;
    background-color: transparent;
    background-image: url(../../images/misc/nav-separator.png);
    background-repeat: no-repeat
}

.header .header-inner .navigation .nav_menu>li>.nav_item span {
    color: #bcb7b3;
    display: block;
    font-size: 11px;
    line-height: 73px;
    font-family: 'PT Sans Caption',sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    transition: color .3s ease-in-out;
    -o-transition: color .3s ease-in-out;
    -ms-transition: color .3s ease-in-out;
    -moz-transition: color .3s ease-in-out;
    -webkit-transition: color .3s ease-in-out
}

.header .header-inner .navigation .nav_menu>li>.nav_item span i {
    width: 100%;
    height: 50%;
    top: 0;
    left: 0;
    color: #a29b96;
    overflow: hidden;
    position: absolute;
    font-size: 11px;
    font-style: inherit;
    line-height: 73px;
    font-family: 'PT Sans Caption',sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    transition: color .3s ease-in-out;
    -o-transition: color .3s ease-in-out;
    -ms-transition: color .3s ease-in-out;
    -moz-transition: color .3s ease-in-out;
    -webkit-transition: color .3s ease-in-out
}

.header .header-inner .navigation .nav_menu>li:hover>.nav_item span {
    color: #d4d0cd
}

.header .header-inner .navigation .nav_menu>li:hover>.nav_item span i {
    color: #b9b3ae
}

.header .header-inner .navigation .nav_menu>li>.nav_item.nav_active span {
    color: #d38e16
}

.header .header-inner .navigation .nav_menu>li>.nav_item.nav_active span i {
    color: #edd223
}

.header .header-inner .navigation .nav_menu>li>.nav_item.hasSubmenu:before {
    width: 14px;
    height: 10px;
    left: 0;
    right: 0;
    bottom: 5px;
    margin: 0 auto;
    content: "";
    position: absolute;
    background-color: transparent;
    background-image: url(../../images/misc/nav-submenu-sprite.png);
    background-repeat: no-repeat;
    background-position: top right;
    transition: bottom .1s ease-in-out;
    -o-transition: bottom .1s ease-in-out;
    -ms-transition: bottom .1s ease-in-out;
    -moz-transition: bottom .1s ease-in-out;
    -webkit-transition: bottom .1s ease-in-out
}

.header .header-inner .navigation .nav_menu>li:hover>.nav_item.hasSubmenu:before {
    bottom: 0
}

.header .header-inner .navigation .nav_menu.left_area {
    float: left
}

.header .header-inner .navigation .nav_menu.left_area>li>.nav_item:after {
    left: -9.5px;
    background-position: top left
}

.header .header-inner .navigation .nav_menu.left_area>li:first-child>.nav_item:after {
    display: none
}

.header .header-inner .navigation .nav_menu.right_area {
    float: right
}

.header .header-inner .navigation .nav_menu.right_area>li>.nav_item:after {
    right: -9.5px;
    background-position: top right
}

.header .header-inner .navigation .nav_menu.right_area>li:last-child>.nav_item:after {
    display: none
}

#menutrim1 {
    margin-left: 87px;
    margin-top: 15px
}

#menutrim2 {
    margin-left: 94px;
    margin-top: 15px
}

#menutrim3 {
    margin-left: 94px;
    margin-top: 15px
}

.header .header-inner .navigation .dropdown-holder {
    position: absolute;
    width: 200px;
    height: 0;
    left: -53%;
    top: 57px;
    overflow: hidden;
    opacity: 0;
    transition: all ease-in-out 900ms;
    -webkit-transition: all ease-in-out 900ms;
    -moz-transition: all ease-in-out 900ms;
    -o-transition: all ease-in-out 900ms
}

.header .header-inner .navigation .nav_menu>li:hover>.nav_item.hasSubmenu+.dropdown-holder {
    opacity: 1;
    height: 280px
}

.header .header-inner .navigation .dropdown-holder:before,.header .header-inner .navigation .dropdown-holder:after {
    width: 26px;
    height: 38px;
    top: 0;
    content: "";
    position: absolute
}

.header .header-inner .navigation .dropdown-holder:before {
    left: -26px;
    background-position: 0 0
}

.header .header-inner .navigation .dropdown-holder:after {
    right: -26px;
    background-position: -31px 0
}

.header .header-inner .navigation .dropdown-holder .dropdown-nav {
    width: 196px;
    height: auto;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -webkit-box-shadow: 0 0 4px 0 rgba(0,0,0,.75);
    -moz-box-shadow: 0 0 4px 0 rgba(0,0,0,.75);
    box-shadow: 0 0 4px 0 rgba(0,0,0,.75);
    font-family: 'PT Sans Caption',sans-serif;
    text-shadow: 0 2px 0 rgba(0,0,0,.4);
    border-width: 2px;
    border-style: solid;
    border-color: #792121;
    background-color: #191919;
    border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px
}

.header .header-inner .navigation .dropdown-holder .dropdown-nav li {
    display: block;
    text-align: left;
    background: url(../../images/misc/drop-down-sep.html) no-repeat bottom center
}

.header .header-inner .navigation .dropdown-holder .dropdown-nav li a {
    width: 188px;
    padding-left: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #999;
    display: block;
    font-size: 10px;
    line-height: 28px;
    font-weight: 700;
    font-family: 'PT Sans Caption',sans-serif;
    letter-spacing: .5px;
    text-transform: uppercase
}

.header .header-inner .navigation .dropdown-holder .dropdown-nav li a:hover {
    color: #c5c5c5;
    background: url(../../images/menu-dropdown-hover.html) no-repeat
}

.header .header-inner .navigation .dropdown-holder .dropdown-nav li a .fa {
    margin-right: 5px
}

.slider_container {
    width: 93%;
    max-width: 1329px;
    height: 320px;
    top: -42px;
    margin: 0 auto -34px auto;
    z-index: 7;
    display: block;
    padding: 6px;
    transform: perspective(100px) rotateX(1deg);
    -o-transform: perspective(100px) rotateX(1deg);
    -ms-transform: perspective(100px) rotateX(1deg);
    -moz-transform: perspective(100px) rotateX(1deg);
    -webkit-transform: perspective(100px) rotateX(1deg)
}

.slider_container:before {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    content: "";
    position: absolute;
    box-shadow: 0 0 10px 2px #040404;
    -moz-box-shadow: 0 0 10px 2px #040404;
    -webkit-box-shadow: 0 0 10px 2px #040404;
    border-bottom: 3px #131313 solid;
    background-size: 100% 100%;
    background-color: transparent;
    background-image: url(../../images/misc/slider_frame.jpg);
    background-repeat: no-repeat;
    background-position: top center
}

.slider_container #slider {
    width: 100%;
    height: 100%
}

.slider_container #slider>img {
    width: 100%;
    height: 100%
}

.slider_container #slider .fluxslider {
    width: 100% !important;
    height: 100% !important;
    overflow: hidden
}

.slider_container #slider .fluxslider .surface {
    width: 100% !important;
    height: 100% !important;
    overflow: hidden
}

.slider_container #slider .fluxslider .surface:after {
    width: 125%;
    height: 65%;
    top: -10%;
    left: -10%;
    content: "";
    position: absolute;
    box-shadow: 0 1px 5px 0 rgba(0,0,0,.15);
    -moz-box-shadow: 0 1px 5px 0 rgba(0,0,0,.15);
    -webkit-box-shadow: 0 1px 5px 0 rgba(0,0,0,.15);
    background: -moz-linear-gradient(45deg,rgba(255,255,255,.07) 0%,rgba(255,255,255,.07) 1%,rgba(255,255,255,.03) 100%);
    background: -webkit-linear-gradient(45deg,rgba(255,255,255,.07) 0%,rgba(255,255,255,.07) 1%,rgba(255,255,255,.03) 100%);
    background: linear-gradient(45deg,rgba(255,255,255,.07) 0%,rgba(255,255,255,.07) 1%,rgba(255,255,255,.03) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#12ffffff',endColorstr='#08ffffff',GradientType=1);
    transform: rotate(2deg);
    -o-transform: rotate(2deg);
    -ms-transform: rotate(2deg);
    -moz-transform: rotate(2deg);
    -webkit-transform: rotate(2deg)
}

.slider_container #slider .fluxslider .surface .caption {
    width: 100% !important;
    height: 100% !important;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0;
    text-align: right;
    background: 0 0
}

.slider_container #slider .fluxslider .surface .caption:empty,.slider_container #slider .fluxslider .surface .caption *:empty {
    display: none
}

.slider_container #slider .fluxslider .surface .caption * {
    font-weight: 400;
    font-family: 'PT Sans Caption',sans-serif;
    text-shadow: 0 2px 0 #000,0 0 8px #262e04
}

.slider_container #slider .fluxslider .surface .caption span {
    top: 76%;
    left: auto;
    right: 25px;
    color: #fff;
    display: block;
    font-size: 14px;
    line-height: 0;
    text-transform: uppercase;
    animation: fadeDown ease-out 1s;
    -o-animation: fadeDown ease-out 1s;
    -ms-animation: fadeDown ease-out 1s;
    -moz-animation: fadeDown ease-out 1s;
    -webkit-animation: fadeDown ease-out 1s
}

.slider_container #slider .fluxslider .surface .caption span i {
    font-style: inherit;
    font-family: 'PT Sans Caption',sans-serif
}

@keyframes fadeDown {
    0% {
        top: -10%;
        opacity: 0
    }

    100% {
        top: 76%;
        opacity: 1
    }
}

@-o-keyframes fadeDown {
    0% {
        top: -10%;
        opacity: 0
    }

    100% {
        top: 76%;
        opacity: 1
    }
}

@-ms-keyframes fadeDown {
    0% {
        top: -10%;
        opacity: 0
    }

    100% {
        top: 76%;
        opacity: 1
    }
}

@-moz-keyframes fadeDown {
    0% {
        top: -10%;
        opacity: 0
    }

    100% {
        top: 76%;
        opacity: 1
    }
}

@-webkit-keyframes fadeDown {
    0% {
        top: -10%;
        opacity: 0
    }

    100% {
        top: 76%;
        opacity: 1
    }
}

.slider_container #slider .fluxslider .surface .caption a {
    top: 77%;
    left: auto;
    right: 25px;
    color: #b4b4b4;
    display: block;
    font-size: 10px;
    animation: fadeUp ease-out 1s;
    -o-animation: fadeUp ease-out 1s;
    -ms-animation: fadeUp ease-out 1s;
    -moz-animation: fadeUp ease-out 1s;
    -webkit-animation: fadeUp ease-out 1s;
    margin-top: 5px
}

.slider_container #slider .fluxslider .surface .caption a:hover {
    color: #ebe9e2
}

.slider_container #slider .fluxslider .surface .caption br {
    display: block !important
}

@keyframes fadeUp {
    0% {
        top: 110%;
        opacity: 0
    }

    100% {
        top: 77%;
        opacity: 1
    }
}

@-o-keyframes fadeUp {
    0% {
        top: 110%;
        opacity: 0
    }

    100% {
        top: 77%;
        opacity: 1
    }
}

@-ms-keyframes fadeUp {
    0% {
        top: 110%;
        opacity: 0
    }

    100% {
        top: 77%;
        opacity: 1
    }
}

@-moz-keyframes fadeUp {
    0% {
        top: 110%;
        opacity: 0
    }

    100% {
        top: 77%;
        opacity: 1
    }
}

@-webkit-keyframes fadeUp {
    0% {
        top: 110%;
        opacity: 0
    }

    100% {
        top: 77%;
        opacity: 1
    }
}

.slider_container #slider .fluxslider .surface .images {
    width: 100% !important;
    height: 100% !important
}

.slider_container #slider .fluxslider .surface .images:before {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999;
    content: "";
    position: absolute;
    background: -moz-radial-gradient(center,ellipse cover,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 30%,rgba(0,0,0,.4) 100%);
    background: -webkit-radial-gradient(center,ellipse cover,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 30%,rgba(0,0,0,.4) 100%);
    background: radial-gradient(ellipse at center,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 30%,rgba(0,0,0,.4) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#66000000',GradientType=1)
}

.slider_container #slider .fluxslider .surface .images:after {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999;
    content: "";
    position: absolute;
    background: -moz-radial-gradient(center,ellipse cover,rgba(26,26,26,0) 0%,rgba(26,26,26,.4) 100%);
    background: -webkit-radial-gradient(center,ellipse cover,rgba(26,26,26,0) 0%,rgba(26,26,26,.4) 100%);
    background: radial-gradient(ellipse at center,rgba(26,26,26,0) 0%,rgba(26,26,26,.4) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#001a1a1a',endColorstr='#661a1a1a',GradientType=1)
}

.slider_container #slider .fluxslider .surface .images>div {
    width: 100% !important;
    height: 100% !important
}

.slider_container #slider .fluxslider .surface #slider_next,.slider_container #slider .fluxslider .surface #slider_previous,.slider_container #slider .fluxslider .pagination {
    display: none
}

.slider_container .slider_pagination {
    width: 137px;
    height: 41px;
    left: 0;
    right: 0;
    bottom: -20.5px;
    margin: 0 auto;
    z-index: 9;
    position: absolute
}

.slider_container .slider_pagination .pagination {
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;
    text-align: center;
    line-height: 41px;
    background-color: transparent;
    background-image: url(../../images/misc/slider-btn.png);
    background-repeat: no-repeat;
    background-position: top center
}

.slider_container .slider_pagination .pagination li {
    width: 16px;
    height: 16px;
    top: 10px;
    color: transparent;
    margin: 0 1px !important;
    opacity: .9;
    font-size: 0;
    text-indent: -999999px;
    vertical-align: top;
    background-color: transparent;
    background-image: url(../../images/misc/slider-btn.png);
    background-repeat: no-repeat;
    background-position: bottom left
}

.slider_container .slider_pagination .pagination li:hover {
    opacity: 1
}

.slider_container .slider_pagination .pagination li.current {
    opacity: 1;
    background-position: bottom right
}

.countdown {
    top: 50%;
    left: 20%;
    z-index: 9;
    position: absolute
}

.countdown .countdown_title {
    margin: 0 0 10px;
    display: block;
    text-align: right
}

.countdown .countdown_title span {
    color: #f1eee2;
    display: block;
    font-size: 18px;
    font-style: inherit;
    line-height: 100%;
    font-family: 'PT Sans Caption',sans-serif;
    text-shadow: 0 0 8px rgba(34,34,34,.8),0 2px 0 #171717;
    letter-spacing: 1px;
    text-transform: uppercase
}

.countdown .countdown_title span i {
    width: 100%;
    height: 50%;
    top: 0;
    left: 0;
    color: #d4d1c7;
    overflow: hidden;
    position: absolute;
    font-size: 18px;
    font-style: inherit;
    line-height: 100%;
    font-family: 'PT Sans Caption',sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase
}

.countdown .countdown_text {
    float: right;
    margin: 0 10px 0 0;
    text-align: right
}

.countdown .countdown_text span {
    color: #e62524;
    font-size: 10px;
    font-family: 'PT Sans Caption',sans-serif;
    text-shadow: 0 0 8px rgba(34,34,34,.8),0 2px 0 #171717;
    vertical-align: top;
    text-transform: uppercase
}

.countdown .countdown_timer {
    width: 90px;
    height: auto;
    float: right
}

.countdown .countdown_timer span {
    width: 28px;
    height: 35px;
    float: left;
    color: #e99b13;
    margin: 0 1px;
    display: inline-block;
    overflow: hidden;
    font-size: 12px;
    text-align: center;
    font-family: 'PT Sans Caption',sans-serif;
    text-shadow: 0 0 8px rgba(34,34,34,.8),0 2px 0 #171717;
    vertical-align: middle;
    background: -moz-linear-gradient(top,rgba(0,0,0,.8) 0%,rgba(0,0,0,.7) 100%);
    background: -webkit-linear-gradient(top,rgba(0,0,0,.8) 0%,rgba(0,0,0,.7) 100%);
    background: linear-gradient(to bottom,rgba(0,0,0,.8) 0%,rgba(0,0,0,.7) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc000000',endColorstr='#b3000000',GradientType=0)
}

.countdown .countdown_timer span i {
    left: 0;
    right: 0;
    bottom: 0;
    color: #707070;
    margin: 0 auto;
    position: absolute;
    font-size: 10px;
    font-style: inherit;
    font-family: 'PT Sans Caption',sans-serif;
    text-transform: uppercase
}

.membershipbar {
    width: 100%;
    height: 37px;
    display: block;
    background-color: transparent;
    background-image: url(../../images/misc/membershipbar.jpg);
    background-repeat: repeat-x;
    background-position: center center
}

.membershipbar:before {
    width: 100%;
    height: 20px;
    top: -2px;
    left: -5px;
    padding: 0 5px;
    content: "";
    position: absolute;
    background: -moz-linear-gradient(top,rgba(0,0,0,.43) 0%,rgba(0,0,0,.42) 39%,rgba(0,0,0,.17) 44%,rgba(0,0,0,.04) 78%,rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(top,rgba(0,0,0,.43) 0%,rgba(0,0,0,.42) 39%,rgba(0,0,0,.17) 44%,rgba(0,0,0,.04) 78%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to bottom,rgba(0,0,0,.43) 0%,rgba(0,0,0,.42) 39%,rgba(0,0,0,.17) 44%,rgba(0,0,0,.04) 78%,rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6e000000',endColorstr='#00000000',GradientType=0)
}

.membershipbar:after {
    width: 100%;
    height: 2px;
    left: 0;
    bottom: -2px;
    content: "";
    position: absolute;
    background-color: #1c1d1a;
    background-color: rgba(255,255,255,.02)
}

.membershipbar .membershipbar-inner {
    width: 100%;
    height: 100%;
    z-index: 9;
    display: block
}

.membershipbar .membershipbar-inner .membershipbar-left {
    width: 750px;
    height: 100%;
    float: left;
    padding: 0 28px
}

.membershipbar .membershipbar-inner .membershipbar-left:before {
    width: 1px;
    height: 60%;
    top: 20%;
    right: 0;
    content: "";
    position: absolute
}

.membershipbar .membershipbar-inner .membershipbar-left>div {
    width: auto;
    height: 100%;
    line-height: 37px
}

.membershipbar .membershipbar-inner .membershipbar-right {
    width: 332px;
    height: 100%;
    float: right;
    padding: 0 13px
}

.membershipbar .membershipbar-inner .membershipbar-right>div {
    width: auto;
    height: 100%;
    line-height: 37px
}

.membershipbar .membershipbar-inner .membershipbar-sep {
    height: 30%;
    margin: 0 4px;
    display: inline-block;
    box-shadow: 0 0 5px #000;
    -moz-box-shadow: 0 0 5px #000;
    -webkit-box-shadow: 0 0 5px #000;
    vertical-align: middle;
    background-color: #2c2c2c
}

.membershipbar .membershipbar-inner .membershipbar-ulinks {
    float: left
}

.membershipbar .membershipbar-inner .membershipbar-ulinks a {
    color: #6e6e6e;
    font-size: 10px;
    text-shadow: 0 2px 0 rgba(0,0,0,.4);
    font-family: 'PT Sans Caption',sans-serif;
    letter-spacing: .5px;
    text-transform: uppercase
}

.membershipbar .membershipbar-inner .membershipbar-ulinks a:hover {
    color: #a1a1a1
}

.membershipbar .membershipbar-inner .membershipbar-socials {
    float: left;
    margin-left: -15px
}

.membershipbar .membershipbar-inner .membershipbar-socials .membershipbar-sep {
    border-color: #211111;
    background-color: #341515
}

.membershipbar .membershipbar-inner .membershipbar-socials .social_btn {
    width: 24px;
    height: 24px;
    margin: 0 1px;
    display: inline-block;
    border-bottom: 2px #0b0b0b solid;
    vertical-align: middle;
    background-color: #191919;
    background-image: url(../../images/misc/social_icons.png);
    background-repeat: no-repeat;
    transform: skewX(-10deg);
    -o-transform: skewX(-10deg);
    -ms-transform: skewX(-10deg);
    -moz-transform: skewX(-10deg);
    -webkit-transform: skewX(-10deg)
}

.membershipbar .membershipbar-inner .membershipbar-socials .social_btn:before {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border: 4px #101010 solid;
    content: "";
    position: absolute;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.membershipbar .membershipbar-inner .membershipbar-socials .social_btn:after {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border: 2px #5a1d1d solid;
    content: "";
    position: absolute;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.twitter_btn {
    background-position: 0 0
}

.facebook_btn {
    background-position: 0 -22px
}

.discord_btn {
    background-position: 0 -44px
}

.youtube_btn {
    background-position: 0 -66px
}

.membershipbar .membershipbar-inner .membershipbar-socials span {
    color: #b6b6b6;
    font-size: 10px;
    font-weight: 700;
    text-shadow: 0 2px 0 rgba(0,0,0,.4);
    font-family: 'PT Sans Caption',sans-serif;
    letter-spacing: .5px;
    text-transform: uppercase
}

.membershipbar .membershipbar-inner .membershipbar-socials span i {
    color: #838383;
    font-style: inherit
}

.membershipbar .membershipbar-inner .membershipbar-welcomemsg {
    float: left
}

.membershipbar .membershipbar-inner .membershipbar-welcomemsg span {
    color: #6e6e6e;
    font-size: 10px;
    font-weight: 700;
    text-shadow: 0 2px 0 rgba(0,0,0,.4);
    font-family: 'PT Sans Caption',sans-serif;
    letter-spacing: .3px;
    text-transform: uppercase
}

.membershipbar .membershipbar-inner .membershipbar-welcomemsg span a {
    color: #c22222
}

.membershipbar .membershipbar-inner .membershipbar-welcomemsg span a:hover {
    color: #e51111
}

.membershipbar .membershipbar-inner .membershipbar-welcomemsg span i {
    color: #c22222;
    font-style: inherit;
    font-weight: 700
}

.membershipbar .membershipbar-inner .membershipbar-accmenu {
    float: right
}

.membershipbar .membershipbar-inner .membershipbar-accmenu a {
    color: #6e6e6e;
    font-size: 10px;
    font-weight: 700;
    text-shadow: 0 2px 0 rgba(0,0,0,.4);
    font-family: 'PT Sans Caption',sans-serif;
    letter-spacing: .3px;
    text-transform: uppercase
}

.membershipbar .membershipbar-inner .membershipbar-accmenu a:hover {
    color: #a1a1a1
}

.membershipbar .membershipbar-inner .membershipbar-accmenu a.btn_red {
    color: #c52929
}

.membershipbar .membershipbar-inner .membershipbar-accmenu a.btn_red:hover {
    color: #dc1c1c
}

.mainside {
    width: 750px;
    float: left;
    z-index: 9
}

.mainside .welcome_box {
    width: 100%;
    height: 198px;
    padding: 4px 2px 4px 0;
    background-size: 100% 100%;
    background-color: transparent;
    background-image: url(../../images/misc/welcome_box.jpg);
    background-repeat: no-repeat;
    background-position: center center
}

.mainside .welcome_box .welcome_head {
    width: 100%;
    height: 50px;
    padding: 0 20px
}

.mainside .welcome_box .welcome_head span {
    width: auto;
    height: 100%;
    display: inline-block;
    line-height: 50px
}

.mainside .welcome_box .welcome_head .welcome_title {
    color: #c0bbb1;
    font-size: 14px;
    font-family: 'PT Sans Caption',sans-serif;
    text-shadow: 0 2px 0 rgba(0,0,0,.4);
    letter-spacing: .5px;
    text-transform: uppercase
}

.mainside .welcome_box .welcome_head .welcome_title:before {
    width: 100%;
    height: 10px;
    top: 15px;
    left: 0;
    z-index: 9;
    opacity: .8;
    content: "";
    position: absolute;
    box-shadow: 0 0 10px 0 rgba(0,0,0,.3);
    -moz-box-shadow: 0 0 10px 0 rgba(0,0,0,.3);
    -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.3);
    background: -webkit-linear-gradient(left,rgba(0,0,0,0) 0%,rgba(0,0,0,.35) 30%,rgba(0,0,0,.35) 70%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(0,0,0,.35) 30%,rgba(0,0,0,.35) 70%,rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#00000000',GradientType=1)
}

.mainside .welcome_box .welcome_head .welcome_title i {
    color: #eea923;
    font-style: inherit
}

.mainside .welcome_box .welcome_head .welcome_htc {
    padding: 0 0 0 30px
}

.mainside .welcome_box .welcome_head .welcome_htc:before {
    width: 172px;
    height: 100%;
    top: 0;
    left: -20px;
    content: "";
    position: absolute;
    background-color: transparent;
    background-image: url(../../images/misc/welcome_box-shadow.png);
    background-repeat: no-repeat;
    background-position: center left
}

.mainside .welcome_box .welcome_head .welcome_htc a {
    color: #828282;
    font-size: 10px;
    font-family: 'PT Sans Caption',sans-serif;
    text-shadow: 0 2px 0 rgba(0,0,0,.4);
    letter-spacing: .5px;
    text-transform: uppercase;
    vertical-align: text-bottom
}

.mainside .welcome_box .welcome_head .welcome_htc a:hover {
    color: #a5a5a5
}

.mainside .welcome_box .welcome_head .welcome_readmore,.welcome_readmore {
    float: right
}

.mainside .welcome_box .welcome_head .welcome_readmore a,.welcome_readmore a {
    color: #838383;
    border: 1px #272727 solid;
    padding: 5px 10px;
    font-size: 8px;
    font-family: 'PT Sans Caption',sans-serif;
    text-transform: uppercase;
    background-color: #161413;
    background-color: rgba(0,0,0,.35)
}

.mainside .welcome_box .welcome_head .welcome_readmore a:hover,.welcome_readmore a:hover {
    color: #c4c4c4
}

.mainside .welcome_box .welcome_head .welcome_readmore a:before,.welcome_readmore a:before {
    color: #e8b915;
    margin: 0 3px 0 0;
    content: "\0203A";
    position: relative;
    font-size: 16px;
    font-family: "Georgia","Apple Symbols",serif;
    vertical-align: sub;
    top: -2px
}

.mainside .welcome_box .welcome_head .welcome_readmore a:after,.welcome_readmore a:after {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border: 2px #0a0a0a solid;
    content: "";
    position: absolute;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.mainside .welcome_box .welcome_body {
    width: 100%;
    height: -webkit-calc(100% - 50px);
    height: -moz-calc(100% - 50px);
    height: -o-calc(100% - 50px);
    height: calc(100% - 50px);
    padding: 20px
}

.mainside .welcome_box .welcome_body .welcome_content {
    width: 100%;
    height: 100%;
    color: #8f8b82;
    overflow: hidden;
    font-size: 11px;
    text-shadow: 0 2px 0 rgba(0,0,0,.4);
    font-family: 'PT Sans Caption',sans-serif;
    letter-spacing: .5px
}

.mainside .content_header {
    width: 793px;
    height: 65px;
    top: -14px;
    left: -29px;
    margin: 0 0 -34px;
    z-index: 9;
    display: block;
    padding: 16px 16px 17px 55px;
    background-color: transparent;
    background-image: url(../../images/misc/content_header.png);
    background-repeat: no-repeat;
    background-position: center center
}

.mainside .content_header span {
    width: auto;
    height: 100%;
    color: #e9a31d;
    display: inline-block;
    padding: 0 0 0 10px;
    font-size: 13px;
    line-height: 34px;
    font-family: 'PT Sans Caption',sans-serif;
    text-shadow: 0 2px 0 rgba(0,0,0,.4);
    letter-spacing: .5px;
    text-transform: uppercase;
    font-weight: bold
}

.mainside .content_header span:before {
    width: 100%;
    height: 10px;
    top: 6.5px;
    left: 0;
    z-index: 9;
    opacity: .8;
    content: "";
    position: absolute;
    box-shadow: 0 0 10px 0 rgba(0,0,0,.3);
    -moz-box-shadow: 0 0 10px 0 rgba(0,0,0,.3);
    -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.3);
    background: -moz-linear-gradient(left,rgba(0,0,0,0) 0%,rgba(0,0,0,.35) 30%,rgba(0,0,0,.35) 70%,rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(left,rgba(0,0,0,0) 0%,rgba(0,0,0,.35) 30%,rgba(0,0,0,.35) 70%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(0,0,0,.35) 30%,rgba(0,0,0,.35) 70%,rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#00000000',GradientType=1)
}

.mainside .content_header span i {
    color: #cec9bf;
    font-style: inherit
}

.mainside .mainbox {
    width: 100%;
    height: auto;
    display: block;
    background-color: transparent;
    background-image: url(../../images/texture_light_1.jpg);
    background-repeat: repeat;
    background-position: center center
}

.mainside .mainbox:before {
    width: 100%;
    height: 153px;
    max-height: 100%;
    top: 0;
    lefT: 0;
    content: "";
    position: absolute;
    background-size: 100% 153px;
    background-color: transparent;
    background-image: url(../../images/mainbox_top.png);
    background-repeat: no-repeat;
    background-position: top center
}

.mainside .mainbox:after {
    width: 100%;
    height: 153px;
    max-height: 100%;
    left: 0;
    bottom: 0;
    content: "";
    position: absolute;
    background-size: 100% 153px;
    background-color: transparent;
    background-image: url(../../images/mainbox_bottom.png);
    background-repeat: no-repeat;
    background-position: bottom center
}

.mainside .mainbox .mainbox-inner {
    z-index: 8;
    height: 100%
}

.mainside .mainbox .mainbox-inner:before {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    content: "";
    position: absolute;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-shadow: inset 0 0 100px 0 rgba(0,0,0,.1);
    -moz-box-shadow: inset 0 0 100px 0 rgba(0,0,0,.1);
    -webkit-box-shadow: inset 0 0 100px 0 rgba(0,0,0,.1);
    border-style: solid;
    border-width: 2px 2px 0 0;
    border-color: #21201e;
    border-color: rgba(255,255,255,.03);
    background: -moz-radial-gradient(center,ellipse cover,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 75%,rgba(0,0,0,.15) 100%);
    background: -webkit-radial-gradient(center,ellipse cover,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 75%,rgba(0,0,0,.15) 100%);
    background: radial-gradient(ellipse at center,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 75%,rgba(0,0,0,.15) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#26000000',GradientType=1)
}

.mainside .mainbox .mainbox-inner .mainbox-header {
    width: 100%;
    height: 67px;
    display: block;
    padding: 0 25px;
    line-height: 67px
}

.mainside .mainbox .mainbox-inner .mainbox-body {
    padding: 25px
}

.mainside .mainbox .mainbox-inner .mainbox-body .divider,.mainside .mainbox .mainbox-inner .mainbox-body .ucp_divider {
    width: 100%;
    height: 13px;
    clear: both;
    margin: 20px auto;
    background-size: 100% auto;
    background-color: transparent;
    background-image: url(../../images/divider.png);
    background-repeat: no-repeat;
    background-position: top center
}

.mainside .mainbox .mainbox-inner .mainbox-body .ucp_divider {
    margin: 0 auto;
    padding: 15px 0
}

.mainside .mainbox .mainbox-inner .mainbox-body .vertical_divider {
    width: 13px;
    height: 674px;
    margin: auto 10px;
    background-color: transparent;
    background-image: url(../../images/vertical_divider.png);
    background-repeat: no-repeat;
    background-position: center top
}

.mainside .post .post-inner .post-header .post_info {
    width: auto;
    display: block;
    text-shadow: 0 2px 0 rgba(0,0,0,.4);
    letter-spacing: .5px;
    vertical-align: middle;
    text-transform: uppercase;
    padding-top: 20px
}

.mainside .post .post-inner .post-header p {
    font-size: 9px;
    text-shadow: 0 2px 0 rgba(0,0,0,.4);
    font-family: 'PT Sans Caption',sans-serif;
    letter-spacing: .5px;
    color: rgba(236,236,236,.36)
}

.mainside .post .post-inner .post-header .post_title {
    max-width: 80%
}

.mainside .post .post-inner .post-header .post_title a {
    color: #84817b;
    display: block;
    font-size: 11px;
    font-family: 'PT Sans Caption',sans-serif
}

.mainside .post .post-inner .post-header .post_title a:before {
    width: 100%;
    height: 10px;
    top: 23.5px;
    left: 0;
    z-index: 9;
    opacity: .8;
    content: "";
    position: absolute;
    box-shadow: 0 0 10px 0 rgba(0,0,0,.3);
    -moz-box-shadow: 0 0 10px 0 rgba(0,0,0,.3);
    -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.3);
    background: -moz-linear-gradient(left,rgba(0,0,0,0) 0%,rgba(0,0,0,.35) 30%,rgba(0,0,0,.35) 70%,rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(left,rgba(0,0,0,0) 0%,rgba(0,0,0,.35) 30%,rgba(0,0,0,.35) 70%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(0,0,0,.35) 30%,rgba(0,0,0,.35) 70%,rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#00000000',GradientType=1)
}

.mainside .post .post-inner .post-header .post_title a i {
    color: #c4c1ba;
    font-style: inherit;
    vertical-align: baseline
}

.mainside .post .post-inner .post-header .post_author {
    color: #918e87;
    font-size: 9px;
    font-family: 'PT Sans Caption',sans-serif
}

.mainside .post .post-inner .post-header .post_author:before {
    width: 1px;
    height: 25%;
    top: 37.5%;
    margin: 0 10px;
    content: "";
    display: inline-block;
    position: relative;
    box-shadow: 0 2px 0 0 rgba(0,0,0,.4);
    -moz-box-shadow: 0 2px 0 0 rgba(0,0,0,.4);
    -webkit-box-shadow: 0 2px 0 0 rgba(0,0,0,.4);
    border-right: 1px #2d2c2b solid;
    vertical-align: top;
    background-color: #3d3c3b
}

.mainside .post .post-inner .post-header .post_author a {
    color: #c52424
}

.mainside .post .post-inner .post-header .post_author a:hover {
    color: #e90000
}

.mainside .post .post-inner .post-header .post_date {
    color: #918e87;
    font-size: 9px;
    font-family: 'PT Sans Caption',sans-serif
}

.mainside .post .post-inner .post-header .post_date:before {
    width: 1px;
    height: 25%;
    top: 37.5%;
    margin: 0 10px;
    content: "";
    display: inline-block;
    position: relative;
    box-shadow: 0 2px 0 0 rgba(0,0,0,.4);
    -moz-box-shadow: 0 2px 0 0 rgba(0,0,0,.4);
    -webkit-box-shadow: 0 2px 0 0 rgba(0,0,0,.4);
    border-right: 1px #2d2c2b solid;
    vertical-align: top;
    background-color: #3d3c3b
}

.mainside .post .post-inner .post-header .post_comment {
    float: right
}

.mainside .post .post-inner .post-header .post_comment a {
    color: #6e6c68;
    font-size: 9px;
    line-height: 67px;
    font-family: 'PT Sans Caption',sans-serif
}

.mainside .post .post-inner .post-header .post_comment a:hover {
    color: #82807d
}

.mainside .post .post-inner .post-header .post_comment a i {
    color: #ce8a20;
    font-style: inherit;
    font-family: 'PT Sans Caption',sans-serif;
    vertical-align: baseline
}

.mainside .post .post-inner .post-body .avatar {
    width: 120px;
    height: 122px;
    margin: 0 10px 0 0;
    border-bottom: 2px #0c0c0c solid
}

.mainside .post .post-inner .post-body .avatar:before {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border: 2px #292929 solid;
    z-index: 9;
    content: "";
    position: absolute;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.mainside .post .post-inner .post-body .avatar:after {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border: 4px #0b0b0b solid;
    z-index: 8;
    content: "";
    position: absolute;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.mainside .post .post-inner .post-body .avatar img {
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden
}

.mainside .post .post-inner .post-body .post_content {
    color: #8f8b82;
    font-size: 12px;
    text-shadow: 0 2px 0 rgba(0,0,0,.4);
    font-family: 'PT Sans Caption',sans-serif
}

.mainside .post .post-inner .post-body .post_content img,.mainside .post .post-inner .post-body .post_content video,.mainside .post .post-inner .post-body .post_content table,.mainside .post .post-inner .post-body .post_content iframe {
    max-width: 100%
}

.mainside .post .post-inner .post-body .post_content b,.mainside .post .post-inner .post-body .post_content strong {
    font-weight: 700
}

.mainside .post .post-inner .post-body .post_content i {
    font-style: italic
}

.mainside .post .post-inner .post-body .post_content u {
    text-decoration: underline
}

.mainside .post .post-inner .post-body .post_content ul,.mainside .post .post-inner .post-body .post_content ol {
    padding-left: 20px
}

.mainside .post .post-inner .post-body .post_content ul li,.mainside .post .post-inner .post-body .post_content ol li {
    list-style: disc
}

.mainside .page:after {
    display: none
}

.mainside .page .page-inner:before {
    display: none
}

.mainside .page .page-inner .page-header .page_title {
    width: auto;
    max-width: 100%;
    height: 100%;
    color: #84817b;
    display: inline-block;
    font-size: 12px;
    line-height: 67px;
    font-family: 'PT Sans Caption',sans-serif;
    text-shadow: 0 2px 0 rgba(0,0,0,.4);
    letter-spacing: .5px;
    vertical-align: middle;
    text-transform: uppercase
}

.mainside .page .page-inner .page-header .page_title:before {
    width: 100%;
    height: 10px;
    top: 23.5px;
    left: 0;
    z-index: 9;
    opacity: .8;
    content: "";
    position: absolute;
    box-shadow: 0 0 10px 0 rgba(0,0,0,.3);
    -moz-box-shadow: 0 0 10px 0 rgba(0,0,0,.3);
    -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.3);
    background: -moz-linear-gradient(left,rgba(0,0,0,0) 0%,rgba(0,0,0,.35) 30%,rgba(0,0,0,.35) 70%,rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(left,rgba(0,0,0,0) 0%,rgba(0,0,0,.35) 30%,rgba(0,0,0,.35) 70%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(0,0,0,.35) 30%,rgba(0,0,0,.35) 70%,rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#00000000',GradientType=1)
}

.mainside .page .page-inner .page-header .page_title i,.mainside .page .page-inner .page-header .page_title span:first-child {
    color: #c4c1ba;
    font-style: inherit;
    vertical-align: baseline
}

.mainside .page .page-inner .page-header .page_title span:first-child {
    vertical-align: middle
}

.sidebar {
    width: 332px;
    float: right;
    z-index: 9;
    padding: 0 10.5px
}

.sidebar .coupon_box {
    width: 364px;
    height: 84px;
    left: -13px;
    padding: 16px 85px 26px 16px;
    text-align: right;
    background-size: 100% 100%;
    background-color: transparent;
    background-image: url(../../images/misc/coupon_box.png);
    background-repeat: no-repeat;
    background-position: center center
}

.sidebar .coupon_box .coupon_text {
    color: #b0b0b0;
    margin: 10px 0 0;
    font-size: 11px;
    font-family: 'PT Sans Caption',sans-serif;
    text-shadow: 0 2px 0 rgba(0,0,0,.4);
    text-transform: uppercase
}

.sidebar .coupon_box .coupon_text span {
    color: #efac1b
}

.sidebar .coupon_box .coupon_text i {
    color: #bc2222;
    font-style: inherit
}

.sidebar .coupon_box .coupon_desc {
    color: #777;
    font-size: 10px;
    font-family: 'PT Sans Caption',sans-serif;
    text-shadow: 0 2px 0 rgba(0,0,0,.4);
    text-transform: uppercase
}

.sidebar .coupon_box .coupon_desc span {
    color: #b1b1b1
}

.sidebar .coupon_box.finished .coupon_text {
    text-decoration: none
}

.sidebar .coupon_box.finished .coupon_desc {
    display: none
}

.sidebar .coupon_box.finished .coupon_desc.offer_expired {
    color: #c52929;
    display: block !important
}

.sidebar .sidebox {
    width: 100%;
    height: auto;
    display: block;
    background-color: transparent;
    background-image: url(../../images/sidebox_foot.png);
    background-repeat: no-repeat;
    background-position: bottom center
}

.sidebar .sidebox.space_fix {
    padding-top: 19px
}

.sidebar .sidebox.lastrow {
    margin: 0
}

.sidebar .sidebox .sidebox_title {
    width: 100%;
    height: auto;
    min-height: 35px;
    color: #84817b;
    padding: 0 16px 19px;
    font-size: 11px;
    font-family: 'PT Sans Caption',sans-serif;
    text-shadow: 0 2px 0 rgba(0,0,0,.4);
    letter-spacing: .5px;
    text-transform: uppercase;
    background-color: transparent;
    background-image: url(../../images/sidebox_head.png);
    background-repeat: no-repeat;
    background-position: bottom center
}

.sidebar .sidebox .sidebox_title i {
    color: #c4c1ba;
    font-style: inherit;
    font-family: 'PT Sans Caption',sans-serif
}

.sidebar .sidebox .sidebox_body {
    width: 100%;
    height: auto;
    padding: 16px;
    overflow: hidden
}

.sidebar .sidebox .sidebox_body img,.sidebar .sidebox .sidebox_body video,.sidebar .sidebox .sidebox_body table,.sidebar .sidebox .sidebox_body iframe {
    max-width: 100%
}

.sidebar .sidebox .sidebox_body iframe {
    width: 100% !important
}

.sidebar .sidebox .sidebox_body .side_divider {
    width: 100%;
    height: 21px;
    margin: 5px auto;
    background-size: 100% auto;
    background-color: transparent;
    background-image: url(../../images/side_divider.png);
    background-repeat: no-repeat;
    background-position: top center
}

.sidebar .sidebox.lastrow+.sidebtn {
    margin: 16px 0
}

.sidebar .sidebtn {
    width: 100%;
    height: 55px;
    margin: 0 0 16px;
    display: block;
    box-shadow: 0 0 16px 0 rgba(0,0,0,.4);
    -moz-box-shadow: 0 0 16px 0 rgba(0,0,0,.4);
    -webkit-box-shadow: 0 0 16px 0 rgba(0,0,0,.4);
    border-bottom: 3px #0c0c0c solid;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center center
}

.sidebar .sidebtn:before {
    width: 100%;
    height: 50%;
    top: 0;
    left: 0;
    content: "";
    position: absolute;
    background: -moz-linear-gradient(left,rgba(255,255,255,.05) 0%,rgba(255,255,255,.05) 100%);
    background: -webkit-linear-gradient(left,rgba(255,255,255,.05) 0%,rgba(255,255,255,.05) 100%);
    background: linear-gradient(to right,rgba(255,255,255,.05) 0%,rgba(255,255,255,.05) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0dffffff',endColorstr='#0dffffff',GradientType=1)
}

.sidebar .sidebtn:after {
    width: 33px;
    height: 29px;
    top: -10px;
    right: -10px;
    content: "";
    position: absolute;
    background-color: transparent;
    background-image: url(../../images/misc/quote.png);
    background-repeat: no-repeat;
    background-position: center center
}

.sidebar .sidebtn a {
    width: 100%;
    height: 100%;
    display: block;
    padding: 0 15px;
    text-align: center;
    line-height: 52px
}

.sidebar .sidebtn a:before {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border: 5px #000 solid;
    border: 5px rgba(0,0,0,.4) solid;
    content: "";
    position: absolute;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.sidebar .sidebtn a:after {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border: 2px #42413e solid;
    content: "";
    position: absolute;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.sidebar .sidebtn a span {
    color: #c8bfb7;
    font-size: 12px;
    font-weight: 700;
    font-family: 'PT Sans Caption',sans-serif;
    text-shadow: 0 2px 0 rgba(0,0,0,.66),0 0 10px #000;
    text-transform: uppercase
}

.sidebar .sidebtn a span i {
    color: #f2ac14;
    font-style: inherit
}

.sidebar .sidebtn.sidebtn_1 {
    background-image: url(../../images/misc/btn_1.jpg)
}

.sidebar .sidebtn.sidebtn_2 {
    background-image: url(../../images/misc/btn_2.jpg)
}

.giftbox {
    float: left;
    margin-top: 30px
}

.giftbox .box {
    width: 300px;
    height: auto;
    display: block;
    background-color: transparent;
    background-image: url(../../images/sidebox_foot.png);
    background-repeat: no-repeat;
    background-position: bottom center;
    float: left;
    cursor: pointer
}

.giftbox .box .title {
    width: 100%;
    height: auto;
    min-height: 35px;
    color: #84817b;
    padding: 0 16px 19px;
    font-size: 11px;
    font-family: 'PT Sans Caption',sans-serif;
    text-shadow: 0 2px 0 rgba(0,0,0,.4);
    letter-spacing: .5px;
    text-transform: uppercase;
    background-color: transparent;
    background-image: url(../../images/sidebox_head.png);
    background-repeat: no-repeat;
    background-position: bottom center
}

.giftbox .box .title i {
    color: #c4c1ba;
    font-style: inherit;
    font-family: 'PT Sans Caption',sans-serif
}

.giftbox .box .body {
    width: 100%;
    height: auto;
    padding: 16px;
    overflow: hidden
}

.reseller {
    float: left;
    z-index: 9;
    padding: 30px
}

.reseller .box {
    width: 320px;
    height: auto;
    display: block;
    background-color: transparent;
    background-image: url(../../images/sidebox_foot.png);
    background-repeat: no-repeat;
    background-position: bottom center;
    float: left;
    padding: 10px;
    cursor: pointer
}

.reseller .box:hover {
    -webkit-box-shadow: -5px 2px 55px -5px rgba(0,0,0,1);
    -moz-box-shadow: -5px 2px 55px -5px rgba(0,0,0,1);
    box-shadow: -5px 2px 55px -5px rgba(0,0,0,1);
    padding: 10px
}

.reseller .box .title {
    width: 100%;
    height: auto;
    min-height: 35px;
    color: #84817b;
    padding: 0 16px 19px;
    font-size: 11px;
    font-family: 'PT Sans Caption',sans-serif;
    text-shadow: 0 2px 0 rgba(0,0,0,.4);
    letter-spacing: .5px;
    text-transform: uppercase;
    background-color: transparent;
    background-image: url(../../images/sidebox_head.png);
    background-repeat: no-repeat;
    background-position: bottom center
}

.reseller .box .title i {
    color: #c4c1ba;
    font-style: inherit;
    font-family: 'PT Sans Caption',sans-serif
}

.reseller .box .body {
    width: 100%;
    height: auto;
    padding: 16px;
    overflow: hidden
}

.reseller .price_table>thead {
    background: none repeat scroll 0 0 rgba(255,255,255,.07);
    color: #adadad
}

.reseller .price_table img {
    margin: 0;
    padding: 0 0 0 5px;
    position: relative
}

.reseller .price_table-striped>tbody>tr:nth-of-type(2n+1) {
    background-color: #1d1410
}

.reseller .center>thead>tr>th,.center>tbody>tr>td {
    line-height: 14px;
    text-align: center;
    vertical-align: middle
}

.reseller table tbody tr .left,table thead tr .left {
    text-align: left
}

.reseller table tbody tr .right,table thead tr .right {
    text-align: right
}

.reseller .price_table .reward {
    background: none repeat scroll 0 0 rgba(255,255,255,.07);
    border-left: 3px solid rgba(0,0,0,.05);
    border-right: 3px solid rgba(0,0,0,.05);
    font-weight: bold;
    color: #9aa79e
}

.reseller .price_table {
    border-spacing: 1px;
    border-collapse: separate;
    border-color: #fff;
    background-color: rgba(0,0,0,.2);
    color: #7a6e63;
    margin: 0;
    box-shadow: 0 0 0 1px rgba(255,255,255,.02) inset,0 0 5px rgba(0,0,0,.7);
    -moz-box-shadow: 0 0 0 1px rgba(255,255,255,.02) inset,0 0 5px rgba(0,0,0,.7);
    -webkit-box-shadow: 0 0 0 1px rgba(255,255,255,.02) inset,0 0 5px rgba(0,0,0,.7);
    width: 690px;
    margin-top: 250px;
    margin-bottom: 10px
}

.reseller .price_table th,.price_table td {
    margin: 1px !important;
    padding: 10px 10px 7px 10px !important
}

.reseller .price_table th {
    padding: 5px 10px 3px 10px !important;
    text-transform: uppercase;
    font-size: 11px
}

.reseller .price_table tr {
    transition: all 300ms ease
}

.reseller .price_table tr:hover {
    cursor: default;
    background-color: rgba(255,255,255,.01)
}

.footer {
    width: 100%;
    height: 195px;
    z-index: 5;
    display: block
}

.footer:before {
    width: 100%;
    height: 365px;
    left: 0;
    bottom: 0;
    content: "";
    position: absolute;
    background-color: transparent;
    background-image: url(../../images/misc/footer-shadow.html);
    background-repeat: no-repeat;
    background-position: center center
}

.footer .footer-inner.inner-1 {
    width: 1131px;
    height: 62px;
    top: 49px;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: block;
    overflow: hidden;
    position: absolute
}

.footer .footer-inner.inner-2 {
    width: 1131px;
    height: 97px;
    top: -15px;
    margin: 0 auto;
    display: block;
    padding: 17px 40px 0 31px;
    overflow: hidden;
    background-color: transparent;
    background-image: url(../../images/misc/footer.png);
    background-repeat: no-repeat;
    background-position: center center
}

.footer .footer-feedback {
    width: 228px;
    height: 62px;
    right: 75px;
    display: block;
    padding: 15px 30px;
    position: absolute;
    text-align: center;
    background-color: transparent;
    background-image: url(../../images/misc/feedback.png);
    background-repeat: no-repeat;
    background-position: center center
}

.footer .footer-feedback a {
    width: 100%;
    height: 100%;
    color: #c88213;
    z-index: 9;
    display: block;
    font-size: 10px;
    line-height: 32px;
    font-family: 'PT Sans Caption',sans-serif;
    letter-spacing: .5px;
    text-transform: uppercase
}

.footer .footer-feedback a:hover {
    color: #ed9711
}

.footer .footer-inner .footer-left {
    width: 70%;
    height: 50px;
    float: left
}

.footer .footer-inner .footer-left .footer_nav {
    width: 100%;
    height: 100%;
    overflow: hidden
}

.footer .footer-inner .footer-left .footer_nav li {
    width: auto;
    height: 100%;
    float: left
}

.footer .footer-inner .footer-left .footer_nav li .nav_item {
    width: auto;
    height: 100%;
    color: #85807c;
    padding: 0 15px;
    display: block;
    font-size: 10px;
    line-height: 50px;
    font-family: 'PT Sans Caption',sans-serif;
    text-shadow: 0 1px 0 #181818,0 2px 0 #0a0a0a,0 0 16px rgba(0,0,0,.4);
    letter-spacing: 1px;
    text-transform: uppercase
}

.footer .footer-inner .footer-left .footer_nav li .nav_item:hover {
    color: #a9a5a2
}

.footer .footer-inner .footer-left .footer_nav li .nav_item.nav_active {
    color: #e39b1c
}

.footer .footer-inner .footer-right {
    width: 30%;
    height: 63px;
    float: right
}

.footer .footer-inner .footer-right .footer_copyright {
    width: 100%;
    height: auto;
    text-align: center
}

.footer .footer-inner .footer-right .footer_copyright span {
    width: 100%;
    height: auto;
    color: #6f6d6b;
    margin: 0 0 3px;
    display: block;
    font-size: 10px;
    font-family: 'PT Sans Caption',sans-serif;
    text-shadow: 0 1px 0 #181818,0 2px 0 #0a0a0a,0 0 16px rgba(0,0,0,.4);
    letter-spacing: .5px;
    text-transform: uppercase
}

.footer .footer-inner .footer-right .footer_copyright span i {
    color: #999694;
    font-style: inherit
}

.footer .footer-inner .footer-right .footer_copyright span strong {
    color: #c48b1c
}

.footer .footer-inner .footer-right .footer_copyright span b {
    color: #a5a29f;
    font-weight: inherit;
    text-decoration: none
}

.footer .footer-inner .footer-right .footer_copyright span a {
    color: #9d9a98
}

.footer .footer-inner .footer-right .footer_copyright span a:hover {
    color: #b7b3b1
}

.nice_button,input[type=submit] {
    color: #979797;
    padding: 7px 10px 4px 10px;
    font-size: 12px;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-shadow: inset 0 0 0 2px #0f0f0f,0 2px 0 0 #0a0a0a,0 0 8px 0 #101010;
    -moz-box-shadow: inset 0 0 0 2px #0f0f0f,0 2px 0 0 #0a0a0a,0 0 8px 0 #101010;
    -webkit-box-shadow: inset 0 0 0 2px #0f0f0f,0 2px 0 0 #0a0a0a,0 0 8px 0 #101010;
    font-family: 'PT Sans Caption',sans-serif;
    text-shadow: 0 2px 0 rgba(0,0,0,.4);
    border-width: 1px;
    border-style: solid;
    border-color: #3e3e3e;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    background-color: #191919;
    transition: color .3s ease-in-out,border-color .3s ease-in-out;
    -o-transition: color .3s ease-in-out,border-color .3s ease-in-out;
    -ms-transition: color .3s ease-in-out,border-color .3s ease-in-out;
    -moz-transition: color .3s ease-in-out,border-color .3s ease-in-out;
    -webkit-transition: color .3s ease-in-out,border-color .3s ease-in-out
}

.nice_button {
    display: inline-block
}

.nice_button:hover,input[type=submit]:hover {
    color: #f0a31c;
    border-color: #792121
}

.nice_active {
    color: #fefefe;
    border-color: #c52929
}

.nice_active:hover {
    border-color: #e62525
}

.item_group {
    border: none;
    box-shadow: 0 0 0 1px rgba(0,0,0,.4),inset 0 -2px 0 0 #111;
    -moz-box-shadow: 0 0 0 1px rgba(0,0,0,.4),inset 0 -2px 0 0 #111;
    -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.4),inset 0 -2px 0 0 #111;
    text-shadow: 0 1px 0 #000;
    font-family: 'PT Sans Caption',sans-serif;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-color: #161415
}

.item_icon,#ucp_avatar,.item_avatar,#ucp_characters a,.message_box .message_box_date+a {
    border: 2px #292929 solid;
    overflow: hidden;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.item_icon:before,#ucp_avatar:before,.item_avatar:before,#ucp_characters a:before,.message_box .message_box_date+a:before {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border: 2px #0b0b0b solid;
    z-index: 9;
    content: "";
    position: absolute;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.item_icon img,#ucp_avatar img,.item_avatar img,#ucp_characters a img,.message_box .message_box_date+a img {
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden
}

.poll_bar,.realm_bar {
    width: 100%;
    height: 25px;
    margin: 5px 0 0;
    border: 1px #333 solid;
    padding: 2px;
    overflow: hidden;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-shadow: inset 0 0 6px 0 #050505,0 3px 0 #090909;
    -moz-box-shadow: inset 0 0 6px 0 #050505,0 3px 0 #090909;
    -webkit-box-shadow: inset 0 0 6px 0 #050505,0 3px 0 #090909;
    background: -moz-linear-gradient(top,rgba(0,0,0,.6) 0%,rgba(0,0,0,0) 50%);
    background: -webkit-linear-gradient(top,rgba(0,0,0,.6) 0%,rgba(0,0,0,0) 50%);
    background: linear-gradient(to bottom,rgba(0,0,0,.6) 0%,rgba(0,0,0,0) 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#99000000',endColorstr='#00000000',GradientType=0)
}

.poll_bar .poll_bar_fill,.realm_bar .realm_bar_fill {
    height: 100%;
    overflow: hidden;
    box-shadow: 0 2px 0 0 #0a0a0a;
    -moz-box-shadow: 0 2px 0 0 #0a0a0a;
    -webkit-box-shadow: 0 2px 0 0 #0a0a0a;
    background-color: #a56d00
}

.poll_bar .poll_bar_fill:before,.realm_bar .realm_bar_fill:before {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    content: '';
    position: absolute;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-width: 2px;
    border-style: solid;
    border-color: rgba(255,255,255,.1) rgba(0,0,0,.2) rgba(0,0,0,.2) rgba(0,0,0,.2);
    background: -moz-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,.1) 100%);
    background: -webkit-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,.1) 100%);
    background: linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,.1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff',endColorstr='#1affffff',GradientType=1)
}

#sidebox_status .sidebox_body {
    padding: 16px 0
}

#sidebox_status .sidebox_body .loading_ajax {
    width: 100%;
    height: auto;
    display: block;
    padding: 20px 0;
    text-align: center
}

#sidebox_status .sidebox_body .realm_holder {
    width: 100%;
    height: auto;
    display: block
}

#sidebox_status .sidebox_body .realm_holder.lastrow {
    margin: 0
}

#sidebox_status .sidebox_body .realm_holder .realm_row {
    width: 100%;
    height: auto;
    margin: 0 0 5px;
    padding: 0 16px;
    display: block
}

#sidebox_status .sidebox_body .realm_holder .realm_row>span {
    width: auto;
    height: auto;
    display: inline-block;
    font-size: 10px;
    font-weight: 700;
    text-shadow: 0 2px 0 rgba(0,0,0,.4);
    font-family: 'PT Sans Caption',sans-serif;
    letter-spacing: .5px
}

#sidebox_status .sidebox_body .realm_holder .realm_row.row-1 .r_name {
    max-width: 50%;
    color: #86837d;
    text-transform: uppercase
}

#sidebox_status .sidebox_body .realm_holder .realm_row.row-1 .r_name i {
    color: #e0ddd6;
    font-style: inherit;
    font-weight: 700
}

#sidebox_status .sidebox_body .realm_holder .realm_row.row-1 img {
    vertical-align: top
}

#sidebox_status .sidebox_body .realm_holder .realm_row.row-1 .r_status {
    max-width: 20%;
    float: right
}

#sidebox_status .sidebox_body .realm_holder.offline .realm_row.row-1 .r_status {
    color: #bb1e1e
}

#sidebox_status .sidebox_body .realm_holder.online .realm_row.row-1 .r_status {
    color: #52bb1e
}

#sidebox_status .sidebox_body .realm_holder .realm_row.row-2 {
    padding: 0 10px
}

#sidebox_status .sidebox_body .realm_holder .realm_row.row-2 .r_bar {
    width: 100%;
    height: 34px;
    padding: 11px 18px;
    background-color: transparent;
    background-image: url(../../images/misc/realm_bar.png);
    background-repeat: no-repeat;
    background-position: center center
}

#sidebox_status .sidebox_body .realm_holder .realm_row.row-2 .r_bar:before {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9;
    content: "";
    position: absolute;
    background-color: transparent;
    background-image: url(../../images/misc/realm_bar-overlay.png);
    background-repeat: no-repeat;
    background-position: center center
}

#sidebox_status .sidebox_body .realm_holder .realm_row.row-2 .r_bar .r_bar-inner {
    width: 100%;
    height: 100%;
    display: block
}

#sidebox_status .sidebox_body .realm_holder .realm_row.row-2 .r_bar .r_bar-inner .r_bar-fill {
    min-width: 10%;
    max-width: 100%;
    height: 100%;
    top: 0;
    z-index: 7;
    position: absolute
}

#sidebox_status .sidebox_body .realm_holder .realm_row.row-2 .r_bar .r_bar-inner .r_bar-fill:before {
    width: 0;
    height: 0;
    top: 0;
    content: "";
    position: absolute;
    border-style: solid
}

#sidebox_status .sidebox_body .realm_holder .realm_row.row-2 .r_bar .r_bar-inner .r_bar-fill.index {
    z-index: 8
}

#sidebox_status .sidebox_body .realm_holder .realm_row.row-2 .r_bar .r_bar-inner .r_bar-fill.index:after {
    width: 2px;
    height: 100%;
    top: 0;
    content: "";
    position: absolute;
    border-left: 1px #882428 solid;
    border-right: 1px #1c4a97 solid;
    background-color: #0e0e0e;
    transform: skewX(-10deg);
    -o-transform: skewX(-10deg);
    -ms-transform: skewX(-10deg);
    -moz-transform: skewX(-10deg);
    -webkit-transform: skewX(-10deg)
}

#sidebox_status .sidebox_body .realm_holder .realm_row.row-2 .r_bar .r_bar-inner .r_bar-fill span {
    color: #d3c8c1;
    display: block;
    padding: 1px 20px 0 20px;
    font-size: 10px;
    line-height: 120%;
    font-weight: 700;
    font-family: 'PT Sans Caption',sans-serif;
    text-shadow: 1px 1px 0 #090909,-1px -1px 0 #090909,0 0 4px #000;
    letter-spacing: .5px
}

#sidebox_status .sidebox_body .realm_holder .realm_row.row-2 .r_bar .r_bar-inner .r_bar-fill.bar-h {
    left: 0;
    background-color: #a21b1b
}

#sidebox_status .sidebox_body .realm_holder .realm_row.row-2 .r_bar .r_bar-inner .r_bar-fill.bar-a {
    right: 0;
    background-color: #1b48a2
}

#sidebox_status .sidebox_body .realm_holder .realm_row.row-2 .r_bar .r_bar-inner .r_bar-fill.bar-h:before {
    left: -6px;
    border-width: 6px 6px 6px 0;
    border-color: transparent #a21b1b transparent transparent
}

#sidebox_status .sidebox_body .realm_holder .realm_row.row-2 .r_bar .r_bar-inner .r_bar-fill.bar-a:before {
    right: -6px;
    border-width: 6px 0 6px 6px;
    border-color: transparent transparent transparent #1b48a2
}

#sidebox_status .sidebox_body .realm_holder .realm_row.row-2 .r_bar .r_bar-inner .r_bar-fill.bar-h.index:after {
    right: -1px
}

#sidebox_status .sidebox_body .realm_holder .realm_row.row-2 .r_bar .r_bar-inner .r_bar-fill.bar-a.index:after {
    left: -1px
}

#sidebox_status .sidebox_body .realm_holder .realm_row.row-2 .r_bar .r_bar-inner .r_bar-fill.bar-h span {
    text-align: left
}

#sidebox_status .sidebox_body .realm_holder .realm_row.row-2 .r_bar .r_bar-inner .r_bar-fill.bar-a span {
    text-align: right
}

#sidebox_status .sidebox_body .realm_holder .realm_row.row-3 {
    margin: 0
}

#sidebox_status .sidebox_body .realm_holder .realm_row.row-3 .r_desc {
    color: #64625d
}

#sidebox_status .sidebox_body .realm_holder .realm_row.row-3 .r_desc i {
    font-style: inherit;
    font-weight: 700
}

#sidebox_status .sidebox_body .realm_holder.vanilla .realm_row.row-3 .r_desc i {
    color: #a49f93
}

#sidebox_status .sidebox_body .realm_holder.tbc .realm_row.row-3 .r_desc i {
    color: #37b227
}

#sidebox_status .sidebox_body .realm_holder.wotlk .realm_row.row-3 .r_desc i {
    color: #2776b2
}

#sidebox_status .sidebox_body .realm_holder.cata .realm_row.row-3 .r_desc i {
    color: #b25b27
}

#sidebox_status .sidebox_body .realm_holder.mop .realm_row.row-3 .r_desc i {
    color: #bcaf8e
}

#sidebox_status .sidebox_body .realm_holder.wod .realm_row.row-3 .r_desc i {
    color: #fff
}

#sidebox_status .sidebox_body .realm_holder.legion .realm_row.row-3 .r_desc i {
    color: #fff
}

#sidebox_status .sidebox_body .realm_holder.bfa .realm_row.row-3 .r_desc i {
    color: #fff
}

#sidebox_status .sidebox_body .realmlist {
    max-width: 90%;
    color: #9b9891;
    margin: 20px auto 0 auto;
    font-size: 10px;
    text-align: center;
    text-shadow: 0 2px 0 rgba(0,0,0,.4);
    font-family: 'PT Sans Caption',sans-serif;
    letter-spacing: .5px
}

#sidebox_status .sidebox_body .realmlist i {
    color: #b68a2a;
    font-style: inherit;
    font-weight: 700
}

#sidebox_topvoters .sidebox_body {
    overflow: visible
}

#sidebox_topvoters .sidebox_body #topvoter .topvoter_desc {
    top: -48px;
    right: 0;
    color: #605d57;
    position: absolute;
    font-size: 8px;
    font-weight: 700;
    font-family: 'PT Sans Caption',sans-serif;
    text-shadow: 0 2px 0 rgba(0,0,0,.4);
    text-transform: uppercase
}

#sidebox_topvoters .sidebox_body #topvoter .topvoter_row {
    width: 100%;
    height: 34px;
    display: block;
    background-color: transparent;
    background-image: url(../../images/misc/line-sep.png);
    background-repeat: no-repeat;
    background-position: bottom center
}

#sidebox_topvoters .sidebox_body #topvoter .topvoter_row .topvoter_col {
    width: auto;
    height: 100%;
    display: inline-block;
    line-height: 29px;
    text-shadow: 0 2px 0 rgba(0,0,0,.4);
    letter-spacing: .5px;
    text-transform: uppercase
}

#sidebox_topvoters .sidebox_body #topvoter .topvoter_row .topvoter_col.col_rank {
    width: 10%;
    color: #a19e98;
    font-size: 11px;
    font-weight: 700;
    font-family: 'PT Sans Caption',sans-serif
}

#sidebox_topvoters .sidebox_body #topvoter .topvoter_row .topvoter_col.col_name a {
    color: #7b7872;
    font-size: 10px;
    font-family: 'PT Sans Caption',sans-serif
}

#sidebox_topvoters .sidebox_body #topvoter .topvoter_row .topvoter_col.col_name a:hover {
    color: #a19e98
}

#sidebox_topvoters .sidebox_body #topvoter .topvoter_row .topvoter_col.col_vote {
    float: right;
    color: #83817c;
    font-size: 8px;
    font-family: 'PT Sans Caption',sans-serif
}

#sidebox_topvoters .sidebox_body #topvoter .topvoter_row .topvoter_col.col_vote i {
    color: #b3b0aa;
    font-size: 10px;
    font-style: inherit;
    font-weight: 700
}

#sidebox_topvoters .sidebox_body #topvoter .topvoter_row.first_row .topvoter_col.col_rank {
    color: #da9b1c
}

#sidebox_topvoters .sidebox_body #topvoter .topvoter_row.first_row .topvoter_col.col_name a {
    color: #a19e98
}

#sidebox_topvoters .sidebox_body #topvoter .topvoter_info {
    color: #64625d;
    margin: 11px 0 0;
    font-size: 10px;
    font-weight: 700;
    text-shadow: 0 2px 0 rgba(0,0,0,.4);
    font-family: 'PT Sans Caption',sans-serif
}

#sidebox_topvoters .sidebox_body #topvoter .topvoter_info a {
    font-weight: 700
}

#sidebox_topvoters .sidebox_body #topvoter .topvoter_noresult {
    color: #64625d;
    font-size: 10px;
    font-weight: 700;
    text-shadow: 0 2px 0 rgba(0,0,0,.4);
    font-family: 'PT Sans Caption',sans-serif
}

.toppvp_realm {
    width: 100%;
    height: auto;
    float: none;
    overflow: hidden;
    text-align: left
}

.toppvp_realm .toppvp_select {
    width: 100%;
    height: 25px;
    padding: 0;
    line-height: 100%
}

.toppvp_realm .toppvp_select>a {
    top: -2px;
    color: #d0941a;
    font-size: 20px;
    line-height: 100%;
    font-family: 'PT Sans Caption',sans-serif
}

.toppvp_realm .toppvp_select>a:hover {
    color: #f3ac1c
}

.toppvp_realm .toppvp_select .toppvp_previous {
    float: right
}

.toppvp_realm .toppvp_select .toppvp_next {
    margin: 0 0 0 5px
}

.toppvp_realm .toppvp_select .r_name {
    color: #86837d;
    font-size: 11px;
    font-family: 'PT Sans Caption',sans-serif;
    text-transform: uppercase
}

.toppvp_realm .toppvp_data {
    width: 100%;
    height: auto
}

.toppvp_realm .toppvp_data .toppvp_table {
    width: 100%;
    height: auto;
    padding: 0;
    border-spacing: 0
}

.toppvp_realm .toppvp_data .toppvp_table thead {
    background-color: #191816;
    background-color: rgba(0,0,0,.1)
}

.toppvp_realm .toppvp_data .toppvp_table thead tr td {
    color: #605d57;
    padding: 5px
}

.toppvp_realm .toppvp_data .toppvp_table thead tr .head_char-rating {
    color: #da9b1c;
    font-size: 14px;
    text-align: center;
    font-weight: 700
}

.toppvp_realm .toppvp_data .toppvp_table tbody {
    overflow: hidden
}

.toppvp_realm .toppvp_data .toppvp_table tbody tr td {
    padding: 5px
}

.toppvp_realm .toppvp_data .toppvp_table tbody .odd {
    background-color: #1e1d1b;
    background-color: rgba(255,255,255,.01)
}

.toppvp_realm .toppvp_data .toppvp_table tbody .even {
    background-color: #191816;
    background-color: rgba(0,0,0,.1)
}

.toppvp_realm .toppvp_data .toppvp_table tbody tr .char-rating {
    color: #da9b1c;
    font-size: 14px;
    text-align: center;
    font-weight: 700
}

.toppvp_realm .toppvp_data .toppvp_table tbody tr .char-name a {
    color: #7b7872;
    font-size: 12px
}

.toppvp_realm .toppvp_data .toppvp_table tbody tr .char-name a:hover {
    color: #a19e98
}

.toppvp_realm .toppvp_data .toppvp_table tbody tr .char-class {
    font-size: 10px;
    text-shadow: 1px 1px 0 #000,0 0 15px #000;
    text-transform: uppercase
}

.toppvp_realm .toppvp_data .toppvp_table tbody tr .char-kills {
    color: #b3b0aa;
    font-size: 11px
}

.toppvp_realm .toppvp_data .toppvp_table tbody tr .char-kills span {
    color: #83817c;
    font-size: 9px;
    font-weight: 700;
    text-transform: uppercase
}

.toppvp_realm .toppvp_data .toppvp_table tbody tr .no_stats {
    color: #a03535;
    margin: 0;
    padding: 10px 0;
    display: block;
    text-align: center;
    background-color: #0f0f0f
}

#shoutbox form {
    margin: 0
}

#shoutbox form textarea {
    width: 100%;
    height: 35px;
    min-height: 35px;
    max-height: 35px;
    margin: 0 0 5px;
    display: block;
    overflow: hidden
}

#shoutbox form textarea:focus {
    height: 70px;
    min-height: 70px;
    max-height: 70px
}

#shoutbox form .shout_characters_remaining {
    width: auto;
    color: #6e6e6e;
    margin: 14px 0 0;
    font-size: 11px;
    text-shadow: 0 1px 0 #000,0 0 5px #000;
    font-family: 'PT Sans Caption',sans-serif
}

#shoutbox form .shout_characters_remaining span {
    font-weight: 700
}

#shoutbox form input[type=submit] {
    float: right;
    margin: 4px 0 0
}

#shoutbox #the_shouts {
    margin: -5px 0 0
}

#shoutbox #the_shouts .shout {
    width: 100%;
    color: #717171;
    padding: 5px 8px 10px;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    text-shadow: 0 1px 0 #000;
    background-color: transparent;
    background-image: url(../../images/misc/line-sep.png);
    background-repeat: no-repeat;
    background-position: bottom center
}

#shoutbox #the_shouts .shout:last-child {
    background: 0 0
}

#shoutbox #the_shouts .shout img {
    vertical-align: middle
}

#shoutbox #the_shouts .shout .shout_author {
    color: #8e8e8e;
    font-size: 12px
}

#shoutbox #the_shouts .shout .shout_author a {
    color: #a1a1a1;
    font-weight: 700
}

#shoutbox #the_shouts .shout .shout_author a:hover {
    color: #c5c5c5
}

#shoutbox #the_shouts .shout .shout_author a img {
    margin: 0 -4px 0 0
}

#shoutbox #the_shouts .shout .shout_date {
    color: #676767;
    margin: 2px 0 0;
    z-index: 9;
    font-size: 11px
}

#shoutbox #the_shouts .shout .shout_date a img {
    width: 11px;
    height: 11px
}

#shoutbox #the_shouts .shout .shout_staff a {
    color: #0091ce
}

#shoutbox #the_shouts .shout .shout_staff a:hover {
    color: #00b4ff
}

#shoutbox #shoutbox_view {
    margin: 10px 0 0;
    padding: 0
}

.comments .comments_area {
    width: 100%;
    float: none;
    margin: 0
}

.comments .comments_area .comment {
    width: 100%;
    color: #8c8c8c;
    margin: 10px 0 0;
    border: 2px #292929 solid;
    padding: 10px;
    font-size: 11px;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    text-shadow: 0 1px 0 #000;
    font-family: 'PT Sans Caption',sans-serif;
    background-color: #151514
}

.comments .comments_area .comment .comment_date {
    color: #888
}

.comments .comments_area .comment .comment_date a img {
    width: 11px;
    height: 11px
}

.comments .comments_area .comment .comment_author {
    margin: 0 0 7px
}

.comments .comments_area .comment .comment_author img {
    float: none;
    margin: 0 !important
}

.comments .comments_area .comment img {
    vertical-align: middle
}

.comments .comments_area .staff_comment {
    border-color: #265b71
}

.comments .comments_area .staff_comment .comment_author {
    color: #0091ce
}

.comments .comments_area .staff_comment .comment_author:hover {
    color: #00b4ff
}

.comments form {
    width: 100% !important;
    margin: 10px 0 0 !important
}

.comments form textarea {
    width: 100%;
    height: 70px;
    min-height: 70px
}

.comments form .characters_remaining {
    color: #6e6e6e;
    margin: 20px 0 0;
    font-size: 11px;
    text-shadow: 0 1px 0 #000,0 0 5px #000;
    font-family: 'PT Sans Caption',sans-serif
}

.comments form .characters_remaining span {
    font-weight: 700
}

.comments form input[type=submit] {
    margin: 10px 0 0
}

#page-ucp #ucp_avatar {
    margin: 0 10px 0 0
}

#page-ucp #ucp_avatar>div {
    z-index: 9
}

#page-ucp #ucp_info aside {
    width: 270px !important
}

#page-ucp #ucp_characters {
    margin: -20px auto 0 auto !important
}

#page-ucp #ucp_characters a {
    margin: 0 10px 10px 0 !important
}

.message_box {
    color: #717171 !important;
    border: none !important;
    box-shadow: 0 0 0 1px rgba(0,0,0,.4),inset 0 -2px 0 0 #111;
    -moz-box-shadow: 0 0 0 1px rgba(0,0,0,.4),inset 0 -2px 0 0 #111;
    -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.4),inset 0 -2px 0 0 #111;
    text-shadow: 0 1px 0 #000;
    font-family: 'PT Sans Caption',sans-serif;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-color: #151514 !important
}

.message_box .message_box_date {
    color: #585858 !important;
    z-index: 9
}

.message_box .message_box_date+a {
    width: 46px;
    height: 46px;
    margin: 0 0 5px 5px
}

.message_box[style='float:left'] .message_box_date+a {
    margin-right: 10px
}

.message_box a img {
    border: none !important
}

.message_box .message_box_author {
    color: #a1a1a1;
    margin: 0 0 5px
}

.message_box .message_box_author:hover {
    color: #c5c5c5
}

.message_box a+div {
    display: none
}

#store form .filter_field {
    height: auto !important;
    padding: 15px 5px !important
}

#store form .filter_field select,#store form .filter_field .sbHolder,#store form .filter_field input[type=text] {
    width: 130px;
    margin: 0;
    vertical-align: middle
}

#store form .filter_field:last-of-type a {
    margin: 1px 10px 0 0
}

#store form .filter_field:last-of-type a:last-child {
    margin: 1px 0 0
}

#store .ucp_divider {
    margin: 0 auto
}

#store #store_content .realm_items>div:first-child {
    padding: 0 0 0 5px !important
}

#store #store_content .item_group_title {
    margin: 3px 0 3px 5px
}

#store #store_content .item_group {
    margin: 0 0 0 5px;
    padding: 10px
}

#store #store_content .item_group .store_item {
    height: 42px !important;
    margin: 0 0 10px;
    border: none !important;
    padding: 10px;
    text-shadow: 0 1px 0 #000;
    font-family: 'PT Sans Caption',sans-serif;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-color: #1e1e1e
}

#store #store_content .item_group .store_item:last-child {
    margin: 0
}

#store #store_content .item_group .store_item .store_buttons,#store #store_content .item_group .store_item .store_buttons a {
    margin: 2px 0 0
}

#store #store_content #cart .store_item {
    margin: 0 0 5px;
    box-shadow: 0 0 0 1px rgba(0,0,0,.4),inset 0 -2px 0 0 #111;
    -moz-box-shadow: 0 0 0 1px rgba(0,0,0,.4),inset 0 -2px 0 0 #111;
    -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.4),inset 0 -2px 0 0 #111;
    text-shadow: 0 1px 0 #000;
    font-family: 'PT Sans Caption',sans-serif;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-color: #151514
}

#store #store_content #cart .store_item .item_name {
    width: 65%;
    height: 18px;
    overflow: hidden
}

#store #store_content #cart .store_item .item_realm {
    margin: 6px 0 0
}

#store #store_content #cart .store_item:hover .item_name,#store #store_content #cart .store_item:hover .item_realm {
    margin-left: 0 !important
}

#store #store_content #cart .store_item .delete_item {
    width: 17px !important;
    float: right;
    right: -2px;
    bottom: 8px;
    opacity: 0;
    z-index: 9;
    display: block;
    overflow: hidden;
    position: absolute;
    transition: opacity .5s;
    -o-transition: opacity .5s;
    -ms-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -webkit-transition: opacity .5s
}

#store #store_content #cart .store_item:hover .delete_item {
    width: 17px;
    opacity: 1
}

#store #store_content #cart #cart_price #vp_price_full {
    margin: 13px 10px 0 0 !important
}

#store #store_content #cart #cart_price #dp_price_full {
    margin: 13px 0 0 !important
}

#store #store_content #cart #cart_price a {
    margin: 4px 0 0
}

#checkout #checkout_info a {
    margin: -5px 0 0
}

#checkout .store_item {
    height: 44px;
    margin: 0 0 10px;
    box-shadow: 0 0 0 1px rgba(0,0,0,.4),inset 0 -2px 0 0 #111;
    -moz-box-shadow: 0 0 0 1px rgba(0,0,0,.4),inset 0 -2px 0 0 #111;
    -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.4),inset 0 -2px 0 0 #111;
    text-shadow: 0 1px 0 #000;
    font-family: 'PT Sans Caption',sans-serif;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-color: #151514
}

#checkout .store_item:last-child {
    margin: 0
}

#checkout .store_item .checkout_characters .sbHolder {
    width: 160px
}

#teleport #select_character {
    margin-right: 15px
}

#teleport #select_character .teleport_realm_divider {
    color: #6e6e6e;
    font-size: 11px;
    font-weight: 700;
    font-family: 'PT Sans Caption',sans-serif;
    text-shadow: 0 1px 0 #000,0 0 5px #000
}

#teleport #select_character .select_character {
    margin: 0 0 8px;
    box-shadow: 0 0 0 1px rgba(0,0,0,.4),inset 0 -2px 0 0 #111;
    -moz-box-shadow: 0 0 0 1px rgba(0,0,0,.4),inset 0 -2px 0 0 #111;
    -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.4),inset 0 -2px 0 0 #111;
    text-shadow: 0 1px 0 #000;
    font-family: 'PT Sans Caption',sans-serif;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-color: #151514
}

#teleport #select_character .select_character:hover {
    background-color: #101010
}

#teleport #select_character .item_group {
    margin: 0 0 8px;
    box-shadow: 0 0 0 1px rgba(0,0,0,.4),inset 0 -2px 0 0 #111;
    -moz-box-shadow: 0 0 0 1px rgba(0,0,0,.4),inset 0 -2px 0 0 #111;
    -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.4),inset 0 -2px 0 0 #111;
    text-shadow: 0 1px 0 #000;
    font-family: 'PT Sans Caption',sans-serif;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-color: #101010
}

#teleport #select_character .character {
    margin: 0
}

#teleport #select_character .character .character_buttons,#teleport #select_character .character .character_buttons a {
    margin: 1px 0 0
}

#teleport #select_location {
    float: right
}

#teleport #select_location .location {
    margin: 0 0 8px;
    box-shadow: 0 0 0 1px rgba(0,0,0,.4),inset 0 -2px 0 0 #111;
    -moz-box-shadow: 0 0 0 1px rgba(0,0,0,.4),inset 0 -2px 0 0 #111;
    -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.4),inset 0 -2px 0 0 #111;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-color: rgba(16,16,16,.3);
    transition: background ease-in-out .5s;
    -o-transition: background ease-in-out .5s;
    -ms-transition: background ease-in-out .5s;
    -moz-transition: background ease-in-out .5s;
    -webkit-transition: background ease-in-out .5s
}

#teleport #select_location .location:hover {
    background-color: rgba(16,16,16,.5)
}

#teleport #select_location .location .location_buttons,#teleport #select_location .location .location_buttons a {
    margin: 1px 0 0
}

#teleport #select_character .character .character_name,#teleport #select_location .location .location_name {
    color: #a1a1a1;
    font-family: 'PT Sans Caption',sans-serif
}

#teleport #select_character .character .character_name:hover,#teleport #select_location .location .location_name:hover {
    color: #c5c5c5
}

#donate {
    margin: 0 !important
}

#donate .ucp_divider {
    padding: 0
}

#donate form label input[type=radio] {
    top: 2px
}

#donate form label .iradio {
    margin: -3px 10px 0 0
}

#changelog_add form {
    width: 380px !important;
    margin: 0 !important;
    z-index: 9
}

#changelog_add a.nice_button {
    margin: 5px 0 0 5px !important
}

#change_form input[type=text],#change_form select,#change_form .sbHolder,#category_form input[type=text] {
    width: 90% !important;
    margin: 5px 0 !important
}

#changelog .nice_table tr:not(:first-child) td:before {
    top: 4px;
    color: #f00;
    content: '*';
    position: relative;
    font-size: 17px;
    font-weight: 700
}

#changelog .nice_table tr:nth-child(2) td:before {
    display: none
}

#search_box input[type=text] {
    float: none !important
}

#search_sections {
    padding: 10px 1px 10px 6px !important
}

#search_results .search_result_character {
    width: 224px !important;
    overflow: hidden !important
}

#search_results .search_result_character .name {
    margin-top: -1px !important
}

#search_results .search_result_character span {
    height: 40px !important;
    margin: 0 !important
}

#popup_bg {
    z-index: 999999;
    opacity: .7 !important;
    background: #000
}

.alert_box,.confirm_box {
    width: 60%;
    max-width: 270px;
    left: 0;
    right: 0;
    border: 0;
    margin: 0 auto;
    display: none;
    padding: 20px;
    z-index: 999999;
    position: fixed;
    overflow: hidden;
    text-shadow: none;
    box-shadow: inset 0 0 0 1px rgba(255,255,190,.17),0 0 3px 0 #000,0 0 30px 0 #000;
    -moz-box-shadow: inset 0 0 0 1px rgba(255,255,190,.17),0 0 3px 0 #000,0 0 30px 0 #000;
    -webkit-box-shadow: inset 0 0 0 1px rgba(255,255,190,.17),0 0 3px 0 #000,0 0 30px 0 #000;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background-color: #141414
}

.alert_box .alert_message,.confirm_box .confirm_question {
    color: #73706c;
    margin: 0 auto;
    display: block;
    font-size: 13px;
    text-align: center;
    font-weight: 700;
    font-family: 'PT Sans Caption',sans-serif;
    text-shadow: 0 1px 0 #000,0 0 5px rgba(0,0,0,.65)
}

.alert_box input[type=text],.alert_box input[type=password],.alert_box input[type=email],.alert_box input[type=file],.confirm_box input[type=text],.confirm_box input[type=password],.confirm_box input[type=email],.confirm_box input[type=file] {
    width: 100%;
    margin: 0 0 10px
}

.popup_links {
    width: auto;
    margin: 20px 0 0;
    text-align: center
}

.popup_links a {
    margin: 0
}

.popup_links .confirm_hide {
    margin: 0 0 0 10px;
    opacity: .6
}

#vote_reminder {
    left: 0;
    right: 0;
    border: 0;
    margin: 0 auto
}

.user-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 30px;
    text-transform: uppercase;
    margin-top: 5px
}

.user-header--leftside {
    display: flex
}

.user-header .login-bg {
    color: #efcd6f;
    font-weight: 500;
    font-size: 10px
}

.user-header--leftside a {
    align-items: center;
    display: flex;
    margin-right: 10px
}

.user-header__link {
    display: block;
    color: #bcb7b3;
    display: block;
    font-size: 10px;
    font-family: 'PT Sans Caption',sans-serif;
    text-transform: uppercase;
    transition: color .3s ease-in-out;
    -o-transition: color .3s ease-in-out;
    -ms-transition: color .3s ease-in-out;
    -moz-transition: color .3s ease-in-out;
    -webkit-transition: color .3s ease-in-out
}

.user-header--leftside a img {
    margin-right: 3px;
    max-width: 20px
}

.js-select {
    display: block;
    margin: 0;
    font-family: 'PT Sans Caption',sans-serif;
    text-shadow: 0 2px 0 rgba(0,0,0,.4);
    color: #979797;
    box-shadow: inset 0 0 0 2px #0f0f0f,0 2px 0 0 #0a0a0a,0 0 8px 0 #101010;
    -moz-box-shadow: inset 0 0 0 2px #0f0f0f,0 2px 0 0 #0a0a0a,0 0 8px 0 #101010;
    -webkit-box-shadow: inset 0 0 0 2px #0f0f0f,0 2px 0 0 #0a0a0a,0 0 8px 0 #101010;
    line-height: 30px;
    border-width: 1px;
    border-style: solid;
    border-color: #3e3e3e;
    background-color: #191919;
    transition: color .3s ease-in-out,border-color .3s ease-in-out;
    -o-transition: color .3s ease-in-out,border-color .3s ease-in-out;
    -ms-transition: color .3s ease-in-out,border-color .3s ease-in-out;
    -moz-transition: color .3s ease-in-out,border-color .3s ease-in-out;
    -webkit-transition: color .3s ease-in-out,border-color .3s ease-in-out
}

.js-select .js-select-selected {
    width: 80%;
    padding: 7px 0 0 10px;
    display: inline-block
}

.js-select .js-select-arrow {
    width: 37px;
    height: 100%;
    top: 0;
    right: 0;
    z-index: 9;
    display: block;
    position: absolute;
    background-color: transparent;
    background-image: url(../../images/select-arrow.png);
    background-repeat: no-repeat;
    background-position: 50% 13px
}

.js-select .js-select-arrow-active {
    background-position: 11px -17px
}

.js-select .js-select-list-container {
    overflow: hidden;
    background-color: #191919;
    transition: color .3s ease-in-out,border-color .3s ease-in-out;
    -o-transition: color .3s ease-in-out,border-color .3s ease-in-out;
    -ms-transition: color .3s ease-in-out,border-color .3s ease-in-out;
    -moz-transition: color .3s ease-in-out,border-color .3s ease-in-out;
    -webkit-transition: color .3s ease-in-out,border-color .3s ease-in-out;
    width: 100%;
    top: 34px !important;
    left: -2px;
    cursor: default;
    border: 2px #3e3e3e solid;
    z-index: 99;
    position: absolute;
    box-shadow: inset 0 0 0 1px #1f1b0f,inset 0 0 0 2px #0d0d0d;
    -moz-box-shadow: inset 0 0 0 1px #1f1b0f,inset 0 0 0 2px #0d0d0d;
    -webkit-box-shadow: inset 0 0 0 1px #1f1b0f,inset 0 0 0 2px #0d0d0d
}

.js-select .js-select-list-scroller {
    position: relative;
    width: 100%;
    height: 135px;
    overflow: hidden
}

.js-select .js-select-list-container-scrollable .js-select-list-scroller {
    height: 151px
}

.js-select .js-select-list-scrollable {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.js-select .js-select-list-top-controller {
    width: 99%;
    height: 14px;
    top: 1px;
    left: 2px;
    overflow: hidden;
    background: url(../../images/select-arrows-bg-top.png) repeat-x bottom
}

.js-select .js-select-list-bottom-controller {
    width: 99%;
    height: 14px;
    bottom: 1px;
    left: 2px;
    overflow: hidden;
    background: url(../../images/select-arrows-bg-bot.png) repeat-x top
}

.js-select .js-select-list-top-controller p,.js-select .js-select-list-bottom-controller p {
    display: block;
    width: 28px;
    height: 23px;
    background-image: url(../../images/small-arrows-gray.png)
}

.js-select .js-select-list-top-controller p {
    background-position: 0 0;
    top: -5px
}

.js-select .js-select-list-bottom-controller p {
    background-position: 0 -23px;
    margin: 2px 0 0 0;
    top: -6px
}

.js-select-list-option {
    width: 100%;
    height: 100%;
    color: #606060;
    display: block;
    text-indent: 8px;
    line-height: 30px;
    font-family: 'PT Sans Caption',sans-serif;
    text-transform: capitalize;
    transition: color .1s ease-in-out;
    -o-transition: color .1s ease-in-out;
    -ms-transition: color .1s ease-in-out;
    -moz-transition: color .1s ease-in-out;
    -webkit-transition: color .1s ease-in-out
}

.js-select-list-option-selected {
    background: rgba(255,255,255,.02);
    color: #adadad
}

.js-select-list-option:hover {
    background: rgba(0,0,0,.1)
}

.js-select-list-option-disabled {
    cursor: default;
    font-style: italic;
    color: #9a9a9a;
    font-weight: bold;
    padding: 5px 0 5px 9px
}

.js-select-list-option-disabled:hover {
    background: none
}

form .row select,form .row .js-select {
    float: right
}

.buy-coins .payment-method #payment-method-select {
    display: block;
    width: 243px;
    height: 67px;
    text-indent: 20px;
    background: #282826;
    background: -moz-linear-gradient(top,rgba(40,40,38,1) 0%,rgba(29,29,27,1) 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(40,40,38,1)),color-stop(100%,rgba(29,29,27,1)));
    background: -webkit-linear-gradient(top,rgba(40,40,38,1) 0%,rgba(29,29,27,1) 100%);
    background: -o-linear-gradient(top,rgba(40,40,38,1) 0%,rgba(29,29,27,1) 100%);
    background: -ms-linear-gradient(top,rgba(40,40,38,1) 0%,rgba(29,29,27,1) 100%);
    background: linear-gradient(top,rgba(40,40,38,1) 0%,rgba(29,29,27,1) 100%);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 0;
    box-shadow: inset 0 0 1px rgba(255,255,255,.1),0 0 1px 1px #121211;
    color: #6c6c6c;
    border: none
}

#payment-method-select .js-select-list-container {
    top: 70px !important
}

#payment-method-select .js-select-arrow {
    top: 28px;
    right: 20px
}

#payment-method-select .js-select-list-option {
    height: 35px;
    padding: 3px 0 0 7px
}

.buy-coins .coins-number ul li input[type='text'] {
    width: 75px;
    height: 81px;
    padding: 0 6px 0 0;
    margin: 0;
    text-align: center;
    font-size: 50px;
    font-family: 'PT Sans Caption',sans-serif;
    color: #ffda2c;
    letter-spacing: -7px;
    background: url(../../images/coins-ico.html) no-repeat;
    border: solid 1px #2e2d29;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    box-shadow: 0 0 9px #000;
    text-shadow: 0 -1px 0 #fff369,0 1px 0 #9f6c2b,0 2px 0 #7b5321,0 3px 0 #5b3d18,0 4px 2px #000,0 0 6px #000,0 0 15px rgba(0,0,0,1),0 0 15px rgba(0,0,0,1)
}

#character-select,#levels-select {
    width: 252px;
    height: 36px;
    background: url(../../images/submit_gradient.html) repeat-x;
    box-shadow: inset 0 2px 0 #42382f,inset 0 0 8px rgba(255,132,0,.1),0 0 7px rgba(0,0,0,.35),0 1px 2px rgba(0,0,0,.4);
    padding: 0
}

#levels-select {
    width: 240px
}

#character-select .js-select-arrow,#levels-select .js-select-arrow {
    background-image: url(../../images/select-char-arrows.png);
    width: 25px;
    height: 17px;
    top: 11px;
    right: 8px
}

#character-select .js-select-arrow-active,#levels-select .js-select-arrow-active {
    background-position: 0 -17px;
    top: 11px
}

.character-holder {
    width: 180px;
    height: 23px;
    top: 2px;
    vertical-align: middle
}

.js-select-selected .character-holder {
    top: 3px
}

.character-holder .s-class-icon {
    margin-right: 3px;
    float: left
}

.character-holder p {
    font-weight: bold;
    font-size: 12px;
    color: #837e70;
    margin: 0;
    top: -2px;
    margin: 0 0 0 4px;
    top: -1px;
    left: 6px;
    text-shadow: 0 0 3px #000,0 1px 0 #000;
    line-height: 100%
}

.character-holder span {
    font-size: 11px;
    color: rgba(0,0,0,.7);
    display: block;
    margin: -2px 0 0 4px;
    left: 6px;
    font-weight: bold;
    text-shadow: 0 0 3px rgba(255,255,255,.05),1px 1px 0 rgba(255,255,255,.03);
    line-height: 100%
}

#character-select .js-select-list-container,#levels-select .js-select-list-container {
    top: 39px;
    left: 0
}

#character-select .js-select-list-option {
    height: 23px;
    width: 237px !important;
    margin: 4px 0 4px 4px;
    padding: 5px 0 5px 7px;
    border-radius: 4px
}

#levels-select .js-select-list-option {
    height: 35px;
    width: 232px !important;
    margin: 4px 0 4px 4px;
    padding: 0 !important;
    border-radius: 4px
}

#character-select .js-select-list-option-selected,#levels-select .js-select-list-option-selected {
    background: rgba(0,0,0,.2)
}

p.select-charcater-selected {
    font-weight: bold !important;
    padding: 3px 0 0 5px;
    margin: 0;
    text-shadow: 0 0 3px #000;
    color: #7a7364
}

.js-select-list-option p.select-charcater-selected {
    top: -5px;
    font-size: 11px;
    color: #7a7875 !important
}

.js-select-list-option-selected p.select-charcater-selected {
    padding: 0;
    top: -3px
}

#levels-select p.choose-level {
    padding: 3px 0 0 2px;
    font-weight: bold !important;
    padding: 3px 0 0 5px;
    text-shadow: 0 0 3px #000;
    color: #7a7364
}

.choose-level {
    padding: 0;
    margin: 0
}

div.level-option {
    line-height: 100%;
    text-shadow: 0 0 3px #000;
    color: #867d6e
}

div.level-option i {
    font-size: 11px;
    color: #946f34;
    top: -1px;
    left: 5px;
    font-family: Verdana,Geneva,sans-serif
}

.level-option span {
    padding: 0;
    margin: 0;
    display: block;
    height: 0;
    font-size: 10px !important;
    font-family: Arial,Helvetica,sans-serif;
    color: #000;
    font-weight: bold;
    text-shadow: 0 1px 0 rgba(255,255,255,.05),0 0 3px rgba(255,255,255,.1)
}

.js-select-list-container ul div.level-option {
    padding: 6px 0 0 6px
}

.js-select-list-container ul p.choose-level {
    padding: 3px 0 0 0;
    margin: 0 0 0 9px;
    font-size: 11px;
    color: #565452;
    text-shadow: 0 0 4px rgba(0,0,0,.5)
}

#armors-filter-select {
    width: 200px
}

.sbHolder {
    width: 80%;
    height: auto;
    color: #979797;
    margin: 5px;
    cursor: pointer;
    padding: 8px;
    display: inline-block;
    position: relative;
    font-size: 12px;
    text-align: left;
    font-family: 'PT Sans Caption',sans-serif;
    text-shadow: 0 2px 0 rgba(0,0,0,.4);
    vertical-align: middle
}

.sbHolder,.sbHolder>* {
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.sbHolder:before {
    display: block;
    content: 'Select box';
    position: relative
}

.sbHolder a {
    float: none!important;
    margin: 0!important
}

.sbHolder .sbToggle {
    width: 37px;
    height: 100%;
    top: 0;
    right: 0;
    z-index: 9;
    display: block;
    position: absolute;
    background-color: transparent;
    background-image: url(../../../application/themes/havoc/images/misc/select-arrow.html);
    background-repeat: no-repeat;
    background-position: 50% 15px
}

.sbHolder .sbToggle.sbToggleOpen {
    background-position: 50% -15px
}

.sbHolder .sbSelector {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    color: #979797!important;
    display: block;
    overflow: hidden;
    position: absolute;
    box-shadow: inset 0 0 0 2px #0f0f0f,0 2px 0 0 #0a0a0a,0 0 8px 0 #101010;
    -moz-box-shadow: inset 0 0 0 2px #0f0f0f,0 2px 0 0 #0a0a0a,0 0 8px 0 #101010;
    -webkit-box-shadow: inset 0 0 0 2px #0f0f0f,0 2px 0 0 #0a0a0a,0 0 8px 0 #101010;
    line-height: 30px;
    text-indent: 8px;
    border-width: 2px;
    border-style: solid;
    border-color: #3e3e3e;
    background-color: #191919;
    transition: color .3s ease-in-out,border-color .3s ease-in-out;
    -o-transition: color .3s ease-in-out,border-color .3s ease-in-out;
    -ms-transition: color .3s ease-in-out,border-color .3s ease-in-out;
    -moz-transition: color .3s ease-in-out,border-color .3s ease-in-out;
    -webkit-transition: color .3s ease-in-out,border-color .3s ease-in-out
}

.sbHolder .sbToggle.sbToggleOpen+.sbSelector {
    color: #f0a31c!important;
    border-color: #792121
}

.sbHolder .sbOptions {
    width: 100%;
    max-height: 124px!important;
    top: 34px!important;
    left: 0;
    cursor: default;
    border: 2px #3e3e3e solid;
    z-index: 99;
    position: absolute;
    overflow-y: auto;
    overflow-x: hidden;
    box-shadow: inset 0 0 0 1px #1f1b0f,inset 0 0 0 2px #0d0d0d;
    -moz-box-shadow: inset 0 0 0 1px #1f1b0f,inset 0 0 0 2px #0d0d0d;
    -webkit-box-shadow: inset 0 0 0 1px #1f1b0f,inset 0 0 0 2px #0d0d0d
}

.sbHolder .sbOptions li {
    width: 100%;
    height: 30px;
    background-color: #1f1f1f
}

.sbHolder .sbOptions li:nth-child(even) {
    background-color: #171717
}

.sbHolder .sbOptions li a {
    width: 100%;
    height: 100%;
    color: #606060;
    display: block;
    text-indent: 8px;
    line-height: 30px;
    font-family: 'PT Sans Caption',sans-serif;
    text-transform: capitalize;
    transition: color .1s ease-in-out;
    -o-transition: color .1s ease-in-out;
    -ms-transition: color .1s ease-in-out;
    -moz-transition: color .1s ease-in-out;
    -webkit-transition: color .1s ease-in-out
}

.sbHolder .sbOptions li a:hover,.sbHolder .sbOptions li a:focus,.sbHolder .sbOptions li .sbFocus {
    color: #adadad
}

.sbHolder .sbOptions li .sbDisabled {
    width: 100%;
    height: 100%;
    color: #444;
    display: block;
    text-indent: 8px;
    line-height: 30px;
    font-family: 'PT Sans Caption',sans-serif;
    text-transform: capitalize;
    background-color: #0e0e0e
}

.sbHolder .sbOptions .sbGroup {
    width: 100%;
    height: 100%;
    color: #ebb52d;
    display: block;
    text-indent: 8px;
    line-height: 30px;
    font-family: 'PT Sans Caption',sans-serif;
    text-transform: capitalize
}

.sbHolder .sbOptions .sbSub {
    padding-left: 17px
}

.sbHolder.sbHolderDisabled {
    opacity: .8
}

.sbHolder img {
    top: 2px;
    padding-right: 5px
}

.btn-size-1,#btn-size-1,.btn-size-2,#btn-size-2,.btn-size-3,#btn-size-3 {
    float: left;
    margin-right: 10px;
    height: 30px !important
}

.btn-size-1,#btn-size-1 {
    width: 13% !important
}

.btn-size-2,#btn-size-2 {
    width: 23% !important
}

.btn-size-3,#btn-size-3 {
    width: 33% !important
}

.search-input {
    display: inline-grid;
    position: relative;
    width: 250px
}

.search-input .search-submit,.search-input-product .search-submit {
    z-index: 9999;
    position: absolute;
    right: 15px;
    top: 15px;
    border: 0;
    background: 0 0;
    color: #82827e;
    outline: 0;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 14px
}

.search-input .screen-reader-text,.search-input-product .screen-reader-text {
    clip: rect(1px,1px,1px,1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important
}

.iradio,.icheckbox {
    border: none;
    cursor: pointer;
    margin: 0;
    padding: 0;
    display: inline-block;
    box-shadow: 0 0 5px 0 rgba(0,0,0,.7),0 2px 0 0 rgba(0,0,0,.88);
    -moz-box-shadow: 0 0 5px 0 rgba(0,0,0,.7),0 2px 0 0 rgba(0,0,0,.88);
    -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.7),0 2px 0 0 rgba(0,0,0,.88);
    vertical-align: text-bottom;
    background-color: transparent;
    background-image: url(../../images/misc/radio-checkbox.png);
    background-repeat: no-repeat
}

.iradio.disabled,.icheckbox.disabled {
    cursor: default
}

.iradio.hover,.iradio.checked,.icheckbox.hover,.icheckbox.checked {
    box-shadow: 0 0 5px 0 rgba(0,0,0,.7),0 2px 0 0 rgba(0,0,0,.88),inset 0 0 0 1px rgba(117,108,108,.25);
    -moz-box-shadow: 0 0 5px 0 rgba(0,0,0,.7),0 2px 0 0 rgba(0,0,0,.88),inset 0 0 0 1px rgba(117,108,108,.25);
    -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.7),0 2px 0 0 rgba(0,0,0,.88),inset 0 0 0 1px rgba(117,108,108,.25)
}

.iradio {
    width: 15px;
    height: 15px;
    margin: 0;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%
}

.iradio {
    background-position: 0 0
}

.iradio.hover {
    background-position: 0 -19px
}

.iradio.checked {
    background-position: 0 -38px
}

.iradio.disabled {
    background-position: 0 -57px
}

.iradio.checked.disabled {
    background-position: 0 -76px
}

.icheckbox {
    width: 14px;
    height: 14px;
    margin: 0;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
}

.icheckbox {
    background-position: -19px -1px
}

.icheckbox.hover {
    background-position: -19px -20px
}

.icheckbox.checked {
    background-position: -19px -39px
}

.icheckbox.disabled {
    background-position: -19px -58px
}

.icheckbox.checked.disabled {
    background-position: -19px -77px
}

table tbody tr td span img {
    top: -1px;
    vertical-align: middle
}

.mainside #page-page .page-inner .page-body img,.mainside #page-page .page-inner .page-body video,.mainside #page-page .page-inner .page-body table,.mainside #page-page .page-inner .page-body iframe {
    max-width: 100%
}

.mainside #page-page .page-inner .page-body b,.mainside #page-page .page-inner .page-body strong {
    font-weight: 700
}

.mainside #page-page .page-inner .page-body i {
    font-style: italic
}

.mainside #page-page .page-inner .page-body u {
    text-decoration: none
}

.mainside #page-page .page-inner .page-body ul,.mainside #page-page .page-inner .page-body ol {
    padding-left: 20px
}

.mainside #page-page .page-inner .page-body ul li,.mainside #page-page .page-inner .page-body ol li {
    list-style: disc
}

#event_container .event_container {
    width: 100%;
    height: 235px;
    margin: 0 0 16px;
    display: block;
    box-shadow: 0 0 16px 0 rgba(0,0,0,.4);
    -moz-box-shadow: 0 0 16px 0 rgba(0,0,0,.4);
    -webkit-box-shadow: 0 0 16px 0 rgba(0,0,0,.4);
    border-bottom: 3px #0c0c0c solid;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center center
}

#event_container .event_container:before {
    width: 100%;
    height: 50%;
    top: 0;
    left: 0;
    content: "";
    position: absolute;
    background: -moz-linear-gradient(left,rgba(255,255,255,.05) 0%,rgba(255,255,255,.05) 100%);
    background: -webkit-linear-gradient(left,rgba(255,255,255,.05) 0%,rgba(255,255,255,.05) 100%);
    background: linear-gradient(to right,rgba(255,255,255,.05) 0%,rgba(255,255,255,.05) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0dffffff',endColorstr='#0dffffff',GradientType=1)
}

#event_container .event_container:after {
    width: 33px;
    height: 29px;
    top: -10px;
    right: -10px;
    content: "";
    position: absolute;
    background-color: transparent;
    background-image: url(../../images/misc/quote.png);
    background-repeat: no-repeat;
    background-position: center center
}

#event_container .event_container span.box1 {
    width: 100%;
    height: 100%;
    display: block;
    padding: 0 15px;
    text-align: center;
    line-height: 52px
}

#event_container .event_container span.box1:before {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border: 5px #000 solid;
    border: 5px rgba(0,0,0,.4) solid;
    content: "";
    position: absolute;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

#event_container .event_container span.box1:after {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border: 2px #42413e solid;
    content: "";
    position: absolute;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

#event_container .event_text {
    background-image: url(../../images/event_text_bg.png);
    width: 302px;
    height: 50px;
    margin: 5px 0 0 -10px
}

#event_container .event_name {
    float: left;
    width: 175px;
    color: #eea923;
    line-height: 37px;
    text-align: center;
    font-style: inherit;
    font-size: 14px;
    font-family: 'PT Sans Caption',sans-serif;
    text-shadow: 0 2px 0 rgba(0,0,0,.4);
    letter-spacing: .5px;
    text-transform: uppercase
}

#event_container .event_time {
    float: right;
    width: 120px;
    line-height: 37px;
    text-align: center;
    font-style: inherit;
    font-size: 11px;
    font-family: 'PT Sans Caption',sans-serif;
    text-shadow: 0 2px 0 rgba(0,0,0,.4);
    letter-spacing: .5px;
    text-transform: uppercase
}

#event_container .event_name:before,#event_container .event_time:before {
    width: 100%;
    height: 10px;
    top: 15px;
    left: 0;
    z-index: 9;
    opacity: .8;
    content: "";
    position: absolute;
    box-shadow: 0 0 10px 0 rgba(0,0,0,.3);
    -moz-box-shadow: 0 0 10px 0 rgba(0,0,0,.3);
    -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.3);
    background: -moz-linear-gradient(left,rgba(0,0,0,0) 0%,rgba(0,0,0,.35) 30%,rgba(0,0,0,.35) 70%,rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(left,rgba(0,0,0,0) 0%,rgba(0,0,0,.35) 30%,rgba(0,0,0,.35) 70%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(0,0,0,.35) 30%,rgba(0,0,0,.35) 70%,rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#00000000',GradientType=1)
}

#event_container .event_container span.box2 {
    height: 100%;
    display: block;
    padding: 0 15px;
    text-align: center;
    line-height: 52px
}

#event_container .event_container span.box2:before {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border: 5px #000 solid;
    border: 5px rgba(0,0,0,.4) solid;
    content: "";
    position: absolute;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

#event_container .event_container span.box2:after {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border: 2px #42413e solid;
    content: "";
    position: absolute;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

#event_container .event_pagination {
    margin: 130px 0 0 60px;
    width: 165px;
    height: 36px;
    background-color: #2e2e2d;
    display: block;
    box-shadow: 0 0 16px 0 rgba(0,0,0,.4);
    -moz-box-shadow: 0 0 16px 0 rgba(0,0,0,.4);
    -webkit-box-shadow: 0 0 16px 0 rgba(0,0,0,.4)
}

#event_container .event_pagination a {
    z-index: 9999;
    float: left;
    width: 16px;
    height: 16px;
    top: 10px;
    color: transparent;
    opacity: .9;
    font-size: 0;
    text-indent: -999999px;
    vertical-align: top;
    background-color: transparent;
    background-image: url(../../images/misc/slider-btn.png);
    background-repeat: no-repeat;
    background-position: bottom left;
    margin-left: 3px
}

#event_container .event_pagination a:hover {
    opacity: 1;
    background-position: bottom right
}

#event_container .event_pagination .selected {
    opacity: 1;
    background-position: bottom right
}

table.rankTable {
    width: 100% !important
}

table.rankTable a {
    color: #7b7872;
    font-size: 11px;
    font-family: 'PT Sans Caption',sans-serif
}

table.rankTable span {
    font-size: 11px;
    font-family: 'PT Sans Caption',sans-serif;
    top: 2px
}

table.rankTable a:hover {
    color: #a19e98
}

table.rankTable td,table.rankTable th {
    padding: 3px 0 3px 10px
}

table.rankTable tbody td {
    background-image: url(../../images/misc/line-sep.png);
    background-position: top center;
    background-repeat: no-repeat;
    background-position-y: -2px
}

table.rankTable tbody tr:nth-child(even) {
    background-color: rgba(49,49,49,.2)
}

table.rankTable thead th {
    background: #0d334d;
    background: -moz-linear-gradient(top,#313131 0%,#313131 66%,#22211f 100%);
    background: -webkit-linear-gradient(top,#313131 0%,#313131 66%,#22211f 100%);
    background: linear-gradient(to bottom,#313131 0%,#313131 66%,#22211f 100%);
    color: #c4c1ba;
    font-style: inherit;
    font-family: 'PT Sans Caption',sans-serif
}

.nation,.class,.grade,.symbol {
    background-image: url(../../images/icon.bmp);
    vertical-align: middle;
    display: inline-block;
    height: 16px;
    width: 16px;
    margin-right: 2px;
    top: 1px !important
}

.clanicon {
    background-size: 16px 16px;
    vertical-align: middle;
    display: inline-block;
    height: 16px;
    width: 16px
}

.nation.n1 {
    background-position: 0 -32px
}

.nation.n2 {
    background-position: -16px -32px
}

.class.c11 {
    background-position: -32px -32px
}

.class.c12 {
    background-position: -48px -32px
}

.class.c13 {
    background-position: -64px -32px
}

.class.c14 {
    background-position: -80px -32px
}

.class.c15 {
    background-position: -161px -32px
}

.class.c25 {
    background-position: -176px -32px
}

.class.c21 {
    background-position: -96px -32px
}

.class.c22 {
    background-position: -112px -32px
}

.class.c23 {
    background-position: -128px -32px
}

.class.c24 {
    background-position: -144px -32px
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.symbol.a1 {
    background-position: 0 -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
}

#home_rankings {
    width: 710px;
    min-height: 340px;
    height: 100%;
    margin: 20px 20px 20px 20px
}

#home_rankings li a:hover {
    color: #f0a31c;
    border-color: #792121
}

#home_rankings li a.selected {
    color: #f0a31c !important;
    border-color: #792121 !important
}

#home_rankings li {
    display: inline-block
}

#home_rankings li a {
    margin: 0 0 0 7px;
    display: inline-block;
    font-size: 11px;
    transform: skewX(-7deg);
    -o-transform: skewX(-7deg);
    -ms-transform: skewX(-7deg);
    -moz-transform: skewX(-7deg);
    -webkit-transform: skewX(-7deg);
    width: auto;
    height: auto;
    color: #828282;
    cursor: pointer;
    padding: 7px 10px 7px 10px;
    height: 13px;
    text-align: center;
    box-shadow: inset 0 0 0 2px #0f0f0f,0 2px 0 0 #0a0a0a,0 0 8px 0 #101010;
    -moz-box-shadow: inset 0 0 0 2px #0f0f0f,0 2px 0 0 #0a0a0a,0 0 8px 0 #101010;
    -webkit-box-shadow: inset 0 0 0 2px #0f0f0f,0 2px 0 0 #0a0a0a,0 0 8px 0 #101010;
    font-family: 'PT Sans Caption',sans-serif;
    text-shadow: 0 2px 0 rgba(0,0,0,.4);
    border-width: 2px;
    border-style: solid;
    border-color: #313131;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    text-transform: uppercase;
    background-color: #191919;
    transition: color .3s ease-in-out,border-color .3s ease-in-out;
    -o-transition: color .3s ease-in-out,border-color .3s ease-in-out;
    -ms-transition: color .3s ease-in-out,border-color .3s ease-in-out;
    -moz-transition: color .3s ease-in-out,border-color .3s ease-in-out;
    -webkit-transition: color .3s ease-in-out,border-color .3s ease-in-out
}

#home_rankings #content {
    margin-top: 7px;
    margin-left: 4px;
    font-size: 11px;
    color: #828282;
    cursor: pointer;
    box-shadow: inset 0 0 0 2px #0f0f0f,0 2px 0 0 #0a0a0a,0 0 8px 0 #101010;
    -moz-box-shadow: inset 0 0 0 2px #0f0f0f,0 2px 0 0 #0a0a0a,0 0 8px 0 #101010;
    -webkit-box-shadow: inset 0 0 0 2px #0f0f0f,0 2px 0 0 #0a0a0a,0 0 8px 0 #101010;
    font-family: 'PT Sans Caption',sans-serif;
    text-shadow: 0 2px 0 rgba(0,0,0,.4);
    border-width: 2px;
    border-style: solid;
    border-color: #313131;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    background-color: #191919;
    transition: color .3s ease-in-out,border-color .3s ease-in-out;
    -o-transition: color .3s ease-in-out,border-color .3s ease-in-out;
    -ms-transition: color .3s ease-in-out,border-color .3s ease-in-out;
    -moz-transition: color .3s ease-in-out,border-color .3s ease-in-out;
    -webkit-transition: color .3s ease-in-out,border-color .3s ease-in-out
}

#tab-2,#tab-3,#tab-4,#tab-5 {
    display: none
}

.login-box {
    padding: 33px
}

.login-box input[type='text'],.login-box input[type='password'] {
    width: 351px;
    height: 41px;
    margin: 0 0 20px 0
}

.login-box p {
    font-family: 'PT Sans Caption',sans-serif;
    font-weight: normal;
    font-size: 12px;
    color: #a9a5a1;
    text-shadow: 0 0 5px rgba(0,0,0,.15),1px 0 1px rgba(0,0,0,.25);
    padding: 0 0 5px 2px
}

.login-box-options {
    box-shadow: inset 0 1px 0 rgba(255,255,255,.05),0 -1px 0 rgba(0,0,0,.3);
    padding: 10px 0 0 0;
    margin: 22px 0 0 0;
    font-family: 'PT Sans Caption',sans-serif;
    font-size: 12px;
    color: #74634d;
    text-shadow: 1px 1px 1px rgba(0,0,0,.45),0 0 5px rgba(0,0,0,.95)
}

.login-page {
    width: 78%;
    text-align: left;
    padding: 30px 0 0 0
}

.login-success {
    padding: 20px 0 20px 0;
    text-align: center;
    text-shadow: 0 0 8px rgba(0,0,0,.5)
}

.login-success h1 {
    color: #b6a98f;
    margin: 0 0 12px 0
}

.login-box-row label.label_check {
    margin: 10px 0 0 10px
}

.container_3 {
    width: 633px;
    height: auto;
    min-height: 40px;
    background: rgba(31,23,19,.8);
    box-shadow: 0 0 4px rgba(0,0,0,.6),0 1px 1px rgba(0,0,0,.5),inset 0 0 0 1px rgba(255,255,255,.015),inset 0 1px 0 rgba(255,255,255,.05);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 0 0 14px 0;
    padding: 35px 0 25px 0;
    z-index: 1
}

.login-box-holder {
    width: 436px;
    height: 431px;
    top: 30%;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden;
    padding: 0;
    box-shadow: inset 0 0 0 2px #2b221a,0 0 10px #000,0 0 10px #000,inset 0 0 15px rgba(0,0,0,.6),0 0 85px #000;
    box-shadow: inset 0 0 0 2px #0f0f0f,0 2px 0 0 #0a0a0a,0 0 8px 0 #101010;
    -moz-box-shadow: inset 0 0 0 2px #0f0f0f,0 2px 0 0 #0a0a0a,0 0 8px 0 #101010;
    -webkit-box-shadow: inset 0 0 0 2px #0f0f0f,0 2px 0 0 #0a0a0a,0 0 8px 0 #101010;
    font-family: 'PT Sans Caption',sans-serif;
    text-shadow: 0 2px 0 rgba(0,0,0,.4);
    border-width: 2px;
    border-style: solid;
    border-color: #313131;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    background-color: #191919;
    transition: color .3s ease-in-out,border-color .3s ease-in-out;
    -o-transition: color .3s ease-in-out,border-color .3s ease-in-out;
    -ms-transition: color .3s ease-in-out,border-color .3s ease-in-out;
    -moz-transition: color .3s ease-in-out,border-color .3s ease-in-out;
    -webkit-transition: color .3s ease-in-out,border-color .3s ease-in-out
}

#Login-box_container {
    position: fixed;
    z-index: 10000;
    opacity: 0;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5)
}

#Alert-box_container {
    position: fixed;
    z-index: 10000;
    opacity: 0;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5)
}

.login-box-close {
    margin: -30px -30px 0 0;
    text-align: center;
    width: 20px;
    height: 20px;
    float: right;
    font-family: 'PT Sans Caption',sans-serif;
    font-weight: bold;
    font-size: 14px;
    cursor: pointer;
    border-left: 2px solid #313131;
    border-bottom: 2px solid #313131;
    color: #a9a5a1;
    text-shadow: 0 0 5px rgba(0,0,0,.15),1px 0 1px rgba(0,0,0,.25)
}

.login-box-close:hover {
    color: #d6991f
}

.mainside .mainbox .mainbox-inner .mainbox-body .divider2 {
    width: 100%;
    height: 13px;
    clear: both;
    margin: 20px auto;
    background-size: 100% auto;
    background-color: transparent;
    background-image: url(../../images/divider.png);
    background-repeat: no-repeat;
    background-position: top center
}

.rankTable.All {
    margin-top: 10px !important;
    margin-left: 20px !important;
    width: 96% !important
}

.rankTable.All2 {
    margin-left: 20px !important;
    margin-bottom: 20px !important;
    width: 96% !important
}

#imaged_header p {
    float: left;
    display: block;
    margin-left: 3px;
    margin-top: 3px
}

#imaged_header {
    width: 750px;
    float: left;
    padding: 10px;
    margin-left: 5px
}

#imaged_header img {
    padding: 3px;
    float: left;
    border: 3px solid rgba(0,0,0,.1)
}

.table_img_item {
    padding: 5px;
    margin-bottom: -10px
}

#imaged_header img:hover {
    border: 3px solid #97793b
}

#imaged_header img.selected {
    border: 3px solid #97793b !important
}

.dataLoading {
    text-align: center;
    color: #bcb7b3;
    display: block;
    font-size: 12px;
    line-height: 35px;
    font-family: 'PT Sans Caption',sans-serif;
    text-transform: uppercase;
    transition: color .3s ease-in-out;
    -o-transition: color .3s ease-in-out;
    -ms-transition: color .3s ease-in-out;
    -moz-transition: color .3s ease-in-out;
    -webkit-transition: color .3s ease-in-out
}

#chest_detail {
    z-index: 9999;
    float: left;
    margin-left: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
    width: 95%
}

#chest_detail .icon {
    width: 45px;
    height: 45px;
    padding: 5px;
    float: left
}

#chest_detail .text {
    float: left;
    padding: 5px;
    text-align: left;
    line-height: 50px
}

#chest_detail .goback {
    float: right;
    padding: 5px;
    text-align: left;
    line-height: 50px
}

#mining_header {
    position: absolute;
    margin-top: 20px;
    margin-left: 540px;
    text-align: left
}

.onlinecount {
    color: #cec9bf;
    font-size: 11px;
    font-family: 'PT Sans Caption',sans-serif;
    text-shadow: 0 2px 0 rgba(0,0,0,.4);
    letter-spacing: .5px;
    text-transform: uppercase
}

.onlinecount span {
    font-weight: bold;
    color: #efac1b
}

#login_input,#password_input {
    background-repeat: no-repeat;
    background-position: left;
    height: 32px;
    padding: 0 10px 0 50px;
    width: 100%
}

.login-in input {
    background-image: url(../../images/login-icon.png)
}

.password-in input {
    background-image: url(../../images/password-icon.png)
}

.flex-center {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 218px;
    margin-top: 4px
}

.store_product_list .category {
    width: 600px;
    color: #706352;
    font-family: 'PT Sans Caption',sans-serif;
    font-size: 11px;
    text-shadow: 1px 1px 1px rgba(0,0,0,.25);
    display: block;
    border: 1px solid rgba(0,0,0,.35);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 10px;
    box-shadow: inset 0 1px 0 rgba(194,181,132,.05),inset 0 0 3px rgba(255,255,255,.02),0 0 10px rgba(0,0,0,.25);
    margin-left: 20px;
    margin-bottom: -10px
}

.store_product_list {
    width: 700px;
    font-family: 'PT Sans Caption',sans-serif
}

.store_product_list .items {
    list-style: none;
    padding: 15px 15px 15px 18px
}

.store_product_list .items .item a {
    float: left;
    width: 220px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.store_product_list .items .item {
    background-image: url(../../images/top_voters_line.png);
    background-repeat: no-repeat;
    background-position: bottom left;
    height: 53px;
    width: 298px;
    display: inline-block;
    color: #706352;
    font-family: 'PT Sans Caption',sans-serif;
    font-size: 11px;
    text-shadow: 1px 1px 1px rgba(0,0,0,.25);
    border: 1px solid rgba(0,0,0,.35);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 3px;
    margin: 3px;
    box-shadow: inset 0 1px 0 rgba(194,181,132,.05),inset 0 0 3px rgba(255,255,255,.02),0 0 10px rgba(0,0,0,.25);
    background-image: url(../../images/store_item_hover.png)
}

.store_product_list .items .item #hover {
    width: 100%;
    height: 57px;
    background-image: url(../../images/store_item_hover.png);
    background-repeat: no-repeat;
    background-position: top left;
    background-color: transparent;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    opacity: 0;
    visibility: hidden
}

.store_product_list #icon {
    float: left;
    display: block;
    width: 37px;
    height: 37px;
    background-repeat: no-repeat;
    background-size: 100%;
    border-style: solid;
    border-width: 1px;
    box-shadow: inset 0 0 6px #000,0 0 3px rgba(208,179,133,.35);
    margin: 7px 0 0 12px
}

.store_product_list #middle {
    float: left;
    margin-left: 15px;
    margin-top: 7px;
    text-align: left
}

.store_product_list #middle a {
    font-family: 'PT Sans Caption',sans-serif;
    font-size: 14px;
    text-shadow: 1px 1px 1px rgba(0,0,0,.45)
}

.store_product_list #middle p {
    color: #534a3f;
    font-family: 'PT Sans Caption',sans-serif;
    font-size: 11px;
    text-shadow: 1px 1px 1px rgba(0,0,0,.45);
    margin-top: 5px
}

.container_reseller {
    height: auto;
    min-height: 40px;
    background: rgba(31,23,19,.8);
    box-shadow: 0 0 4px rgba(0,0,0,.6),0 1px 1px rgba(0,0,0,.5),inset 0 0 0 1px rgba(255,255,255,.015),inset 0 1px 0 rgba(255,255,255,.05);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 35px 0 25px 0;
    z-index: 1;
    margin: 15px;
    width: 800px
}

#termsofuse_content {
    padding: 50px;
    line-height: 37px;
    font-style: inherit;
    font-size: 14px;
    font-family: 'PT Sans Caption',sans-serif;
    text-shadow: 0 2px 0 rgba(0,0,0,.4);
    letter-spacing: .5px;
    text-transform: uppercase
}

#termsofuse_content h3 {
    color: #eea923
}

#termsofuse_content p {
    margin-bottom: 20px
}

.page_form {
    padding: 30px
}

.green {
    box-shadow: 0 0 4px rgba(0,0,0,.6),0 1px 1px rgba(0,0,0,.5),inset 0 0 0 1px rgba(66,255,0,.1),inset 0 0 28px 25px rgba(66,255,0,.05),inset 0 0 18px 0 rgba(66,255,0,.15);
    color: #54a22c;
    text-shadow: 0 1px 0 #000,0 0 6px #000
}

.red {
    box-shadow: 0 0 4px rgba(0,0,0,.6),0 1px 1px rgba(0,0,0,.5),inset 0 0 0 1px rgba(255,66,0,.1),inset 0 0 28px 25px rgba(255,66,0,.05),inset 0 0 18px 0 rgba(255,66,0,.15);
    color: #a23535;
    text-shadow: 0 1px 0 #000,0 0 6px #000
}

.light_brown {
    box-shadow: 0 0 4px rgba(0,0,0,.6),0 1px 1px rgba(0,0,0,.5),inset 0 0 0 1px rgba(255,255,255,.05),inset 0 0 28px 25px rgba(255,255,255,.03),inset 0 0 18px 0 rgba(255,255,255,.1);
    color: #6c6c6c;
    text-shadow: 0 1px 0 #000,0 0 6px #000
}

.grlb-a-fix {
    display: block;
    width: 99%;
    padding: 0
}

a.light_brown:hover {
    box-shadow: 0 0 4px rgba(0,0,0,.6),0 1px 1px rgba(0,0,0,.5),inset 0 0 0 1px rgba(255,255,255,.05),inset 0 0 28px 25px rgba(255,255,255,.03),inset 0 0 18px 0 rgba(255,255,255,.06)
}

.green,.red,.light_brown {
    padding: 0
}

.wide {
    width: 100%
}

.wider {
    width: 100%
}

.error-holder {
    width: 100%;
    margin-left: 50px;
    margin-top: 20px
}

.green p,.red p,.light_brown p {
    font-size: 12px;
    padding: 0 12px 0 10px;
    display: inline-block;
    margin: 13px 0 13px 0;
    vertical-align: top
}

.error_icons {
    background-image: url(../../images/misc_main.png);
    background-repeat: no-repeat;
    background-color: transparent;
    width: auto;
    height: 28px;
    display: inline-block;
    vertical-align: top;
    margin: 0 0 0 8px;
    top: 6px
}

.atention {
    width: 28px;
    background-position: -892px -0
}

.success {
    width: 28px;
    background-position: -920px -0
}

.mail {
    width: 30px;
    background-position: -948px -0
}

#register_form .alert {
    text-align: left;
    margin-left: 65px;
    margin-top: 3px;
    margin-bottom: 3px
}

#login_content .complete_msg {
    width: 100%;
    font-size: 13px
}

fieldset {
    width: 600px;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-top: 30px;
    margin-left: 55px;
    font-size: 11px;
    color: #828282;
    cursor: pointer;
    padding: 6px 20px;
    box-shadow: inset 0 0 0 2px #0f0f0f,0 2px 0 0 #0a0a0a,0 0 8px 0 #101010;
    -moz-box-shadow: inset 0 0 0 2px #0f0f0f,0 2px 0 0 #0a0a0a,0 0 8px 0 #101010;
    -webkit-box-shadow: inset 0 0 0 2px #0f0f0f,0 2px 0 0 #0a0a0a,0 0 8px 0 #101010;
    font-family: 'PT Sans Caption',sans-serif;
    text-shadow: 0 2px 0 rgba(0,0,0,.4);
    border-width: 2px;
    border-style: solid;
    border-color: #313131;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    background-color: #191919;
    transition: color .3s ease-in-out,border-color .3s ease-in-out;
    -o-transition: color .3s ease-in-out,border-color .3s ease-in-out;
    -ms-transition: color .3s ease-in-out,border-color .3s ease-in-out;
    -moz-transition: color .3s ease-in-out,border-color .3s ease-in-out;
    -webkit-transition: color .3s ease-in-out,border-color .3s ease-in-out
}

legend {
    text-align: left;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-top: 30px;
    margin-left: 10px;
    font-size: 11px;
    color: #828282;
    cursor: pointer;
    padding: 6px 20px;
    box-shadow: inset 0 0 0 2px #0f0f0f,0 2px 0 0 #0a0a0a,0 0 8px 0 #101010;
    -moz-box-shadow: inset 0 0 0 2px #0f0f0f,0 2px 0 0 #0a0a0a,0 0 8px 0 #101010;
    -webkit-box-shadow: inset 0 0 0 2px #0f0f0f,0 2px 0 0 #0a0a0a,0 0 8px 0 #101010;
    font-family: 'PT Sans Caption',sans-serif;
    text-shadow: 0 2px 0 rgba(0,0,0,.4);
    border-width: 2px;
    border-style: solid;
    border-color: #313131;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    background-color: #191919;
    transition: color .3s ease-in-out,border-color .3s ease-in-out;
    -o-transition: color .3s ease-in-out,border-color .3s ease-in-out;
    -ms-transition: color .3s ease-in-out,border-color .3s ease-in-out;
    -moz-transition: color .3s ease-in-out,border-color .3s ease-in-out;
    -webkit-transition: color .3s ease-in-out,border-color .3s ease-in-out
}

#General,#Monthly,#Clan,#Kings,#GameMasters {
    display: none;
    min-height: 50px
}

#contentLoading {
    position: absolute;
    left: 50%;
    top: 25%;
    z-index: 1000;
    height: 31px;
    width: 31px
}

#cache_time {
    float: right;
    padding-top: 25px
}

#ranking_select_container {
    margin-left: 16px;
    margin-top: 10px;
    margin-bottom: 10px
}

#json_error {
    box-shadow: inset 0 0 0 2px #0f0f0f,0 0 0 0 #0a0a0a,0 0 8px 0 #101010;
    -moz-box-shadow: inset 0 0 0 2px #0f0f0f,0 2px 0 0 #0a0a0a,0 0 8px 0 #101010;
    -webkit-box-shadow: inset 0 0 0 2px #0f0f0f,0 0 0 0 #0a0a0a,0 0 8px 0 #101010;
    font-family: 'PT Sans Caption',sans-serif;
    text-shadow: 0 2px 0 rgba(0,0,0,.4);
    color: #828282;
    font-size: 12px;
    width: 738px;
    text-align: center;
    padding: 5px;
    margin-top: 20px;
    margin-left: 6px
}

.field-validation-error {
    display: table-caption;
    margin-bottom: 3px;
    text-align: left;
    border-width: 1px;
    border-style: solid;
    border-color: #3e3e3e;
    background-color: #3c0909;
    color: #dc7070;
    padding: 8px;
    font-size: 11px;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-shadow: inset 0 0 0 2px #0f0f0f,0 2px 0 0 #0a0a0a,0 0 8px 0 #101010;
    -moz-box-shadow: inset 0 0 0 2px #0f0f0f,0 2px 0 0 #0a0a0a,0 0 8px 0 #101010;
    -webkit-box-shadow: inset 0 0 0 2px #0f0f0f,0 2px 0 0 #0a0a0a,0 0 8px 0 #101010;
    font-family: 'PT Sans Caption',sans-serif;
    text-shadow: 0 2px 0 rgba(0,0,0,.4);
    transition: color .3s ease-in-out,border-color .3s ease-in-out;
    -o-transition: color .3s ease-in-out,border-color .3s ease-in-out;
    -ms-transition: color .3s ease-in-out,border-color .3s ease-in-out;
    -moz-transition: color .3s ease-in-out,border-color .3s ease-in-out;
    -webkit-transition: color .3s ease-in-out,border-color .3s ease-in-out
}

.field-validation-error-2 {
    width: 100%;
    display: inline-table
}

.btn_active {
    color: #f0a31c !important;
    border-color: #792121 !important
}

.p_message {
    width: 600px;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-top: 30px;
    margin-left: 55px;
    font-size: 11px;
    cursor: pointer;
    padding: 6px 20px
}

div.rankingContent {
    width: 712px;
    margin: 0 auto
}

div.rankingSpace {
    margin-bottom: 10px
}

div.rankingInputs {
    width: 712px;
    margin: 0 auto;
    margin-top: 10px;
    margin-bottom: 10px
}

div.top_ranking {
    text-align: center;
    padding: 0 3px 3px;
    display: none;
    font-family: 'PT Sans Caption',sans-serif;
    text-shadow: 0 2px 0 rgba(0,0,0,.4);
    box-shadow: inset 0 0 0 2px #0f0f0f,0 2px 0 0 #0a0a0a,0 0 8px 0 #101010;
    -moz-box-shadow: inset 0 0 0 2px #0f0f0f,0 2px 0 0 #0a0a0a,0 0 8px 0 #101010;
    -webkit-box-shadow: inset 0 0 0 2px #0f0f0f,0 2px 0 0 #0a0a0a,0 0 8px 0 #101010;
    border-width: 1px;
    border-style: solid;
    border-color: #3e3e3e;
    background-color: #191919;
    transition: color .3s ease-in-out,border-color .3s ease-in-out;
    -o-transition: color .3s ease-in-out,border-color .3s ease-in-out;
    -ms-transition: color .3s ease-in-out,border-color .3s ease-in-out;
    -moz-transition: color .3s ease-in-out,border-color .3s ease-in-out;
    -webkit-transition: color .3s ease-in-out,border-color .3s ease-in-out
}

#dataDiv.rankList {
    font-family: 'PT Sans Caption',sans-serif;
    text-shadow: 0 2px 0 rgba(0,0,0,.4);
    box-shadow: inset 0 0 0 2px #0f0f0f,0 2px 0 0 #0a0a0a,0 0 8px 0 #101010;
    -moz-box-shadow: inset 0 0 0 2px #0f0f0f,0 2px 0 0 #0a0a0a,0 0 8px 0 #101010;
    -webkit-box-shadow: inset 0 0 0 2px #0f0f0f,0 2px 0 0 #0a0a0a,0 0 8px 0 #101010;
    border-width: 1px;
    border-style: solid;
    border-color: #3e3e3e;
    background-color: #191919;
    transition: color .3s ease-in-out,border-color .3s ease-in-out;
    -o-transition: color .3s ease-in-out,border-color .3s ease-in-out;
    -ms-transition: color .3s ease-in-out,border-color .3s ease-in-out;
    -moz-transition: color .3s ease-in-out,border-color .3s ease-in-out;
    -webkit-transition: color .3s ease-in-out,border-color .3s ease-in-out
}

dl[class^="top_ranking_no"] {
    display: inline-block;
    width: 232px;
    height: 260px;
    background-size: auto;
    background-position: center top;
    background-repeat: no-repeat
}

dl.top_ranking_no1 {
    background-image: url(../../images/ranking/ranking_1.png);
    background-size: 260px 260px
}

dl.top_ranking_no1 dt,dl.top_ranking_no1 dd {
    color: #f7cc6e;
    text-shadow: -1px -1px #300a08,1px 1px #300a08
}

dl.top_ranking_no2 {
    background-image: url(../../images/ranking/ranking_2.png);
    background-size: 260px 260px
}

dl.top_ranking_no2 dt,dl.top_ranking_no2 dd {
    color: #f9fafa;
    text-shadow: -1px -1px #161a1f,1px 1px #161a1f
}

dl.top_ranking_no3 {
    background-image: url(../../images/ranking/ranking_3.png);
    background-size: 260px 260px
}

dl.top_ranking_no3 dt,dl.top_ranking_no3 dd {
    color: #ed996b;
    text-shadow: -1px -1px #160b0d,1px 1px #160b0d
}

dl[class^="top_ranking_no"] dt {
    margin-top: 105px;
    height: 30px;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: -.04em
}

dl[class^="top_ranking_no"] dd {
    height: 20px
}

@font-face {
    font-family: 'Glyphicons Halflings';
    src: url(../../fonts/glyphicons-halflings-regulard41d.eot?);
    src: url(../../fonts/glyphicons-halflings-regulard41d.eot?#iefix) format('embedded-opentype'),url(../../fonts/glyphicons-halflings-regular.woff2) format('woff2'),url(../../fonts/glyphicons-halflings-regular.woff) format('woff'),url(../../fonts/glyphicons-halflings-regular.ttf) format('truetype'),url(../../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')
}

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.glyphicon-asterisk:before {
    content: "*"
}

.glyphicon-plus:before {
    content: "+"
}

.glyphicon-eur:before,.glyphicon-euro:before {
    content: "â‚¬"
}

.glyphicon-minus:before {
    content: "âˆ’"
}

.glyphicon-cloud:before {
    content: "â˜"
}

.glyphicon-envelope:before {
    content: "âœ‰"
}

.glyphicon-pencil:before {
    content: "âœ"
}

.glyphicon-glass:before {
    content: "î€"
}

.glyphicon-music:before {
    content: "î€‚"
}

.glyphicon-search:before {
    content: "î€ƒ"
}

.glyphicon-heart:before {
    content: "î€…"
}

.glyphicon-star:before {
    content: "î€†"
}

.glyphicon-star-empty:before {
    content: "î€‡"
}

.glyphicon-user:before {
    content: "î€ˆ"
}

.glyphicon-film:before {
    content: "î€‰"
}

.glyphicon-th-large:before {
    content: "î€"
}

.glyphicon-th:before {
    content: "î€‘"
}

.glyphicon-th-list:before {
    content: "î€’"
}

.glyphicon-ok:before {
    content: "î€“"
}

.glyphicon-remove:before {
    content: "î€”"
}

.glyphicon-zoom-in:before {
    content: "î€•"
}

.glyphicon-zoom-out:before {
    content: "î€–"
}

.glyphicon-off:before {
    content: "î€—"
}

.glyphicon-signal:before {
    content: "î€˜"
}

.glyphicon-cog:before {
    content: "î€™"
}

.glyphicon-trash:before {
    content: "î€ "
}

.glyphicon-home:before {
    content: "î€¡"
}

.glyphicon-file:before {
    content: "î€¢"
}

.glyphicon-time:before {
    content: "î€£"
}

.glyphicon-road:before {
    content: "î€¤"
}

.glyphicon-download-alt:before {
    content: "î€¥"
}

.glyphicon-download:before {
    content: "î€¦"
}

.glyphicon-upload:before {
    content: "î€§"
}

.glyphicon-inbox:before {
    content: "î€¨"
}

.glyphicon-play-circle:before {
    content: "î€©"
}

.glyphicon-repeat:before {
    content: "î€°"
}

.glyphicon-refresh:before {
    content: "î€±"
}

.glyphicon-list-alt:before {
    content: "î€²"
}

.glyphicon-lock:before {
    content: "î€³"
}

.glyphicon-flag:before {
    content: "î€´"
}

.glyphicon-headphones:before {
    content: "î€µ"
}

.glyphicon-volume-off:before {
    content: "î€¶"
}

.glyphicon-volume-down:before {
    content: "î€·"
}

.glyphicon-volume-up:before {
    content: "î€¸"
}

.glyphicon-qrcode:before {
    content: "î€¹"
}

.glyphicon-barcode:before {
    content: "î€"
}

.glyphicon-tag:before {
    content: "î"
}

.glyphicon-tags:before {
    content: "î‚"
}

.glyphicon-book:before {
    content: "îƒ"
}

.glyphicon-bookmark:before {
    content: "î„"
}

.glyphicon-print:before {
    content: "î…"
}

.glyphicon-camera:before {
    content: "î†"
}

.glyphicon-font:before {
    content: "î‡"
}

.glyphicon-bold:before {
    content: "îˆ"
}

.glyphicon-italic:before {
    content: "î‰"
}

.glyphicon-text-height:before {
    content: "î"
}

.glyphicon-text-width:before {
    content: "î‘"
}

.glyphicon-align-left:before {
    content: "î’"
}

.glyphicon-align-center:before {
    content: "î“"
}

.glyphicon-align-right:before {
    content: "î”"
}

.glyphicon-align-justify:before {
    content: "î•"
}

.glyphicon-list:before {
    content: "î–"
}

.glyphicon-indent-left:before {
    content: "î—"
}

.glyphicon-indent-right:before {
    content: "î˜"
}

.glyphicon-facetime-video:before {
    content: "î™"
}

.glyphicon-picture:before {
    content: "î "
}

.glyphicon-map-marker:before {
    content: "î¢"
}

.glyphicon-adjust:before {
    content: "î£"
}

.glyphicon-tint:before {
    content: "î¤"
}

.glyphicon-edit:before {
    content: "î¥"
}

.glyphicon-share:before {
    content: "î¦"
}

.glyphicon-check:before {
    content: "î§"
}

.glyphicon-move:before {
    content: "î¨"
}

.glyphicon-step-backward:before {
    content: "î©"
}

.glyphicon-fast-backward:before {
    content: "î°"
}

.glyphicon-backward:before {
    content: "î±"
}

.glyphicon-play:before {
    content: "î²"
}

.glyphicon-pause:before {
    content: "î³"
}

.glyphicon-stop:before {
    content: "î´"
}

.glyphicon-forward:before {
    content: "îµ"
}

.glyphicon-fast-forward:before {
    content: "î¶"
}

.glyphicon-step-forward:before {
    content: "î·"
}

.glyphicon-eject:before {
    content: "î¸"
}

.glyphicon-chevron-left:before {
    content: "î¹"
}

.glyphicon-chevron-right:before {
    content: "î‚€"
}

.glyphicon-plus-sign:before {
    content: "î‚"
}

.glyphicon-minus-sign:before {
    content: "î‚‚"
}

.glyphicon-remove-sign:before {
    content: "î‚ƒ"
}

.glyphicon-ok-sign:before {
    content: "î‚„"
}

.glyphicon-question-sign:before {
    content: "î‚…"
}

.glyphicon-info-sign:before {
    content: "î‚†"
}

.glyphicon-screenshot:before {
    content: "î‚‡"
}

.glyphicon-remove-circle:before {
    content: "î‚ˆ"
}

.glyphicon-ok-circle:before {
    content: "î‚‰"
}

.glyphicon-ban-circle:before {
    content: "î‚"
}

.glyphicon-arrow-left:before {
    content: "î‚‘"
}

.glyphicon-arrow-right:before {
    content: "î‚’"
}

.glyphicon-arrow-up:before {
    content: "î‚“"
}

.glyphicon-arrow-down:before {
    content: "î‚”"
}

.glyphicon-share-alt:before {
    content: "î‚•"
}

.glyphicon-resize-full:before {
    content: "î‚–"
}

.glyphicon-resize-small:before {
    content: "î‚—"
}

.glyphicon-exclamation-sign:before {
    content: "î„"
}

.glyphicon-gift:before {
    content: "î„‚"
}

.glyphicon-leaf:before {
    content: "î„ƒ"
}

.glyphicon-fire:before {
    content: "î„„"
}

.glyphicon-eye-open:before {
    content: "î„…"
}

.glyphicon-eye-close:before {
    content: "î„†"
}

.glyphicon-warning-sign:before {
    content: "î„‡"
}

.glyphicon-plane:before {
    content: "î„ˆ"
}

.glyphicon-calendar:before {
    content: "î„‰"
}

.glyphicon-random:before {
    content: "î„"
}

.glyphicon-comment:before {
    content: "î„‘"
}

.glyphicon-magnet:before {
    content: "î„’"
}

.glyphicon-chevron-up:before {
    content: "î„“"
}

.glyphicon-chevron-down:before {
    content: "î„”"
}

.glyphicon-retweet:before {
    content: "î„•"
}

.glyphicon-shopping-cart:before {
    content: "î„–"
}

.glyphicon-folder-close:before {
    content: "î„—"
}

.glyphicon-folder-open:before {
    content: "î„˜"
}

.glyphicon-resize-vertical:before {
    content: "î„™"
}

.glyphicon-resize-horizontal:before {
    content: "î„ "
}

.glyphicon-hdd:before {
    content: "î„¡"
}

.glyphicon-bullhorn:before {
    content: "î„¢"
}

.glyphicon-bell:before {
    content: "î„£"
}

.glyphicon-certificate:before {
    content: "î„¤"
}

.glyphicon-thumbs-up:before {
    content: "î„¥"
}

.glyphicon-thumbs-down:before {
    content: "î„¦"
}

.glyphicon-hand-right:before {
    content: "î„§"
}

.glyphicon-hand-left:before {
    content: "î„¨"
}

.glyphicon-hand-up:before {
    content: "î„©"
}

.glyphicon-hand-down:before {
    content: "î„°"
}

.glyphicon-circle-arrow-right:before {
    content: "î„±"
}

.glyphicon-circle-arrow-left:before {
    content: "î„²"
}

.glyphicon-circle-arrow-up:before {
    content: "î„³"
}

.glyphicon-circle-arrow-down:before {
    content: "î„´"
}

.glyphicon-globe:before {
    content: "î„µ"
}

.glyphicon-wrench:before {
    content: "î„¶"
}

.glyphicon-tasks:before {
    content: "î„·"
}

.glyphicon-filter:before {
    content: "î„¸"
}

.glyphicon-briefcase:before {
    content: "î„¹"
}

.glyphicon-fullscreen:before {
    content: "î…€"
}

.glyphicon-dashboard:before {
    content: "î…"
}

.glyphicon-paperclip:before {
    content: "î…‚"
}

.glyphicon-heart-empty:before {
    content: "î…ƒ"
}

.glyphicon-link:before {
    content: "î…„"
}

.glyphicon-phone:before {
    content: "î……"
}

.glyphicon-pushpin:before {
    content: "î…†"
}

.glyphicon-usd:before {
    content: "î…ˆ"
}

.glyphicon-gbp:before {
    content: "î…‰"
}

.glyphicon-sort:before {
    content: "î…"
}

.glyphicon-sort-by-alphabet:before {
    content: "î…‘"
}

.glyphicon-sort-by-alphabet-alt:before {
    content: "î…’"
}

.glyphicon-sort-by-order:before {
    content: "î…“"
}

.glyphicon-sort-by-order-alt:before {
    content: "î…”"
}

.glyphicon-sort-by-attributes:before {
    content: "î…•"
}

.glyphicon-sort-by-attributes-alt:before {
    content: "î…–"
}

.glyphicon-unchecked:before {
    content: "î…—"
}

.glyphicon-expand:before {
    content: "î…˜"
}

.glyphicon-collapse-down:before {
    content: "î…™"
}

.glyphicon-collapse-up:before {
    content: "î… "
}

.glyphicon-log-in:before {
    content: "î…¡"
}

.glyphicon-flash:before {
    content: "î…¢"
}

.glyphicon-log-out:before {
    content: "î…£"
}

.glyphicon-new-window:before {
    content: "î…¤"
}

.glyphicon-record:before {
    content: "î…¥"
}

.glyphicon-save:before {
    content: "î…¦"
}

.glyphicon-open:before {
    content: "î…§"
}

.glyphicon-saved:before {
    content: "î…¨"
}

.glyphicon-import:before {
    content: "î…©"
}

.glyphicon-export:before {
    content: "î…°"
}

.glyphicon-send:before {
    content: "î…±"
}

.glyphicon-floppy-disk:before {
    content: "î…²"
}

.glyphicon-floppy-saved:before {
    content: "î…³"
}

.glyphicon-floppy-remove:before {
    content: "î…´"
}

.glyphicon-floppy-save:before {
    content: "î…µ"
}

.glyphicon-floppy-open:before {
    content: "î…¶"
}

.glyphicon-credit-card:before {
    content: "î…·"
}

.glyphicon-transfer:before {
    content: "î…¸"
}

.glyphicon-cutlery:before {
    content: "î…¹"
}

.glyphicon-header:before {
    content: "î†€"
}

.glyphicon-compressed:before {
    content: "î†"
}

.glyphicon-earphone:before {
    content: "î†‚"
}

.glyphicon-phone-alt:before {
    content: "î†ƒ"
}

.glyphicon-tower:before {
    content: "î†„"
}

.glyphicon-stats:before {
    content: "î†…"
}

.glyphicon-sd-video:before {
    content: "î††"
}

.glyphicon-hd-video:before {
    content: "î†‡"
}

.glyphicon-subtitles:before {
    content: "î†ˆ"
}

.glyphicon-sound-stereo:before {
    content: "î†‰"
}

.glyphicon-sound-dolby:before {
    content: "î†"
}

.glyphicon-sound-5-1:before {
    content: "î†‘"
}

.glyphicon-sound-6-1:before {
    content: "î†’"
}

.glyphicon-sound-7-1:before {
    content: "î†“"
}

.glyphicon-copyright-mark:before {
    content: "î†”"
}

.glyphicon-registration-mark:before {
    content: "î†•"
}

.glyphicon-cloud-download:before {
    content: "î†—"
}

.glyphicon-cloud-upload:before {
    content: "î†˜"
}

.glyphicon-tree-conifer:before {
    content: "î†™"
}

.glyphicon-tree-deciduous:before {
    content: "îˆ€"
}

.glyphicon-cd:before {
    content: "îˆ"
}

.glyphicon-save-file:before {
    content: "îˆ‚"
}

.glyphicon-open-file:before {
    content: "îˆƒ"
}

.glyphicon-level-up:before {
    content: "îˆ„"
}

.glyphicon-copy:before {
    content: "îˆ…"
}

.glyphicon-paste:before {
    content: "îˆ†"
}

.glyphicon-alert:before {
    content: "îˆ‰"
}

.glyphicon-equalizer:before {
    content: "îˆ"
}

.glyphicon-king:before {
    content: "îˆ‘"
}

.glyphicon-queen:before {
    content: "îˆ’"
}

.glyphicon-pawn:before {
    content: "îˆ“"
}

.glyphicon-bishop:before {
    content: "îˆ”"
}

.glyphicon-knight:before {
    content: "îˆ•"
}

.glyphicon-baby-formula:before {
    content: "îˆ–"
}

.glyphicon-tent:before {
    content: "â›º"
}

.glyphicon-blackboard:before {
    content: "îˆ˜"
}

.glyphicon-bed:before {
    content: "îˆ™"
}

.glyphicon-apple:before {
    content: "ï£¿"
}

.glyphicon-erase:before {
    content: "îˆ¡"
}

.glyphicon-hourglass:before {
    content: "âŒ›"
}

.glyphicon-lamp:before {
    content: "îˆ£"
}

.glyphicon-duplicate:before {
    content: "îˆ¤"
}

.glyphicon-piggy-bank:before {
    content: "îˆ¥"
}

.glyphicon-scissors:before {
    content: "îˆ¦"
}

.glyphicon-bitcoin:before {
    content: "îˆ§"
}

.glyphicon-btc:before {
    content: "îˆ§"
}

.glyphicon-xbt:before {
    content: "îˆ§"
}

.glyphicon-yen:before {
    content: "Â¥"
}

.glyphicon-jpy:before {
    content: "Â¥"
}

.glyphicon-ruble:before {
    content: "â‚½"
}

.glyphicon-rub:before {
    content: "â‚½"
}

.glyphicon-scale:before {
    content: "îˆ°"
}

.glyphicon-ice-lolly:before {
    content: "îˆ±"
}

.glyphicon-ice-lolly-tasted:before {
    content: "îˆ²"
}

.glyphicon-education:before {
    content: "îˆ³"
}

.glyphicon-option-horizontal:before {
    content: "îˆ´"
}

.glyphicon-option-vertical:before {
    content: "îˆµ"
}

.glyphicon-menu-hamburger:before {
    content: "îˆ¶"
}

.glyphicon-modal-window:before {
    content: "îˆ·"
}

.glyphicon-oil:before {
    content: "îˆ¸"
}

.glyphicon-grain:before {
    content: "îˆ¹"
}

.glyphicon-sunglasses:before {
    content: "î‰€"
}

.glyphicon-text-size:before {
    content: "î‰"
}

.glyphicon-text-color:before {
    content: "î‰‚"
}

.glyphicon-text-background:before {
    content: "î‰ƒ"
}

.glyphicon-object-align-top:before {
    content: "î‰„"
}

.glyphicon-object-align-bottom:before {
    content: "î‰…"
}

.glyphicon-object-align-horizontal:before {
    content: "î‰†"
}

.glyphicon-object-align-left:before {
    content: "î‰‡"
}

.glyphicon-object-align-vertical:before {
    content: "î‰ˆ"
}

.glyphicon-object-align-right:before {
    content: "î‰‰"
}

.glyphicon-triangle-right:before {
    content: "î‰"
}

.glyphicon-triangle-left:before {
    content: "î‰‘"
}

.glyphicon-triangle-bottom:before {
    content: "î‰’"
}

.glyphicon-triangle-top:before {
    content: "î‰“"
}

.glyphicon-console:before {
    content: "î‰”"
}

.glyphicon-superscript:before {
    content: "î‰•"
}

.glyphicon-subscript:before {
    content: "î‰–"
}

.glyphicon-menu-left:before {
    content: "î‰—"
}

.glyphicon-menu-right:before {
    content: "î‰˜"
}

.glyphicon-menu-down:before {
    content: "î‰™"
}

.glyphicon-menu-up:before {
    content: "î‰ "
}

table.dataTable {
    clear: both;
    max-width: none !important;
    border-collapse: separate !important
}

table.dataTable td,table.dataTable th {
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

table.dataTable td.dataTables_empty,table.dataTable th.dataTables_empty {
    text-align: center
}

table.dataTable.nowrap th,table.dataTable.nowrap td {
    white-space: nowrap
}

div.dataTables_wrapper div.dataTables_length label {
    font-weight: normal;
    text-align: left;
    white-space: nowrap
}

div.dataTables_wrapper div.dataTables_length select {
    width: 75px;
    display: inline-block
}

div.dataTables_wrapper div.dataTables_filter {
    text-align: right
}

div.dataTables_wrapper div.dataTables_filter label {
    font-weight: normal;
    white-space: nowrap;
    text-align: left
}

div.dataTables_wrapper div.dataTables_filter input {
    margin-left: .5em;
    display: inline-block;
    width: auto
}

div.dataTables_wrapper div.dataTables_info {
    padding-top: 8px;
    white-space: nowrap;
    width: 300px;
    text-align: left;
    float: left;
    padding: 10px 10px 10px 35px;
    color: #a47927
}

div.dataTables_wrapper div.dataTables_paginate {
    margin: 0;
    white-space: nowrap;
    text-align: center;
    display: inline-block;
    width: 100%;
    padding: 5px
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    margin: 2px 0;
    white-space: nowrap
}

div.dataTables_wrapper div.dataTables_processing {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 200px;
    margin-left: -100px;
    margin-top: -26px;
    text-align: center;
    padding: 1em 0
}

table.dataTable thead>tr>th.sorting_asc,table.dataTable thead>tr>th.sorting_desc,table.dataTable thead>tr>th.sorting,table.dataTable thead>tr>td.sorting_asc,table.dataTable thead>tr>td.sorting_desc,table.dataTable thead>tr>td.sorting {
    padding-right: 30px
}

table.dataTable thead>tr>th:active,table.dataTable thead>tr>td:active {
    outline: none
}

table.dataTable thead .sorting,table.dataTable thead .sorting_asc,table.dataTable thead .sorting_desc,table.dataTable thead .sorting_asc_disabled,table.dataTable thead .sorting_desc_disabled {
    cursor: pointer;
    position: relative
}

table.dataTable thead .sorting:after,table.dataTable thead .sorting_asc:after,table.dataTable thead .sorting_desc:after,table.dataTable thead .sorting_asc_disabled:after,table.dataTable thead .sorting_desc_disabled:after {
    position: absolute;
    bottom: 4px;
    right: 4px;
    display: block;
    font-family: 'Glyphicons Halflings';
    opacity: .5
}

table.dataTable thead .sorting:after {
    opacity: .2;
    content: "î…"
}

table.dataTable thead .sorting_asc:after {
    content: "î…•"
}

table.dataTable thead .sorting_desc:after {
    content: "î…–"
}

table.dataTable thead .sorting_asc_disabled:after,table.dataTable thead .sorting_desc_disabled:after {
    color: #eee
}

div.dataTables_scrollHead table.dataTable {
    margin-bottom: 0 !important
}

div.dataTables_scrollBody>table {
    border-top: none;
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

div.dataTables_scrollBody>table>thead .sorting:after,div.dataTables_scrollBody>table>thead .sorting_asc:after,div.dataTables_scrollBody>table>thead .sorting_desc:after {
    display: none
}

div.dataTables_scrollBody>table>tbody>tr:first-child>th,div.dataTables_scrollBody>table>tbody>tr:first-child>td {
    border-top: none
}

div.dataTables_scrollFoot>.dataTables_scrollFootInner {
    box-sizing: content-box
}

div.dataTables_scrollFoot>.dataTables_scrollFootInner>table {
    margin-top: 0 !important;
    border-top: none
}

@media screen and (max-width: 767px) {
    div.dataTables_wrapper div.dataTables_length,div.dataTables_wrapper div.dataTables_filter,div.dataTables_wrapper div.dataTables_info,div.dataTables_wrapper div.dataTables_paginate {
        text-align:center
    }
}

table.dataTable.table-condensed>thead>tr>th {
    padding-right: 20px
}

table.dataTable.table-condensed .sorting:after,table.dataTable.table-condensed .sorting_asc:after,table.dataTable.table-condensed .sorting_desc:after {
    top: 6px;
    right: 6px
}

table.table-bordered.dataTable th,table.table-bordered.dataTable td {
    border-left-width: 0
}

table.table-bordered.dataTable th:last-child,table.table-bordered.dataTable th:last-child,table.table-bordered.dataTable td:last-child,table.table-bordered.dataTable td:last-child {
    border-right-width: 0
}

table.table-bordered.dataTable tbody th,table.table-bordered.dataTable tbody td {
    border-bottom-width: 0
}

div.dataTables_scrollHead table.table-bordered {
    border-bottom-width: 0
}

div.table-responsive>div.dataTables_wrapper>div.row {
    margin: 0
}

div.table-responsive>div.dataTables_wrapper>div.row>div[class^="col-"]:first-child {
    padding-left: 0
}

div.table-responsive>div.dataTables_wrapper>div.row>div[class^="col-"]:last-child {
    padding-right: 0
}

.dataTables_wrapper {
    position: relative;
    clear: both;
    *zoom:1;zoom:1}

.dataTables_wrapper .dataTables_paginate {
    float: left;
    text-align: center;
    padding-top: .25em
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    box-sizing: border-box;
    display: inline-block;
    min-width: 1.5em;
    text-align: center;
    text-decoration: none !important;
    cursor: pointer;
    *cursor: hand;
    color: #333 !important;
    border-radius: 2px
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #333 !important;
    border: 1px solid #979797;
    background-color: #fff;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(100%,#dcdcdc));
    background: -webkit-linear-gradient(top,#fff 0%,#dcdcdc 100%);
    background: -moz-linear-gradient(top,#fff 0%,#dcdcdc 100%);
    background: -ms-linear-gradient(top,#fff 0%,#dcdcdc 100%);
    background: -o-linear-gradient(top,#fff 0%,#dcdcdc 100%);
    background: linear-gradient(to bottom,#fff 0%,#dcdcdc 100%)
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    cursor: default;
    color: #666 !important;
    border: 1px solid transparent;
    background: transparent;
    box-shadow: none
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: #fff !important
}

.dataTables_wrapper .dataTables_paginate .ellipsis {
    padding: 0 1em
}

.dataTables_wrapper .dataTables_processing {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 40px;
    margin-left: -50%;
    margin-top: -25px;
    padding-top: 20px;
    text-align: center;
    font-size: 1.2em;
    background-color: #fff;
    background: -webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,0)),color-stop(25%,rgba(255,255,255,.9)),color-stop(75%,rgba(255,255,255,.9)),color-stop(100%,rgba(255,255,255,0)));
    background: -webkit-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,.9) 25%,rgba(255,255,255,.9) 75%,rgba(255,255,255,0) 100%);
    background: -moz-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,.9) 25%,rgba(255,255,255,.9) 75%,rgba(255,255,255,0) 100%);
    background: -ms-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,.9) 25%,rgba(255,255,255,.9) 75%,rgba(255,255,255,0) 100%);
    background: -o-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,.9) 25%,rgba(255,255,255,.9) 75%,rgba(255,255,255,0) 100%);
    background: linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,.9) 25%,rgba(255,255,255,.9) 75%,rgba(255,255,255,0) 100%)
}

.dataTables_wrapper .dataTables_length,.dataTables_wrapper .dataTables_filter,.dataTables_wrapper .dataTables_info,.dataTables_wrapper .dataTables_processing,.dataTables_wrapper .dataTables_paginate {
    color: #333
}

.dataTables_wrapper .dataTables_scroll {
    clear: both
}

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
    *margin-top: -1px;
    -webkit-overflow-scrolling: touch
}

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>th,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>td,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>th,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>td {
    vertical-align: middle
}

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>th>div.dataTables_sizing,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>td>div.dataTables_sizing,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>th>div.dataTables_sizing,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>td>div.dataTables_sizing {
    height: 0;
    overflow: hidden;
    margin: 0 !important;
    padding: 0 !important
}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: 1px solid #111
}

.dataTables_wrapper.no-footer div.dataTables_scrollHead table.dataTable,.dataTables_wrapper.no-footer div.dataTables_scrollBody>table {
    border-bottom: none
}

.dataTables_wrapper:after {
    visibility: hidden;
    display: block;
    content: "";
    clear: both;
    height: 0
}

.dataTables_wrapper .dataTables_paginate .paginate_button,.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    margin: 0 0 0 7px;
    display: inline-block;
    font-size: 11px;
    width: auto;
    height: 30px;
    color: #828282;
    cursor: pointer;
    padding: 6px 8px;
    text-align: center;
    box-shadow: inset 0 0 0 2px #0f0f0f,0 2px 0 0 #0a0a0a,0 0 8px 0 #101010;
    -moz-box-shadow: inset 0 0 0 2px #0f0f0f,0 2px 0 0 #0a0a0a,0 0 8px 0 #101010;
    -webkit-box-shadow: inset 0 0 0 2px #0f0f0f,0 2px 0 0 #0a0a0a,0 0 8px 0 #101010;
    font-family: 'PT Sans Caption',sans-serif;
    text-shadow: 0 2px 0 rgba(0,0,0,.4);
    border-width: 2px;
    border-style: solid;
    border-color: #313131;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    text-transform: uppercase;
    background-color: #191919;
    transition: color .3s ease-in-out,border-color .3s ease-in-out;
    -o-transition: color .3s ease-in-out,border-color .3s ease-in-out;
    -ms-transition: color .3s ease-in-out,border-color .3s ease-in-out;
    -moz-transition: color .3s ease-in-out,border-color .3s ease-in-out;
    -webkit-transition: color .3s ease-in-out,border-color .3s ease-in-out
}

div.dataTables_wrapper div.dataTables_paginate {
    margin-bottom: 15px
}

.dataTables_wrapper .dataTables_paginate .paginate_button.active {
    color: #f0a31c !important;
    border-color: #792121 !important;
    background-color: #290000 !important
}

/*!
 * Font Awesome Free 5.2.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
.fa,.fas,.far,.fal,.fab {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1
}

.fa-lg {
    font-size: 1.33333em;
    line-height: .75em;
    vertical-align: -.0667em
}

.fa-xs {
    font-size: .75em
}

.fa-sm {
    font-size: .875em
}

.fa-1x {
    font-size: 1em
}

.fa-2x {
    font-size: 2em
}

.fa-3x {
    font-size: 3em
}

.fa-4x {
    font-size: 4em
}

.fa-5x {
    font-size: 5em
}

.fa-6x {
    font-size: 6em
}

.fa-7x {
    font-size: 7em
}

.fa-8x {
    font-size: 8em
}

.fa-9x {
    font-size: 9em
}

.fa-10x {
    font-size: 10em
}

.fa-fw {
    text-align: center;
    width: 1.25em
}

.fa-ul {
    list-style-type: none;
    margin-left: 2.5em;
    padding-left: 0
}

.fa-ul>li {
    position: relative
}

.fa-li {
    left: -2em;
    position: absolute;
    text-align: center;
    width: 2em;
    line-height: inherit
}

.fa-border {
    border: solid .08em #eee;
    border-radius: .1em;
    padding: .2em .25em .15em
}

.fa-pull-left {
    float: left
}

.fa-pull-right {
    float: right
}

.fa.fa-pull-left,.fas.fa-pull-left,.far.fa-pull-left,.fal.fa-pull-left,.fab.fa-pull-left {
    margin-right: .3em
}

.fa.fa-pull-right,.fas.fa-pull-right,.far.fa-pull-right,.fal.fa-pull-right,.fab.fa-pull-right {
    margin-left: .3em
}

.fa-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear
}

.fa-pulse {
    -webkit-animation: fa-spin 1s infinite steps(8);
    animation: fa-spin 1s infinite steps(8)
}

@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.fa-rotate-90 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.fa-rotate-180 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.fa-rotate-270 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

.fa-flip-horizontal {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
    -webkit-transform: scale(-1,1);
    transform: scale(-1,1)
}

.fa-flip-vertical {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
    -webkit-transform: scale(1,-1);
    transform: scale(1,-1)
}

.fa-flip-horizontal.fa-flip-vertical {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
    -webkit-transform: scale(-1,-1);
    transform: scale(-1,-1)
}

:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical {
    -webkit-filter: none;
    filter: none
}

.fa-stack {
    display: inline-block;
    height: 2em;
    line-height: 2em;
    position: relative;
    vertical-align: middle;
    width: 2em
}

.fa-stack-1x,.fa-stack-2x {
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%
}

.fa-stack-1x {
    line-height: inherit
}

.fa-stack-2x {
    font-size: 2em
}

.fa-inverse {
    color: #fff
}

.fa-500px:before {
    content: "ï‰®"
}

.fa-accessible-icon:before {
    content: "ï¨"
}

.fa-accusoft:before {
    content: "ï©"
}

.fa-address-book:before {
    content: "ïŠ¹"
}

.fa-address-card:before {
    content: "ïŠ»"
}

.fa-adjust:before {
    content: "ï‚"
}

.fa-adn:before {
    content: "ï…°"
}

.fa-adversal:before {
    content: "ïª"
}

.fa-affiliatetheme:before {
    content: "ï«"
}

.fa-air-freshener:before {
    content: "ï—"
}

.fa-algolia:before {
    content: "ï¬"
}

.fa-align-center:before {
    content: "ï€·"
}

.fa-align-justify:before {
    content: "ï€¹"
}

.fa-align-left:before {
    content: "ï€¶"
}

.fa-align-right:before {
    content: "ï€¸"
}

.fa-allergies:before {
    content: "ï‘¡"
}

.fa-amazon:before {
    content: "ï‰°"
}

.fa-amazon-pay:before {
    content: "ï¬"
}

.fa-ambulance:before {
    content: "ïƒ¹"
}

.fa-american-sign-language-interpreting:before {
    content: "ïŠ£"
}

.fa-amilia:before {
    content: "ï­"
}

.fa-anchor:before {
    content: "ï„½"
}

.fa-android:before {
    content: "ï…»"
}

.fa-angellist:before {
    content: "ïˆ‰"
}

.fa-angle-double-down:before {
    content: "ï„ƒ"
}

.fa-angle-double-left:before {
    content: "ï„€"
}

.fa-angle-double-right:before {
    content: "ï„"
}

.fa-angle-double-up:before {
    content: "ï„‚"
}

.fa-angle-down:before {
    content: "ï„‡"
}

.fa-angle-left:before {
    content: "ï„„"
}

.fa-angle-right:before {
    content: "ï„…"
}

.fa-angle-up:before {
    content: "ï„†"
}

.fa-angry:before {
    content: "ï•–"
}

.fa-angrycreative:before {
    content: "ï®"
}

.fa-angular:before {
    content: "ï "
}

.fa-app-store:before {
    content: "ï¯"
}

.fa-app-store-ios:before {
    content: "ï°"
}

.fa-apper:before {
    content: "ï±"
}

.fa-apple:before {
    content: "ï…¹"
}

.fa-apple-alt:before {
    content: "ï—‘"
}

.fa-apple-pay:before {
    content: "ï•"
}

.fa-archive:before {
    content: "ï†‡"
}

.fa-archway:before {
    content: "ï•—"
}

.fa-arrow-alt-circle-down:before {
    content: "ï˜"
}

.fa-arrow-alt-circle-left:before {
    content: "ï™"
}

.fa-arrow-alt-circle-right:before {
    content: "ïš"
}

.fa-arrow-alt-circle-up:before {
    content: "ï›"
}

.fa-arrow-circle-down:before {
    content: "ï‚«"
}

.fa-arrow-circle-left:before {
    content: "ï‚¨"
}

.fa-arrow-circle-right:before {
    content: "ï‚©"
}

.fa-arrow-circle-up:before {
    content: "ï‚ª"
}

.fa-arrow-down:before {
    content: "ï£"
}

.fa-arrow-left:before {
    content: "ï "
}

.fa-arrow-right:before {
    content: "ï¡"
}

.fa-arrow-up:before {
    content: "ï¢"
}

.fa-arrows-alt:before {
    content: "ï‚²"
}

.fa-arrows-alt-h:before {
    content: "ïŒ·"
}

.fa-arrows-alt-v:before {
    content: "ïŒ¸"
}

.fa-assistive-listening-systems:before {
    content: "ïŠ¢"
}

.fa-asterisk:before {
    content: "ï©"
}

.fa-asymmetrik:before {
    content: "ï²"
}

.fa-at:before {
    content: "ï‡º"
}

.fa-atlas:before {
    content: "ï•˜"
}

.fa-atom:before {
    content: "ï—’"
}

.fa-audible:before {
    content: "ï³"
}

.fa-audio-description:before {
    content: "ïŠž"
}

.fa-autoprefixer:before {
    content: "ïœ"
}

.fa-avianex:before {
    content: "ï´"
}

.fa-aviato:before {
    content: "ï¡"
}

.fa-award:before {
    content: "ï•™"
}

.fa-aws:before {
    content: "ïµ"
}

.fa-backspace:before {
    content: "ï•š"
}

.fa-backward:before {
    content: "ïŠ"
}

.fa-balance-scale:before {
    content: "ï‰Ž"
}

.fa-ban:before {
    content: "ïž"
}

.fa-band-aid:before {
    content: "ï‘¢"
}

.fa-bandcamp:before {
    content: "ï‹•"
}

.fa-barcode:before {
    content: "ï€ª"
}

.fa-bars:before {
    content: "ïƒ‰"
}

.fa-baseball-ball:before {
    content: "ï³"
}

.fa-basketball-ball:before {
    content: "ï´"
}

.fa-bath:before {
    content: "ï‹"
}

.fa-battery-empty:before {
    content: "ï‰„"
}

.fa-battery-full:before {
    content: "ï‰€"
}

.fa-battery-half:before {
    content: "ï‰‚"
}

.fa-battery-quarter:before {
    content: "ï‰ƒ"
}

.fa-battery-three-quarters:before {
    content: "ï‰"
}

.fa-bed:before {
    content: "ïˆ¶"
}

.fa-beer:before {
    content: "ïƒ¼"
}

.fa-behance:before {
    content: "ï†´"
}

.fa-behance-square:before {
    content: "ï†µ"
}

.fa-bell:before {
    content: "ïƒ³"
}

.fa-bell-slash:before {
    content: "ï‡¶"
}

.fa-bezier-curve:before {
    content: "ï•›"
}

.fa-bicycle:before {
    content: "ïˆ†"
}

.fa-bimobject:before {
    content: "ï¸"
}

.fa-binoculars:before {
    content: "ï‡¥"
}

.fa-birthday-cake:before {
    content: "ï‡½"
}

.fa-bitbucket:before {
    content: "ï…±"
}

.fa-bitcoin:before {
    content: "ï¹"
}

.fa-bity:before {
    content: "ïº"
}

.fa-black-tie:before {
    content: "ï‰¾"
}

.fa-blackberry:before {
    content: "ï»"
}

.fa-blender:before {
    content: "ï”—"
}

.fa-blind:before {
    content: "ïŠ"
}

.fa-blogger:before {
    content: "ï¼"
}

.fa-blogger-b:before {
    content: "ï½"
}

.fa-bluetooth:before {
    content: "ïŠ“"
}

.fa-bluetooth-b:before {
    content: "ïŠ”"
}

.fa-bold:before {
    content: "ï€²"
}

.fa-bolt:before {
    content: "ïƒ§"
}

.fa-bomb:before {
    content: "ï‡¢"
}

.fa-bone:before {
    content: "ï——"
}

.fa-bong:before {
    content: "ï•œ"
}

.fa-book:before {
    content: "ï€­"
}

.fa-book-open:before {
    content: "ï”˜"
}

.fa-book-reader:before {
    content: "ï—š"
}

.fa-bookmark:before {
    content: "ï€®"
}

.fa-bowling-ball:before {
    content: "ï¶"
}

.fa-box:before {
    content: "ï‘¦"
}

.fa-box-open:before {
    content: "ï’ž"
}

.fa-boxes:before {
    content: "ï‘¨"
}

.fa-braille:before {
    content: "ïŠ¡"
}

.fa-brain:before {
    content: "ï—œ"
}

.fa-briefcase:before {
    content: "ï‚±"
}

.fa-briefcase-medical:before {
    content: "ï‘©"
}

.fa-broadcast-tower:before {
    content: "ï”™"
}

.fa-broom:before {
    content: "ï”š"
}

.fa-brush:before {
    content: "ï•"
}

.fa-btc:before {
    content: "ï…š"
}

.fa-bug:before {
    content: "ï†ˆ"
}

.fa-building:before {
    content: "ï†­"
}

.fa-bullhorn:before {
    content: "ï‚¡"
}

.fa-bullseye:before {
    content: "ï…€"
}

.fa-burn:before {
    content: "ï‘ª"
}

.fa-buromobelexperte:before {
    content: "ï¿"
}

.fa-bus:before {
    content: "ïˆ‡"
}

.fa-bus-alt:before {
    content: "ï•ž"
}

.fa-buysellads:before {
    content: "ïˆ"
}

.fa-calculator:before {
    content: "ï‡¬"
}

.fa-calendar:before {
    content: "ï„³"
}

.fa-calendar-alt:before {
    content: "ï³"
}

.fa-calendar-check:before {
    content: "ï‰´"
}

.fa-calendar-minus:before {
    content: "ï‰²"
}

.fa-calendar-plus:before {
    content: "ï‰±"
}

.fa-calendar-times:before {
    content: "ï‰³"
}

.fa-camera:before {
    content: "ï€°"
}

.fa-camera-retro:before {
    content: "ï‚ƒ"
}

.fa-cannabis:before {
    content: "ï•Ÿ"
}

.fa-capsules:before {
    content: "ï‘«"
}

.fa-car:before {
    content: "ï†¹"
}

.fa-car-alt:before {
    content: "ï—ž"
}

.fa-car-battery:before {
    content: "ï—Ÿ"
}

.fa-car-crash:before {
    content: "ï—¡"
}

.fa-car-side:before {
    content: "ï—¤"
}

.fa-caret-down:before {
    content: "ïƒ—"
}

.fa-caret-left:before {
    content: "ïƒ™"
}

.fa-caret-right:before {
    content: "ïƒš"
}

.fa-caret-square-down:before {
    content: "ï…"
}

.fa-caret-square-left:before {
    content: "ï†‘"
}

.fa-caret-square-right:before {
    content: "ï…’"
}

.fa-caret-square-up:before {
    content: "ï…‘"
}

.fa-caret-up:before {
    content: "ïƒ˜"
}

.fa-cart-arrow-down:before {
    content: "ïˆ˜"
}

.fa-cart-plus:before {
    content: "ïˆ—"
}

.fa-cc-amazon-pay:before {
    content: "ï­"
}

.fa-cc-amex:before {
    content: "ï‡³"
}

.fa-cc-apple-pay:before {
    content: "ï–"
}

.fa-cc-diners-club:before {
    content: "ï‰Œ"
}

.fa-cc-discover:before {
    content: "ï‡²"
}

.fa-cc-jcb:before {
    content: "ï‰‹"
}

.fa-cc-mastercard:before {
    content: "ï‡±"
}

.fa-cc-paypal:before {
    content: "ï‡´"
}

.fa-cc-stripe:before {
    content: "ï‡µ"
}

.fa-cc-visa:before {
    content: "ï‡°"
}

.fa-centercode:before {
    content: "ïŽ€"
}

.fa-certificate:before {
    content: "ï‚£"
}

.fa-chalkboard:before {
    content: "ï”›"
}

.fa-chalkboard-teacher:before {
    content: "ï”œ"
}

.fa-charging-station:before {
    content: "ï—§"
}

.fa-chart-area:before {
    content: "ï‡¾"
}

.fa-chart-bar:before {
    content: "ï‚€"
}

.fa-chart-line:before {
    content: "ïˆ"
}

.fa-chart-pie:before {
    content: "ïˆ€"
}

.fa-check:before {
    content: "ï€Œ"
}

.fa-check-circle:before {
    content: "ï˜"
}

.fa-check-double:before {
    content: "ï• "
}

.fa-check-square:before {
    content: "ï…Š"
}

.fa-chess:before {
    content: "ï¹"
}

.fa-chess-bishop:before {
    content: "ïº"
}

.fa-chess-board:before {
    content: "ï¼"
}

.fa-chess-king:before {
    content: "ï¿"
}

.fa-chess-knight:before {
    content: "ï‘"
}

.fa-chess-pawn:before {
    content: "ï‘ƒ"
}

.fa-chess-queen:before {
    content: "ï‘…"
}

.fa-chess-rook:before {
    content: "ï‘‡"
}

.fa-chevron-circle-down:before {
    content: "ï„º"
}

.fa-chevron-circle-left:before {
    content: "ï„·"
}

.fa-chevron-circle-right:before {
    content: "ï„¸"
}

.fa-chevron-circle-up:before {
    content: "ï„¹"
}

.fa-chevron-down:before {
    content: "ï¸"
}

.fa-chevron-left:before {
    content: "ï“"
}

.fa-chevron-right:before {
    content: "ï”"
}

.fa-chevron-up:before {
    content: "ï·"
}

.fa-child:before {
    content: "ï†®"
}

.fa-chrome:before {
    content: "ï‰¨"
}

.fa-church:before {
    content: "ï”"
}

.fa-circle:before {
    content: "ï„‘"
}

.fa-circle-notch:before {
    content: "ï‡Ž"
}

.fa-clipboard:before {
    content: "ïŒ¨"
}

.fa-clipboard-check:before {
    content: "ï‘¬"
}

.fa-clipboard-list:before {
    content: "ï‘­"
}

.fa-clock:before {
    content: "ï€—"
}

.fa-clone:before {
    content: "ï‰"
}

.fa-closed-captioning:before {
    content: "ïˆŠ"
}

.fa-cloud:before {
    content: "ïƒ‚"
}

.fa-cloud-download-alt:before {
    content: "ïŽ"
}

.fa-cloud-upload-alt:before {
    content: "ïŽ‚"
}

.fa-cloudscale:before {
    content: "ïŽƒ"
}

.fa-cloudsmith:before {
    content: "ïŽ„"
}

.fa-cloudversify:before {
    content: "ïŽ…"
}

.fa-cocktail:before {
    content: "ï•¡"
}

.fa-code:before {
    content: "ï„¡"
}

.fa-code-branch:before {
    content: "ï„¦"
}

.fa-codepen:before {
    content: "ï‡‹"
}

.fa-codiepie:before {
    content: "ïŠ„"
}

.fa-coffee:before {
    content: "ïƒ´"
}

.fa-cog:before {
    content: "ï€“"
}

.fa-cogs:before {
    content: "ï‚…"
}

.fa-coins:before {
    content: "ï”ž"
}

.fa-columns:before {
    content: "ïƒ›"
}

.fa-comment:before {
    content: "ïµ"
}

.fa-comment-alt:before {
    content: "ï‰º"
}

.fa-comment-dots:before {
    content: "ï’­"
}

.fa-comment-slash:before {
    content: "ï’³"
}

.fa-comments:before {
    content: "ï‚†"
}

.fa-compact-disc:before {
    content: "ï”Ÿ"
}

.fa-compass:before {
    content: "ï…Ž"
}

.fa-compress:before {
    content: "ï¦"
}

.fa-concierge-bell:before {
    content: "ï•¢"
}

.fa-connectdevelop:before {
    content: "ïˆŽ"
}

.fa-contao:before {
    content: "ï‰­"
}

.fa-cookie:before {
    content: "ï•£"
}

.fa-cookie-bite:before {
    content: "ï•¤"
}

.fa-copy:before {
    content: "ïƒ…"
}

.fa-copyright:before {
    content: "ï‡¹"
}

.fa-couch:before {
    content: "ï’¸"
}

.fa-cpanel:before {
    content: "ïŽˆ"
}

.fa-creative-commons:before {
    content: "ï‰ž"
}

.fa-creative-commons-by:before {
    content: "ï“§"
}

.fa-creative-commons-nc:before {
    content: "ï“¨"
}

.fa-creative-commons-nc-eu:before {
    content: "ï“©"
}

.fa-creative-commons-nc-jp:before {
    content: "ï“ª"
}

.fa-creative-commons-nd:before {
    content: "ï“«"
}

.fa-creative-commons-pd:before {
    content: "ï“¬"
}

.fa-creative-commons-pd-alt:before {
    content: "ï“­"
}

.fa-creative-commons-remix:before {
    content: "ï“®"
}

.fa-creative-commons-sa:before {
    content: "ï“¯"
}

.fa-creative-commons-sampling:before {
    content: "ï“°"
}

.fa-creative-commons-sampling-plus:before {
    content: "ï“±"
}

.fa-creative-commons-share:before {
    content: "ï“²"
}

.fa-credit-card:before {
    content: "ï‚"
}

.fa-crop:before {
    content: "ï„¥"
}

.fa-crop-alt:before {
    content: "ï•¥"
}

.fa-crosshairs:before {
    content: "ï›"
}

.fa-crow:before {
    content: "ï” "
}

.fa-crown:before {
    content: "ï”¡"
}

.fa-css3:before {
    content: "ï„¼"
}

.fa-css3-alt:before {
    content: "ïŽ‹"
}

.fa-cube:before {
    content: "ï†²"
}

.fa-cubes:before {
    content: "ï†³"
}

.fa-cut:before {
    content: "ïƒ„"
}

.fa-cuttlefish:before {
    content: "ïŽŒ"
}

.fa-d-and-d:before {
    content: "ïŽ"
}

.fa-dashcube:before {
    content: "ïˆ"
}

.fa-database:before {
    content: "ï‡€"
}

.fa-deaf:before {
    content: "ïŠ¤"
}

.fa-delicious:before {
    content: "ï†¥"
}

.fa-deploydog:before {
    content: "ïŽŽ"
}

.fa-deskpro:before {
    content: "ïŽ"
}

.fa-desktop:before {
    content: "ï„ˆ"
}

.fa-deviantart:before {
    content: "ï†½"
}

.fa-diagnoses:before {
    content: "ï‘°"
}

.fa-dice:before {
    content: "ï”¢"
}

.fa-dice-five:before {
    content: "ï”£"
}

.fa-dice-four:before {
    content: "ï”¤"
}

.fa-dice-one:before {
    content: "ï”¥"
}

.fa-dice-six:before {
    content: "ï”¦"
}

.fa-dice-three:before {
    content: "ï”§"
}

.fa-dice-two:before {
    content: "ï”¨"
}

.fa-digg:before {
    content: "ï†¦"
}

.fa-digital-ocean:before {
    content: "ïŽ‘"
}

.fa-digital-tachograph:before {
    content: "ï•¦"
}

.fa-directions:before {
    content: "ï—«"
}

.fa-discord:before {
    content: "ïŽ’"
}

.fa-discourse:before {
    content: "ïŽ“"
}

.fa-divide:before {
    content: "ï”©"
}

.fa-dizzy:before {
    content: "ï•§"
}

.fa-dna:before {
    content: "ï‘±"
}

.fa-dochub:before {
    content: "ïŽ”"
}

.fa-docker:before {
    content: "ïŽ•"
}

.fa-dollar-sign:before {
    content: "ï…•"
}

.fa-dolly:before {
    content: "ï‘²"
}

.fa-dolly-flatbed:before {
    content: "ï‘´"
}

.fa-donate:before {
    content: "ï’¹"
}

.fa-door-closed:before {
    content: "ï”ª"
}

.fa-door-open:before {
    content: "ï”«"
}

.fa-dot-circle:before {
    content: "ï†’"
}

.fa-dove:before {
    content: "ï’º"
}

.fa-download:before {
    content: "ï€™"
}

.fa-draft2digital:before {
    content: "ïŽ–"
}

.fa-drafting-compass:before {
    content: "ï•¨"
}

.fa-draw-polygon:before {
    content: "ï—®"
}

.fa-dribbble:before {
    content: "ï…½"
}

.fa-dribbble-square:before {
    content: "ïŽ—"
}

.fa-dropbox:before {
    content: "ï…«"
}

.fa-drum:before {
    content: "ï•©"
}

.fa-drum-steelpan:before {
    content: "ï•ª"
}

.fa-drupal:before {
    content: "ï†©"
}

.fa-dumbbell:before {
    content: "ï‘‹"
}

.fa-dyalog:before {
    content: "ïŽ™"
}

.fa-earlybirds:before {
    content: "ïŽš"
}

.fa-ebay:before {
    content: "ï“´"
}

.fa-edge:before {
    content: "ïŠ‚"
}

.fa-edit:before {
    content: "ï„"
}

.fa-eject:before {
    content: "ï’"
}

.fa-elementor:before {
    content: "ï°"
}

.fa-ellipsis-h:before {
    content: "ï…"
}

.fa-ellipsis-v:before {
    content: "ï…‚"
}

.fa-ello:before {
    content: "ï—±"
}

.fa-ember:before {
    content: "ï£"
}

.fa-empire:before {
    content: "ï‡‘"
}

.fa-envelope:before {
    content: "ïƒ "
}

.fa-envelope-open:before {
    content: "ïŠ¶"
}

.fa-envelope-square:before {
    content: "ï†™"
}

.fa-envira:before {
    content: "ïŠ™"
}

.fa-equals:before {
    content: "ï”¬"
}

.fa-eraser:before {
    content: "ï„­"
}

.fa-erlang:before {
    content: "ïŽ"
}

.fa-ethereum:before {
    content: "ï®"
}

.fa-etsy:before {
    content: "ï‹—"
}

.fa-euro-sign:before {
    content: "ï…“"
}

.fa-exchange-alt:before {
    content: "ï¢"
}

.fa-exclamation:before {
    content: "ï„ª"
}

.fa-exclamation-circle:before {
    content: "ïª"
}

.fa-exclamation-triangle:before {
    content: "ï±"
}

.fa-expand:before {
    content: "ï¥"
}

.fa-expand-arrows-alt:before {
    content: "ïŒž"
}

.fa-expeditedssl:before {
    content: "ïˆ¾"
}

.fa-external-link-alt:before {
    content: "ï"
}

.fa-external-link-square-alt:before {
    content: "ï "
}

.fa-eye:before {
    content: "ï®"
}

.fa-eye-dropper:before {
    content: "ï‡»"
}

.fa-eye-slash:before {
    content: "ï°"
}

.fa-facebook:before {
    content: "ï‚š"
}

.fa-facebook-f:before {
    content: "ïŽž"
}

.fa-facebook-messenger:before {
    content: "ïŽŸ"
}

.fa-facebook-square:before {
    content: "ï‚‚"
}

.fa-fast-backward:before {
    content: "ï‰"
}

.fa-fast-forward:before {
    content: "ï"
}

.fa-fax:before {
    content: "ï†¬"
}

.fa-feather:before {
    content: "ï”­"
}

.fa-feather-alt:before {
    content: "ï•«"
}

.fa-female:before {
    content: "ï†‚"
}

.fa-fighter-jet:before {
    content: "ïƒ»"
}

.fa-file:before {
    content: "ï…›"
}

.fa-file-alt:before {
    content: "ï…œ"
}

.fa-file-archive:before {
    content: "ï‡†"
}

.fa-file-audio:before {
    content: "ï‡‡"
}

.fa-file-code:before {
    content: "ï‡‰"
}

.fa-file-contract:before {
    content: "ï•¬"
}

.fa-file-download:before {
    content: "ï•­"
}

.fa-file-excel:before {
    content: "ï‡ƒ"
}

.fa-file-export:before {
    content: "ï•®"
}

.fa-file-image:before {
    content: "ï‡…"
}

.fa-file-import:before {
    content: "ï•¯"
}

.fa-file-invoice:before {
    content: "ï•°"
}

.fa-file-invoice-dollar:before {
    content: "ï•±"
}

.fa-file-medical:before {
    content: "ï‘·"
}

.fa-file-medical-alt:before {
    content: "ï‘¸"
}

.fa-file-pdf:before {
    content: "ï‡"
}

.fa-file-powerpoint:before {
    content: "ï‡„"
}

.fa-file-prescription:before {
    content: "ï•²"
}

.fa-file-signature:before {
    content: "ï•³"
}

.fa-file-upload:before {
    content: "ï•´"
}

.fa-file-video:before {
    content: "ï‡ˆ"
}

.fa-file-word:before {
    content: "ï‡‚"
}

.fa-fill:before {
    content: "ï•µ"
}

.fa-fill-drip:before {
    content: "ï•¶"
}

.fa-film:before {
    content: "ï€ˆ"
}

.fa-filter:before {
    content: "ï‚°"
}

.fa-fingerprint:before {
    content: "ï•·"
}

.fa-fire:before {
    content: "ï­"
}

.fa-fire-extinguisher:before {
    content: "ï„´"
}

.fa-firefox:before {
    content: "ï‰©"
}

.fa-first-aid:before {
    content: "ï‘¹"
}

.fa-first-order:before {
    content: "ïŠ°"
}

.fa-first-order-alt:before {
    content: "ï”Š"
}

.fa-firstdraft:before {
    content: "ïŽ¡"
}

.fa-fish:before {
    content: "ï•¸"
}

.fa-flag:before {
    content: "ï€¤"
}

.fa-flag-checkered:before {
    content: "ï„ž"
}

.fa-flask:before {
    content: "ïƒƒ"
}

.fa-flickr:before {
    content: "ï…®"
}

.fa-flipboard:before {
    content: "ï‘"
}

.fa-flushed:before {
    content: "ï•¹"
}

.fa-fly:before {
    content: "ï—"
}

.fa-folder:before {
    content: "ï»"
}

.fa-folder-open:before {
    content: "ï¼"
}

.fa-font:before {
    content: "ï€±"
}

.fa-font-awesome:before {
    content: "ïŠ´"
}

.fa-font-awesome-alt:before {
    content: "ïœ"
}

.fa-font-awesome-flag:before {
    content: "ï¥"
}

.fa-font-awesome-logo-full:before {
    content: "ï“¦"
}

.fa-fonticons:before {
    content: "ïŠ€"
}

.fa-fonticons-fi:before {
    content: "ïŽ¢"
}

.fa-football-ball:before {
    content: "ï‘Ž"
}

.fa-fort-awesome:before {
    content: "ïŠ†"
}

.fa-fort-awesome-alt:before {
    content: "ïŽ£"
}

.fa-forumbee:before {
    content: "ïˆ‘"
}

.fa-forward:before {
    content: "ïŽ"
}

.fa-foursquare:before {
    content: "ï†€"
}

.fa-free-code-camp:before {
    content: "ï‹…"
}

.fa-freebsd:before {
    content: "ïŽ¤"
}

.fa-frog:before {
    content: "ï”®"
}

.fa-frown:before {
    content: "ï„™"
}

.fa-frown-open:before {
    content: "ï•º"
}

.fa-fulcrum:before {
    content: "ï”‹"
}

.fa-futbol:before {
    content: "ï‡£"
}

.fa-galactic-republic:before {
    content: "ï”Œ"
}

.fa-galactic-senate:before {
    content: "ï”"
}

.fa-gamepad:before {
    content: "ï„›"
}

.fa-gas-pump:before {
    content: "ï”¯"
}

.fa-gavel:before {
    content: "ïƒ£"
}

.fa-gem:before {
    content: "ïŽ¥"
}

.fa-genderless:before {
    content: "ïˆ­"
}

.fa-get-pocket:before {
    content: "ï‰¥"
}

.fa-gg:before {
    content: "ï‰ "
}

.fa-gg-circle:before {
    content: "ï‰¡"
}

.fa-gift:before {
    content: "ï«"
}

.fa-git:before {
    content: "ï‡“"
}

.fa-git-square:before {
    content: "ï‡’"
}

.fa-github:before {
    content: "ï‚›"
}

.fa-github-alt:before {
    content: "ï„“"
}

.fa-github-square:before {
    content: "ï‚’"
}

.fa-gitkraken:before {
    content: "ïŽ¦"
}

.fa-gitlab:before {
    content: "ïŠ–"
}

.fa-gitter:before {
    content: "ï¦"
}

.fa-glass-martini:before {
    content: "ï€€"
}

.fa-glass-martini-alt:before {
    content: "ï•»"
}

.fa-glasses:before {
    content: "ï”°"
}

.fa-glide:before {
    content: "ïŠ¥"
}

.fa-glide-g:before {
    content: "ïŠ¦"
}

.fa-globe:before {
    content: "ï‚¬"
}

.fa-globe-africa:before {
    content: "ï•¼"
}

.fa-globe-americas:before {
    content: "ï•½"
}

.fa-globe-asia:before {
    content: "ï•¾"
}

.fa-gofore:before {
    content: "ïŽ§"
}

.fa-golf-ball:before {
    content: "ï‘"
}

.fa-goodreads:before {
    content: "ïŽ¨"
}

.fa-goodreads-g:before {
    content: "ïŽ©"
}

.fa-google:before {
    content: "ï† "
}

.fa-google-drive:before {
    content: "ïŽª"
}

.fa-google-play:before {
    content: "ïŽ«"
}

.fa-google-plus:before {
    content: "ïŠ³"
}

.fa-google-plus-g:before {
    content: "ïƒ•"
}

.fa-google-plus-square:before {
    content: "ïƒ”"
}

.fa-google-wallet:before {
    content: "ï‡®"
}

.fa-graduation-cap:before {
    content: "ï†"
}

.fa-gratipay:before {
    content: "ï†„"
}

.fa-grav:before {
    content: "ï‹–"
}

.fa-greater-than:before {
    content: "ï”±"
}

.fa-greater-than-equal:before {
    content: "ï”²"
}

.fa-grimace:before {
    content: "ï•¿"
}

.fa-grin:before {
    content: "ï–€"
}

.fa-grin-alt:before {
    content: "ï–"
}

.fa-grin-beam:before {
    content: "ï–‚"
}

.fa-grin-beam-sweat:before {
    content: "ï–ƒ"
}

.fa-grin-hearts:before {
    content: "ï–„"
}

.fa-grin-squint:before {
    content: "ï–…"
}

.fa-grin-squint-tears:before {
    content: "ï–†"
}

.fa-grin-stars:before {
    content: "ï–‡"
}

.fa-grin-tears:before {
    content: "ï–ˆ"
}

.fa-grin-tongue:before {
    content: "ï–‰"
}

.fa-grin-tongue-squint:before {
    content: "ï–Š"
}

.fa-grin-tongue-wink:before {
    content: "ï–‹"
}

.fa-grin-wink:before {
    content: "ï–Œ"
}

.fa-grip-horizontal:before {
    content: "ï–"
}

.fa-grip-vertical:before {
    content: "ï–Ž"
}

.fa-gripfire:before {
    content: "ïŽ¬"
}

.fa-grunt:before {
    content: "ïŽ­"
}

.fa-gulp:before {
    content: "ïŽ®"
}

.fa-h-square:before {
    content: "ïƒ½"
}

.fa-hacker-news:before {
    content: "ï‡”"
}

.fa-hacker-news-square:before {
    content: "ïŽ¯"
}

.fa-hackerrank:before {
    content: "ï—·"
}

.fa-hand-holding:before {
    content: "ï’½"
}

.fa-hand-holding-heart:before {
    content: "ï’¾"
}

.fa-hand-holding-usd:before {
    content: "ï“€"
}

.fa-hand-lizard:before {
    content: "ï‰˜"
}

.fa-hand-paper:before {
    content: "ï‰–"
}

.fa-hand-peace:before {
    content: "ï‰›"
}

.fa-hand-point-down:before {
    content: "ï‚§"
}

.fa-hand-point-left:before {
    content: "ï‚¥"
}

.fa-hand-point-right:before {
    content: "ï‚¤"
}

.fa-hand-point-up:before {
    content: "ï‚¦"
}

.fa-hand-pointer:before {
    content: "ï‰š"
}

.fa-hand-rock:before {
    content: "ï‰•"
}

.fa-hand-scissors:before {
    content: "ï‰—"
}

.fa-hand-spock:before {
    content: "ï‰™"
}

.fa-hands:before {
    content: "ï“‚"
}

.fa-hands-helping:before {
    content: "ï“„"
}

.fa-handshake:before {
    content: "ïŠµ"
}

.fa-hashtag:before {
    content: "ïŠ’"
}

.fa-hdd:before {
    content: "ï‚ "
}

.fa-heading:before {
    content: "ï‡œ"
}

.fa-headphones:before {
    content: "ï€¥"
}

.fa-headphones-alt:before {
    content: "ï–"
}

.fa-headset:before {
    content: "ï–"
}

.fa-heart:before {
    content: "ï€„"
}

.fa-heartbeat:before {
    content: "ïˆž"
}

.fa-helicopter:before {
    content: "ï”³"
}

.fa-highlighter:before {
    content: "ï–‘"
}

.fa-hips:before {
    content: "ï‘’"
}

.fa-hire-a-helper:before {
    content: "ïŽ°"
}

.fa-history:before {
    content: "ï‡š"
}

.fa-hockey-puck:before {
    content: "ï‘“"
}

.fa-home:before {
    content: "ï€•"
}

.fa-hooli:before {
    content: "ï§"
}

.fa-hornbill:before {
    content: "ï–’"
}

.fa-hospital:before {
    content: "ïƒ¸"
}

.fa-hospital-alt:before {
    content: "ï‘½"
}

.fa-hospital-symbol:before {
    content: "ï‘¾"
}

.fa-hot-tub:before {
    content: "ï–“"
}

.fa-hotel:before {
    content: "ï–”"
}

.fa-hotjar:before {
    content: "ïŽ±"
}

.fa-hourglass:before {
    content: "ï‰”"
}

.fa-hourglass-end:before {
    content: "ï‰“"
}

.fa-hourglass-half:before {
    content: "ï‰’"
}

.fa-hourglass-start:before {
    content: "ï‰‘"
}

.fa-houzz:before {
    content: "ï‰¼"
}

.fa-html5:before {
    content: "ï„»"
}

.fa-hubspot:before {
    content: "ïŽ²"
}

.fa-i-cursor:before {
    content: "ï‰†"
}

.fa-id-badge:before {
    content: "ï‹"
}

.fa-id-card:before {
    content: "ï‹‚"
}

.fa-id-card-alt:before {
    content: "ï‘¿"
}

.fa-image:before {
    content: "ï€¾"
}

.fa-images:before {
    content: "ïŒ‚"
}

.fa-imdb:before {
    content: "ï‹˜"
}

.fa-inbox:before {
    content: "ï€œ"
}

.fa-indent:before {
    content: "ï€¼"
}

.fa-industry:before {
    content: "ï‰µ"
}

.fa-infinity:before {
    content: "ï”´"
}

.fa-info:before {
    content: "ï„©"
}

.fa-info-circle:before {
    content: "ïš"
}

.fa-instagram:before {
    content: "ï…­"
}

.fa-internet-explorer:before {
    content: "ï‰«"
}

.fa-ioxhost:before {
    content: "ïˆˆ"
}

.fa-italic:before {
    content: "ï€³"
}

.fa-itunes:before {
    content: "ïŽ´"
}

.fa-itunes-note:before {
    content: "ïŽµ"
}

.fa-java:before {
    content: "ï“¤"
}

.fa-jedi-order:before {
    content: "ï”Ž"
}

.fa-jenkins:before {
    content: "ïŽ¶"
}

.fa-joget:before {
    content: "ïŽ·"
}

.fa-joint:before {
    content: "ï–•"
}

.fa-joomla:before {
    content: "ï†ª"
}

.fa-js:before {
    content: "ïŽ¸"
}

.fa-js-square:before {
    content: "ïŽ¹"
}

.fa-jsfiddle:before {
    content: "ï‡Œ"
}

.fa-kaggle:before {
    content: "ï—º"
}

.fa-key:before {
    content: "ï‚„"
}

.fa-keybase:before {
    content: "ï“µ"
}

.fa-keyboard:before {
    content: "ï„œ"
}

.fa-keycdn:before {
    content: "ïŽº"
}

.fa-kickstarter:before {
    content: "ïŽ»"
}

.fa-kickstarter-k:before {
    content: "ïŽ¼"
}

.fa-kiss:before {
    content: "ï––"
}

.fa-kiss-beam:before {
    content: "ï–—"
}

.fa-kiss-wink-heart:before {
    content: "ï–˜"
}

.fa-kiwi-bird:before {
    content: "ï”µ"
}

.fa-korvue:before {
    content: "ï¯"
}

.fa-language:before {
    content: "ï†«"
}

.fa-laptop:before {
    content: "ï„‰"
}

.fa-laptop-code:before {
    content: "ï—¼"
}

.fa-laravel:before {
    content: "ïŽ½"
}

.fa-lastfm:before {
    content: "ïˆ‚"
}

.fa-lastfm-square:before {
    content: "ïˆƒ"
}

.fa-laugh:before {
    content: "ï–™"
}

.fa-laugh-beam:before {
    content: "ï–š"
}

.fa-laugh-squint:before {
    content: "ï–›"
}

.fa-laugh-wink:before {
    content: "ï–œ"
}

.fa-layer-group:before {
    content: "ï—½"
}

.fa-leaf:before {
    content: "ï¬"
}

.fa-leanpub:before {
    content: "ïˆ’"
}

.fa-lemon:before {
    content: "ï‚”"
}

.fa-less:before {
    content: "ï"
}

.fa-less-than:before {
    content: "ï”¶"
}

.fa-less-than-equal:before {
    content: "ï”·"
}

.fa-level-down-alt:before {
    content: "ïŽ¾"
}

.fa-level-up-alt:before {
    content: "ïŽ¿"
}

.fa-life-ring:before {
    content: "ï‡"
}

.fa-lightbulb:before {
    content: "ïƒ«"
}

.fa-line:before {
    content: "ï€"
}

.fa-link:before {
    content: "ïƒ"
}

.fa-linkedin:before {
    content: "ï‚Œ"
}

.fa-linkedin-in:before {
    content: "ïƒ¡"
}

.fa-linode:before {
    content: "ïŠ¸"
}

.fa-linux:before {
    content: "ï…¼"
}

.fa-lira-sign:before {
    content: "ï†•"
}

.fa-list:before {
    content: "ï€º"
}

.fa-list-alt:before {
    content: "ï€¢"
}

.fa-list-ol:before {
    content: "ïƒ‹"
}

.fa-list-ul:before {
    content: "ïƒŠ"
}

.fa-location-arrow:before {
    content: "ï„¤"
}

.fa-lock:before {
    content: "ï€£"
}

.fa-lock-open:before {
    content: "ï"
}

.fa-long-arrow-alt-down:before {
    content: "ïŒ‰"
}

.fa-long-arrow-alt-left:before {
    content: "ïŒŠ"
}

.fa-long-arrow-alt-right:before {
    content: "ïŒ‹"
}

.fa-long-arrow-alt-up:before {
    content: "ïŒŒ"
}

.fa-low-vision:before {
    content: "ïŠ¨"
}

.fa-luggage-cart:before {
    content: "ï–"
}

.fa-lyft:before {
    content: "ïƒ"
}

.fa-magento:before {
    content: "ï„"
}

.fa-magic:before {
    content: "ïƒ"
}

.fa-magnet:before {
    content: "ï¶"
}

.fa-mailchimp:before {
    content: "ï–ž"
}

.fa-male:before {
    content: "ï†ƒ"
}

.fa-mandalorian:before {
    content: "ï”"
}

.fa-map:before {
    content: "ï‰¹"
}

.fa-map-marked:before {
    content: "ï–Ÿ"
}

.fa-map-marked-alt:before {
    content: "ï– "
}

.fa-map-marker:before {
    content: "ï"
}

.fa-map-marker-alt:before {
    content: "ï…"
}

.fa-map-pin:before {
    content: "ï‰¶"
}

.fa-map-signs:before {
    content: "ï‰·"
}

.fa-markdown:before {
    content: "ï˜"
}

.fa-marker:before {
    content: "ï–¡"
}

.fa-mars:before {
    content: "ïˆ¢"
}

.fa-mars-double:before {
    content: "ïˆ§"
}

.fa-mars-stroke:before {
    content: "ïˆ©"
}

.fa-mars-stroke-h:before {
    content: "ïˆ«"
}

.fa-mars-stroke-v:before {
    content: "ïˆª"
}

.fa-mastodon:before {
    content: "ï“¶"
}

.fa-maxcdn:before {
    content: "ï„¶"
}

.fa-medal:before {
    content: "ï–¢"
}

.fa-medapps:before {
    content: "ï†"
}

.fa-medium:before {
    content: "ïˆº"
}

.fa-medium-m:before {
    content: "ï‡"
}

.fa-medkit:before {
    content: "ïƒº"
}

.fa-medrt:before {
    content: "ïˆ"
}

.fa-meetup:before {
    content: "ï‹ "
}

.fa-megaport:before {
    content: "ï–£"
}

.fa-meh:before {
    content: "ï„š"
}

.fa-meh-blank:before {
    content: "ï–¤"
}

.fa-meh-rolling-eyes:before {
    content: "ï–¥"
}

.fa-memory:before {
    content: "ï”¸"
}

.fa-mercury:before {
    content: "ïˆ£"
}

.fa-microchip:before {
    content: "ï‹›"
}

.fa-microphone:before {
    content: "ï„°"
}

.fa-microphone-alt:before {
    content: "ï‰"
}

.fa-microphone-alt-slash:before {
    content: "ï”¹"
}

.fa-microphone-slash:before {
    content: "ï„±"
}

.fa-microscope:before {
    content: "ï˜"
}

.fa-microsoft:before {
    content: "ïŠ"
}

.fa-minus:before {
    content: "ï¨"
}

.fa-minus-circle:before {
    content: "ï–"
}

.fa-minus-square:before {
    content: "ï…†"
}

.fa-mix:before {
    content: "ï‹"
}

.fa-mixcloud:before {
    content: "ïŠ‰"
}

.fa-mizuni:before {
    content: "ïŒ"
}

.fa-mobile:before {
    content: "ï„‹"
}

.fa-mobile-alt:before {
    content: "ï"
}

.fa-modx:before {
    content: "ïŠ…"
}

.fa-monero:before {
    content: "ï"
}

.fa-money-bill:before {
    content: "ïƒ–"
}

.fa-money-bill-alt:before {
    content: "ï‘"
}

.fa-money-bill-wave:before {
    content: "ï”º"
}

.fa-money-bill-wave-alt:before {
    content: "ï”»"
}

.fa-money-check:before {
    content: "ï”¼"
}

.fa-money-check-alt:before {
    content: "ï”½"
}

.fa-monument:before {
    content: "ï–¦"
}

.fa-moon:before {
    content: "ï††"
}

.fa-mortar-pestle:before {
    content: "ï–§"
}

.fa-motorcycle:before {
    content: "ïˆœ"
}

.fa-mouse-pointer:before {
    content: "ï‰…"
}

.fa-music:before {
    content: "ï€"
}

.fa-napster:before {
    content: "ï’"
}

.fa-neos:before {
    content: "ï˜’"
}

.fa-neuter:before {
    content: "ïˆ¬"
}

.fa-newspaper:before {
    content: "ï‡ª"
}

.fa-nimblr:before {
    content: "ï–¨"
}

.fa-nintendo-switch:before {
    content: "ï˜"
}

.fa-node:before {
    content: "ï™"
}

.fa-node-js:before {
    content: "ï“"
}

.fa-not-equal:before {
    content: "ï”¾"
}

.fa-notes-medical:before {
    content: "ï’"
}

.fa-npm:before {
    content: "ï”"
}

.fa-ns8:before {
    content: "ï•"
}

.fa-nutritionix:before {
    content: "ï–"
}

.fa-object-group:before {
    content: "ï‰‡"
}

.fa-object-ungroup:before {
    content: "ï‰ˆ"
}

.fa-odnoklassniki:before {
    content: "ï‰£"
}

.fa-odnoklassniki-square:before {
    content: "ï‰¤"
}

.fa-oil-can:before {
    content: "ï˜“"
}

.fa-old-republic:before {
    content: "ï”"
}

.fa-opencart:before {
    content: "ïˆ½"
}

.fa-openid:before {
    content: "ï†›"
}

.fa-opera:before {
    content: "ï‰ª"
}

.fa-optin-monster:before {
    content: "ïˆ¼"
}

.fa-osi:before {
    content: "ïš"
}

.fa-outdent:before {
    content: "ï€»"
}

.fa-page4:before {
    content: "ï—"
}

.fa-pagelines:before {
    content: "ï†Œ"
}

.fa-paint-brush:before {
    content: "ï‡¼"
}

.fa-paint-roller:before {
    content: "ï–ª"
}

.fa-palette:before {
    content: "ï”¿"
}

.fa-palfed:before {
    content: "ï˜"
}

.fa-pallet:before {
    content: "ï’‚"
}

.fa-paper-plane:before {
    content: "ï‡˜"
}

.fa-paperclip:before {
    content: "ïƒ†"
}

.fa-parachute-box:before {
    content: "ï“"
}

.fa-paragraph:before {
    content: "ï‡"
}

.fa-parking:before {
    content: "ï•€"
}

.fa-passport:before {
    content: "ï–«"
}

.fa-paste:before {
    content: "ïƒª"
}

.fa-patreon:before {
    content: "ï™"
}

.fa-pause:before {
    content: "ïŒ"
}

.fa-pause-circle:before {
    content: "ïŠ‹"
}

.fa-paw:before {
    content: "ï†°"
}

.fa-paypal:before {
    content: "ï‡­"
}

.fa-pen:before {
    content: "ïŒ„"
}

.fa-pen-alt:before {
    content: "ïŒ…"
}

.fa-pen-fancy:before {
    content: "ï–¬"
}

.fa-pen-nib:before {
    content: "ï–­"
}

.fa-pen-square:before {
    content: "ï…‹"
}

.fa-pencil-alt:before {
    content: "ïŒƒ"
}

.fa-pencil-ruler:before {
    content: "ï–®"
}

.fa-people-carry:before {
    content: "ï“Ž"
}

.fa-percent:before {
    content: "ïŠ•"
}

.fa-percentage:before {
    content: "ï•"
}

.fa-periscope:before {
    content: "ïš"
}

.fa-phabricator:before {
    content: "ï›"
}

.fa-phoenix-framework:before {
    content: "ïœ"
}

.fa-phoenix-squadron:before {
    content: "ï”‘"
}

.fa-phone:before {
    content: "ï‚•"
}

.fa-phone-slash:before {
    content: "ï"
}

.fa-phone-square:before {
    content: "ï‚˜"
}

.fa-phone-volume:before {
    content: "ïŠ "
}

.fa-php:before {
    content: "ï‘—"
}

.fa-pied-piper:before {
    content: "ïŠ®"
}

.fa-pied-piper-alt:before {
    content: "ï†¨"
}

.fa-pied-piper-hat:before {
    content: "ï“¥"
}

.fa-pied-piper-pp:before {
    content: "ï†§"
}

.fa-piggy-bank:before {
    content: "ï““"
}

.fa-pills:before {
    content: "ï’„"
}

.fa-pinterest:before {
    content: "ïƒ’"
}

.fa-pinterest-p:before {
    content: "ïˆ±"
}

.fa-pinterest-square:before {
    content: "ïƒ“"
}

.fa-plane:before {
    content: "ï²"
}

.fa-plane-arrival:before {
    content: "ï–¯"
}

.fa-plane-departure:before {
    content: "ï–°"
}

.fa-play:before {
    content: "ï‹"
}

.fa-play-circle:before {
    content: "ï…„"
}

.fa-playstation:before {
    content: "ïŸ"
}

.fa-plug:before {
    content: "ï‡¦"
}

.fa-plus:before {
    content: "ï§"
}

.fa-plus-circle:before {
    content: "ï•"
}

.fa-plus-square:before {
    content: "ïƒ¾"
}

.fa-podcast:before {
    content: "ï‹Ž"
}

.fa-poo:before {
    content: "ï‹¾"
}

.fa-poop:before {
    content: "ï˜™"
}

.fa-portrait:before {
    content: "ï "
}

.fa-pound-sign:before {
    content: "ï…”"
}

.fa-power-off:before {
    content: "ï€‘"
}

.fa-prescription:before {
    content: "ï–±"
}

.fa-prescription-bottle:before {
    content: "ï’…"
}

.fa-prescription-bottle-alt:before {
    content: "ï’†"
}

.fa-print:before {
    content: "ï€¯"
}

.fa-procedures:before {
    content: "ï’‡"
}

.fa-product-hunt:before {
    content: "ïŠˆ"
}

.fa-project-diagram:before {
    content: "ï•‚"
}

.fa-pushed:before {
    content: "ï¡"
}

.fa-puzzle-piece:before {
    content: "ï„®"
}

.fa-python:before {
    content: "ï¢"
}

.fa-qq:before {
    content: "ï‡–"
}

.fa-qrcode:before {
    content: "ï€©"
}

.fa-question:before {
    content: "ï„¨"
}

.fa-question-circle:before {
    content: "ï™"
}

.fa-quidditch:before {
    content: "ï‘˜"
}

.fa-quinscape:before {
    content: "ï‘™"
}

.fa-quora:before {
    content: "ï‹„"
}

.fa-quote-left:before {
    content: "ï„"
}

.fa-quote-right:before {
    content: "ï„Ž"
}

.fa-r-project:before {
    content: "ï“·"
}

.fa-random:before {
    content: "ï´"
}

.fa-ravelry:before {
    content: "ï‹™"
}

.fa-react:before {
    content: "ï›"
}

.fa-readme:before {
    content: "ï“•"
}

.fa-rebel:before {
    content: "ï‡"
}

.fa-receipt:before {
    content: "ï•ƒ"
}

.fa-recycle:before {
    content: "ï†¸"
}

.fa-red-river:before {
    content: "ï£"
}

.fa-reddit:before {
    content: "ï†¡"
}

.fa-reddit-alien:before {
    content: "ïŠ"
}

.fa-reddit-square:before {
    content: "ï†¢"
}

.fa-redo:before {
    content: "ï€ž"
}

.fa-redo-alt:before {
    content: "ï‹¹"
}

.fa-registered:before {
    content: "ï‰"
}

.fa-rendact:before {
    content: "ï¤"
}

.fa-renren:before {
    content: "ï†‹"
}

.fa-reply:before {
    content: "ï¥"
}

.fa-reply-all:before {
    content: "ï„¢"
}

.fa-replyd:before {
    content: "ï¦"
}

.fa-researchgate:before {
    content: "ï“¸"
}

.fa-resolving:before {
    content: "ï§"
}

.fa-retweet:before {
    content: "ï¹"
}

.fa-rev:before {
    content: "ï–²"
}

.fa-ribbon:before {
    content: "ï“–"
}

.fa-road:before {
    content: "ï€˜"
}

.fa-robot:before {
    content: "ï•„"
}

.fa-rocket:before {
    content: "ï„µ"
}

.fa-rocketchat:before {
    content: "ï¨"
}

.fa-rockrms:before {
    content: "ï©"
}

.fa-route:before {
    content: "ï“—"
}

.fa-rss:before {
    content: "ï‚ž"
}

.fa-rss-square:before {
    content: "ï…ƒ"
}

.fa-ruble-sign:before {
    content: "ï…˜"
}

.fa-ruler:before {
    content: "ï•…"
}

.fa-ruler-combined:before {
    content: "ï•†"
}

.fa-ruler-horizontal:before {
    content: "ï•‡"
}

.fa-ruler-vertical:before {
    content: "ï•ˆ"
}

.fa-rupee-sign:before {
    content: "ï…–"
}

.fa-sad-cry:before {
    content: "ï–³"
}

.fa-sad-tear:before {
    content: "ï–´"
}

.fa-safari:before {
    content: "ï‰§"
}

.fa-sass:before {
    content: "ïž"
}

.fa-save:before {
    content: "ïƒ‡"
}

.fa-schlix:before {
    content: "ïª"
}

.fa-school:before {
    content: "ï•‰"
}

.fa-screwdriver:before {
    content: "ï•Š"
}

.fa-scribd:before {
    content: "ïŠŠ"
}

.fa-search:before {
    content: "ï€‚"
}

.fa-search-minus:before {
    content: "ï€"
}

.fa-search-plus:before {
    content: "ï€Ž"
}

.fa-searchengin:before {
    content: "ï«"
}

.fa-seedling:before {
    content: "ï“˜"
}

.fa-sellcast:before {
    content: "ï‹š"
}

.fa-sellsy:before {
    content: "ïˆ“"
}

.fa-server:before {
    content: "ïˆ³"
}

.fa-servicestack:before {
    content: "ï¬"
}

.fa-shapes:before {
    content: "ï˜Ÿ"
}

.fa-share:before {
    content: "ï¤"
}

.fa-share-alt:before {
    content: "ï‡ "
}

.fa-share-alt-square:before {
    content: "ï‡¡"
}

.fa-share-square:before {
    content: "ï…"
}

.fa-shekel-sign:before {
    content: "ïˆ‹"
}

.fa-shield-alt:before {
    content: "ï­"
}

.fa-ship:before {
    content: "ïˆš"
}

.fa-shipping-fast:before {
    content: "ï’‹"
}

.fa-shirtsinbulk:before {
    content: "ïˆ”"
}

.fa-shoe-prints:before {
    content: "ï•‹"
}

.fa-shopping-bag:before {
    content: "ïŠ"
}

.fa-shopping-basket:before {
    content: "ïŠ‘"
}

.fa-shopping-cart:before {
    content: "ïº"
}

.fa-shopware:before {
    content: "ï–µ"
}

.fa-shower:before {
    content: "ï‹Œ"
}

.fa-shuttle-van:before {
    content: "ï–¶"
}

.fa-sign:before {
    content: "ï“™"
}

.fa-sign-in-alt:before {
    content: "ï‹¶"
}

.fa-sign-language:before {
    content: "ïŠ§"
}

.fa-sign-out-alt:before {
    content: "ï‹µ"
}

.fa-signal:before {
    content: "ï€’"
}

.fa-signature:before {
    content: "ï–·"
}

.fa-simplybuilt:before {
    content: "ïˆ•"
}

.fa-sistrix:before {
    content: "ï®"
}

.fa-sitemap:before {
    content: "ïƒ¨"
}

.fa-sith:before {
    content: "ï”’"
}

.fa-skull:before {
    content: "ï•Œ"
}

.fa-skyatlas:before {
    content: "ïˆ–"
}

.fa-skype:before {
    content: "ï…¾"
}

.fa-slack:before {
    content: "ï†˜"
}

.fa-slack-hash:before {
    content: "ï¯"
}

.fa-sliders-h:before {
    content: "ï‡ž"
}

.fa-slideshare:before {
    content: "ï‡§"
}

.fa-smile:before {
    content: "ï„˜"
}

.fa-smile-beam:before {
    content: "ï–¸"
}

.fa-smile-wink:before {
    content: "ï“š"
}

.fa-smoking:before {
    content: "ï’"
}

.fa-smoking-ban:before {
    content: "ï•"
}

.fa-snapchat:before {
    content: "ïŠ«"
}

.fa-snapchat-ghost:before {
    content: "ïŠ¬"
}

.fa-snapchat-square:before {
    content: "ïŠ­"
}

.fa-snowflake:before {
    content: "ï‹œ"
}

.fa-solar-panel:before {
    content: "ï–º"
}

.fa-sort:before {
    content: "ïƒœ"
}

.fa-sort-alpha-down:before {
    content: "ï…"
}

.fa-sort-alpha-up:before {
    content: "ï…ž"
}

.fa-sort-amount-down:before {
    content: "ï… "
}

.fa-sort-amount-up:before {
    content: "ï…¡"
}

.fa-sort-down:before {
    content: "ïƒ"
}

.fa-sort-numeric-down:before {
    content: "ï…¢"
}

.fa-sort-numeric-up:before {
    content: "ï…£"
}

.fa-sort-up:before {
    content: "ïƒž"
}

.fa-soundcloud:before {
    content: "ï†¾"
}

.fa-spa:before {
    content: "ï–»"
}

.fa-space-shuttle:before {
    content: "ï†—"
}

.fa-speakap:before {
    content: "ï³"
}

.fa-spinner:before {
    content: "ï„"
}

.fa-splotch:before {
    content: "ï–¼"
}

.fa-spotify:before {
    content: "ï†¼"
}

.fa-spray-can:before {
    content: "ï–½"
}

.fa-square:before {
    content: "ïƒˆ"
}

.fa-square-full:before {
    content: "ï‘œ"
}

.fa-squarespace:before {
    content: "ï–¾"
}

.fa-stack-exchange:before {
    content: "ï†"
}

.fa-stack-overflow:before {
    content: "ï…¬"
}

.fa-stamp:before {
    content: "ï–¿"
}

.fa-star:before {
    content: "ï€…"
}

.fa-star-half:before {
    content: "ï‚‰"
}

.fa-star-half-alt:before {
    content: "ï—€"
}

.fa-star-of-life:before {
    content: "ï˜¡"
}

.fa-staylinked:before {
    content: "ïµ"
}

.fa-steam:before {
    content: "ï†¶"
}

.fa-steam-square:before {
    content: "ï†·"
}

.fa-steam-symbol:before {
    content: "ï¶"
}

.fa-step-backward:before {
    content: "ïˆ"
}

.fa-step-forward:before {
    content: "ï‘"
}

.fa-stethoscope:before {
    content: "ïƒ±"
}

.fa-sticker-mule:before {
    content: "ï·"
}

.fa-sticky-note:before {
    content: "ï‰‰"
}

.fa-stop:before {
    content: "ï"
}

.fa-stop-circle:before {
    content: "ïŠ"
}

.fa-stopwatch:before {
    content: "ï‹²"
}

.fa-store:before {
    content: "ï•Ž"
}

.fa-store-alt:before {
    content: "ï•"
}

.fa-strava:before {
    content: "ï¨"
}

.fa-stream:before {
    content: "ï•"
}

.fa-street-view:before {
    content: "ïˆ"
}

.fa-strikethrough:before {
    content: "ïƒŒ"
}

.fa-stripe:before {
    content: "ï©"
}

.fa-stripe-s:before {
    content: "ïª"
}

.fa-stroopwafel:before {
    content: "ï•‘"
}

.fa-studiovinari:before {
    content: "ï¸"
}

.fa-stumbleupon:before {
    content: "ï†¤"
}

.fa-stumbleupon-circle:before {
    content: "ï†£"
}

.fa-subscript:before {
    content: "ï„¬"
}

.fa-subway:before {
    content: "ïˆ¹"
}

.fa-suitcase:before {
    content: "ïƒ²"
}

.fa-suitcase-rolling:before {
    content: "ï—"
}

.fa-sun:before {
    content: "ï†…"
}

.fa-superpowers:before {
    content: "ï‹"
}

.fa-superscript:before {
    content: "ï„«"
}

.fa-supple:before {
    content: "ï¹"
}

.fa-surprise:before {
    content: "ï—‚"
}

.fa-swatchbook:before {
    content: "ï—ƒ"
}

.fa-swimmer:before {
    content: "ï—„"
}

.fa-swimming-pool:before {
    content: "ï—…"
}

.fa-sync:before {
    content: "ï€¡"
}

.fa-sync-alt:before {
    content: "ï‹±"
}

.fa-syringe:before {
    content: "ï’Ž"
}

.fa-table:before {
    content: "ïƒŽ"
}

.fa-table-tennis:before {
    content: "ï‘"
}

.fa-tablet:before {
    content: "ï„Š"
}

.fa-tablet-alt:before {
    content: "ïº"
}

.fa-tablets:before {
    content: "ï’"
}

.fa-tachometer-alt:before {
    content: "ï½"
}

.fa-tag:before {
    content: "ï€«"
}

.fa-tags:before {
    content: "ï€¬"
}

.fa-tape:before {
    content: "ï“›"
}

.fa-tasks:before {
    content: "ï‚®"
}

.fa-taxi:before {
    content: "ï†º"
}

.fa-teamspeak:before {
    content: "ï“¹"
}

.fa-teeth:before {
    content: "ï˜®"
}

.fa-teeth-open:before {
    content: "ï˜¯"
}

.fa-telegram:before {
    content: "ï‹†"
}

.fa-telegram-plane:before {
    content: "ï¾"
}

.fa-tencent-weibo:before {
    content: "ï‡•"
}

.fa-terminal:before {
    content: "ï„ "
}

.fa-text-height:before {
    content: "ï€´"
}

.fa-text-width:before {
    content: "ï€µ"
}

.fa-th:before {
    content: "ï€Š"
}

.fa-th-large:before {
    content: "ï€‰"
}

.fa-th-list:before {
    content: "ï€‹"
}

.fa-theater-masks:before {
    content: "ï˜°"
}

.fa-themeco:before {
    content: "ï—†"
}

.fa-themeisle:before {
    content: "ïŠ²"
}

.fa-thermometer:before {
    content: "ï’‘"
}

.fa-thermometer-empty:before {
    content: "ï‹‹"
}

.fa-thermometer-full:before {
    content: "ï‹‡"
}

.fa-thermometer-half:before {
    content: "ï‹‰"
}

.fa-thermometer-quarter:before {
    content: "ï‹Š"
}

.fa-thermometer-three-quarters:before {
    content: "ï‹ˆ"
}

.fa-thumbs-down:before {
    content: "ï…¥"
}

.fa-thumbs-up:before {
    content: "ï…¤"
}

.fa-thumbtack:before {
    content: "ï‚"
}

.fa-ticket-alt:before {
    content: "ï¿"
}

.fa-times:before {
    content: "ï€"
}

.fa-times-circle:before {
    content: "ï—"
}

.fa-tint:before {
    content: "ïƒ"
}

.fa-tint-slash:before {
    content: "ï—‡"
}

.fa-tired:before {
    content: "ï—ˆ"
}

.fa-toggle-off:before {
    content: "ïˆ„"
}

.fa-toggle-on:before {
    content: "ïˆ…"
}

.fa-toolbox:before {
    content: "ï•’"
}

.fa-tooth:before {
    content: "ï—‰"
}

.fa-trade-federation:before {
    content: "ï”“"
}

.fa-trademark:before {
    content: "ï‰œ"
}

.fa-traffic-light:before {
    content: "ï˜·"
}

.fa-train:before {
    content: "ïˆ¸"
}

.fa-transgender:before {
    content: "ïˆ¤"
}

.fa-transgender-alt:before {
    content: "ïˆ¥"
}

.fa-trash:before {
    content: "ï‡¸"
}

.fa-trash-alt:before {
    content: "ï‹­"
}

.fa-tree:before {
    content: "ï†»"
}

.fa-trello:before {
    content: "ï†"
}

.fa-tripadvisor:before {
    content: "ï‰¢"
}

.fa-trophy:before {
    content: "ï‚‘"
}

.fa-truck:before {
    content: "ïƒ‘"
}

.fa-truck-loading:before {
    content: "ï“ž"
}

.fa-truck-monster:before {
    content: "ï˜»"
}

.fa-truck-moving:before {
    content: "ï“Ÿ"
}

.fa-truck-pickup:before {
    content: "ï˜¼"
}

.fa-tshirt:before {
    content: "ï•“"
}

.fa-tty:before {
    content: "ï‡¤"
}

.fa-tumblr:before {
    content: "ï…³"
}

.fa-tumblr-square:before {
    content: "ï…´"
}

.fa-tv:before {
    content: "ï‰¬"
}

.fa-twitch:before {
    content: "ï‡¨"
}

.fa-twitter:before {
    content: "ï‚™"
}

.fa-twitter-square:before {
    content: "ï‚"
}

.fa-typo3:before {
    content: "ï«"
}

.fa-uber:before {
    content: "ï‚"
}

.fa-uikit:before {
    content: "ïƒ"
}

.fa-umbrella:before {
    content: "ïƒ©"
}

.fa-umbrella-beach:before {
    content: "ï—Š"
}

.fa-underline:before {
    content: "ïƒ"
}

.fa-undo:before {
    content: "ïƒ¢"
}

.fa-undo-alt:before {
    content: "ï‹ª"
}

.fa-uniregistry:before {
    content: "ï„"
}

.fa-universal-access:before {
    content: "ïŠš"
}

.fa-university:before {
    content: "ï†œ"
}

.fa-unlink:before {
    content: "ï„§"
}

.fa-unlock:before {
    content: "ï‚œ"
}

.fa-unlock-alt:before {
    content: "ï„¾"
}

.fa-untappd:before {
    content: "ï…"
}

.fa-upload:before {
    content: "ï‚“"
}

.fa-usb:before {
    content: "ïŠ‡"
}

.fa-user:before {
    content: "ï€‡"
}

.fa-user-alt:before {
    content: "ï†"
}

.fa-user-alt-slash:before {
    content: "ï“º"
}

.fa-user-astronaut:before {
    content: "ï“»"
}

.fa-user-check:before {
    content: "ï“¼"
}

.fa-user-circle:before {
    content: "ïŠ½"
}

.fa-user-clock:before {
    content: "ï“½"
}

.fa-user-cog:before {
    content: "ï“¾"
}

.fa-user-edit:before {
    content: "ï“¿"
}

.fa-user-friends:before {
    content: "ï”€"
}

.fa-user-graduate:before {
    content: "ï”"
}

.fa-user-lock:before {
    content: "ï”‚"
}

.fa-user-md:before {
    content: "ïƒ°"
}

.fa-user-minus:before {
    content: "ï”ƒ"
}

.fa-user-ninja:before {
    content: "ï”„"
}

.fa-user-plus:before {
    content: "ïˆ´"
}

.fa-user-secret:before {
    content: "ïˆ›"
}

.fa-user-shield:before {
    content: "ï”…"
}

.fa-user-slash:before {
    content: "ï”†"
}

.fa-user-tag:before {
    content: "ï”‡"
}

.fa-user-tie:before {
    content: "ï”ˆ"
}

.fa-user-times:before {
    content: "ïˆµ"
}

.fa-users:before {
    content: "ïƒ€"
}

.fa-users-cog:before {
    content: "ï”‰"
}

.fa-ussunnah:before {
    content: "ï‡"
}

.fa-utensil-spoon:before {
    content: "ï‹¥"
}

.fa-utensils:before {
    content: "ï‹§"
}

.fa-vaadin:before {
    content: "ïˆ"
}

.fa-vector-square:before {
    content: "ï—‹"
}

.fa-venus:before {
    content: "ïˆ¡"
}

.fa-venus-double:before {
    content: "ïˆ¦"
}

.fa-venus-mars:before {
    content: "ïˆ¨"
}

.fa-viacoin:before {
    content: "ïˆ·"
}

.fa-viadeo:before {
    content: "ïŠ©"
}

.fa-viadeo-square:before {
    content: "ïŠª"
}

.fa-vial:before {
    content: "ï’’"
}

.fa-vials:before {
    content: "ï’“"
}

.fa-viber:before {
    content: "ï‰"
}

.fa-video:before {
    content: "ï€½"
}

.fa-video-slash:before {
    content: "ï“¢"
}

.fa-vimeo:before {
    content: "ïŠ"
}

.fa-vimeo-square:before {
    content: "ï†”"
}

.fa-vimeo-v:before {
    content: "ï‰½"
}

.fa-vine:before {
    content: "ï‡Š"
}

.fa-vk:before {
    content: "ï†‰"
}

.fa-vnv:before {
    content: "ï‹"
}

.fa-volleyball-ball:before {
    content: "ï‘Ÿ"
}

.fa-volume-down:before {
    content: "ï€§"
}

.fa-volume-off:before {
    content: "ï€¦"
}

.fa-volume-up:before {
    content: "ï€¨"
}

.fa-vuejs:before {
    content: "ïŸ"
}

.fa-walking:before {
    content: "ï•”"
}

.fa-wallet:before {
    content: "ï••"
}

.fa-warehouse:before {
    content: "ï’”"
}

.fa-weebly:before {
    content: "ï—Œ"
}

.fa-weibo:before {
    content: "ï†Š"
}

.fa-weight:before {
    content: "ï’–"
}

.fa-weight-hanging:before {
    content: "ï—"
}

.fa-weixin:before {
    content: "ï‡—"
}

.fa-whatsapp:before {
    content: "ïˆ²"
}

.fa-whatsapp-square:before {
    content: "ïŒ"
}

.fa-wheelchair:before {
    content: "ï†“"
}

.fa-whmcs:before {
    content: "ï"
}

.fa-wifi:before {
    content: "ï‡«"
}

.fa-wikipedia-w:before {
    content: "ï‰¦"
}

.fa-window-close:before {
    content: "ï"
}

.fa-window-maximize:before {
    content: "ï‹"
}

.fa-window-minimize:before {
    content: "ï‹‘"
}

.fa-window-restore:before {
    content: "ï‹’"
}

.fa-windows:before {
    content: "ï…º"
}

.fa-wine-glass:before {
    content: "ï“£"
}

.fa-wine-glass-alt:before {
    content: "ï—Ž"
}

.fa-wix:before {
    content: "ï—"
}

.fa-wolf-pack-battalion:before {
    content: "ï””"
}

.fa-won-sign:before {
    content: "ï…™"
}

.fa-wordpress:before {
    content: "ï†š"
}

.fa-wordpress-simple:before {
    content: "ï‘"
}

.fa-wpbeginner:before {
    content: "ïŠ—"
}

.fa-wpexplorer:before {
    content: "ï‹ž"
}

.fa-wpforms:before {
    content: "ïŠ˜"
}

.fa-wrench:before {
    content: "ï‚­"
}

.fa-x-ray:before {
    content: "ï’—"
}

.fa-xbox:before {
    content: "ï’"
}

.fa-xing:before {
    content: "ï…¨"
}

.fa-xing-square:before {
    content: "ï…©"
}

.fa-y-combinator:before {
    content: "ïˆ»"
}

.fa-yahoo:before {
    content: "ï†ž"
}

.fa-yandex:before {
    content: "ï“"
}

.fa-yandex-international:before {
    content: "ï”"
}

.fa-yelp:before {
    content: "ï‡©"
}

.fa-yen-sign:before {
    content: "ï…—"
}

.fa-yoast:before {
    content: "ïŠ±"
}

.fa-youtube:before {
    content: "ï…§"
}

.fa-youtube-square:before {
    content: "ï±"
}

.fa-zhihu:before {
    content: "ï˜¿"
}

.sr-only {
    border: 0;
    clip: rect(0,0,0,0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.sr-only-focusable:active,.sr-only-focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto
}

@font-face {
    font-family: 'Font Awesome 5 Brands';
    font-style: normal;
    font-weight: normal;
    src: url("../webfonts/fa-brands-400d41d.eot?");
    src: url("../webfonts/fa-brands-400d41d.eot?#iefix") format("embedded-opentype"),url("../webfonts/fa-brands-400.woff2") format("woff2"),url("../webfonts/fa-brands-400.woff") format("woff"),url("../webfonts/fa-brands-400.ttf") format("truetype"),url("../webfonts/fa-brands-400.svg#fontawesome") format("svg")
}

.fab {
    font-family: 'Font Awesome 5 Brands'
}

@font-face {
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 400;
    src: url("../webfonts/fa-regular-400d41d.eot?");
    src: url("../webfonts/fa-regular-400d41d.eot?#iefix") format("embedded-opentype"),url("../webfonts/fa-regular-400.woff2") format("woff2"),url("../webfonts/fa-regular-400.woff") format("woff"),url("../webfonts/fa-regular-400.ttf") format("truetype"),url("../webfonts/fa-regular-400.svg#fontawesome") format("svg")
}

.far {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

@font-face {
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 900;
    src: url("../webfonts/fa-solid-900d41d.eot?");
    src: url("../webfonts/fa-solid-900d41d.eot?#iefix") format("embedded-opentype"),url("../webfonts/fa-solid-900.woff2") format("woff2"),url("../webfonts/fa-solid-900.woff") format("woff"),url("../webfonts/fa-solid-900.ttf") format("truetype"),url("../webfonts/fa-solid-900.svg#fontawesome") format("svg")
}

.fa,.fas {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900
}

#userprofile_content {
    display: none;
    z-index: 2;
    width: 1085px;
    height: 710px;
    margin: 0 auto;
    padding: 0;
    border-radius: 3px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: block;
    font-family: 'Arial',Sans Serif
}

#exp_bar {
    position: absolute;
    margin: -35px 0 0 300px
}

#exp_bar .exp_bg {
    background: url('../../images/inventory/mainbtns.png') no-repeat 0 -68px;
    width: 424px;
    height: 53px
}

#exp_bar .exp_line {
    background: url('../../images/inventory/mainbtns.png') no-repeat -54px -156px;
    width: 325px;
    height: 3px;
    margin: -5px 0 0 50px
}

#exp_bar .exp_left {
    background: url('../../images/inventory/mainbtns.png') no-repeat -425px -68px;
    width: 50px;
    height: 52px;
    margin: -50px 0 0 17px
}

#exp_bar .exp_right {
    background: url('../../images/inventory/mainbtns.png') no-repeat -1px -157px;
    width: 52px;
    height: 52px;
    margin: -50px 0 0 355px
}

#hpbar {
    margin-top: 5px;
    margin-left: 5px;
    position: relative;
    font-size: 16px;
    width: 246px;
    height: 89px;
    background-image: url("../../images/inventory/hpbar.png")
}

#hpbar p.name {
    font-size: 12px;
    color: #a59e52;
    padding: 4px 0 0 25px;
    text-shadow: 0 0 5px rgba(0,0,0,.15),1px 1px 1px rgba(0,0,0,1);
    width: 200px
}

#hpbar p.position {
    font-size: 12px;
    color: #c5c3c3;
    padding: 6px 0 0 0;
    text-shadow: 0 0 5px rgba(0,0,0,.15),1px 1px 1px rgba(0,0,0,1);
    text-align: center;
    width: 200px;
    top: -4px
}

#hpbar .bar p {
    font-size: 12px;
    color: #c5c3c3;
    text-shadow: 0 0 5px rgba(0,0,0,.15),1px 1px 1px rgba(0,0,0,1);
    text-align: center;
    top: -4px
}

#hpbar .bar {
    margin: 0 0 0 19px;
    width: 160px
}

#hpbar .redx {
    margin-top: 10px;
    background-image: url("../../images/inventory/red.png");
    width: 100%;
    height: 10px
}

#hpbar .bluex {
    margin-top: 4px;
    background-image: url("../../images/inventory/blue.png");
    width: 100%;
    height: 10px
}

#bottombar {
    margin-top: -14px;
    position: relative;
    font-size: 16px;
    width: 100%;
    height: 33px;
    background-image: url("../../images/inventory/bottom.png")
}

#bottombar .exp {
    width: 300px;
    top: 12px;
    margin-top: 30px;
    font-size: 12px;
    color: #c5c3c3;
    text-shadow: 0 0 5px rgba(0,0,0,.15),1px 1px 1px rgba(0,0,0,1);
    text-align: right
}

#bottombtns {
    float: right;
    margin-top: -25px;
    margin-right: -20px
}

#bottombar .zincir {
    background: url('../../images/inventory/mainbtns.png') no-repeat -109px -160px;
    width: 54px;
    height: 38px;
    margin-top: -15px;
    float: right
}

#bottombar .skillbtn {
    background: url('../../images/inventory/mainbtns.png') no-repeat -281px -210px;
    width: 34px;
    height: 34px;
    float: right
}

#bottombar .skillbtn:hover {
    background: url('../../images/inventory/mainbtns.png') no-repeat -281px -245px
}

#bottombar .skillbtn:active {
    background: url('../../images/inventory/mainbtns.png') no-repeat -281px -280px
}

#bottombar .characterbtn {
    background: url('../../images/inventory/mainbtns.png') no-repeat -246px -210px;
    width: 34px;
    height: 34px;
    float: right
}

#bottombar .characterbtn:hover {
    background: url('../../images/inventory/mainbtns.png') no-repeat -246px -245px
}

#bottombar .characterbtn:active {
    background: url('../../images/inventory/mainbtns.png') no-repeat -246px -280px
}

#bottombar .invbtn {
    background: url('../../images/inventory/mainbtns.png') no-repeat -211px -210px;
    width: 34px;
    height: 34px;
    float: right
}

#bottombar .invbtn:hover {
    background: url('../../images/inventory/mainbtns.png') no-repeat -211px -245px
}

#bottombar .invbtn:active {
    background: url('../../images/inventory/mainbtns.png') no-repeat -211px -280px
}

#bottombar .townbtn {
    background: url('../../images/inventory/mainbtns.png') no-repeat -176px -210px;
    width: 34px;
    height: 34px;
    float: right
}

#bottombar .townbtn:hover {
    background: url('../../images/inventory/mainbtns.png') no-repeat -176px -245px
}

#bottombar .townbtn:active {
    background: url('../../images/inventory/mainbtns.png') no-repeat -176px -280px
}

#buffbar {
    float: right;
    width: 14px;
    height: 30px;
    background: no-repeat url("../../images/inventory/char-buff.png")
}

#buffs {
    float: right;
    height: 32px;
    margin-top: 4px
}

#statebar {
    margin-top: 10px;
    width: 270px;
    height: 510px;
    background: no-repeat url("../../images/inventory/statebar.png");
    position: relative;
    color: #fff;
    font-size: 14px;
    font-weight: normal
}

#statebar_case {
    margin-top: 10px;
    width: 270px;
    height: 510px
}

#statebar .close {
    width: 25px;
    height: 25px;
    float: right;
    margin-right: 7px;
    margin-top: 9px;
    background: url('../../images/inventory/close.png') no-repeat -1px 0;
    width: 27px;
    height: 24px
}

#statebar .close:hover {
    background: url('../../images/inventory/close.png') no-repeat -29px 0
}

#statebar .close:active {
    background: url('../../images/inventory/close.png') no-repeat -57px 0
}

#statebar .state_label {
    position: absolute;
    color: #99997f;
    font-size: 11px;
    text-shadow: 0 0 5px rgba(0,0,0,.15),1px 1px 1px rgba(0,0,0,1)
}

#statebar .state_text {
    position: absolute;
    color: #fff;
    font-size: 11px;
    text-shadow: 0 0 5px rgba(0,0,0,.15),1px 1px 1px rgba(0,0,0,1)
}

#statebar .state_name {
    position: absolute;
    font-size: 12px;
    text-shadow: 0 0 5px rgba(0,0,0,.15),1px 1px 1px rgba(0,0,0,1);
    left: 95px;
    top: 17px;
    color: #fffdef
}

#statebar .state_job {
    position: absolute;
    color: #bebc3f;
    font-size: 12px;
    text-shadow: 0 0 5px rgba(0,0,0,.15),1px 1px 1px rgba(0,0,0,1)
}

#statebar .state_box {
    position: absolute;
    width: 60px;
    position: absolute;
    color: #fff;
    font-size: 11px;
    text-shadow: 0 0 5px rgba(0,0,0,.15),1px 1px 1px rgba(0,0,0,1);
    text-align: center
}

#statebar .buttons {
    float: left;
    margin-top: 52px;
    margin-left: 27px
}

#statebar .btns {
    background: url('../../images/inventory/tabs.png') no-repeat -2px -53px;
    width: 69px;
    height: 29px;
    color: #4d5519;
    font-size: 11px;
    padding-top: 5px;
    text-align: center;
    text-shadow: 1px 0 5px rgba(0,0,0,1);
    float: left
}

#statebar .btns.hover,#statebar .btns:hover {
    background: url('../../images/inventory/tabs.png') no-repeat -80px -12px;
    color: #616b1f
}

#statebar .btns.active,#statebar .btns:active {
    background: url('../../images/inventory/tabs.png') no-repeat -2px -6px;
    width: 69px;
    height: 29px;
    color: #ffe400;
    padding-top: 8px;
    margin-top: -6px
}

#inventory {
    margin-top: -10px;
    background: no-repeat url("../../images/inventory/inventory.png");
    width: 585px;
    height: 523px;
    float: right;
    position: relative;
    color: #fff;
    font-size: 12px;
    font-weight: normal
}

#inventory .corpse_page {
    display: none;
    margin-left: 10px;
    background: no-repeat url("../../images/inventory/inventory2.png");
    width: 178px;
    height: 459px;
    float: left;
    position: relative
}

#inventory .corpse_btn_open:hover {
    background: no-repeat url("../../images/inventory/closeinv.png")
}

#inventory .corpse_btn_close:hover {
    background: no-repeat url("../../images/inventory/openinv.png")
}

#inventory .corpse_btn_close {
    background: no-repeat url("../../images/inventory/closeinv2.png");
    width: 9px;
    height: 141px;
    margin-top: 85px;
    margin-left: 191px;
    float: left;
    z-index: 5;
    cursor: pointer
}

#inventory .corpse_btn_open {
    background: no-repeat url("../../images/inventory/openinv2.png");
    width: 9px;
    height: 141px;
    margin-top: 85px;
    margin-left: 191px;
    float: left;
    z-index: 5;
    cursor: pointer
}

#inventory .close {
    width: 25px;
    height: 25px;
    float: right;
    margin-right: 5px;
    margin-top: 18px;
    background: url('../../images/inventory/close.png') no-repeat -1px 0;
    width: 27px;
    height: 24px
}

#inventory .close:hover {
    background: url('../../images/inventory/close.png') no-repeat -29px 0
}

#inventory .close:active {
    background: url('../../images/inventory/close.png') no-repeat -57px 0
}

#bag1btn,#bag2btn {
    cursor: pointer;
    font-size: 10px;
    text-align: center;
    text-shadow: 0 0 5px rgba(0,0,0,1);
    position: absolute
}

#inventory .bagon {
    width: 49px;
    height: 27px;
    background: no-repeat url('../../images/inventory/bagbtn3.png');
    margin-top: -5px;
    padding-top: 7px;
    color: #ff0
}

#inventory .bagoff {
    width: 49px;
    height: 21px;
    background: no-repeat url('../../images/inventory/bagbtn2.png');
    padding-top: 3px;
    color: #7d7d28
}

#inventory .bagoff:active,#inventory .bagoff:hover {
    width: 49px;
    height: 27px;
    background: no-repeat url('../../images/inventory/bagbtn3.png');
    margin-top: -5px;
    padding-top: 7px;
    color: #ff0
}

#keys {
    z-index: 1000;
    left: 61px;
    top: 8px
}

#hotkey2 {
    width: 440px;
    height: 48px;
    background: no-repeat url("../../images/inventory/skillbar.png")
}

A#hotup,A#hotdown,A#hotpager,A#hotlock,A#hottransform {
    position: absolute;
    cursor: pointer
}

A#hotup {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    margin: 1px 0 0 34px;
    background: url('../../images/inventory/skillbar_btns.png') no-repeat -152px -5px;
    width: 17px;
    height: 16px
}

#num0 {
    z-index: 1000;
    position: absolute;
    width: 10px;
    height: 10px;
    margin: 7px 0 0 52px;
    background: url('../../images/inventory/skillbar_btns.png') no-repeat -12px -81px;
    width: 13px;
    height: 14px
}

#num1 {
    z-index: 1000;
    position: absolute;
    width: 10px;
    height: 10px;
    margin: 7px 0 0 82px;
    background: url('../../images/inventory/skillbar_btns.png') no-repeat -48px -81px;
    width: 13px;
    height: 14px
}

#num2 {
    z-index: 1000;
    position: absolute;
    width: 10px;
    height: 10px;
    margin: 7px 0 0 112px;
    background: url('../../images/inventory/skillbar_btns.png') no-repeat -84px -81px;
    width: 13px;
    height: 14px
}

#num3 {
    z-index: 1000;
    position: absolute;
    width: 10px;
    height: 10px;
    margin: 7px 0 0 142px;
    background: url('../../images/inventory/skillbar_btns.png') no-repeat -120px -81px;
    width: 13px;
    height: 14px
}

#num4 {
    z-index: 1000;
    position: absolute;
    width: 10px;
    height: 10px;
    margin: 7px 0 0 172px;
    background: url('../../images/inventory/skillbar_btns.png') no-repeat -156px -81px;
    width: 13px;
    height: 14px
}

#num5 {
    z-index: 1000;
    position: absolute;
    width: 10px;
    height: 10px;
    margin: 7px 0 0 202px;
    background: url('../../images/inventory/skillbar_btns.png') no-repeat -192px -81px;
    width: 13px;
    height: 14px
}

#num6 {
    z-index: 1000;
    position: absolute;
    width: 10px;
    height: 10px;
    margin: 7px 0 0 232px;
    background: url('../../images/inventory/skillbar_btns.png') no-repeat -228px -81px;
    width: 13px;
    height: 14px
}

#num7 {
    z-index: 1000;
    position: absolute;
    width: 10px;
    height: 10px;
    margin: 7px 0 0 262px;
    background: url('../../images/inventory/skillbar_btns.png') no-repeat -264px -81px;
    width: 13px;
    height: 14px
}

#num8 {
    z-index: 1000;
    position: absolute;
    width: 10px;
    height: 10px;
    margin: 7px 0 0 292px;
    background: url('../../images/inventory/skillbar_btns.png') no-repeat -294px -81px;
    width: 13px;
    height: 14px
}

#num9 {
    z-index: 1000;
    position: absolute;
    width: 10px;
    height: 10px;
    margin: 7px 0 0 322px;
    background: url('../../images/inventory/skillbar_btns.png') no-repeat -339px -81px;
    width: 13px;
    height: 14px
}

A#hotdown {
    margin: 23px 0 0 32px;
    background: url('../../images/inventory/skillbar_btns.png') no-repeat -152px -5px;
    width: 17px;
    height: 16px
}

A#hottransform {
    margin: 11px 0 0 361px;
    background: url('../../images/inventory/skillbar_btns.png') no-repeat -4px -52px;
    width: 21px;
    height: 19px
}

A#hottransform:hover {
    background: url('../../images/inventory/skillbar_btns.png') no-repeat -37px -52px;
    width: 24px;
    height: 19px
}

A#hottransform:active {
    background: url('../../images/inventory/skillbar_btns.png') no-repeat -73px -52px;
    width: 22px;
    height: 18px
}

A#hotlock {
    margin: 3px 0 0 349px;
    background: url('../../images/inventory/skillbar_btns.png') no-repeat -81px -5px;
    width: 18px;
    height: 34px
}

A#hotlock:hover {
    background: url('../../images/inventory/skillbar_btns.png') no-repeat -105px -5px;
    width: 18px;
    height: 34px
}

A#hotlock:active {
    background: url('../../images/inventory/skillbar_btns.png') no-repeat -128px -5px;
    width: 18px;
    height: 34px
}

A#hotpager {
    margin: 3px 0 0 20px;
    background: url('../../images/inventory/skillbar_btns.png') no-repeat -7px -4px;
    width: 18px;
    height: 35px
}

A#hotpager:hover {
    background: url('../../images/inventory/skillbar_btns.png') no-repeat -30px -4px;
    width: 19px;
    height: 35px
}

A#hotpager:active {
    background: url('../../images/inventory/skillbar_btns.png') no-repeat -53px -4px;
    width: 18px;
    height: 35px
}

A#hotup:hover {
    background: url('../../images/inventory/skillbar_btns.png') no-repeat -152px -30px;
    width: 17px;
    height: 16px
}

A#hotup:active {
    background: url('../../images/inventory/skillbar_btns.png') no-repeat -152px -54px;
    width: 17px;
    height: 16px
}

A#hotdown:hover {
    background: url('../../images/inventory/skillbar_btns.png') no-repeat -152px -30px;
    width: 17px;
    height: 16px
}

A#hotdown:active {
    background: url('../../images/inventory/skillbar_btns.png') no-repeat -152px -54px;
    width: 17px;
    height: 16px
}

#hotnum {
    color: #acffac;
    position: absolute;
    left: 38px;
    top: 15px;
    width: 10px;
    font-size: 9px
}

A.hicon {
    position: absolute;
    background-repeat: no-repeat;
    width: 32px;
    height: 32px;
    cursor: pointer
}

A.h0 {
    left: -9px
}

A.h1 {
    left: 21px
}

A.h2 {
    left: 52px
}

A.h3 {
    left: 82px
}

A.h4 {
    left: 112px
}

A.h5 {
    left: 143px
}

A.h6 {
    left: 173px
}

A.h7 {
    left: 202px
}

A.h8 {
    left: 233px
}

A.h9 {
    left: 263px
}

#loaditems {
    z-index: 10;
    position: absolute
}

#items_v2 {
    margin-left: 62px;
    margin-top: 24px
}

#items_v2 DIV,#items_v2 IMG {
    position: absolute;
    width: 38px;
    height: 38px;
    background-size: 38px 38px
}

#items_v2 .itemcount {
    font-size: 11px;
    color: #fff;
    text-align: left;
    top: 21px;
    left: 3px;
    text-shadow: 0 0 5px rgba(0,0,0,1)
}

#item_v2 h1,#item_v2 h2,#item_v2 h3,#item_v2 h4,#item_v2 li {
    padding: 0
}

#item_v2 h1 {
    text-align: center;
    font-size: 13px;
    font-weight: bold
}

#item_v2 h2 {
    text-align: center;
    font-size: 12px
}

#item_v2 h3 {
    text-align: center;
    color: #dbdcdb;
    font-size: 12px
}

#item_v2 h4 {
    text-align: center;
    color: #dbdcdb;
    font-size: 12px
}

#item_v2 ul li {
    text-align: left;
    color: #dbdcdb;
    font-size: 10px
}

#item_v2 ul {
    list-style-type: none
}

#item_v2 .type_4 {
    color: #c3b170
}

#item_v2 .type_3 {
    color: #70dd02
}

#item_v2 .type_12 {
    color: #ffad4d
}

#item_v2 .type_11 {
    color: #ff83a6
}

#item_v2 .type_0 {
    color: #dbdcdb
}

#item_v2 .type_0 {
    color: #dbdcdb
}

#item_v2 .type_1 {
    color: #8080ff
}

#item_v2 .type_2 {
    color: #ff0
}

#item_v2 .type_equipped {
    color: #eaf50c;
    text-align: center
}

#item_v2 .type_unequipped {
    color: #969696;
    text-align: center
}

#item_v2 .type_setname {
    color: #cdc300;
    text-align: center
}

#item_v2 .type_5 {
    color: #c87cc7
}

#item_v2 .type_setitem {
    color: #d20000
}

#item_v2 .type_6 {
    color: #19ffff
}

#item_v2 .type_7 {
    color: #c87cc7
}

#item_v2 .type_8 {
    color: #04e0b3
}

#item_v2 .type_9 {
    color: #f00;
    text-align: center
}

.binded {
    background: url("../../images/inventory/binded.png") 0 0 no-repeat;
    background-size: 36px 36px
}

.sealed {
    background-color: rgba(76,142,233,.3)
}

.rented {
    background-color: rgba(244,241,27,.3)
}

.dublicated {
    background-color: rgba(0,0,0,.3)
}

#userprofile_content #error {
    display: none;
    text-align: center;
    vertical-align: middle;
    position: relative;
    top: 40%;
    padding: 20px;
    color: #80bd53;
    font-size: 13px;
    text-shadow: 1px 1px 1px rgba(0,0,0,.25);
    border: 1px solid rgba(0,0,0,.35);
    border-radius: 3px;
    box-shadow: inset 0 1px 0 rgba(194,181,132,.05),inset 0 0 3px rgba(255,255,255,.02),0 0 10px rgba(0,0,0,.25);
    background: rgba(0,0,0,.6)
}

#search_user {
    position: absolute;
    margin-left: 140px;
    margin-top: 50px
}

.widget {
    width: 400px;
    margin-top: 30px;
    margin-left: 170px
}

.search-form,.search-form-product {
    position: relative
}

.search-form input[type=search],.search-form-product input[type=search] {
    z-index: 9998;
    display: block;
    padding: 10px 30px 10px 15px;
    width: 100%;
    outline: 0;
    height: 45px;
    color: #bebc3f;
    padding: 6px 8px;
    font-size: 12px;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-shadow: inset 0 0 0 2px #0f0f0f,0 2px 0 0 #0a0a0a,0 0 8px 0 #101010;
    -webkit-box-shadow: inset 0 0 0 2px #0f0f0f,0 2px 0 0 #0a0a0a,0 0 8px 0 #101010;
    font-family: 'PT Sans Caption',sans-serif;
    text-shadow: 0 2px 0 rgba(0,0,0,.4);
    border-width: 1px;
    border-style: solid;
    border-color: #434e35;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    background-color: rgba(29,34,14,.95);
    transition: color .3s ease-in-out,border-color .3s ease-in-out;
    -o-transition: color .3s ease-in-out,border-color .3s ease-in-out;
    -ms-transition: color .3s ease-in-out,border-color .3s ease-in-out;
    -moz-transition: color .3s ease-in-out,border-color .3s ease-in-out;
    -webkit-transition: color .3s ease-in-out,border-color .3s ease-in-out;
    border-radius: 35px;
    text-indent: 10px
}

.search_result {
    float: left;
    z-index: 9997;
    width: 320px !important;
    height: auto;
    margin-top: 1px;
    margin-left: 40px;
    display: block;
    padding: 10px 30px 10px 15px;
    outline: 0;
    color: #bebc3f;
    padding: 6px 8px;
    font-size: 12px;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-shadow: inset 0 0 0 2px #0f0f0f,0 2px 0 0 #0a0a0a,0 0 8px 0 #101010;
    -webkit-box-shadow: inset 0 0 0 2px #0f0f0f,0 2px 0 0 #0a0a0a,0 0 8px 0 #101010;
    font-family: 'PT Sans Caption',sans-serif;
    text-shadow: 0 2px 0 rgba(0,0,0,.4);
    border-width: 1px;
    border-style: solid;
    border-color: #434e35;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    background-color: rgba(13,16,3,.95);
    transition: color .3s ease-in-out,border-color .3s ease-in-out;
    -o-transition: color .3s ease-in-out,border-color .3s ease-in-out;
    -ms-transition: color .3s ease-in-out,border-color .3s ease-in-out;
    -moz-transition: color .3s ease-in-out,border-color .3s ease-in-out;
    -webkit-transition: color .3s ease-in-out,border-color .3s ease-in-out;
    border-top-style: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
    text-indent: 10px;
    display: none
}

.search_result .result_not_exists {
    text-align: center;
    color: #879479;
    font-size: 11px
}

.search-form .search-submit,.search-form-product .search-submit {
    z-index: 9999;
    position: absolute;
    right: 15px;
    top: 50%;
    border: 0;
    background: 0 0;
    color: #fff;
    outline: 0;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 14px;
    color: #bebc3f
}

.search-form .screen-reader-text,.search-form-product .screen-reader-text {
    clip: rect(1px,1px,1px,1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important
}

.search-form ::placeholder {
    color: #bebc3f;
    opacity: 1;
    text-indent: 10px
}

.search-form :-ms-input-placeholder {
    color: #bebc3f;
    text-indent: 10px
}

.search-form ::-ms-input-placeholder {
    color: #bebc3f;
    text-indent: 10px
}

#userprofile_content #hpbar * {
    font-family: Verdana !important;
    font-size: 11px !important
}

.profile_error {
    width: 100%;
    height: 60px;
    background: #040404a3;
    border: 1px solid #23211a;
    top: 300px
}

.profile_error h1 {
    text-align: center;
    line-height: 60px;
    font-family: 'Ebrima';
    font-weight: bold;
    font-size: 15px;
    color: #bdbcbc;
    text-transform: uppercase;
    text-shadow: 1px 1px 1px rgba(0,0,0,.25),0 0 6px rgba(0,0,0,.25)
}

.SearchUserResult {
    width: 290px !important;
    margin-left: 10px !important
}

.swal2-popup {
    box-shadow: inset 0 0 0 1px rgba(255,255,190,.17),0 0 3px 0 #000,0 0 30px 0 #000 !important;
    -moz-box-shadow: inset 0 0 0 1px rgba(255,255,190,.17),0 0 3px 0 #000,0 0 30px 0 #000 !important;
    -webkit-box-shadow: inset 0 0 0 1px rgba(255,255,190,.17),0 0 3px 0 #000,0 0 30px 0 #000 !important;
    border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    background-color: #141414 !important
}

.swal2-popup .swal2-styled.swal2-confirm {
    color: #979797 !important;
    padding: 7px 10px 4px 10px !important;
    font-size: 12px !important;
    box-sizing: border-box !important;
    -o-box-sizing: border-box !important;
    -ms-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    -webkit-box-sizing: border-box !important;
    box-shadow: inset 0 0 0 2px #0f0f0f,0 2px 0 0 #0a0a0a,0 0 8px 0 #101010 !important;
    -moz-box-shadow: inset 0 0 0 2px #0f0f0f,0 2px 0 0 #0a0a0a,0 0 8px 0 #101010 !important;
    -webkit-box-shadow: inset 0 0 0 2px #0f0f0f,0 2px 0 0 #0a0a0a,0 0 8px 0 #101010 !important;
    font-family: 'PT Sans Caption',sans-serif !important;
    text-shadow: 0 2px 0 rgba(0,0,0,.4) !important;
    border-width: 1px !important;
    border-style: solid !important;
    border-color: #3e3e3e !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    background-color: #191919 !important;
    transition: color .3s ease-in-out,border-color .3s ease-in-out !important;
    -o-transition: color .3s ease-in-out,border-color .3s ease-in-out !important;
    -ms-transition: color .3s ease-in-out,border-color .3s ease-in-out !important;
    -moz-transition: color .3s ease-in-out,border-color .3s ease-in-out !important;
    -webkit-transition: color .3s ease-in-out,border-color .3s ease-in-out !important
}