* {
    padding: 0;
    margin: 0;
    position: relative;
    outline: none;
    list-style: none;
    outline: none
}

body,
html {
    padding: 0;
    margin: 0;
    font-family: noto sans, sans-serif;
    color: #fff;
    font-size: 14px;
    height: 100%
}

center {
    height: 100%
}

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

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

a:hover {
    color: #fff
}

form .row {}

form .textarea-row {
    height: auto
}

.row-fix {
    width: 550px !important
}

form .row label {
    height: 26px;
    float: left;
    display: block;
    font-weight: 400;
    font-size: 14px;
    color: #e1e4e6;
}

input[type=text],
input[type=password],
input[type=number] {
    font-size: 14px;
    color: #d6d9dc;
    border: none;
    height: 32px;
    padding: 0 10px 2px;
    background: #0c151a;
    border: 1px solid #36444e;
    transition: all 300ms;
    -moz-transition: all 300ms;
    -webkit-transition: all 300ms;
    -o-transition: all 300ms;
    border-radius: 0;
}

*::-webkit-input-placeholder {
    color: #564b41
}

*:-moz-placeholder {
    color: #564b41
}

*:-ms-input-placeholder {
    color: #564b41
}

form .row input[type=text],
form .row input[type=password],
textarea,
.customfile {
    float: right
}

input[type=text]:focus,
input[type=password]:focus {
    color: #6d5c4e;
    background: rgba(0, 0, 0, .3);
    box-shadow: inset 1px 1px 2px rgba(0, 0, 0, .25), inset 0 0 6px rgba(255, 166, 61, .04), 1px 1px 0 rgba(54, 45, 40, .25)
}

input[type=text].whrong,
input[type=password].whrong {
    box-shadow: inset 0 0 3px rgba(0, 0, 0, .2), inset 0 1px 1px rgba(0, 0, 0, .4), 0 1px 0 rgba(255, 255, 255, .02), 0 0 6px rgba(255, 0, 0, .2)
}

input[type=text].whrong:focus,
input[type=password].whrong:focus {
    box-shadow: inset 0 0 3px rgba(0, 0, 0, .2), inset 0 1px 1px rgba(0, 0, 0, .4), 0 1px 0 rgba(255, 255, 255, .02), 0 0 9px rgba(255, 0, 0, .25), inset 0 0 4px rgba(255, 255, 255, .05)
}

input[type=text].success,
input[type=password].success {
    box-shadow: inset 0 0 3px rgba(0, 0, 0, .2), inset 0 1px 1px rgba(0, 0, 0, .4), 0 1px 0 rgba(255, 255, 255, .02), 0 0 6px rgba(0, 255, 0, .15)
}

input[type=text].success:focus,
input[type=password].success:focus {
    box-shadow: inset 0 0 3px rgba(0, 0, 0, .2), inset 0 1px 1px rgba(0, 0, 0, .4), 0 1px 0 rgba(255, 255, 255, .02), 0 0 9px rgba(0, 255, 0, .2), inset 0 0 4px rgba(255, 255, 255, .05)
}

textarea {
    resize: none !important;
    font-size: 14px;
    color: #40342e;
    border: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    width: auto;
    height: auto;
    padding: 10px;
    background: rgba(0, 0, 0, .2);
    box-shadow: inset 1px 1px 2px rgba(0, 0, 0, .25), inset 0 0 10px rgba(0, 0, 0, .1), 1px 1px 0 rgba(54, 45, 40, .25);
    transition: all 300ms;
    -moz-transition: all 300ms;
    -webkit-transition: all 300ms;
    -o-transition: all 300ms
}

textarea:focus {
    box-shadow: inset 0 0 3px rgba(0, 0, 0, .2), inset 0 1px 1px rgba(0, 0, 0, .4), 0 1px 0 rgba(255, 255, 255, .04), 0 0 7px rgba(255, 255, 102, .05), inset 0 0 4px rgba(255, 255, 255, .05)
}

.row textarea {
    width: 290px
}

input[type=submit],
.simple_button {
    width: auto;
    height: 36px;
    border: none;
    cursor: pointer;
    line-height: 0;
    text-transform: capitalize;
    padding: 0 17px 2px 21px;
    vertical-align: top;
    margin: 2px 0 0;
    background: url(../images/submit_gradient.jpg?v=0.0.2) repeat-x;
    font-size: 13px;
    color: #b08652;
    text-transform: uppercase;
    font-weight: 700;
    border-radius: 3px;
    transition: all 500ms;
    -moz-transition: all 500ms;
    -webkit-transition: all 500ms;
    -o-transition: all 500ms;
    color: #b08646
}

input[type=submit]:hover,
.simple_button:hover {
    color: #ffbf6f;
    background: url(../images/submit_gradient_hover.jpg?v=0.0.2) repeat-x;
    text-shadow: 0 0 3px rgba(255, 203, 103, .25), 0 1px 2px rgba(0, 0, 0, .55)
}

input[type=submit].simple,
.simple_button {
    height: 34px;
    color: #886f52;
    background: rgba(31, 23, 20, .93);
    box-shadow: inset 0 2px 0 rgba(66, 56, 47, .25), 0 0 7px rgba(0, 0, 0, .35), 0 1px 2px rgba(0, 0, 0, .4);
    text-shadow: 0 0 6px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .55);
    margin: 0 0 0 11px
}

input[type=submit].simple:hover,
.simple_button:hover {
    color: #c6aa89;
    background: #271f1a;
    text-shadow: 0 0 6px rgba(175, 150, 121, .25), 0 1px 2px rgba(0, 0, 0, .55)
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.clearfix {
    display: inline-block
}

html[xmlns] .clearfix {
    display: block
}

* html .clearfix {
    height: 1%
}

.human-test {
    width: 490px;
    background: rgba(255, 255, 255, .03);
    border-radius: 4px;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .015), 0 0 5px rgba(0, 0, 0, .4), inset 0 1px 0 rgba(255, 255, 255, .025);
    text-align: left;
    margin: 30px 0;
    padding: 0 0 10px;
    text-shadow: 0 0 4px rgba(0, 0, 0, .5);
    overflow: hidden
}

.human-test h3 {
    padding: 7px 0 0 11px;
    font-family: ropa sans, sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #000;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, .04);
    z-index: 2
}

.human-test a#newq {
    display: block;
    position: absolute;
    top: 8px;
    right: 10px;
    font-weight: 700;
    font-size: 11px;
    z-index: 2
}

.human-test #question-hodlder {
    margin: 8px 10px 0;
    padding: 10px;
    background: rgba(0, 0, 0, .2);
    border-radius: 4px;
    z-index: 2
}

.human-test #question-hodlder input {
    width: 430px;
    background: rgba(0, 0, 0, .5)
}

.human-test #question-hodlder input:focus {
    box-shadow: inset 0 0 5px #000, 0 0 5px rgba(0, 0, 0, .4), 0 1px 0 rgba(255, 255, 255, .08);
    background: rgba(0, 0, 0, .3);
    color: #b07e39;
    box-shadow: inset 0 0 0 1px #b07e39, inset 0 0 0 1px rgba(255, 255, 255, .015), 0 0 5px rgba(0, 0, 0, .4), inset 0 1px 0 rgba(255, 255, 255, .025), 0 0 30px rgba(0, 0, 0, .5)
}

.human-test #captcha-question {
    display: block;
    width: 100%;
    padding: 0 0 8px 1px;
    color: #938677;
    font-weight: 700
}

input[type=submit]::-moz-focus-inner,
input[type=button]::-moz-focus-inner {
    border: 0
}

input[type=submit]:focus,
input[type=button]:focus {
    outline: none
}

form .seperator {
    width: 100%;
    height: 1px;
    left: 3px;
    margin: 18px auto;
    background: rgb(40 56 68);
    clear: both;
}

.membership-bar .search input[type=submit],
.title_latest_news,
.realmst_head .online,
.realmst_head .offline,
.realmst_head .more_rinfo,
#footer .left-side a.dmca,
#footer td a.dmca,
.logged_in_bar .acc-menu li a span,
.logged_in_bar .acc-menu li a p,
.logged_in_bar .avatar span,
.logged_in_bar .info .coints span#gold_c div,
.logged_in_bar .info .coints span#silver_c div,
.logged_in_bar .info .messages a span.icon,
.g-coin,
.s-coin,
.store-complete .items-list li p.success-i em,
.store-complete .items-list li p.fail-i em,
li.login-home a span,
li.login-home a p,
li.register-home a span,
li.register-home a p,
.new-design-left-part p.icon,
.new-design-count-cont p.arrow,
.logged_in_bar .info .won-a-charcater-ico a span#icon,
.logged_in_bar .info .won-a-charcater-ico a p#icon,
.recruit-link a,
.tele-back-btn a,
#TpTooltip .tp-tooltip-inner #arrow,
.vote-now-ico a span#icon,
.vote-now-ico a p#icon,
.logged_in_bar_bg {
    background-image: url(../images/misc_main.png?v=0.0.2);
    background-repeat: no-repeat;
    background-color: transparent
}

.clear {
    clear: both
}

/*
#header {
    width: 100%;
    height: 350px;
    position: relative;
    z-index: 10;
    background-image: url(../n-images/header.jpg);
    background-position: center center;
    background-repeat: no-repeat
}

#header::before {
    content: "";
    background: #fff;
    background: -moz-linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 70%);
    background: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 70%);
    background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 70%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#ffffff", GradientType=1);
    position: absolute;
    width: 100%;
    height: 100%
}*/

#header .holder {
    width: auto;
    height: 64px;
    margin: auto;
   
}

#header .top-navigation {
    float: left;
    width: 1005px;
    height: 64px;
    z-index: 10;
    text-align: center
}

.logo {
    display: grid;
    text-align: center;
    place-items: center;
    height: 270px;
    width: 100%
}

.logo img {
    display: block;
    width: 380px;
    margin: auto
}

.logo strong {
    background: #ffffff38;
    padding: 5px 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-top: 10px;
    display: inline-block;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 5px
}

#header .top-navigation li {
    display: inline-block;
    margin-right: 0;
    padding: 0;
    background: 0 0
}

#header .top-navigation li a {
    display: block;
    line-height: 63px;
    text-transform: uppercase;
    color: #fff !important;
    padding: 0 10px;
    text-shadow: 1px 1px 0 #000;
    font-size: 16px;
    font-weight: 700
}

.top-navigation li #home p {
    width: 154px;
    background-position: -60px -227px
}

.top-navigation li #forums p {
    width: 152px;
    background-position: -214px -227px
}

