.welcome_to_warcry {
    background: url(../images/welcome_msg_bg.png?v=0.0.3) no-repeat;
    border-radius: 2px;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.25), 2px 2px 1px rgba(0, 0, 0, 0.05);
    width: 671px;
    height: 168px;
    margin: 0 0 12px 0;
}

.welcome_to_warcry h1 {
    font-size: 25px;

    text-transform: uppercase;
    color: #b58646;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.45);
    padding: 22px 0 0 0;
    margin: 0 0 10px 25px;
}

.welcome_to_warcry span {
    display: block;
    width: 376px;
    height: 30px;
    position: absolute;
    top: 28px;
    left: 13px;
    background: url(../images/welcome_msg_title_overlay.png?v=0.0.3) no-repeat;
}

.welcome_to_warcry p {
    display: block;
    width: 510px;

    font-size: 14px;
    color: #74634d;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.45), 0 0 5px rgba(0, 0, 0, 0.95);
    margin: 0 0 10px 25px;
}

.index_news {
    width: 670px;
    margin: 0 0 11px 0;
}

.ranking_container {
    height: auto;
    width: 1000px;
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
    border: 1px solid #36444e;
    margin-bottom: 15px;
}

.news_container {
    border-radius: 2px;
    height: auto;
    width: auto;
    margin-bottom:12px;
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
}

.ranking_container .header {
    display: block;
    height: 57px;
    margin: 0;
    border-bottom: 1px solid #333;
    text-align: left;
    background: url(../n-images/header_sub.png) #0e1921;
    border: 1px solid #36444e;
    color: #aaf5e2;
    box-shadow: 0px 0px 12px 2px #1f313e;
    width: 100%;
    margin-bottom: 5px;
}

.news_container .header {
    display: block;
    height: 57px;
    border-bottom: 1px solid #333;
    text-align: left;
    background: url(../n-images/header_sub.png) #0e1921;
    border: 1px solid #36444e;
    color: #aaf5e2;
    box-shadow: 0px 0px 12px 2px #1f313e;
    width: 100%;
    margin-bottom: 5px;
}

.news_container .header .header_left,
.ranking_container .header .header_left {
    float: left;
    /*color: #000;*/

    font-size: 17px;
    text-transform: uppercase;
    font-weight: bold;
    padding: 14px 0 0 18px;
}

.news_container .header_left svg{
	fill: #44ab91;
    margin-right: 5px;
}

.news_container .title_overlay,
.ranking_container .title_overlay {
    top: 18px;
    left: 14px;
}

.news_container .header .header_right {
    float: right;
    padding: 15px 20px 0 0;
}

.news_container .header ul li {
    display: inline-block;
    margin: 0 0 0 10px;
}

.news_container .header ul li a {
    display: block;

    font-weight: bold;
    font-size: 10px;
    text-transform: uppercase;
    color: #473c30;
    padding: 5px 0 3px 3px;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.2), 1px 1px 1px rgba(0, 0, 0, 0.25);
}

.news_container .header ul li a:hover {
    color: #ccc4ad;
}

.active_latest_news {
    background: url(../images/news_active_background.png?v=0.0.3) no-repeat bottom;
    width: 671px;
    min-height: 160px;
    padding: 0 0 10px 0;
}

