@import url('https://fonts.googleapis.com/css?family=Fira+Sans:100,200,300,400,500,600,700,800,900&subset=cyrillic-ext');
*{
    margin: 0;
    padding: 0;
    position: relative;
    box-sizing: border-box;
    transition: all 0.3s ease;
}
::-webkit-scrollbar{
    background: #f6f6f6;
    width: 5px;
}
::-webkit-scrollbar-thumb{
    background: #ed7509;
}
body{
    background: url("../img/bg.jpg") center top no-repeat;
    font-family: 'Fira Sans', sans-serif;
    height: 3729px;
}
.news_body{
    height: initial;
    background: url("../img/news_bg.jpg") center top no-repeat #f6f6f6;
}
.pay_body{
    height: initial;
    background: url("../img/payment2.jpg") center top no-repeat #fff;
}
.header_wrap{
    width: 100%;
    background: #f6f6f6;
}
header{
    width: 1100px;
    margin: auto;
    height: 79px;
    line-height: 83px;
    z-index: 10;
    white-space: nowrap;
}
.logo{
    background: url("../img/logo.png") center bottom no-repeat;
    width: 181px;
    height: 98px;
    display: inline-block;
    margin: 0;
    margin-right: 69px;
}
a{
    color: #212121;
    text-decoration: none;
}
header > a, header > div{
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    text-transform: uppercase;
    font-family: 'LatoWebHeavy';
    margin: 0 32px 0 0;
    letter-spacing: 1.6px;
    cursor: pointer;
    color: #212121;
    text-decoration: none !important;
}
a:hover, header > a:hover, header > div:hover{
    color: #ed7509;
}
header > div:after{
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 7px 8px 7px;
    border-color: transparent transparent #f6f6f6 transparent;
    content: '';
    display: block;
    position: absolute;
    top: 90px;
    left: 50%;
    margin-left: -33px;
    display: block;
    opacity: 0;
    transition: all 0.3s ease;
}
header > div:hover:after{
    opacity: 1;
}
header > div > div{
    width: 169px;
    line-height: 47px;
    background: #f6f6f6;
    border-radius: 3px;
    box-shadow: 0px 3px 2px 0px rgba(176, 172, 167, 0.31);
    text-align: center;
    margin-top: 15px;
    left: -26px;
    font-size: 13px;
    overflow: hidden;
    max-height: 0;
}
header > div:hover > div{
    max-height: 200px;
}
header > div > div > a{
    text-decoration: none;
    display: block;
    color: #212121;
    text-decoration: none !important;
}
header > div > div > a:hover{
    color: #ed7509;
}

