@media screen and (min-width: 1024px) {
    /*orange rgb(255, 195, 0) */
    html{
        width: 100%;
        display: block;
        
    }
    body{
        width: 1024px;
    }
    b{
        font-weight: 700;
        color: #ccc;
    }
    a{
        text-decoration: none;
        color: orange;
    }
    a:hover {
        text-decoration: none;
        color: pink;
    }
    blockquote{
        display: block;
        padding: 10px;
        border-left: 2px solid rgb(255,255,255, .5);
        background: rgb(255,255,255, .2);
        margin: 5px auto;
        width: 95%;
        font-size: 12px;
        color: #ccc;
    }
    .transition5{
        transition-duration: .5s;
    }
    article{
        display: inline-block;
        width: 770px;
        background: #222;
        margin: 5px 0;
        min-height: 790px;
        border-radius: 3px;
        position: relative;
        vertical-align: top;
    }
    section{
        width: 250px;
        background: #222;
        text-align: center;
        display: inline-block;
        margin: 5px 0;
        min-height: 790px;
        border-radius: 3px;
        vertical-align: top;
    }
    .banner_top{
        max-width: 1024px;
        margin: 0 auto;
    }
    
    /*main menu in header*/
    .top_menu {
        background: linear-gradient(to bottom, rgb(0,0,0, 0) 0%, rgb(0,0,0,0.7) 100%);
        width: 100%;
        margin: 0 auto;
        padding: 0;
        text-align: left;
        border-radius: 3px;
        position: relative;
    }
    .top_menu  .site_name{
        display: inline-block;
        margin: 10px;
        font-family: tahoma;
        font-weight: 600;
        font-size: 30px;
        padding: 0;
        color: #555;
        text-shadow: 0 0 3px #000;
        vertical-align: bottom;
        position: relative;
        transition-duration: .5s;
    }
    .top_menu  .site_name:hover{
        color: #777;
        transition-duration: .5s;
    }
    .domen-of_site{
        font-size: 12px;
        position: absolute;
        bottom: -2px;
        right: -10px;
        z-index: 2;
        color: orange;
        font-weight: 600;
        font-family: cursive;
        opacity: .7;
    }
    .head_menu{
        display: inline-block;
        margin: 10px 20px;
        vertical-align: bottom;
    }
    .hedm{
        display: none;
    }
    .hedmc{
        display: none;
    }
    .hedm_user_menu{
        display: none; 
    }
    .head_menu a{
        display: inline-block;
        font-family: tahoma;
        font-weight: 400;
        color: #000;
        background: rgb(255, 195, 0, .7);
        margin: 0 1px;
        padding: 5px 15px;
        border-radius: 5px;
        position: relative;
        transition-duration: .5s;
    }
    .head_menu a:hover{
        background: rgb(255,195, .9);
        transition-duration: .5s;
    }
    .head_menu a div{
        display: inline;
        margin: 0;
        padding: 0;
    }
    .head_menu a div .messege{
        background: red;
        color: #fff;
        padding: 0 5px;
        font-size: 14px;
        border-radius: 3px;
    }
    /* Строка ссылок в шапке  */
    .url_top{
        display: block;
        text-align: center;
        font-size: 12px;
        width: 100%;
        color: #fff;
        font-weight: 400;
        margin: 5px auto;
    }
    .url_top a{
        color: #999;
        margin: 0 20px;
        text-transform: uppercase;
        transition-duration: .5s;
    }
    .url_top a:hover{
        color:#fff;
        transition-duration: .5s;
    }
    /* Строка ссылок в шапке and */
    /*user stat in head*/
    .info_users{
        position: absolute;
        bottom: 10px;
        right: 20px;
    }
    .info_users .users{
        display: block;
        color: rgb(255,255,255,.5);
        font-size: 14px;
        margin: 2px auto;
        position: relative;
        cursor: help;
    }
    .users:after{
        position: absolute;
        top: 0;
        left: -20px;
        content: " ";
        width: 14px;
        height: 14px;
        border-radius: 7px;
    }
    .all:after{
        background: rgb(255,255,255, .3);
    }
    .online:after{
        background: rgb(130, 224, 170, .3);
    }
    /*end main menu in header*/
    
    
    table tr td, table tr th {
        padding: 5px 10px;
        margin: 0 auto;
        text-align:center;
    }
    .tb {
        margin: 0 auto;
        border-radius: 5px;
        font-family: Times;
        font-size: 15px;
        font-weight: 400;
        color: orange;
        border: solid 1px orange;
        box-shadow: 0 0 10px #000;
        background: #111;
    }
    /*footer*/
    .ftr {
        display: block;
        border-radius: 3px;
        background: #222;
    }
    .block_cols_ftr{
        display: block;
        margin: 0 auto;
        width: 96%;
        text-align: center;
    }
    .block_cols_ftr .cols_ftr{
        display: inline-block;
        margin: 20px 0;
        width: 30%;
        text-align: left;
        vertical-align: top;
    }
    .block_cols_ftr .cols_ftr div, .block_cols_ftr .cols_ftr a{
        color: #888;
        font-size: 14px;
        margin: 5px auto;
        text-transform: uppercase;
        cursor: help;
        position: relative;
        transition-duration: .5s;
    }
    .block_cols_ftr .cols_ftr a{
        cursor: pointer;
    }
    .block_cols_ftr .cols_ftr div:hover, .block_cols_ftr .cols_ftr a:hover{
        color: orange;
        transition-duration: .5s;
    }
    .block_cols_ftr .cols_ftr div stat{
        position: absolute;
        top: 0;
        right: 0;
        width: 30%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    /*end footer*/
    
    /*stat*/
    .table_stat {
        font-family: cursive;
        font-size: 16px;
        width: 80%;
        min-width: 468px;
        border-collapse: collapse;
        text-align: center;
        color: orange;
        margin: 0 auto;
    }
    .table_stat th {
        font-weight: bold;
        color: pink;
        border-bottom: 2px solid #636669;
        padding: 10px 8px;
    }
    .table_stat tr:hover{
        cursor: pointer;
        background: #333;
        color: #6699ff;
    }
    .table_stat td {
        color: #888;
        border-top: 1px solid #555;
        padding: 5px 5px;
    }
    /* and stat */
    /*translate*/
    .skiptranslate {
        display: none;
        height: 0;
    }
    .language{
        display: block;
        position: fixed;
        left: 0;
        top: 20vh;
        z-index: 10;
        background: rgb(0,0,0, .1);
        padding: 10px 15px;
        border-radius: 0 10px 10px 0;
        border-right: 1px solid #444;
        box-shadow: -2px 2px 4px #111;
    }
    .language__img {
        cursor: pointer;
        display: none;
        margin: 5px auto;
    }
    .language:hover .language__img{
        display: block;  
    }
    .language__img_active{
        cursor: pointer;
        display: block;
        margin: 5px auto;
        color: orange; 
        border-radius: 3px;
    }
    /*translate*/

    
   /*статистика пользователя */
   .row, .row2{
       min-width: 468px;
       width: calc(96% - 2px);
       display: block;
       color: #888;
       background: #222;
       border: 1px solid #444;
       border-radius: 5px;
       margin: 2px auto;
       padding: 5px 0;
       cursor: pointer;
       transition-duration: .5s;
   }
   .minitext{
       display: block;
       margin: 0 10px;
       font-size: 11px;
       color: #777;
   }
   .row_td2{
       display: inline-block;
       width: 24%;
       font-size: 14px;
       margin: 2px auto;
   }
   .row:hover{
       background: rgb(255,255,255,.1);
       color: #fff;
       transition-duration: .5s;
   }
   
   .arr_b{
       cursor: pointer;
       color: #999;
       margin: 0;
       display: inline-block;
   }
   .arr_b:hover{
       color: orange;    
   }
   /*конец статистики пользователя*/

/*выплаты*/
    .pay{
        width: 100%;
        height: 88%;
    }
    .up_pay{
        width: 100%;
        height: 100%;
        display: block;
    }
    .block_pay{
        width: 79%;
        display: inline-block;
        
    }
    .block_paymoney{
        margin: 20px auto;
        width: 100%;
        display: block;
        
    }
    .block_payimg{
        width: 20%;
        display: inline-block;
    }
    .pay_wallet_form{
        width: 70%;
        height: 40px;
        margin: 1vh auto;
        display: flex;
        align-items: center;
        justify-content: center;
        border-bottom: 1px solid orange;
        background: #333;
        border-radius: 5%;
        box-shadow: 2px 2px 4px #000;
    }
    .inp_pay_form{
        width: 48%;
        height: 30px;
        text-align: center;
        font-size: 14px;
        border: 1px solid #111;
        margin: 0 1%;
    }
    .btn_pay_form{
        width: 28%;
        height: 30px;
        text-align: center;
        font-size: 14px;
        border: 0.1vh solid #111;
        background: #999;
        margin: 0 1%;
    }
    .btn_pay_form:hover{
        background: #222;
        color: #fff;
    }
    .wallet_logo{
        height: 40px;
        margin: 0 1%;
        width: 18%;
    }
    .wallet{
    height: 40px;
    margin: 0 1%;
    width: 48%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2vh;
    color: #888;
    }
    .no_pay{
     height: 4.6vh;
    margin: 0 1%;
    width: 78%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2vh;
    color: #ccc;   
    }
    .pay_icon{
        height: 30px;
        margin: 0 0.2vh;
    }
     /*выплаты*/
     ::-webkit-scrollbar {
    width: 12px;
}
 
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0,0,0,0.9); 
    border-radius: 10px;
}
 
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0,0,0,0.9); 
}



