#timer_div_title{
    position:absolute;
    height:16px;
    width:210px;
    top:100px;
    right:70px;
    color:#fff;
    font-size:18px;
    text-align:center;
    font-weight:700;
    text-shadow:1px 1px 2px #2a2629
}
#timer_div_time{
    position:absolute;
    height:70px;
    width:220px;
    top:120px;
    right:70px
}
.timmer_inner_block{
    width:50px;
    height:65px;
    background-color:rgba(0,0,0,.55);
    -moz-border-radius:.5em;
    -webkit-border-radius:.5em;
    border-radius:.5em;
    margin:2px;
    float:left;
    border-bottom:1px solid rgba(255,255,255,.12);
    color:#946666;
    font-size:11px;
    text-align:center
}
#timer_div_time .timmer_inner_block .title{
    text-align:center;
    font-size:11px;
    padding:3px;
    color:#add8e6
}
#timer_div_time .timmer_inner_block .count{
    text-align:center;
    font-weight:700;
    font-size:17px;
    padding-top:7px;
    text-shadow:#000 0 0 3px;
    color:#fff
}
body {
    max-width:100vw;
    width:100%;
    /*background:url(../images/top-bg.jpg) top center no-repeat,url(../images/bottom-bg.jpg) bottom center no-repeat;*/
    background-color:#121a25;
    font-family: "Poppins", sans-serif;
    font-size: 12.5px;
    color:#716854;
    line-height:1;
    overflow-x:hidden
}
a{
    transition:all .3s ease;
    color:#c1c1c1;
    text-decoration:none
}
a:hover {
    text-decoration: none;
    color: #E5E5E5    
}
button:hover{
    -webkit-filter:brightness(120%);
    filter:brightness(120%);
    text-decoration:none
}
p{
    margin-bottom:15px
}
h1,h2,h3{
    color:#e7e7e7;
    margin-bottom:20px;
    line-height:1.5
}
select option {
    background-color: #524f4f;
    color: white;
}
h1{
    font-size:18px
}
h2{
    font-size:16px
}
h3{
    font-size:14px
}
select {
    width: 228px !important;
}
input, textarea, select {
    background-color: #ffffff0d;
    border: 1px solid #3d3d3d;
    color: #d1d1d1;
    padding: 5px 10px;
    font-size: 12px;
    position: relative;
    border-radius: 3px;
    transition: all .5s ease;
    width: calc(100% - 20px);
}
input:focus,textarea:focus,select:focus{
    border:1px solid #453e2c
}
input:hover,textarea:hover,select:hover{
    border:1px solid #453e2c
}
button,.button{
    transition:all .3s ease;
    cursor:pointer;
    background:url(../images/button.jpg) center no-repeat;
    background-size:cover;
    border:none;
    color:#c3eaee;
    text-transform:uppercase;
    text-shadow:1px 1px 1px rgba(0,0,0,.2);
    position:relative;
    z-index:1;
    padding:10px 20px;
    display:inline-block
}
.green-button{
    border-radius: 4px;
    border: 1px solid #3d3d3d80;
    background:url(../images/green-button.jpg) center no-repeat;
    background-size:cover;
    box-shadow:0 0 20px 0 rgba(153,0,0,.37)
}
.red .server-x{
    background:url(../images/server-red-img.png) center no-repeat;
    color:#fb093e
}
.red .server-progress span{
    background:#7fff18;
    box-shadow:0 0 10px 0 rgba(127,255,24,.6)
}
.button-small{
    padding:4px 12px
}
:focus{
    outline:none
}
::-webkit-input-placeholder{
    color:#485365
}
::-moz-placeholder{
    color:#485365
}
:-moz-placeholder{
    color:#485365
}
:-ms-input-placeholder{
    color:#485365
}
.wrapper{
    max-width:1260px;
    margin:0 auto;
    position:relative;
    width:100%;
    display:flex;
    flex-direction:column;
    justify-content:center
}
.flex-center{
    display:flex;
    justify-content:space-between;
    align-items:center
}
.light{
    background:url(../images/light-bg.jpg);
    box-shadow:0 12px 30px -5px rgba(0,0,0,.1),0 -12px 30px -5px rgba(0,0,0,.1)
}
.container{
    min-height:1050px;
    display:flex;
    position:relative;
    border-radius: 11px;
    overflow: hidden;
    filter: drop-shadow(0px 0px 10px rgba(112, 112, 119, 0.2));
}
.top-panel{
    background:rgba(0,0,0,.5);
    width:100%;
    position:absolute;
    z-index:10;
    transition:all 1s ease
}
.top-panel .top-panel-container{
    max-width:1200px;
    margin:0 auto;
    display:flex;
    justify-content:center
}
/* .top-panel:hover{
    background:rgba(0,0,0,.5)
} */
.menu{
    display:flex;
    justify-content:space-between
}
.menu li{
    display:inline-block;
    margin:0 12px;
    padding:0;
    background:0 0
}
.menu li a {
    display: block;
    line-height: 63px;
    font-size: 15px;
    text-transform: uppercase;
    color: #ffffff;
    font-family: "Roboto";
    font-weight: 450;
    font-style: normal;
    padding: 0 16px;
}
.menu li a:hover{
    color:#c8ddf1;
    border-bottom:1px solid rgba(200,221,241,.5);
    text-shadow:0 0 10px rgba(200,221,241,.7)
}
.menu li:first-child{
    margin:0 12px 0 0
}
.language-block a{
    display:inline-block;
    height:22px;
    width:22px;
    margin:0 5px;
    opacity:.9
}
.language-block a:hover{
    opacity:1.9
}
.language-block .eng{
    background:url(../images/eng-icon.png) no-repeat
}
.language-block .rus{
    background:url(../images/rus-icon.png) no-repeat
}
.header{
    max-height:480px;
    height:100%;
    position:relative
}
.char{
    position:absolute;
    left:-147px;
    bottom:-78px;
    background:url(../images/char.png) no-repeat;
    max-width:651px;
    width:100%;
    max-height:500px;
    height:100%;
    z-index:2;
    transition:all .8s ease;
    transform:scale(1);
    opacity:1;
    display:block;
    cursor:pointer
}
.char:hover{
    filter:drop-shadow(0px 0px 10px rgba(162,229,241,0.2))
}
.char.small{
    transform:scale(.7);
    opacity:.1
}
.logo{
    width:100%;
    top:110px;
    position:absolute;
    left:-30%
}
.left-sidebar{
    max-width:285px;
    width:100%;
    background:url(../images/sidebar-bg.jpg);
    margin-bottom:110px;
    position:relative;
    flex:1
}
.left-sidebar:after{
    content:"";
    background:url(../images/left-sidebar-icon.png) no-repeat;
    left:-4px;
    bottom:-4px;
    width:25px;
    height:25px;
    position:absolute
}
.download-block{
    background:url(../images/dowload-button.jpg) no-repeat;
    height:90px;
    box-shadow:0 5px 20px -2px rgba(0,0,0,.1)
}
.download-block a{
    display:block;
    position:relative;
    z-index:3;
    font-size:11px;
    color:#7a96b0;
    line-height:1.5;
    padding:23px 0 23px 80px
}
.download-block a span{
    display:block;
    color:#aacff2;
    font-size:18px;
    text-transform:uppercase;
    font-weight:700
}
.p-block{
    padding:20px 20px 30px
}
.login-block{
    background:url(../images/login-block-bg.jpg) bottom no-repeat,url(../images/login-block-repeat.jpg)
}
.login-block .login-block-title{
    margin-bottom:20px
}
.login-block .login-block-title span{
    font-size:14px;
    text-transform:uppercase;
    font-weight:700;
    color:#fff;
    font-family: "Roboto";
}
.login-block .login-block-title a{
    color:#c3c3c3
}
.login-block input{
    background-repeat:no-repeat;
    background-position:left;
    height:32px;
    padding:0 10px 0 50px;
    width:calc(100% - 60px)
}
.login-block .checkbox-block{
    margin-bottom:20px
}
.login-block .login-button{
    margin-bottom:10px
}
.login-block .login-button a{
    color:#dddddd
}
.login-in input{
    background-image:url(../images/login-icon.png)
}
.password-in input{
    background-image:url(../images/password-icon.png)
}
.checkbox{
    display:none
}
.checkbox-custom{
    position:relative;
    width:16px;
    height:16px;
    border:1px solid #394c66;
    border-radius:3px;
    background:#2d2313
}
.checkbox-custom,.label{
    display:inline-block;
    vertical-align:middle
}
.label{
    margin-left:9px;
    margin-bottom:-2px;
    color:#7d8a9f
}
.checkbox:checked+.checkbox-custom::before{
    content:"";
    display:block;
    position:absolute;
    width:16px;
    height:16px;
    top:0;
    left:0;
    background:url(../images/check.png) center no-repeat
}
.sidebar-title {
    color: #999999;
    line-height: 1.6;
    padding: 15px 25px;  
    background:linear-gradient(180deg, #232222, transparent)
}
.sidebar-title span {
    display: block;
    font-size: 14px;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 14px;
    font-family: "Roboto";
}
.sidebar-title .top-title-img{
    width:32px;
    height:32px;
    filter: drop-shadow(0px 0px 3px rgba(255,255,255,0.6));
}
.sidebar-title .forum-img{
    background:url(../images/forum-title-bg.png) no-repeat;
    width:43px;
    height:42px;
    border-radius:50%;
    box-shadow:0 0 14px 0 rgba(51,99,171,.5)
}
.top-player{
    padding:10px 0;
    border-bottom:1px solid rgba(133,216,255,.06)
}
.top-player .number{
    border:1px solid #2e394a;
    color:#826557;
    font-weight:700;
    width:16px;
    height:16px;
    line-height:16px;
    text-align:center
}
.top-player .number.first{
    color:#ffe956;
    border:1px solid #ffe956
}
.top-player .number.second{
    color:#d3e3e4;
    border:1px solid #d3e3e4
}
.top-player .number.third{
    color:#8d6f46;
    border:1px solid #8d6f46
}
.top-player .ava-img{
    width:40px;
    text-align:center;
    height:18px
}
.top-player .ava-img img{
    width:28px;
    height:16px;
    border:1px solid #16629c;
    box-shadow:0 4px 4px 0 rgba(0,0,0,.1)
}
.top-player .nickname{
    max-width:135px;
    width:100%;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    padding:1px 0;
    color:#d0e3ff
}
.top-player .kills{
    width:40px;
    text-align:right;
    color:#74acff;
    font-size:14px
}
.media-block a{
    display:block;
    box-shadow:0 5px 10px 0 rgba(0,0,0,.1);
    position:relative
}
.media-block a:after{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    box-shadow:inset 0 0 190px 20px rgba(0,0,0,.8);
    transition:all 1s ease
}
.media-block img{
    margin-bottom:-2px
}
.media-block p a:after{
    background:url(../images/play-icon.png) center no-repeat
}
.media-block a:hover:after{
    box-shadow:inset 0 0 190px 20px rgba(0,0,0,.2)
}
.content{
    width:100%;
    padding:30px 0;
     padding-top: 0;
    position:relative;
    background:url(../images/news-bg.jpg);
    line-height:1.4;
    box-shadow: 1px 1px 1px 0px #515151, -1px 0px 1px 0px #515151;
    z-index:100;
    flex:2
}
.content:before{
    content:"";
    background:url(../images/top-content-icon.png) no-repeat;
    left:50%;
    margin-left:-70px;
    top:-41px;
    width:143px;
    height:74px;
    position:absolute;
    z-index:11;
    display:none;
}
.content img{
    max-width:590px
}
.content input{
    width:auto
}
.content ul{
    margin-bottom:15px
}
.slider{
    overflow:hidden;
    position:relative;
    max-width:630px;
    width:100%;
    max-height:214px;
    height:100%;
    margin:0 auto;
    z-index:10;
    margin:-30px -20px 0;
    z-index:100
}
.slider .slides{
    position:relative;
    transition:1s
}
.slider .slides .active .slider-text{
    transition:all 2s ease;
    bottom:20px!important
}
.slider .slides .slide{
    float:left;
    display:block;
    position:relative
}
.slider .slides .slide:after{
    content:"";
    position:absolute;
    height:100%;
    width:100%;
    left:0;
    top:0;
    box-shadow:inset 0 0 40px 20px rgba(0,0,0,.6)
}
.slider .slides .slide .slider-text{
    position:absolute;
    bottom:-200px;
    left:0;
    padding:8px 30px;
    width:calc(100% - 60px);
    color:#e0ddd1;
    line-height:1.3;
    color:#fff;
    text-shadow:2px 2px 10px rgba(0,0,0,.8);
    text-align:center;
    z-index:4
}
.slider .slides .slide h1{
    margin-bottom:1px;
    color:#fff;
    font-size:36px
}
.slider .slides .slide img{
    width:100%;
    max-width:630px;
    height:214px
}
.slider .next{
    position:absolute;
    background:url(../images/arrow-right.png) no-repeat;
    height:30px;
    width:30px;
    right:20px;
    top:95px;
    z-index:1;
    cursor:pointer;
    opacity:0;
    z-index:12
}
.slider .prev{
    position:absolute;
    background:url(../images/arrow-left.png) no-repeat;
    height:30px;
    width:30px;
    left:20px;
    top:95px;
    z-index:1;
    cursor:pointer;
    opacity:0;
    z-index:12
}
.slider .navigation{
    position:absolute;
    left:23px;
    top:16px;
    z-index:1;
    cursor:pointer;
    display:none
}
.slider .navigation .dot{
    display:inline-block;
    width:12px;
    height:12px;
    background:linear-gradient(to bottom,#a6d0b6,#89b899);
    border:1px solid #427252;
    cursor:pointer;
    margin:0 2px;
    position:relative
}
.slider:hover .next,.slider:hover .prev{
    opacity:1;
    transition:all .7s ease
}
.slider .navigation .active:after{
    content:"";
    background:linear-gradient(to bottom,#a6d0b6,#89b899);
    height:10px;
    width:10px;
    border:1px solid #b9d8c2;
    position:absolute
}
.tabs{
    box-shadow:0 25px 30px -5px rgba(0,0,0,.2);
    background:url(../images/news-bg.jpg)
}
.login-in input:-webkit-autofill {
    background-color: transparent !important;
}

.login-in input:-moz-autofill,
.login-in input:-moz-autofill-preview {
    background-color: transparent !important;
}
.tabs>.section{
    border-top:1px solid #424242;
    /*-webkit-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
    -webkit-animation-name:fadeIn;
    animation-name:fadeIn*/
}
@-webkit-keyframes fadeIn{
    from{
        opacity:0
    }
    to{
        opacity:1
    }
}
@keyframes fadeIn{
    from{
        opacity:0
    }
    to{
        opacity:1
    }
}
.tabs>input{
    display:none;
    position:absolute
}
.tabs>label{
    display:inline-block;
    padding:15px 18px;
    text-align:center;
    color:#839cb3;
    font-size:12px
}
.tabs>label:hover{
    cursor:pointer;
    color:#fff
}
.tabs>input:checked+label {
    color: #ffffff;
    background: #1e1e1e;
    border-top: 1px solid #515151;
    border-right: 1px solid #515151;
    font-family: Roboto;
    font-size: 14px;
    letter-spacing: 1.5px;
    font-weight: 450;
}
#articles:checked~#content-articles,#guides:checked~#content-guides{
    display:block;
    color:#82a5dd
}
.first-new{
    display:flex;
    justify-content:space-between;
    padding-bottom:20px;
    border-bottom:1px solid rgba(46,53,67,.3)
}
.first-new .news-img{
    opacity:.7;
    max-width:237px;
    width:100%
}
.first-new .news-img img{
    max-width:237px;
    width:100%;
    box-shadow:2px 2px 10px 0 rgba(0,0,0,.3)
}
.first-new .news-img:hover{
    opacity:1
}
.first-new .first-news-info{
    max-width:650px;
    width:100%;
    padding:20px
}
.first-new .first-news-info h2{
    margin-bottom:10px;
    font-weight:400
}
.first-new .first-news-info p {

}
.first-new .first-news-info table:first-child p {
    padding: 0;
    margin: 0;
    font-size: 11px;
}

.first-new .first-news-info .first-news-i .button{
    margin-right:15px
}
.news{
    padding:15px 18px;
    border-bottom:1px solid rgba(46,53,67,.3);
    transition:all .5s ease;
    min-height:25px
}
.news .news-title{
    display:flex;
    align-items:center
}
.news .news-title h2{
    color:#61738e;
    margin-bottom:0;
    font-size:12px;
    font-weight:400
}
.news .news-title span{
    color:#73a6ff;
    font-size:10px;
    border:1px solid #73a6ff;
    padding:2px 4px;
    margin-right:12px
}
.news .date-more{
    color:#435067;
    width:150px;
    text-align:right
}
.news .more{
    display:none
}
.news:hover{
    background:rgba(97,115,142,.04)
}
.news:hover h2{
    color:#bbd0f0
}
.news:hover .date{
    display:none
}
.news:hover .more{
    display:block
}
.carousel{
    position:relative;
    width:510px;
    padding:0 40px
}
.arrow{
    position:absolute;
    top:85px;
    padding:0;
    height:30px;
    width:30px;
    display:block
}
.arrow:hover{
    cursor:pointer
}
.prev{
    left:0;
    background:url(../images/nav-left.png) no-repeat
}
.next{
    right:0;
    background:url(../images/nav-right.png) no-repeat
}
.gallery{
    width:510px;
    overflow:hidden
}
.gallery ul{
    height:205px;
    width:9999px;
    margin:0;
    padding:0;
    list-style:none;
    transition:margin-left 2250ms
}
.gallery li{
    width:150px;
    height:205px;
    padding:0;
    display:inline-block;
    margin:0 10px;
    background:rgba(0,0,0,.05);
    text-align:center;
    position:relative
}
.gallery li .shop-img img{
    max-width:150px
}
.gallery li .shop-title{
    color:#bbd0f0
}
.gallery li .shop-price{
    color:#63cdff;
    font-size:18px
}
.gallery li .shop-button{
    width:100%;
    position:absolute;
    bottom:20px;
    text-align:center
}
.right-sidebar{
    max-width:285px;
    width:100%;
    background:url(../images/sidebar-bg.jpg);
    margin-bottom:110px;
    position:relative;
    flex:1
}
.right-sidebar:after{
    content:"";
    background:url(../images/right-sidebar-icon.png) no-repeat;
    right:-4px;
    bottom:-4px;
    width:25px;
    height:25px;
    position:absolute
}
.server-block{
    padding:0
}
.server{
    display:flex;
    align-items:center;
    padding:10px 10px 10px 10px;
    border-bottom:1px solid rgba(142,227,255,.06)
}
.server .server-x{
    width:74px;
    height:74px;
    text-align:center;
    line-height:74px;
    font-size:14px;
    font-weight:700;
    text-shadow:2px 2px 1px rgba(0,0,0,.3)
}
.server .server-info{
    width:100%;
    color:#eef7ff
}
.server .server-info span{
    color:#826557
}
.server .server-info span b{
    color:#e4ae6a;
    font-weight:400
}
.server .server-progress{
    background:rgba(0,0,0,.8);
    height:3px;
    margin:8px 0
}
.server .server-progress span{
    width:100%;
    height:3px;
    display:block
}
.server .server-description a{
    color:#65a1ff;
    text-decoration:underline;
    font-size:10px
}
.server .server-description a:hover{
    text-decoration:none
}
.server:last-child{
    border-bottom:none
}
.blue .server-x{
    background:url(../images/server-blue-img.png) center no-repeat;
    color:#8ecbff
}
.blue .server-progress span{
    background:#00baff;
    box-shadow:0 0 10px 0 rgba(0,186,255,.6)
}
.pink .server-x{
    background:url(../images/server-pink-img.png) center no-repeat;
    color:#ffbae3
}
.pink .server-progress span{
    background:#00ff2b;
    box-shadow:0 0 10px 0 rgba(0,255,43,.6)
}
.green .server-x{
    background:url(../images/server-green-img.png) center no-repeat;
    color:#deffba
}
.green .server-progress span{
    background:#7fff18;
    box-shadow:0 0 10px 0 rgba(127,255,24,.6)
}
.forum-block{
    box-shadow:0 15px 20px -7px rgba(0,0,0,.15)
}
.sidebar-forum-title{
    border-bottom:1px solid rgba(181,203,243,.04);
    padding-bottom:18px
}
.forum{
    display:flex;
    align-items:center;
    border-bottom:1px solid rgba(181,203,243,.04);
    padding:10px 0
}
.forum p{
    margin-bottom:7px
}
.forum .forum-ava{
    width:45px
}
.forum .forum-ava img{
    height:29px;
    width:29px;
    border:1px solid #16629c;
    box-shadow:4px 4px 5px 0 rgba(0,0,0,.2)
}
.forum .forum-title a{
    color:#7d99c4
}
.forum .forum-info{
    width:200px
}
.forum .forum-info .date{
    color:#3c4961;
    font-size:10px
}
.forum .forum-info .autor{
    color:#65a1ff;
    text-decoration:underline;
    font-size:10px
}
.forum .forum-info .autor:hover{
    text-decoration:none
}
.fast-links-block li{
    margin-left:-11px;
    background:url(../images/li-icon.png) left no-repeat;
    padding:9px 0 9px 29px
}
.fast-links-block li a{
    color:#c3c3c3;
}
#toTop{
    position:absolute;
    display:block;
    width:86px;
    height:86px;
    left:50%;
    top:-43px;
    margin-left:-43px;
    background:url(../images/up-button.png) no-repeat;
    cursor:pointer;
    z-index:2
}
.footer{
    height:300px;
    position:relative;
    color:#ffffff;
    line-height:1.3
}
.footer a{
    color:#c3c3c3
}
.f-logo{
    position:absolute;
    width:100%;
    text-align:center;
    top:60px
}
.footer-info{
    display:flex;
    justify-content:space-between;
    position:absolute;
    width:100%;
    top:170px
}
.design{
    text-align:right;
    padding-right:20px;
    width:210px
}
.copyright{
    padding-left:20px;
    width:210px
}
.f-menu li{
    display:inline-block;
    background:0 0;
    padding:0 18px 0 15px;
    border-right:1px solid #dddddd
}
.f-menu li a{
    color:#dddddd;
    text-transform:uppercase;
    font-size:10px
}
.f-menu li a:hover{
    color:#fff
}
.f-menu li:last-child{
    padding:0 0 0 15px;
    border-right:none
}
.f-menu li:first-child{
    padding:0 18px 0 0
}
table.sidebar_rank{
    width:100%;
    border:0;
    border-collapse:collapse;
    margin:0
}
table.sidebar_rank th{
    border:0;
    text-align:left;
    background-color:rgba(0,0,0,.2);
    border-bottom:1px solid rgba(255,255,255,.04);
    padding-bottom:0;
    font-weight:400;
    width:0;
    padding-left:10px
}
table.sidebar_rank tr:first-child:hover{
    background-color:transparent
}
table.sidebar_rank tr{
    border:0;
    text-align:left;
    height:35px
}
table.sidebar_rank tr:hover{
    background-color:rgba(0,0,0,.15);
    transition-duration:.3s
}
table.sidebar_rank td{
    border:0;
    text-align:left;
    border-bottom:1px solid rgba(255,255,255,.04);
    padding-bottom:3px;
    padding-top:3px;
    padding-left:10px
}
.players-block{
    padding:0
}
.main-table{
    text-align:center;
    width:100%;
    border-collapse:collapse;
    line-height:26px;
    background:url(../images/divider4-bg.png) repeat-x left top
}
.main-table th{
    background:url(../images/divider4-bg.png) repeat-x left bottom
}
.main-table th.end{
    border-right:0
}
.main-table td{
    background:url(../images/divider4-bg.png) repeat-x left bottom
}
.main-table td.end{
    border-right:0
}
.main-table tbody tr:hover{
    background-color:#fff;
    background-color:rgba(255,255,255,.4);
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"
}
.main-table2{
    text-align:left;
    width:100%;
    border-collapse:collapse;
    line-height:26px;
    background:url(../images/divider4-bg.png) repeat-x left top
}
.main-table2 th{
    background:url(../images/divider4-bg.png) repeat-x left bottom
}
.main-table2 th.end{
    border-right:0
}
.main-table2 td{
    background:url(../images/divider4-bg.png) repeat-x left bottom
}
.main-table2 td.end{
    border-right:0
}
.main-table2 tbody tr:hover{
    background-color:#fff;
    background-color:rgba(255,255,255,.4);
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"
}
.main-tr{
    font-weight:700;
    background-color:rgba(0,0,0,.2);
    height:35px;
    padding-left:10px
}
.opt input{
    float:left;
    width:40px;
    margin-left:-10px;
    margin-top:4px
}
.copy{
    padding-top:0
}
.main-inn{
    padding-bottom:43px
}
.vote-block{
    padding:9px 0 0
}
body{
    width:100%;
    background: url(../images/newbg.png) no-repeat top center, url(../images/doodad.jpg) top left repeat;
    background-size: 1876px auto, auto auto;
    font-family: "Poppins", sans-serif;
    font-size: 12.5px;
    color:#e1ded8;
    line-height:1
}
.header{
    height:542px
}
.logo {
    background: url(../images/logo.png) no-repeat center top;
    height: 282px;
    width: 490px;
    margin: auto;
    position: relative;
    margin-top: 101px;
    left: 0%;
    top:0%;
}
.slider{
    z-index:10
}
.timer{
    padding:15px 34px;
    position:relative;
    background:rgb(0 0 0/86%)
}
.top-panel{
    height:64px;
    background:rgb(0 0 0/70%);
    width:100%;
    position:absolute;
    z-index:10;
    transition:all 1s ease
}
.timer li span{
    background:linear-gradient(#fef8eb 20%,#e4ac60 50%,#dd7016);
    color:transparent;
    text-shadow:1px 1px 2px rgb(0 0 0/30%)
}
.timer li p{
    margin-top:12px;
    font-size:14px;
    text-transform:uppercase;
    color:rgb(247 247 247/74%);
    font-family:Candara,Arial,sans-serif
}
.timer-n{
    color:#ddd;
    text-transform:uppercase;
    text-align:center;
    font-size:18px;
    padding:10px;
    font-weight:700;
    background:#172738
}
.server-on{
    height:10px;
    width:10px;
    background-color:#03d62b;
    border-radius:50%;
    display:inline-block
}
.server-off{
    height:10px;
    width:10px;
    background-color:#a80316;
    border-radius:50%;
    display:inline-block
}
.totalcounter{
    padding:15px;
    border-bottom:1px solid rgba(142,227,255,.06)
}
.totalcounter h1{
    color:#d7f1f7;
    font-size:24px;
    display:inline
}
.totalcounter h4{
    font-weight:700;
    font-size:36px;
    font-weight:700;
    font-size:36px;
    background:linear-gradient(to bottom,#73d7ff 25%,#27b2e1 65%,#48b0cb 70%);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent
}
.totalcounter span{
    font-size:12px;
    margin-top:10px
}
.siege-winner{
    padding:5px;
    background:url(../images/siege_block.png) 100%;
    background-size:cover;
    background-position:center;
    border-radius:5px;
    width:100%;
    width:245px;
    height:100px;
    position:relative
}
.arka-winner{
    padding:5px;
    background:url(../images/arkawar.jpg) 100%;
    background-position:center;
    background-size:cover;
    border-radius:5px;
    width:245px
}
.arka-winner h3{
    color:#d7f1f7;
    font-size:16px;
    text-align:center
}
.arka-winner table{
    margin:0 auto;
    background:rgba(0,0,0,.7);
    border-radius:10px;
    padding:10px
}
.arka-winner table td{
    padding:10px;
    color:#d7f1f7
}
.siege-winner .mark_siege{
    margin-top:52px
}
.siege-winner .mark_siege img{
    position:absolute;
    left:40px;
    top:60px;
    width:30px;
    height:30px
}
.siege-winner .guild_siege{
    margin-top:-30px;
    margin-left:114px;
    font-size:24px;
    padding:0;
    font-weight:700;
    font-style:italic;
    background:linear-gradient(to bottom,#f9ed6a 25%,#d88734 65%,#e9b64b 70%);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent
}
.siege-winner .guild_owner{
    margin-top:10px;
    margin-left:114px;
    font-size:14px;
    color:bisque;
    font-family:Cambria,Cochin,Georgia,Times,times new roman,serif
}
#live_popup_ch p{
    margin-top:5px;
    margin-bottom:5px
}
#live_popup_ch a{
    margin-left:15px;
    width:130px;
    float:left;
    position:relative
}
#live_popup_ch img{
    opacity:.7
}
#live_popup_ch a:hover img{
    opacity:1
}
#live_popup_ch a .img{
    background:#000;
    border-radius:10px
}
#live_popup_ch a:hover .img{
    border:solid #fff 2px
}
#live_popup_ch .logo{
    width:27px;
    height:20px;
    position:absolute;
    left:-10px;
    bottom:-5px;
    opacity:1;
    border-radius:5px
}
#live_btn{
    position:absolute;
    height:80px;
    width:30px;
    left:-2px;
    cursor:pointer;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center
}
#live_btn i{
    font-size:17px
}
.p-lives{
    height:10px;
    width:10px;
    background:red;
    border-radius:20px;
    animation:blinker 1.5s cubic-bezier(.5,0,1,1) infinite alternate
}
@keyframes blinker{
    from{
        opacity:1
    }
    to{
        opacity:0
    }
}
.title-t {
    font-size: 12px;
    color: #898d91;
}
.header-title-live{
    position:absolute;
    top:-24px;
    background:#000000cc;
    padding:3px 12px;
    border-radius:10px 10px 0 0;
    width:76px;
    background-color:rgba(8,13,18,.9);
    display:flex;
    align-items:center;
    justify-content:space-between;
    color:#fff;
    font-size:12px
}
table tr[bgcolor]:first-child {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  background-image: linear-gradient(180deg, #101010, transparent);
}
table tr[bgcolor]:first-child td:first-child, table[cellspacing="1"][cellpadding="4"] tr:first-child td:first-child{
  border-top-left-radius: 5px;
}
table tr[bgcolor]:first-child td:last-child, table[cellspacing="1"][cellpadding="4"] tr:first-child td:last-child{
  border-top-right-radius: 5px;
}
table tr[bgcolor]:last-child {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
table tr[bgcolor]:last-child td:first-child, table[cellspacing="1"][cellpadding="4"] tr:last-child td:first-child{
  border-bottom-left-radius: 5px;
}
table tr[bgcolor]:last-child td:last-child, table[cellspacing="1"][cellpadding="4"] tr:last-child td:last-child{
  border-bottom-right-radius: 5px;
}
table[cellspacing="1"][cellpadding="4"]
{
  border-radius: 10px;
  filter: drop-shadow(-1px -1px 1px rgba(32,31,30, 0.6)) drop-shadow(1px 1px 1px rgba(32,31,30, 0.6));
  margin-bottom: 10px;
}
div[class*='Shadow']:not([class="TableContentAndRightShadow"]) {
  display:none;
}
div[class="TableContentAndRightShadow"] {
  background-image:none !important;
  margin-right: 0;
}
hr {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), #85838069, rgba(0, 0, 0, 0));
}
.news_headline {
  height: 26px;
  line-height: 26px;
  padding: 0px 23px;
}
.news_title{
  float: left;
  font-size: 18px;
  color: white;
}
.news_date {
  float: right;
  font-weight: 600;
  color: #7d7871;
}
.news_content {
  padding: 10px 12px;
}
body {
  min-width: 1087px;
}
.TableContent {
  border: 1px solid #232220 !important;
}
.itemDescription {
    color: #00ff00;
    font-size: 16px;
}