.wrap{
    width: 1100px;
    margin: auto;
}
.video{
    background: url("../img/video.png");
    width: 124px;
    height: 84px;
    display: block;
    top: 164px;
    left: 409px;
    z-index: 2;
}
.slogan{
    background: url("../img/slogan.png");
    width: 486px;
    height: 309px;
    margin: 105px 30px 0;
}
.play{
    background: url("../img/play.png");
    width: 317px;
    height: 125px;
    display: block;
    margin: 29px 100px 284px;
}
.play:hover{
    background: url("../img/play_hover.png");
}
h2{
    text-align: center;
    text-transform: uppercase;
    font-size: 45px;
    letter-spacing: 7px;
}
h3{
    text-align: center;
    font-weight: 400;
    text-transform: uppercase;
    margin-top: 9px;
    font-size: 19.88px;
    color: #5c5959;
    letter-spacing: 3.5px;
}
.char_name{
    font-size: 35px;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 148px;
    width: 512px;
    text-align: right;
    letter-spacing: 2px;
}
.char_ult{
    height: 24px;
    line-height: 26px;
    color: #fff;
    background: #000;
    display: inline-block;
    margin: 29px 0;
    padding: 0 9px 0 3px;
    text-transform: uppercase;
    letter-spacing: 1.8px;
    position: absolute;
    right: 600px;
}
.char_ult:before{
    content: url("../img/deco_l.png");
    position: absolute;
    left: -16px;
    top: -2px;
}
.char_ult:after{
    content: url("../img/deco_r.png");
    position: absolute;
    right: -13px;
}
.char_desc{
    margin: 79px 0 0;
    width: 512px;
    font-size: 18px;
    line-height: 1.5;
    padding-left: 56px;
    letter-spacing: 1.1px;
    text-align: right;
    color: #5a5a5c;
    height: 144px;
}
#chars{
    width: 450px;
    margin: 36px 66px;
}
.char{
    width: 92px;
    height: 92px;
    background-position: center bottom;
    background-repeat: no-repeat;
    display: block;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
.char:hover{
    -webkit-filter: grayscale(70%);
    filter: grayscale(70%);
}
.char_active{
    -webkit-filter: grayscale(0%) !important;
    filter: grayscale(0%) !important;
}
.char_1{background-image: url("../img/char_1_min.png");}
.char_2{background-image: url("../img/char_2_min.png");}
.char_3{background-image: url("../img/char_3_min.png");}
.char_4{background-image: url("../img/char_4_min.png");}
.char_5{background-image: url("../img/char_5_min.png");}
.char_6{background-image: url("../img/char_6_min.png");}
.char_7{background-image: url("../img/char_7_min.png");}
.char_8{background-image: url("../img/char_8_min.png");}
.s_control{
    background: url("../img/s_control.png");
    width: 34px;
    height: 53px;
    display: block;
    position: absolute;
    z-index: 2;
}
.s_prev{
    margin-top: -98px;
    margin-left: 5px;
}
.s_next{
    transform: scaleX(-1);
    margin-left: 547px;
    margin-top: -102px;
}
.h2_space{
    margin-top: 244px;
}
.white{
    color: #fff;
}
.char_img{
    width: 605px;
    height: 542px;
    background-image: url("../img/char_1.png");
    background-position: left center;
    background-repeat: no-repeat;
    position: absolute;
    right: -57px;
    margin-top: -549px;
    transition: none;
}
.class{
    display: inline-block;
}
.class:hover{
    z-index: 2;
}
.class:before{
    position: absolute;
    opacity: 0;
    transition: all 0.3s ease;
}
.class:hover:before{
    opacity: 1;
}
.class_1{
    background: url("../img/class_1.png");
    width: 295px;
    height: 710px;
    top: 50px;
    left: 9px;
}
.class_1:before{
    content: url("../img/class_1_hover.png");
    left: -49px;
}
.class_2{
    background: url("../img/class_2.png");
    width: 261px;
    height: 691px;
    top: 60px;
    left: 2px;
}
.class_2:before{
    content: url("../img/class_2_hover.png");
    left: -58px;
}
.class_3{
    background: url("../img/class_3.png");
    width: 292px;
    height: 722px;
    left: -42px;
    top: 38px;
    margin-right: -200px;
}
.class_3:before{
    content: url("../img/class_3_hover.png");
}
.class_4{
    background: url("../img/class_4.png");
    width: 317px;
    height: 675px;
    left: 104px;
    top: 50px;
}
.class_4:before{
    content: url("../img/class_4_hover.png");
}
h4{
    font-size: 38px;
    margin: 342px 0 0 647px;
    text-transform: uppercase;
    letter-spacing: 6px;
    height: 138px;
}
.s4_text{
    font-size: 18px;
    width: 454px;
    height: 252px;
    color: #5a5a5c;
    margin: 42px 0 147px 647px;
    letter-spacing: 1px;
}
footer{
    height: 105px;
    line-height: 105px;
    width: 1200px;
    margin: 0 auto;
}
.infiplay{
    background: url("../img/infiplay-logo2.png");
    width: 229px;
    height: 43px;
    display: inline-block;
    vertical-align: middle;
}
.footer_contents{
    display: inline-block;
    vertical-align: middle;
    line-height: 28px;
    margin-left: 35px;
}
.footer_links > a{
    color: #000;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-right: 43px;
    font-weight: bold;
}
.footer_links > a:hover{
    color: #ed7509;
}
.copyright{
    color: #7c828e;
    font-size: 14px;
    text-transform: uppercase;
}
.newslist{
    -webkit-text-stroke: 0.6px;
}
.newslist > a{
    display: block;
    height: 200px;
    padding: 24px 20px;
}
.newslist > a > span{
    width: 306px;
    height: 152px;
    line-height: 150px;
    background: #dd9609;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
}
.newslist > a > span > div{
    width: 300px;
    height: 146px;
    background-size: cover;
    background-position: center center;
    vertical-align: middle;
    display: inline-block;
}
.newslist > a > div{
    display: inline-block;
    vertical-align: top;
    margin-left: 21px;
    padding-top: 14px;
}
.newslist > a h3{
    font-size: 16px;
    color: #212121;
    font-weight: bold;
    letter-spacing: 2.4px;
    text-align: left;
    margin-top: 0px;
}
.newslist > a:hover h3{
    color: #dd9609;
}
.newslist > a > div > span{
    color: #7b7b7b;
    font-size: 16px;
    margin: 20px 0 7px;
    display: block;
}
.newslist > a > div > p{
    max-width: 825px;
    max-height: 75px;
    overflow: hidden;
    font-size: 16px;
    color: #7b7b7b;
}
.wrap_medium{
    width: 1200px;
    margin: 0 auto;
    min-height: 500px;
    padding-top: 30px;
}
.wrap_small{
    width: 900px;
    margin: 0 auto;
}
h1{
    margin: 113px 19px 24px;
    text-transform: uppercase;
    font-size: 30px;
    letter-spacing: 2px;
}
.news_head h1{
    margin-left: 0;
    padding-bottom: 15px;
}
.more_news{
    margin: 58px auto 62px;
    display: block;
    background: #f39b00;
    opacity: 0.6;
    border-radius: 5px;
    width: 350px;
    height: 60px;
    line-height: 62px;
    text-align: center;
    font-weight: bold;
    font-size: 15px;
    letter-spacing: 3px;
    color: #fff;
    text-transform: uppercase;
}
.more_news:hover{
    opacity: 1;
    color: #fff;
}
.news_content_wrap{
    color: #282828;
    font-size: 16px;
    margin: 29px 0 60px;
}
.news_content_wrap img{
    max-width: 100%;
}
.news_content_wrap h2{
    color: #212121;
    font-size: 16px;
    font-weight: normal;
    letter-spacing: 1.5px;
    text-align: left;
    font-family: 'LatoWebBold';
}
.news_sharing{
    line-height: 60px;
    margin-bottom: 115px;
}
.comment{
    display: inline-block;
    vertical-align: middle;
    letter-spacing: 3px;
    background: #f39b00;
    opacity: 0.6;
    border-radius: 5px;
    width: 350px;
    height: 60px;
    line-height: 62px;
    text-align: center;
    font-weight: bold;
    font-size: 15px;
    letter-spacing: 3px;
    color: #fff;
    text-transform: uppercase;
}
.comment:hover{
    color: #fff;
    opacity: 1;
}
.news_head > div{
    font-size: 15px;
    color: #7b7b7b;
    letter-spacing: 2px;
    margin: -19px 0px 0px;
}
.share{
    height: 40px;
    float: right;
    vertical-align: middle;
}
.share > a{
    display: inline-block;
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 40px;
    margin-left: 6px;
}
.share .fab{
    font-size: 34px;
    color: #212121;
}
.share:before{
    content: 'Поделиться:';
    position: relative;
    display: inline-block;
    text-transform: uppercase;
    font-family: 'LatoWebBold';
    font-size: 15px;
    letter-spacing: 2px;
    top: -3px;
}
.wrap_small .footer_links > a{
    margin-right: 10px;
}
.footer_links > a:last-child{
    margin-right: 0;
}
.pop_wrap{
    display: none;
    z-index: 100;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.4);
    width: 100%;
    height: 100%;
    transition: unset;
}
.pop{
    display: none;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    border-radius: 15px;
    padding: 65px 50px;
}