.minrow{
    display: block;
    margin: 0 auto;
    font-size: 13px;
    color: #999;
}
.minrow span{
    font-weight: 600;
    font-size: 14px;
}
.supermb{
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    background: #222;
    height: 90px;
}
.superblock{
    width: 100%;
    height: 90px;
    position: relative;
}
.superblockright{
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 90px;
}
.superblockright a{
    display: block;
    background: #333;
    color: #999;
    border: 1px solid #999;
    margin: 1px 0;
    
    font-size: 11px;
}
.superblockright a:hover{
    background: orange;
    border: 1px solid yellow;
    color: yellow;
}

/*help*/
.help_block{
    width: 100%;
    display: block;
    margin: 10px auto;
}
.help_form{
    width: 70%;
    margin: 0 auto;
    padding: 15px;
    background: #1f1f1f;
    border-radius: 10px;
    box-shadow: 0 0 20px #333;
}
.help_form name{
    width: 100%;
    font-size: 14px;
    font-family: tahoma;
    text-transform: uppercase;
    text-align: center;
    color: #999;
    display: block;
}
.help_mail{
    display: block;
    width: 90%;
    color: #000;
    height: 28px;
    border: 0;
    border-radius: 5px;
    margin: 0 auto;
}
.help_text{
    display: block;
    width: 90%;
    color: #000;
    height: 86px;
    border: 0;
    border-radius: 5px;
    margin: 0 auto;
    font-size: 16px;
    margin-bottom: 10px;
}
/*help end*/
.imglogowallet{
    width: 70%;
    margin: 0 auto;
    display: block;
}