.top-navigation li #media p {
    width: 134px;
    background-position: -366px -227px
}

.top-navigation li#logo p {
    width: 118px
}

.top-navigation li #features p {
    width: 149px;
    background-position: -618px -227px
}

.top-navigation li#support p {
    width: 145px;
    background-position: -767px -227px;
    cursor: pointer
}

.top-navigation li #goal p {
    width: 148px;
    background-position: -912px -227px
}

#header .top-navigation li a:hover p,
#header .top-navigation li:hover p {
    opacity: 1;
    visibility: visible;
    transition-delay: 0s;
    -moz-transition-delay: 0s;
    -webkit-transition-delay: 0s
}

.top-navigation li#logo a,
.top-navigation li#logo p {
    transition: none;
    background: 0 0;
    background-image: none !important
}

.top-navigation li#logo a:hover {
    opacity: 0
}

.top-navigation li div.nddm-holder {
    position: absolute;
    width: 300px;
    height: 200px;
    left: -53%;
    top: 57px;
    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;
    opacity: 0;
    display: none
}

.top-navigation li .features div.navi-dropdown {
    left: 8%
}

.top-navigation li .media div.navi-dropdown {
    left: -2%
}

.top-navigation li:hover div.nddm-holder {
    height: 320px;
    opacity: 1;
    display: block
}

.top-navigation li div.navi-dropdown {
    width: auto;
    height: auto;
    border-radius: 5px;
    box-shadow: inset 0 0 20px rgba(255, 255, 255, .05), 0 0 15px rgba(0, 0, 0, .7);
    border: #32251a 1px solid;
    top: 21px
}

.top-navigation li div.navi-dropdown span {
    height: 30px;
    display: block;
    text-align: left;
    background: url(../images/drop-down-sep.png?v=0.0.2) no-repeat bottom center
}

.top-navigation li div.navi-dropdown span:last-child {
    background: 0 0
}

.top-navigation li div.navi-dropdown span a {
    line-height: 30px !important;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #1f150e
}

.top-navigation li div.navi-dropdown span a:hover {
    color: #caa55d;
    background: #424242
}

.title_overlay {
    display: block;
    height: 20px;
    width: 205px;
    position: absolute;
    pointer-events: none
}

.main_a_holder {
    width: 100%;
    height: auto
}

.main_b_holder {
    width: 100%;
    height: auto;
    overflow: hidden
}

.sec_b_holder {
    width: 100%;
    height: auto;
    overflow: hidden
}

.space-fix {
    width: px;
    height: 66px
}

.content_holder {
    width: 1000px;
    height: auto;
    padding: 0;
    overflow: hidden
}

.main_side {
    width: 100%;
    max-width: 670px;
    float: left
}

.sidebar {
    width: 100%;
    max-width: 330px;
    padding: 0 0 0 12px;
    float: left
}

.container {
    width: auto;
    height: auto;
    background: url(../images/texture_one.gif) repeat;
    box-shadow: 0 0 6px #000, 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;
    color: #3a3a39;
    text-shadow: 0 1px 0 #000, 0 0 6px #000;
    overflow: hidden
}

.light_normal {
    width: auto;
    height: auto;
    background: url(../images/light_2_r.png?v=0.0.2) repeat-x
}

.container5 {
    width: auto;
    height: auto;
    background: url(../images/index_news_container.png?v=0.0.2) repeat;
    box-shadow: 0 0 6px #000, 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;
    color: #3a3a39;
    text-shadow: 0 1px 0 #000, 0 0 6px #000;
    overflow: hidden
}

.light_normal5 {
    width: auto;
    height: auto;
    background: url(../images/light_2_r.png?v=0.0.2) repeat-x
}

.container_frame {
    background: #000;
    box-shadow: inset 0 0 0 1px #392f21, 0 0 6px #000;
    padding: 2px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
    transition: all 600ms;
    -webkit-transition: all 600ms;
    -moz-transition: all 600ms;
    -o-transition: all 600ms
}

.container_frame:hover {
    box-shadow: inset 0 0 0 1px #b07e39, 0 0 6px #000
}

.cframe_inner {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden;
    display: block;
    background-size: 105%
}

.container_2 {
    width: 1000px;
    height: auto
}

.container_3 {
    width: 633px;
    height: auto;
    min-height: 40px;
    z-index: 1
}

.container_roulette2 {
    width: 633px;
    height: auto;
    min-height: 40px;
    background: #0e0a07;
    box-shadow: 0 0 4px #0d0908, 0 1px 1px rgba(2, 3, 4, .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;
    padding: 35px 0 25px;
    z-index: 1
}

div.gradient {
    z-index: 1;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.04)), color-stop(100%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0) 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(top, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33d5c194', endColorstr='#00d5c194', GradientType=0);
    box-shadow: inset 0 -36px 0 rgba(0, 0, 0, .2)
}

.d-cont {
    width: 900px;
    height: auto;
    background: rgba(0, 0, 0, .35);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 10px 0 10px 15px;
    box-shadow: inset 0 0 7px rgba(0, 0, 0, .6), 0 0 0 1px rgba(255, 255, 255, .01);
    text-shadow: 0 0 5px #000;
    margin-left: 30px
}

.sub-page-title {
    width: 980px;
    height: 125px;
    margin-left: -20px
}

.sub-page-title #title {
    display: block;
    float: left;
    height: 39px;
    margin: 21px 0 0 20px
}

.sub-page-title #title h1 {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 34px;
    color: #d2c8ae;
    text-shadow: 0 0 8px rgba(0, 0, 0, .35), 1px 1px 1px rgba(0, 0, 0, .25);
    margin: 15px 0 0 30px;
    height: 34px;
    padding: 0;
    line-height: 125%
}

.sub-page-title #title h1 p {
    width: 100%;
    height: 30px;
    position: absolute;
    top: 10px;
    right: 0
}

.sub-page-title #title h1 span {
    width: 100%;
    height: 30px;
    position: absolute;
    top: 10px;
    right: 0
}

.footer-holder {
    width: 100%;
    height: auto
}

.bot-foot-border {
    width: 100%;
    height: 30px;
    position: absolute;
    top: 102px;
    background: #180f0b;
    box-shadow: 0 0 3px #000, 0 0 0 1px #000, inset 0 0 6px rgba(0, 0, 0, .7), inset 0 0 3px rgba(255, 255, 255, .2);
    z-index: 1;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 7px 0 0;
    font-size: 11px;
    font-weight: 700;
    color: #55493f;
    text-transform: uppercase
}

.bot-foot-border a {
    color: #7b5b3e
}

.bot-foot-border a:hover {
    color: #42342a
}

#footer {
    width: 980px;
    padding: 20px 0 0;
    color: #313130;
    z-index: 90
}

#footer .left-side {
    float: left;
    padding: 0 0 0;
    margin: -25px 0 0
}

#footer .left-side a.dmca {
    display: block;
    width: 66px;
    height: 65px;
    float: left;
    text-indent: -999999px;
    background-position: 0 -149px
}

#footer .left-side a.dmca:hover {
    background-position: -66px -149px
}

#footer .left-side p {
    float: left;
    text-align: left;
    padding: 11px 0 0 0;
    color: #4a4035;
    line-height: 150%;
    font-size: 11px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .55)
}

#footer .left-side p b {
    color: #656056
}

#footer .right-side {
    float: right;
    margin: -10px 0 0
}

#footer .right-side ul {
    float: right;
    text-align: left;
    padding: 0 0 0 40px
}

#footer .right-side ul li {
    display: block;
    margin: 0 0 2px
}

#footer .right-side ul li a {
    font-size: 11px;
    text-transform: uppercase;
    color: #4a4035
}

#footer .right-side ul li a:hover {
    color: #99652e
}

#image_header {
    width: 100%;
    height: auto;
    top: 0;
    overflow: hidden
}

.slider {
    width: 100%;
    height: 428px
}

#html5-video {
    height: 394px
}

.sub_head_image {
    width: 100%;
    height: 250px
}

.sub_head_image div {
    width: 1600px;
    height: 250px;
    background-position: bottom;
    background-repeat: no-repeat
}

.home_container {
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px
}

.social-media {
    width: 671px;
    height: 48px;
    margin: 0 0 12px;
    overflow: hidden
}

.social-media div.gradient {
    width: 700px;
    height: 70px;
    position: absolute;
    top: -10px;
    z-index: 1
}

.media-buttons-holder {
    z-index: 2
}

.media-wrapp {
    float: left;
    height: 37px;
    padding: 8px 11px 0;
    background: url(../images/social_separator.png?v=0.0.2) no-repeat right bottom;
    top: 1px
}

.media-wrapp-no-sep {
    background: 0 0
}

.media-button-holder {
    display: inline-block;
    height: 26px;
    width: auto;
    margin: 2px 0 0 1px
}

.media-new-design {
    height: 26px;
    width: auto
}

.new-design-left-part {
    display: inline-block;
    height: 26px;
    line-height: 100%;
    vertical-align: top;
    z-index: 1
}

.new-design-left-part p.icon {
    width: 26px;
    height: 26px;
    display: inline-block;
    vertical-align: top;
    margin: 1px 0 0 1px
}

.new-design-left-part span {
    display: inline-block;
    padding: 3px 0 0;
    font-size: 12px;
    font-weight: 300;
    color: #514435;
    margin: 4px 30px 0 9px
}

.button-container {
    display: inline-block;
    height: 26px;
    overflow: hidden
}

.new-design-count-cont {
    display: inline-block;
    height: 20px;
    width: auto;
    line-height: 100%;
    vertical-align: top;
    margin: 4px 30px 0 9px
}

.new-design-count-cont span {
    display: inline-block;
    padding: 3px 0 0;
    font-size: 12px;
    font-weight: 700;
    color: #7a6d5e
}

.new-design-count-cont span#text {
    font-weight: 300;
    color: #514435
}

.facebook .button-container {
    width: 26px
}

.facebook .fb-like {
    position: absolute;
    top: -3px;
    left: 0;
    z-index: 10;
    opacity: 0
}

.facebook .fb-active-hotfix {
    margin: 4px 0 0;
    width: 48px
}

.facebook p.icon {
    background-position: -291px -120px
}

.facebook p.icon.active {
    background-position: -291px -120px
}

.twitter .button-container {
    width: 26px
}

.twitter .twitter-follow-button {
    position: absolute;
    top: -3px;
    left: 0;
    z-index: 10;
    opacity: 0
}

.twitter .twitter-active-hotfix {
    margin: 4px 0 0;
    width: 60px
}