.pop_contents{
    height: 545px;
    width: 920px;
    display: block;
    line-height: 25px;
    font-size: 14px;
    color: #000;
    font-family: 'LatoWeb';
    padding-right: 20px;
}
.pop_contents h2{
    text-transform: uppercase;
    letter-spacing: 3px;
    font-size: 20px;
    text-align: left;
    font-family: 'LatoWebHeavy';
}
.pop_button{
    color: #fff;
    font-size: 20px;
    background: #f39b00;
    width: 442px;
    height: 78px;
    line-height: 80px;
    border-radius: 5px;
    display: block;
    text-align: center;
    font-weight: 500;
    letter-spacing: 3px;
    text-transform: uppercase;
    margin-top: 20px;
    font-family: 'LatoWebBold';
    opacity: 0.8;
    text-decoration: none !important;
    border: 0;
}
#modal .pop_contents,
#register .pop_contents,
#restore .pop_contents,
#support .pop_contents,
#restore_2 .pop_contents,
#restore_3 .pop_contents,
#login .pop_contents{
    padding: 0;
    width: 442px;
    height: auto;
    text-align: center;
}
#modal h2{
    text-align: center;
}
.pop_button:hover{
    color: #fff;
    opacity: 1;
}
.pop_text{
    white-space: pre-line;
    overflow-y: auto;
}
#modal p{
    margin: 35px 0;
}
#modal .pop_contents{
    height: auto;
}
.pop_close{
    display: block;
    position: absolute;
    background: url(../img/close.png);
    width: 20px;
    height: 20px;
    right: 30px;
    top: 25px;
}
.pop_close:before{
    background: url("../img/close_hover.png");
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: all 0.3s ease;
}
.pop_close:hover:before{
    opacity: 1;
}
.input_wrap{
    width: 290px;
    height: 44px;
    margin-bottom: 20px;
    line-height: 44px;
    display: inline-block;
    vertical-align: top;
}
.input_topic{
    float: right;
}
.triangle:after {
    pointer-events: none;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 9px 5px 0 5px;
    border-color: #fff transparent transparent transparent;
    content: '';
    display: block;
    float: right;
    position: absolute;
    top: 18px;
    right: 8px;
}
.topics{
    line-height: 21px;
    width: 513px;
    height: 368px;
    position: absolute !important;
    z-index: 4;
    margin-left: -240px;
    margin-top: 10px;
    display: none;
    color: #d7b5af;
    font-size: 15px;
    border: 1px solid #1e202b;
    border: 1px solid rgba(215, 181, 175, 0.6);
    background: rgba(0, 0, 0, 0.75);
}
.input_topic_clicked > .topics {
    display: block;
}
.topics > div > div:before {
    content: '';
    display: block;
    position: absolute;
    background-image: url('../img/topics.png');
    width: 30px;
    height: 30px;
    margin-left: -38px;
}
.topics > div > div {
    font-size: 14px;
    position: relative;
    color: #fff;
    margin: 4px 0 0 -2px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}