.bannerblockpartner{
    width: 100%;
    display: block;
    margin: 0 auto;
}
.bannerblockpartner a{
    display: block;
    width: 466px;
    height: 58px;
    border: 1px solid orange;
    background: #111;
    margin: 2px auto;
    position: relative;
}
.bannerblockpartnerimg{
    width: 80px;
    height: 58px;
    position: absolute;
    top: 0;
    left: 0;
}
.bannerblockpartnertext{
    width: 386px;
    height: 58px;
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #999;
    font-weight: 600;
    text-transform: uppercase;
    font-family: tahoma;
    font-size: 20px;
}
.bannerblockpartner a:hover .bannerblockpartnertext{
    background: #333;
    color: #ccc;
}
.cssform{
  width: 468px;
  margin: 10px auto;
  display: block;
}
.cssimgbut{
    display: inline-block;
    margin: 0 1px;
    width: 140px;
    height: 140px;
    border: 0;
    border-radius: 5px;
    box-shadow: 0 0 5px #000;
}
.cssimgbut:hover{
    color: #fff;
    box-shadow: 0 0 5px #fff;
}


/* новый рекламный кабинет */
  .fix_fon{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgb(0,0,0, .7);
  }
  .fix_fon_button{
    position: absolute;
    top: -12px;
    right: -12px;
    display: block;
    text-align: center;
    padding: 3px 10px;
    border: 1px solid #888;
    font-size: 14px;
    color: #888;
    background: #333;
    border-radius: 50%;
    cursor: pointer;
    margin: 0 auto;
  }