.twitter p.icon {
    background-position: -327px -120px
}

.twitter p.icon.active {
    background-position: -327px -120px
}

.google-plus p.icon {
    background-position: -35px -120px
}

.youtube p.icon {
    background-position: -363px -120px
}

.realmlist {
    font-size: 14px;
    text-align: center;
    margin: 0 0 12px;
    width: auto;
    height: auto;
    color: #52493f;
    background: rgb(230 230 230);
    border: 1px solid #fff
}

.realmlist p {
    padding: 12px 0 13px
}

.realm_st {
    width: auto;
    height: 69px;
    overflow: hidden;
    margin-top: -2px
}

.realm_st:first-child {
    margin-top: 0 !important
}

.realm_st_wotlk {
    background: url(../images/realm_bg_wotlk.png?v=0.0.2) no-repeat
}

.realm_st_pandaria {
    background: url(../images/realm_bg_pandaria.png?v=0.0.2) no-repeat
}

.realm_st_cataclysm {
    background: url(../images/realm_bg_cata.png?v=0.0.2) no-repeat
}

.realm_st a {
    display: block;
    border-radius: 5px 5px 0 0;
    top: 1px;
    left: 1px;
    width: 297px;
    height: 66px;
    transition: all 400ms;
    -moz-transition: all 400ms;
    -webkit-transition: all 400ms;
    -o-transition: all 400ms
}

.realm_st a:hover {
    background: rgba(255, 255, 255, .03)
}

.realmst_head {
    height: 49px;
    padding: 13px 0 0 5px
}

.realmst_head .realm_name {
    font-size: 14px;
    color: #968166;
    font-weight: 700;
    padding: 0 0 0 35px;
    text-shadow: 0 0 5px rgba(0, 0, 0, .15), 1px 1px 1px #000
}

.realmst_head p {
    padding: 2px 0 0 17px;
    letter-spacing: normal
}

.realmst_head .online,
.realmst_head .offline,
.realmst_head .closed {
    width: 23px;
    height: 26px;
    display: inline-block;
    position: absolute;
    line-height: 0%;
    top: -3px;
    left: 9px
}

.realmst_head .online {
    background-position: 0 0
}

.realmst_head .offline {
    background-position: -23px 0
}

.realmst_head .closed {
    background-position: -46px 0
}

.realm_st p {
    padding: 6px 0 0 8px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .3px;
    color: #8a6536;
    text-shadow: 2px 1px 6px #000
}

.realm_st p.realm-desc {
    padding: 3px 0 0 14px
}

.ts-status {
    width: 288px;
    height: 38px;
    background: url(../images/status-grad.png?v=0.0.2) repeat-x top rgba(255, 255, 255, .008);
    padding: 9px 0 0 11px;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .07);
    text-shadow: 0 1px 1px rgba(0, 0, 0, .8), 0 0 4px rgba(0, 0, 0, .8)
}

.ts-status h3 {
    font-family: calibrib;
    font-size: 13px;
    color: #534e3d
}

.ts-status h3 p.status {
    display: inline-block
}

.ts-status h3 p.status.online {
    color: #313f09
}

.ts-status h3 p.status.offline {
    color: #620c08
}

.ts-status a#download-ts,
.ts-status a#download-htc {
    font-size: 11px;
    color: #35322d;
    display: inline-block;
    padding: 1px 0 2px 9px;
    margin: 0 8px 0 0;
    font-weight: 700;
    background: url(../images/link-arrow.png?v=0.0.2) no-repeat left;
    transition: none;
    -moz-transition: none;
    -webkit-transition: none;
    -o-transition: none
}

.ts-status a#download-ts:hover,
.ts-status a#download-htc:hover {
    color: #b68c24;
    background: url(../images/link-arrow-hover.png?v=0.0.2) no-repeat left
}

.logon-status {
    width: 297px;
    height: 46px;
    background: rgba(0, 0, 0, .008)
}

.logon-status #logon-status {
    float: left;
    margin: 10px 0 0 11px
}

#logon-status p {
    font-size: 11px;
    font-style: italic;
    color: #302d27
}

#logon-status h3 {
    text-transform: uppercase;
    font-size: 11px;
    color: #8d7960;
    font-weight: 300
}

#logon-status h3 p.status {
    display: inline-block;
    font-weight: 700;
    font-style: normal;
    font-size: 11px;
    padding: 0;
    margin: 0
}

#logon-status h3 p.status.online {
    color: #313f09
}

#logon-status h3 p.status.offline {
    color: #620c08
}

.logon-status #server-time {
    float: right;
    width: 60px;
    height: 30px;
    text-align: right;
    margin: 4px 10px 0 0
}

#server-time p {
    font-weight: 700;
    font-size: 13px;
    color: #695842
}

#server-time span {
    font-size: 9px;
    top: 2px;
    left: -1px;
    color: #524636;
    text-shadow: 0 0 3px rgba(0, 0, 0, .55), 1px 1px 0 rgba(0, 0, 0, .45)
}

logon .media {
    width: 685px
}

.trailer {
    width: 396px !important;
    height: 223px !important
}

.trailer .image-thumb-preview {
    width: 396px !important;
    height: 223px !important
}

.trailer.media-video-thumb a {
    width: 396px !important;
    height: 223px !important
}

.quck_nav {
    float: right;
    margin: 0 22px 0 12px;
    height: 25px;
    width: 273px;
    padding: 0 0 0;
    text-align: right;
    background: rgba(0, 0, 0, .6);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, .02), inset 0 0 5px #000, 0 1px 0 rgba(255, 255, 255, .02)
}

.quck_nav a {
    font-size: 11px;
    text-shadow: 0 1px 0 #000, 0 0 5px #000;
    padding: 5px 10px 3px;
    display: inline-block
}

.membership-holder {
    width: 100%;
    height: 78px;
    z-index: 999;
    overflow: hidden
}

.membership-bar {
    width: 1000px;
    height: 60px;
    top: 13px
}

.member-side-left {
    width: 100%;
    height: auto
}

ul.not-logged-menu {
    width: 560px;
    height: 54px;
    float: left;
    margin: 0 0 0 10px
}

ul.not-logged-menu li {
    display: block;
    float: left
}

ul.not-logged-menu li a {
    display: block;
    height: 54px
}

ul.not-logged-menu li a span {
    display: block;
    height: 51px;
    z-index: 1
}

ul.not-logged-menu li a p {
    display: block;
    height: 54px;
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s linear .5s, opacity .5s linear;
    -moz-transition: visibility 0s linear .5s, opacity .5s linear;
    -webkit-transition: visibility 0s linear .5s, opacity .5s linear;
    -o-transition: visibility 0s linear .5s, opacity .5s linear;
    pointer-events: none;
    z-index: 2
}

ul.not-logged-menu li.login-home a {
    width: 268px
}

ul.not-logged-menu li.register-home a {
    width: 285px
}

ul.not-logged-menu li.login-home a span {
    width: 268px;
    background-position: 0 -272px
}

ul.not-logged-menu li.register-home a span {
    width: 285px;
    background-position: -268px -272px;
    left: -15px
}

ul.not-logged-menu li.login-home a p {
    width: 268px;
    background-position: 1px -326px
}

ul.not-logged-menu li.register-home a p {
    width: 285px;
    background-position: -268px -326px;
    left: -15px
}

ul.not-logged-menu li a:hover p {
    opacity: 1;
    visibility: visible;
    transition-delay: 0s;
    -moz-transition-delay: 0s;
    -webkit-transition-delay: 0s
}

.memeber-side-right {
    float: left;
    margin: 0;
    width: 450px
}

.memeber-side-right .search {
    width: 265px;
    height: 57px;
    float: left
}

.memeber-side-right .search input[type=text] {
    width: 184px;
    height: 35px;
    box-shadow: none;
    margin: 10px 0 0 7px;
    background: 0 0;
    color: #372a18;
    text-shadow: 0 0 5px rgba(0, 0, 0, .4), 1px 1px 1px rgba(0, 0, 0, .25);
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 12px;
    padding-left: 12px;
    float: left
}

.memeber-side-right .search input[type=text]::-webkit-input-placeholder {
    color: #372a18;
    text-shadow: 0 0 5px rgba(0, 0, 0, .4), 1px 1px 1px rgba(0, 0, 0, .25)
}

.memeber-side-right .search input[type=text]:-moz-placeholder {
    color: #372a18;
    text-shadow: 0 0 5px rgba(0, 0, 0, .4), 1px 1px 1px rgba(0, 0, 0, .25)
}

.memeber-side-right .search input[type=text]::-moz-placeholder {
    color: #372a18;
    text-shadow: 0 0 5px rgba(0, 0, 0, .4), 1px 1px 1px rgba(0, 0, 0, .25)
}

.memeber-side-right .search input[type=text]:-ms-input-placeholder {
    color: #372a18;
    text-shadow: 0 0 5px rgba(0, 0, 0, .4), 1px 1px 1px rgba(0, 0, 0, .25)
}

.memeber-side-right .search input[type=submit] {
    width: 22px;
    height: 17px;
    background-position: -578px 0;
    box-shadow: none;
    border: none;
    position: absolute;
    top: 17px;
    right: 23px;
    z-index: 99;
    padding: 0;
    transition: none
}

.memeber-side-right .search input[type=submit]:hover {
    background-position: -553px 0
}

.memeber-side-right .bonus-m-links {
    width: 180px;
    height: 48px;
    text-align: left;
    padding: 9px 0 0;
    margin: 0;
    float: left
}

.bonus-m-links a {
    display: block;
    font-size: 12px;
    color: #63503c;
    text-shadow: 0 0 5px rgba(0, 0, 0, .4), 1px 1px 1px rgba(0, 0, 0, .25);
    line-height: 165%
}

.bonus-m-links a:hover {
    color: #fbc88b;
    text-shadow: 0 0 4px #000, 0 0 6px #000, 0 1px 0 #000, 0 1px 1px #000, 0 0 1px #dfcc9b
}

.bonus-m-links a:last-child {
    margin-left: 7px
}

.logged_in_bar_bg {
    width: 100%;
    margin: 0;
    display: block;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 18px;
    background-image: url(../n-images/header_sub.png);
    background-repeat: repeat;
    background-position: 0 0;
    height: 50px;
    line-height: 49px;
    float: left;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-right: 4px;
    text-shadow: 0 4px 16px rgb(0 0 0/69%);
    color: #fff;
    cursor: pointer;
    background-color: #064f58;
    border: 1px solid #00bcd4;
}