.active_latest_news .news_thumb_image {
    width: 205px;
    height: 126px;
    float: left;
    margin: 13px 10px 0px 19px;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.active_latest_news .news_thumb_image img {
    width: 205px;
    height: 126px;
    border: 1px solid #84663e;
    box-shadow: 0 0 10px rgba(79, 37, 12, 0.65);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.active_latest_news .news-img-overlay {
    position: absolute;
    top: 4px;
    left: 1px;
    width: 100%;
    height: 100%;
    display: block;
    pointer-events: none;
    box-shadow: inset 0 0 5px rgba(147, 107, 56, 0.5);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.active_latest_news .news_content {
    float: left;
    margin: 18px 0 0 11px;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.45);
}

.active_latest_news .news_content h1 {
    font-weight: 300;
    color: #e8b066;
    font-size: 17px;
    margin: -2px 0 0 0;
}

.active_latest_news .news_content h4 {
    color: #4c4235;
    font-size: 11px;
    margin: 0 0 6px 0;
}

.active_latest_news .news_content h4 a {
    color: #70655b;
}

.active_latest_news .news_content h4 a:hover {
    color: #9d9084;
}

.active_latest_news .news_content p {
    display: block;
    color: #817464;
    font-size: 14px;
    margin: 15px 0 10px 0;
}

a.readn_ln {
    display: inline-block;
    padding: 4px 7px 4px 7px;
    border-radius: 3px;
    font-size: 13px;
    color: #6f6558;
    margin: 4px 0 0 0;
    transition: all 200ms;
    -moz-transition: all 200ms;
    -webkit-transition: all 200ms;
    -o-transition: all 200ms;
    background: #d0d0d0;
	cursor: pointer;
}

a.readn_ln:hover {
    padding: 4px 7px 4px 7px;	
}

ul.older_news {
    display: block;
    width: 100%;
    margin-bottom:0px;
    padding: 5px;
}


ul.older_news li {
    display: block;
    width: 100%;
    height: 61px;
    margin-bottom: 5px;
    border: 1px solid #283844;
    margin-bottom: 5px!important;
    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);
}
ul.older_news li a{
	display:block;
	height:100%;
}

ul.older_news li .news_left_column {
    float: left;
    padding: 9px 0 0 5px;
	cursor: pointer;
}
ul.older_news li .news_left_column a img{
	border: 1px solid #000;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
ul.older_news li .news_right_column {
    float: right;
    display: flex;
    height: 100%;
    align-items: center;
    margin-right: 10px;
}
ul.older_news li .news_right_column svg{fill:#4d788e}
.news_right_columna {
    padding: 15px 23px 0 0;
}

ul.older_news li h4 span {
	color:#b7d6ec
}
ul.older_news li h2 {
    line-height:19px;
    margin: 4px 0 0 12px;
    z-index: 2;
	text-align:left;
	margin-top:0px;
	font-size:15px;
}

ul.older_news li h2 a {
    font-weight: 300;
    font-size: 16px;
    color: d1d5d6;
    padding: 0;
    margin: 0;
    line-height: 1px !important;
}

ul.older_news li h2 a:hover {
    color: #dfb768;
}

ul.older_news li h4 {
    font-size: 11px;
    color: #43515d;
    margin: 5px 0 0 12px;
    font-weight: 300;
    z-index: 2;
	text-align:left;
}

ul.older_news li h4 a {
    color: #695e4e;
}

ul.older_news li h4 a:hover {
    color: #afa891;
}

.home_media {
    width: 363px;
    min-height: 374px;
    overflow: hidden;
    float: left;
}

.new_trailer {
    width: 100%;
}

.sub_header {
    height: 40px;
    margin: 2px 0 2px 0;
}

.new_trailer .sreenshots {
    margin: 5px 0 1px 0;
}

.new_trailer .sub_header h1 {
    float: left;
    font-size: 14px;
    color: #d2c8ae;
    font-weight: bold;
    text-transform: uppercase;
    text-shadow: 0 0px 6px rgba(0, 0, 0, 0.25), 1px 1px 1px rgba(0, 0, 0, 0.25);
    margin: 10px 0 0 15px;
}

.new_trailer .sub_header a {
    float: right;

    color: #493f34;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);
    text-transform: uppercase;
    font-size: 10px;
    font-weight: bold;
    background: url(../images/small_link_arrow_2.png?v=0.0.3) no-repeat right;
    padding: 0 12px 0 0;
    margin: 13px 14px 0 0;
    transition: all 200ms;
    -moz-transition: all 200ms;
    -webkit-transition: all 200ms;
    -o-transition: all 200ms;
}

.new_trailer .sub_header a:hover {
    padding: 0 0 0 8px;
    margin: 13px 13px 0 0;
    background: url(../images/small_link_arrow_2.png?v=0.0.3) no-repeat left;
}

.Pus {
    width: 659px;
}

.ItemIcerik {
    position: relative;
    width: 671px;
    box-shadow: inset 0px 0px 10px #80b3ff;
}
.ItemIcerik span {
    position: absolute;
    width: 100%;
    bottom: -30px;
    text-align: center;
    background: #0b1521;
    line-height: 30px;
}

.ItemIcerik TitleX {
    color: #d8e0ee;
    /* padding: 2px; */
    /* padding-left: 7px; */
    /* padding-right: 7px; */
    line-height: 45px;
    position: relative;
    bottom: -75px;
    font-size: 9px;
}
.new_trailer .sub_header .title_overlay {
    top: 10px;
    left: 10px;
}

.new_video_thumb2 {
    width: 92px;
    height: 63px;
    float: left;
    display: block;
    margin: 0 0 14px 16px;
}

.new_video_thumb {
    width: 633px;
    height: 207px;
    margin: 0 0 0 15px;
}

.new_video_thumb a {
    display: block;
    width: 633px;
    height: 207px;
    padding: 0;
    margin: 0 0 0 0;
}

.new_video_thumb a div.image-thumb-preview {
    width: 633px;
    height: 207px;
    background-size: 120%;
    top: 0;
    z-index: 1;
    transition: all 600ms;
    -webkit-transition: all 600ms;
    -moz-transition: all 600ms;
    -o-transition: all 600ms;
    border: 1px solid #84663e;
    box-shadow: 0 0 10px rgba(79, 37, 12, 0.65), inset 0 0 5px rgba(147, 107, 56, 0.5);
    border-radius: 4px;
}

.play-button-small {
    background-image: url(../images/media-controls.png?v=0.0.3);
    background-repeat: no-repeat;
}

.new_video_thumb a .play-button-small {
    position: absolute;
    z-index: 999;
    width: 65px;
    height: 65px;
    top: 50%;
    left: 50%;
    margin: -32px 0 0 -32px;
    background-position: -230px -81px;
    opacity: 0.5;
    background-color: rgba(0, 0, 0, 0.7);
    border-radius: 50px;
    box-shadow: inset 0 0 0 4px rgba(0, 0, 0, 1);
    transition: all 1200ms;
    -webkit-transition: all 1200ms;
    -moz-transition: all 1200ms;
    -o-transition: all 1200ms;
}

.new_video_thumb a:hover .play-button-small {
    opacity: 1;
    background-color: rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 0 3px rgba(218, 167, 44, 0.7), inset 0 0 10px 2px rgba(0, 0, 0, 1);
}

.new_video_thumb a:hover div.image-thumb-preview {
    box-shadow: 0 0 10px rgba(79, 37, 12, 0.95), inset 0 0 10px rgba(147, 107, 56, 0.85);
}

.screanshots {
    padding: 0 0 0 0px;
    width: 842px;
}

.screanshots li {
    width: 92px;
    height: 63px;
    float: left;
    display: block;
    margin: 0 0 14px 16px;
}

.screanshots .container_frame {
    width: 92px;
    height: 63px;
    display: block;
    padding: 0;
    border: 1px solid #84663e;
    box-shadow: 0 0 10px rgba(79, 37, 12, 0.65);
    border-radius: 4px;
    transition: all 1200ms;
    -webkit-transition: all 1200ms;
    -moz-transition: all 1200ms;
    -o-transition: all 1200ms;
}

.screanshots .container_frame:hover {
    box-shadow: 0 0 10px rgba(79, 37, 12, 0.95);
}

.screanshots .cframe_inner {
    width: 92px;
    height: 63px;
    box-shadow: inset 0 0 5px rgba(147, 107, 56, 0.5);
    transition: all 1200ms;
    -webkit-transition: all 1200ms;
    -moz-transition: all 1200ms;
    -o-transition: all 1200ms;
}

.screanshots .cframe_inner:hover {
    box-shadow: inset 0 0 10px rgba(147, 107, 56, 0.85);
}

.top_voters {
    width: 296px;
    height: auto;
    float: left;
    margin: 0 0 0 12px;
    overflow: hidden;
    height: 374px;
}

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

.top_voters .sub_header h1 {
    width: auto;

    font-weight: bold;
    float: left;
    font-size: 15px;
    color: #d2c8ae;
    text-transform: uppercase;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25), 0 0 6px rgba(0, 0, 0, 0.25);
    margin: 15px 0 0 16px;
}

.top_voters .sub_header h2 {
    float: right;

    color: #493f34;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);
    text-transform: uppercase;
    font-size: 10px;
    margin: 19px 16px 0 0;
}

.top_voters .sub_header .title_overlay {
    margin: 15px 0 0 0;
    width: 150px;
}

.cont_container {
    width: 274px;
    margin: 0 auto;
}

.gift_box {
    width: 268px;
    height: 79px;
    background: rgba(255, 255, 255, 0.03);
    border-radius: 3px;
    box-shadow: inset 0 0 2px rgba(68, 51, 31, 0.15), inset 0 0 20px rgba(88, 71, 63, 0.35), 0 0 8px rgba(0, 0, 0, 0.4), 2px 2px 1px rgba(0, 0, 0, 0.25);
    margin: 5px 0 10px 3px;
}

.gift_box .gift_image {
    width: 82px;
    height: 87px;
    background: url(../images/gift_box.png?v=0.0.3) no-repeat;
    float: left;
    margin: -3px 0 0 -5px;
}

.gift_box h2 {
    float: left;
    display: block;
    width: 180px;
    color: #817262;
    font-size: 11px;

    font-weight: normal;
    margin: 9px -10px 0 4px;
    left: -5px;
    line-height: 140%;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.45);
}

.index-status-container {
    width: auto;
    height: auto;
    overflow: hidden;
}

.spotlight {
    width: auto;
    height: auto;
}

.spotlight .sub_header {
	height: 55px;
    text-align: left;
    background: url(../n-images/header_sub.png) #0e1921;
    border: 1px solid #36444e;
    color: #aaf5e2;
    box-shadow: 0px 0px 12px 2px #1f313e;
    width: 100%;;
}

.spotlight .sub_header h1 svg{
	fill: #44ab91;
}
.spotlight .sub_header h1 {
	display: block;
    float: left;
    width: auto;
    font-weight: bold;
    font-size: 15px;
    text-transform: uppercase;
    line-height: 55px;
    margin-left: 10px;
}

.spotlight .sub_header .title_overlay {
    top: 15px;
    left: 16px;
    width: 100px;
}

.spotlight .spotlight_image {
}

.spotlight .spotlight_image img {
    display: block;
    width: 270px;
    height: 105px;
    margin: 7px 0 0 13px;
    border: 1px solid #84663e;
    box-shadow: 0 0 10px rgba(79, 37, 12, 0.65);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.spotlight .spotlight_image_overlay {
    position: absolute;
    top: 4px;
    left: 14px;
    width: 270px;
    height: 105px;
    display: block;
    pointer-events: none;
    box-shadow: inset 0 0 5px rgba(147, 107, 56, 0.5);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.blueberry {
    margin: 0 auto;
}

.blueberry .slides {
    display: block;
    position: relative;
    overflow: hidden;
}

.blueberry .slides li {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.45);

    font-weight: 300;
}

.blueberry .slides li h1 {
    font-size: 15px;
    color: #a58749;
    margin: 13px 0 0 13px;
    font-weight: 300;
}

.blueberry .slides li h1 a {
    color: #e8b066;
}

.blueberry .slides li h1 a:hover {
    color: #eac26f;
}

.blueberry .slides li h4 {
    font-size: 11px;
    font-weight: 300;
    color: #5e5445;
    margin: 2px 0 0 13px;
}

.blueberry .slides li p {
    font-size: 13px;
    color: #817464;
    padding: 10px 14px 14px 13px;
}

.blueberry .slides li.active {
    display: block;
    position: relative;
}

.blueberry .crop li img {
    width: auto;
}

.blueberry .pager {
    height: 42px;
    text-align: right;
    background: rgba(0, 0, 0, 0.2);
    box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.02), inset 0 1px 1px rgba(0, 0, 0, 0.05);
    padding: 0 12px;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

.blueberry .pager li {
    display: inline-block;
}

.blueberry .pager li a,
.blueberry .pager li a span {
    display: block;
    height: 16px;
    width: 16px;
}

.blueberry .pager li a {
    padding: 13px 3px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.blueberry .pager li a span {
    overflow: hidden;
    background: #090402;
    text-indent: -9999px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.85), 1px 1px 1px rgba(114, 102, 88, 0.06);
    transition: all 200ms;
    -moz-transition: all 200ms;
    -webkit-transition: all 200ms;
    -o-transition: all 200ms;
}

.blueberry .pager li.active a span {
    background: #332921;
    box-shadow: inset 0px 1px 1px rgba(172, 151, 126, 0.1), inset 0 0 7px rgba(255, 255, 190, 0.02), 0 0 6px rgba(0, 0, 0, 0.35), 1px 1px 1px rgba(0, 0, 0, 0.35);
}

.blueberry .pager li a:hover span {
    background: #403831;
    box-shadow: inset 0px 1px 1px rgba(172, 151, 126, 0.1), inset 0 0 7px rgba(255, 255, 190, 0.02), 0 0 6px rgba(0, 0, 0, 0.35), 1px 1px 1px rgba(0, 0, 0, 0.35);
}

div.important_notice {
    display: block;
    width: 100%;
    height: 45px;
    margin: 0px 0 12px 0;
    background: #441a1a;
    color: #fff;
    font-size: 13px;
    border-radius: 2px;
    transition: all 400ms;
    -moz-transition: all 400ms;
    -webkit-transition: all 400ms;
    -o-transition: all 400ms;
}

div.important_notice p {
    display: block;
    padding: 14px 0 0 14px;
    transition: all 400ms;
    -moz-transition: all 400ms;
    -webkit-transition: all 400ms;
    -o-transition: all 400ms;
}

div.important_notice:hover {
    opacity: 0.9;  
}
div.important_notice:hover p {
    color: #fff;
}

div.alert_green {
    width: 100%;
    background: #0e7524;
}

div.alert_yellow {
    width: 100%;
    background: #FF9800;
}

div.alert_red {
    width: 100%;
    background: #af1111;
}

.banners {
    width: auto;
    height: 128px;
    margin: 0 0 12px 0;
    border-radius: 2px;
    overflow: hidden;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.4), 2px 2px 1px rgba(0, 0, 0, 0.25);
}

.banners #support p,
.banners #launcher_dw p,
.banners #support,
.banners #launcher_dw {
    background-image: url(../images/sidebar_banners.png?v=0.0.3);
    background-repeat: no-repeat;
    display: block;
}