.fix_fon_button:hover{
    color: #fff;
    background: #ccc;
 }
.pr_block{
    width: 96%;
    margin: 10px auto;
    box-shadow: 0 0 2px #000;
    border-radius: 5px;
    display: block;
    position: relative;
}


.pr_stat{
    color: #6a828f;
    background: #385361;
}
.pr_name{
    width: 90%;
    margin: 0 auto;
    padding: 0;
    display: block;
    color: #999;
    font-size: 14px;
}
.pr_active{
    border-left: 5px solid green;
}
.pr_link{
    width: 39%;
    margin: 0;
    display: inline-block;
}
.pr_link_name{
    width: 59%;
    margin: 0;
    display: inline-block;
}
.pr_block_stat{
    width: 100%;
    display: block;
}
.pr_info_block{
    width: 24%;
    display: inline-block;
    color: #fff;
    font-size: 16px;
    text-align: center;
    margin: 0 auto;
}


#contentPR{
    width: 100%;
    margin: 0 auto;
 }
.pr_radio_bl{
    width: 60px;
    margin: 0 auto;
    padding: 0;
    display:inline-block;
    border-radius: 10px;
    background: #222;
    color: #999;
}
.pr_radio_bl span{
    display: block;
    width: 100%;
    font-size: 11px;
    text-align: center;
    }
.pr_radio_bl .rad{
    width: 100%;
    margin: 0 auto;
    padding: 0;
}
 /* новый рекламный кабинет */
 
 /*statPR*/
.stat_block_pr{
    width: 70%;
    height: 70%;
    position: relative;
    background: #222;
    display: block;
    border-radius: 5px;
}
.tablePR{
    width: 100%;
    overflow: auto;
    height: 100%;
}
/*stat PR*/ 

.pr_block .if_active{
    width: 45px;
    position: absolute;
    top: 0;
    left: 10px;
    color: #888;
    text-align: center;
    font-size: 11px;
    text-transform: uppercase;
}
.pr_block .if_golink{
    width: 45px;
    position: absolute;
    top: 11px;
    left: 10px;
    color: #888;
    text-align: center;
    font-size: 11px;
    text-transform: uppercase;
}
 /* новый рекламный кабинет */