.logout-btn-cont {
    width: 100px;
    height: 19px;
    float: left;
    margin: 16px
}

.logout-btn-cont #logout {
    display: block;
    width: auto;
    height: 19px;
    font-size: 13px;
    color: #000;
    font-weight: 400;
    background: #fff;
    line-height: 19px;
    border-radius: 10px
}

.logout-btn-cont #logout:hover {
    background-position: -166px -120px
}

.logged_in_bar .avatar {
    width: 43px;
    height: 43px;
    background: rgba(0, 0, 0, .55);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    box-shadow: 0 0 3px rgba(209, 196, 110, .3);
    overflow: hidden;
    float: left;
    margin: 5px 5px 0
}

.logged_in_bar .avatar span {
    width: 39px;
    height: 39px;
    background-position: -206px -120px;
    display: block;
    top: 2px;
    left: 2px;
    z-index: 999;
    position: absolute;
    pointer-events: none
}

.logged_in_bar .avatar a {
    width: 39px;
    height: 39px;
    display: block;
    top: 2px;
    background-size: 120% !important
}

.logged_in_bar .info {
    width: auto;
    height: 50px;
    float: left
}

.logged_in_bar .info p {
    float: left;
    color: #fff;
    font-size: 12px;
    margin: 0 0 3px;
    text-align: left;
    width: auto;
    overflow: hidden
}

.logged_in_bar .info .coints {
    width: auto;
    height: 20px;
    line-height: 20px;
    color: #fff;
    font-size: 14px;
    float: left;
    background: #ff953b;
    margin: 14px;
    text-shadow: none;
    padding: 0 10px;
    border-radius: 10px
}

.logged_in_bar .info .coints span#gold_str {
    color: #fff
}

.logged_in_bar .info .coints span#silver_str {
    color: #fff
}

.logged_in_bar .info .vote-now-ico {
    float: left;
    width: 83px;
    height: 31px;
    top: -3px
}

.logged_in_bar .info .vote-now-ico a {
    display: block;
    width: 83px;
    height: 31px
}

.vote-now-ico a span#icon,
.vote-now-ico a p#icon {
    display: block;
    width: 83px;
    height: 31px;
    position: absolute;
    top: 0;
    left: 0
}

.vote-now-ico a span#icon {
    z-index: 1;
    background-position: -253px 0;
    opacity: 1;
    transition: all 700ms;
    -moz-transition: all 700ms;
    -webkit-transition: all 700ms;
    -o-transition: all 700ms
}

.vote-now-ico a p#icon {
    z-index: 1;
    background-position: -336px 0;
    opacity: 0;
    transition: all 400ms;
    -moz-transition: all 400ms;
    -webkit-transition: all 400ms;
    -o-transition: all 400ms
}

.vote-now-ico a:hover span#icon {
    opacity: .6
}

.vote-now-ico a:hover p#icon {
    opacity: 1
}

li.not-voted-yet-effect {
    width: 52px;
    height: 38px;
    display: block;
    float: none;
    position: absolute;
    left: 75px;
    top: 2px;
    z-index: 99;
    pointer-events: none;
    box-shadow: 0 0 3px #fc6, inset 0 0 4px #fc6, inset 0 0 2px 1px rgba(255, 204, 102, .6);
    background: rgba(255, 235, 148, .25);
    animation: bring-ate 3s;
    -moz-animation: bring-ate 3s;
    -webkit-animation: bring-ate 3s;
    animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite
}

@keyframes bring-ate {
    0% {
        opacity: .1
    }

    25% {
        opacity: .5
    }

    50% {
        opacity: 1
    }

    75% {
        opacity: .5
    }

    100% {
        opacity: .1
    }
}

@-moz-keyframes bring-ate {
    0% {
        opacity: .1
    }

    25% {
        opacity: .5
    }

    50% {
        opacity: 1
    }

    75% {
        opacity: .5
    }

    100% {
        opacity: .1
    }
}

@-webkit-keyframes bring-ate {
    0% {
        opacity: .1
    }

    25% {
        opacity: .5
    }

    50% {
        opacity: 1
    }

    75% {
        opacity: .5
    }

    100% {
        opacity: .1
    }
}

li.not-voted-yet-effect:hover {
    opacity: 0;
    display: none
}

.logged_in_bar .acc-menu {
    list-style: none;
    height: auto;
    float: right;
    margin: 16px
}

.logged_in_bar .acc-menu li {
    display: block;
    float: left
}

.logged_in_bar .acc-menu li a {
    height: 42px;
    width: auto;
    display: block
}

.logged_in_bar .acc-menu li a span {
    height: 42px;
    width: auto;
    display: block
}

.logged_in_bar .acc-menu li a p {
    height: 42px;
    width: auto;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s linear .5s, opacity .5s linear;
    -moz-transition: visibility 0s linear .5s, opacity .5s linear;
    -webkit-transition: visibility 0s linear .5s, opacity .5s linear;
    -o-transition: visibility 0s linear .5s, opacity .5s linear;
    pointer-events: none;
    z-index: 2
}

.logged_in_bar .acc-menu li a#acc-panel {
    display: block;
    width: auto;
    height: 19px;
    font-size: 13px;
    color: #000;
    font-weight: 400;
    background: #fff;
    line-height: 19px;
    border-radius: 10px;
    width: 120px
}

.logged_in_bar .acc-menu li a#vote {
    width: 52px
}

.logged_in_bar .acc-menu li a#buy-coins {
    width: 78px
}

.logged_in_bar .acc-menu li a#store {
    width: 76px
}

.logged_in_bar .acc-menu li a#acc-panel span {
    width: 76px;
    background-position: 0 -485px
}

.logged_in_bar .acc-menu li a#vote span {
    width: 52px;
    background-position: -76px -485px
}

.logged_in_bar .acc-menu li a#buy-coins span {
    width: 78px;
    background-position: -128px -485px
}

.logged_in_bar .acc-menu li a#store span {
    width: 76px;
    background-position: -206px -485px
}

.logged_in_bar .acc-menu li a#acc-panel p {
    width: 76px;
    background-position: 0 -535px
}

.logged_in_bar .acc-menu li a#vote p {
    width: 52px;
    background-position: -76px -535px
}

.logged_in_bar .acc-menu li a#buy-coins p {
    width: 78px;
    background-position: -128px -535px
}

.logged_in_bar .acc-menu li a#store p {
    width: 76px;
    background-position: -206px -535px
}

.logged_in_bar .acc-menu li a:hover p {
    opacity: 1;
    visibility: visible;
    transition-delay: 0s;
    -moz-transition-delay: 0s;
    -webkit-transition-delay: 0s
}

.account_sub_header {
    width: 843px;
    height: 57px;
    padding: 0;
    overflow: hidden;
    background-image: url(../images/account_subhead_bg.png?v=0.0.2);
    background-repeat: no-repeat
}

.account_sub_header .grad {
    width: 100%;
    height: 57px;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, .0090) 52%, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0) 80%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(52%, rgba(255, 255, 255, .01)), color-stop(30%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, .01) 52%, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, .01) 52%, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0) 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, .01) 52%, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(top, rgba(255, 255, 255, .01) 52%, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=0)
}

.account_sub_header .page-title {
    float: left;
    font-weight: 700;
    color: #897861;
    font-size: 19px;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin: 15px 0 0 20px;
    text-shadow: 0 0 7px rgba(0, 0, 0, .57), 1px 1px 1px rgba(0, 0, 0, .35)
}

div.sub-active-page {
    float: left;
    color: #918979;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-shadow: 0 3px 1px rgba(0, 0, 0, .6), 0 0 5px rgba(0, 0, 0, .2);
    height: 41px;
    padding: 19px 0 0 32px;
    margin: 0 0 0 7px;
    background: url(../images/sub-page-title-bg.png?v=0.0.2) no-repeat left
}

.account_sub_header a {
    color: #706352;
    font-size: 11px;
    text-transform: uppercase;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .25);
    display: block;
    float: right;
    border: 1px solid rgba(0, 0, 0, .35);
    background: url(../images/back_to_acc_bg.png?v=0.0.2) no-repeat left rgba(255, 255, 255, .03);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin: 12px 13px 0 0;
    padding: 9px 12px 10px 39px;
    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)
}

.account_sub_header a:hover {
    background: url(../images/back_to_acc_bg.png?v=0.0.2) no-repeat left rgba(255, 255, 255, .04)
}

.page-desc-holder {
    width: 843px;
    padding: 25px 0;
    font-size: 14px;
    color: #74634d;
    line-height: 150%;
    text-shadow: 0 0 4px rgba(0, 0, 0, .8), 0 1px 1px rgba(0, 0, 0, .5)
}

.poor {
    color: #2a2a2a
}

.common {
    color: #8d8d8d
}

.uncommon {
    color: #2f8d00
}

.rare {
    color: #366281
}

.epic {
    color: #643681
}

.legendary {
    color: #ba6c2d
}

.artifact {
    color: #6b6139
}

.heirloom {
    color: #6b6139
}

.deathk {
    border-color: #c41e3b !important
}

.druid {
    border-color: #ff7c0a !important
}

.hunter {
    border-color: #95d357 !important
}

.mage {
    border-color: #4d98b3 !important
}

.paladin {
    border-color: #f48cba !important
}

.priest {
    border-color: #fff !important
}

.rogue {
    border-color: #fff468 !important
}

.shaman {
    border-color: #2359e4 !important
}

.warlock {
    border-color: #9382c9 !important
}

.warrior {
    border-color: #c69b6d !important
}

.items_results ul li div.poor .item-ico {
    border-color: #2a2a2a
}

.items_results ul li div.common .item-ico {
    border-color: #8d8d8d
}

.items_results ul li div.uncommon .item-ico {
    border-color: #2f8d00
}

.items_results ul li div.rare .item-ico {
    border-color: #366281
}

.items_results ul li div.epic .item-ico {
    border-color: #643681
}

.items_results ul li div.legendary .item-ico {
    border-color: #ba6c2d
}

.items_results ul li div.artifact .item-ico {
    border-color: #6b6139
}

.items_results ul li div.heirloom .item-ico {
    border-color: #6b6139
}

#poor span,
.poor {
    border-color: #2a2a2a !important
}

#common span,
.common {
    border-color: #8d8d8d !important
}

#uncommon span,
.uncommon {
    border-color: #2f8d00 !important
}

#rare span,
.rare {
    border-color: #366281 !important
}

#epic span,
.epic {
    border-color: #643681 !important
}

#legendary span,
.legendary {
    border-color: #ba6c2d !important
}