.banners #support p,
.banners #launcher_dw p {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: all 400ms;
    -moz-transition: all 400ms;
    -webkit-transition: all 400ms;
    -o-transition: all 400ms;
}

.banners #support {
    width: 100%;
    height: 71px;
    background-position: 0 0;
}

.banners #launcher_dw {
    width: 100%;
    height: 57px;
    background-position: 0 -71px;
}

.banners #support p {
    width: 100%;
    height: 71px;
    background-position: 0 -128px;
}

.banners #launcher_dw p {
    width: 100%;
    height: 57px;
    background-position: 0 -199px;
}

.banners #support:hover p,
.banners #launcher_dw:hover p {
    opacity: 0.8;
    background-color: rgba(255, 255, 255, 0.05);
}

.vote-inf {
    background: rgba(56, 53, 48, 0.5);
    color: #615548;
    font-size: 16px;
    padding: 1px 0 0 0;
    font-weight: bold;
    width: 23px;
    height: 22px;
    position: absolute;
    cursor: pointer;
    display: table;
    text-align: center;
    z-index: 1;
    -webkit-border-radius: 23px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 23px;
    -moz-background-clip: padding;
    border-radius: 23px;
    background-clip: padding-box;
}

.vote-inf.nr-01 {
    left: 38%;
    top: 0.9em;
}