/* Оплата рекламного баланса */
.RowMwthodPay{
        display: block;
        margin: 10px auto;
    }
    .MethodPay{
        display: inline-block;
        width: 30%;
        max-width: 220px;
        margin: 10px;
        background: linear-gradient(to right,#222,#111);
        border: 1px solid orange;
        border-radius: 10px;
    }
    .MethodPay input{
        padding: 10px 0;
    }
    .MethodPayImg{
        width: 90%;
        display: block;
        margin: 0 auto;
        border-radius: 10px 10px 0 0;
        
    }
    .MethodPayInfo{
        width: 90%;
        height: 40px;
        display: block;
        margin: 5px auto;
        text-align: justify;
        font-size: 12px;
        line-height: 1.2;
        color: #999;
    }
    .MPbtn{
        display: block;
        margin: 5px auto;
        width: 90%;
        background: linear-gradient(to right,#e3ae27, #d99d04);
        text-align: center;
        color:#fff;
        font-size: 16px;
        padding: 5px 0;
        text-transform: uppercase;
        border: 0;
        border-radius: 10px;
        cursor:pointer;
    }
    .MPbtn:hover{
        background: linear-gradient(to right,#62cc52, #239412);
    }
/*конец оплата рекламного баланса*/

.row_td3{
    display: inline-block;
    width: 300px;
    font-size: 13px;
}
.row_td4{
    display: inline-block;
    width: 30%;
    font-size: 13px;
}
/*settings*/
.su_name{
    display: block;
    margin: 0 auto;
    width: 95%;
    text-align: left;
    font-size: 12px;
    text-transform: uppercase;
}
.su_textrow{
    display: inline-block;
    width: 27%;
    background: #777;
    padding: 6px;
    border-radius: 5px;
    font-size: 14px;
    color: #111;
    margin: 0 auto;
}
.su_textrow_inp{
    display: inline-block;
    width: 22%;
    background: #ccc;
    padding: 10px;
    border-radius: 5px;
    font-size: 14px;
    color: #111;
    margin: 5px 2px;
    border: 0;
}
.su_textrow_inp:focus{
    outline: none;
}
.su_textrow_inp2{
    display: block;
    width: 90%;
    background: #ccc;
    padding: 10px;
    border-radius: 5px;
    font-size: 14px;
    color: #111;
    margin: 5px auto;
    border: 0;
}
.su_textrow_inp2:focus{
    outline: none;
}
.col_text{
    display: inline-block;
}
#timerSend{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 90%;
    height: 30px;
    margin: 10px auto;
    font-size: 12px;
    color: #999;
    text-align: center;
}
#time{
    display: inline;
    margin: 0 5px;
    font-size: 14px;
    color: #fff;
    font-weight: 600;
}
#rePlay{
    display: block;
    padding: 5px 10px;
    background: linear-gradient(to right, #444, #222);
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    width: 70%;
    margin: 0 auto;
    border: 1px solid #999;
    border-radius: 3px;
    cursor: pointer;
}
#rePlay:hover{
    background: linear-gradient(to right, #d6af2f, #e37542);
}

/* Инструкции */
    .instruction{
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0;
        position: absolute;
        top: 5px;
        right: 5px;
        width: 26px;
        height: 26px;
        border-radius: 50%;
        font-weight: bold;
        color: orange;
        border: 2px solid orange;
        cursor: pointer;
    }
    .instruction:hover{
        color: #999;
        border-color: #999;
    }
    .alertBlock{
        position: fixed;
        top: 0;
        left: 0;
        z-index: 200;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .alertPlace{
        max-width: 70%;
        height: 84%;
        padding: 20px;
        background: #333;
        text-align: center;
        position: relative;
        border: 1px solid #ccc;
        display: block;
        
    }
    .alertPlace::before{
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        z-index: -1;
        background: rgb(0,0,0, .8);
        content: " ";
    }
    .alertPlace li{
        display: block;
        margin: 0 auto;
        width: 85%;
        font-size: 14px;
        font-weight: 500;
        text-align: left;
        line-height: 1.2;
    }
    .closePlace{
        display: flex;
        align-items: center;
        justify-content : center;
        position: absolute;
        top: -13px;
        right: -13px;
        width: 38px;
        height: 38px;
        color: #ccc;
        border: 2px solid #ccc;
        background: #333;
        text-transform: uppercase;
        font-family: tahoma;
        font-size: 26px;
        border-radius: 50%;
    }
    .placeScroll{
        display: block;
        width: 100%;
        overflow: auto;
        position: relative;
        height: 100%;
    }
}