#artifact span,
.artifact {
    border-color: #6b6139 !important
}

#heirloom span,
.heirloom {
    border-color: #6b6139 !important
}

.select-currency {
    text-shadow: 0 0 3px #000;
    left: 120px;
    width: 300px;
    padding: 11px 0 8px 10px;
    background: rgba(0, 0, 0, .2);
    border-radius: 4px
}

.select-currency span {
    color: #616059;
    margin: 0 7px 0 0;
    vertical-align: top;
    top: 4px
}

.select-currency label {
    margin: 0 7px 0 0
}

.select-currency label p#sc {
    color: #656563
}

.select-currency label p#gc {
    color: #a7863e
}

.description-small {
    font-size: 12px;
    font-style: italic;
    color: #6b6761;
    text-shadow: 0 0 5px #000;
    padding: 0 0 20px
}

.under-construction {
    text-align: center;
    text-shadow: 0 0 25px rgba(0, 0, 0, .9), 3px 4px 0 rgba(0, 0, 0, .5)
}

.under-construction span {
    background: url(../images/font-overlay-grunge-1.png?v=0.0.2) no-repeat;
    display: block;
    width: 100%;
    min-width: 121;
    height: 100%;
    position: absolute;
    top: -10px;
    left: 0
}

.under-construction .holder {
    padding: 100px
}

.under-construction h5 {
    font-family: guatami;
    font-size: 90px;
    line-height: 80%;
    margin: 0 0 10px;
    color: #bf8839
}

.under-construction h4 {
    font-family: guatami;
    font-size: 27px;
    line-height: 110%;
    text-transform: uppercase;
    color: #645c53;
    font-weight: bolder
}

.how-coins {}

.how-coins h2 {
    font-family: guatami;
    font-size: 21px;
    text-transform: uppercase;
    font-weight: 400;
    text-shadow: 0 0 8px rgba(0, 0, 0, .5), 2px 2px 0 rgba(0, 0, 0, .3);
    margin: 0 0 10px
}

.how-coins h2 span {
    background: url(../images/font-overlay-grunge-1.png?v=0.0.2) no-repeat;
    display: block;
    width: 100%;
    min-width: 121;
    height: 100%;
    position: absolute;
    top: -10px;
    left: 0
}

.how-coins h2#gold {
    color: #cb983f
}

.how-coins h2#silver {
    color: #b7ae8e
}

.how-coins h2#gold p {
    display: inline-block;
    background: url(../images/g-coin.png?v=0.0.2) no-repeat;
    width: 21px;
    height: 21px;
    top: 4px;
    margin: 0 10px 0 0
}

.how-coins h2#silver p {
    display: inline-block;
    background: url(../images/s-coin.png?v=0.0.2) no-repeat;
    width: 21px;
    height: 21px;
    top: 4px;
    margin: 0 10px 0 0
}

.how-coins ul {
    padding: 0 0 20px 30px
}

.how-coins ul li {
    margin: 0 0 20px;
    color: #554f48;
    text-shadow: 0 0 4px rgba(0, 0, 0, .6)
}

.how-coins ul li a {
    font-family: ropa sans, sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: #766f66
}

.how-coins ul li a:hover {
    color: #ebb533
}

.features-bg-dark {
    width: 980px;
    height: 840px;
    background: url(../images/features-bg-2.html) no-repeat top right, url(../images/shadow-bot.html) no-repeat bottom left;
    background-color: rgba(0, 0, 0, .2);
    position: absolute;
    z-index: 0;
    top: 390px;
    left: 0;
    box-shadow: inset 0 2px 1px rgba(0, 0, 0, .3), inset 0 -2px 1px rgba(0, 0, 0, .3), 0 1px 0 rgba(255, 255, 255, .03);
    border-radius: 6px;
    overflow: hidden
}

.features {}

h1.features-row-title {
    color: #ca9916;
    display: block;
    font-family: guatami;
    font-size: 22px;
    font-weight: 400;
    text-shadow: 0 0 8px rgba(0, 0, 0, .8), 0 0 8px rgba(0, 0, 0, .3);
    text-transform: uppercase;
    z-index: 1;
    text-align: left;
    padding: 0 0 0 80px
}

.features ul {}

.features ul li.w-addons {
    box-shadow: 0 0 4px rgba(0, 0, 0, .6), 0 1px 1px rgba(0, 0, 0, .5), inset 0 0 12px rgba(255, 202, 77, .05), inset 0 1px 0 rgba(255, 202, 77, .05), inset 0 0 0 1px rgba(255, 202, 77, .05);
    margin: 20px 0 40px;
    text-align: left
}

.features ul li.w-addons:first-child {
    margin: 20px 0 50px
}

.w-addon-row {
    margin-left: 20px;
    margin-top: -15px
}

.w-addon-row img {
    border-radius: 4px;
    box-shadow: 0 0 15px #000;
    float: left;
    width: 268px
}

.addon-info {
    width: 475px;
    float: left;
    margin: 0 0 0 30px;
    text-shadow: 0 0 14px rgba(0, 0, 0, .4), 2px 3px 0 rgba(0, 0, 0, .4)
}

.addon-info h1 {
    margin: 0 0 18px;
    color: #afa288;
    font-size: 21px;
    text-transform: uppercase
}

.addon-info p {
    font-size: 13px;
    height: 78px;
    text-shadow: 0 0 14px rgba(0, 0, 0, .4), 1px 1px 0 rgba(0, 0, 0, .4);
    color: #867f72
}

.addon-info .war-links {
    margin: 13px 0 0
}

.addon-info .war-links a.download {
    display: inline-block;
    padding: 7px 15px;
    border-radius: 3px;
    background: #355c35;
    box-shadow: inset 0 0 0 1px rgba(0, 255, 0, .05), inset 0 1px 0 rgba(0, 255, 0, .1), 0 0 6px rgba(0, 0, 0, .4);
    color: #1f1f17;
    text-shadow: 1px 1px 0 rgba(0, 255, 0, .1);
    font-weight: 700;
    text-transform: uppercase
}

.addon-info .war-links a.download:hover {
    color: #e0bb28;
    text-shadow: 0 0 4px rgba(0, 0, 0, .5), 0 1px 1px rgba(0, 0, 0, .5);
    background: #2c4e2c
}

.feature-row {
    width: 723px;
    margin: 15px 0 0;
    z-index: 2
}

.feature-row img {
    border-radius: 4px;
    box-shadow: 0 0 15px #000, 0 2px 3px #000;
    float: left;
    width: 90px
}

.feature-row .info {
    text-shadow: 0 0 14px rgba(0, 0, 0, .4), 1px 1px 0 rgba(0, 0, 0, .4);
    text-align: left;
    margin: 0 0 0 20px;
    float: left;
    width: 570px
}

.feature-row .info h1 {
    margin: 0 0 5px;
    color: #897f6b;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase
}

.feature-row .info h2 {
    font-size: 13px;
    height: 78px;
    color: #6a6458;
    font-weight: 400
}

.wotlk-realm-banner {
    margin: 60px 0 0
}

.wotlk-realm-banner a {
    display: block;
    width: 843px;
    height: 92px;
    border-radius: 4px;
    box-shadow: 0 0 32px rgba(0, 0, 0, .8), 0 2px 3px rgba(0, 0, 0, .8);
    background: url(../images/wotlk-banner.jpg?v=0.0.2) no-repeat;
    text-align: left;
    overflow: hidden;
    text-shadow: 0 0 9px rgba(0, 0, 0, .6), 2px 2px 0 rgba(0, 0, 0, .2);
    transition: all 600ms;
    -moz-transition: all 600ms;
    -webkit-transition: all 600ms;
    -o-transition: all 600ms
}

.wotlk-realm-banner a h1,
.wotlk-realm-banner a h2,
.wotlk-realm-banner a p {
    margin: 0;
    line-height: 100%
}

.wotlk-realm-banner a h1 {
    font-family: guatami;
    font-weight: 400;
    text-transform: uppercase;
    color: #d3a426;
    margin: 28px 0 0 330px;
    font-size: 29px
}

.wotlk-realm-banner a h2 {
    font-family: guatami;
    color: #b6b09f;
    font-size: 18px;
    font-weight: 400;
    display: block;
    margin: 0 0 0 340px
}

.wotlk-realm-banner a:hover {
    opacity: .8
}

.g-coin,
.s-coin {
    width: 21px;
    height: 20px;
    display: inline-block;
    margin: 0;
    top: 5px
}

.g-coin {
    background-position: -814px 0
}

.s-coin {
    background-position: -835px 0
}

.pagination {
    list-style: none;
    padding: 10px;
    text-align: right;
    width: 850px;
    margin-left: 30px
}

.pagination li .current {
    background: rgba(0, 0, 0, .35);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 5px;
    box-shadow: inset 0 0 7px rgba(0, 0, 0, .6), 0 0 0 1px rgba(255, 255, 255, .01);
    text-shadow: 0 0 5px #000;
    color: #ff4d4d
}

.pagination li {
    display: inline-block;
    color: #888172;
    text-shadow: 0 1px 0 #000, 0 0 3px #000
}

.pagination li a {
    color: #a47927;
    display: inline-block;
    padding: 0 4px
}

.pagination li p {
    display: inline-block;
    padding: 0 2px;
    color: #2d2a25;
    text-shadow: 0 0 3px #000, 0 0 2px #000;
    top: -1px
}

.pagination li a:hover {
    color: #eeb041
}

#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
}

.q {
    color: #ffd100
}

.q0,
.q0 a {
    color: #9d9d9d;
    border-color: #9d9d9d
}

.q1,
.q1 a {
    color: #fff;
    border-color: #fff
}

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

.q3,
.q3 a {
    color: #0070dd;
    border-color: #0070dd
}

.q4,
.q4 a {
    color: #a335ee;
    border-color: #a335ee
}

.q5,
.q5 a {
    color: #ff8000;
    border-color: #ff8000
}

.q6,
.q6 a {
    color: #e5cc80;
    border-color: #e5cc80
}

.q7,
.q7 a {
    color: #e5cc80;
    border-color: #e5cc80
}

.q8,
.q8 a {
    color: #ffff98;
    border-color: #ffff98
}

.q9,
.q9 a {
    color: #71d5ff;
    border-color: #71d5ff
}

.q10,
.q10 a {
    color: #ffd100;
    border-color: #ffd100
}

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

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

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

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

