@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800&subset=cyrillic');
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{
    margin:0;
    padding:0;
    border:0;
    vertical-align:top
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,div{
    display:block
}
*{
    box-sizing:border-box
}
i,em{
    font-style:normal
}
a{
    text-decoration:none;
    color:#96948A
}
li{
    margin:10px
}
html{
    font-family:'Open Sans',sans-serif;
    font-size:14px;
    line-height:22.5px;
    margin:0;
    padding:230px 0 0px 0
}
.wp{
    margin:0 auto;
    width:100%;
    max-width:1200px;
    padding:0
}
.branding{
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:600px;
    overflow:hidden;
    text-align:center;
    display:inline-block;
    background-position:center top;
    background-repeat:no-repeat
}
.branding a{
    display:block;
    height:100%;
    width:100%;
    overflow:hidden;
    position:relative
}
.branding img{
    position:absolute;
    top:0;
    left:50%;
    width:1920px;
    transform:translateX(-50%)
}
.wp:after{
    content:"";
    width:100%;
    display:table;
    clear:both
}
h1{
    padding:5px;
    color:#ffd5af;
    font-weight:600;
    display:block;
    font-size:17px
    
}
article{
    color:#e2e2e2;
    font-weight:300;
    font-size:13px;
    padding:12px;
    background:#181c1f
}
article h2{
    color:#fff;
    font-weight:600;
    display:block;
    margin:10px 0 5px 0;
    font-size:15px
}
article h2:nth-child(1){
    margin:0 0 5px 0
}
article h3{
    color:#687686;
    font-weight:600;
    display:block;
    margin:10px 0 5px 0;
    font-size:15px
}
article p{
    display:block;
    margin:5px 0 0px 0;
    font-size:13px
}
article p b{
    font-weight:600
}
article p:last-child{
    margin:5px 0 0 0
}
.wpz{
    /*width:448px;*/
    height:30px;
    overflow:hidden;
    background:#1e232a;
    overflow:hidden;
    border-radius:3px;
    color:#fffbb8;
    font-size:14px;
    padding:0 7px;
    font-weight:600;
    line-height:30px;
    margin:15px 0 0px 0
}
.wpx{
    color:#96948A;
    font-size:11px
}
.wpw{
    color:#96948A;
    font-size:11px
}
.wpq{
    /*width:448px;*/
    background:#070e20;
    color:#ACA385;
    font-size:12px
}
footer{
    position:relative;
    background:#141518;
    padding:20px;
    border-radius:0 0 6px 6px
}
footer{
    display:block;
    padding:20px;
    width:100%
}
footer .ratings{
    display:block;
    width:260px;
    float:left
}
header{
    margin: -10px -100% 10px 0px;
    overflow: hidden;
    width:100%;
    height:82.5px;
    padding:30px;
    background:#141518
}
header:after{
    content:"";
    width:100%;
    display:table;
    clear:both
}
.logo{
    margin:0 20px 0 0;
    color:#DCDCDC;
    font-size:30px;
    text-transform:uppercase;
    font-weight:700;
    display:block;
    float:left
}
.logo i{
    transition:filter .3s;
    font-size:30px;
    background:rgba(0,0,0,.3);
    border:2px solid rgba(0,0,0,.2);
    text-align:center;
    line-height:36px;
    display:inline-block;
    border-radius:50%
}
.logo i:nth-child(1){
    background:#F00
}
.logo i:nth-child(2){
    background:#FEBD02;
    margin-left:-6px
}
.logo i:nth-child(3){
    background:#0076F5;
    margin-left:-6px
}
.logo:before{
    content:"0";
    margin:0;
    display:none;
    font-weight:500;
    font-size:15px
}
.add-server-menu{
    border-radius:6px;
    font-weight:bold;
    text-transform:uppercase;
    letter-spacing:1px;
    transition:all 0.3s ease;
    align-items:center;
    text-decoration:none;
    font-family:'Segoe UI',sans-serif;
    background:#141518;
    padding:16.3px;
    margin:-20px -20px 20px -20px;
    border-radius:0
}
.btn-user {
    background: rgba(46, 46, 38, 0.2);
    border: 1px solid #ffffff;
    color: #ffffff;
    padding: 8px 15px;
    border-radius: 0px;
    text-decoration: none;
    font-weight: bold;
    transition: 0.3s;
    float: right;
    margin-top: -3.5px;
    margin-right: -9.5px;
}
.btn-user:hover {
    background: #646464;
    color: white;
}
.user-nav {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-bottom: 10px;
}
.addserver{
    float:left;
    font-size:14px;
    color:#FFF;
    background:rgba(46, 46, 38, 0.2);
    color:#ffffff;
    box-shadow:0 4px 15px rgba(59, 130, 246, 0.3);
    font-weight:bold;
    margin:0;
    width:63%;
    text-transform:uppercase;
    text-align:center;
    border:1px solid #ffffff;
    /*border-right:0px solid rgba(0,0,0,.0);*/
    background:#141518;
    display:block;
    height:40px;
    line-height:36px;
    padding:0 10px 0 15px;
    position:relative
}
.addserver:hover {
    background: #646464;
    color: white;
}
.advert{
    float:right;
    font-size:14px;
    color:#ffffff;
    background:rgba(46, 46, 38, 0.2);
    margin-left:15px;
    box-shadow:0 4px 15px rgba(245, 158, 11, 0.3);
    font-weight:700;
    margin:0;
    width:35%;
    text-transform:uppercase;
    text-align:center;
    border:1px solid #ffffff;
    background:#141518;
    display:block;
    height:40px;
    line-height:36px;
    padding:0 15px 0 5px;
    position:relative
}
.advert:hover{
    background: #646464;
    color: white;
}
.add-server-menu:after{
    content:"";
    width:100%;
    display:table;
    clear:both
}
.add-server-menu a:hover{
    filter:brightness(105%) contrast(120%)
}
aside{
    height:100%
}
aside i{
    font-size:15px;
    text-align:center;
    display:block;
    line-height:22px;
    color:#687686;
    font-weight:600;
    margin:0 0 10px 0
}
.chronicle{
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    font-size:15px;
    margin:0 0 20px;
    color:#ffd5af
}
.chronicle a{
    border:1px solid rgb(47,47,47);
    font-size:13px;
    border-radius:3px;
    color:#FFEBCD;
    background:#1a1a1a;
    border:1px solid #333;
    border-radius:8px;
    padding:2px;
    text-align:center;
    transition:all 0.3s ease;
    text-decoration:none;
    color:#ccc;
    position:relative;
    overflow:hidden;
    font-weight:600;
    display:inline-block;
    margin:0 4px 3px 0;
    float:left;
    text-align:center;
    height:35px;
    line-height:30px
}
.chronicle a.active{
    font-weight:300;
    background:#0076f5;
    color:#ffeec5
}
.chronicle a:hover{
    box-shadow:0 5px 15px rgba(41, 128, 185, 0.4);
    border-color:#2980b9
}
.chronicle:after{
    content:"";
    width:100%;
    display:table;
    clear:both
}
.content{
    float:left;
    min-height:1200px;
    width:100%;
    max-width:920px;
    background:#181c1f;
    padding:-1px
}
.content:after{
    content:"";
    width:100%;
    display:table;
    clear:both
}
.area{
    height:100%;
    position:relative;
    z-index:2;
    border-radius:6px 6px 0 0;
    overflow:hidden;
    background:#1d2225
}
.area:after{
    content:"";
    width:100%;
    display:table;
    clear:both
}
.left{
    width:50%;
    float:left;
    padding:10px
}
.right{
    width:50%;
    float:left;
    padding:10px
}
.clear{
    clear:both
}
.topvip{
}
.topvip:after{
    content:"";
    width:100%;
    display:table;
    clear:both
}
.mega-advert{
    position:fixed;
    left:0;
    top:0;
    right:0;
    height:750px;
    display:block;
    z-index:0
}
.mega-advert img{
    width:100%;
    height:750px
}
.mega-advert:after{
    z-index:1;
    background:linear-gradient(to bottom,transparent 0%,#D9D7D7 100%);
    position:absolute;
    left:0;
    bottom:0;
    display:block;
    width:100%;
    height:400px;
    content:""
}
.advert-content{
    text-align:center;
    display:block;
    border:2px dashed rgba(0,0,0,.1);
    clear:both;
    padding:20px;
    background:#D9D7D7;
    border-radius:4px;
    margin:10px 10px -10px 10px
}
.advert-right{
    margin:0 0 20px 0
}
aside{
    min-height:1000px;
    width:100%;
    max-width:280px;
    padding:20px;
    float:left;
    background:#1d2225
}
h2,h3{
    clear:both
}
h2{
    font-size:17px;
    color:#787773;
    font-weight:600;
    margin:0 0 -15px 0
}
h3{
    background:#C8C8C8;
    color:#687686;
    font-size:15px;
    padding:0 7px;
    font-weight:300;
    line-height:30px;
    margin:25px 0 10px 0
}
.server.top{
    background:linear-gradient(90deg, #1a1a1a 0%, #252525 100%);
    position:relative;
    box-shadow:0 0 10px rgba(255, 215, 0, 0.1), inset 0 0 5px rgba(255, 215, 0, 0.05);
    transition:all 0.3s ease;
    margin-bottom:2px;
    border-radius:4px;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #14181d), color-stop(0.04, #302626))
}
.servero.top{
    background:linear-gradient(90deg, #1a1a1a 0%, #252525 100%);
    position:relative;
    box-shadow:0 0 10px rgba(255, 215, 0, 0.1), inset 0 0 5px rgba(255, 215, 0, 0.05);
    transition:all 0.3s ease;
    margin-bottom:5px;
    border-radius:4px;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #14181d), color-stop(0.04, #302626))
}
.servers.top{
    background:linear-gradient(90deg, #1a1a1a 0%, #252525 100%);
    position:relative;
    box-shadow:0 0 10px rgba(255, 215, 0, 0.1), inset 0 0 5px rgba(255, 215, 0, 0.05);
    transition:all 0.3s ease;
    margin-bottom:5px;
    border-radius:4px;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #14181d), color-stop(0.04, #302626))
}
.serverz.top{
    background:linear-gradient(90deg, #1a1a1a 0%, #252525 100%);
    position:relative;
    box-shadow:0 0 10px rgba(255, 215, 0, 0.1), inset 0 0 5px rgba(255, 215, 0, 0.05);
    transition:all 0.3s ease;
    margin-bottom:5px;
    border-radius:4px;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #14181d), color-stop(0.04, #302626))
}
.server{
    /*width:448px;*/
    height:38px;
    margin:1px -1px;
    border-radius:8px;
    padding:6.5px;
    background:#10112282;
    border:1px solid #282525;
    margin-bottom:2px;
    color:#d8d7ca;
    -webkit-transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
    transition:all 0.3s ease;
    white-space:nowrap
}
.server:before{
    box-sizing:border-box;
    line-height:20.5px;
    border-radius:4px;
    margin:0 5px 0 0;
    float:left;
    text-align:center;
    font-weight:600;
    color:#1CAC78;
    display:block;
    width:36px;
    height:22px;
    content:"✅"
}
.server.super:before{
    content:"TOP";
    font-weight:700
}
.server.top:before{
    content:"VIP";
    font-weight:700;
    font-size:15px;
    color:#fff;
    background:#fcd34d;
    box-shadow:0 0 10px rgba(255, 215, 0, 0.3);
    border:5px solid rgba(0,0,0,.01);
    border:2px solid rgba(0,0,0,.05)
}
.server.toptop:before{
    content:"VIP";
    font-weight:700
}
.server.vip:before{
    content:"VIP";
    font-weight:700
}
.server a{
    font-size:13px;
    float:left;
    margin:40 5px 0 0
}
.server a{
    width:100%;
    max-width:calc(100% - 41px - 50px - 47px - 58px - 47px - 15px);
    font-size:13px;
    font-weight:600;
    color:#C8C8C8;
    letter-spacing:-.2px;
    text-transform:uppercase;
    overflow:hidden
}
.server:hover a{
    text-decoration:underline
}
.server.super a{
    color:#fff;
    font-weight:700;
    font-size:15px
}
.server.top a{
    color:#fcd34d;
    font-weight:700;
    font-size:15px
}
.server.vip a{
    color:#01B8FF;
    font-weight:700;
    font-size:15px
}
.server span{
    position:relative;
    letter-spacing:-.3px;
    font-weight:600;
    color:#C8C8C8;
    height:24px;
    display:block;
    font-size:12px;
    float:left;
    margin:0 5px 0 0
}
.server span:nth-child(1){
    letter-spacing:-.3px;
    width:80%;
    max-width:calc(100% - 41px - 29px - 47px - 58px - 47px - 15px);
    overflow:hidden
}
.server span:nth-child(2){
    width:100%;
    max-width:49px
}
.server span:nth-child(3){
    width:0;
    margin:0
}
.server span:nth-child(4){
    width:100%;
    max-width:49px;
    font-weight:700;
    color:#fff;
    background:rgba(255, 255, 255, 0.05);
    text-align:center;
    border-radius:3px;
    text-shadow:0 0 8px rgba(255, 255, 255, 0.3);
    letter-spacing:0.5px
}
.server span:nth-child(5){
    width:100%;
    max-width:57px
}
.server span:nth-child(6){
    width:100%;
    max-width:46px;
    background:rgba(255, 255, 255, 0.05);
    backdrop-filter:blur(5px);
    border:1px solid rgba(255, 255, 255, 0.1);
    border-radius:5px;
    display:inline-block;
    margin-bottom:20px;
    margin:0 0 0 0
}
.server.top span:nth-child(3){
    max-width:16px;
    margin:0 1px 0 0
}
.server.vip span:nth-child(3){
    max-width:16px;
    margin:0 1px 0 0
}
.server.super span:nth-child(3){
    max-width:16px;
    margin:0 1px 0 0
}
.server span:nth-child(2).obt:before{
    color:#999;
    content:"ОБТ";
    font-family:'GothamPro';
    font-weight:600;
    font-size:12px;
    width:100%;
    display:block;
    text-align:center;
    height:24px;
    line-height:24px
}
.server span:nth-child(2).obt:after{
    letter-spacing:-.3px;
    z-index:3;
    display:none;
    content:"Старт ОБТ";
    white-space:nowrap;
    padding:0 10px;
    color:#fff;
    height:24px;
    line-height:24px;
    border-radius:3px;
    position:absolute;
    left:50%;
    top:-20px;
    transform:translatex(-50%);
    background:rgba(0,0,0,.7);
    border:1px solid rgba(0,0,0,.7)
}
.server span:nth-child(2):hover.obt:before{
    color:#687686
}
.server span:nth-child(2):hover.obt:after{
    display:block
}
.server span:nth-child(2).bonus:before{
    color:#fff;
    content:url(/wp-content/themes/la1iuy2anons/bon.png);
    display:inline-block;
    color:#ffae00;
    animation:pulse-soft 2s infinite;
    font-family:'fontello';
    margin:0 25px 0 0;
    font-weight:normal;
    font-size:10px;
    width:25%;
    display:block;
    text-align:center;
    height:24px;
    line-height:25px;
    padding:2px
}
@keyframes pulse-soft{
    0%{
        transform:scale(1);
        opacity:1
    }
    50%{
        transform:scale(1.1);
        opacity:0.8
    }
    100%{
        transform:scale(1);
        opacity:1
    }
}
.server span:nth-child(2).bonus:after{
    display:none;
    content:"БОНУС СТАРТ";
    white-space:nowrap;
    padding:0 12px;
    color:#fcd34d;
    height:24px;
    line-height:24px;
    border-radius:3px;
    position:absolute;
    left:50%;
    top:-23px;
    transform:translatex(-50%);
    background:rgba(0,0,0,.7);
    border:1px solid rgba(0,0,0,.7)
}
.server span:nth-child(2):hover.bonus:before{
    color:#687686
}
.server span:nth-child(2):hover.bonus:after{
    display:block
}
.server span:nth-child(2).bonuss:before{
    color:#fff;
    content:url(/wp-content/themes/la1iuy2anons/bts.png);
    font-family:'fontello';
    margin:0 25px 0 0;
    font-weight:normal;
    font-size:10px;
    width:25%;
    display:block;
    text-align:center;
    height:24px;
    line-height:25px;
    padding:2px
}
.server span:nth-child(2).bonuss:after{
    display:none;
    content:"БОНУС СТАРТ";
    white-space:nowrap;
    padding:0 10px;
    color:#fcd34d;
    height:24px;
    line-height:24px;
    border-radius:3px;
    position:absolute;
    left:50%;
    top:-23px;
    transform:translatex(-50%);
    background:rgba(0,0,0,.7);
    border:1px solid rgba(0,0,0,.7)
}
.server span:nth-child(2):hover.bonuss:before{
    color:#687686
}
.server span:nth-child(2):hover.bonuss:after{
    display:block
}
.server span:nth-child(2).start:before{
    color:#999;
    content:"\F1FD";
    font-family:'fontello';
    font-weight:normal;
    font-size:17px;
    width:100%;
    display:block;
    text-align:center;
    height:24px;
    line-height:24px
}
.server span:nth-child(2).start:after{
    display:none;
    content:"Бонус старт";
    white-space:nowrap;
    padding:0 10px;
    color:#fff;
    height:24px;
    line-height:24px;
    border-radius:3px;
    position:absolute;
    left:50%;
    top:-20px;
    transform:translatex(-50%);
    background:rgba(0,0,0,.7);
    border:1px solid rgba(0,0,0,.7)
}
.server span:nth-child(2):hover.start:before{
    color:#687686
}
.server span:nth-child(2):hover.start:after{
    display:block
}
.server span:nth-child(2).eng:before{
    color:#999;
    content:url(/wp-content/themes/la1iuy2anons/eu.png);
    font-family:'fontello';
    font-weight:normal;
    font-size:10px;
    width:5%;
    display:block;
    text-align:center;
    height:24px;
    line-height:25px;
    padding:2px
}
.server span:nth-child(2).eng:after{
    display:none;
    content:"ИНОСТРАННЫЙ СЕРВЕР";
    white-space:nowrap;
    padding:0 10px;
    color:#fcd34d;
    height:24px;
    line-height:24px;
    border-radius:3px;
    position:absolute;
    left:50%;
    top:-23px;
    transform:translatex(-50%);
    background:rgba(0,0,0,.7);
    border:1px solid rgba(0,0,0,.7)
}
.server span:nth-child(2):hover.eng:before{
    color:#687686
}
.server span:nth-child(2):hover.eng:after{
    display:block
}
.server span:nth-child(2).low:before{
    color:#F00;
    content:"low";
    font-family:'fontello';
    font-weight:bold;
    font-size:12px;
    width:100%;
    display:block;
    text-align:center;
    height:24px;
    line-height:25px
}
.server span:nth-child(2).low:after{
    display:none;
    content:"Международный сервер";
    white-space:nowrap;
    padding:0 10px;
    color:#fff;
    height:24px;
    line-height:24px;
    border-radius:3px;
    position:absolute;
    left:50%;
    top:-20px;
    transform:translatex(-50%);
    background:rgba(0,0,0,.7);
    border:1px solid rgba(0,0,0,.7)
}
.server span:nth-child(2):hover.low:before{
    color:#687686
}
.server span:nth-child(2):hover.low:after{
    display:block
}
.server span:nth-child(2).pts:before{
    content:"[PTS]";
    margin:0 -5px 4px -5px;
    font-family:'GothamPro';
    font-weight:600;
    font-size:12px;
    color:#fcd34d;
    text-transform:uppercase;
    width:100%;
    display:block;
    text-align:center;
    height:24px;
    line-height:25px
}
.server span:nth-child(2).pts:after{
    display:none;
    content:"PTS Сервер";
    white-space:nowrap;
    padding:0 10px;
    color:#fff;
    height:24px;
    line-height:24px;
    border-radius:3px;
    position:absolute;
    left:50%;
    top:-20px;
    transform:translatex(-50%);
    background:rgba(0,0,0,.7);
    border:1px solid rgba(0,0,0,.7)
}
.server span:nth-child(2):hover.pts:before{
    color:#687686
}
.server span:nth-child(2):hover.pts:after{
    display:block
}
.server span:nth-child(2).ptst:before{
    content:"[PTS]";
    margin:0 -5px 4px -5px;
    font-family:'GothamPro';
    font-weight:600;
    font-size:12px;
    color:#D41E46;
    text-transform:uppercase;
    width:100%;
    display:block;
    text-align:center;
    height:24px;
    line-height:25px
}
.server span:nth-child(2).ptst:after{
    display:none;
    content:"PTS Сервер";
    white-space:nowrap;
    padding:0 10px;
    color:#fff;
    height:24px;
    line-height:24px;
    border-radius:3px;
    position:absolute;
    left:50%;
    top:-20px;
    transform:translatex(-50%);
    background:rgba(0,0,0,.7);
    border:1px solid rgba(0,0,0,.7)
}
.server span:nth-child(2):hover.ptst:before{
    color:#687686
}
.server span:nth-child(2):hover.ptst:after{
    display:block
}
.server span:nth-child(2).dengi:before{
    color:#5EBD5E;
    content:url(/wp-content/themes/la1iuy2anons/dollar.png);
    font-family:'fontello';
    margin:0 25px 0 0;
    font-weight:normal;
    font-size:10px;
    width:10%;
    display:block;
    text-align:center;
    height:24px;
    line-height:25px;
    padding:2px
}
.server span:nth-child(2).dengi:after{
    display:none;
    content:"Денежные Вознаграждения";
    white-space:nowrap;
    padding:0 10px;
    color:#0F0;
    height:24px;
    line-height:24px;
    border-radius:3px;
    position:absolute;
    left:50%;
    top:-20px;
    transform:translatex(-50%);
    background:rgba(0,0,0,.7);
    border:1px solid rgba(0,0,0,.7)
}
.server span:nth-child(2):hover.dengi:before{
    color:#687686
}
.server span:nth-child(2):hover.dengi:after{
    display:block
}
.server.super{
    position:relative;
    background:linear-gradient(135deg, #1a1a1a 0%, #252525 100%);
    border:1px solid rgba(212, 175, 55, 0.3);
    transition:all 0.3s ease;
    z-index:1
}
.server.super:hover{
    border-color:#d4af37;
    box-shadow:0 0 15px rgba(212, 175, 55, 0.2);
    transform:translateY(-1px)
}
.server.super::before{
    content:"";
    background:linear-gradient( to right, transparent, rgba(255, 255, 255, 0.15), transparent );
    animation:shine-loop 4s ease-in-out infinite;
    z-index:2
}
@keyframes shine-loop{
    0%{
        left:-150%
    }
    20%{
        left:150%
    }
    100%{
        left:150%
    }
}
.server.super{
    color:#d4af37;
    text-shadow:0 0 5px rgba(212, 175, 55, 0.5);
    animation:pulse-gold 2s infinite
}
@keyframes pulse-gold{
    0%{
        opacity:0.7
    }
    50%{
        opacity:1;
        text-shadow:0 0 12px rgba(212, 175, 55, 0.8)
    }
    100%{
        opacity:0.7
    }
}
@keyframes crown-swing{
    0%,100%{
        transform:rotate(0deg)
    }
    25%{
        transform:rotate(10deg)
    }
    75%{
        transform:rotate(-10deg)
    }
}
.server.super{
    color:#fff;
    -webkit-border-radius:6px;
    border-radius:3px;
    -webkit-box-shadow:0px 2px 8px 0px rgb(255 50 50 / 60%);
    box-shadow:0px 2px 8px 0px rgb(255 50 50 / 60%);
    margin-bottom:10px;
    transition:all 300ms linear;
    -moz-transition:all 300ms linear;
    -o-transition:all 300ms linear;
    -webkit-transition:all 300ms linear;
    background:linear-gradient(to right, #DC143C 0%, #180707 100%)
}
.server.super:before{
    font-size:1px;
    content:url(/static/vip.png);
    display:inline-block;
    animation:crown-swing 3s infinite ease-in-out;
    font-family:'fontello';
    border:0px solid rgba(0,0,0,.01);
    color:#000;
    background:rgba(0,0,0,0);
    border:-18px solid rgba(0,0,0,.0)
}
.server.super span:nth-child(1){
    font-family:'GothamPro';
    font-weight:600;
    font-size:15px;
    color:#fff;
    text-transform:uppercase
}
.server.super span:nth-child(3):before{
    content:"\2605";
    font-size:16px;
    margin:0 5px 0 0;
    color:#fff;
    display:inline-block;
    width:16px;
    line-height:24px;
    height:24px;
    text-align:center;
    float:right;
    font-family:'fontello'
}
.server.super span:nth-child(3):after{
    z-index:3;
    display:none;
    content:"PREMIUM VIP Сервер";
    white-space:nowrap;
    padding:0 10px;
    color:#FF0;
    height:24px;
    line-height:24px;
    border-radius:3px;
    position:absolute;
    left:50%;
    top:-23px;
    transform:translatex(-50%);
    background:rgba(0,0,0,.7);
    border:1px solid rgba(0,0,0,.7)
}
.server.super span:nth-child(6):hover:after{
    display:block
}
.server.super span:nth-child(3):hover:after{
    display:block
}
.server.super span{
    color:#fff;
    font-weight:700;
    text-shadow:0 0 3px rgba(0,0,0,.2)
}
.server.super:hover{
    filter:brightness(110%)
}
.server.top span{
    color:#fcd34d
}
.server.top:before{
    font-size:14px;
    color:#000;
    border:2px solid rgba(0,0,0,.01);
    border:1px solid #fcd34d
}
.server.top span:nth-child(1){
    font-family:'GothamPro';
    font-weight:600;
    font-size:14px;
    color:#fcd34d;
    text-transform:uppercase
}
.server.top span:nth-child(3):before{
    content:"\2605";
    font-size:16px;
    margin:0 5px 0 0;
    color:#fcd34d;
    display:inline-block;
    width:16px;
    line-height:24px;
    height:24px;
    text-align:center;
    float:right;
    font-family:'fontello'
}
.server.top span:nth-child(3):after{
    z-index:3;
    display:none;
    content:"TOP VIP Сервер";
    white-space:nowrap;
    padding:0 10px;
    color:#fcd34d;
    height:24px;
    line-height:24px;
    border-radius:3px;
    position:absolute;
    left:50%;
    top:-23px;
    transform:translatex(-50%);
    background:rgba(0,0,0,.7);
    border:1px solid rgba(0,0,0,.7)
}
.server.top span:nth-child(6):hover:before{
    color:#fcd34d
}
.server.top span:nth-child(6):hover:after{
    display:block
}
.server span:nth-child(1){
    text-transform:uppercase
}
.server.vip:before{
    font-size:14px;
    color:#01B8FF;
    border:1px solid rgba(0,0,0,.01)
}
.server.vip span:nth-child(1){
    font-family:'GothamPro';
    font-weight:600;
    font-size:14px;
    color:#01B8FF;
    text-transform:uppercase;
    font-weight:700
}
.server.vip span:nth-child(6):after{
    z-index:3;
    display:none;
    content:"VIP Сервер";
    white-space:nowrap;
    padding:0 10px;
    color:#ff0;
    height:24px;
    line-height:24px;
    border-radius:3px;
    position:absolute;
    left:50%;
    top:-23px;
    transform:translatex(-50%);
    background:rgba(0,0,0,.7);
    border:1px solid rgba(0,0,0,.7)
}
.server.vip span:nth-child(6):hover:before{
    color:#01B8FF
}
.server.top span:nth-child(3):hover:after{
    display:block
}
.server.vip span:nth-child(6){
    font-weight:700;
    font-size:13px;
    color:#01B8FF
}
.server.vip span{
    color:#01B8FF;
    font-weight:700
}
.server span:nth-child(1){
    text-transform:uppercase
}
.server.obt:before{
    font-size:14px;
    color:#01B8FF;
    border:1px solid rgba(0,0,0,.01)
}
.server.obt span:nth-child(1){
    font-family:'GothamPro';
    font-weight:600;
    font-size:14px;
    color:#151305;
    text-transform:uppercase;
    font-weight:bold
}
.server.obt span:nth-child(3):hover:before{
    color:#151305
}
.server.obt span:nth-child(3):hover:after{
    display:block
}
.server.obt:before{
    content:"ОБТ";
    font-weight:700
}
.server.obt a{
    color:#01B8FF;
    font-weight:700;
    font-size:14px
}
.add-form{
}
.add-form:after{
    content:"";
    width:100%;
    display:table;
    clear:both
}
.add-server{
    padding:20px 10px
}
.add-server:after{
    content:"";
    width:100%;
    display:table;
    clear:both;
    color:#FFF
}
.left-stroke{
    width:calc(100% - 272px);
    color:#FFF;
    float:left
}
.add-server .stroke{
    font-family:'GothamPro';
    padding:0;
    margin:0 0 18px 0
}
.add-server .stroke span{
    min-width: 250px;
    display:block;
    float:left;
    width:calc(100% - 250px);
    text-align:left;
    font-weight:400;
    font-size:15px;
    line-height:20px;
    padding:0 30px 0 0
}
.add-server .stroke span i{
    display:block;
    text-align:left;
    font-weight:300;
    font-size:13px;
    color:#FFF
}
.add-server .stroke span em{
    color:#FFF;
    font-weight:400;
    line-height:40px;
    font-size:16px
}
.add-server .stroke span em:before{
    content:"\E811";
    font-family:'fontello';
    margin:0 10px 0 0;
    font-size:14px
}
.add-server .stroke .addinput{
    display:block;
    float:left;
    width:250px;
    text-align:left
}
.add-server .stroke .addinput input{
    font-family:'GothamPro';
    width:100%;
    border-radius:4px;
    padding:0 0 0 10px;
    height:40px;
    line-height:40px;
    border:1px solid #dbdbdb
}
.add-server .stroke .addinput input.bad{
    border:1px solid #F00;
    box-shadow:0 0 0 1px #F00
}
.add-server .stroke .addinput select{
    font-family:'GothamPro';
    width:100%;
    border-radius:4px;
    padding:0 0 0 10px;
    height:40px;
    line-height:40px;
    border:1px solid #dbdbdb
}
.add-server .stroke .addinput select.bad{
    border:1px solid #F00;
    box-shadow:0 0 0 1px #F00
}
.add-server .stroke:after{
    content:"";
    width:100%;
    display:table;
    clear:both
}
.add-server .datastroke{
    font-family:'GothamPro';
    float:right;
    width:272px;
    padding:0 0 0 20px
}
.add-server .datastroke span{
    display:block;
    text-align:center;
    font-weight:400;
    font-size:15px;
    line-height:40px;
    padding:0 0 0 0
}
.add-server .datastroke span em{
    color:#F00;
    font-weight:400;
    line-height:40px;
    font-size:16px
}
.add-server .datastroke span em:before{
    content:"\E811";
    font-family:'fontello';
    margin:0 10px 0 0;
    font-size:14px
}
.add-server .datastroke .addinput input.bad ~ .datepicker-inline .datepicker{
    border:1px solid #F00;
    box-shadow:0 0 0 1px #F00
}
.left-stroke .stroke:last-child{
    margin:0
}
.primer{
    padding:0 0 10px 0;
    marg;
    in:0 0 10px 0
}
.not-stroke{
    visibility:hidden;
    display:none
}
.add-server .serv-submit{
    display:block;
    padding:20px 0
}
.add-server .serv-submit button{
    cursor:pointer;
    font-family:'GothamPro';
    padding:0 25px;
    border-radius:25px;
    margin:0 auto;
    display:block;
    font-weight:500;
    font-size:16px;
    border:2px solid rgba(0,0,0,.2);
    height:50px;
    line-height:46px;
    background:#F00;
    color:#fff;
    outline:none
}
.form-error{
    display:block;
    color:#fff;
    background:#F00;
    font-size:21px;
    margin:30px 10px -10px 10px;
    padding:10px;
    text-align:center;
    border:2px solid rgba(0,0,0,.2);
    border-radius:4px
}
.timefor_d{
    font-family:'Open Sans';
    text-transform:lowercase;
    padding:0 6px 0 6px;
    top:5px;
    border-radius:3px;
    position:relative;
    font-size:12px;
    line-height:20px;
    font-weight:400
}
.timer_red{
    color:#fff;
    background:linear-gradient(90deg, #1b281b 0%, #111 100%);
    border-left:5px solid #2ecc71;
    display:flex;
    justify-content:space-between;
    align-items:center;
    border-radius:0 6px 6px 0;
    margin-bottom:15px;
    box-shadow:inset 15px 0 20px -15px rgba(46, 204, 113, 0.4);
    / color: #fff;
    / text-transform: lowercase;
    border:1px solid #000 padding: 0 2px 0 2px;
    top:0px;
    border-radius:2px;
    position:relative;
    font-size:10px;
    line-height:20px;
    font-weight:600;
    text-transform:uppercase;
    float:right;
    / color: #000;
    / / background: #D9D9D9;
    / / padding: 0 0px 0 1px;
    / text-transform: capitalize
}
.timer_black{
    color:#fff;
    background:#000;
    / color: #4CAF50;
    / text-transform: lowercase;
    border:1px solid #000;
    padding:0 6px 0 6px;
    top:0px;
    border-radius:2px;
    position:relative;
    font-size:10px;
    line-height:20px;
    font-weight:600;
    text-transform:uppercase;
    float:right;
    / color: #000;
    / / background: #D9D9D9;
    / / padding: 0 0px 0 1px;
    / text-transform: capitalize
}
.timer_green{
    color:#fff;
    background:linear-gradient(90deg, #281b1b 0%, #111 100%);
    border-left:5px solid #e74c3c;
    display:flex;
    justify-content:space-between;
    align-items:center;
    border-radius:0 6px 6px 0;
    margin-bottom:15px;
    box-shadow:inset 15px 0 20px -15px rgba(231, 76, 60, 0.4);
    / color: #fff;
    / text-transform: lowercase;
    border:1px solid #000 padding: 0 2px 0 2px;
    top:0px;
    border-radius:2px;
    position:relative;
    font-size:10px;
    line-height:20px;
    font-weight:600;
    text-transform:uppercase;
    float:right;
    / color: #000;
    / / background: #D9D9D9;
    / / padding: 0 0px 0 1px;
    / text-transform: capitalize
}
.timer_red1{
    background:#fffbb8;
    border:3px solid #f00;
    color:#000000fd;
    text-transform:lowercase;
    padding:0 4px 0 4px;
    top:0px;
    border-radius:2px;
    border:1px groove #000;
    position:relative;
    font-size:10px;
    line-height:20px;
    float:right;
    font-weight:600;
    text-transform:uppercase;
    / color: #000;
    / / background: #D9D9D9;
    / / padding: 0 0px 0 1px;
    / text-transform: capitalize
}
.adverts .info{
    display:block;
    width:100%;
    max-width:500px;
    margin:0 20px 10px 0
}
.adverts .info span{
    margin:0 0 5px 0;
    display:block;
    border-bottom:1px dotted #ccc;
    height:20px;
    line-height:20px
}
.adverts .info span:after{
    content:"";
    width:100%;
    display:table;
    clear:both
}
.adverts .info span i{
    display:block;
    background:#fff;
    height:20px;
    line-height:20px
}
.adverts .info span i:nth-child(1){
    float:left;
    padding:0 5px 0 0
}
.adverts .info span i:nth-child(2){
    float:right;
    padding:0 0 0 5px
}
.adverts p b{
    color:#F00
}
footer{
    display:table
}
footer .links{
    display:table-cell;
    color:#e2e2e2;
    width:100%;
    padding:0 20px 0 0
}
footer .ratings{
    display:table-cell
}
.add-server-ok{
    line-height:31px;
    z-index:500;
    font-family:'GothamPro';
    text-align:center;
    color:#fff;
    font-weight:500;
    font-size:26px;
    position:fixed;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    border:3px solid rgba(0,0,0,.3);
    background:#F00;
    padding:30px 50px;
    border-radius:4px
}
.add-server-ok h1{
    font-size:25px;
    font-weight:400
}
.add-server-ok b{
    font-size:23px;
    display:block;
    font-weight:400
}
.add-server-ok a{
    background:#FFD500;
    border-radius:3px;
    font-weight:400;
    font-size:15px;
    display:inline-block;
    margin:15px auto 0 auto;
    color:#111;
    height:40px;
    line-height:36px;
    padding:0 20px
}
.layer{
    display:block;
    z-index:400;
    position:fixed;
    left:0;
    top:0;
    right:0;
    bottom:0;
    background:rgba(0,0,0,.8)
}
.block_main{
    float:left;
    color:#F00;
    margin-left:-25px
}
.server-block{
    margin-bottom:0px
}
.server-block .heading{
    padding:10px;
    border:4px groove #0C1E29;
    width:449px;
    height:1px;
    color:#fff;
    background:#262624;
    font-size:14px;
    font-weight:700;
    text-transform:uppercase;
    text-align:center;
    padding-bottom:25px;
    font-family:'PT Sans',sans-serif
}
.btn-dashed{
    float:left;
    width:calc(51% - 8.5px);
    border-radius:2px;
    text-decoration:none;
    background:#fffbb8;
    text-transform:uppercase;
    height:31px;
    line-height:31px;
    margin:0 5px 5px 0
}
.btn-dasheda{
    float:left;
    width:calc(98% - 2.5px);
    border-radius:2px;
    color:#fffbb8;
    text-decoration:none;
    text-transform:uppercase;
    height:33px;
    line-height:31px;
    border:4px solid #f00;
    margin:0 5px 5px 0;
    text-transform:uppercase;
    font-weight:bold
}
.add_server{
    font-size:16px;
    font-family:"UbuntuRegular";
    color:#fff;
    padding-left:20px;
    line-height:36px;
    background-color:#D79700;
    background-image:url("/static/2.jpg");
    background-repeat:no-repeat;
    background-position:250px center;
    width:180px;
    height:39px;
    text-decoration:none;
    border:1px solid #D79700;
    border-radius:5px;
    display:inline-block;
    vertical-align:top;
    cursor:pointer
}
.add_server:hover{
    color:#fff
}
.form_text{
    color:#333;
    font-family:"UbuntuMedium";
    font-size:16px;
    text-align:center
}
.my_td{
    padding-left:50px
}
.form select{
    width:212px;
    height:36px;
    border-radius:5px;
    box-shadow:none;
    padding-left:12px;
    margin-top:0px;
    margin-right:30px;
    outline:none;
    border:1px solid #c6c6c6
}
.btn-find.btn-add.add_server{
    background-image:url(/add_server_icon.png);
    position:relative;
    top:35px
}
.reaktiv{
    text-align:center;
    padding:20px;
    color:#FFF
}
.reaktiv>div{
    margin:0 0 40px 0
}
.reaktiv>div:last-child{
    border-bottom:0px dashed #eee;
    padding:0;
    margin:0
}
.reaktiv h2{
    height:30px;
    line-height:30px;
    vertical-align:middle;
    margin:0 0 10px 0
}
.reaktiv h3{
    padding:0;
    font-weight:600;
    background:transparent;
    margin:0 0 10px 0
}
.reaktiv>div>p{
    color:#FFF
}
.top p{
    max-width: 500px;
}
.services{
    max-width: 500px;
    display: inline-block;
}
.reaktiv .contact{
    margin:0 0 20px 0
}
.reaktiv .contact a.vk{
    min-width:200px;
    text-align:center;
    transition:.2s;
    color:#fff;
    font-family:'Montserrat';
    font-size:14px;
    font-weight:500;
    text-transform:uppercase;
    height:45px;
    line-height:41px;
    padding:0 10px 0 0;
    background:#087E9A;
    display:inline-block;
    border:2px solid rgba(0,0,0,.2);
    border-radius:4px;
    margin:0 10px 0 0
}
.reaktiv .contact a.vk:before{
    transition:.0s;
    background:rgba(0,0,0,.2);
    font-family:'fontello';
    display:block;
    float:left;
    margin:0 10px 0 0;
    height:41px;
    line-height:41px;
    width:41px;
    text-align:center
}
.reaktiv .contact a.vk:before{
    content:"\E800"
}
.reaktiv .contact .email{
    min-width:200px;
    transition:.2s;
    color:#FFF;
    font-family:'Montserrat';
    font-size:14px;
    font-weight:500;
    text-transform:uppercase;
    height:45px;
    line-height:41px;
    padding:0 10px 0 0;
    background:#fafafa;
    display:inline-block;
    border:2px solid rgba(0,0,0,.1);
    border-radius:4px;
    margin:0 10px 0 0
}
.reaktiv .contact .email:before{
    content:"\F0E0";
    transition:.0s;
    background:rgba(0,0,0,.02);
    font-family:'fontello';
    display:block;
    float:left;
    margin:0 10px 0 0;
    height:41px;
    line-height:41px;
    width:41px;
    text-align:center
}
.reaktiv .contact a:hover{
    filter:brightness(120%)
}
.reaktiv .rekvizit{
    color:#000
}
.reaktiv .rekvizit>div{
    min-width:200px;
    font-family:'Montserrat';
    display:inline-block;
    padding:10px;
    background:#fafafa;
    border:2px solid rgba(0,0,0,.1);
    border-radius:4px;
    margin:0 10px 0 0
}
.reaktiv .rekvizit > div i{
    display:block;
    word-break: break-all;
    color:#000;
    margin:0 0 5px 0;
    font-weight:300
}
.reaktiv .rekvizit > div span{
    font-size:17px;
    text-align:right;
    /*display:block*/
}
.reaktiv .bannernaya{
    max-width: 500px;
    margin-bottom: 40px;
}
.top .server{
    max-width: 500px;
}
.services > .top{
    margin-bottom: 40px;
}
.info > a{
    font-size:19px;
}
.reaktiv .bannernaya:after{
    content:"";
    width:100%;
    display:table;
    clear:both
}
.reaktiv .info{
    display:block;
    width:100%;
    max-width:500px;
    margin:0 0px 10px 0
}
.reaktiv .info span{
    margin:0 0 5px 0;
    display:block;
    border-bottom:1px dotted #ccc;
    height:20px;
    line-height:20px
}
.reaktiv .info span:after{
    content:"";
    width:100%;
    display:table;
    clear:both
}
.reaktiv .info span i{
    display:block;
    height:20px;
    line-height:20px
}
.reaktiv .info span i:nth-child(1){
    float:left;
    padding:0 5px 0 0
}
.reaktiv .info span i:nth-child(2){
    float:right;
    padding:0 0 0 5px
}
.reaktiv p b{
    color:#EC214E
}
.reaktiv .subinfo{
    border-radius:4px;
    padding:10px;
    border:2px solid rgba(0,0,0,.1);
    background:#000;
    margin:0 0 20px 0
}
.reaktiv h2 i{
    display:inline-block
}
.reaktiv .vip h2{
}
.reaktiv .vip h2 i{
    font-size:14px;
    color:#087E9A;
    font-weight:600;
    text-transform:uppercase;
    font-family:'Montserrat';
    text-shadow:0 0px 2px rgba(0,0,0,.05)
}
.reaktiv .vip h2 i:before{
    font-size:14px;
    font-family:'Montserrat';
    content:"VIP";
    box-sizing:border-box;
    line-height:20px;
    border:2px solid rgba(0,0,0,.05);
    margin:3px 6px 0 0;
    float:left;
    text-align:center;
    font-weight:700;
    color:#fff;
    background:#087E9A;
    display:block;
    width:40px;
    height:24px;
    border-radius:3px
}
.reaktiv .supervip h2 i{
    font-size:14px;
    color:#EC214E;
    font-weight:600;
    text-transform:uppercase;
    font-family:'Montserrat';
    text-shadow:0 0px 2px rgba(0,0,0,.05)
}
.reaktiv .supervip h2 i:before{
    font-size:14px;
    font-family:'Montserrat';
    content:"TOP";
    box-sizing:border-box;
    line-height:20px;
    border:2px solid rgba(0,0,0,.05);
    margin:3px 6px 0 0;
    float:left;
    text-align:center;
    font-weight:700;
    color:#fff;
    background:#EC214E;
    display:block;
    width:40px;
    height:24px;
    border-radius:3px
}
.reaktiv .topvip h2 i .server.super{
    transition: .2s;
    background:linear-gradient(to right, #DC143C 0%, #000 100%);
    margin:0 -5px 4px -5px;
    padding:3px 3px;
    border-radius:8px
}
.server.super:before{
    font-size:1px;
    content:url(/static/vip.png);
    font-family:'fontello';
    border:0px solid rgba(0,0,0,.01);
    color:#000;
    background:rgba(0,0,0,0);
    border:-18px solid rgba(0,0,0,.0)
}
.reaktiv .topvip h2 i:before{
    font-size:1px;
    content:url(/static/vip.png);
    font-family:'fontello';
    border:0px solid rgba(0,0,0,.01);
    color:#000;
    background:rgba(0,0,0,0);
    border:-18px solid rgba(0,0,0,.0)
}
.contacts{
    background:#337ab71c;
    border:1px solid rgba(0,0,0,.1);
    padding:11px;
    text-align:left;
    display:block;
    margin:0 auto;
    max-width:850px;
    margin-top:30px
}
.contacts .item{
    display:inline-block;
    vertical-align:top;
    /*height:100px;*/
    border-right:1px solid rgba(0,0,0,.1);
    /*padding:0 40px*/
}
.contacts .item:last-child{
    border-right:none
}
.contacts .sub-title{
    margin-bottom:15px
}
.contacts .ico{
    height:45px;
    margin:3px auto 10px
}
.contacts .ico-vk{
    background:url(/ico-vk.png)no-repeat center
}
.contacts .ico-skype{
    background:url(/ico-skype.png)no-repeat center
}
.contacts .ico-telegram{
    background:url(/ico-telegram.png)no-repeat center
}
.servers{
    width:448px;
    height:38px;
    margin:1px -1px;
    padding:6.5px;
    border-radius:8px;
    background:#10112282;
    border:1px solid #282525;
    margin-bottom:2px;
    color:#d8d7ca;
    -webkit-transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
    transition:all 0.3s ease;
    white-space:nowrap
}
.servers:before{
    box-sizing:border-box;
    line-height:20.5px;
    border-radius:4px;
    margin:0 5px 0 0;
    float:left;
    text-align:center;
    font-weight:600;
    color:#27890F;
    display:block;
    width:36px;
    height:22px;
    content:"🟢";
    animation:blink 1s infinite
}
@keyframes blink{
    0%{
        opacity:1
    }
    50%{
        opacity:0.3
    }
    100%{
        opacity:1
    }
}
.servers.super:before{
    content:"TOP";
    font-weight:700
}
.servers.top:before{
    content:"VIP";
    font-weight:700;
    font-size:15px;
    color:#fff;
    background:#fcd34d;
    border:5px solid rgba(0,0,0,.01);
    border:2px solid rgba(0,0,0,.05)
}
.servers.toptop:before{
    content:"VIP";
    font-weight:700
}
.servers.vip:before{
    content:"VIP";
    font-weight:700
}
.servers:hover{
    background:#192027
}
.servers a{
    font-size:13px;
    float:left;
    margin:40 5px 0 0
}
.servers a{
    width:100%;
    max-width:calc(100% - 41px - 50px - 47px - 58px - 47px - 15px);
    font-size:13px;
    font-weight:600;
    color:#C8C8C8;
    letter-spacing:-.2px;
    text-transform:uppercase;
    overflow:hidden
}
.servers:hover a{
    text-decoration:underline
}
.servers.super a{
    color:#fff;
    font-weight:700;
    font-size:14px
}
.servers.top a{
    color:#fcd34d;
    font-weight:700;
    font-size:14px
}
.servers.vip a{
    color:#01B8FF;
    font-weight:700;
    font-size:14px
}
.servers span{
    position:relative;
    letter-spacing:-.3px;
    font-weight:600;
    color:#C8C8C8;
    height:24px;
    line-height:24px;
    display:block;
    font-size:12px;
    float:left;
    margin:0 5px 0 0
}
.servers span:nth-child(1){
    letter-spacing:-.3px;
    width:80%;
    max-width:calc(100% - 41px - 29px - 47px - 58px - 47px - 15px);
    overflow:hidden
}
.servers span:nth-child(2){
    width:100%;
    max-width:49px
}
.servers span:nth-child(3){
    width:0;
    margin:0
}
.servers span:nth-child(4){
    width:100%;
    max-width:49px;
    font-weight:700;
    color:#fff;
    background:rgba(255, 255, 255, 0.05);
    text-align:center;
    border-radius:3px;
    text-shadow:0 0 8px rgba(255, 255, 255, 0.3);
    letter-spacing:0.5px
}
.servers span:nth-child(5){
    width:100%;
    max-width:57px
}
.servers span:nth-child(6){
    width:100%;
    max-width:46px;
    background:#0b0b16;
    margin:0 0 0 0
}
.servers.top span:nth-child(3){
    max-width:16px;
    margin:0 1px 0 0
}
.servers.vip span:nth-child(3){
    max-width:16px;
    margin:0 1px 0 0
}
.servers.super span:nth-child(3){
    max-width:16px;
    margin:0 1px 0 0
}
.servers span:nth-child(2).obt:before{
    color:#999;
    content:"ОБТ";
    font-family:'GothamPro';
    font-weight:600;
    font-size:12px;
    width:100%;
    display:block;
    text-align:center;
    height:24px;
    line-height:24px
}
.servers span:nth-child(2).obt:after{
    letter-spacing:-.3px;
    z-index:3;
    display:none;
    content:"Старт ОБТ";
    white-space:nowrap;
    padding:0 10px;
    color:#fff;
    height:24px;
    line-height:24px;
    border-radius:3px;
    position:absolute;
    left:50%;
    top:-20px;
    transform:translatex(-50%);
    background:rgba(0,0,0,.7);
    border:1px solid rgba(0,0,0,.7)
}
.servers span:nth-child(2):hover.obt:before{
    color:#687686
}
.servers span:nth-child(2):hover.obt:after{
    display:block
}
.servers span:nth-child(2).bonus:before{
    color:#999;
    content:url(/wp-content/themes/la1iuy2anons/gift.png);
    font-family:'fontello';
    margin:0 25px 0 0;
    font-weight:normal;
    font-size:10px;
    width:25%;
    display:block;
    text-align:center;
    height:24px;
    line-height:25px;
    padding:4px
}
.servers span:nth-child(2).bonus:after{
    display:none;
    content:"Бонус старт";
    white-space:nowrap;
    padding:0 10px;
    color:#fcd34d;
    height:24px;
    line-height:24px;
    border-radius:3px;
    position:absolute;
    left:50%;
    top:-23px;
    transform:translatex(-50%);
    background:rgba(0,0,0,.7);
    border:1px solid rgba(0,0,0,.7)
}
.servers span:nth-child(2):hover.bonus:before{
    color:#687686
}
.servers span:nth-child(2):hover.bonus:after{
    display:block
}
.servers span:nth-child(2).bonuss:before{
    color:#fff;
    content:url(/wp-content/themes/la1iuy2anons/bts.png);
    font-family:'fontello';
    margin:0 25px 0 0;
    font-weight:normal;
    font-size:10px;
    width:25%;
    display:block;
    text-align:center;
    height:24px;
    line-height:25px;
    padding:2px
}
.servers span:nth-child(2).bonuss:after{
    display:none;
    content:"БОНУС СТАРТ";
    white-space:nowrap;
    padding:0 10px;
    color:#fcd34d;
    height:24px;
    line-height:24px;
    border-radius:3px;
    position:absolute;
    left:50%;
    top:-23px;
    transform:translatex(-50%);
    background:rgba(0,0,0,.7);
    border:1px solid rgba(0,0,0,.7)
}
.servers span:nth-child(2):hover.bonuss:before{
    color:#687686
}
.servers span:nth-child(2):hover.bonuss:after{
    display:block
}
.servers span:nth-child(2).start:before{
    color:#999;
    content:"\F1FD";
    font-family:'fontello';
    font-weight:normal;
    font-size:17px;
    width:100%;
    display:block;
    text-align:center;
    height:24px;
    line-height:24px
}
.servers span:nth-child(2).start:after{
    display:none;
    content:"Бонус старт";
    white-space:nowrap;
    padding:0 10px;
    color:#fff;
    height:24px;
    line-height:24px;
    border-radius:3px;
    position:absolute;
    left:50%;
    top:-20px;
    transform:translatex(-50%);
    background:rgba(0,0,0,.7);
    border:1px solid rgba(0,0,0,.7)
}
.servers span:nth-child(2):hover.start:before{
    color:#687686
}
.servers span:nth-child(2):hover.start:after{
    display:block
}
.servers span:nth-child(2).eng:before{
    color:#999;
    content:url(/wp-content/themes/la1iuy2anons/eu.png);
    font-family:'fontello';
    font-weight:normal;
    font-size:10px;
    width:5%;
    display:block;
    text-align:center;
    height:24px;
    line-height:25px;
    padding:2px
}
.servers span:nth-child(2).eng:after{
    display:none;
    content:"ИНОСТРАННЫЙ СЕРВЕР";
    white-space:nowrap;
    padding:0 10px;
    color:#fcd34d;
    height:24px;
    line-height:24px;
    border-radius:3px;
    position:absolute;
    left:50%;
    top:-23px;
    transform:translatex(-50%);
    background:rgba(0,0,0,.7);
    border:1px solid rgba(0,0,0,.7)
}
.servers span:nth-child(2):hover.eng:before{
    color:#687686
}
.servers span:nth-child(2):hover.eng:after{
    display:block
}
.servers span:nth-child(2).low:before{
    color:#F00;
    content:"low";
    font-family:'fontello';
    font-weight:bold;
    font-size:12px;
    width:100%;
    display:block;
    text-align:center;
    height:24px;
    line-height:25px
}
.servers span:nth-child(2).low:after{
    display:none;
    content:"Международный сервер";
    white-space:nowrap;
    padding:0 10px;
    color:#fff;
    height:24px;
    line-height:24px;
    border-radius:3px;
    position:absolute;
    left:50%;
    top:-20px;
    transform:translatex(-50%);
    background:rgba(0,0,0,.7);
    border:1px solid rgba(0,0,0,.7)
}
.servers span:nth-child(2):hover.low:before{
    color:#687686
}
.servers span:nth-child(2):hover.low:after{
    display:block
}
.servers span:nth-child(2).pts:before{
    content:"[PTS]";
    margin:0 -5px 4px -5px;
    font-family:'GothamPro';
    font-weight:600;
    font-size:12px;
    color:#fcd34d;
    text-transform:uppercase;
    width:100%;
    display:block;
    text-align:center;
    height:24px;
    line-height:25px
}
.servers span:nth-child(2).pts:after{
    display:none;
    content:"PTS Сервер";
    white-space:nowrap;
    padding:0 10px;
    color:#fff;
    height:24px;
    line-height:24px;
    border-radius:3px;
    position:absolute;
    left:50%;
    top:-20px;
    transform:translatex(-50%);
    background:rgba(0,0,0,.7);
    border:1px solid rgba(0,0,0,.7)
}
.servers span:nth-child(2):hover.pts:before{
    color:#687686
}
.servers span:nth-child(2):hover.pts:after{
    display:block
}
.servers span:nth-child(2).ptst:before{
    content:"[PTS]";
    margin:0 -5px 4px -5px;
    font-family:'GothamPro';
    font-weight:600;
    font-size:12px;
    color:#D41E46;
    text-transform:uppercase;
    width:100%;
    display:block;
    text-align:center;
    height:24px;
    line-height:25px
}
.servers span:nth-child(2).ptst:after{
    display:none;
    content:"PTS Сервер";
    white-space:nowrap;
    padding:0 10px;
    color:#fff;
    height:24px;
    line-height:24px;
    border-radius:3px;
    position:absolute;
    left:50%;
    top:-20px;
    transform:translatex(-50%);
    background:rgba(0,0,0,.7);
    border:1px solid rgba(0,0,0,.7)
}
.servers span:nth-child(2):hover.ptst:before{
    color:#687686
}
.servers span:nth-child(2):hover.ptst:after{
    display:block
}
.servers span:nth-child(2).dengi:before{
    color:#5EBD5E;
    content:url(/wp-content/themes/la1iuy2anons/stock.png);
    font-family:'fontello';
    margin:0 25px 0 0;
    font-weight:normal;
    font-size:10px;
    width:10%;
    display:block;
    text-align:center;
    height:24px;
    line-height:25px;
    padding:4px
}
.servers span:nth-child(2).dengi:after{
    display:none;
    content:"Денежные Вознаграждения";
    white-space:nowrap;
    padding:0 10px;
    color:#0F0;
    height:24px;
    line-height:24px;
    border-radius:3px;
    position:absolute;
    left:50%;
    top:-20px;
    transform:translatex(-50%);
    background:rgba(0,0,0,.7);
    border:1px solid rgba(0,0,0,.7)
}
.servers span:nth-child(2):hover.dengi:before{
    color:#687686
}
.servers span:nth-child(2):hover.dengi:after{
    display:block
}
.servers.super{
    color:#fff;
    -webkit-border-radius:2px;
    border-radius:2px;
    -webkit-box-shadow:0px 2px 8px 0px rgb(255 50 50 / 60%);
    box-shadow:0px 2px 8px 0px rgb(255 50 50 / 60%);
    margin-bottom:10px;
    transition:all 300ms linear;
    -moz-transition:all 300ms linear;
    -o-transition:all 300ms linear;
    -webkit-transition:all 300ms linear;
    background:linear-gradient(to right, #DC143C 0%, #180707 100%)
}
.servers.super:before{
    font-size:1px;
    content:url(/wp-content/themes/la1iuy2anons/vip.png);
    font-family:'fontello';
    border:0px solid rgba(0,0,0,.01);
    color:#000;
    background:rgba(0,0,0,0);
    border:-18px solid rgba(0,0,0,.0)
}
.servers.super span:nth-child(1){
    font-family:'GothamPro';
    font-weight:600;
    font-size:15px;
    color:#fff;
    text-transform:uppercase
}
.servers.super span:nth-child(3):before{
    content:"\2605";
    font-size:16px;
    margin:0 5px 0 0;
    color:#fff;
    display:inline-block;
    width:16px;
    line-height:24px;
    height:24px;
    text-align:center;
    float:right;
    font-family:'fontello'
}
.servers.super span:nth-child(3):after{
    z-index:3;
    display:none;
    content:"PREMIUM VIP Сервер";
    white-space:nowrap;
    padding:0 10px;
    color:#fcd34d;
    height:24px;
    line-height:24px;
    border-radius:3px;
    position:absolute;
    left:50%;
    top:-23px;
    transform:translatex(-50%);
    background:rgba(0,0,0,.7);
    border:1px solid rgba(0,0,0,.7)
}
.servers.super span:nth-child(3):hover:after{
    display:block
}
.servers.super span{
    color:#fff;
    font-weight:700;
    text-shadow:0 0 3px rgba(0,0,0,.2)
}
.servers.super:hover{
    filter:brightness(110%)
}
.servers.top span{
    color:#fcd34d
}
.servers.top:before{
    font-size:14px;
    color:#000;
    background:#fcd34d
}
.servers.top span:nth-child(1){
    font-family:'GothamPro';
    font-weight:600;
    font-size:14px;
    color:#fcd34d;
    text-transform:uppercase
}
.servers.top span:nth-child(3):before{
    content:"\2605";
    font-size:16px;
    margin:0 5px 0 0;
    color:#fcd34d;
    display:inline-block;
    width:16px;
    line-height:24px;
    height:24px;
    text-align:center;
    float:right;
    font-family:'fontello'
}
.servers.top span:nth-child(3):after{
    z-index:3;
    display:none;
    content:"TOP VIP Сервер";
    white-space:nowrap;
    padding:0 10px;
    color:#fcd34d;
    height:24px;
    line-height:24px;
    border-radius:3px;
    position:absolute;
    left:50%;
    top:-23px;
    transform:translatex(-50%);
    background:rgba(0,0,0,.7);
    border:1px solid rgba(0,0,0,.7)
}
.servers.top span:nth-child(6):hover:before{
    color:#fcd34d
}
.servers.top span:nth-child(6):hover:after{
    display:block
}
.servers span:nth-child(1){
    text-transform:uppercase
}
.servers.vip:before{
    font-size:14px;
    color:#01B8FF;
    border:1px solid rgba(0,0,0,.01)
}
.servers.vip span:nth-child(1){
    font-family:'GothamPro';
    font-weight:600;
    font-size:14px;
    color:#01B8FF;
    text-transform:uppercase;
    font-weight:700
}
.servers.vip span:nth-child(6):after{
    z-index:3;
    display:none;
    content:"VIP Сервер";
    white-space:nowrap;
    padding:0 10px;
    color:#ff0;
    height:24px;
    line-height:24px;
    border-radius:3px;
    position:absolute;
    left:50%;
    top:-23px;
    transform:translatex(-50%);
    background:rgba(0,0,0,.7);
    border:1px solid rgba(0,0,0,.7)
}
.servers.vip span:nth-child(6):hover:before{
    color:#01B8FF
}
.servers.top span:nth-child(3):hover:after{
    display:block
}
.servers.vip span:nth-child(6){
    font-weight:700;
    font-size:13px;
    color:#01B8FF
}
.servers.vip span{
    color:#01B8FF;
    font-weight:700
}
.servers span:nth-child(1){
    text-transform:uppercase
}
.servers.obt:before{
    font-size:14px;
    color:#000;
    background:#01B8FF;
    border:1px solid rgba(0,0,0,.01)
}
.servers.obt span:nth-child(1){
    font-family:'GothamPro';
    font-weight:600;
    font-size:14px;
    color:#151305;
    text-transform:uppercase;
    font-weight:bold
}
.servers.obt span:nth-child(3):hover:before{
    color:#151305
}
.servers.obt span:nth-child(3):hover:after{
    display:block
}
.servers.obt:before{
    content:"ОБТ";
    font-weight:700
}
.servers.obt a{
    color:#01B8FF;
    font-weight:700;
    font-size:14px
}
@keyframes neon-pulse{
    0%{
        transform:scale(1);
        box-shadow:0 0 8px #ff416c, 0 0 12px #ff4b2b;
        opacity:0.8
    }
    50%{
        transform:scale(1.15);
        box-shadow:0 0 15px #ff416c, 0 0 25px #ff4b2b;
        opacity:1
    }
    100%{
        transform:scale(1);
        box-shadow:0 0 8px #ff416c, 0 0 12px #ff4b2b;
        opacity:0.8
    }
}
.serverz{
    /*width:448px;*/
    height:38px;
    margin:1px -1px;
    padding:6.5px;
    border-radius:8px;
    background:#10112282;
    border:1px solid #282525;
    margin-bottom:2px;
    color:#d8d7ca;
    -webkit-transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
    transition:all 0.3s ease;
    white-space:nowrap
}
.serverz:before{
    box-sizing:border-box;
    line-height:20.5px;
    border-radius:4px;
    margin:0 5px 0 0;
    float:left;
    text-align:center;
    font-weight:600;
    color:#27890F;
    display:block;
    width:36px;
    height:22px;
    content:"🔴"
}
.serverz.super:before{
    content:"TOP";
    font-weight:700
}
.serverz.top:before{
    content:"VIP";
    font-weight:700;
    font-size:15px;
    color:#fff;
    background:#fcd34d;
    border:5px solid rgba(0,0,0,.01);
    border:2px solid rgba(0,0,0,.05)
}
.serverz.toptop:before{
    content:"VIP";
    font-weight:700
}
.serverz.vip:before{
    content:"VIP";
    font-weight:700
}
.serverz:hover{
    background:#192027
}
.serverz a{
    font-size:13px;
    float:left;
    margin:40 5px 0 0
}
.serverz a{
    width:100%;
    max-width:calc(100% - 41px - 50px - 47px - 58px - 47px - 15px);
    font-size:13px;
    font-weight:600;
    color:#C8C8C8;
    letter-spacing:-.2px;
    text-transform:uppercase;
    overflow:hidden
}
.serverz:hover a{
    text-decoration:underline
}
.serverz.super a{
    color:#fff;
    font-weight:700;
    font-size:14px
}
.serverz.top a{
    color:#fcd34d;
    font-weight:700;
    font-size:14px
}
.serverz.vip a{
    color:#01B8FF;
    font-weight:700;
    font-size:14px
}
.serverz span{
    position:relative;
    letter-spacing:-.3px;
    font-weight:600;
    color:#C8C8C8;
    height:24px;
    line-height:24px;
    display:block;
    font-size:12px;
    float:left;
    margin:0 5px 0 0
}
.serverz span:nth-child(1){
    letter-spacing:-.3px;
    width:80%;
    max-width:calc(100% - 41px - 29px - 47px - 58px - 47px - 15px);
    overflow:hidden
}
.serverz span:nth-child(2){
    width:100%;
    max-width:49px
}
.serverz span:nth-child(3){
    width:0;
    margin:0
}
.serverz span:nth-child(4){
    width:100%;
    max-width:49px;
    font-weight:700;
    color:#fff;
    background:rgba(255, 255, 255, 0.05);
    text-align:center;
    border-radius:3px;
    text-shadow:0 0 8px rgba(255, 255, 255, 0.3);
    letter-spacing:0.5px
}
.serverz span:nth-child(5){
    width:100%;
    max-width:57px
}
.serverz span:nth-child(6){
    width:100%;
    max-width:46px;
    background:#0b0b16;
    margin:0 0 0 0
}
.serverz.top span:nth-child(3){
    max-width:16px;
    margin:0 1px 0 0
}
.serverz.vip span:nth-child(3){
    max-width:16px;
    margin:0 1px 0 0
}
.serverz.super span:nth-child(3){
    max-width:16px;
    margin:0 1px 0 0
}
.serverz span:nth-child(2).obt:before{
    color:#999;
    content:"ОБТ";
    font-family:'GothamPro';
    font-weight:600;
    font-size:12px;
    width:100%;
    display:block;
    text-align:center;
    height:24px;
    line-height:24px
}
.serverz span:nth-child(2).obt:after{
    letter-spacing:-.3px;
    z-index:3;
    display:none;
    content:"Старт ОБТ";
    white-space:nowrap;
    padding:0 10px;
    color:#fff;
    height:24px;
    line-height:24px;
    border-radius:3px;
    position:absolute;
    left:50%;
    top:-20px;
    transform:translatex(-50%);
    background:rgba(0,0,0,.7);
    border:1px solid rgba(0,0,0,.7)
}
.serverz span:nth-child(2):hover.obt:before{
    color:#687686
}
.serverz span:nth-child(2):hover.obt:after{
    display:block
}
.serverz span:nth-child(2).bonus:before{
    color:#999;
    content:url(/wp-content/themes/la1iuy2anons/gift.png);
    font-family:'fontello';
    margin:0 25px 0 0;
    font-weight:normal;
    font-size:10px;
    width:25%;
    display:block;
    text-align:center;
    height:24px;
    line-height:25px;
    padding:4px
}
.serverz span:nth-child(2).bonus:after{
    display:none;
    content:"Бонус старт";
    white-space:nowrap;
    padding:0 10px;
    color:#fcd34d;
    height:24px;
    line-height:24px;
    border-radius:3px;
    position:absolute;
    left:50%;
    top:-23px;
    transform:translatex(-50%);
    background:rgba(0,0,0,.7);
    border:1px solid rgba(0,0,0,.7)
}
.serverz span:nth-child(2):hover.bonus:before{
    color:#687686
}
.serverz span:nth-child(2):hover.bonus:after{
    display:block
}
.serverz span:nth-child(2).bonuss:before{
    color:#fff;
    content:url(/wp-content/themes/la1iuy2anons/bts.png);
    font-family:'fontello';
    margin:0 25px 0 0;
    font-weight:normal;
    font-size:10px;
    width:25%;
    display:block;
    text-align:center;
    height:24px;
    line-height:25px;
    padding:2px
}
.serverz span:nth-child(2).bonuss:after{
    display:none;
    content:"БОНУС СТАРТ";
    white-space:nowrap;
    padding:0 10px;
    color:#fcd34d;
    height:24px;
    line-height:24px;
    border-radius:3px;
    position:absolute;
    left:50%;
    top:-23px;
    transform:translatex(-50%);
    background:rgba(0,0,0,.7);
    border:1px solid rgba(0,0,0,.7)
}
.serverz span:nth-child(2):hover.bonuss:before{
    color:#687686
}
.serverz span:nth-child(2):hover.bonuss:after{
    display:block
}
.serverz span:nth-child(2).start:before{
    color:#999;
    content:"\F1FD";
    font-family:'fontello';
    font-weight:normal;
    font-size:17px;
    width:100%;
    display:block;
    text-align:center;
    height:24px;
    line-height:24px
}
.serverz span:nth-child(2).start:after{
    display:none;
    content:"Бонус старт";
    white-space:nowrap;
    padding:0 10px;
    color:#fff;
    height:24px;
    line-height:24px;
    border-radius:3px;
    position:absolute;
    left:50%;
    top:-20px;
    transform:translatex(-50%);
    background:rgba(0,0,0,.7);
    border:1px solid rgba(0,0,0,.7)
}
.serverz span:nth-child(2):hover.start:before{
    color:#687686
}
.serverz span:nth-child(2):hover.start:after{
    display:block
}
.serverz span:nth-child(2).eng:before{
    color:#999;
    content:url(/wp-content/themes/la1iuy2anons/eu.png);
    font-family:'fontello';
    font-weight:normal;
    font-size:10px;
    width:5%;
    display:block;
    text-align:center;
    height:24px;
    line-height:25px;
    padding:2px
}
.serverz span:nth-child(2).eng:after{
    display:none;
    content:"ИНОСТРАННЫЙ СЕРВЕР";
    white-space:nowrap;
    padding:0 10px;
    color:#fcd34d;
    height:24px;
    line-height:24px;
    border-radius:3px;
    position:absolute;
    left:50%;
    top:-23px;
    transform:translatex(-50%);
    background:rgba(0,0,0,.7);
    border:1px solid rgba(0,0,0,.7)
}
.serverz span:nth-child(2):hover.eng:before{
    color:#687686
}
.serverz span:nth-child(2):hover.eng:after{
    display:block
}
.serverz span:nth-child(2).low:before{
    color:#F00;
    content:"low";
    font-family:'fontello';
    font-weight:bold;
    font-size:12px;
    width:100%;
    display:block;
    text-align:center;
    height:24px;
    line-height:25px
}
.serverz span:nth-child(2).low:after{
    display:none;
    content:"Международный сервер";
    white-space:nowrap;
    padding:0 10px;
    color:#fff;
    height:24px;
    line-height:24px;
    border-radius:3px;
    position:absolute;
    left:50%;
    top:-20px;
    transform:translatex(-50%);
    background:rgba(0,0,0,.7);
    border:1px solid rgba(0,0,0,.7)
}
.serverz span:nth-child(2):hover.low:before{
    color:#687686
}
.serverz span:nth-child(2):hover.low:after{
    display:block
}
.serverz span:nth-child(2).pts:before{
    content:"[PTS]";
    margin:0 -5px 4px -5px;
    font-family:'GothamPro';
    font-weight:600;
    font-size:12px;
    color:#fcd34d;
    text-transform:uppercase;
    width:100%;
    display:block;
    text-align:center;
    height:24px;
    line-height:25px
}
.serverz span:nth-child(2).pts:after{
    display:none;
    content:"PTS Сервер";
    white-space:nowrap;
    padding:0 10px;
    color:#fff;
    height:24px;
    line-height:24px;
    border-radius:3px;
    position:absolute;
    left:50%;
    top:-20px;
    transform:translatex(-50%);
    background:rgba(0,0,0,.7);
    border:1px solid rgba(0,0,0,.7)
}
.serverz span:nth-child(2):hover.pts:before{
    color:#687686
}
.serverz span:nth-child(2):hover.pts:after{
    display:block
}
.serverz span:nth-child(2).ptst:before{
    content:"[PTS]";
    margin:0 -5px 4px -5px;
    font-family:'GothamPro';
    font-weight:600;
    font-size:12px;
    color:#D41E46;
    text-transform:uppercase;
    width:100%;
    display:block;
    text-align:center;
    height:24px;
    line-height:25px
}
.serverz span:nth-child(2).ptst:after{
    display:none;
    content:"PTS Сервер";
    white-space:nowrap;
    padding:0 10px;
    color:#fff;
    height:24px;
    line-height:24px;
    border-radius:3px;
    position:absolute;
    left:50%;
    top:-20px;
    transform:translatex(-50%);
    background:rgba(0,0,0,.7);
    border:1px solid rgba(0,0,0,.7)
}
.serverz span:nth-child(2):hover.ptst:before{
    color:#687686
}
.serverz span:nth-child(2):hover.ptst:after{
    display:block
}
.serverz span:nth-child(2).dengi:before{
    color:#5EBD5E;
    content:url(/wp-content/themes/la1iuy2anons/stock.png);
    font-family:'fontello';
    margin:0 25px 0 0;
    font-weight:normal;
    font-size:10px;
    width:10%;
    display:block;
    text-align:center;
    height:24px;
    line-height:25px;
    padding:4px
}
.serverz span:nth-child(2).dengi:after{
    display:none;
    content:"Денежные Вознаграждения";
    white-space:nowrap;
    padding:0 10px;
    color:#0F0;
    height:24px;
    line-height:24px;
    border-radius:3px;
    position:absolute;
    left:50%;
    top:-20px;
    transform:translatex(-50%);
    background:rgba(0,0,0,.7);
    border:1px solid rgba(0,0,0,.7)
}
.serverz span:nth-child(2):hover.dengi:before{
    color:#687686
}
.serverz span:nth-child(2):hover.dengi:after{
    display:block
}
.serverz.super{
    color:#fff;
    -webkit-border-radius:2px;
    border-radius:2px;
    -webkit-box-shadow:0px 2px 8px 0px rgb(255 50 50 / 60%);
    box-shadow:0px 2px 8px 0px rgb(255 50 50 / 60%);
    margin-bottom:10px;
    transition:all 300ms linear;
    -moz-transition:all 300ms linear;
    -o-transition:all 300ms linear;
    -webkit-transition:all 300ms linear;
    background:linear-gradient(to right, #DC143C 0%, #180707 100%)
}
.serverz.super:before{
    font-size:1px;
    content:url(/wp-content/themes/la1iuy2anons/vip.png);
    font-family:'fontello';
    border:0px solid rgba(0,0,0,.01);
    color:#000;
    background:rgba(0,0,0,0);
    border:-18px solid rgba(0,0,0,.0)
}
.serverz.super span:nth-child(1){
    font-family:'GothamPro';
    font-weight:600;
    font-size:15px;
    color:#fff;
    text-transform:uppercase
}
.serverz.super span:nth-child(3):before{
    content:"\2605";
    font-size:16px;
    margin:0 5px 0 0;
    color:#fff;
    display:inline-block;
    width:16px;
    line-height:24px;
    height:24px;
    text-align:center;
    float:right;
    font-family:'fontello'
}
.serverz.super span:nth-child(3):after{
    z-index:3;
    display:none;
    content:"PREMIUM VIP Сервер";
    white-space:nowrap;
    padding:0 10px;
    color:#fcd34d;
    height:24px;
    line-height:24px;
    border-radius:3px;
    position:absolute;
    left:50%;
    top:-23px;
    transform:translatex(-50%);
    background:rgba(0,0,0,.7);
    border:1px solid rgba(0,0,0,.7)
}
.serverz.super span:nth-child(3):hover:after{
    display:block
}
.serverz.super span{
    color:#fff;
    font-weight:700;
    text-shadow:0 0 3px rgba(0,0,0,.2)
}
.serverz.super:hover{
    filter:brightness(110%)
}
.serverz.top span{
    color:#fcd34d
}
.serverz.top:before{
    font-size:14px;
    color:#000;
    background:#fcd34d
}
.serverz.top span:nth-child(1){
    font-family:'GothamPro';
    font-weight:600;
    font-size:14px;
    color:#fcd34d;
    text-transform:uppercase
}
.serverz.top span:nth-child(3):before{
    content:"\2605";
    font-size:16px;
    margin:0 5px 0 0;
    color:#fcd34d;
    display:inline-block;
    width:16px;
    line-height:24px;
    height:24px;
    text-align:center;
    float:right;
    font-family:'fontello'
}
.serverz.top span:nth-child(3):after{
    z-index:3;
    display:none;
    content:"TOP VIP Сервер";
    white-space:nowrap;
    padding:0 10px;
    color:#fcd34d;
    height:24px;
    line-height:24px;
    border-radius:3px;
    position:absolute;
    left:50%;
    top:-23px;
    transform:translatex(-50%);
    background:rgba(0,0,0,.7);
    border:1px solid rgba(0,0,0,.7)
}
.serverz.top span:nth-child(6):hover:before{
    color:#fcd34d
}
.serverz.top span:nth-child(6):hover:after{
    display:block
}
.serverz span:nth-child(1){
    text-transform:uppercase
}
.serverz.vip:before{
    font-size:14px;
    color:#01B8FF;
    border:1px solid rgba(0,0,0,.01)
}
.serverz.vip span:nth-child(1){
    font-family:'GothamPro';
    font-weight:600;
    font-size:14px;
    color:#01B8FF;
    text-transform:uppercase;
    font-weight:700
}
.serverz.vip span:nth-child(6):after{
    z-index:3;
    display:none;
    content:"VIP Сервер";
    white-space:nowrap;
    padding:0 10px;
    color:#ff0;
    height:24px;
    line-height:24px;
    border-radius:3px;
    position:absolute;
    left:50%;
    top:-23px;
    transform:translatex(-50%);
    background:rgba(0,0,0,.7);
    border:1px solid rgba(0,0,0,.7)
}
.serverz.vip span:nth-child(6):hover:before{
    color:#01B8FF
}
.serverz.top span:nth-child(3):hover:after{
    display:block
}
.serverz.vip span:nth-child(6){
    font-weight:700;
    font-size:13px;
    color:#01B8FF
}
.serverz.vip span{
    color:#01B8FF;
    font-weight:700
}
.serverz span:nth-child(1){
    text-transform:uppercase
}
.serverz.obt:before{
    font-size:14px;
    color:#000;
    background:#01B8FF;
    border:1px solid rgba(0,0,0,.01)
}
.serverz.obt span:nth-child(1){
    font-family:'GothamPro';
    font-weight:600;
    font-size:14px;
    color:#151305;
    text-transform:uppercase;
    font-weight:bold
}
.serverz.obt span:nth-child(3):hover:before{
    color:#151305
}
.serverz.obt span:nth-child(3):hover:after{
    display:block
}
.serverz.obt:before{
    content:"ОБТ";
    font-weight:700
}
.serverz.obt a{
    color:#01B8FF;
    font-weight:700;
    font-size:14px
}
.servero{
    /*width:448px;*/
    height:38px;
    margin:1px -1px;
    padding:6.5px;
    border-radius:8px;
    background:#10112282;
    border:1px solid #282525;
    margin-bottom:2px;
    color:#d8d7ca;
    -webkit-transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
    transition:all 0.3s ease;
    white-space:nowrap
}
.servero:before{
    box-sizing:border-box;
    line-height:20.5px;
    border-radius:4px;
    margin:0 5px 0 0;
    float:left;
    text-align:center;
    font-weight:600;
    color:#27890F;
    display:block;
    width:36px;
    height:22px;
    content:"⌛"
}
.servero.super:before{
    content:"TOP";
    font-weight:700
}
.servero.top:before{
    content:"VIP";
    font-weight:700;
    font-size:15px;
    color:#fff;
    background:#fcd34d;
    border:5px solid rgba(0,0,0,.01);
    border:2px solid rgba(0,0,0,.05)
}
.servero.toptop:before{
    content:"VIP";
    font-weight:700
}
.servero.vip:before{
    content:"VIP";
    font-weight:700
}
.servero:hover{
    background:#192027
}
.servero a{
    font-size:13px;
    float:left;
    margin:40 5px 0 0
}
.servero a{
    width:100%;
    max-width:calc(100% - 41px - 50px - 47px - 58px - 47px - 15px);
    font-size:13px;
    font-weight:600;
    color:#C8C8C8;
    letter-spacing:-.2px;
    text-transform:uppercase;
    overflow:hidden
}
.servero:hover a{
    text-decoration:underline
}
.servero.super a{
    color:#fff;
    font-weight:700;
    font-size:14px
}
.servero.top a{
    color:#fcd34d;
    font-weight:700;
    font-size:14px
}
.servero.vip a{
    color:#01B8FF;
    font-weight:700;
    font-size:14px
}
.servero span{
    position:relative;
    letter-spacing:-.3px;
    font-weight:600;
    color:#C8C8C8;
    height:24px;
    line-height:24px;
    display:block;
    font-size:12px;
    float:left;
    margin:0 5px 0 0
}
.servero span:nth-child(1){
    letter-spacing:-.3px;
    width:80%;
    max-width:calc(100% - 41px - 29px - 47px - 58px - 47px - 15px);
    overflow:hidden
}
.servero span:nth-child(2){
    width:100%;
    max-width:49px
}
.servero span:nth-child(3){
    width:0;
    margin:0
}
.servero span:nth-child(4){
    width:100%;
    max-width:49px;
    font-weight:700;
    color:#fff;
    background:rgba(255, 255, 255, 0.05);
    text-align:center;
    border-radius:3px;
    text-shadow:0 0 8px rgba(255, 255, 255, 0.3);
    letter-spacing:0.5px
}
.servero span:nth-child(5){
    width:100%;
    max-width:57px
}
.servero span:nth-child(6){
    width:100%;
    max-width:46px;
    background:rgba(255, 255, 255, 0.05);
    backdrop-filter:blur(5px);
    border:1px solid rgba(255, 255, 255, 0.1);
    border-radius:5px;
    display:inline-block;
    margin-bottom:20px;
    margin:0 0 0 0
}
.servero.top span:nth-child(3){
    max-width:16px;
    margin:0 1px 0 0
}
.servero.vip span:nth-child(3){
    max-width:16px;
    margin:0 1px 0 0
}
.servero.super span:nth-child(3){
    max-width:16px;
    margin:0 1px 0 0
}
.servero span:nth-child(2).obt:before{
    color:#999;
    content:"ОБТ";
    font-family:'GothamPro';
    font-weight:600;
    font-size:12px;
    width:100%;
    display:block;
    text-align:center;
    height:24px;
    line-height:24px
}
.servero span:nth-child(2).obt:after{
    letter-spacing:-.3px;
    z-index:3;
    display:none;
    content:"Старт ОБТ";
    white-space:nowrap;
    padding:0 10px;
    color:#fff;
    height:24px;
    line-height:24px;
    border-radius:3px;
    position:absolute;
    left:50%;
    top:-20px;
    transform:translatex(-50%);
    background:rgba(0,0,0,.7);
    border:1px solid rgba(0,0,0,.7)
}
.servero span:nth-child(2):hover.obt:before{
    color:#687686
}
.servero span:nth-child(2):hover.obt:after{
    display:block
}
.servero span:nth-child(2).bonus:before{
    color:#999;
    content:url(/wp-content/themes/la1iuy2anons/gift.png);
    font-family:'fontello';
    margin:0 25px 0 0;
    font-weight:normal;
    font-size:10px;
    width:25%;
    display:block;
    text-align:center;
    height:24px;
    line-height:25px;
    padding:4px
}
.servero span:nth-child(2).bonus:after{
    display:none;
    content:"Бонус старт";
    white-space:nowrap;
    padding:0 10px;
    color:#fcd34d;
    height:24px;
    line-height:24px;
    border-radius:3px;
    position:absolute;
    left:50%;
    top:-23px;
    transform:translatex(-50%);
    background:rgba(0,0,0,.7);
    border:1px solid rgba(0,0,0,.7)
}
.servero span:nth-child(2):hover.bonus:before{
    color:#687686
}
.servero span:nth-child(2):hover.bonus:after{
    display:block
}
.servero span:nth-child(2).bonuss:before{
    color:#fff;
    content:url(/wp-content/themes/la1iuy2anons/bts.png);
    font-family:'fontello';
    margin:0 25px 0 0;
    font-weight:normal;
    font-size:10px;
    width:25%;
    display:block;
    text-align:center;
    height:24px;
    line-height:25px;
    padding:2px
}
.servero span:nth-child(2).bonuss:after{
    display:none;
    content:"БОНУС СТАРТ";
    white-space:nowrap;
    padding:0 10px;
    color:#fcd34d;
    height:24px;
    line-height:24px;
    border-radius:3px;
    position:absolute;
    left:50%;
    top:-23px;
    transform:translatex(-50%);
    background:rgba(0,0,0,.7);
    border:1px solid rgba(0,0,0,.7)
}
.servero span:nth-child(2):hover.bonuss:before{
    color:#687686
}
.servero span:nth-child(2):hover.bonuss:after{
    display:block
}
.servero span:nth-child(2).start:before{
    color:#999;
    content:"\F1FD";
    font-family:'fontello';
    font-weight:normal;
    font-size:17px;
    width:100%;
    display:block;
    text-align:center;
    height:24px;
    line-height:24px
}
.servero span:nth-child(2).start:after{
    display:none;
    content:"Бонус старт";
    white-space:nowrap;
    padding:0 10px;
    color:#fff;
    height:24px;
    line-height:24px;
    border-radius:3px;
    position:absolute;
    left:50%;
    top:-20px;
    transform:translatex(-50%);
    background:rgba(0,0,0,.7);
    border:1px solid rgba(0,0,0,.7)
}
.servero span:nth-child(2):hover.start:before{
    color:#687686
}
.servero span:nth-child(2):hover.start:after{
    display:block
}
.servero span:nth-child(2).eng:before{
    color:#999;
    content:url(/wp-content/themes/la1iuy2anons/eu.png);
    font-family:'fontello';
    font-weight:normal;
    font-size:10px;
    width:5%;
    display:block;
    text-align:center;
    height:24px;
    line-height:25px;
    padding:2px
}
.servero span:nth-child(2).eng:after{
    display:none;
    content:"ИНОСТРАННЫЙ СЕРВЕР";
    white-space:nowrap;
    padding:0 10px;
    color:#fcd34d;
    height:24px;
    line-height:24px;
    border-radius:3px;
    position:absolute;
    left:50%;
    top:-23px;
    transform:translatex(-50%);
    background:rgba(0,0,0,.7);
    border:1px solid rgba(0,0,0,.7)
}
.servero span:nth-child(2):hover.eng:before{
    color:#687686
}
.servero span:nth-child(2):hover.eng:after{
    display:block
}
.servero span:nth-child(2).low:before{
    color:#F00;
    content:"low";
    font-family:'fontello';
    font-weight:bold;
    font-size:12px;
    width:100%;
    display:block;
    text-align:center;
    height:24px;
    line-height:25px
}
.servero span:nth-child(2).low:after{
    display:none;
    content:"Международный сервер";
    white-space:nowrap;
    padding:0 10px;
    color:#fff;
    height:24px;
    line-height:24px;
    border-radius:3px;
    position:absolute;
    left:50%;
    top:-20px;
    transform:translatex(-50%);
    background:rgba(0,0,0,.7);
    border:1px solid rgba(0,0,0,.7)
}
.servero span:nth-child(2):hover.low:before{
    color:#687686
}
.servero span:nth-child(2):hover.low:after{
    display:block
}
.servero span:nth-child(2).pts:before{
    content:"[PTS]";
    margin:0 -5px 4px -5px;
    font-family:'GothamPro';
    font-weight:600;
    font-size:12px;
    color:#fcd34d;
    text-transform:uppercase;
    width:100%;
    display:block;
    text-align:center;
    height:24px;
    line-height:25px
}
.servero span:nth-child(2).pts:after{
    display:none;
    content:"PTS Сервер";
    white-space:nowrap;
    padding:0 10px;
    color:#fff;
    height:24px;
    line-height:24px;
    border-radius:3px;
    position:absolute;
    left:50%;
    top:-20px;
    transform:translatex(-50%);
    background:rgba(0,0,0,.7);
    border:1px solid rgba(0,0,0,.7)
}
.servero span:nth-child(2):hover.pts:before{
    color:#687686
}
.servero span:nth-child(2):hover.pts:after{
    display:block
}
.servero span:nth-child(2).ptst:before{
    content:"[PTS]";
    margin:0 -5px 4px -5px;
    font-family:'GothamPro';
    font-weight:600;
    font-size:12px;
    color:#D41E46;
    text-transform:uppercase;
    width:100%;
    display:block;
    text-align:center;
    height:24px;
    line-height:25px
}
.servero span:nth-child(2).ptst:after{
    display:none;
    content:"PTS Сервер";
    white-space:nowrap;
    padding:0 10px;
    color:#fff;
    height:24px;
    line-height:24px;
    border-radius:3px;
    position:absolute;
    left:50%;
    top:-20px;
    transform:translatex(-50%);
    background:rgba(0,0,0,.7);
    border:1px solid rgba(0,0,0,.7)
}
.servero span:nth-child(2):hover.ptst:before{
    color:#687686
}
.servero span:nth-child(2):hover.ptst:after{
    display:block
}
.servero span:nth-child(2).dengi:before{
    color:#5EBD5E;
    content:url(/wp-content/themes/la1iuy2anons/stock.png);
    font-family:'fontello';
    margin:0 25px 0 0;
    font-weight:normal;
    font-size:10px;
    width:10%;
    display:block;
    text-align:center;
    height:24px;
    line-height:25px;
    padding:4px
}
.servero span:nth-child(2).dengi:after{
    display:none;
    content:"Денежные Вознаграждения";
    white-space:nowrap;
    padding:0 10px;
    color:#0F0;
    height:24px;
    line-height:24px;
    border-radius:3px;
    position:absolute;
    left:50%;
    top:-20px;
    transform:translatex(-50%);
    background:rgba(0,0,0,.7);
    border:1px solid rgba(0,0,0,.7)
}
.servero span:nth-child(2):hover.dengi:before{
    color:#687686
}
.servero span:nth-child(2):hover.dengi:after{
    display:block
}
.servero.super{
    color:#fff;
    -webkit-border-radius:2px;
    border-radius:2px;
    -webkit-box-shadow:0px 2px 8px 0px rgb(255 50 50 / 60%);
    box-shadow:0px 2px 8px 0px rgb(255 50 50 / 60%);
    margin-bottom:10px;
    transition:all 300ms linear;
    -moz-transition:all 300ms linear;
    -o-transition:all 300ms linear;
    -webkit-transition:all 300ms linear;
    background:linear-gradient(to right, #DC143C 0%, #180707 100%)
}
.servero.super:before{
    font-size:1px;
    content:url(/wp-content/themes/la1iuy2anons/vip.png);
    font-family:'fontello';
    border:0px solid rgba(0,0,0,.01);
    color:#000;
    background:rgba(0,0,0,0);
    border:-18px solid rgba(0,0,0,.0)
}
.servero.super span:nth-child(1){
    font-family:'GothamPro';
    font-weight:600;
    font-size:15px;
    color:#fff;
    text-transform:uppercase
}
.servero.super span:nth-child(3):before{
    content:"\2605";
    font-size:16px;
    margin:0 5px 0 0;
    color:#fff;
    display:inline-block;
    width:16px;
    line-height:24px;
    height:24px;
    text-align:center;
    float:right;
    font-family:'fontello'
}
.servero.super span:nth-child(3):after{
    z-index:3;
    display:none;
    content:"PREMIUM VIP Сервер";
    white-space:nowrap;
    padding:0 10px;
    color:#fcd34d;
    height:24px;
    line-height:24px;
    border-radius:3px;
    position:absolute;
    left:50%;
    top:-23px;
    transform:translatex(-50%);
    background:rgba(0,0,0,.7);
    border:1px solid rgba(0,0,0,.7)
}
.servero.super span:nth-child(3):hover:after{
    display:block
}
.servero.super span{
    color:#fff;
    font-weight:700;
    text-shadow:0 0 3px rgba(0,0,0,.2)
}
.servero.super:hover{
    filter:brightness(110%)
}
.servero.top span{
    color:#fcd34d
}
.servero.top:before{
    font-size:14px;
    color:#000;
    background:#fcd34d
}
.servero.top span:nth-child(1){
    font-family:'GothamPro';
    font-weight:600;
    font-size:14px;
    color:#fcd34d;
    text-transform:uppercase
}
.servero.top span:nth-child(3):before{
    content:"\2605";
    font-size:16px;
    margin:0 5px 0 0;
    color:#fcd34d;
    display:inline-block;
    width:16px;
    line-height:24px;
    height:24px;
    text-align:center;
    float:right;
    font-family:'fontello'
}
.servero.top span:nth-child(3):after{
    z-index:3;
    display:none;
    content:"TOP VIP Сервер";
    white-space:nowrap;
    padding:0 10px;
    color:#fcd34d;
    height:24px;
    line-height:24px;
    border-radius:3px;
    position:absolute;
    left:50%;
    top:-23px;
    transform:translatex(-50%);
    background:rgba(0,0,0,.7);
    border:1px solid rgba(0,0,0,.7)
}
.servero.top span:nth-child(6):hover:before{
    color:#fcd34d
}
.servero.top span:nth-child(6):hover:after{
    display:block
}
.servero span:nth-child(1){
    text-transform:uppercase
}
.servero.vip:before{
    font-size:14px;
    color:#01B8FF;
    border:1px solid rgba(0,0,0,.01)
}
.servero.vip span:nth-child(1){
    font-family:'GothamPro';
    font-weight:600;
    font-size:14px;
    color:#01B8FF;
    text-transform:uppercase;
    font-weight:700
}
.servero.vip span:nth-child(6):after{
    z-index:3;
    display:none;
    content:"VIP Сервер";
    white-space:nowrap;
    padding:0 10px;
    color:#ff0;
    height:24px;
    line-height:24px;
    border-radius:3px;
    position:absolute;
    left:50%;
    top:-23px;
    transform:translatex(-50%);
    background:rgba(0,0,0,.7);
    border:1px solid rgba(0,0,0,.7)
}
.servero.vip span:nth-child(6):hover:before{
    color:#01B8FF
}
.servero.top span:nth-child(3):hover:after{
    display:block
}
.servero.vip span:nth-child(6){
    font-weight:700;
    font-size:13px;
    color:#01B8FF
}
.servero.vip span{
    color:#01B8FF;
    font-weight:700
}
.servero span:nth-child(1){
    text-transform:uppercase
}
.servero.obt:before{
    font-size:14px;
    color:#000;
    background:#01B8FF;
    border:1px solid rgba(0,0,0,.01)
}
.servero.obt span:nth-child(1){
    font-family:'GothamPro';
    font-weight:600;
    font-size:14px;
    color:#151305;
    text-transform:uppercase;
    font-weight:bold
}
.servero.obt span:nth-child(3):hover:before{
    color:#151305
}
.servero.obt span:nth-child(3):hover:after{
    display:block
}
.servero.obt:before{
    content:"ОБТ";
    font-weight:700
}
.servero.obt a{
    color:#01B8FF;
    font-weight:700;
    font-size:14px
}
.ec-clearfix:before,.ec-clearfix:after{
    content:'\0020';
    display:block;
    overflow:hidden;
    visibility:hidden;
    width:0;
    height:0
}
.ec-clearfix:after{
    clear:both
}
.ec-clearfix{
    zoom:1
}
/* Новые стили */
.add .left {
    width: 100%;
}


@media screen and (max-width:1229px){
    .content{
        max-width: 1220px;
        min-height: auto;
    }
    aside{
        float: none;
        margin-left: auto;
        margin-right: auto;
    }
    .block-source article{
        display:none;
    }
}


@media screen and (max-width:1199px){
    .area{
        width:100%
    }
    .content{
        width:100%;
        float:none;
        min-width:100%;
        min-height:auto
    }
    aside{
        /*max-width:100%;*/
        min-height:auto
    }
    .add-server-menu{
        display:block;
        /*background:#EDF0F3;*/
        margin-bottom:0
    }
    .advert-right{
        display:none
    }
    .blog-anons{
        display:none
    }
    .megasort{
        display:none
    }
    .wpz{
        /*width:400px;*/
        height:30px;
        overflow:hidden;
        background:#232222;
        overflow:hidden;
        border-radius:3px;
        color:#fffbb8;
        font-size:14px;
        padding:0 7px;
        font-weight:600;
        line-height:30px;
        margin:15px 0 0px 0
    }
    header+.wp:before{
        display:none
    }
    article{
        min-width:920px;
        margin:0 auto;
        float:none;
        padding:10px
    }
}
    

@media screen and (max-width:919px){
    .wpq, .wpz{
        width:405px
    }
    .serverz {
        width:405px
    }
    .server span{
        margin:0 10px 0 0;
        font-size:13px
    }
    .server span:nth-child(1){
        letter-spacing:-.3px;
        width:100%;
        max-width:calc(100% - 41px - 29px - 47px - 58px - 47px - 15px)!important
    }
    .server span:nth-child(2){
        width:100%;
        max-width:40px!important
    }
    .server span:nth-child(3){
        width:100;
        margin:0!important
    }
    .server span:nth-child(4){
        width:100%;
        max-width:42px!important
    }
    .server span:nth-child(5){
        width:100%;
        max-width:65px!important
    }
    .server span:nth-child(6){
        width:100%;
        max-width:50px!important;
        margin:0 0 0 0
    }
    .server{
        width:405px;
        height:30px;
        padding:2px;
        color:#1f1f1c;
        border:1px solid #242422;
        background-color:#1f1f1c;
        border-radius:0px
    }
    .servero span{
        margin:0 70px 0 0;
        font-size:13px
    }
    .servero span:nth-child(1){
        letter-spacing:-.3px;
        width:100%;
        max-width:calc(100% - 41px - 29px - 47px - 58px - 47px - 15px)!important
    }
    .servero span:nth-child(3){
        width:100;
        margin:0!important
    }
    .servero span:nth-child(4){
        width:100%;
        max-width:42px!important
    }
    .servero span:nth-child(5){
        width:100%;
        max-width:65px!important
    }
    .servero span:nth-child(6){
        width:100%;
        max-width:50px!important;
        margin:0 0 0 0
    }
    .servero{
        width:405px;
        height:30px;
        margin:2px -5px;
        padding:2px;
        color:#1f1f1c;
        border:1px solid #242422;
        background-color:#1f1f1c;
        border-radius:0px
    }
    .servero span{
        position:relative;
        letter-spacing:-.3px;
        font-weight:600;
        color:#8C989C;
        height:24px;
        line-height:24px;
        display:block;
        font-size:12px;
        float:left;
        margin:0 5px 0 0
    }
    .servero.top span:nth-child(3){
        max-width:16px!important;
        margin:0 1px 0 0
    }
    .servero.vip span:nth-child(3){
        max-width:16px!important;
        margin:0 1px 0 0
    }
    .servero.super span:nth-child(3){
        max-width:16px!important;
        margin:0 1px 0 0
    }
    .server span{
        position:relative;
        letter-spacing:-.3px;
        font-weight:600;
        color:#8C989C;
        height:24px;
        line-height:24px;
        display:block;
        font-size:12px;
        float:left;
        margin:0 5px 0 0
    }
    .server.top span:nth-child(3){
        max-width:16px!important;
        margin:0 1px 0 0
    }
    .server.vip span:nth-child(3){
        max-width:16px!important;
        margin:0 1px 0 0
    }
    .server.super span:nth-child(3){
        max-width:16px!important;
        margin:0 1px 0 0
    }
    footer .links a{
        margin:0 5px 5px 0
    }
    .reaktiv .rekvizit>div{
        margin:0 10px 10px 0
    }
    .client-area .client-item .client-info .download-file{
        display:none
    }
    .primer{
        display:none
    }
    .left-stroke{
        float:none;
        width:100%;
        margin:0 auto
    }
    .add-server .datastroke{
        float:none;
        width:100%;
        margin:0 auto;
        padding:0
    }
    .add-server .datastroke .addinput span{
        float:left;
        width:calc(100% - 252px);
        text-align:left;
        padding:0 30px 0 0
    }
    .datepicker-inline{
        float:right;
        width:252px
    }
    article{
        min-width:100%;
        margin:0 auto;
        float:none;
        padding:10px
    }
    .wpq, .wpz{
        width: 100%;
    }
    .left{
        /*min-width:300px;*/
        width:75%;
        width: 100%;
        max-width: 95%; /* Фиксируем рабочую ширину центра */
        margin: 0 auto;   /* Автоматически выравнивает по центру */
        padding: 0px;
    }
    .right{
        /*min-width:300px;*/
        width:75%;
        width: 100%;
        max-width: 95%; /* Фиксируем рабочую ширину центра */
        margin: 0 auto;   /* Автоматически выравнивает по центру */
        padding: 0px;
    }
    .server span{
        margin-left: auto; /* Элемент прижмется к правому краю */
    }
    .server{
        width: 100%;
        display: flex;
    }
    .server:before{
        margin: 0px;
        /*width: 22px;*/
    }
    .server a{
        min-width: 70px;
    }
    .content{
        width: 100%;
        max-width: 1200px; /* Максимальная ширина, чтобы не растягивалось на 4К мониторах */
        margin: 0 auto;    /* Центрирует всю обертку на странице */
        padding: 0 0px;   /* Безопасные отступы по бокам */
        display: flex;
        flex-direction: column; /* Или row, в зависимости от того, как идут блоки */
    }
    .server span:nth-child(2){
        width: 0px;
    }
    .serverz span{
        margin-left: auto; /* Элемент прижмется к правому краю */
        width: 0px;
    }
    .serverz{
        width: 100%;
        display: flex;
    }
    .serverz:before{
        margin: 0px;
        /*width: 22px;*/
    }
    .serverz a{
        min-width: 70px;
    }
    .serverz span:nth-child(2){
        width: 0px;
    }
    .servero span{
        margin-left: auto; /* Элемент прижмется к правому краю */
    }
    .servero{
        width: 100%;
        display: flex;
    }
    .servero{
        width: 100%;
        display: flex;
        margin: 0px;
    }
    .servero a{
        min-width: 70px;
    }
    .servero a{
        min-width: 70px;
    }
    .servero span:nth-child(2){
        width:0px;
        max-width:40px!important
    }
    .reaktiv .contacts{
        max-width: 850;
    }
}

@media screen and (max-width:719px){
    html{
        padding:0
    }
    .crumbs h1{
        font-size:15px;
        font-weight:300
    }
    .client-area .client-item .client-img{
        display:none
    }
    .add-img .img-src{
        width:100%;
        float:none
    }
    .add-img .code-src{
        width:100%;
        float:none
    }
    .add-img .code-src textarea{
        min-height:80px
    }
}
    
@media screen and (max-width:600px){
    html{
        padding:0
    }
    .crumbs h1{
        font-size:15px;
        font-weight:300
    }
    .streams{
        display:none
    }
    footer{
        display:block
    }
    header{
        display: flex;
        flex-wrap: wrap; /* Разрешает перенос элементов на новую строку */
        justify-content: space-between; /* Располагает элементы по краям, когда они в одной строке */
        align-items: center;
        width: 100%;
        padding: 10px 15px;
        margin: auto;
        height: 125px;
    }
    .logo{
        padding:none;
        margin:auto;
    }
    .btn-user{
        width: 100%;
        text-align: center;
    }
    .reaktiv {
        padding: 10px;
    }
}