/*гирлянды*/


.form_login a{
  margin: 0 5px;  
}   
button{
    cursor: pointer;
}
#propadsblock{
    position: fixed;
    left: 0;
    bottom: 60px;
    z-index:100000;
    width: 60px;
    height: 40px;
    background: #333;
    border-right: 3px solid #222;
    border-radius: 0 3px 3px 0;
    color: #fff;
}
.delpopads{
    font-size: 10px;
    font-weight: 400;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 40px;
}
#buttonPop{
    text-align: center;
    width: 100%;
}
.rules_row{
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    width: 100%;
    height: 30px;
    
}
.Offblock{
    position: absolute;
    top: 0;
    right: 0;
    width: 28px;
    height: 28px;
    display: none;
    justify-content: center;
    align-items: center;
    background: #222;
    color: #444;
    z-index: 100;
    border-radius: 0 0 0 3px;
}
.Offblock:hover {
    background: orange;
    }
    
  .custom-checkbox:not(:disabled):not(:checked)+label:hover::before {
  border-color: #b3d7ff;
}
/* стили для активного состояния чекбокса (при нажатии на него) */
.custom-checkbox:not(:disabled):active+label::before {
  background-color: #b3d7ff;
  border-color: #b3d7ff;
}
/* стили для чекбокса, находящегося в фокусе */
.custom-checkbox:focus+label::before {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
/* стили для чекбокса, находящегося в фокусе и не находящегося в состоянии checked */
.custom-checkbox:focus:not(:checked)+label::before {
  border-color: #80bdff;
}
/* стили для чекбокса, находящегося в состоянии disabled */
.custom-checkbox:disabled+label::before {
  background-color: #e9ecef;

}
.custom-checkbox {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.custom-checkbox+label {
  display: inline-flex;
  align-items: center;
  user-select: none;
}
.custom-checkbox+label::before {
  content: '';
  display: inline-block;
  width: 1em;
  height: 1em;
  flex-shrink: 0;
  flex-grow: 0;
  border: 1px solid #adb5bd;
  border-radius: 0.25em;
  margin-right: 0.5em;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50% 50%;
}
.custom-checkbox:checked+label::before {
  border-color: #0b76ef;
  background-color: #0b76ef;
  color: #fff;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
}
.box_chek{
    width: 90%;
    display: block;
    border-radius: 3px;
    background: linear-gradient(to bottom,#444,#222);
    margin: 5px auto;
    box-shadow: 0 0 3px #000;
}
.box_chek h6{
    color: #fff;
    font-size: 12px;
    text-align: center;
    padding: 0;
    margin: 0 auto;
    
}


/*mobile1*/
@media screen and (min-width: 486px) and (max-width: 1024px) {
    
payeer{
    color: #5495ff;
}
yandex{
    color: #d1a000;
}
qiwi{
    color:#dbdb14;
}
admin{
    color: orange;
    font-weight: 600;
}
iframe{
    margin: 0;
    padding: 0;
}
.xbet{
    width: 100%;
    height: 200px;
    margin: 0 auto;
    background: linear-gradient(to right, rgba(37, 77, 153,0) 0%,rgba(37, 77, 153,1) 50%,rgba(37, 77, 153,1) 51%,rgba(37, 77, 153,0) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
}
body{
	padding:0;
	color: #ccc;
	font-weight: 400;
	font-family:arial;
	background: #111;
	margin:0 auto;
	position: relative;
	min-width: 486px; 
}
.body{
    line-height: 1.8;
	margin:0 auto;
	z-index: 3; 
}
/*translate*/
body {
  top: 0 !important;
}
.skiptranslate {
  display: none;
  height: 0;
}
.language{
    display: block;
    width: 100%;
    text-align: center;
}
.language__img {
  cursor: pointer;
  width: 45px;
  display: inline-block;
  margin: 5px auto;
  border: 1px solid #000;
  border-radius: 3px;
}
.language__img_active{
  cursor: pointer;
  width: 45px;
  display: inline-block;
  margin: 5px auto;
  border: 1px solid orange; 
  border-radius: 3px;
}
/*translate*/
b {
    font-weight: 700;
    color: #ccc;
}
a {
	text-decoration: none;
	color: orange;
}
a:hover {
	text-decoration: none;
	color: pink;
}
.nav_block{
    display: none;
    width: 100%;
    height: 27px;
    margin: 0 auto;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom:10px ;
    border: 0;
}
.nav_block a{
    padding: 0 15px;
    background: orange;
    color: #111;
    margin: 0 5px;
    font-size: 14px;
    display: inline-block;
    border-radius: 0 0 3px 3px;
    border: 0;
    position: relative;
}
.nav_block a:hover{
    background: linear-gradient(to bottom, #7dc0ff, #32618c);
    color: #fff;
    }
.content {
    display: block;
	background: #222;
	text-align:center;
	margin:0 auto;
	position: relative;
	padding: 20px 0;
}
.l_r {
    background: #222;
    text-align: center;
    display: block;
    margin:0 auto;
    border-bottom: 1px solid orange;
}
.banner_top{
    min-width: 100%;
    margin: 0 auto;
}
.top_menu {
    background: #111;
    background-size:contain;
    color: #fff;
    width: 100%;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
    border-bottom: 1px solid orange;
    margin: 0 auto;
    position: relative;
    height: 50px;
    
}
.top_menu  span {
    font-family: tahoma;
    font-weight: 600;
    font-size: 29px;
    padding: 0;
    margin: 5px 10px;
    color: #555;
    text-shadow: 0 0 3px #000;
    display: inline-block;
}
.head_menu{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2;
    background: rgb(0,0,0, .6);
    text-align: center;
    width: 100%;
    height: 100%;
    overflow: auto;
}
.hedm{
    display: block;
    position: absolute;
    bottom: 5px;
    right: 5px;
    color: #000;
    background: orange;
    border-radius: 5px;
    border: 0;
    font-size: 20px;
    padding: 5px 15px;
}
.hedm:hover{
    color: #fff;
    background: #333;
}

.hedmc{
    display: block;
    position: relative;
    top: 5px;
    left: 86%;
    color: #fff;
    background: #333;
    border-radius: 5px;
    border: 0;
    font-size: 24px;
    padding: 10px 20px;
}
.hedmc:hover{
    color: orange;
    background: #555;
}
.head_menu a{
    display: block;
    width: 290px;
    text-align: center;
    font-family: tahoma;
    font-size: 18px;
    color: #000;
    background: orange;
    margin: 10px auto;
    padding: 10px 0;
    border-radius: 5px;
    position: relative;
}
.pr_menu{
    display: none;
}
.hedm_user_menu{
   position: fixed;
   bottom: 30px;
   right: 30px;
   border: 0;
   background: orange;
   color: #000;
   font-size: 32px;
   display: flex;
   align-items: center;
   justify-content: center;
   border-radius: 50%;
   width:65px;
   height: 65px;
   box-shadow: 0 0 5px orange;
   z-index: 1000;
}
.hedm_user_menu:hover{
    color: #fff;
    background: #333;
    box-shadow: 0 0 5px #333;
}
.inp{
	text-align: center;
    padding: 10px 15px;
    border: 1px solid orange;
    background: #fff;
    outline: none;
    border-radius: 3px;
    margin: 5px auto;
}
.inp:focus {
	border: 1px solid yellow;
}
.inp_t{
    width: 80%;
	text-align: center;
    padding: 10px 15px;
    border: 1px solid #333;
    background: #fff;
    outline: none;
    border-radius: 3px;
    margin: 5px auto;
}
.inp_t:focus {
	box-shadow: 0 0 5px #000;
}
.btn {
	outline: none;
	background: orange;
    padding: 10px 20px;
    color: #000;
    transition: 0.3s;
    font-weight: 600;
    font-family: cursive;
    font-size: 14px;
	cursor:pointer;
	border: 0;
	margin: 0 3px;
	box-shadow: 0 0 3px #000;
}
.btn:hover {
    background-color: #82BDFF;
    color: #fff;
}
.panel_control{
    width: 468px;
    margin: 5px auto;
    }
.panel_control .btn2{
    font-size: 14px;
    padding: 5px;
    }
.panel_control form{
    margin: 0;
    padding: 0;
    display: inline-block;
    }
.btn2{
    outline: none;
    background: orange;
    border: 0;
    padding: 10px 10px;
    color: #000;
    transition: 0.3s;
    font-weight: 500;
    font-family: cursive;
    font-size: 14px;
	cursor:pointer;
	margin: 0 auto;
    }
.btn2:hover {
    background: linear-gradient(to bottom, #7dc0ff, #32618c);
    color: #fff;
}
.error {
	width: 100%;
	margin: 5px auto;
	background: linear-gradient(to bottom, #a11d1d, #6e0c0c);
    font-weight: 600;
    padding: 5px 0;
    display: block;
    font-size: 18px;
    color: #fff;
    text-shadow: 0 0 3px #000;
    text-align: center;
}
.success {
    border-bottom: 1px solid #6ecc7e;
    background: linear-gradient(to bottom,#666,#333);
    border-radius: 5px;
    display: inline-block;
    font-weight: 600;
    font-size: 18px;
    color: #999;
    text-shadow: 0 0 3px #000;
    padding: 5px 20px;
    text-align: center;
}
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;
}
.ftr {
	border-top: 1px solid #CCC;
    background: #222;
    margin-top: 10px;
    padding: 5px 15px;
}
.ftr_link{
    display: block;
    width: 60%;
    min-width: 468px;
    margin: 10px auto;
}
.ftr_link a{
    background: orange;
    color: #fff;
    font-family: cursive;
    font-size: 16px;
    padding: 5px 15px;
    margin: 0 10px;
}
.ftr_link a:hover{
    background-color: #82BDFF;
}
h1 {
    text-align: center;
    font-size: 36px;
    color:orange;
    font-weight: 500;
    font-family: tahoma;
    margin: 0 auto;
    padding: 0;
}
h2 {
    text-align: center;
    font-size: 28px;
    color:orange;
    font-weight: 500;
    font-family: tahoma;
    margin: 0 auto;
    padding: 0;
}
h3{
    text-align: center;
    font-size: 22px;
    color:orange;
    font-weight: 500;
    font-family: tahoma;
    margin: 0 auto;
    padding: 0;
}
h4{
    width: 90%;
    text-align: center;
    font-family: tahoma;
    text-transform: uppercase;
    font-size: 14px;
    color:#111;
    font-weight: 500;
    margin: 3px auto;
    background: linear-gradient(to right, rgb(204, 154, 16, 0) 0%, rgb(204, 154, 16, 1) 10%,rgb(204, 154, 16) 90%,rgb(204, 154, 16, 0) 100%);
    border-radius: 10%;
}
p {
    font-size: 16px;
    text-indent: 35px;
    text-align: justify;
    color: #999;
    margin: 5px 15px;
    font-family: arial;
    line-height: 1.2;
}
.time_bonus{
	width: 100%;
	margin: 0 auto;
	background: linear-gradient(to bottom,#555, #333);
    margin-top: 10px;
    font-weight: 600;
    font-family: arial;
    padding: 5px 0;
    display: block;
    font-size: 18px;
    color: #ccc;
    text-shadow: 0 0 3px #000;
	}
.wait_bonus{
	width: 100%;
	margin: 5px auto;
	background: linear-gradient(to bottom, #444, #111);
    font-weight: 600;
    padding: 5px 0;
    display: block;
    font-size: 18px;
    color: #ccc;
    text-shadow: 0 0 3px #000; 
	}
.ricardo{
	width: 100px;
	float: right;
	}
.ricardo_say{
	float: left;
	width: 240px;
	text-align: center;
	padding: 10px;
	background: #222;
	border-radius: 4px;
	border: solid 2px #000;
	}
.plz_klik{
	display: block;
	background: linear-gradient(to bottom,#f0a611,#b39c1b);
	padding: 10px;
	margin: 5px auto;
}.plz_klik p{
    margin: 0 auto;
	text-align: center;
	color: #fff;
	text-shadow: 2px 2px 4px #000;
	font-size: 24px;
	font-family: arial;
}
.chat{
	display:block;
	width: 100%;
	background: #7a889e;
	margin: 0 auto;
	border-left: 1px solid #242c38;
	border-right: 1px solid #242c38;
}
.users{
	position: absolute;
	right: 16%;
	top: 0;
	width: 99px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 6px auto;
	font-family: cursive;
	font-size: 14px;
}
.users_img{
	width: 24px;
	margin: 3px;
	filter: grayscale(100%);
	display: inline-block;
}
.all_users{
	color: #888;
	display: inline-block;
}
.online_users{
	color: red;
	display: inline-block;
}
.info_users{
	width: 250px;
	height: 25px;
}
.fon{
	background: #f2f2f2;
	width: 100%;
	display: block;
	margin: 0 auto;
	min-height: 780px;
}
.stat_today{
    width: 60%;
    min-width: 468px;
    margin: 10px auto;
}
.stat_today_mark{
    padding: 0 15px;
    font-size: 24px;
    font-weight: 600;
    font-family: times;
    color: #777;
    border: 2px solid #777;
    border-radius: 10px;
    display: inline-block;
}
.stat_today_mark h6{
    font-size: 14px;
    margin: 0 auto;
    padding: 0;
    display: block;
    color: #777;
}
form_contain{
    margin: 10px auto;
    padding: 10px;
}
.chek_code{
    width: 90%;
    margin: 10% auto;
    background: #222;
    border: 1px solid orange;
    box-shadow: 0 0 5px #000;
    text-align: center;
    font-size: 32px;
    font-family: Tahoma;
    border-radius: 5px 0 5px 5px;
    position: relative;
}
.chek_code a{
    position: absolute;
    right: -1px;
    top: -41px;
    width: 140px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: orange;
    border-radius: 20px 0 0 0;
    color: #000;
}
.form_login{
    max-width: 300px;
    width: 96%;
    background: #444;
    border: 1px solid orange;
    border-radius: 10px;
    display: block;
    margin: 20px auto;
}
.name{
    display: block;
    padding: 5px;
    float: right;
}
wtf{
    margin: 10px auto;
    font-size: 14px;
    font-family: times;
    display: block;
}
.reg{
    display: block;
    font-size: 12px;
}
.reg:hover{
    color: #58635b;
}
.refresh_pass{
    font-size: 12px;
    color: #ccc;
    font-family: tahoma;
    display: block;
}
/* Строка ссылок в шапке  */
.url_top{
    display: none;
    width: 100%;
    height: 22px;
    color: #fff;
    font-size: 14px;
    text-decoration: none;
    font-weight: 400;
    text-align: center;
    background: #222;
    border-bottom: 1px #000 solid;
    margin: 0 auto;
}
.url_top a{
    color: #999;
    margin: 0 20px;
}
.url_top a:hover{
    color:#fff;
}
/* Строка ссылок в шапке and */
/* Подсветка баннеров */
.banner_top_block{
    width: 100%;
    display: none;
    margin: 0 auto;
    text-align: center;
}
.normal{
    max-width: 468px;
    height: 60px;
    display: block;
    margin: 3px auto;
    padding: 0;
}
.normal div{
    max-width: 468px;
}
.light{
    max-width: 468px;
    height: 60px;
    display: block;
    margin: 0 auto;
    padding: 0;
    box-shadow: 0 0 30px rgba(255,0,0,1);
}
.light div{
 
    max-width: 468px;
}
.size{
    width: 468px;
    height: 60px;
    margin: 0;
    padding: 0;
}
.column_3{
    margin: 10px auto;
    display: block;
}
/* Подсветка баннеров  конец*/
/* stat site */
.stat_bonusnic{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 5px auto;
}
namestat{
    display: block;
    text-align: center;
    font-size: 14px;
}
stat{
    width: 100%;
    text-align: center;
    font-weight: 800;
    font-size: 24px;
    text-shadow: 1px 1px 3px #000;
    color: orange;
    display: block;
}
.all_stat{
    margin: 0 auto;
    border-spacing: 6px 0;
    text-align: center;
    }
.all_stat .td{
    width: 176px;
    height: 80px;
    display: inline-block;
    border-radius: 8px;
    border: solid 1px orange;
    margin: 5px;
    font-family: Arial;
    font-weight: 500;
    box-shadow: 2px 2px 6px #000;   
}
/* and stat site */
/*wmlink*/
.wmlink{
	margin: 0 auto;
}
.wmlink a{
	background: #333;
	color: orange;
	font-size: 14px;
	width: 468px;
	height: 26px;
	text-align: center;
	margin: 1 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #666;
}
#adrek_2692 a{
	background: #333;
	color: orange;
	font-size: 24px;
	width: 468px;
	height: 60px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 2px auto;
	border: 1px solid #666;
}
#adrek_2692 a:hover{
	background: #444;
	color: #fff;
}
.wmlink b{
	font-weight: 500;
	color: orange;
	font-size: 24px;
}
/*wmlink*/
/* PR */	    
.form_cash{
    width: 350px;
    background: #333;
    border-radius: 20px;
    border-bottom: 5px solid #666;
    margin: 10px auto;
    padding: 10px;
}
.txtr{
    padding: 8px;
}
.form_cash h6 {
    margin: 5px auto;
    padding: 0;
}
.pr_info{
    margin: 10px auto;
    width: 80%;
    background: #444;
    min-width: 468px;
    border-bottom: 5px solid #666;
}
.pr_info2{
    margin: 10px auto;
    width: 80%;
    background: #444;
    min-width: 468px;
    padding: 0;
    border-bottom: 5px solid #666;
    font-size: 16px;
    font-family: times;
    word-wrap: break-word;
}
.pr_info2 table{
    margin: 0 auto;
    padding: 0;
}
.pr_info2 th{
    padding: 0 10px;
}
.name_site{
    color: #888;
    font-weight: 600;
    }
.do_it a {
    display: inline-block;
    padding: 5px;
    background: #a5c9b1;
}
.do_it a:hover {
    background: #a0a3a1;
}
.btn3{
    display: inline-block;
    margin: 0 auto;
}
.b3{
    background: #a5c9b1;
    padding: 5px;
    color: #444;
    border: 0;
    border-bottom: 3px solid #444;
}
.b3:hover{
    background: #a0a3a1;
    border: 0;
    border-bottom: 3px solid #444;
}
.link_wrap{
    word-break: break-all;
    min-width: 200px;
}
statsite{
    display:block;
    width: 80%;
    margin: 10px auto;
    text-align: center;
    border-bottom: 5px solid green;
}
iplog{
    font-family: times;
    font-size: 14px;
    display: block;
    margin: 5px auto;
    width: 80%;
    text-align: center;
    border-bottom: 1px solid orange;
}
iplog:hover{
    background: orange;
    color:#444;
    border-bottom: 1px solid #444;
}
.scroll2{
    width: 100%;
    height: 400px;
    overflow:scroll;
    display: block;
}
.ad_new_site{
    margin: 0 auto;
    border: 1px solid #777;
    border-radius: 10px;
    padding: 10px 0;
    width: 460px;
    min-width: 448px;
    }
.textaarea{
    float: right;
    width: 330px;
    padding: 5px;
    font-size: 15px;
    display:flex;
    align-items: center;
    justify-content: center;
}
.roww{
    display:block;
    width: 100%-10px;
    margin: 5px auto;
    padding: 5px;
    height: 30px;
}
t{
    float: left;
    font-family: times;
    font-size: 15px;
    }
/* PR */
/* viner block */
.table_prz{
    width: 468px;
    height: 300px;
    display: block;
    position: relative;
    margin: 0 auto;
}
.left_tprz{
    left: 0;
    top: 0;
    position: absolute;
    height: 300px;
    width: 268px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.right_tprz{
    width: 200px;
    height: 300px;
    right: 0;
    top: 0;
    position: absolute;
}
.banner_tprz{
    width: 468px;
    height: 60px;
    display: block;
    position: relative;
    margin: 5px auto;
}
/* and viner block */
/*suport*/
.mailsuport{
    margin: 10px;
    padding: 5px 15px;
    background: #444;
    border: 2px solid orange;
    color: #fff;
    font-size: 14px;
    font-family: times;
    width: 290px;
    text-align: center;
    display: inline-block;
}
.mailsuport_img{
    margin: 10px auto;
    height: 34px;
    width: 136px;
    padding: 0;
    background: #444;
    border: 2px solid orange;
    color: #fff;
    display: inline-block;
}
.mailsuport b{
    color:orange;
    font-size: 14px;
    font-family: times;
}
.suport{
    margin: 20px auto;
    width: 690px;
    display: flex;
    align-items: center;
    justify-content: center;
}
/*and suport*/ 
/*bonus*/
.go{
    padding: 10px 50px;
    background: #c1c1c1;
    color: #fff;
    border: 0;
    border: 1px solid #444;
    border-radius: 3px;
    margin: 15px auto;
}
.go:hover{
    background: green;
}
.green{
    padding: 10px 30px;
    background: green;
    color: #fff;
    border: 1px solid #444;
    border-radius: 3px;
}
.white{
    padding: 10px 30px;
    background: #fff;
    color: #444;
    border: 1px solid #444;
    border-radius: 3px;
}
.link_position{
    margin: 20px auto;
    width: 75%;
    min-width: 468px;
    border-bottom: solid 9px #777;
    border-radius: 5px;
    background: linear-gradient(to bottom,#333,#111);
    box-shadow: 10px 10px 20px #000;
}
.bonus_button{
    width: 100%;
    min-width: 448px;
    margin: 0 auto;
}
.bonus_button a{
    display: inline-block;
    margin: 10px;
}
.bonus_button2{
    width: 200px;
    height: 250px;
    text-align: center;
    align-items: center;
    justify-content:center;
    background: linear-gradient(to bottom, #444,#444);
    border-bottom: solid 5px orange;
    box-shadow: 3px 3px 5px #000;
}
.bonus_button img{
    width: 180px;
    height: 180px;
    margin: 0 auto;
    display: block;
}
tx{
    display: block;
    margin: 0 auto;
    color: #fff;
    font-family: cursive;
    font-weight: bold;
    font-size: 30px;
    text-align: center;
}
.bonus_button a:hover{
    transition: 0.7;
    opacity: 0.8;
}
.bonus_button2:hover{
    border-bottom: 5px solid green;
}
/* andbonus */
/*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;
}
.barckblue{
    color: #80b0ff;
    font-weight: 900;
}
.blue{
    color: #4d94ff;
    font-weight: 900;
}
.fiolet{
    color: #4d0e9e;
    font-weight: 900;
}
.pink{
    color: #9c1c84;
    font-weight: 900;
}
.shorte{
    color: #48854a;
    font-weight: 900;
}
.bs{
    color: #bd9020;
    font-weight: 900;
}
.serf{
    color: #03802a;
    font-weight: 900;
}
.clone{
    color: #444;
    font-weight: bold;
}
.P{
    color: #258040;
    font-weight: 900;
}
.R{
    color: #111;
    font-weight: 900;
}
/* and stat */
/*url_serf*/
.url_serf{
    width: 70%;
    min-width: 466px;
    margin: 5px auto;
    background: #444;
    border-bottom: 1px solid orange;
    font-size: 14px;
}
.url_serf table {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.lookserf{
    width: 100%;
    height: 67px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #333;
    color: #999;
    font-size: 16px;
    font-family: tahoma;
}
/*end url_serf*/
/*cat cut*/
.green{
    padding: 10px 30px;
    background: green;
    color: #fff;
    border: 1px solid #444;
    border-radius: 3px;
    margin: 20px auto;
}
.white{
    padding: 10px 30px;
    background: #fff;
    color: #444;
    border: 1px solid #444;
    border-radius: 3px;
    margin: 20px auto;
}
.link_position{
    margin: 20px auto;
    border-bottom: solid 5px #666;
    padding: 10px;
    border-radius: 10px;
    font-size: 16px;
}
/*and cat cut*/
/*aboute*/
.aboute{
    width: 90%;
    min-width: 458px;
    background: #333;
    padding: 15px 5px;
    color: #111;
    font-size: 16px;
    font-weight: 500;
    margin: 20px auto;
    border-bottom: 5px solid #444;
}
.aboute p {
    color: #ccc;
    margin: 0 10px;
}
.r{
    float: right;
    height: 50px;
    margin: 0 10px;
    padding: 0;
    display: inline-block;
    position: relative;
}
.l{
    float: left;
    height: 50px;
    margin: 0 10px;
    padding: 0;
    display: inline-block;
    position: relative;
}
/*and aboute*/
/*banner CSS для наших баннеров*/
.block_b_1{
    margin: 0 auto;
    width: 468px;
}
.box{
    border: 1px solid #444;
    border-radius: 3px;
    width: 468px;
    margin: 0 auto;
    box-shadow: 0 0 5px #000;
    background: linear-gradient(to bottom, #333, #222);
}
.spoiler >  input + .box {
	display: none;
}
.spoiler >  input:checked + .box {
	display: block;
}
.chackbboox{
    padding: 0;
    margin: 0 auto;
    height: 20px;
}
.banner_weight{
    display: inline-block;
    font-size: 24px;
    font-family: cursive;
    color: #999;
}
.banner_width{
    width: 100%;
    display: block;
}
.banner_width button{
    display: inline-block;
    margin: 5px;
    width: 18%;
    height: 40px;
    border: 0;
    border-radius: 5px;
    background: linear-gradient(to right, #444, #555);
    color: #fff;
    cursor: pointer;
}
.banner_width button:hover{
    background: orange;
}
.banner_block_ref{
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 12;
    background: rgb(0,0,0, 0.6);
}
.banner_block_ref .b-b-ref{
    display: block;
    width: 468px;
    background: #333;
    position: relative;
}
.banner_block_ref .b-b-ref .close{
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    background: #111;
    color: #999;
    font-size: 18px;
    font-weight: 600;
}
.banner_block_ref .b-b-ref .close:hover{
    background: #444;
    color: #fff;
}
/*Новости*/
.news{
    width: 90%;
    min-width: 468px;
    display: block;
    position: relative;
    border-top: 1px solid #666;
    border-bottom: 1px solid #666;
    margin: 40px auto;
    background: #111;
    box-shadow: 0 0 20px #000;
}
.redact_news{
    position: absolute;
    top: 0;
    right: 20px;
    margin: 0;
    padding: 0;
}
.redact_button{
    padding: 5px;
    background: orange;
    color: #111;
    border: 0;
}
.redact_button:hover{
    background: blue;
}
/* конец новости */
/*мониторинг*/
.block_ad_new{
    width: 250px;
    background: orange;
    border-top: solid 1px #111;
    font-size: 14px;
    color: #111;
    font-family: cursive;
    position: absolute;
    top: 0;
    right: 0;
    text-align: center;
    z-index: 1;
    border-radius: 0 0 0 10px ;
}
.block_ad_new a {
    color: #111;
}
.block_ad_new a:hover {
    color: #fff;
}
.mon_block{
    min-width: 468px;
    width: 90%;
    background: #333;
    border: solid 1px #555;
    margin: 0 auto;
    position: relative;
    margin-top: 10px;
}
icon{
    font-size: 18px;
}
neitral{
    color: yellow;
    font-weight: bold;
    position: absolute;
    right: 10px;
    top: 0;
    padding: 5px;
}
good{
    color: orange;
    font-weight: bold;
    position: absolute;
    right: 10px;
    top: 0;
    padding: 5px;
}
bad{
    color: red;
    font-weight: bold;
    position: absolute;
    right: 10px;
    top: 0;
    padding: 5px;
}
sobad{
    color: #1E90FF;
    font-weight: bold;
    position: absolute;
    right: 10px;
    top: 0;
    padding: 5px;
}
.voice{
    position: absolute;
    left: 10px;
    top: 1px;
    width: 140px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.like{
    display: flex;
    align-items: center;
    justify-content: center;
    color: #00cc36;
    background: #222;
    border-radius: 3px;
    padding: 0 10px;
    margin: 0 5px;
    cursor: pointer;
}
.like:hover{
    color: #fff;
    background: green;
}
.diss{
    display: flex;
    align-items: center;
    justify-content: center;
    color: red;
    background: #222;
    border-radius: 3px;
    padding: 0 10px;
    margin: 0 5px;
    cursor: pointer;
}
.diss:hover{
    color: #fff;
    background: red;
}
.voice a{
    margin-right: 10px;
}
.voice a:hover{
    box-shadow: 0 0 5px yellow;
}
.slider_block{
    display: block;
    min-width: 468px;
    width: 100%;
    margin: 0 auto;
    background: #444;
}
.buttonmon{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 5px auto;
}
.buttonmon button{
    border: 0;
    padding: 5px 15px;
    background: #555;
    color: #ccc;
    border-radius: 5px;
    margin: 0 5px;
}
.buttonmon button:hover{
    background: #111;
    color: #888;
}
ok{
    position: fixed;
    left: 40px;
    bottom: 50px;
    color: orange;
    padding: 10px 40px;
    background: linear-gradient(to bottom,#555,#222);
    font-size: 16px;
    font-family: Georgia, 'Times New Roman', Times, serif;
    border: 2px solid orange;
    border-radius: 5%;
    animation: Opacity 3s forwards;
    }
.blockmonitoring{
    width: 100%;
    height: 760px;
    overflow: auto;
    margin: 0 auto;
}
/*конец мониторинга*/


/*кошельки*/
.wallet_block1{
    margin: 5px auto;
    width: 460px;
    background: linear-gradient(to bottom, #444, #222);
    border: 1px solid #000;
    border-radius: 3px;
    box-shadow: 0 0 3px #000;
    color: #fff;
}
.wallet_block1 .inp{
    border: 0;
    box-shadow: 0 0 5px #000;
    background: #fff;
}
.wallet_block2{
    width: 468px;
    height: 30px;
    margin: 10px auto;
    display: flex;
    align-items: center;
    justify-content:center;
    color: #fff;
    text-shadow: 1px 1px 3px #000;
}
.wallet_block2 .but1{
    display: inline-block;
    background: #ebc634;
    color: #222;
    font-size: 16px;
    text-align: center;
    padding: 0 10px;
    border: 0;
    border-radius: 4px;
    box-shadow: 0 0 10px #000;
    margin:  0 10px;
}
.wallet_block2 .but1:hover{
    background: #a18827;
    color: #fff;
}
.wallet_block2 .but2{
    display: inline-block;
    background: #c96be3;
    color: #222;
    font-size: 16px;
    text-align: center;
    padding: 0 10px;
    border: 0;
    border-radius: 4px;
    box-shadow: 0 0 10px #000;
    margin:  0 10px;
}
.wallet_block2 .but2:hover{
    background: #752424;
    color: #fff;
}
.wallet_block2 .but3{
    display: inline-block;
    background: #457fcc;
    color: #222;
    font-size: 16px;
    text-align: center;
    padding: 0 10px;
    border: 0;
    border-radius: 4px;
    box-shadow: 0 0 10px #000;
    margin:  0 10px;
}
.wallet_block2 .but3:hover{
    background: #27446b;
    color: #fff;
}
/*Конец кошельков*/
/* mon 240x 400 */
.mon{
    width: 240px;
    height: 400px;
    margin: 5px auto;
    border: 1px solid #555;
    background: #222;
    position: relative;
}
.text_wite{
    color: #fff;
    font-weight: 600;
    position: absolute;
    left: 0;
    top: 0;
    text-shadow: 0 0 1px #000;
}
.trans{
    -webkit-transform: rotate(-35deg); 
    -moz-transform: rotate(-35deg);
    -o-transform: rotate(-35deg); 
    -ms-transform: rotate(-35deg); 
    transform: rotate(-35deg); 
}
.mon_header{
    width: 240px;
    background: orange;
}
.text_mon{
    position: relative;
    text-align: center;
    font-family: cursive;
    font-weight: 600;
    font-size: 18px;
    color: #222;
    margin: 0 auto;
}
.all_mon{
    width: 240px;
    height: 340px;
    overflow-x: hidden;
    overflow-y: auto;
}
.all_mon a {
    width: 90%;
    margin: 5px auto;
    background: linear-gradient(to bottom, orange, #ba5e02);
    display: block;
    text-align: center;
    padding: 5px;
    color: #000;
    text-decoration: none;
    font-weight: 600;
    font-size: 20px;
    position: relative;
}
.all_mon a:hover{
    background: linear-gradient(to bottom, #2996ba, #015570);
    color: #fff;
    text-shadow: 0 0 1px #000;
}
.link_all_mon{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 240px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 20px;
    background: #111;
}
.link_all_mon a{
    color: #fff;
    text-shadow: 0 0 2px yellow;
}
.link_all_mon a:hover{
    color: red;
}
.supper_mon{
    width: 20px;
    height: 20px;
    background: url(../img/chek.png);
    background-size: cover;
    position: absolute;
    right: -6px;
    top: -5px;
}
/*mon 240x 400 end */
/*уведомление*/
    .notification{
    width: 80%;
    background: #333;
    border-bottom: 5px solid orange;
    color: orange;
    font-family: cursive;
    font-weight: 500;
    font-size: 15px;
    text-indent: 35px;
    text-align: justify;
    box-shadow: 0px 0px 20px rgba(0,0,0, 1);
    padding: 20px;
    margin: 20px auto;
}
/*Конец уведомления*/
.payeer{
    color: #666;
    font-family: arial;
    font-weight: 500;
    font-size: 28px;
    display: block;
    text-shadow: 5px 5px 5px #000;
}
/*Изображение в названии*/
.img_span_head{
    position: absolute;
    left: -15px;
    top: -10px;
    width: 30px;
    height: 30px;
    }
/*Изображение в названии END*/   
/*Партнерские ссылки*/
    .partner{
	width: 100%;
	margin: 0 auto;
	position: relative;
	display:none;
	text-align: center;
	
}
.partner .link{
	width: 47%;
	height: 43vh;
	color: orange;
	font-size: 13px;
	text-transform: uppercase;
	font-family: tahoma;
	margin: 5px 2px;
	border: 1px solid orange;
	border-radius: 5px;
	box-shadow: 0 0 3px #555;
	text-shadow: 1px 1px 3px #000;
	padding: 0;
	position: relative;
	filter: grayscale(80%);
	display: inline-block;
}
.partner .link:hover{
	background: linear-gradient(to bottom,#6678d1,#3a4478);
	color:#fff;
	filter: grayscale(0%);
}
.partner_ricardo{
    position: absolute;
    top: -90px;
    left: 0;
    width: 140px;
    height: 90px;
    border-radius: 20px;
    animation: Opacity 9s forwards;
    
}
.namepartner{
    width: 100%;
    height: 30px;
    background: rgb(34,34,34, 0.6);
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 0;
    left: 0;
    border-radius: 0 0 5px 5px;
}
.name_partner{
    position: absolute;
    top: -5px;
    left:  0;
	width: 20%;
	font-size: 14px;
	color: #bf9e17;
	font-family: arial;
	font-weight: 500;
}
.partner_bay{
	position: absolute;
	right: 0;
	top: 0;
	width: 30px;
	height: 30px;
	border: 1px solid #fff;
	border-radius: 50%;
	background: green;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 10;
}
.partner_bay:hover{
    background: #333;
}
/*Партнерские ссылки END*/
/*Для ЧАТА*/
.messege{
    padding: 0;
    font-size: 10px;
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 50%;
    width: 17px;
    height: 17px;
    background: red;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content:center;
}
/*Для ЧАТА END*/
/* для изображения капчи */
.captsha_img{
    display: inline-block;
    margin: 0 5px; 
    border: solid 1px orange;
}
.block_key_captsha{
    width: 120px;
    height: 38px;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}
/* конец изображения капчи */
/* Мультибукс */
.mb_serf{
    width: 100%;
    height: 990px;
    margin: 0 auto;
    overflow: auto;
}
.block_mb{
    margin: 0 auto;
    width: 468px;
    display: block;
}
.block_mb a{
    margin: 5px;
    display: inline-block;
    width: 100px;
    height: 40px;
    padding: 0;
    background: linear-gradient(to bottom, #444, #111);
    border: 1px solid #000;
    box-shadow: 3px 3px 7px #000;
    color: #999;
    font-size: 18px;
    text-shadow: 0 0 3px #000;
    text-align: center;
    justify-content: center;
    font-family: tahoma;
}
.block_mb a:hover{
    background: linear-gradient(to bottom, #6f98a6, #33535e);
    color: #fff;
}
.stat_mb{
    margin: 0 auto;
    width: 468px;
    display: block;
}
.stat_mb .val_mb{
    margin: 5px;
    display: inline-block;
    width: 100px;
    height: 50px;
    position: relative;
    border: 1px solid orange;
}
.val_mb text{
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: arial;
    font-size: 12px;
}
.val_mb sum{
    position: absolute;
    top: 20px;
    left: 0;
    width: 100px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: tahoma;
    font-size: 28px;
    color: orange;
}
.block_mb1{
    margin: 0 auto;
    width: 468px;
    display: block;
}
.block_mb1 a{
    margin: 10px;
    display: inline-block;
    width: 190px;
    height: 60px;
    background: linear-gradient(to bottom, #444, #111);
    border: 1px solid #000;
    box-shadow: 3px 3px 7px #000;
    color: #999;
    font-size: 32px;
    text-shadow: 0 0 3px #000;
    text-align: center;
    justify-content: center;
    font-family: tahoma;
}
.block_mb1 a:hover{
    background: linear-gradient(to bottom, #6f98a6, #33535e);
    color: #fff;
}
/* мультибукс - конец*
/*CatVut*/
.block_catcut{
    width: 60%;
    background: #444;
    border: 1px solid #444;
    box-shadow: 0 0 10px #000;
    margin: 0 auto;
    }
.block_catcut h2{
    color: #999;
    text-shadow: 0 0 3px #000;
    margin: 5px auto;
    padding: 0;
    font-family: arial;
    font-size: 14px;
    color: #c1cae6;
}
.cc_form{
    margin: 10px auto;
    padding: 0;
    display: block;
}
.cc_btn{
    width: 40px;
    height: 40px;
    background: linear-gradient(to bottom,#222,#666);
    color: #fff;
    text-shadow: 0 0 3px #444;
    font-size: 22px;
    display: inline-block;
    align-items:center;
    justify-content: center;
}
.cc_btn:hover{
    background: linear-gradient(to bottom,#506355,#91b59a);
    color:#d5f5dd;
    border-color: #91b59a;
}
coment{
    display: block;
    margin: 0 auto;
    padding: 0;
    font-size: 12px;
    color: #ccc;
}
/*END cat cut */
/*график*/
.box_grafic{
    width: 100%;
    margin: 0 auto;
    margin-bottom: 20px;
}
.grafic{
    width: 45%;
    min-width: 468px;
    height: 200px;
    border: 0.1vh solid #000;
    border-bottom: 0.5vh solid #000;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    position: relative;
}
.grafic_name{
    position: absolute;
    bottom:  -2.7vh;
    left: 0;
    font-size: 1.4vh;
    text-align: center;
    width: 100%;
}
.grafic box{
    width: 7vh;
    height: 100%;
    display: inline-block;
    margin: 0 1%;
    position: relative;
}
.box1{
    width: 100%;
    display: block;
    border: 0.1vh solid #000;
    position: absolute;
    bottom: 0;
    font-size: 1.4vh;
    color: #fff;
    text-align: center;
}
    /*конец графика*/
    
    /*меню пользователя*/
.block_user_money{
    width: 100%;
    display: block;
    margin: 10px auto;
    color: #999;
    font-size: 18px;
}
.block_user_money .block{
    width: 90%;
    display: block;
    margin: 0 auto;
    line-height: 1.3;
    font-size: 15px;
    font-family: arial;
    text-align: left;
}
#user_money{
    color: #ccc;
    font-weight :600;
    margin: 0 10px;
    display: inline-block;
}
#user_pr{
    color: #ccc;
    font-weight :600;
    margin: 0 10px;
    display: inline-block;
}
.umc_mob{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    background: rgb(0,0,0, .6);
    text-align: center;
    overflow: auto;
}
.block_user_menu{
    width: 100%;
    margin: 0 auto;
    display: block;
}
.block_user_menu a{
    display: block;
    width: 290px;
    margin: 5px auto;
    background: linear-gradient(to bottom,#ebb915,#d98602);
    color: #111;
    font-size: 18px;
    border-radius: 8px;
    text-align: center;
    position: relative;
    padding: 10px 0;
}
.block_user_menu a:hover{
    background: linear-gradient(to bottom,#5ab6e0,#055980);
    color: #fff;
}
.block_user_job{
    width: 100%;
    margin: 0 auto;
    display: block; 
}
.block_user_job a{
    display: block;
    width: 290px;
    margin: 8px auto;
    font-size: 18px;
    text-align: center;
    background: #222;
    border: solid 1px #888;
    border-radius: 5px;
    color: #888;
    position: relative;
    padding: 10px 0;
}
.block_user_job a:hover{
    background: #444;
    color: #999;
    border: solid 1px #999;
}
.weit{
    position: absolute;
    right: 0;
    top: 0;
    font-size: 14px;
    width: 76px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
}
   /*меню пользователя*/ 
   
   /*статистика пользователя */
   
.row{
    min-width: 468px;
    width: 90%;
    display: block;
    color: #888;
    background: #222;
    border: 1px solid #444;
    border-radius: 5px;
    margin: 2px auto;
    font-family: tahoma;
}
.row_td2{
    display: inline-block;
    width: 24%;
    font-size: 11px;
    margin: 2px auto;
}
.row:hover{
    background: #444;
    color: #999;
}
.arr_b{
    cursor: pointer;
    color: #999;
    margin: 0;
    display: inline-block;
    font-size: 34px;
}
.b_ref_but{
    display: block;
}
.arr_b:hover{
color: orange;    
}

    /*конец статистики пользователя*/
.referal_block_link{
    width: 100%;
    height: 690px;
    overflow: auto;
}
.referal_pay_list{
    width: 100%;
    height: 600px;
    overflow: auto;
}

/*выплаты*/
    .pay{
        width: 100%;
        height: 88%;
    }
    .up_pay{
        width: 100%;
        height: 100%;
        display: block;
    }
    .block_pay{
        width: 100%;
        display: inline-block;
        
    }
    .block_paymoney{
        margin: 20px auto;
        width: 100%;
        display: block;
        
    }
    .block_payimg{
        width: 20%;
        display: none;
    }
    .pay_wallet_form{
        width: 90%;
        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); 
}
.blockstat{
    width: 100%;
    margin: 0 auto;
    height: 140px;
}
.tabletimg{
    display:none;
    width: 19%;
    height: 150px;
    overflow: auto;
    position: relative;
}
.tabletimgtwo{
    display:inline-block;
    width: 90%;
    height: 180px;
    overflow: auto;
    position: relative;
}
.superimg{
    display: none;
    width: 80%;
    height: 100px;
    animation-name: floating;
    animation-duration: 4s;   
    animation-iteration-count: infinite;
}
.superimgtwo{
    display: none;
    width: 80%;
    height: 120px;
    animation-name: floating;
    animation-duration: 4s;   
    animation-iteration-count: infinite;
}
.shadow{
    margin: 0 auto;
    background: #111;
    box-shadow: 0 0 5px #000;
    animation-name: shadowmaster;
    animation-duration: 4s;
    animation-iteration-count: infinite;
}
.tabletleft{
    display:inline-block;
    width: 64%;
    height: 140px;
    overflow: auto;
}
.tabletright{
    display:inline-block;
    width: 34%;
    height: 150px;
    overflow: auto;
    line-height: 1.3;
}
.tablet2{
    width: 46%;
    height: 60px;
    display: inline-block;
    margin: 0;
    color: #CCC;
    font-size: 24px;
    text-align: center;
    text-shadow: 0 0 1px #000;
    position: relative;
}
.tablet2 info{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    color: #fff;
}
.tablet2 div{
    position: absolute;
    top: 20px;
    left: 0;
    width: 100%;
}
.tabletleft2{
    display:block;
    width: 100%;
    height: 150px;
    overflow: auto;
}
.tabletRow{
    width: 100%;
    height: 60px;
    display: block;
    margin: 7px 0;
    padding: 0;
}
.tabletRow img{
    width: 60px;
    height: 60px;
    margin: 0 10px;
    display: inline-block;
}
.tablet3{
    width: 18%;
    height: 50px;
    display: inline-block;
    margin: 5px 0;
    color: #CCC;
    font-size: 28px;
    font-weight: 600;
    text-align: center;
    text-shadow: 0 0 1px #000;
    position: relative;
}

.tablet3 info{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 500;
    color: #fff;
}
.tablet3 div{
    position: absolute;
    top: 10px;
    left: 0;
    width: 100%;
}
.minrow{
    display: block;
    margin: 0 auto;
    font-size: 12px;
    color: #999;
}
.minrow span{
    font-weight: 600;
    font-size: 13px;
}
.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%;
    height: 230px;
    display: block;
    margin: 10px auto;
}
.help_form{
    width: 70%;
    height: 230px;
    margin: 0 auto;
    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: 18px;
}
.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%;
    background: rgb(0,0,0, .7);
    overflow: auto;
  }
  .fix_fon_button{
    position: fixed;
    top: 10px;
    right: 20px;
    width: 34px;
    height: 34px;
    border: 1px solid orange;
    font-size: 24px;
    color: orange;
    background: #111;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
  }
.fix_fon_button:hover{
    color: #fff;
    background: orange;
 }
.pr_block{
    width: 90%;
    margin: 10px auto;
    box-shadow: 0 0 2px #000;
    display: block;
    position: relative;
}
.addPay{
    position: absolute;
    top: 0;
    right: 0;
    margin: 5px auto;
    background: linear-gradient(to bottom, #3b8047, #0d4216);
    width: 40px;
    height: 25px;
    border-radius: 25% 0 0 25%;
    border: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: #9bbd97; 
}
.addDel{
    position: absolute;
    top: 30px;
    right: 0;
    margin: 5px auto;
    background: linear-gradient(to bottom, #8c2424, #660f0f);
    width: 40px;
    height: 25px;
    border-radius: 25% 0 0 25%;
    border: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: #bd9797;
}
.pr_name{
    width: 100%;
    margin: 0 auto;
    padding: 0;
    display: block;
    color: #999;
    font-size: 13px;
}
.pr_link{
    margin: 0;
    display: block;
    font-size: 10px;
}
.pr_link_name{
    margin: 0;
    display: block;
    font-size: 10px;
}
.pr_block_stat{
    width: 100%;
    display: block;
}
.pr_info_block{
    width: 48%;
    display: inline-block;
    color: #fff;
    font-size: 16px;
    text-align: center;
    margin: 5px auto;
}
.button_ad_serf{
    background: linear-gradient(to right, #c4a154, #875d01);
    color: #fff;
    border: 0;
    border-radius: 5px;
    width: 200px;
    height: 30px;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    margin: 5px 20px;
    text-shadow: 0 0 1px #000;
    box-shadow: 0 0 3px #000;
}
.button_ad_serf:hover{
    background: linear-gradient(to right, #ab4935, #96220b);
 }
.infoPR_block{
    width: 400px;
    height: 120px;
    position: relative;
    margin: 0 auto;
}
.balancePR_b{
    border: 1px dashed #888;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 130px;
    height: 100px;
    font-size: 26px;
    color: #fff;
    text-shadow: 0 0 2px #000;
    margin: 5px;
}
.balancePR_b::after{
    position: absolute;
    color: #555a5c;
    content: "РЕКЛАМНЫЙ БАЛАНС";
    bottom: 0;
    left: 0;
    width: 130px;
    margin: 0 0;
    text-align: center;
    font-size: 11px;
}
.blockPR_link{
    position: absolute;
    top: 0;
    left: 130px;
    width: 200px;
    height: 60px;
    display: block;
}
#contentPR{
    width: 100%;
    margin: 0 auto;
    overflow: auto;
    height: 700px;
 }
.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;
}
.pr_stat{
    position: absolute;
    bottom: 0;
    left: 20px;
    width: 26px;
    height: 28px;
    font-size: 18px;
    color: #6a828f;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 3px 3px 0 0;
    background: linear-gradient(to bottom,#385361,#0f394f);
}
/*statPR*/
.stat_block_pr{
    width: 100%;
    height: 100%;
    position: relative;
    background: #222;
    display: block;
    border-radius: 5px;
}
.tablePR{
    width: 100%;
    overflow: auto;
    height: 100%;
    margin: 10px auto;
}
/*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;
}
  /*serfing new*/
.serf_b_link{
    display: block;
    border-radius: 20px;
    background: linear-gradient(to right, #6b4c11, #544832);
    width: 90%;
    margin: 10px auto;
    box-shadow: 3px 3px 8px #000;
    position: relative;
    cursor: pointer;
}
.serf_b_info{
    width: 26%;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0 auto;
    text-align: center;
}
.serf_b_info_name{
    width: 90%;
    display: block;
    padding: 5%;
    text-align: center;
    font-size: 15px;
}
.finger{
    position: absolute;
    top: -10px;
    z-index: 3;
    right: -30px;
    width: 100px;
    height: 100px;
    background: url('../serfing/klick.png');
    background-size: cover;
    display: none;
}
.serf_p_m{
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
}
.serf_money_pay{
    position: absolute;
    top: 64%;
    left: 50%;
    font-size: 12px;
    color: #000;
    transform: skew(0, -15deg);
}
.serf_b_link:hover .finger{
    display: block;
}
.serf_b_img{
    display: inline-block;
    width: 26px;
    filter: grayscale(1);
    position: absolute;
    top: 0;
    left: 10px;
}
.serf_b_link:hover .serf_b_img{
    animation: spin 1s forwards;
}
.serf_b_link .if_active{
    position: absolute;
    top: 0;
    right: 10px;
    color: #999;
    text-transform: uppercase;
    font-size: 10px;
}
.serf_b_link .if_gourl{
    position: absolute;
    top: 10px;
    right: 10px;
    color: #999;
    text-transform: uppercase;
    font-size: 10px;
}
/*end new serf*/
/* Оплата рекламного баланса */
.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: 10px;
        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);
    }
/*конец оплата рекламного баланса*/
/*новая форма выплат*/
.PMFormBlock{
    width: 100%;
    display: block;
    margin: 0 auto;
    padding: 0;
}
.PMFormBlock form{
    display: inline-block;
    margin: 5px;
    padding: 0;
}
    .WalletForm{
        max-width: 230px;
        height :225px;
        width: 30%;
        background: linear-gradient(to right, #222, #111);
        border-radius: 10px;
        border: 1px solid #555;
    }
    .PayWalletLogo{
        display: block;
        width: 85%;
        margin: 0 auto;
    }
    .PWWallet{
        display: block;
        text-align: center;
        margin: 5px auto;
        font-size: 14px;
        color: #777;
    }
    .PWbtn{
        display: block;
        margin: 0 auto;
        width: 90%;
        background: linear-gradient(to right, #ebd534, orange);
        color: #fff;
        font-size: 18px;
        text-transform: uppercase;
        cursor: pointer;
        border: 0;
        border-radius: 10px;
        padding: 10px 0;
        text-shadow: 1px 1px 2px #000;
        
    }
    .PWbtn:hover{
        background: linear-gradient(to right, #46a64a, #027307);
    }
    .PWform{
        font-size: 14px;
        padding: 5px 5px;
        width: calc(90% - 10px);
        background: #fff;
        border: 1px solid #000;
        text-align: center;
        border-radius: 5px;
    }
    .WFrow{
        width: 100%;
        display: block;
        margin: 0 auto;
    }
    .WFRBlock{
        display: inline-block;
        margin: 0;
        width: 47%;
        text-align: center;
        color: #666;
        font-size: 12px;
    }
   .PWbtnC{
       display: block;
       margin: 0 auto;
       width: 90%;
       background: linear-gradient(to right, #484d4a, #242624);
       color: #fff;
       font-size: 18px;
       text-transform: uppercase;
       cursor: not-allowed;
       border: 0;
       border-radius: 10px;
       padding: 10px 0;  
       text-shadow: 0 0 1px #000;
   }
   .comission{
       display: block;
       font-size: 12px;
       text-align: right;
       margin: 0 auto;
       width: 90%;
       color: #555;
   }
/*конец новой формы выплат*/
.liteHH{
    display: none;
}
.lightrope {
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  position: absolute;
  z-index: 1;
  margin: -34px 0 0 0;
  padding: 0;
  pointer-events: none;
  width: 100%;
}

.lightrope li {
  position: relative;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  list-style: none;
  margin: 0;
  padding: 0;
  display: block;
  width: 6px;
  height: 8px;
  border-radius: 50%;
  margin: 20px;
  display: inline-block;
  background: #00f7a5;
  box-shadow: 0px 4.66667px 24px 3px #00f7a5;
  -webkit-animation-name: flash-1;
  animation-name: flash-1;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.lightrope li:nth-child(2n+1) {
  background: cyan;
  box-shadow: 0px 4.66667px 24px 3px rgba(0, 255, 255, 0.5);
  -webkit-animation-name: flash-2;
  animation-name: flash-2;
  -webkit-animation-duration: 0.4s;
  animation-duration: 0.4s;
}

.lightrope li:nth-child(4n+2) {
  background: #f70094;
  box-shadow: 0px 4.66667px 24px 3px #f70094;
  -webkit-animation-name: flash-3;
  animation-name: flash-3;
  -webkit-animation-duration: 1.1s;
  animation-duration: 1.1s;
}

.lightrope li:nth-child(odd) {
  -webkit-animation-duration: 1.8s;
  animation-duration: 1.8s;
}

.lightrope li:nth-child(3n+1) {
  -webkit-animation-duration: 1.4s;
  animation-duration: 1.4s;
}

.lightrope li:before {
  content: "";
  position: absolute;
  background: #222;
  width: 4px;
  height: 3.33333px;
  border-radius: 3px;
  top: -4.66667px;
  left: 1px;
}

.lightrope li:after {
  content: "";
  top: -14px;
  left: 9px;
  position: absolute;
  width: 40px;
  height: 18.66667px;
  border-bottom: solid #222 2px;
  border-radius: 50%;
}

.lightrope li:last-child:after {
  content: none;
}

.lightrope li:first-child {
  margin-left: -40px;
}
}
@-webkit-keyframes flash-1 {
  0%, 100% {
    background: #00f7a5;
    box-shadow: 0px 4.66667px 24px 3px #00f7a5;
  }
  50% {
    background: rgba(0, 247, 165, 0.4);
    box-shadow: 0px 4.66667px 24px 3px rgba(0, 247, 165, 0.2);
  }
}

@keyframes flash-1 {
  0%, 100% {
    background: #00f7a5;
    box-shadow: 0px 4.66667px 24px 3px #00f7a5;
  }
  50% {
    background: rgba(0, 247, 165, 0.4);
    box-shadow: 0px 4.66667px 24px 3px rgba(0, 247, 165, 0.2);
  }
}



@keyframes Opacity{
    0%{ 
        
        opacity: 1;
    }
    70%{
        opacity: 1;
    }
    100%{
        opacity: 0;
    }
}
@keyframes floating {
    0% {
        transform: translateY(0%);
        
    }
    50% {
        transform: translateY(12%);  
    }   
    100% {
        transform: translateY(0%);
    }           
}
@keyframes shadowmaster {
    0% {
        width: 65%;
        height: 16px;
        border-radius: 50%;
        background: #0f151f;
        box-shadow: 0 0 10px #000;
        
    }
    50% {
        width: 45%;
        border-radius: 50%;
        background: #000;
        box-shadow: 0 0 5px #000  
    }   
    100% {
        width: 65%;
        height: 16px;
        border-radius: 50%;
        background: #0f151f;
        box-shadow: 0 0 10px #000
    }           
}

@keyframes spin {
    from {transform:rotate(0deg);}
    to {transform:rotate(360deg);}
}
@-webkit-keyframes flash-2 {
  0%, 100% {
    background: cyan;
    box-shadow: 0px 4.66667px 24px 3px cyan;
  }
  50% {
    background: rgba(0, 255, 255, 0.4);
    box-shadow: 0px 4.66667px 24px 3px rgba(0, 255, 255, 0.2);
  }
}

@keyframes flash-2 {
  0%, 100% {
    background: cyan;
    box-shadow: 0px 4.66667px 24px 3px cyan;
  }
  50% {
    background: rgba(0, 255, 255, 0.4);
    box-shadow: 0px 4.66667px 24px 3px rgba(0, 255, 255, 0.2);
  }
}

@-webkit-keyframes flash-3 {
  0%, 100% {
    background: #f70094;
    box-shadow: 0px 4.66667px 24px 3px #f70094;
  }
  50% {
    background: rgba(247, 0, 148, 0.4);
    box-shadow: 0px 4.66667px 24px 3px rgba(247, 0, 148, 0.2);
  }
}

@keyframes flash-3 {
  0%, 100% {
    background: #f70094;
    box-shadow: 0px 4.66667px 24px 3px #f70094;
  }
  50% {
    background: rgba(247, 0, 148, 0.4);
    box-shadow: 0px 4.66667px 24px 3px rgba(247, 0, 148, 0.2);
  }
}