.top_ranked_container {
    background: url(../images/index_news_container.png?v=0.0.2) repeat top;
    box-shadow: 0 0 6px rgba(0, 0, 0, .25), 2px 2px 1px rgba(0, 0, 0, .05), inset 0 0 2px rgba(68, 51, 31, .35), inset 0 0 15px rgba(88, 71, 63, .2);
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px
}

.top_ranked {
    width: 97.5%;
    height: auto;
    float: left;
    margin: 0 0 0 12px;
    margin-right: 12px;
    overflow: hidden
}

.top_ranked .sub_header {
    width: 100%;
    height: 55px;
    background: url(../images/index_top_voters_bg.png?v=0.0.2) repeat top;
    margin: 0
}

.top_ranked .sub_header h1 {
    width: auto;
    font-weight: 700;
    float: left;
    font-size: 15px;
    color: #d2c8ae;
    text-transform: uppercase;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .25), 0 0 6px rgba(0, 0, 0, .25);
    margin: 15px 0 0 16px
}

.top_ranked .sub_header h2 {
    float: right;
    color: #493f34;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .25);
    text-transform: uppercase;
    font-size: 10px;
    margin: 19px 16px 0 0
}

.top_ranked .sub_header .title_overlay {
    margin: 15px 0 0;
    width: auto
}

.ranking_container {
    width: auto;
    margin: 0 auto
}

ul.top_ranked_list {
    display: block;
    margin: 5px 0 0
}

ul.top_ranked_list li {
    display: block;
    width: 100%;
    height: 42px;
    background: url(../images/top_voters_line.png?v=0.0.2) no-repeat bottom;
    text-align: left;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .45)
}

ul.top_ranked_list li:last-child {
    background: 0 0
}

ul.top_ranked_list li p {
    display: inline-block;
    color: #463c31;
    font-size: 14px;
    margin: 10px 0 0 15px
}

ul.top_ranked_list li .team-members {
    width: 20%
}

ul.top_ranked_list li .team-name {
    width: 18%
}

ul.top_ranked_list li .team-rank {
    width: 2%
}

ul.top_ranked_list li .team-rating {
    width: 15%
}

ul.top_ranked_list li .team-seasongames {
    width: 20%
}

ul.top_ranked_list li .team-seasonwins {
    width: 10%
}

ul.top_ranked_list li .team-seasonloses {
    width: 10%
}

ul.top_ranked_list li a {
    display: inline-block;
    color: #55493f;
    font-size: 16px;
    margin: 10px 0 0 0
}

ul.top_ranked_list li a:hover {
    color: #817262
}

ul.top_ranked_list li span {
    display: inline-block;
    color: #55493f;
    font-size: 15px;
    font-weight: 700;
    margin: 10px 0 0 0
}

ul.top_ranked_list li span i {
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    color: #55493f
}

.tooltipcus {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted #000
}

.tooltipcus .tooltiptext {
    visibility: hidden;
    width: 200px;
    background: rgba(33, 25, 20, .55);
    box-shadow: 0 0 6px #000, 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;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
    position: absolute;
    z-index: 1
}

.tooltipcus .tooltiptext {
    top: -5px;
    left: 105%
}

.tooltipcus:hover .tooltiptext {
    visibility: visible
}

.container_ranking {
    width: 980px;
    height: auto;
    min-height: 500px;
    background: rgba(33, 25, 20, .55);
    box-shadow: 0 0 6px #000, 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: 40px 0
}

.statistics_note {
    background: rgba(0, 0, 0, .2);
    padding: 20px 10px;
    margin-top: 20px;
    width: 910px;
    border-radius: 8px;
    box-shadow: inset 0 0 8px rgba(0, 0, 0, .4)
}

.statistics_note h3 {
    font-size: 12px;
    font-family: calibrib;
    color: #3a352e;
    text-shadow: 0 0 3px rgba(0, 0, 0, .4), 1px 1px 1px rgba(0, 0, 0, .4)
}

.team-members img {
    margin-left: 5px
}

.Table {
    display: table;
    width: 95%;
    margin-left: 8px
}

.Title {
    display: table-caption;
    color: #9c8872;
    display: block;
    font-size: 17px;
    font-weight: 700;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .5);
    margin-left: 20px
}

.Heading {
    font-size: 13px !important;
    font-weight: 700 !important;
    font-family: calibrib;
    display: table-row;
    text-align: center;
    color: #d2c8ae;
    padding: 7px
}

.Row.a {
    text-shadow: 0 1px 1px rgba(0, 0, 0, .5);
    font-family: arial;
    font-size: 12px;
    display: table-row;
    color: #797070;
    text-align: left;
    background: url(../images/top_voters_line.png?v=0.0.2) no-repeat bottom;
    height: 31px;
    line-height: 20px
}

.Row.b {
    text-shadow: 0 1px 1px rgba(0, 0, 0, .5);
    font-family: arial;
    font-size: 12px;
    display: table-row;
    color: #797070;
    text-align: left;
    background: url(../images/top_voters_line.png?v=0.0.2) no-repeat bottom;
    height: 31px;
    line-height: 20px;
    margin-left: 5px
}

.Row.b:last-child {
    background-color: transparent;
    background-image: none
}

.Row.a:last-child {
    background-color: transparent;
    background-image: none
}

.Cell {
    display: table-cell;
    padding-top: 5px;
    border-width: thin;
    padding-left: 5px;
    padding-right: 5px;
    color: #55493f
}

#pageloader {
    display: none;
    position: absolute;
    z-index: 1;
    margin-top: 295px;
    margin-left: 920px;
    text-align: right
}

.no_record {
    padding: 15px;
    text-align: center;
    color: #d2c8ae
}

#downloads {
    height: 100px;
    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: 30px;
    z-index: 1;
    margin: 15px;
    width: 800px;
    margin-left: 60px
}

#downloads .contain {
    margin-bottom: 10px;
    min-height: 50px
}

#downloads h1 {
    color: #c39f70;
    font-size: 16px;
    font-weight: 700
}

#downloads p {
    color: #98877d;
    font-weight: 700;
    padding-top: 5px
}

#downloads a {
    font-size: 12px
}

#downloads .download_count {
    color: #98877d;
    font-weight: 700;
    padding-right: 18px;
    text-align: right;
    font-size: 11px
}

#downloads .ucp_divider {
    width: 674px;
    height: 13px;
    margin: 5px auto;
    background: url(../images/divider.png?v=0.0.2) no-repeat top center
}

#login_content.login_success {
    width: 550px;
    text-align: center;
    height: 90px;
    font-size: 13px;
    color: #968166;
    font-weight: 700
}

#login_content {
    margin-left: 50px;
    margin-top: 30px;
    margin-bottom: 30px
}

#login_bottom {
    margin-left: 50px;
    margin-top: 10px;
    height: 60px
}

.validation_box {
    border-radius: 2px;
    width: 671px;
    min-height: 150px;
    margin: 0 0 12px
}

.validation_box span {
    display: block;
    width: 156px;
    height: 40px;
    position: absolute;
    top: 18px;
    left: 270px
}

.validation_box h1 {
    font-size: 25px;
    text-transform: uppercase;
    color: #b58646;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .45);
    padding: 22px 0 0;
    margin: 0 0 10px 25px
}

.validation_box p {
    display: block;
    width: 510px;
    font-size: 14px;
    color: #74634d;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .45), 0 0 5px rgba(0, 0, 0, .95);
    margin: 0 0 10px 25px
}

table.tablesorter {
    font-family: arial;
    margin: 12px 0 15px;
    font-size: 12px;
    width: 965px;
    text-align: left;
    width: 650px;
    border: 1px solid #231d1c;
    border-radius: 4px;
    -webkit-box-shadow: -1px -1px 22px 3px rgba(0, 0, 0, .75);
    -moz-box-shadow: -1px -1px 22px 3px rgba(0, 0, 0, .75);
    box-shadow: -1px -1px 22px 3px rgba(0, 0, 0, .75);
    margin-top: 10px;
    margin-left: 10px;
    margin-bottom: 1px
}

table.tablesorter thead tr th,
table.tablesorter tfoot tr th {
    text-align: center;
    color: #d2c8ae;
    padding: 7px
}

table.tablesorter thead tr .header {
    background-image: url(../images/bg.html);
    background-repeat: no-repeat;
    background-position: center right;
    cursor: pointer
}

table.tablesorter tbody td {
    color: #55493f;
    padding: 6px;
    vertical-align: top;
    text-align: center;
    vertical-align: middle;
    border-top: 1px solid #382e2c
}

table.tablesorter a {
    color: #846f56
}

table.tablesorter a:hover {
    color: #af9f8b
}

table.tablesorter tbody tr:nth-child(even) {
    background: rgba(255, 255, 255, .02)
}

table.tablesorter tbody tr:nth-child(odd) {
    background: rgba(255, 255, 255, .05)
}

table.tablesorter thead tr .headerSortUp {
    background-image: url(../images/asc.html)
}

table.tablesorter thead tr .headerSortDown {
    background-image: url(../images/desc.html)
}

table.tablesorter thead tr .headerSortDown,
table.tablesorter thead tr .headerSortUp {}

.container_roulette {
    float: left;
    width: 980px;
    height: auto;
    min-height: 400px;
    background: #180f0a;
    box-shadow: 0 0 6px #000, 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: 40px 0
}

.container_6 {
    width: auto;
    height: auto;
    min-height: 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 40px 0;
}

#ipinfo {
    text-align: center;
    color: #4a4035;
    line-height: 150%;
    font-size: 11px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .55);
    height: 30px
}

.clanleader {
    color: green !important
}

.finaltext h1 {
    text-align: center;
    color: #968166;
    padding-top: 15px;
    font-size: 20px !important
}

.finaltext p {
    text-align: center;
    color: #968166;
    font-size: 12px !important;
    padding-bottom: 15px
}

#btnOpenPrice {
    font-size: 15px;
    color: #f4c54a;
    font-weight: 700;
    font-style: normal
}

.action-button .btn-dropdown i {
    position: absolute;
    top: 18px;
    right: 10px
}

td.details-control {
    background-image: url(../images/details_open.png);
    background-repeat: no-repeat;
    background-position: 15px 4px;
    cursor: pointer
}

tr.details td.details-control {
    background-image: url(../images/details_close.png);
    background-repeat: no-repeat;
    background-position: 15px 4px;
    cursor: pointer
}

.buykc {
    margin-left: 15px
}

.buykc h1 {
    color: #dfc68a;
    font-size: 22px;
    font-weight: 700
}