.topics > div > span {
    display: block;
    position: relative;
    cursor: pointer;
    color: #a4a4a4;
    font-size: 14px;
    margin-left: 10px;
    margin-top: 7px;
    transition: all 0.3s ease;
}
.topics > div > span:hover, .selected_topic{
    color: #fff !important;
}
.topics > div > div > span {
    cursor: pointer;
}
.topics > div > span:before {
    content: '';
    width: 5px;
    height: 5px;
    border-radius: 100%;
    position: absolute;
    left: -12px;
    top: 9px;
    display: inline-block;
    background: #fff;
    vertical-align: middle;
}
.topics > div > span:hover:before, .selected_topic:before {
    content: url("../img/hover.png") !important;
    width: 0 !important;
    height: 0 !important;
    position: absolute;
    left: -15px !important;
    top: 0px !important;
    display: block;
}
.topics > div > div > span:before {
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 100%;
    border: 3px solid #fff;
    margin-right: 5px;
    display: inline-block;
    top: 2px;
    position: relative;
}
.topics > div {
    padding-left: 21px;
    width: 231px;
    display: inline-block;
    vertical-align: top;
    height: 100%;
    padding-top: 18px;
}
#support h2{
    margin-bottom: 24px;
}
#support textarea{
    resize: none;
    width: 100%;
    height: 150px;
    padding: 10px 16px;
    margin-bottom: 20px;
}
.support_button{
    float: right;
    top: -1px;
    margin: 0;
}
label[for=upload],
label.support-upload {
    float: right;
    background: #f39b00;
    border-radius: 4px;
    color: #fff;
    padding: 0 8px;
    margin: 3px -39px;
    height: 36px;
    line-height: 36px;
    vertical-align: middle;
    cursor: pointer;
    opacity: 0.8;
}
label[for=upload]:hover,
label.support-upload:hover {
    opacity: 1;
}
input, textarea, .inline_input, select{
    border: none;
    background: rgba(0, 0, 0, 0.0);
    outline: 0;
    color: #000;
    font-family: 'LatoWebBold';
    text-transform: uppercase;
    font-size: 12px;
    padding: 0 40px;
    border-bottom: 1px solid #7f7e7e;
    display: block;
    width: 100%;
    height: 48px;
    letter-spacing: 1.4px;
    margin-top: 30px;
}
.support_error{
    max-width: 510px;
}
.login_nav{
    line-height: 40px;
    font-size: 15px;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 2px;
    font-family: 'LatoWebBold';
}
.login_nav > a {
    color: #010002;
    display: inline-block;
    opacity: 0.6;
    margin: 0 10px;
    text-decoration: none !important;
}
.login_nav > .active{
    opacity: 1;
}
.pop_error{
    margin: 20px;
    font-size: 15px;
    line-height: 20px;
    color: #cd0101;
    font-family: 'LatoWebBold';
}
.login input{
    text-align: left;
}
.login input[type=checkbox]{
    display: none;
}
.login input[type=checkbox] + label{
    font-size: 13px;
    font-family: 'LatoWebBold';
    text-transform: uppercase;
    text-align: left;
    width: 100%;
    display: block;
    padding-left: 30px;
    letter-spacing: 1.4px;
    line-height: 22px;
    margin: 30px 0;
}
.login input[type=checkbox] + label a{
    color: #f39b00;
}
.login input[type=checkbox] + label:before{
    content: '';
    display: inline-block;
    width: 22px;
    height: 22px;
    box-sizing: border-box;
    border: 2px solid #181818;
    border-radius: 5px;
    vertical-align: sub;
    margin-right: 6px;
    position: absolute;
    left: 0px;
    top: -1px;
}
.login input[type=checkbox]:checked + label:before {
    background: url("../img/check.png") center center no-repeat;
}
.soc_login{
    margin: 20px 0 10px;
}
.soc_login a{
    display: inline-block;
    line-height: 44px;
    text-align: center;
    color: #000;
    font-size: 31px;
    margin: 10px;
}
.soc_login a:nth-child(1):hover{color: #303baa;}
.soc_login a:nth-child(2):hover{color: #3a6d9d;}
.soc_login a:nth-child(3):hover{color: #2dd7e2;}
.soc_login a:nth-child(4):hover{color: #ba442f;}
.forgot_link{
    color: #7f7e7e;
    font-size: 11px;
    text-align: right;
    display: block;
    margin: -1px 0 0;
    font-family: 'LatoWebBold';
    text-transform: uppercase;
    letter-spacing: 1px;
    text-decoration: none !important;
}
.soc_disc{
    margin: 38px 0 -15px;
    letter-spacing: 2px;
    color: #7f7e7e;
    font-size: 15px;
    text-align: center;
    text-transform: uppercase;
    font-family: 'LatoWebBold';
}
.login_sub{
    text-align: center;
}
.icon_login{
    background: url("../img/login.png") left center no-repeat;
}
.icon_password{
    background: url("../img/password.png") left center no-repeat;
}
.icon_gears{
    background: url("../img/gears.png") left center no-repeat;
}
.icon_mail{
    background: url("../img/mail.png") left center no-repeat;
}
.icon_warn{
    background: url("../img/warn.png") left center no-repeat;
}
.icon_file{
    background: url("../img/file.png") left center no-repeat;
}
.captcha{
    background: url("../img/captcha.png");
    width: 127px;
    height: 47px;
    position: absolute;
    right: 0;
    margin-top: -50px;
}
#rtos{
    display: none;
}
.pop_back{
    text-align: center;
    font-weight: 500;
    letter-spacing: 3px;
    text-transform: uppercase;
    margin-top: 20px;
    font-family: 'LatoWebBold';
    display: block;
    color: #ed7509;
}
#screenshot{
    text-align: left;
}
.pay_wrap{
    width: 685px;
    margin-left: 24px;
    -webkit-text-stroke: 0.6px;
}
.pay_info{
    line-height: 30px;
}
.server_label, .char_label{
    font-size: 13px;
    font-family: 'LatoWebBold';
    color: #8b8b8b;
    letter-spacing: 2px;
    position: relative;
    display: block;
    text-transform: uppercase;
}
.server_list, .char_list{
    transition: none;
    background: #161616;
    position: absolute;
    z-index: 2;
    left: 0px;
    top: 56px;
    height: 165px;
    overflow-y: auto;
    display: none;
}
.char_label{
    float: right;
    top: 0px;
    right: 0px;
    position: absolute;
    margin-right: 150px;
}
.char_list{
    left: auto;
    right: 0px;
}
.server_list > a, .char_list > a{
    display: block;
    color: #fff;
    text-decoration: none;
    height: 33px;
    line-height: 33px;
    transition: all 0.3s ease;
    padding-left: 15px;
    padding-right: 35px;
}
.server_list > a:hover, .char_list > a:hover{
    background: #2c2c2c;
}
.server_label > span, .char_label > span{
    color: #1b1b1b;
    cursor: pointer;
    display: block;
    font-family: 'LatoWeb';
    text-transform: initial;
    letter-spacing: initial;
    font-size: 15px;
}
.server_label > span:after{
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 9px 5px 0 5px;
    border-color: #000 transparent transparent transparent;
    display: inline-block;
    content: '';
    margin-left: 30px;
}
.pay_options{
    padding: 35px 0 24px;
}
.pay_options > a{
    display: inline-block;
    width: 114px;
    height: 183px;
    margin: 0 11px 15px 0px;
    background: #fff;
    font-weight: 700;
    font-size: 22px;
    text-align: center;
    padding-top: 10px;
    box-shadow: 0px 2px 9px 0px rgba(220, 220, 220, 0.4);
    border-radius: 5px;
    top: 0;
    border: 2px solid #fff;
}
.pay_options > a:hover{
    top: -5px;
    box-shadow: 0px 9px 18px 0px rgba(202, 206, 210, 0.4);
    color: #000;
}
.pay_option_selected{
    border-color: #3fc1fd !important;
}
.pay_options > a > span{
    width: 84px;
    height: 23px;
    line-height: 23px;
    background: #3fc1fd;
    color: #fff;
    font-size: 13px;
    border-radius: 11.5px;
    font-weight: 400;
    display: block;
    margin: auto;
    margin-top: 4px;
    box-shadow: 0px 3px 7px 0px rgba(189, 220, 233, 0.4);
}

.pay_options > a > i{
    font-style: normal;
    font-size: 13px;
}

.pay_options > a > span:after{
    content: url("../img/diamond.png");
    vertical-align: middle;
    top: 1px;
    position: relative;
    margin-left: 3px;
}
.pay_options > a:before{
    content: url("../img/pay_10.png");
    position: absolute;
    top: -2px;
    left: -2px;
    z-index: 0;
}
.pay_options > a:nth-child(1):before{content: url("../img/pay_1.png");}
.pay_options > a:nth-child(2):before{content: url("../img/pay_2.png");}
.pay_options > a:nth-child(3):before{content: url("../img/pay_3.png");}
.pay_options > a:nth-child(4):before{content: url("../img/pay_4.png");}
.pay_options > a:nth-child(5):before{content: url("../img/pay_5.png");}
.pay_options > a:nth-child(6):before{content: url("../img/pay_6.png");}
.pay_options > a:nth-child(7):before{content: url("../img/pay_7.png");}
.pay_options > a:nth-child(8):before{content: url("../img/pay_8.png");}
.pay_options > a:nth-child(9):before{content: url("../img/pay_9.png");}
.pay_options > a:nth-child(4n+4){
    margin-right: 0px !important;
    margin-left: -1px;
}
.pay_wrap p{
    margin-top: 16px;
    margin-left: -2px;
    font-size: 13px;
    font-family: 'LatoWebBold';
    color: #8b8b8b;
    letter-spacing: 2px;
    text-transform: uppercase;
}
.pay_methods{
    margin-top: 20px;
    margin-left: -2px;
    display: inline-block;
}
.pay_methods > a{
    display: inline-block;
    width: 95px;
    height: 50px;
    background-color: #fff;
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 5px;
    margin-right: 11px;
    transition: background-color 0.3s ease;
}
.pay_methods > a:hover, .pay_method_selected{
    border: 2px solid #3fc1fd !important;
}
.pay_confirm{
    width: 206px;
    height: 60px;
    line-height: 62px;
    font-size: 13px;
    border-radius: 5px;
}
.pay_mc{background-image: url("../img/mastercard.png");}
.pay_visa{background-image: url("../img/visa.png");}
.pay_pal{background-image: url("../img/paypal.png");}
.pay_more{background-image: url("../img/more.png");}
.footer_w{
    background: #f6f6f6;
    margin-top: 100px;
}


/* прелоадер */

#f-loader {
    width: 46px;
    height: 46px;
    position: fixed;
    top: 50%;
    left: 50%;
    background: #000 url("../../../img/f-loader.gif") no-repeat center center;
    margin: -23px 0px 0px -23px;
    z-index: 2010;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    opacity: 0.7;
    filter: alpha(opacity=70);
    display: none;
}

#f-loader:after {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2000;
    content: " ";
    background: transparent;
}

.servers_block .pop_button {
    display: inline-block;
    width: 350px;
    letter-spacing: 1px;
    margin-right: 20px;
    position: relative;
}

.servers_block .pop_button.server_new {
    background: #c32231;
}

.servers_block .pop_button .inf {
    display: none;
}

.servers_block .pop_button.server_new .inf {
    display: block;
    position: absolute;
    top: -15px;
    left: 0;
    font-size: 12px;
    line-height: 20px;
    background: #c32231;
    padding: 0 5px 0 5px;
    border-radius: 5px 5px 0 0;
}