.vote-inf:hover {
    color: #b38446;
    background: rgba(56, 53, 48, 1);
}

.vote-inf:hover .tool {
    visibility: visible;
    z-index: 85;
    zoom: 1;
    filter: alpha(opacity=100);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
}

.vote-inf.active {
    background: #f93;
}

.vote-inf.active .tool {
    visibility: visible;
    z-index: 80;
    zoom: 1;
    filter: alpha(opacity=100);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
}

.vote-inf.active:hover .tool {
    z-index: 90;
}

.tool[data-asset="tool"] {
    zoom: 1;
    filter: alpha(opacity=0);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    width: 180px;
    padding: 0 0 1em 0;
    top: -10px;
    background: #211711;
    border-radius: 3px;
    box-shadow: inset 0 0 2px rgba(68, 51, 31, 0.15), inset 0 0 20px rgba(88, 71, 63, 0.35), 0 0 8px rgba(0, 0, 0, 0.4), 2px 2px 1px rgba(0, 0, 0, 0.25);
    -webkit-transition: all 350ms ease-in-out;
    -moz-transition: all 350ms ease-in-out;
    -o-transition: all 350ms ease-in-out;
    transition: all 350ms ease-in-out;
}

.tool[data-asset="tool"] li span {
    display: inline-block;
}