#cats {
    width: 100%;
    margin: 10px;
    margin-left: 45px;
    border: 1px solid #231d1c;
    border-radius: 4px;
    -webkit-box-shadow: -1px -1px 22px 3px rgba(0, 0, 0, .75);
    -moz-box-shadow: -1px -1px 22px 3px rgba(0, 0, 0, .75);
    box-shadow: -1px -1px 22px 3px rgba(0, 0, 0, .75)
}

#items {
    margin-left: 13px;
    margin-bottom: 10px;
    border: 1px solid #231d1c;
    border-radius: 4px;
    -webkit-box-shadow: -1px -1px 22px 3px rgba(0, 0, 0, .75);
    -moz-box-shadow: -1px -1px 22px 3px rgba(0, 0, 0, .75);
    box-shadow: -1px -1px 22px 3px rgba(0, 0, 0, .75);
    width: 200px;
    display: inline-block
}

#items:hover {
    border: 1px solid #382b15
}

#items .icon {
    width: 40px;
    height: 40px;
    margin: 5px;
    float: left
}

#items .name {
    float: left;
    width: 140px;
    margin-top: 5px;
    text-align: center;
    font-size: 13px !important;
    font-weight: 700 !important;
    font-family: calibrib;
    display: table-row;
    text-align: center;
    color: #d2c8ae
}

#items .name p {
    color: #67651a;
    font-size: 12px !important
}

.no_record {
    font-size: 13px;
    color: #d2c8ae;
    text-shadow: 0 0 3px rgba(0, 0, 0, .4), 1px 1px 1px rgba(0, 0, 0, .4);
    text-align: center
}

.play_video fieldset {
    color: #706352;
    font-family: ebrima;
    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: 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?v=0.0.2);
    position: relative;
    width: 705px;
    text-align: left;
    margin-left: 120px;
    padding: 15px
}

.play_video legend {
    color: #a48f4f;
    font-family: ebrima;
    font-size: 11px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .25);
    display: block;
    background: rgba(37, 28, 24, .8);
    border: 1px solid rgba(0, 0, 0, .35);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    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);
    min-width: 100px;
    padding: 5px;
    z-index: 99
}

.play_video iframe {
    border: 1px solid rgba(228, 175, 113, .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)
}

#c_h_tag2,
#r_h_tag2 {
    color: #63503c
}

.c_t_tag2,
.r_t_tag2 {
    display: none
}

.store_product_list .category {
    width: 840px;
    color: #706352;
    font-family: ebrima;
    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: 980px;
    font-family: ebrima
}

.store_product_list .items {
    list-style: none;
    padding: 15px 15px 15px 18px
}

.store_product_list .items .item a {
    float: left;
    width: 200px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.store_product_list .items .item {
    background-image: url(../images/top_voters_line.png?v=0.0.2);
    background-repeat: no-repeat;
    background-position: bottom left;
    height: 53px;
    width: 273px;
    display: inline-block;
    color: #706352;
    font-family: ebrima;
    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?v=0.0.2)
}

.store_product_list .items .item #hover {
    width: 100%;
    height: 57px;
    background-image: url(../images/store_item_hover.png?v=0.0.2);
    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: ebrima;
    font-size: 14px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .45)
}

.store_product_list #middle p {
    color: #534a3f;
    font-family: ebrima;
    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;
    z-index: 1;
    margin: 15px;
    width: 800px
}

#reseller_list {
    margin-left: 80px
}

#monster_info {
    float: left;
    width: auto;
    height: auto
}

#monster_info .icon {
    float: left;
    padding: 10px;
    width: 220px
}

#monster_info .info {
    float: left;
    width: 320px;
    padding: 10px
}

#monster_info fieldset {
    color: #706352;
    font-family: ebrima;
    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: 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?v=0.0.2);
    position: relative
}

#monster_info legend {
    color: #a48f4f;
    font-family: ebrima;
    font-size: 11px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .25);
    display: block;
    background: rgba(37, 28, 24, .8);
    border: 1px solid rgba(0, 0, 0, .35);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    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);
    min-width: 100px;
    padding: 5px;
    z-index: 99
}

.online_count_text {
    color: #969e76
}

.reqcount {
    color: #a2883a
}

#itemsearch_result .error {
    text-align: left;
    width: 550px;
    float: left;
    padding: 20px;
    color: #8e7a5f;
    font-size: 14px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .4)
}

#itemsearch_result .error span {
    color: #80680e;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .4)
}

.game_cases_back1 {
    color: #b1743a
}

.register-form {
    margin-left: 55px
}

.register-form .alert {
    float: left;
    min-width: 310px;
    margin-left: 180px;
    padding: 15px 0 15px 0
}

#mining_header {
    width: 300px;
    margin-left: 640px;
    top: 20px
}

#mining_list {
    float: left;
    margin-left: 30px;
    text-align: left
}

#mining_list img {
    padding: 10px
}

#mining_list p {
    margin-left: 8px;
    font-family: ebrima;
    font-size: 13px;
    color: #d2c8ae
}

#mining_table th,
#mining_table td {
    text-align: center
}

#mining_list p {
    float: left;
    display: block
}

#mining_list {
    width: 650px;
    float: left;
    padding: 10px;
    margin-left: 5px
}

#mining_list img {
    padding: 3px;
    margin: 5px;
    float: left;
    border: 3px solid rgba(0, 0, 0, .1)
}

#mining_list img:hover {
    border: 3px solid #97793b
}

.selected_mining_item {
    border: 3px solid #97793b !important
}

#ranking_select {
    width: 200px
}

.All2 {
    margin: 20px;
    width: 940px !important
}

.ShoppingTable {
    width: 840px !important
}

.TicketTable {
    margin: 30px;
    width: 700px !important
}

.AllCenter td,
.AllCenter th {
    text-align: center !important
}

.dataLoading {
    color: #d2c8ae;
    font-size: 13px;
    font-weight: 700;
    padding: 18px 0 0 18px;
    margin-right: 20px;
    text-align: center
}

.dataTable {
    font-family: arial;
    font-size: 12px;
    text-align: left;
    border: 1px solid #000;
    border-radius: 4px;
    background: #0e1921
}

#cache_time{
	border: 1px solid #476f8c;
    padding: 2px 5px;
    border-radius: 5px;
    color: #fff;
}
.dataTable thead tr th,
.dataTable tfoot tr th {
    text-align: left;
    color: #f6f6f6;
    padding: 7px
}

.dataTable thead tr .header {
    background-image: url(../images/bg.html);
    background-repeat: no-repeat;
    background-position: center right;
    cursor: pointer
}

.dataTable tbody td {
    color: #f6f6f6;
    padding: 6px;
    vertical-align: top;
    text-align: left;
    vertical-align: middle;
    border-top: 1px solid #000
}

.dataTable a {
    color: #846f56
}

.dataTable a:hover {
    color: #af9f8b
}

.dataTable tbody tr:nth-child(even) {
   /* background: rgba(255, 255, 255, .02)*/
}

.dataTable tbody tr:nth-child(odd) {
    background: -moz-linear-gradient(180deg, rgba(57,86,115,1) 0%, rgba(37,53,66,1) 100%);
    background: -webkit-linear-gradient(180deg, rgb(35 63 86) 0%, rgba(37,53,66,1) 100%);
    background: linear-gradient(180deg, rgb(32 45 56) 0%, rgb(23 33 41) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#395673",endColorstr="#253542",GradientType=1);
}

.dataTable tbody tr:nth-child(1){
	background-image: url(../n-images/header_sub.png);
	background-repeat: repeat;
	background-position: 0 0;
	background-color: #580606;
	border: 1px solid #af4c4c;
}	
.dataTable tbody tr:nth-child(2){
	background-image: url(../n-images/header_sub.png);
	background-repeat: repeat;
	background-position: 0 0;
	background-color: #06583c;
	border: 1px solid #4caf50;
}	
.dataTable tbody tr:nth-child(3){
	background-image: url(../n-images/header_sub.png);
	background-repeat: repeat;
	background-position: 0 0;
	background-color: #580650;
	border: 1px solid #904caf;
}
	
.dataTable thead tr .headerSortUp {}

.dataTable thead tr .headerSortDown {}

.dataTable thead tr .headerSortDown,
table.tablesorter thead tr .headerSortUp {}

.chest_header {
    margin: 20px
}

.content_userid {
    float: left;
    width: 125px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.badge-outline-danger {
    border: 1px solid #1b120e;
    background-color: #a90b32;
    color: #fff !important;
    width: 60px;
    text-align: center;
    border-radius: 4px;
    background-image: url(../images/misc/realm_bar-overlay.png?v=0.0.2);
    background-repeat: no-repeat;
    background-position: center center;
    color: #d3c8c1 !important;
    font-size: 10px !important;
    font-weight: 200 !important;
    text-shadow: 1px 1px 0 #090909, -1px -1px 0 #090909, 0 0 4px #000;
    letter-spacing: .5px
}

.badge-outline-success {
    border: 1px solid #1b120e;
    background-color: #2faf0d;
    color: #fff !important;
    width: 60px;
    text-align: center;
    border-radius: 4px;
    background-image: url(../images/misc/realm_bar-overlay.png?v=0.0.2);
    background-repeat: no-repeat;
    background-position: center center;
    color: #d3c8c1 !important;
    font-size: 10px !important;
    font-weight: 200 !important;
    text-shadow: 1px 1px 0 #090909, -1px -1px 0 #090909, 0 0 4px #000;
    letter-spacing: .5px
}

.r_bar {
    top: 1px;
    width: 100%;
    height: 40px;
    padding: 11px 18px
}

.r_bar .r_bar-inner {
    width: 100%;
    height: 100%;
    display: block
}

.r_bar .r_bar-inner .r_bar-fill {
    min-width: 10%;
    max-width: 100%;
    height: 100%;
    top: 0;
    z-index: 7;
    position: absolute
}

.r_bar .r_bar-inner .r_bar-fill:before {
    width: 0;
    height: 0;
    top: 0;
    content: "";
    position: absolute
}

.r_bar .r_bar-inner .r_bar-fill.index {
    z-index: 8
}

.r_bar .r_bar-inner .r_bar-fill.index:after {
    width: 2px;
    height: 100%;
    top: 0;
    content: "";
    position: absolute;
    background-color: #eee
}

.r_bar .r_bar-inner .r_bar-fill span {
    color: #fff;
    display: block;
    padding: 1px 8px;
    font-size: 11px;
    font-weight: 600;
    font-family: ebrima;
    letter-spacing: .5px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.r_bar .r_bar-inner .r_bar-fill.bar-h {
    left: 0;
    background-color: #e61000;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px
}

.r_bar .r_bar-inner .r_bar-fill.bar-a {
    right: 0;
    background-color: #0032e6;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px
}

.r_bar .r_bar-inner .r_bar-fill.bar-h.index:after {
    right: -1px
}

.r_bar .r_bar-inner .r_bar-fill.bar-a.index:after {
    left: -1px
}

.r_bar .r_bar-inner .r_bar-fill.bar-h span {
    text-align: left
}

.r_bar .r_bar-inner .r_bar-fill.bar-a span {
    text-align: right
}

.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
}

.newticket h1 {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 14px;
    color: #d2c8ae;
    text-shadow: 0 0 8px rgba(0, 0, 0, .35), 1px 1px 1px rgba(0, 0, 0, .25);
    margin: 15px 0 0 30px;
    height: 34px;
    padding: 0;
    line-height: 125%
}

ul.top_voters_list {
    display: block;
    margin: 2px 0 0
}

ul.top_voters_list li {
    display: block;
    width: 274px;
    height: 37px;
    line-height: 15px;
    text-align: left;
    clear: both;
    border-bottom: 1px solid #333;
    margin-bottom: 7px
}

ul.top_voters_list li p {
    display: inline-block;
    color: #463c31;
    font-size: 12px;
    margin: 10px 10px 0
}

ul.top_voters_list li a {
    display: inline-block;
    color: #55493f;
    font-size: 14px;
    margin: 10px 0 0;
    width: 125px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

ul.top_voters_list li span {
    display: inline-block;
    color: #55493f;
    font-size: 13px;
    float: right;
    font-weight: 700;
    margin: 10px 10px 0 0;
    max-width: 70px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

ul.top_voters_list li span i {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    color: #55493f
}

.fa {
    margin-right: 5px
}

#onlinecount {
    font-size: 11px !important;
    color: #d2c8ae !important;
    line-height: 15px;
    text-align: left;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .45);
    font-style: normal !important
}

.finaltext h1 {
    text-align: center;
    color: #968166;
    padding-top: 15px;
    font-size: 20px !important
}

.finaltext p {
    text-align: center;
    color: #968166;
    font-size: 12px !important;
    padding-bottom: 15px
}

.btn-special {
    padding: 0 28px 2px;
    width: 100%;
    height: 36px;
    border: none;
    line-height: 0;
    vertical-align: top;
    margin: 2px 0 0;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 700;
    transition: all 500ms;
    -moz-transition: all 500ms;
    -webkit-transition: all 500ms;
    -o-transition: all 500ms;
    color: #fff;
    background: #094877;
    display: block;
}

.btn-special:hover {
    color: #fff
}

.modal {
    color: #000;
    font-size: 17px
}

.modal-title {
    color: #000
}

.modal-header {
    text-transform: uppercase;
    font-weight: 700;
    border-bottom: 1px solid #000
}

.modal-content {
    background: #fff
}

.modal-body {
    font-size: 14px
}

.modal-footer {
    border-top: 1px solid #000
}

.member-side-button {
    width: auto;
    height: 49px
}

.member-side-button a {
    display: block;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 18px;
    background-image: url(../n-images/header_sub.png);
    background-position: 0 0;
    height: 49px;
    line-height: 49px;
    float: left;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-right: 4px;
    text-shadow: 0 4px 16px rgb(0 0 0/69%);
    color: #fff;
    cursor: pointer;
    overflow: hidden;
}

#hesapguvenligi {
    cursor: pointer
}

.member-side-button a#login {
    width: 214px;
    background-color: #380140;
    border: 1px solid #9c27b0;
}