.tool[data-asset="tool"] h2 {
    float: left;
    display: block;
    width: 180px;
    color: #817262;
    text-transform: none;
    font-size: 14px;

    font-weight: normal;
    margin: 9px -10px 0 4px;
    left: -5px;
    line-height: 140%;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.45);
}

.tool[data-asset="tool"] b {
    color: #b38446;
}

.tool[data-asset="tool"].countbox {
    left: -50px;
    top: 3em;
}

.nation,
.class,
.grade,
.symbol {
    background-image: url(../images/icon.bmp);
    vertical-align: middle;
    display: inline-block;
    height: 16px;
    width: 16px;
    margin-right: 2px;
}

.clanicon {
    background-size: 16px 16px;
    vertical-align: middle;
    display: inline-block;
    height: 16px;
    width: 16px;
}

.nation.n1 {
    background-position: 0px -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.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: 0px 0px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.pointer {
    cursor: pointer;
}

.status {
    display: inline-block;
    font-weight: bold;
    font-style: normal;
    font-size: 11px;
}

.online {
    color: #313f09;
}

.offline {
    color: #620c08;
}

.noresults {
    color: #493f34;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);
    text-transform: uppercase;
    font-size: 10px;
    padding: 5px;
    font-weight: bold;
    text-align: center;
    width: %100;
}

.rank_loading {
    padding: 10px;
    text-align: center;
    color: #d2c8ae;
    font-size: 13px;
    font-weight: bold;
}

table.content_ranks {
}

table.content_ranks thead tr th,
table.content_ranks tfoot tr th {
    text-align: left;
    color: #d2c8ae;
    padding: 4px;
}

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

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

table.content_ranks a {
    color: #846f56;
}

table.content_ranks a:hover {
    color: #af9f8b;
}

table.content_ranks tbody tr:nth-child(even) {
    background: rgba(255, 255, 255, 0.02);
}

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

table.content_ranks thead tr .headerSortUp {
}

table.content_ranks thead tr .headerSortDown {
}

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

#home_next_event {
    height: 250px;
    width: 290px;
}

#home_next_event .hidden {
    display: none;
}

#home_next_event img {
    position: absolute;
    z-index: 101;
}

#home_next_event div.event {
    background-image: url(../images/rer.png?v=0.0.3);
    opacity: 0.9;
    border-radius: 5px;
    position: absolute;
    z-index: 101;
    width: auto;
    height: 250px;
}

#home_next_event div.event-1 {
    background-position: -898px -251px;
}

#home_next_event div.event-2 {
}

#home_next_event div.event-3 {
}

#home_next_event div.event-4 {
    background-position: 0 -501px;
}

#home_next_event div.event-5 {
    background-position: 0 0;
}

#home_next_event div.event-6 {
    background-position: -299px -501px;
}

#home_next_event div.event-7 {
    background-position: -1198px -501px;
}

#home_next_event div.event-8 {
    background-position: -1198px -251px;
}

#home_next_event div.timeleft {
    background-image: url(../images/templatev1.jpg?v=0.0.3);
    background-position: -595px -167px;
    position: absolute;
    font-size: 12px;
    color: #ffff80;
    width: 136px;
    height: 19px;
    z-index: 101;
    left: 25%;
    top: 15px;
}

#home_next_event div.timeleft div.left {
    position: absolute;
    text-align: center;
    font-weight: bold;
    width: 69px;
}