.member-side-button a#register {
    width: 208px;
    background-color: #5d200b;
    border: 1px solid #ff5722;
}

.member-side-button a#unuttum_b {
    width: 298px;
    background-color: #033505;
    border: 1px solid #4caf50;
}

.member-side-button a#facebook-grup {
    width: 268px;
    background-color: #093354;
    border: 1px solid #2196f3;
}

.member-side-button a:last-child {
    margin: 0
}

.oyunu-indir-body {
    margin: 0 0 12px;
    border-radius: 2px;
    padding-top: 15px;
    overflow: hidden;
    padding-left: 10px
}

.oyun-indir-box {
    width: 209px;
    background: #fbfbfb;
    height: auto;
    float: left;
    border-radius: 4px;
    border: 1px solid #000;
    overflow: hidden;
    margin-right: 10px;
    margin-bottom: 15px
}

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

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

.oyun-indir-baslik small {
    text-align: center;
    display: block;
    color: #000;
    font-size: 12px;
    text-transform: uppercase
}

.oyun-indir-baslik span {
    text-align: center;
    width: 100%;
    float: left;
    color: #000;
    font-size: 16px;
    text-transform: uppercase
}

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

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

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

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

.indirButton {
    width: 180px;
    height: 46px;
    margin: 0 auto;
    background: url(https://lovamt2.com/Content/Oracle/images/button-download.png) 0 0 no-repeat
}

.indirButton:hover {
    background-position: 0 -46px
}

.oyun-indir-boyut {
    width: 100%;
    float: left;
    height: auto;
    text-align: center;
    color: red;
    font-size: 14px
}

.oyun-indir-boyut small {
    display: block;
    font-size: 13px;
    color: #607d8b
}

.oyun-indir-destek {
    width: 100%;
    height: auto;
    background: #86c8fd;
    float: left;
    margin: 15px 0 0;
    text-align: center
}

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

.oyun-indir-destek span a {
    color: #000;
    font-style: italic
}

.aciklama_pack {
    padding: 10px;
    background: #e61000;
    margin-bottom: 10px;
    margin-right: 10px;
    font-size: 14px;
    letter-spacing: 2px;
    font-weight: 700
}

.footer-info {
    width: 1000px;
    margin: auto;
    text-align: center;
    color: #e1e4e6
}

.geridon-style {
    float: right;
    margin: 16px;
    background: #464646;
    height: 25px;
    line-height: 16px;
    color: #fff;
    padding: 5px 10px;
    border-radius: 10px
}

.side-button-icon {
    width: 50px;
    height: 50px;
    display: block;
    float: left;
    background-size: 40px;
    background-repeat: no-repeat;
    padding: 10px;
    background-position: center center;
    background-color: #00000030;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

#register .side-button-icon {
    background-image: url(../n-images/register.svg);
    border-right: 1px solid #ff5722;
}

#login .side-button-icon {
    background-image: url(../n-images/login.svg);
    border-right: 1px solid #9c27b0;
}

#unuttum_b .side-button-icon {
    background-image: url(../n-images/forgot.svg);
    border-right: 1px solid #4caf50;
}

#facebook-grup .side-button-icon {
    background-image: url(../n-images/facebook.svg);
    border-right: 1px solid #2196f3;
}

.ranking_margin20 {
    padding: 15px
}

.ranking_margin20 .All2 {
    margin: 0 !important
}

.menu-icon {
    width: 30px;
    height: 30px;
    background-image: url(../n-images/menu.svg);
    display: block;
    float: left;
    background-repeat: no-repeat;
    background-size: cover;
    margin-right: 5px
}

@media only screen and (max-width:360px) {
    .news_left_column h2 {
        width: 220px !important
    }
}

@media only screen and (max-width:600px) {
    #header {
        height: 315px
    }

    form .offset-8 {
        margin: 0 !important
    }

    .top-navigation li div.nddm-holder {
        left: 0;
        z-index: 999;
        top: 15px
    }

    .top-navigation li .media div.navi-dropdown {
        left: 6px !important
    }

    .logged_in_bar_bg .info small {
        display: none
    }

    .logged_in_bar_bg {
        display: flex;
        justify-content: center;
        align-items: center
    }

    .account_info ul.account_info_main,
    .account_info ul.account_info_second {
        width: 100% !important
    }

    .account_info_cont,
    .account_info {
        height: auto !important
    }

    ul.older_news li .news_right_column {
        padding: 15px 10px 0 0 !important
    }

    .logo img {
        width: 60%
    }
	.userpanel_lova{
		flex-direction: column;
	}
    .sec_b_holder {
        padding: 15px
    }

    .content_holder {
        width: 100%
    }

    .main_side,
    .sidebar,
    .index_news {
        max-width: 100%;
        width: 100%;
        padding: 0
    }

    .myButtons a {
        background-size: cover;
        background-position: center center
    }

    .membership-holder {
        height: auto;
        overflow: hidden;
        padding: 0 15px
    }

    #accoun_panel_menu li:nth-child(3n+0) {
        margin-bottom: 10px !important
    }

    .membership-bar {
        width: 100%;
        height: auto;
        top: 0
    }

    .member-side-button {
        height: auto;
        overflow: hidden
    }

    .member-side-button a {
        width: 100% !important;
        margin-bottom: 5px;
        float: none;
        font-size: 14px;
        height: 30px;
        line-height: 30px
    }

    .side-button-icon {
        position: absolute;
        left: 0;
        width: 40px;
        height: 30px;
        background-size: 20px
    }

ul.older_news li .news_right_column{
	 display: none!important;
}
ul.older_news li .news_left_column{
	width:100%;
}
   /* .index_news .news_left_column:nth-child(1) {
        display: none
    }

    .news_left_column h2:before {
        content: '';
        color: #000
    }*/

    .news_left_column h2 {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: auto!important;
        height: 22px;
    }
	ul.older_news li .news_left_column {
		float:none!important;
		padding: 5px!important;
		width: 100%;
	}

    .footer-info {
        width: auto;
        padding: 15px
    }

    .oyun-indir-box,
    .container_2,
    .ranking_container {
        width: 100% !important
    }

    #accoun_panel_menu li {
        float: none !important;
        width: 100% !important
    }

    .account_info ul.account_info_second,
    .account_info ul.account_info_main {
        height: auto !important
    }

    .account_info ul.account_info_main li#gcoins {
        margin: 0 0 1em 28px !important
    }
}

#mainnav #menu {
    display: none;
    padding: .8em 1.5em;
    cursor: pointer;
    z-index: 999;
    position: relative;
    font-size: 20px
}

.regForm{
	background: #0e1921;
    padding: 10px;
    margin: 20px;
}
.needs-validation a{
	color:#000
}
@media all and (max-width:767px) {
    #mainnav #menu {
        display: block
    }

    #mainnav ul {
        display: none;
        background: rgb(45 77 110/76%);
        padding: 1em !important;
        text-align: left !important;
        height: auto !important;
        position: absolute
    }

    #mainnav ul li {
        display: block !important
    }

    #mainnav ul li a {
        display: block;
        line-height: 34px !important
    }
}