#home_next_event div.timeleft div.right {
    position: absolute;
    font-weight: bold;
    right: 10px;
}

#home_next_event div.buttons {
    border: 2px solid #999999;
    background-color: #000000;
    padding: 3px 3px 3px 0;
    position: absolute;
    z-index: 101;
    bottom: 5px;
    left: 15px;
}

#home_next_event div.status {
    background-image: url(../images/templatev1.jpg?v=0.0.3);
    background-position: -1px -96px;
    border: 1px solid black;
    position: absolute;
    font-weight: bold;
    font-size: 13px;
    color: #fdfd96;
    padding: 2px 3px 5px 5px;
    z-index: 101;
    bottom: 6px;
    right: 8px;
}

#home_next_event a {
    background-color: #990000;
    border: 2px solid #720000;
    position: relative;
    margin-left: 3px;
    display: inline;
    height: 12px;
    width: 12px;
    float: left;
}

#home_next_event a:hover,
#home_next_event a.selected {
    background-color: #ff0000;
}

.header_right {
    float: right;
    color: #000;

    font-size: 13px;
    font-weight: normal;
    padding: 18px 0 0 18px;
    margin-right: 20px;
}

.chest_icon {
    vertical-align: middle;
    display: inline-block;
    height: 34px;
    width: 34px;
    margin-right: 10px;
}

#otp_page {
    margin-left: 100px;
}

#accordion h1 {
    font-size: 14px;
    font-weight: bold;
    color: #ad8c47;

    display: block;
}

#accordion p {
    font-size: 14px;

    display: block;
}

#accordion .howto-row-content {
    text-align: left;
}

.how-to-top-info p {
    font-size: 14px;
}

.how-to-top-info span {
    font-size: 14px;
    font-weight: bold;
    color: #ad8c47;
}

.unstuck .manuel h1 {
    margin-top: 30px;
    text-align: left;
    float: left;
    width: 100%;
    display: block;

    font-size: 14px;
    font-weight: bold;
    color: #ad8c47;
}

.unstuck .manuel p {
    margin-top: 4px;
    text-align: left;
    float: left;
    width: 100%;
    display: block;

    font-size: 13px;
    font-weight: bold;
    color: #ad8c47;
}

.live_stream {
    margin-bottom: 10px;
}

#live {
    background-image: url(../images/live.png?v=0.0.3);
    background-repeat: no-repeat;
    display: block;
    width: 300px;
    height: 140px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    opacity: 0.9;
}

#live:hover {
    opacity: 1;
}

.myButtons {
    width: auto;
    height: auto;
	overflow:hidden;
}

.myButtons a{
    background-repeat: no-repeat;
    width: auto;
    height: 80px;
    display: block;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow:hidden;
}

.myButtons a{
	margin-bottom: 12px;
}

.myButtons #nesnemarket_btn{
	background-image: url(../n-images/nesne-market.jpg);
	border: 1px solid #2196f3;
}
.myButtons #oyunindir_btn{
	background-image: url(../n-images/oyunu-indir.jpg);
	border: 1px solid #bb21f3;
}

.myButtons #discord_btn{
	background-image: url(../n-images/discord.jpg);
	border: 1px solid #21f3b5;
}


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

.price_table > tbody > tr:hover {
}

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

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

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

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

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

.price_table .reward {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.07);
    border-left: 3px solid rgba(0, 0, 0, 0.05);
    border-right: 3px solid rgba(0, 0, 0, 0.05);
    font-size: 110%;
    font-weight: 600;
    color: #f1c39e;
}

.price_table {
    border-spacing: 1px;
    border-collapse: separate;
    border-color: #fff;
    background-color: rgba(0, 0, 0, 0.2);
    color: #7a6e63;
    margin: 0;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.02) inset, 0 0 5px rgba(0, 0, 0, 0.7);
    -moz-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.02) inset, 0 0 5px rgba(0, 0, 0, 0.7);
    -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.02) inset, 0 0 5px rgba(0, 0, 0, 0.7);
    width: 800px;
    margin-top: 20px;
    margin-bottom: 10px;
    margin-left: 95px;
}

.price_table th,
.price_table td {
    margin: 1px !important; /*outline: 1px solid #4446;*/
    padding: 10px 10px 7px 10px !important;
}

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

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

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

.download_link a {
    background: none repeat scroll 0 0 rgb(23, 15, 10);
    display: block;
    margin: 0;
    padding: 15px;
    margin: 7px 0 0 25px;
    transition: all 0.3s ease;
    border-radius: 5px;
    text-transform: uppercase;
    border: 1px solid rgb(16, 5, 1);
    box-shadow: inset 0px 20px 50px #2d201b, inset 0px 0px 4px #ba959533, inset 0 0 10px rgba(0, 0, 0, 0.56);
    font-size: 14px;

    text-transform: uppercase;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.45);
    font-weight: bold;
    width: 900px;
}

.download_link a:hover {
    background: none repeat scroll 0 0 #3c1308;
    transition: all 0.3s ease;
    box-shadow: inset 0px 20px 50px #2d201b, inset 0px 0px 4px #ba959533, inset 0 0 10px rgba(0, 0, 0, 0.56);
}

.download_link span {
    margin-right: 10px;
}

.download_link .viewcount {
    float: right;
    margin-top: -30px;
    margin-right: -40px;
    color: #928069;
}

.login_redirecting {
    width: 570px;
    text-align: center;
    padding-top: 10px;

    font-weight: bold;
    font-size: 13px;
    color: #a8a641;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25), 0 0 6px rgba(0, 0, 0, 0.25);
    margin: 15px 0 0 16px;
}

#login_content .complete_msg {
    width: 450px;
    padding-top: 10px;

    font-weight: bold;
    font-size: 13px;
    color: #817262;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25), 0 0 6px rgba(0, 0, 0, 0.25);
    margin: 15px 0 0 16px;
}

.small_event {
    opacity: 0.9;
    border-radius: 5px;
    position: absolute;
    z-index: 101;
    height: 150px;
    width: 185px;
}

.small_event.event-1 {
    background-image: url(../images/events/1.jpg?v=0.0.3);
}

.small_event.event-2 {
    background-image: url(../images/events/2.html);
}

.small_event.event-3 {
    background-image: url(../images/events/3.html);
}

.small_event.event-4 {
    background-image: url(../images/events/4.jpg?v=0.0.3);
}

.small_event.event-5 {
    background-image: url(../images/events/5.jpg?v=0.0.3);
}

.small_event.event-6 {
    background-image: url(../images/events/6.jpg?v=0.0.3);
}

.small_event.event-7 {
    background-image: url(../images/events/7.jpg?v=0.0.3);
}

.small_event.event-8 {
    background-image: url(../images/events/8.jpg?v=0.0.3);
}