<?php
require ("config.php");
session_start();
$site_access = $_GET['access'];
if($site_access != '') {
  $_SESSION['access'] = $site_access;
  header('Location: /');
}
$refer = $_GET['i'];
if($refer != '') {
  $_SESSION['ref'] = $refer;
  header('Location: /');
}
$select_deps = "SELECT * FROM kot_payments WHERE user_id = '$id' ORDER BY id DESC";
$result_deps = mysql_query($select_deps);
$select_refs = "SELECT * FROM kot_user WHERE ref_id = '$id'";
$result_ref = mysql_query($select_refs);
$sql_select222 = "SELECT * FROM kot_withdraws WHERE user_id = '$id' ORDER BY id DESC";
$result2 = mysql_query($sql_select222);
$sid = $_SESSION['hash'];

$selecter1 = "SELECT * FROM kot_user WHERE hash = '$sid'";
         $result4 = mysql_query($selecter1);
         $row = mysql_fetch_array($result4);
		 if($row)
		{
$img = $row['img'];	
          $login = $row['login'];
          $pass = $row['pass'];
          $balance = $row['balance'];
          $id = $row['id'];
          $social_link = $row['social'];
          $is_admin = $row['admin'];
          $is_ban = $row['ban'];
$vk_name=$row['vk_name'];
if($vk_name == ''){
    $vk_name = $login;
}
        }
if($is_admin==1){
$status='<font color="red"><b>Администратор</b></font>';
}
if($is_admin==0){
$status='Игрок';
}
if($is_admin==2){
$status='Модератор';
}
if($social_link == '') {
  $social_link = "Не привязан";
}
$sql_select33 = "SELECT SUM(suma) FROM kot_payments WHERE user_id='$id'";
$result33 = mysql_query($sql_select33);
$row = mysql_fetch_array($result33);
if($row)
{	
$deps = $row['SUM(suma)'];
}
if ($deps > 200){
$st = '<div style="color:red;">[V.I.P]</div>';
}
if ($deps > 500){
$st = '<div style="color:red;">[PREMIUM]</div>';
}
if ($deps > 800){
$st = '<div style="color:red;">[PRO]</div>';
}

$login = "$login $st";
$select_deps = "SELECT * FROM kot_payments WHERE user_id = '$id' ORDER BY id DESC";
$result_deps = mysql_query($select_deps);
$select_refs = "SELECT * FROM kot_user WHERE ref_id = '$id'";
$result_ref = mysql_query($select_refs);
$sql_select222 = "SELECT * FROM kot_withdraws WHERE user_id = '$id' ORDER BY id DESC";
$result2 = mysql_query($sql_select222);
$mobilesite = substr($sitename, 0, 1);
$mobilesite = strtoupper($mobilesite);
//$img = substr($login, 0, 2);
//$img = strtoupper($img);// аватарка 
//(не трогать)
//$img = '<img src='.$img.'>';

if($is_ban == 1) {
  header('Location: /ban');
} 
if($_SESSION['login'] != 1) {
  header('Location: /login');
}
if($_SESSION['login'] == 1) {
if($login == '' || $pass == '') {
  header('Location: /complete');
}
}
if (isset($_POST['n'])){
 
    $_SESSION['night']= '0';
}
if (isset($_POST['n2'])){
 
    $_SESSION['night']= '1';
}
?>
<!DOCTYPE html>
<html lang="en">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title><?=$sitename;?></title>
    <!-- plugins:css -->
    <link rel="stylesheet" href="../../assets/vendors/mdi/css/materialdesignicons.min.css">
    <link rel="stylesheet" href="../../assets/vendors/css/vendor.bundle.base.css">
    <!-- endinject -->
    <!-- Plugin css for this page -->
    <!-- End plugin css for this page -->
    <!-- inject:css -->
    <!-- endinject -->
    <!-- Layout styles -->
    
    <link rel="stylesheet" href="../css/style.css">
   
   
     
    <? if($_SESSION['night'] == '1'){?>
    <link rel="stylesheet" href=" https://www.bootstrapdash.com/demo/purple/jquery/template/assets/css/demo_2/style.css">
    <?}else{?>
     <link rel="stylesheet" href="/assets/css/style.css">
    <?}?>
    
    <!-- End layout styles -->
    <link rel="shortcut icon" href="../../assets/images/favicon.png" />
  </head>
  <body>
      <script>
          window.onload = function() {
    document.querySelector('.preloader').classList.add("preloader-remove");
};
$(window).on('load', function () {
    $('.preloader').addClass("preloader-remove");     
});
      </script>
      <style>
          .preloader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 999999;
    display: flex;
    align-items: center;
    justify-content: center;  
    background: #fff;
    transition: all 0.5s;
    opacity: 1;
}
.preloader-remove {
    opacity: 0;
    z-index: -10;
}
.preloader-2 {
    width: auto;
    height: auto;
}
 
.preloader-2 ul {
    list-style: none;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    animation: preloader-2-rot 16s linear infinite;
}
@keyframes preloader-2-rot {
    100% {
        transform: rotate(360deg);
    }
}
.preloader-2 li {
    width: 40px;
    height: 40px;
    background: #337AB7;
    border-radius: 4px;
    animation: preloader-2-scale 0.8s linear alternate infinite;
}
@keyframes preloader-2-scale {
    100% {
        transform: scale(0.1);
        opacity: 0;
    }
}
.preloader-2 li:nth-child(1) {
    z-index: 24;
}
.preloader-2 li:nth-child(2) {
    z-index: 23;
}
.preloader-2 li:nth-child(3) {
    z-index: 22;
}
.preloader-2 li:nth-child(4) {
    z-index: 21;
}
.preloader-2 li:nth-child(5) {
    z-index: 20;
}
.preloader-2 li:nth-child(6) {
    z-index: 19;
}
.preloader-2 li:nth-child(7) {
    z-index: 18;
}
.preloader-2 li:nth-child(8) {
    z-index: 17;
}
.preloader-2 li:nth-child(9) {
    z-index: 16;
}
.preloader-2 li:nth-child(10) {
    z-index: 15;
}
.preloader-2 li:nth-child(11) {
    z-index: 14;
}
.preloader-2 li:nth-child(12) {
    z-index: 13;
}
.preloader-2 li:nth-child(13) {
    z-index: 12;
}
.preloader-2 li:nth-child(14) {
    z-index: 11;
}
.preloader-2 li:nth-child(15) {
    z-index: 10;
}
.preloader-2 li:nth-child(16) {
    z-index: 9;
}
.preloader-2 li:nth-child(17) {
    z-index: 8;
}
.preloader-2 li:nth-child(18) {
    z-index: 7;
}
.preloader-2 li:nth-child(19) {
    z-index: 6;
}
.preloader-2 li:nth-child(20) {
    z-index: 5;
}
.preloader-2 li:nth-child(21) {
    z-index: 4;
}
.preloader-2 li:nth-child(22) {
    z-index: 3;
}
.preloader-2 li:nth-child(23) {
    z-index: 2;
}
.preloader-2 li:nth-child(24) {
    z-index: 1;
}
.preloader-2 li:nth-child(25) {
    z-index: 0;
}
.preloader-2 li:nth-child(1) {
    animation-delay: 0.1s;
}
.preloader-2 li:nth-child(7) {
    animation-delay: 0.3s;
}
.preloader-2 li:nth-child(13) {
    animation-delay: 0.5s;
}
.preloader-2 li:nth-child(19) {
    animation-delay: 0.7s;
}
.preloader-2 li:nth-child(24) {
    animation-delay: 0.9s;
}
.preloader-2 li:nth-child(2) {
    animation-delay: 0.2s;
}
.preloader-2 li:nth-child(8) {
    animation-delay: 0.4s;
}
.preloader-2 li:nth-child(14) {
    animation-delay: 0.6s;
}
.preloader-2 li:nth-child(20) {
    animation-delay: 0.8s;
}
.preloader-2 li:nth-child(3) {
    animation-delay: 0.3s;
}
.preloader-2 li:nth-child(9) {
    animation-delay: 0.5s;
}
.preloader-2 li:nth-child(15) {
    animation-delay: 0.7s;
}
.preloader-2 li:nth-child(4) {
    animation-delay: 0.4s;
}
.preloader-2 li:nth-child(10) {
    animation-delay: 0.6s;
}
.preloader-2 li:nth-child(5) {
    animation-delay: 0.5s;
}
.preloader-2 li:nth-child(1) {
    animation-delay: 0.1s;
}
.preloader-2 li:nth-child(6) {
    animation-delay: 0.2s;
}
.preloader-2 li:nth-child(11) {
    animation-delay: 0.3s;
}
.preloader-2 li:nth-child(16) {
    animation-delay: 0.4s;
}
.preloader-2 li:nth-child(21) {
    animation-delay: 0.5s;
}
.preloader-2 li:nth-child(7) {
    animation-delay: 0.3s;
}
.preloader-2 li:nth-child(12) {
    animation-delay: 0.4s;
}
.preloader-2 li:nth-child(17) {
    animation-delay: 0.5s;
}
.preloader-2 li:nth-child(22) {
    animation-delay: 0.6s;
}
.preloader-2 li:nth-child(13) {
    animation-delay: 0.5s;
}
.preloader-2 li:nth-child(18) {
    animation-delay: 0.6s;
}
.preloader-2 li:nth-child(23) {
    animation-delay: 0.7s;
}
.preloader-2 li:nth-child(19) {
    animation-delay: 0.7s;
}
.preloader-2 li:nth-child(24) {
    animation-delay: 0.8s;
}
.preloader-2 li:nth-child(25) {
    animation-delay: 0.9s;
}
      </style>
      <div class="preloader">
    <div class="preloader-2">
	<ul>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
	</ul>
</div>
</div>
    <div class="container-scroller">
      <!-- partial:../../partials/_navbar.html -->
      <nav class="navbar default-layout-navbar col-lg-12 col-12 p-0 fixed-top d-flex flex-row">
        <div class="text-center navbar-brand-wrapper d-flex align-items-center justify-content-center">
          <a class="navbar-brand brand-logo" href="/"><font style="color:#d386ff";><b><?=$sitename;?></b></font></a>
          <a class="navbar-brand brand-logo-mini" href="/"><font style="color:#d386ff" ;=""><b><?=$mobilesite;?></b></font></a>
         </div>
        <div class="navbar-menu-wrapper d-flex align-items-stretch">
          <button class="navbar-toggler navbar-toggler align-self-center" type="button" data-toggle="minimize">
            <span class="mdi mdi-menu"></span>
          </button>
           <script>
           
           
             function offliner() {
 $('#table_pvp').load('/inc/main.php #table_pvp');
 $('#w_p').load('/inc/main.php #w_p');
 
		}
		
		setInterval('offliner()',3000);   
                             
                              </script>
          
         
          <ul class="navbar-nav navbar-nav-right">
            <li class="nav-item nav-profile dropdown">
              <a class="nav-link dropdown-toggle" id="profileDropdown" href="#" data-toggle="dropdown" aria-expanded="false">
                <div class="nav-profile-img">
                  <img src="<?=$img;?>" alt="image">
                  <span class="availability-status online"></span>
                </div>
                <div class="nav-profile-text">
                  <p class="mb-1 text-black"><?=$vk_name;?></p>
                </div>
              </a>
              <div class="dropdown-menu navbar-dropdown" aria-labelledby="profileDropdown">

<?
if(  $_SESSION['night'] == '1'){?>
<form method="post">
    <button class="dropdown-item" name="n" >
                  <i class="mdi mdi-circle mr-2 text-light"></i> Светлая тема </button>
                <div class="dropdown-divider"></div></form>
<?}else{?>
<form method="post">
    <button class="dropdown-item"   name="n2">
                  <i class="mdi mdi-circle mr-2 text-dark"></i> Тёмная тема </button>
                <div class="dropdown-divider"></div>
                </form>
<?}?>
                <a class="dropdown-item"  onclick="$('#refs').hide();$('#bonus').hide();$('#settings').hide();$('#main').hide();$('#withdraw').hide();$('#dep').fadeTo('normal',1);" >
                  <i class="mdi mdi-plus mr-2 text-success"></i> Пополнить </a>
                <div class="dropdown-divider"></div>

                <a class="dropdown-item" onclick="$('#refs').hide();$('#bonus').hide();$('#settings').hide();$('#main').hide();$('#dep').hide();$('#withdraw').fadeTo('normal',1);">
                  <i class="mdi mdi-minus mr-2 text-primary"></i> Вывести </a>
              </div>
            </li>
            
            <li class="nav-item dropdown">
             <div>
                 <span id="mybalance"><?=$balance;?></span><i class="mdi mdi-coin"></i>
               
              </div>
            </li>
          
       
          
          
            
          </ul>
          <button class="navbar-toggler navbar-toggler-right d-lg-none align-self-center" type="button" data-toggle="offcanvas">
            <span class="mdi mdi-menu"></span>
          </button>
        </div>
      </nav>
      <!-- partial -->
      <div class="container-fluid page-body-wrapper">
        <!-- partial:../../partials/_sidebar.html -->
        <nav class="sidebar sidebar-offcanvas" id="sidebar">
          <ul class="nav">
            <li class="nav-item nav-profile">
              <a href="#" class="nav-link">
                <div class="nav-profile-image">
                  <img src="<?=$img;?>" alt="profile">
                  <span class="login-status online"></span>
                  <!--change to offline or busy as needed-->
                </div>
                <div class="nav-profile-text d-flex flex-column">
                  <span class="font-weight-bold mb-2"><?=$vk_name;?></span>
                  <span class="text-secondary text-small"><?=$status;?></span>
                </div>
                <i class="mdi mdi-bookmark-check text-success nav-profile-badge"></i>
              </a>
            </li>
            
            <li class="nav-item">
              <a class="nav-link" onclick="$('#refs').hide();$('#dep').hide();$('#withdraw').hide();$('#bonus').hide();$('#settings').hide();$('#main').fadeTo('normal',1);" >
                <span class="menu-title">Главная</span>
                <i class="mdi mdi-home menu-icon"></i>
              </a>
            </li>
          
            <li class="nav-item">
              <a class="nav-link" onclick="$('#refs').hide();$('#dep').hide();$('#withdraw').hide();$('#bonus').hide();$('#main').hide();$('#settings').fadeTo('normal',1);" >
                <span class="menu-title">Как играть</span>
                <i class="mdi mdi-comment-question-outline menu-icon"></i>
              </a>
            </li>
            <li class="nav-item">
              <a onclick="$('#main').hide();$('#dep').hide();$('#withdraw').hide();$('#bonus').hide();$('#settings').hide();$('#refs').fadeTo('normal',1);"  class="nav-link ">
                <span class="menu-title">Мои рефералы</span>
                <i class="mdi mdi-format-list-bulleted menu-icon"></i>
              </a>
            </li>
            <li class="nav-item">
              <a class="nav-link" onclick="$('#refs').hide();$('#dep').hide();$('#withdraw').hide();$('#main').hide();$('#settings').hide();$('#bonus').fadeTo('normal',1);" >
                <span class="menu-title">Бонусы</span>
                <i class="mdi mdi-coins menu-icon"></i>
              </a>
            </li>
                <? if($is_admin == 1){?>
             <li class="nav-item">
              <a class="nav-link" onclick="location.href = '/admin';">
                <span class="menu-title">Адимнка</span>
                <i class="mdi mdi-diamond menu-icon"></i>
              </a>
            </li>
            <?}?>
            <li class="nav-item">
              <a class="nav-link" onclick="exit();location.href = '';">
                <span class="menu-title">Выйти</span>
                <i class="mdi mdi-export menu-icon"></i>
              </a>
            </li>
            
               <li class="nav-item ">
             
                
                <button class="btn btn-social-icon-text btn-linkedin" onclick="window.open('<?=$group;?>')"><i class="mdi mdi-vk"></i>Вконтакте</button>
                
              
            </li>
              </span>
            </li>
          </ul>
        </nav>
        <script>
             function exit() {
$.ajax({
                                                                                type: 'POST',
                                                                                url: '../action.php',
beforeSend: function() {
					
										},	
                                                                                data: {
                                                                                    type: "exit"
                                                                                  
                                                                                   
                                                                                    
                                                                                },
                                        success: function(data) {
                                            var obj = jQuery.parseJSON(data);
                                            if (obj.success == "success") {
                                               
					location.reload(true);
                                                                return 
                                            }else{
                                               
				alert('Что-то пошло не так, обратитесь в поддержку...');
                                            }
                                        }   
   });
                              
}
        </script>
        <!-- partial -->
        <div class="main-panel">
          <div class="content-wrapper">
<div class="row" id="refs" style="display:none;">
              <div class="col-12 grid-margin">
                <div class="card">
                  <div class="card-body">
                    <h4 class="card-title">Рефералы 
                  
                  </h4>
                   <div class="referral-form">
                            <div class="d-flex justify-content-between align-items-center">
                                <h5 class="mb-0 font-bold">Ваша ссылка</h5>
                            </div>
                            <div class="copy-wrap mgb-1-5x mgt-1-5x"><span class="copy-feedback"></span><input type="text" class="form-control" value="http://<?=$linksite?>/?i=<?=$id?>" disabled=""></div><!-- .copy-wrap -->
                        </div>
                        
                        </div></div></div>
                        <div class="col-12 grid-margin">
                        <div class="card">
                        <div class="card-body">
                         <div class="table-responsive">
                          
                               
                               
                      <table class="table text-center" >
                               
                          
                        <thead>
                            
                          <tr>
                            <th>#</th>
                            <th>Дата</th>
                            <th>Логин</th>
                            <th>Прибыль</th>
                            
                          </tr>
                        </thead>
                        <tbody>
                               
                               <?php 
while($row = mysql_fetch_array($result_ref)) {
 
$id_ref = $row['id'];
$date = $row['date_reg'];
$log_ref = $row['login']; 
echo "<tr class='text-center odd' role='row'><td class='sorting_1'>$id_ref</td><td>$date</td><td style='text-transform: capitalize!important;'>$log_ref</td><td>0.00</td></tr>";

  }
  
                                      ?>
                         
                                                    
                                                    
      
                          
            
                        </tbody>
                      </table>
                    </div>
                        
                  </div>
                </div>
              </div>
              </div>

   
          
<div class="row" id="dep" style="display:none;">
              <div class="col-12 grid-margin">
                <div class="card">
                  <div class="card-body">
                    <h4 class="card-title">Пополнить баланс 
                  </h4>
                  
                  

                
                <form class="forms-sample">
                <div class="form-group">
                        <label for="exampleInputUsername1">Сумма</label>
                        <input type="text" class="form-control" id="depositSize" placeholder="Сумма" value="100">
                      </div>
                
                
                
                    <button onclick="deposit_default()"  class="btn btn-gradient-primary"  id='depositButton'>Далее</button>
                    <button   style="display:none;"class="btn btn-gradient-danger"  id='error_deposit'>Далее</button>
                 
</form>
<div class="table-responsive">
                <table class="table ">
                    <thead>
                        <tr>
                            <th>Номер операции</th>
                            <th>Дата</th>
                            <th>Сумма</th>

                        </tr><!-- tr -->
                    </thead><!-- thead -->
                    <tbody id="lastDepN">
                        <?php 
while($row = mysql_fetch_array($result_deps)) {
 
$id_dep = $row['transaction'];
$date_dep = $row['data'];
$sum_dep = $row['suma']; 
echo "<tr>
                    <td>$id_dep</td>
                    <td>$date_dep</td>
                    <td>$sum_dep</td>
                    </tr>";

  }
  
                                      ?>              
                                      </tbody><!-- tbody -->
                    <center id="loadpw" style="display:none">Загрузка...</center>
                </table>
                </div>
                <script>
    
    function deposit_default() {
   $.ajax({
                                                                                type: 'POST',
                                                                                url: '../action.php',
beforeSend: function() {
$('#depositButton').html('<div class="loader" style="height:23px;width:23px"></div>');  
$("#error_deposit").hide();
										},	
                                                                                data: {
                                                                                    type: "deposit",
           sum: $("#depositSize").val()
                                                                          
                                           
           },
                                        success: function(data) {
                                            var obj = jQuery.parseJSON(data);
                                            if (obj.success == "success") {
                 $('#depositButton').html('Далее');                             
                  window.location.href = obj.locations;
                                                                return 
                                            }else{
                 $('#depositButton').html('Далее');                              
                $("#error_deposit").show();                               
                $("#error_deposit").html(obj.error); 
                                            }
                                        }   
   });
}
    
    function deposit() {
						if ( $('#systemPay').val() > 3 || !$.isNumeric($('#systemPay').val())){
							$('#error_deposit').show();
							return $('#error_deposit').html('Укажите систему пополнения');
						}
						if ( $('#depositSize').val() == ''){
							$('#error_deposit').show();
							return $('#error_deposit').html('Введите сумму');
						}
						
						if (!$.isNumeric($('#depositSize').val())){
							$('#error_deposit').show();
							return $('#error_deposit').html('Введите корректную сумму');
						}
						$.ajax({
                    type: 'POST',
                    url: 'action.php',
                    data: {
                        type: "deposit",
                        sid: Cookies.get('sid'),
                        system: $('#systemPay').val(),
                        size: $('#depositSize').val()
                    },
					  beforeSend: function(data) {
						
						$('#depositButton').addClass('disabled').html('<div class="loader"></div>');
					},
                    success: function(data) {
                        var obj = jQuery.parseJSON(data);
                        if ('success' in obj) {
							window.location.href = obj.success.location;
                        }

                        if ('error' in obj) {
                            $('#depositButton').removeClass('disabled').html('Далее');
                            $('#error_deposit').show();
                            return $('#error_deposit').html(obj.error.text);
                        }

                    }
                });
						
					}
    
    
        
        function getNowDeposits(){
                            if ($('#lastDepN').html() !== ""){
                                return;
                            }
                            $.ajax({
                    type: 'POST',
                    url: 'action.php',
                    data: {
                        type: "getLasterDep",
                        sid: Cookies.get('sid')
                    },
					  beforeSend: function(data) {
						$('#loadpw').show();
					},
                    success: function(data) { 
                        $('#loadpw').hide();
                        var obj = jQuery.parseJSON(data);
                      
                        if ('success' in obj) {
                            return $('#lastDepN').html(obj.success.text);
                        }else{
                            $('#loadpw').html("Ошибка");
                        }


                    }
                });
                        }
        
        
    </script>

</div></div>

                </div></div>
                
               
<div class="row" id="withdraw" style="display:none;">
              <div class="col-12 grid-margin">
                <div class="card">
                  <div class="card-body">
                    <h4 class="card-title">Вывод средств
                  </h4>
                  
                  <form class="forms-sample">
                      
                      
                      <div class="form-group">
                        <label for="swalllet">Система</label>
                        <select class="form-control" id="hide_search" onchange="withdrawSelect()" tabindex="-1" aria-hidden="true">
                          <optgroup label="Платежные системы">
                                    <option value="4">Qiwi</option>
                                    <option value="2">Payeer</option>
                                    <option value="3">WebMoney</option>
                                    <option value="1">Яндекс.Деньги</option>
                                </optgroup>
                                <optgroup label="Мобильная связь (Россия)">
                                    <option value="5">Билайн</option>
                                    <option value="6">Мегафон</option>
                                    <option value="7">МТС</option>
                                    <option value="8">Теле 2</option>
                                </optgroup>
                                <optgroup label="Банковские карты (Россия)">
                                    <option value="9">VISA</option>
                                    <option value="10">MASTERCARD</option>
                                </optgroup>
                        </select>
                      </div>
                      
                      <div class="form-group">
                        <label for="exampleInputPassword4">Реквизиты</label>
                        <input  class="form-control" autocomplete="off" placeholder="+79XXXXXXXXX"  id="walletNumber">
                      </div>
                      <div class="form-group">
                        <label for="exampleInputEmail3">Сумма</label>
                        <input  class="form-control" autocomplete="off"  id="WithdrawSize">
                      </div>
                      <span class="text-dark  d-inline-flex align-items-center"><span class="mb-0"><small id="limitsW">От <b><?=$min_withdraw_sum?></b> до <b>75000</b> рублей за одну выплату</small></span> <span class="badge badge-disabled ml-2">Комиссия: 5%</span></span>

                      
                      
                      
                    </form>

                            
                


                <div class="gaps-2x"></div>
                <button id="withB" onclick="createwithdraw();"  class="btn btn-gradient-primary mr-2">Вывести</button>
<button style="display:none;"id="error_withdraw"class="btn btn-gradient-danger mr-2">Вывести</button>
<button style="display:none;"id="succes_withdraw"  class="btn btn-gradient-success mr-2">Вывести</button>

                <script>
                function createwithdraw() {
  $.ajax({
                                                                                type: 'POST',
                                                                                url: '../action.php',
beforeSend: function() {
$('#withB').html('<div class="loader" style="height:23px;width:23px"></div>');
$("#succes_withdraw").hide(); 
  $("#error_withdraw").hide(); 
										},	
                                                                                data: {
                                                                                    type: "withdrawuser",
           system: $('#hide_search').val(),
           wallet: $('#walletNumber').val(),                                        sum: $('#WithdrawSize').val()                                   
           },
                                        success: function(data) {
                                            var obj = jQuery.parseJSON(data);
                                            if (obj.success == "success") {
                   $("#withdrawT").load("index.php #withdrawT");                           
                    $("#withB").html('Вывести');                          
                    $("#succes_withdraw").show();                          
					$("#succes_withdraw").html("Выплата успешно создана"); 
                                             
                                                                return 
                                            }else{
                 $("#withB").html('Вывести'); 
                $("#error_withdraw").show();                               
				$("#error_withdraw").html(obj.error);
                                            }
                                        }   
   });
}
                    function withdraw() {
                        if ($('#WithdrawSize').val() == '' || $('#walletNumber').val() == '' || $('#hide_search').val() == '') {
                            $('#error_withdraw').show();
                            return $('#error_withdraw').html('Заполните все поля');
                        }
                        $.ajax({
                            type: 'POST',
                            url: 'action.php',
                            beforeSend: function() {
                                $('#withB').addClass('disabled');
                                $('#withB').html('<div class="loader" style="height:23px;width:23px"></div>');


                            },
                            data: {
                                type: "withdraw",
                                sid: Cookies.get('sid'),
                                system: $('#hide_search').val(),
                                size: $('#WithdrawSize').val(),
                                wallet: $('#walletNumber').val()
                            },
                            success: function(data) {
                                $('#error_withdraw').hide();
                                $('#succes_withdraw').hide();

                                $('#withB').removeClass('disabled');
                                $('#withB').html('Выплата');
                                var obj = jQuery.parseJSON(data);
                                if ('success' in obj) {

                                    $('#succes_withdraw').show();
                                    $('#emptyHistory').hide();
                                    var tt = $('#withdrawT').html();
                                    $('#withdrawT').html(obj.success.add_bd + tt);
                                    $('#mybalance').load('/inc/main.php #mybalance');
                                }

                                if ('error' in obj) {
                                    $('#error_withdraw').show();
                                    return $('#error_withdraw').html(obj.error.text);
                                }

                            }
                        });
                    }


                    function withdrawSelect() {
                        $('#cardLL').hide();
                        $('#walletNumber').val('');
                        var e = $('#hide_search').val();
                        if (e >= 5 && e <= 8) {
                            $('#nameWithdraw').html('Номер телефона:');
                            $('#walletNumber').attr('placeholder', '');
                        }
                        if (e >= 1 && e <= 4) {
                            if (e == 4) {
                                $('#walletNumber').attr('placeholder', '+79XXXXXXXXX');
                                $('#limitsW').html('От <b><?=$min_withdraw_sum?></b> до <b>75000</b> рублей за одну выплату');
                            }
                            if (e == 2) {
                                $('#walletNumber').attr('placeholder', 'P1000000');
                                $('#limitsW').html('От <b><?=$min_withdraw_sum?></b> до <b>75000</b> рублей за одну выплату');
                            }
                            if (e == 1) {
                                $('#walletNumber').attr('placeholder', '410011499718000');
                                $('#limitsW').html('От <b><?=$min_withdraw_sum?></b> до <b>75000</b> рублей за одну выплату');
                            }
                            if (e == 3) {
                                $('#walletNumber').attr('placeholder', 'R123456789000');
                                $('#limitsW').html('От <b><?=$min_withdraw_sum?></b> до <b>75000</b> рублей за одну выплату');
                            }
                            $('#nameWithdraw').html('Номер кошелька:');
                        }
                        if (e >= 9) {
                            $('#nameWithdraw').html('Номер карты:');
                            $('#cardLL').show();

                            if (e == 10) {
                                $('#walletNumber').attr('placeholder', '512107XXXX785577');
                                $('#limitsW').html('От <b><?=$min_withdraw_sum?></b> до <b>75000</b> рублей за одну выплату');
                            } else {
                                $('#walletNumber').attr('placeholder', '412107XXXX785577');
                                $('#limitsW').html('От <b><?=$min_withdraw_sum?></b> до <b>75000</b> рублей за одну выплату');
                            }
                        }
                    }



                    function getLasterMyWithdraws() {
                        /*if ($('#withdrawT').html() !== ""){
                            return;
                        }*/
                        $.ajax({
                            type: 'POST',
                            url: 'action.php',
                            data: {
                                type: "getLasterMyWithdraws",
                                sid: Cookies.get('sid')
                            },
                            beforeSend: function(data) {
                                $('#loadmyd').show();
                            },
                            success: function(data) {
                                $('#loadmyd').hide();
                                var obj = jQuery.parseJSON(data);

                                if ('success' in obj) {
                                    $('#withdrawT').html(obj.success.text);
                                    return $('#gnext').html(obj.success.text1);
                                } else {
                                    $('#loadmyd').html("Ошибка");
                                }


                            }
                        });
                    }


                    function removeWithdraw(id) {
                        $.ajax({
                            type: 'POST',
                            url: 'action.php',
                            data: {
                                type: "removeWithdraw",
                                sid: Cookies.get('sid'),
                                id: id
                            },
                            success: function(data) {
                                var obj = jQuery.parseJSON(data);
                                if ('success' in obj) {
                                    $('#' + id + '_his').fadeOut('slow');
                                    
                                }
                            }
                        });
                    }


                    function showWithdrawHistory(start) {

                        $.ajax({
                            type: 'POST',
                            url: 'action.php',
                            data: {
                                type: "withdrawHistory",
                                sid: Cookies.get('sid'),
                                start: start
                            },
                            success: function(data) {
                                if (data == 'null') {
                                    $("#withdrawHistoryLoad").hide();
                                    return $("#gnext").hide();
                                }
                                var obj = jQuery.parseJSON(data);
                                if ('success' in obj) {
                                    $("#withdrawHistoryLoad").hide();
                                    var tt = $('#withdrawT').html();
                                    $('#withdrawT').html(tt + obj.success.add);
                                    $('#gnext').html(obj.success.next);
                                }
                            }
                        });

                    }
function removeWithdrawUser(deletew) {
  $.ajax({
                                                                                type: 'POST',
                                                                                url: '../action.php',
beforeSend: function() {

										},	
                                                                                data: {
                                                                                    type: "deletewithdraw",
           del: deletew
                                           
           },
                                        success: function(data) {
                                            var obj = jQuery.parseJSON(data);
                                            if (obj.success == "success") {
                   $("#withdrawT").load("index.php #withdrawT");                           
                                                    $('#userBalance').attr('myBalance', obj.new_balance);
                                                                        $('#mybalance').load('/inc/main.php #mybalance');
                                                                return 
                                            }else{
                $("#withdrawT").load("index.php #withdrawT"); 
                                            }
                                        }   
   });
}
                </script>


<table class="table tnx-table table-responsive" id="withdrawT">
                    <thead>
                        <tr>
                            <th></th>
                            <th class="text-center">ID</th>
                            <th class="text-center">Дата</th>
                            <th class="text-center">Реквизиты</th>
                            <th class="text-center">Сумма</th>
                            <th class="text-center" style="width:10%">Статус</th>

                        </tr><!-- tr -->
                    </thead><!-- thead -->
                    <tbody>
									<?php
                                      while($row = mysql_fetch_array($result2)) {
$id_w = $row['id'];
$sum_w = $row['sum'];
$ps = $row['ps'];
$wallet = $row['wallet'];                                   
$date_w = $row['date'];
$status = $row['status'];
if($status == 0) {
$remove = "<em class='mdi mdi-close' style='color:red;cursor:pointer' onclick="."removeWithdrawUser('$id_w')"."></em>";
$badge = "<span class='badge badge-warning'>Ожидание</span>";
}
if($status == 1) {
$remove = '';
$badge = "<span class='badge badge-success'>Выполнено</span>";
}
if($status == 2) {
$remove = '';
$badge = "<span class='badge badge-danger'>Отклонено</span>";
}                                      
echo "<tr class='text-center' style='cursor:default!important' id='$id_w'><td>$remove</td><td>$id_w</td><td>$date_w</td><td style='overflow-x: auto;'><img src='images/$ps.png'> $wallet</td><td>$sum_w</td><td>$badge</td></tr>";                                        
}
                                      ?>
                   
                                      
                                      
                    </tbody><!-- tbody -->
                </table>

<script>
    
</script>
</div></div>

                </div></div>

<div class="row" id="settings" style="display:none;">
              <div class="col-12 grid-margin">
                <div class="card">
                  <div class="card-body">
                    <h4 class="card-title">Как играть 
                  
                  </h4>
                  <div class="table-responsive">
                      <h5><b style="color: red;">Dice</b></h5>
<p class="">1.Укажите сумму игры, выберите ползунком шанс выигрыша</p>
<p class="">2.Нажмите на кнопку <button class="btn btn-gradient-primary">Сделать ставку</button></button></p>
<p class="">3.Если кости выпали в выбранной вами зеленой зоне, вы выиграли!</p>
                     
                      <h5><b style="color: red;">PvP</b></h5>
<p class="">1. Чтобы создать игру нажмите на <button  class="btn btn-gradient-danger btn-rounded btn-icon"><i class="mdi mdi-plus"></i></button></p>
<p class="">2. Затем укажите сумму игры и нажмите на <button class="btn btn-gradient-primary mb-2">Создать игру</button></p>
<p class="">3. Чтобы присоединиться к игре нажмите на <button  class="btn btn-gradient-danger btn-rounded btn-icon"><i class="mdi mdi-play"></i></button></p>
        
                      
                      <h5><b style="color: red;">Wheel</b></h5>
<p class="">1. Укажите сумму игры, выберите цвет, который по вашему мнению должен выпасть</p>
<p class="">2. Если вы угадали, то выиграли!</p>

   
                      <h5><b style="color: red;">Keno</b></h5>
<p class="">1. Укажите минимум 1 и максимум 10 ячеек, в которых по вашему мнению должен быть кристал</p>
<p class="">2. Выбранная клетка становится белым цветом, а не выбранная - голубым </p>
<p class="">3. Затем нажмите на <button class="btn btn-sm btn-primary"  type="button">Играть</button> </p>
<p class="">4. Чтобы очистить поле, нажмите <button class="btn btn-sm btn-danger"  type="button">Очистить</button> </p>
                      
                    </div>
                  
                         </div></div></div>
                        
              </div>
<div class="row" id="bonus" style="display:none;">
              <div class="col-12 grid-margin">
                <div class="card">
                  <div class="card-body">
                    <h4 class="card-title">Ежедневный бонус 
                  
                  </h4>
                            <div class="offset-md-3 col-md-6">
                                <div style="transform: scale(0.65);" class="g-recaptcha" data-sitekey="<?=$sitekey?>"></div>
                            </div>
<form class="form-inline">
                      
                      
                      <button id="button_pvp" onclick="getDaily()" type="button" class="btn btn-gradient-primary mb-2">Получить ежедневный бонус</button>
                      <button style="display:none; " id="error_promo" type="button" class="btn btn-gradient-danger mb-2"></button>
                    <button style="display:none; " id="succes_promo" type="button" class="btn btn-gradient-success mb-2"></button>
                    
                    </form>
                                 
                       
                  </div>
                  <script>
                      function getDaily() {
 $.ajax({
                                                                                type: 'POST',
                                                                                url: '../action.php',
beforeSend: function() {
$("#succes_promo").hide(); 
  $("#error_promo").hide(); 
										},	
                                                                                data: {
                                                                                    type: "bonus"
           },
                                        success: function(data) {
                                            var obj = jQuery.parseJSON(data);
                                            if (obj.success == "success") {
                    $("#succes_promo").show();                          
					$("#succes_promo").html("Получено в раздаче <b>"+ obj.bonussize + "</b>"); 
                                              $('#userBalance').attr('myBalance', obj.new_balance);
                                                                        $('#mybalance').load('/inc/main.php #mybalance');
                                                                return 
                                            }else{
                $("#error_promo").show();                               
				$("#error_promo").html(obj.error);
                                            }
                                        }   
   });
}
                  </script>
                </div>
              </div>
              
              
               <div class="col-12 grid-margin">
                <div class="card">
                  <div class="card-body">
                    <h4 class="card-title">Промокод 
                  
                  </h4>
                           
                    <form class="form-inline">
                      
                      <label class="sr-only" for="inlineFormInputName2">Промокод</label>
                      <input type="text" class="form-control mb-2 mr-sm-2" id="promoactive" placeholder="Промокод">
                      <button id="button_pvp" onclick="activepromo()" type="button" class="btn btn-gradient-primary mb-2">Активировать промокод</button>
                      <button style="display:none; " id="error_promoactive" type="button" class="btn btn-gradient-danger mb-2"></button>
                    <button style="display:none; " id="succes_promoactive" type="button" class="btn btn-gradient-success mb-2"></button>
                    
                    </form>
                        <script>
                            function activepromo() {
/*  setTimeout(function() {
    $("#error_promoactive").fadeOut();
    $("#succes_promoactive").fadeOut(); 
  }, 5000); */
  if($('#promoactive').val() == '') {
    $("#error_promoactive").show();                               
				 return $("#error_promoactive").html("Введите промокод");
  }
 $.ajax({
                                                                                type: 'POST',
                                                                                url: '../action.php',
beforeSend: function() {
  $('#activebutton').html('<div class="loader" style="height:23px;width:23px"></div>');
$("#succes_promoactive").hide(); 
  $("#error_promoactive").hide(); 
										},	
                                                                                data: {
                                                                                    type: "activePromo",
           promoactive: $('#promoactive').val()                                                                       
           },
                                        success: function(data) {
                                            var obj = jQuery.parseJSON(data);
                                            if (obj.success == "success") {
                    $('#activebutton').html('Активировать');                           
                    $("#succes_promoactive").show();                          
					$("#succes_promoactive").html("Промокод активирован"); 
                                              $('#userBalance').attr('myBalance', obj.new_balance);
                                                                        $('#mybalance').load('/inc/main.php #mybalance');
                                                                return 
                                            }else{
                $('#activebutton').html('Активировать');                               
                $("#error_promoactive").show();                               
				$("#error_promoactive").html(obj.error);
                                            }
                                        }   
   });
}
                        </script>         
                       
                  </div>
                  <script>
                      
                  </script>
                </div>
              </div>
              </div>
  <div id="main">
              <div class="row" id="games">
              <div onclick="$('#games').hide();$('#dice').fadeTo('normal',1);" class="col-md-4 stretch-card grid-margin">
                <div style="background-image: url(https://play2x.be/static/media/dice.fb8422c8.png); "  class="card  card-img-holder text-white">
                  <div class="card-body" >
                   
                    <h4 class="font-weight-normal mb-3"> <i class="mdi mdi-dice1-5 mdi-24px float-right"></i>
                    </h4>
                    <h2 class="mb-5">Dice</h2>
                    <button onclick="$('#games').hide();$('#dice').fadeTo('normal',1);" class="btn btn-gradient-warning btn-lg">Играть</button>
                  </div>
                </div>
              </div>
              
              <div onclick="$('#games').hide();$('#pvp').fadeTo('normal',1);" class="col-md-4 stretch-card grid-margin">
                <div style="background-image: url(https://play2x.be/static/media/ninja.7819e3d4.png); " class="card  card-img-holder text-white">
                  <div class="card-body">
                   
                    <h4 class="font-weight-normal mb-3"><i class="mdi mdi-human1-greeting mdi-24px float-right"></i>
                    </h4>
                    <h2 class="mb-5">PvP</h2>
                    <button onclick="$('#games').hide();$('#pvp').fadeTo('normal',1);" class="btn btn-gradient-warning btn-lg">Играть</button>
                  </div>
                </div>
              </div>
              <div onclick="$('#games').hide();$('#coinflip').fadeTo('normal',1);" class="col-md-4 stretch-card grid-margin">
                <div style="background-image: url(https://sun1-25.userapi.com/CBurjvA3E4Mx0xK3rYV8HUqj0_yVd92GLXPRPQ/yWN06zurFQs.jpg); " class="card  card-img-holder text-white">
                  <div class="card-body">
                   
                    <h4 class="font-weight-normal mb-3"> <i class="mdi mdi-image-filter-tilt-1shift mdi-24px float-right"></i>
                    </h4>
                    <h2 class="mb-5">Coinflip</h2>
                    <button onclick="$('#games').hide();$('#coinflip').fadeTo('normal',1);" class="btn btn-gradient-warning btn-lg">Играть</button>
                  </div>
                </div>
              </div>
              <div onclick="$('#games').hide();$('#guess').fadeTo('normal',1);" class="col-md-4 stretch-card grid-margin">
                <div style="background-image: url(https://sun1-28.userapi.com/f68wsyNI0g5VxgSAsZx8IWEh5uZXOBWg5ii0ZQ/dorLclF9Qh8.jpg); " class="card  card-img-holder text-white">
                  <div class="card-body">
                   
                    <h4 class="font-weight-normal mb-3"> <i class="mdi  mdi-apps1 mdi-24px float-right"></i>
                    </h4>
                    <h2 class="mb-5">GuessGame</h2>
                    <button onclick="$('#games').hide();$('#guess').fadeTo('normal',1);" class="btn btn-gradient-warning btn-lg">Играть</button>
                  </div>
                </div>
              </div>
              <div onclick="$('#games').hide();$('#craft').fadeTo('normal',1);" class="col-md-4 stretch-card grid-margin">
                <div style="background-image: url(https://sun1-17.userapi.com/gXQL47m_ekitz1RoJ4tOnkJgM7sgeCom5D511w/Mi8RABIuCio.jpg); " class="card  card-img-holder text-white">
                  <div class="card-body">
                   
                    <h4 class="font-weight-normal mb-3"> <i class="mdi mdi-apple-keyboard-caps1 mdi-24px float-right"></i>
                    </h4>
                    <h2 class="mb-5">Craft</h2>
                    <button onclick="$('#games').hide();$('#craft').fadeTo('normal',1);" class="btn btn-gradient-warning btn-lg">Играть</button>
                  </div>
                </div>
              </div>
              <div  onclick="$('#games').hide();$('#wheel').fadeTo('normal',1);"  class=" col-md-4 stretch-card grid-margin">
                <div style="background-image: url(https://play2x.be/static/media/wheel.45b409c3.png); " class="card  card-img-holder text-white">
                  <div class="card-body">
                   
                    <h4 class="font-weight-normal mb-3"> <i class="mdi mdi-diamond1 mdi-24px float-right"></i>
                    </h4>
                    <h2 class="mb-5">Wheel</h2>
                    <button  onclick="$('#games').hide();$('#whell').fadeTo('normal',1);"  class="btn btn-gradient-warning btn-lg">Играть</button>
                  </div>
                </div>
              </div>

            </div>
<div class="row" id="mines" style="display:none;">
              <div class="col-12 grid-margin">
                <div class="card">
                  <div class="card-body">
                    <h4 class="card-title">Craft 
                    <button type="button" onclick="$('#mines').hide();$('#games').fadeTo('normal',1);" class="btn btn-gradient-primary btn-rounded btn-icon">
                            <i class="mdi mdi-home-outline"></i>
                          </button></h4>

</div ></div ></div ></div >
  <div class="row" id="craft" style="display:none;">
              <div class="col-12 grid-margin">
                <div class="card">
                  <div class="card-body">
                    <h4 class="card-title">Craft 
                    <button type="button" onclick="$('#craft').hide();$('#games').fadeTo('normal',1);" class="btn btn-gradient-primary btn-rounded btn-icon">
                            <i class="mdi mdi-home-outline"></i>
                          </button></h4>
<style>

		@media(max-width: 1466px) {
		    .otp-timer{
			    position:relative;
			    top:-10px;
			    left:10px;
			}
			.view123 {
				margin-top: 70px
			}
		}
	
			@media(max-width: 1024px) {
			.view123 {
				margin-bottom: 70px
			}
			.otp-timer{
			    position:relative;
			    top:-20px;
			}
		}
		
		@media(max-width: 768px) {
			.view123 {
				margin-bottom: 70px
			}
			.otp-timer{
			    position:relative;
			    top:-50px;
			     left:0px;
			}
		}
		@media(max-width: 500px) {
			.view123 {
				margin-bottom: 70px
			}
			.otp-timer{
			    position:relative;
			    top:-90px;
			     left:0px;
			}
		}
		
		@media(max-width: 375px) {
			.view123 {
				margin-bottom: 70px
			}
			.otp-timer{
			    position:relative;
			    top:-90px;
			     left:0px;
			}
		}
			@media(max-width: 350px) {
			.view123 {
				margin-bottom: 70px
			}
			.otp-timer{
			    position:relative;
			    top:-150px;
			     left:0px;
			}
			
		}
		@media(max-width: 320px) {
			.view123 {
				margin-bottom: 70px
			}
			.otp-timer{
			    position:relative;
			    top:-170px;
			     left:0px;
			}
	</style>
	<div class="view123">
	<div class="content">
		<div class="main-width">
			<link rel="stylesheet" type="text/css" href="/css/craft.css">
<script type="text/javascript" src="/js/craft.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/sweetalert2@9"></script>
<div class="bw">
<div class="nav14">

<div class="btn-repeat"
                  style="transform: scale(4); ">

                  <div  class="otp-timer">
                    <svg id="svg" width="50" height="50"
                      version="1.1">
                      <circle  id="fon" r="16" cx="18" cy="18" fill="transparent" stroke-dasharray="100"
                        style="stroke-dashoffset: 0;"></circle>
                      <circle  id="chance" r="16" cx="18" cy="18" fill="transparent" stroke-dasharray="100"
                        style="stroke-dashoffset: 75;"></circle>
                      <circle  id="bar" r="16" cx="18" cy="18" fill="transparent" stroke-dasharray="100"
                        style="stroke-dashoffset: 100;"></circle>
                    </svg> </div>
                 </div>
              <center><br><br><br><br><br><div class="timer-top"></div><span style="font-size: 40px;color: #f6e444" id="timer" class="sgfdbfdgbrfd"><img id="bar-item" width="0" src=""></span></center>


<center>
<div class="betSkin">
<div id="input-craft">
	<h5 style="color: #ff0000">Шанс: <span id="chance-number">75</span>% / Ставка: <span id="one"></span><i class="mdi mdi-coins"></i></h5>
	<input style="background: #ff0000"class="range" type="range" min="5" max="75" id="size"
     oninput="calc()" value="75">
     <input type="hidden" id="id-store" value="">   <input type="hidden" id="summa-test-fuck" value="">   <input type="hidden" id="chance-test-fuck" value="75">


			<a class="button" id="craft-bet" onClick="craftBet();" data-id="" style="color: #fff">Скрафтить</a>

<br><br>
    </div>
	<h3>Вещи для крафтов</h3><br>
<div style="display: -webkit-inline-flex;display: inline-flex;flex-wrap: wrap">
<script>
function getImagePath3() {

var src = document.getElementById("item-img3").src;

document.getElementById("bar-item").src = src;

}
</script>
<div onclick="getImagePath3();$('#input-craft').show();$('#id-store').val(3);$('#one').text(84102);$('#summa-test-fuck').val(112136);$('#chance-number').html('75');$('#size').val('75');$('#chance').css('stroke-dashoffset', 75);" class="item item3" data-price="112136" data-id="3" data-title="AWP | Lore">
<center><img class="img" id="item-img3" src="https://steamcommunity-a.akamaihd.net/economy/image/-9a81dlWLwJ2UUGcVs_nsVtzdOEdtWwKGZZLQHTxDZ7I56KU0Zwwo4NUX4oFJZEHLbXH5ApeO4YmlhxYQknCRvCo04DEVlxkKgpot621FAR17P7NdTRH-t26q4SZlvD7PYTQgXtu5cB1g_zMu9zw3g2yrkVtZ2r6IoSVdAU-ZVrY_lS6lb_ogsDqu57NmCQ27iJx53nD30vgUTXWscs/330x192"></center>
<span class="name">AWP | Lore</span>
<span class="price">112136 <i class="mdi mdi-coins"></i></span>
</div>
<script>
function getImagePath33() {

var src = document.getElementById("item-img33").src;

document.getElementById("bar-item").src = src;

}
</script>
<div onclick="getImagePath33();$('#input-craft').show();$('#id-store').val(33);$('#one').text(54467.25);$('#summa-test-fuck').val(72623);$('#chance-number').html('75');$('#size').val('75');$('#chance').css('stroke-dashoffset', 75);" class="item item33" data-price="72623" data-id="33" data-title="Karambit | Lore">
<center><img class="img" id="item-img33" src="https://steamcommunity-a.akamaihd.net/economy/image/-9a81dlWLwJ2UUGcVs_nsVtzdOEdtWwKGZZLQHTxDZ7I56KU0Zwwo4NUX4oFJZEHLbXH5ApeO4YmlhxYQknCRvCo04DEVlxkKgpovbSsLQJf2PLacDBA5ciJl5W0nPbmMrbummRD7fp5j-jX7ML33wGxrUFrNmv6IYHEd1A9NV_W8wK7wOrng5a56pvAyHcwvnMj4iyJgVXp1uSZdvSV/330x192"></center>
<span class="name">Karambit | Lore</span>
<span class="price">72623 <i class="mdi mdi-coins"></i></span>
</div>
<script>
function getImagePath32() {

var src = document.getElementById("item-img32").src;

document.getElementById("bar-item").src = src;

}
</script>
<div onclick="getImagePath32();$('#input-craft').show();$('#id-store').val(32);$('#one').text(27189);$('#summa-test-fuck').val(36252);$('#chance-number').html('75');$('#size').val('75');$('#chance').css('stroke-dashoffset', 75);" class="item item32" data-price="36252" data-id="32" data-title="M9 | Slaugh">
<center><img class="img" id="item-img32" src="https://steamcommunity-a.akamaihd.net/economy/image/-9a81dlWLwJ2UUGcVs_nsVtzdOEdtWwKGZZLQHTxDZ7I56KU0Zwwo4NUX4oFJZEHLbXH5ApeO4YmlhxYQknCRvCo04DEVlxkKgpovbSsLQJf3qr3czxb49KzgL-KmsjuNrnDl1Rd4cJ5nqeUpoqs3gDlqUE-ZW-hIoOddVA5ZlGF_we8w-y81p-07ZnBzXpq6yF3-z-DyLqRPiTH/330x192"></center>
<span class="name">M9 | Slaugh</span>
<span class="price">36252 <i class="mdi mdi-coins"></i></span>
</div>
<script>
function getImagePath30() {

var src = document.getElementById("item-img30").src;

document.getElementById("bar-item").src = src;

}
</script>
<div onclick="getImagePath30();$('#input-craft').show();$('#id-store').val(30);$('#one').text(20427);$('#summa-test-fuck').val(27236);$('#chance-number').html('75');$('#size').val('75');$('#chance').css('stroke-dashoffset', 75);" class="item item30" data-price="27236" data-id="30" data-title="M9 | Crimson">
<center><img class="img" id="item-img30" src="https://steamcommunity-a.akamaihd.net/economy/image/-9a81dlWLwJ2UUGcVs_nsVtzdOEdtWwKGZZLQHTxDZ7I56KU0Zwwo4NUX4oFJZEHLbXH5ApeO4YmlhxYQknCRvCo04DEVlxkKgpovbSsLQJf3qr3czxb49KzgL-DjsjjNrnCqWZU7Mxkh6fF8Yqmiw3l_BdrZ2vzIo-QdQBsaA2B-lC3yb_v0JW_uc_JmHQ16yYh-z-DyKLv5rKC/330x192"></center>
<span class="name">M9 | Crimson</span>
<span class="price">27236 <i class="mdi mdi-coins"></i></span>
</div>
<script>
function getImagePath28() {

var src = document.getElementById("item-img28").src;

document.getElementById("bar-item").src = src;

}
</script>
<div onclick="getImagePath28();$('#input-craft').show();$('#id-store').val(28);$('#one').text(16218.75);$('#summa-test-fuck').val(21625);$('#chance-number').html('75');$('#size').val('75');$('#chance').css('stroke-dashoffset', 75);" class="item item28" data-price="21625" data-id="28" data-title="Bowie | Tiger">
<center><img class="img" id="item-img28" src="https://steamcommunity-a.akamaihd.net/economy/image/-9a81dlWLwJ2UUGcVs_nsVtzdOEdtWwKGZZLQHTxDZ7I56KU0Zwwo4NUX4oFJZEHLbXH5ApeO4YmlhxYQknCRvCo04DEVlxkKgpovbSsLQJfwObaZzRU7dCJlo-cnvLLMrXugmJW7ddOhfvA-4vwt1i9rBsofTj7d9CXJAI8YFyD81S-l-vmgp-06pzMnXJjuyN04i7enECxiB9OOLRxxavJJ9-Xlfw/330x192"></center>
<span class="name">Bowie | Tiger</span>
<span class="price">21625 <i class="mdi mdi-coins"></i></span>
</div>
<script>
function getImagePath27() {

var src = document.getElementById("item-img27").src;

document.getElementById("bar-item").src = src;

}
</script>
<div onclick="getImagePath27();$('#input-craft').show();$('#id-store').val(27);$('#one').text(11762.25);$('#summa-test-fuck').val(15683);$('#chance-number').html('75');$('#size').val('75');$('#chance').css('stroke-dashoffset', 75);" class="item item27" data-price="15683" data-id="27" data-title="M9 | Stained">
<center><img class="img" id="item-img27" src="https://steamcommunity-a.akamaihd.net/economy/image/-9a81dlWLwJ2UUGcVs_nsVtzdOEdtWwKGZZLQHTxDZ7I56KU0Zwwo4NUX4oFJZEHLbXH5ApeO4YmlhxYQknCRvCo04DEVlxkKgpovbSsLQJf3qr3czxb49KzgL-KhsjyPKnSk29u5cB1g_zMu47wjASxrxFuNjqnIIaUJ1U9NVuErlC5wubqh5C1u5TLz3tkunIr43rD30vgMsLi334/330x192"></center>
<span class="name">M9 | Stained</span>
<span class="price">15683 <i class="mdi mdi-coins"></i></span>
</div>
<script>
function getImagePath26() {

var src = document.getElementById("item-img26").src;

document.getElementById("bar-item").src = src;

}
</script>
<div onclick="getImagePath26();$('#input-craft').show();$('#id-store').val(26);$('#one').text(5981.25);$('#summa-test-fuck').val(7975);$('#chance-number').html('75');$('#size').val('75');$('#chance').css('stroke-dashoffset', 75);" class="item item26" data-price="7975" data-id="26" data-title="Gloves | Racing">
<center><img class="img" id="item-img26" src="https://steamcommunity-a.akamaihd.net/economy/image/-9a81dlWLwJ2UUGcVs_nsVtzdOEdtWwKGZZLQHTxDZ7I56KU0Zwwo4NUX4oFJZEHLbXH5ApeO4YmlhxYQknCRvCo04DAX1R3LjtQurWzLhRfwP_BcjZ9_8i_gIODkvPLNKnUk2Vu79d0k9bJ8I3jkRrm_UQ-YmqnIY7DcQ85N1-DrgC9wrvrhJ647pTIyCQw7ikj43yIl0Tln1gSOf9jnwQP/330x192"></center>
<span class="name">Gloves | Racing</span>
<span class="price">7975 <i class="mdi mdi-coins"></i></span>
</div>
<script>
function getImagePath25() {

var src = document.getElementById("item-img25").src;

document.getElementById("bar-item").src = src;

}
</script>
<div onclick="getImagePath25();$('#input-craft').show();$('#id-store').val(25);$('#one').text(4026);$('#summa-test-fuck').val(5368);$('#chance-number').html('75');$('#size').val('75');$('#chance').css('stroke-dashoffset', 75);" class="item item25" data-price="5368" data-id="25" data-title="AWP | Boom">
<center><img class="img" id="item-img25" src="https://steamcommunity-a.akamaihd.net/economy/image/-9a81dlWLwJ2UUGcVs_nsVtzdOEdtWwKGZZLQHTxDZ7I56KU0Zwwo4NUX4oFJZEHLbXH5ApeO4YmlhxYQknCRvCo04DEVlxkKgpot621FA957PHEcDB9_9W7hIyOqPv9NLPF2G5VuZQl072WodSkjQTn_UU-YTqncYaccFc2NQyBqVXqxuzqhZG7uc_XiSw0f3y6kYU/330x192"></center>
<span class="name">AWP | Boom</span>
<span class="price">5368 <i class="mdi mdi-coins"></i></span>
</div>
<script>
function getImagePath24() {

var src = document.getElementById("item-img24").src;

document.getElementById("bar-item").src = src;

}
</script>
<div onclick="getImagePath24();$('#input-craft').show();$('#id-store').val(24);$('#one').text(3788.25);$('#summa-test-fuck').val(5051);$('#chance-number').html('75');$('#size').val('75');$('#chance').css('stroke-dashoffset', 75);" class="item item24" data-price="5051" data-id="24" data-title="USP-S | Orion">
<center><img class="img" id="item-img24" src="https://steamcommunity-a.akamaihd.net/economy/image/-9a81dlWLwJ2UUGcVs_nsVtzdOEdtWwKGZZLQHTxDZ7I56KU0Zwwo4NUX4oFJZEHLbXH5ApeO4YmlhxYQknCRvCo04DEVlxkKgpoo6m1FBRp3_bGcjhQ09-jq5WYh8jnI7LFkGJD7fp9g-7J4cKt0Ae280RrMmGiIYHGe1JqYFnS8ge8xOvv0cLoupTNnXtms3Yh5HrdgVXp1tiSOwO6/330x192"></center>
<span class="name">USP-S | Orion</span>
<span class="price">5051 <i class="mdi mdi-coins"></i></span>
</div>
<script>
function getImagePath23() {

var src = document.getElementById("item-img23").src;

document.getElementById("bar-item").src = src;

}
</script>
<div onclick="getImagePath23();$('#input-craft').show();$('#id-store').val(23);$('#one').text(2839.5);$('#summa-test-fuck').val(3786);$('#chance-number').html('75');$('#size').val('75');$('#chance').css('stroke-dashoffset', 75);" class="item item23" data-price="3786" data-id="23" data-title="Deagle | Hypt">
<center><img class="img" id="item-img23" src="https://steamcommunity-a.akamaihd.net/economy/image/-9a81dlWLwJ2UUGcVs_nsVtzdOEdtWwKGZZLQHTxDZ7I56KU0Zwwo4NUX4oFJZEHLbXH5ApeO4YmlhxYQknCRvCo04DEVlxkKgposr-kLAtl7PLJTitH_si_k4-0m_7zO6-fzj5QuZN03uvH99T32Ve3_UBlYDqiIdKVIQBqYgnRr1frx-7thpW-v4OJlyUwDcxXZA/330x192"></center>
<span class="name">Deagle | Hypt</span>
<span class="price">3786 <i class="mdi mdi-coins"></i></span>
</div>
<script>
function getImagePath22() {

var src = document.getElementById("item-img22").src;

document.getElementById("bar-item").src = src;

}
</script>
<div onclick="getImagePath22();$('#input-craft').show();$('#id-store').val(22);$('#one').text(2076);$('#summa-test-fuck').val(2768);$('#chance-number').html('75');$('#size').val('75');$('#chance').css('stroke-dashoffset', 75);" class="item item22" data-price="2768" data-id="22" data-title="UMP-45 | Blaze">
<center><img class="img" id="item-img22" src="https://steamcommunity-a.akamaihd.net/economy/image/-9a81dlWLwJ2UUGcVs_nsVtzdOEdtWwKGZZLQHTxDZ7I56KU0Zwwo4NUX4oFJZEHLbXH5ApeO4YmlhxYQknCRvCo04DEVlxkKgpoo7e1f1Jf0vL3dzFD4dmlq4yCkP_gfeuCxTMG7pFw2uiV9I-jjlHi-0dvZDygLY-dJw89NQ3QqFK3lOe9jcSi_MOeUg1XNk4/330x192"></center>
<span class="name">UMP-45 | Blaze</span>
<span class="price">2768 <i class="mdi mdi-coins"></i></span>
</div>
<script>
function getImagePath21() {

var src = document.getElementById("item-img21").src;

document.getElementById("bar-item").src = src;

}
</script>
<div onclick="getImagePath21();$('#input-craft').show();$('#id-store').val(21);$('#one').text(1069.5);$('#summa-test-fuck').val(1426);$('#chance-number').html('75');$('#size').val('75');$('#chance').css('stroke-dashoffset', 75);" class="item item21" data-price="1426" data-id="21" data-title="P250 | Nuclear">
<center><img class="img" id="item-img21" src="https://steamcommunity-a.akamaihd.net/economy/image/-9a81dlWLwJ2UUGcVs_nsVtzdOEdtWwKGZZLQHTxDZ7I56KU0Zwwo4NUX4oFJZEHLbXH5ApeO4YmlhxYQknCRvCo04DEVlxkKgpopujwezhzw8zGZDZH_8iknZCOqPDmNr7fqWdY781lxLmYrI_w2wHmqBc_NWHwJIKVI1dqZlnS81e2le7pg8C-up3NynswuCI8pSGKH_ngT0Q/330x192"></center>
<span class="name">P250 | Nuclear</span>
<span class="price">1426 <i class="mdi mdi-coins"></i></span>
</div>
<script>
function getImagePath20() {

var src = document.getElementById("item-img20").src;

document.getElementById("bar-item").src = src;

}
</script>
<div onclick="getImagePath20();$('#input-craft').show();$('#id-store').val(20);$('#one').text(987.75);$('#summa-test-fuck').val(1317);$('#chance-number').html('75');$('#size').val('75');$('#chance').css('stroke-dashoffset', 75);" class="item item20" data-price="1317" data-id="20" data-title="AWP | Pink">
<center><img class="img" id="item-img20" src="https://steamcommunity-a.akamaihd.net/economy/image/-9a81dlWLwJ2UUGcVs_nsVtzdOEdtWwKGZZLQHTxDZ7I56KU0Zwwo4NUX4oFJZEHLbXH5ApeO4YmlhxYQknCRvCo04DEVlxkKgpot621FA957PfMYTxW08y_mou0m_7zO6-flzsB6sBzj-jFodqiiQPl-0VsZWvzIY6cegRvYA7Y_FS_krjpg5Xu74OJlyXUk8gSnw/330x192"></center>
<span class="name">AWP | Pink</span>
<span class="price">1317 <i class="mdi mdi-coins"></i></span>
</div>
<script>
function getImagePath19() {

var src = document.getElementById("item-img19").src;

document.getElementById("bar-item").src = src;

}
</script>
<div onclick="getImagePath19();$('#input-craft').show();$('#id-store').val(19);$('#one').text(915.75);$('#summa-test-fuck').val(1221);$('#chance-number').html('75');$('#size').val('75');$('#chance').css('stroke-dashoffset', 75);" class="item item19" data-price="1221" data-id="19" data-title="eSports 2013">
<center><img class="img" id="item-img19" src="https://steamcommunity-a.akamaihd.net/economy/image/-9a81dlWLwJ2UUGcVs_nsVtzdOEdtWwKGZZLQHTxDZ7I56KU0Zwwo4NUX4oFJZEHLbXU5A1PIYQNqhpOSV-fRPasw8rsVk5kKhZDpYX3e1YznfCcdzkR74vnw9TZwa-sYOOCzzoF6ZJ0jL6Qp9uj3Qbj_Uc6Z2z1I9WLMlhp9VPHu3g/330x192"></center>
<span class="name">eSports 2013</span>
<span class="price">1221 <i class="mdi mdi-coins"></i></span>
</div>
<script>
function getImagePath18() {

var src = document.getElementById("item-img18").src;

document.getElementById("bar-item").src = src;

}
</script>
<div onclick="getImagePath18();$('#input-craft').show();$('#id-store').val(18);$('#one').text(831.75);$('#summa-test-fuck').val(1109);$('#chance-number').html('75');$('#size').val('75');$('#chance').css('stroke-dashoffset', 75);" class="item item18" data-price="1109" data-id="18" data-title="P90 | Asimov">
<center><img class="img" id="item-img18" src="https://steamcommunity-a.akamaihd.net/economy/image/-9a81dlWLwJ2UUGcVs_nsVtzdOEdtWwKGZZLQHTxDZ7I56KU0Zwwo4NUX4oFJZEHLbXH5ApeO4YmlhxYQknCRvCo04DEVlxkKgpopuP1FAR17OORIXBD_9W_mY-dqPrxN7LEmyUF7MEniOqXpY2hiwbs80s-Zjv1Jo-QcQM8NF_Z81Ltxr3qgJ_tuc6b1zI97XT1Ujq3/330x192"></center>
<span class="name">P90 | Asimov</span>
<span class="price">1109 <i class="mdi mdi-coins"></i></span>
</div>
<script>
function getImagePath17() {

var src = document.getElementById("item-img17").src;

document.getElementById("bar-item").src = src;

}
</script>
<div onclick="getImagePath17();$('#input-craft').show();$('#id-store').val(17);$('#one').text(672.75);$('#summa-test-fuck').val(897);$('#chance-number').html('75');$('#size').val('75');$('#chance').css('stroke-dashoffset', 75);" class="item item17" data-price="897" data-id="17" data-title="AK-47 | Redline">
<center><img class="img" id="item-img17" src="https://steamcommunity-a.akamaihd.net/economy/image/-9a81dlWLwJ2UUGcVs_nsVtzdOEdtWwKGZZLQHTxDZ7I56KU0Zwwo4NUX4oFJZEHLbXH5ApeO4YmlhxYQknCRvCo04DEVlxkKgpot7HxfDhjxszJemkV09-5lpKKqPrxN7LEmyVQ7MEpiLuSrYmnjQO3-UdsZGHyd4_Bd1RvNQ7T_FDrw-_ng5Pu75iY1zI97bhLsvQz/330x192"></center>
<span class="name">AK-47 | Redline</span>
<span class="price">897 <i class="mdi mdi-coins"></i></span>
</div>
<script>
function getImagePath16() {

var src = document.getElementById("item-img16").src;

document.getElementById("bar-item").src = src;

}
</script>
<div onclick="getImagePath16();$('#input-craft').show();$('#id-store').val(16);$('#one').text(582);$('#summa-test-fuck').val(776);$('#chance-number').html('75');$('#size').val('75');$('#chance').css('stroke-dashoffset', 75);" class="item item16" data-price="776" data-id="16" data-title="AK-47 | Cartel">
<center><img class="img" id="item-img16" src="https://steamcommunity-a.akamaihd.net/economy/image/-9a81dlWLwJ2UUGcVs_nsVtzdOEdtWwKGZZLQHTxDZ7I56KU0Zwwo4NUX4oFJZEHLbXH5ApeO4YmlhxYQknCRvCo04DEVlxkKgpot7HxfDhhwszJemkV09-3hpSOm8j4OrzZgiUD7ZJzj7DHoY-iilC1-ENoNWuiI9WWdQI8Z1iE81Tvl7i81J-_6p2b1zI97XPwFCE_/330x192"></center>
<span class="name">AK-47 | Cartel</span>
<span class="price">776 <i class="mdi mdi-coins"></i></span>
</div>
<script>
function getImagePath15() {

var src = document.getElementById("item-img15").src;

document.getElementById("bar-item").src = src;

}
</script>
<div onclick="getImagePath15();$('#input-craft').show();$('#id-store').val(15);$('#one').text(525.75);$('#summa-test-fuck').val(701);$('#chance-number').html('75');$('#size').val('75');$('#chance').css('stroke-dashoffset', 75);" class="item item15" data-price="701" data-id="15" data-title="AK-47 | Orbit">
<center><img class="img" id="item-img15" src="https://steamcommunity-a.akamaihd.net/economy/image/-9a81dlWLwJ2UUGcVs_nsVtzdOEdtWwKGZZLQHTxDZ7I56KU0Zwwo4NUX4oFJZEHLbXH5ApeO4YmlhxYQknCRvCo04DEVlxkKgpot7HxfDhnwMzJegJB49C5mpnbxsjmNr_ummJW4NE_iL-ZrYj03wLl_hFqNm71cteWdlA5Zl2F-FG-yO_r0cW4uMnMynFl6T5iuyjnxSwaOw/330x192"></center>
<span class="name">AK-47 | Orbit</span>
<span class="price">701 <i class="mdi mdi-coins"></i></span>
</div>
<script>
function getImagePath14() {

var src = document.getElementById("item-img14").src;

document.getElementById("bar-item").src = src;

}
</script>
<div onclick="getImagePath14();$('#input-craft').show();$('#id-store').val(14);$('#one').text(442.5);$('#summa-test-fuck').val(590);$('#chance-number').html('75');$('#size').val('75');$('#chance').css('stroke-dashoffset', 75);" class="item item14" data-price="590" data-id="14" data-title="M4-S | Hyper">
<center><img class="img" id="item-img14" src="https://steamcommunity-a.akamaihd.net/economy/image/-9a81dlWLwJ2UUGcVs_nsVtzdOEdtWwKGZZLQHTxDZ7I56KU0Zwwo4NUX4oFJZEHLbXH5ApeO4YmlhxYQknCRvCo04DEVlxkKgpou-6kejhz2v_Nfz5H_uO1gb-Gw_alIITfn2xZ_MhwmOz--YXygED6_Us5a2DxcdSRJlNqMAzY-li8weu-gMDovJufyHVmuCklsX6PyhTk0wYMMLLeV8xVfw/330x192"></center>
<span class="name">M4-S | Hyper</span>
<span class="price">590 <i class="mdi mdi-coins"></i></span>
</div>
<script>
function getImagePath13() {

var src = document.getElementById("item-img13").src;

document.getElementById("bar-item").src = src;

}
</script>
<div onclick="getImagePath13();$('#input-craft').show();$('#id-store').val(13);$('#one').text(282);$('#summa-test-fuck').val(376);$('#chance-number').html('75');$('#size').val('75');$('#chance').css('stroke-dashoffset', 75);" class="item item13" data-price="376" data-id="13" data-title="Famas | Roll">
<center><img class="img" id="item-img13" src="https://steamcommunity-a.akamaihd.net/economy/image/-9a81dlWLwJ2UUGcVs_nsVtzdOEdtWwKGZZLQHTxDZ7I56KU0Zwwo4NUX4oFJZEHLbXH5ApeO4YmlhxYQknCRvCo04DEVlxkKgposLuoKhRf1OD3dzxP7c-JhoGHm-7LPr7Vn35cpsRw3bySrYr03wLsqkE_MTzyLdWdclA9ZlqF_QDowL290JG-7s_IyHV9-n51iAGw7_U/330x192"></center>
<span class="name">Famas | Roll</span>
<span class="price">376 <i class="mdi mdi-coins"></i></span>
</div>
<script>
function getImagePath12() {

var src = document.getElementById("item-img12").src;

document.getElementById("bar-item").src = src;

}
</script>
<div onclick="getImagePath12();$('#input-craft').show();$('#id-store').val(12);$('#one').text(249.75);$('#summa-test-fuck').val(333);$('#chance-number').html('75');$('#size').val('75');$('#chance').css('stroke-dashoffset', 75);" class="item item12" data-price="333" data-id="12" data-title="AUG | Fleet">
<center><img class="img" id="item-img12" src="https://steamcommunity-a.akamaihd.net/economy/image/-9a81dlWLwJ2UUGcVs_nsVtzdOEdtWwKGZZLQHTxDZ7I56KU0Zwwo4NUX4oFJZEHLbXH5ApeO4YmlhxYQknCRvCo04DEVlxkKgpot6-iFAR17PLddgJR-926mI-chMj4OrzZgiUDscAl0uvA9Nil0AK2-UM5Zzj2coGUdlQ7N1CDqVe9xO670JHvu5jB1zI97aEA4lly/330x192"></center>
<span class="name">AUG | Fleet</span>
<span class="price">333 <i class="mdi mdi-coins"></i></span>
</div>
<script>
function getImagePath11() {

var src = document.getElementById("item-img11").src;

document.getElementById("bar-item").src = src;

}
</script>
<div onclick="getImagePath11();$('#input-craft').show();$('#id-store').val(11);$('#one').text(216);$('#summa-test-fuck').val(288);$('#chance-number').html('75');$('#size').val('75');$('#chance').css('stroke-dashoffset', 75);" class="item item11" data-price="288" data-id="11" data-title="Glock-18 | Nuc">
<center><img class="img" id="item-img11" src="https://steamcommunity-a.akamaihd.net/economy/image/-9a81dlWLwJ2UUGcVs_nsVtzdOEdtWwKGZZLQHTxDZ7I56KU0Zwwo4NUX4oFJZEHLbXH5ApeO4YmlhxYQknCRvCo04DEVlxkKgposbaqKAxf0v73fyhB4Nm3hr-YnOL4P6jukXlU7ctOh-zF_Jn4xlblqkRpMj37cI7GdgBsN1vTq1jsyeq-0JW4v5TBmHNhsyR0sH7bmhGpwUYbMOFLpz4/330x192"></center>
<span class="name">Glock-18 | Nuc</span>
<span class="price">288 <i class="mdi mdi-coins"></i></span>
</div>
<script>
function getImagePath10() {

var src = document.getElementById("item-img10").src;

document.getElementById("bar-item").src = src;

}
</script>
<div onclick="getImagePath10();$('#input-craft').show();$('#id-store').val(10);$('#one').text(176.25);$('#summa-test-fuck').val(235);$('#chance-number').html('75');$('#size').val('75');$('#chance').css('stroke-dashoffset', 75);" class="item item10" data-price="235" data-id="10" data-title="USP-S | Check">
<center><img class="img" id="item-img10" src="https://steamcommunity-a.akamaihd.net/economy/image/-9a81dlWLwJ2UUGcVs_nsVtzdOEdtWwKGZZLQHTxDZ7I56KU0Zwwo4NUX4oFJZEHLbXH5ApeO4YmlhxYQknCRvCo04DEVlxkKgpoo6m1FBRp3_bGcjhQ08-mq42OhP_LILrXk39I-sB1teTE8YXghRrg8hA6YW30IobGcwM6ZVqFrwS9lO_vg8e6vZianHA26Clx7HeOnRbmn1gSObIPoXjA/330x192"></center>
<span class="name">USP-S | Check</span>
<span class="price">235 <i class="mdi mdi-coins"></i></span>
</div>
<script>
function getImagePath9() {

var src = document.getElementById("item-img9").src;

document.getElementById("bar-item").src = src;

}
</script>
<div onclick="getImagePath9();$('#input-craft').show();$('#id-store').val(9);$('#one').text(135);$('#summa-test-fuck').val(180);$('#chance-number').html('75');$('#size').val('75');$('#chance').css('stroke-dashoffset', 75);" class="item item9" data-price="180" data-id="9" data-title="R8 | Liama">
<center><img class="img" id="item-img9" src="https://steamcommunity-a.akamaihd.net/economy/image/-9a81dlWLwJ2UUGcVs_nsVtzdOEdtWwKGZZLQHTxDZ7I56KU0Zwwo4NUX4oFJZEHLbXH5ApeO4YmlhxYQknCRvCo04DEVlxkKgpopL-zJAt21uH3di59_oSJmIyKmvb3MrXfmWVu5cB1g_zMu97w2w3i-RBpZWmgd4KUJAc4NA6B-wK_l-bph8Lq7ZTOmyQ37nRz4HvD30vgEpyPPfE/330x192"></center>
<span class="name">R8 | Liama</span>
<span class="price">180 <i class="mdi mdi-coins"></i></span>
</div>
<script>
function getImagePath8() {

var src = document.getElementById("item-img8").src;

document.getElementById("bar-item").src = src;

}
</script>
<div onclick="getImagePath8();$('#input-craft').show();$('#id-store').val(8);$('#one').text(93.75);$('#summa-test-fuck').val(125);$('#chance-number').html('75');$('#size').val('75');$('#chance').css('stroke-dashoffset', 75);" class="item item8" data-price="125" data-id="8" data-title="AWP | Viper">
<center><img class="img" id="item-img8" src="https://steamcommunity-a.akamaihd.net/economy/image/-9a81dlWLwJ2UUGcVs_nsVtzdOEdtWwKGZZLQHTxDZ7I56KU0Zwwo4NUX4oFJZEHLbXH5ApeO4YmlhxYQknCRvCo04DEVlxkKgpot621FA957ODGcDZH_9e_mr-GkvP9Jrafz2oJscdw2OrA9Nvx3w2y8hZrNm7zcYOddgZtYwyG_lW4w-rngp_v7YOJlyVPLSW-Rw/330x192"></center>
<span class="name">AWP | Viper</span>
<span class="price">125 <i class="mdi mdi-coins"></i></span>
</div>
<script>
function getImagePath7() {

var src = document.getElementById("item-img7").src;

document.getElementById("bar-item").src = src;

}
</script>
<div onclick="getImagePath7();$('#input-craft').show();$('#id-store').val(7);$('#one').text(75);$('#summa-test-fuck').val(100);$('#chance-number').html('75');$('#size').val('75');$('#chance').css('stroke-dashoffset', 75);" class="item item7" data-price="100" data-id="7" data-title="AUG | Torque">
<center><img class="img" id="item-img7" src="https://steamcommunity-a.akamaihd.net/economy/image/-9a81dlWLwJ2UUGcVs_nsVtzdOEdtWwKGZZLQHTxDZ7I56KU0Zwwo4NUX4oFJZEHLbXH5ApeO4YmlhxYQknCRvCo04DEVlxkKgpot6-iFAR17PLddgJS_tOxhoWYhP7iDLbUkmJE5Ysl2bCXponz0FDi80BqZmulJdWWewU7YFmGq1Pvx-m60JG1tZSdzXI2pGB8sjcMbeal/330x192"></center>
<span class="name">AUG | Torque</span>
<span class="price">100 <i class="mdi mdi-coins"></i></span>
</div>
<script>
function getImagePath6() {

var src = document.getElementById("item-img6").src;

document.getElementById("bar-item").src = src;

}
</script>
<div onclick="getImagePath6();$('#input-craft').show();$('#id-store').val(6);$('#one').text(63);$('#summa-test-fuck').val(84);$('#chance-number').html('75');$('#size').val('75');$('#chance').css('stroke-dashoffset', 75);" class="item item6" data-price="84" data-id="6" data-title="MAG-7 | Mem">
<center><img class="img" id="item-img6" src="https://steamcommunity-a.akamaihd.net/economy/image/-9a81dlWLwJ2UUGcVs_nsVtzdOEdtWwKGZZLQHTxDZ7I56KU0Zwwo4NUX4oFJZEHLbXH5ApeO4YmlhxYQknCRvCo04DEVlxkKgpou7uifDhoyszBcjJR7dSzkJKEmcj5Nr_Yg2Yf68En0r7Aoomh2wGw_0JpMGCgJ4KUdVU5ZwnSrFa5w---gce5vpjLwWwj5HfwR4312w/330x192"></center>
<span class="name">MAG-7 | Mem</span>
<span class="price">84 <i class="mdi mdi-coins"></i></span>
</div>
<script>
function getImagePath5() {

var src = document.getElementById("item-img5").src;

document.getElementById("bar-item").src = src;

}
</script>
<div onclick="getImagePath5();$('#input-craft').show();$('#id-store').val(5);$('#one').text(54);$('#summa-test-fuck').val(72);$('#chance-number').html('75');$('#size').val('75');$('#chance').css('stroke-dashoffset', 75);" class="item item5" data-price="72" data-id="5" data-title="Famas | Macab">
<center><img class="img" id="item-img5" src="https://steamcommunity-a.akamaihd.net/economy/image/-9a81dlWLwJ2UUGcVs_nsVtzdOEdtWwKGZZLQHTxDZ7I56KU0Zwwo4NUX4oFJZEHLbXH5ApeO4YmlhxYQknCRvCo04DEVlxkKgposLuoKhRfwOP3dzxP7c-JmYGIlvXmNoTdn2xZ_Ism37GTpNmljQbgqkVlamvxdo6UdlI4M13W-lG6wuzo0JS-vZTBwHI3pGB8svCrsedC/330x192"></center>
<span class="name">Famas | Macab</span>
<span class="price">72 <i class="mdi mdi-coins"></i></span>
</div>
<script>
function getImagePath2() {

var src = document.getElementById("item-img2").src;

document.getElementById("bar-item").src = src;

}
</script>
<div onclick="getImagePath2();$('#input-craft').show();$('#id-store').val(2);$('#one').text(48.75);$('#summa-test-fuck').val(65);$('#chance-number').html('75');$('#size').val('75');$('#chance').css('stroke-dashoffset', 75);" class="item item2" data-price="65" data-id="2" data-title="Glock-18 | Grin">
<center><img class="img" id="item-img2" src="https://steamcommunity-a.akamaihd.net/economy/image/-9a81dlWLwJ2UUGcVs_nsVtzdOEdtWwKGZZLQHTxDZ7I56KU0Zwwo4NUX4oFJZEHLbXH5ApeO4YmlhxYQknCRvCo04DEVlxkKgposbaqKAxf0uL3djFN79eJl4-Cm_LwDLfYkWNFpsEljurD89zx2gPg_Eo-amyiINfBdgVtYl6G-QO9l-271p677s-dwXZ9-n51WfGqKvY/330x192"></center>
<span class="name">Glock-18 | Grin</span>
<span class="price">65 <i class="mdi mdi-coins"></i></span>
</div>
<script>
function getImagePath1() {

var src = document.getElementById("item-img1").src;

document.getElementById("bar-item").src = src;

}
</script>
<div onclick="getImagePath1();$('#input-craft').show();$('#id-store').val(1);$('#one').text(48);$('#summa-test-fuck').val(64);$('#chance-number').html('75');$('#size').val('75');$('#chance').css('stroke-dashoffset', 75);" class="item item1" data-price="64" data-id="1" data-title="Nova | Koi">
<center><img class="img" id="item-img1" src="https://steamcommunity-a.akamaihd.net/economy/image/-9a81dlWLwJ2UUGcVs_nsVtzdOEdtWwKGZZLQHTxDZ7I56KU0Zwwo4NUX4oFJZEHLbXH5ApeO4YmlhxYQknCRvCo04DEVlxkKgpouLWzKjhjxszGfitD09e5nb-HnvD8J_WDzmgC7sAh2e-Wptr33AywrhZtYzzycY6dJwE5MAvQ-FC9w7q818e6ot2XnnuHYbTd/330x192"></center>
<span class="name">Nova | Koi</span>
<span class="price">64 <i class="mdi mdi-coins"></i></span>
</div>
<script>
function getImagePath4() {

var src = document.getElementById("item-img4").src;

document.getElementById("bar-item").src = src;

}
</script>
<div onclick="getImagePath4();$('#input-craft').show();$('#id-store').val(4);$('#one').text(48);$('#summa-test-fuck').val(64);$('#chance-number').html('75');$('#size').val('75');$('#chance').css('stroke-dashoffset', 75);" class="item item4" data-price="64" data-id="4" data-title="eSports 2013">
<center><img class="img" id="item-img4" src="https://steamcommunity-a.akamaihd.net/economy/image/-9a81dlWLwJ2UUGcVs_nsVtzdOEdtWwKGZZLQHTxDZ7I56KU0Zwwo4NUX4oFJZEHLbXU5A1PIYQNqhpOSV-fRPasw8rsVk5kKhZDpYX3e1Yz7KKcPzwav9jnzdfdlfWmY7_TzmkF6ZMlj77A9o3x0Qe1qhBkZGjxI9LBJgMgIQaH1G7WeaA/330x192"></center>
<span class="name">eSports 2013</span>
<span class="price">64 <i class="mdi mdi-coins"></i></span>
</div>
</div>
</div>
</center>

</div>
</div>
</div>
<br><br><br>
		</div>
	</div>
	
</div></div></div></div>
            <div class="row" id="guess" style="display:none;">
              <div class="col-12 grid-margin">
                <div class="card">
                  <div class="card-body">
                    <h4 class="card-title">GuessGame 
                    <button type="button" onclick="$('#guess').hide();$('#games').fadeTo('normal',1);" class="btn btn-gradient-primary btn-rounded btn-icon">
                            <i class="mdi mdi-home-outline"></i>
                          </button>
                          </h4>
                          
                          
                          <center>
        

 
                            <script>
                                
                             function start1(){
                                 function getRandomInt(min, max) {
  return Math.floor(Math.random() * (max - min)) + min;
}

                                 var r = getRandomInt(0, 9500);

                             up4.innerHTML = r;
                                                          
                             }
                            
                            </script>
                                    </center>   
                                    
                                    
                                    
                                    
                                    
                              <div class="game-tbl">
                                  <br>
                                  <br>
                               <center>
                                   <div style="font-style: initial;display: flex;align-items: center;border:6px solid #c2b8ff;height:100px;width:150px;background:#4c2eff; justify-content: center;color:#fff;font-size:50px;font-weight: 600;" >
<span id="numberNumber" class="odometer"></span>

</div>
                               </center>
                           </div>
                          
                          
                           <div class="bets-tbl" >
                               
                               <div class="amount-bomb box">
                               
                                    <div class="content">
                                        <center>
                                        <input   style="margin-bottom:10px;"class="form-control" id="BetSizeNumbers" value="1" placeholder="Сумма ставки">
                                  <div class="dice-game-box-percent coinflipButtons">

                                                <button type="button"   style="color: #fff;margin:auto;" class=" btn btn-gradient-info " onclick="betNum1()">[1000 - 1500]</button>

   <button type="button"   style="color: #fff;margin:auto;" class=" btn btn-gradient-info " onclick="betNum2()">[3000 - 3500]</button>

   <button type="button"   style="color: #fff;margin:auto;" class=" btn btn-gradient-info " onclick="betNum3()">[7000 - 7500]</button>

   <button type="button"   style="color: #fff;margin:auto;" class=" btn btn-gradient-info " onclick="betNum4()">[9000 - 9500]</button>
                                                
                                     
                                                </div>  <button type="button"   style="width:100%;display:none;color: #fff;margin:auto;" class=" btn btn-gradient-danger " onclick="" id="error_numbersGame">Ошибка</button>               
            <button type="button"   style="width:100%;display:none;color: #fff;margin:auto;" class=" btn btn-gradient-success " onclick="" id="succes_numbersGame">Ошибка</button>                         
                       
                                            </center></div>
<script>function betNum1() {
    $.ajax({
        type: 'POST',
        url: 'action.php',
        beforeSend: function() {
            $('#error_numbersGame').hide();
            $('#succes_numbersGame').hide();
        },
        data: {
            type: "betNum1",
            
			bet: $('#BetSizeNumbers').val(),
        },
        success: function(data) {
            var obj = jQuery.parseJSON(data);
            if (obj.success == "success") {
                $('#numberNumber').html(obj.number);
                setTimeout(function() {
                    $('#succes_numbersGame').css('display', '');
                    $("#succes_numbersGame").html("Выпавшее число: <b>"+ obj.number +"</b><br> Выигрыш: <b>" + parseFloat(obj.profit).toFixed(2) + " </b> N");
$('#mybalance').load('/inc/main.php #mybalance');    
                }, 2300);
            }
            if (obj.success == 'error') {
                $('#error_numbersGame').css('display', '');
                $('#error_numbersGame').html(obj.error);
            }
        }

    });

}

function betNum2() {
    $.ajax({
        type: 'POST',
        url: 'action.php',
        beforeSend: function() {
            $('#error_numbersGame').hide();
            $('#succes_numbersGame').hide();
        },
        data: {
            type: "betNum2",
            
			bet: $('#BetSizeNumbers').val(),
        },
        success: function(data) {
            var obj = jQuery.parseJSON(data);
            if (obj.success == "success") {
                $('#numberNumber').html(obj.number);
                setTimeout(function() {
                    $('#succes_numbersGame').css('display', '');
                    $("#succes_numbersGame").html("Выпавшее число: <b>"+ obj.number +"</b><br> Выигрыш: <b>" + parseFloat(obj.profit).toFixed(2) + " </b> N");
$('#mybalance').load('/inc/main.php #mybalance');    
                }, 2300);
            }
            if (obj.success == 'error') {
                $('#error_numbersGame').css('display', '');
                $('#error_numbersGame').html(obj.error);
            }
        }

    });

}

function betNum3() {
    $.ajax({
        type: 'POST',
        url: 'action.php',
        beforeSend: function() {
            $('#error_numbersGame').hide();
            $('#succes_numbersGame').hide();
        },
        data: {
            type: "betNum3",
            
			bet: $('#BetSizeNumbers').val(),
        },
        success: function(data) {
            var obj = jQuery.parseJSON(data);
            if (obj.success == "success") {
                $('#numberNumber').html(obj.number);
                setTimeout(function() {
                    $('#succes_numbersGame').css('display', '');
                    $("#succes_numbersGame").html("Выпавшее число: <b>"+ obj.number +"</b><br> Выигрыш: <b>" + parseFloat(obj.profit).toFixed(2) + " </b> N");
$('#mybalance').load('/inc/main.php #mybalance');    
                }, 2300);
            }
            if (obj.success == 'error') {
                $('#error_numbersGame').css('display', '');
                $('#error_numbersGame').html(obj.error);
            }
        }

    });

}

function betNum4() {
    $.ajax({
        type: 'POST',
        url: 'action.php',
        beforeSend: function() {
            $('#error_numbersGame').hide();
            $('#succes_numbersGame').hide();
        },
        data: {
            type: "betNum4",
            
			bet: $('#BetSizeNumbers').val(),
        },
        success: function(data) {
            var obj = jQuery.parseJSON(data);
            if (obj.success == "success") {
                $('#numberNumber').html(obj.number);
                setTimeout(function() {
                    $('#succes_numbersGame').css('display', '');
                    $("#succes_numbersGame").html("Выпавшее число: <b>"+ obj.number +"</b><br> Выигрыш: <b>" + parseFloat(obj.profit).toFixed(2) + " </b> N");
$('#mybalance').load('/inc/main.php #mybalance');    
                }, 2300);
            }
            if (obj.success == 'error') {
                $('#error_numbersGame').css('display', '');
                $('#error_numbersGame').html(obj.error);
            }
        }

    });

}
</script>

                                </div>
                           </div>
                        
                          </div>
                          </div>
                          </div>
                          </div>
 <div class="row" id="coinflip" style="display:none;">
              <div class="col-12 grid-margin">
                <div class="card">
                  <div class="card-body">
                    <h4 class="card-title">Coinflip 
                    <button type="button" onclick="$('#coinflip').hide();$('#games').fadeTo('normal',1);" class="btn btn-gradient-primary btn-rounded btn-icon">
                            <i class="mdi mdi-home-outline"></i>
                          </button>
                  </h4>
                  <script>
                  
                   
                     
function coinflipbet(typegame){



$('.coinflipButtons > button').prop('disabled', true);
$('#coin').removeClass('tails');
$('#coin').removeClass('heads');
$('#coin').removeClass('rebro');



$.ajax({
                                                                                type: 'POST',
                                                                                url: '../action.php',
beforeSend: function() {


                    },
                                                                                data: {
                                                                                    type: "coinflip",
                                                                                    lay: typegame,
                                                                                    size: $('#coinflipBet').val()


                                                                                },
                                        success: function(data) {
                                            var obj = jQuery.parseJSON(data);
                                           if(obj.success == "fatal") {
                $('.coinflipButtons > button').prop('disabled', false);

                                               $.wnoty({
        position : 'top-right',
        type: 'error',
        message: obj.error
      });
      return false;
                                           }
                                            if (obj.success == "success") {


                                                 if(obj.flipResult == 1){
                                                                                    $('#coin').addClass('heads');
                                                                                    }
                                                                                    if ( obj.flipResult == 2 ) {
                                                                                    $('#coin').addClass('tails');
                                                                                    }
                                                                                      if ( obj.flipResult == 30 ) {
                                                                                    $('#coin').addClass('rebro');
                                                                                    }
                                                                                    setTimeout(function(){
$.wnoty({
        position : 'top-right',
        type: 'success',
        message: obj.message
      });


}, 6000);
 
  setTimeout(function(){
   $('.coinflipButtons > button').prop('disabled', false);
$('#coin').removeClass('tails');
$('#coin').removeClass('heads');
$('#coin').removeClass('rebro');
                                   $('#mybalance').load('/inc/main.php #mybalance');                                                  }, 7500);

                                            }else{


         if(obj.flipResult == 1){
                                                                                    $('#coin').addClass('heads');
                                                                                    }
                                                                                    if ( obj.flipResult == 2 ) {
                                                                                    $('#coin').addClass('tails');
                                                                                    }
                                                                                      if ( obj.flipResult == 30 ) {
                                                                                    $('#coin').addClass('rebro');
                                                                                    }
                                                                                    setTimeout(function(){
$.wnoty({
        position : 'top-right',
        type: 'error',
        message: obj.message
      });


}, 6000);
                                                                                    setTimeout(function(){
$('.coinflipButtons > button').prop('disabled', false);
$('#coin').removeClass('tails');
$('#coin').removeClass('heads');
$('#coin').removeClass('rebro');
                                      $('#mybalance').load('/inc/main.php #mybalance');                                              }, 7500);

                      }
                                        }
                                    });
                                }
                  </script>
               <div class="game-tbl">
                               <center>
                                   <div id="coin">
                                    <div class="side-a" style="background:red"></div>
                                    <div class="side-b" style="background:blue"></div>    
                                        </div>
                               </center>
                           </div>
                           
                           
                           	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.js"></script>


                           <div class="bets-tbl" id="betsss">
                               <div class="amount-bomb box">
                                    <div class="title text-uppercase text-center"> Сделать ставку </div>
                                    <div class="content">
                                        <center>
                                        <input   style="margin-bottom:10px;"class="form-control" id="coinflipBet" value="1" placeholder="Сумма ставки">
                                  <div class="dice-game-box-percent coinflipButtons">

                                                <button type="button"   style="color: #fff;margin:auto;" class=" btn btn-gradient-danger " onclick="coinflipbet('1')">x2</button>
                                                
                                                
                                                <button type="button"   style="color: #fff;margin:auto;" class=" btn btn-gradient-info " onclick="coinflipbet('2')"><center>x2</center>
                                                </button>
                                                </div><center>
                                            </center>
                                            </center></div>


                                </div>
                           </div>
                 
                            <script>
    window.renderRecaptchas = function() {
        var recaptchas = document.querySelectorAll('.g-recaptcha');
        for (var i = 0; i < recaptchas.length; i++) {
            grecaptcha.render(recaptchas[i], {
                sitekey: recaptchas[i].getAttribute('data-sitekey')
            });
        }
    }
</script>
                       
   
    
	<script src="https://www.google.com/recaptcha/api.js?onload=renderRecaptchas&render=explicit" async defer></script>
                  </div>
                </div>
              </div>
              </div>

              <div class="row" id="upgrade1" style="display:none;">
              <div class="col-12 grid-margin">
                <div class="card">
                  <div class="card-body">
                    <h4 class="card-title">777 
                    <button type="button" onclick="$('#upgrade').hide();$('#games').fadeTo('normal',1);" class="btn btn-gradient-primary btn-rounded btn-icon">
                            <i class="mdi mdi-home-outline"></i>
                          </button>
                  </h4>
                   
                  <div>
                       <div style="font-style: initial;display: flex;align-items: center;border:6px solid #c2b8ff;height:100px;width:90%;background:#4c2eff; justify-content: center;color:#fff;font-size:80px;font-weight: 600;" ><span id="up1" class="odometer"></span>
<span id="up2" class="odometer"></span>
<span id="up3" class="odometer"></span>
</div>
 </div >
                   
                          <button onclick="start()"></button>  
                           
                            <script>
                                
                             function start(){
                                 function getRandomFloat(min, max) {
  return Math.floor(Math.random() * (max - min)) + min;
}

                                 var r = getRandomFloat(0, 9);
var r2 = getRandomFloat(0, 9);
var r3 = getRandomFloat(0, 9);
                             up1.innerHTML = r;
                              up2.innerHTML = r2;
                                      up3.innerHTML = r3;                                
                             }
                            
                            </script>
                            <script>
    window.renderRecaptchas = function() {
        var recaptchas = document.querySelectorAll('.g-recaptcha');
        for (var i = 0; i < recaptchas.length; i++) {
            grecaptcha.render(recaptchas[i], {
                sitekey: recaptchas[i].getAttribute('data-sitekey')
            });
        }
    }
</script>
                       
   
    
	<script src="https://www.google.com/recaptcha/api.js?onload=renderRecaptchas&render=explicit" async defer></script>
                  </div>
                </div>
              </div>
              </div>
            
              <div class="row" id="dice" style="display:none;">
              <div class="col-12 grid-margin">
                <div class="card">
                  <div class="card-body">
                    <h4 class="card-title">DICE 
                    <button type="button" onclick="$('#dice').hide();$('#games').fadeTo('normal',1);" class="btn btn-gradient-primary btn-rounded btn-icon">
                            <i class="mdi mdi-home-outline"></i>
                          </button>
                  </h4>
                   
                   <div class="game_chance">
				<p class="game_chance_txt">
					Шанс на победу <br></br>					<span class="game_chance_value" style="color:#000">
						<span id="one1" class="percent_box">50.00</span>%
					</span>
				</p>
				<p class="game_chance_txt">
					Выплата	<br></br>					<span class="game_chance_value">
						<span id="winner">1.98</span>x
					</span>
				</p>
			</div>
                             <div class="wrap_range">
				<div class="index__home__indicator__inner index__home__indicator__inner--line" style="display:none;">
					<div class="index__home__indicator__inner__number is-rolling is-hidden " style="transform: translate(-45%, 20px);">
						<div style="position:relative;bottom:20px;"class="index__home__indicator__inner__number__roll is-negative ">
							<img alt="vk.com/id321223555" src="/cub.svg" class="roll-img"><span id="nums">0.00</span>
						</div>
					</div>
				</div>
				
				<div style="margin-top:30px">
<div class="row no-gutters height-100">
				<input type="range" oninput="fun1()" id="r1" name="chance" style="width:100%;background: -webkit-linear-gradient(left, rgb(241, 2, 96) 0%, rgb(241, 2, 96) 50%, rgb(8, 229, 71) 50%, rgb(8, 229, 71) 100%);" min="2" value="50" max="98" step="0.01" class="range rangeFindOne">
                                    
			</div><br>
			<br>
			<br>
			<input style="float:left" class="form-control col-md-4" id="betSizeDice" value="1" placeholder="Сумма ставки">
		
		
			<button style="color:#fff; float:right" onclick="betdice()" class="btn btn-gradient-primary btn-block col-md-4" id="betDice">Сделать ставку <i class="fas fa-coins"></i></button>
			<br>
                            </div>
                            </div>
                            
                            
                            <script>
                                function betdice() {
$('#betDice').html('Кидаем кости..');                                                       	
$('#betDice').prop('disabled', true);		
$.ajax({
                                                                                type: 'POST',
                                                                                url: '../action.php',
beforeSend: function() {
											
										
										},	
                                                                                data: {
                                                                                    type: "dice",
                                                                                    betsize: $('#betSizeDice').val(),
                                                                                    celwin: $('#r1').val(),
                                                                                   
                                                                                    
                                                                                },
                                        success: function(data) {
                                            var obj = jQuery.parseJSON(data);
                                           if(obj.success == "fatal") {
                $('#betDice').html('Сделать ставку <i class="fas fa-coins"></i>');                                                       	
                $('#betDice').prop('disabled', false);
                                               $.wnoty({
				position : 'top-right',
				type: 'error',
				message: obj.error
			});
			return false;
                                           }
                                            if (obj.success == "success") {

	                                            $('.index__home__indicator__inner').show();
				$('.index__home__indicator__inner__number').animate({
					'left': $('#r1').width() / 100 * obj.num + 'px'
				});
				$('#nums').css('color', 'green');
				$('#nums').html(obj.num);
				setTimeout(function() {
			$('#mybalance').load('/inc/main.php #mybalance');
				$('#betDice').html('Сделать ставку <i class="fas fa-coins"></i>');                                                       	
                $('#betDice').prop('disabled', false);
				}, 700);
                	
                                            }else{

				$('.index__home__indicator__inner').show();
				$('.index__home__indicator__inner__number').animate({
					'left': $('#r1').width() / 100 * obj.num + 'px'
				});
				$('#nums').css('color', 'red');
				$('#nums').html(obj.num);
				setTimeout(function() {
			$('#mybalance').load('/inc/main.php #mybalance');
				$('#betDice').html('Сделать ставку <i class="fas fa-coins"></i>');                                                       	
                $('#betDice').prop('disabled', false);
				}, 700);							
												
											}
                                        }
                                    });
                                    
                                }
function fun1() {
    var val = $('.rangeFindOne').val(); 
		
		$('.rangeFindOne').css({ 
		'background': '-webkit-linear-gradient(left ,#F10260 0%,#F10260 ' + val + '%,#08E547 ' + val + '%, #08E547 100%)' 
		}); 
		var chance1 = (100 - $('#r1').val()).toFixed(2); 
		var viplata = 99 / chance1; 

		$('#one1').html(chance1); 
		$('#winner').html(viplata.toFixed(2)); 

		var summ = $("#stavka_dice").val(); 
		var win1 = $('#winner').html(); 
		var summa = summ * win1; 

		$("#win").text(summa.toFixed(2)) 
		$('#chance_2').val((100 - $('#r1').val()).toFixed(2));
}
                            </script>
                   
                  </div>
                </div>
              </div>
              </div>
               <div class="row" id="tower" style="display:none;">
              <div class="col-12 grid-margin">
                <div class="card">
                  <div class="card-body">
                    <h4 class="card-title">Keno 
                    <button type="button" onclick="$('#tower').hide();$('#games').fadeTo('normal',1);" class="btn btn-gradient-primary btn-rounded btn-icon">
                            <i class="mdi mdi-home-outline"></i>
                          </button>
                  </h4>
                  
                  
                  <style>.theFirst2{ background:white;color: black;}</style>




                  <style>
                      .btn1{
                          background:white;
                      }
                  </style>
                  
              <div class="game keno-prefix">
	<h1 class="sr--only">Игра Keno</h1>
	<div class="game-sidebar">
		
		<div class="sidebar-block hasTabs">
			<div class="bet-component">
				<div class="bet-form">
					<div class="form-row">
						
					<div class="form-group">
                      <div class="input-group">
                        <input type="text" class="form-control" placeholder="Ставка" aria-label="Ставка" id="summa_keno" aria-describedby="basic-addon2">
                        <div class="input-group-append">
                          <button class="btn btn-sm btn-primary" onclick="play()"type="button">Играть</button>
                          <button class="btn btn-sm btn-danger" onclick="c()" type="button">Очистить</button>
                        </div>
                      </div>
                    </div>
						   <button style="display:none;"id="error_keno"class="btn btn-sm btn-danger"  type="button"></button>  
						   <button style="display:none;" id="succes_keno"class="btn btn-sm btn-success"  type="button"></button>  
					</div>
					
					
				</div>
				
			</div>
		</div>
	</div>

<script>
var arr=[];
function play() {
    var l  = arr.length;
      $("#error_keno").hide();
   if($('#summa_keno').val() == '') {
    $("#error_keno").show();                               
				 return $("#error_keno").html("Введите сумму");
  }
 $.ajax({
                                                                                type: 'POST',
                                                                                url: '../action.php',
beforeSend: function() {
 
$("#succes_keno").hide(); 
  $("#error_keno").hide(); 
										},	
                                                                                data: {
                                                                                    type: "keno",
                                                                                    summa_keno: $('#summa_keno').val(),
                                                                                     massiv: arr  ,
                                                                                     l:l
           },
                                        success: function(data) {
                                            var obj = jQuery.parseJSON(data);
                                            if (obj.success == "success") {
                                         $("#error_keno").html(obj.arr);
                    $("#succes_keno").show();                          
					$("#succes_keno").html(obj.arr); 
                                             
                                                                return 
                                            }else{
                                   
                $("#error_keno").show();                               
				$("#error_keno").html(obj.error);
                                            }
                                        }   
   });
   
}
function c() {
    arr.length = 0;
    $( "#keno" ).load( "/inc/main.php #keno" );
}
</script>
	<style>
		
	    .blue1{position:relative;display:flex;width:100%;height:100%;padding:0;cursor:pointer;-webkit-transition:all .3s;transition:all .3s;border:0;color:black;border-radius:2.5px;outline:none;background:#4986f5;align-items:center;justify-content:center}.blue1:before{content:"";display:block;padding-top:100%}.blue1:after{content:"";position:absolute;width:100%;height:100%;border-radius:2.5px}.blue1:focus{outline:none}.blue1.isSelectedMine:not(.hasHit){color:#333}.blue1.isSelectedMine:not(.hasHit):after{background:#fff}.tile__button.hasHit:after,.blue1.isRevealed:after{background:#314a6f}

.red1 {
    position:relative;display:flex;width:100%;height:100%;padding:0;cursor:pointer;-webkit-transition:all .3s;transition:all .3s;border:0;border-radius:2.5px;outline:none;background:#fff;align-items:center;justify-content:center
}
</style>
 	<div class="game-component">
		<div class="game-block">
			<div class="game-area__wrap">
				<div class="game-area">
					<div class="game-area-content">
						<div class="keno-component">
							<div  id="keno" class="keno-tiles-wrapper">
							    
							   
							    
								<div  class="item ">
									<button id="btn1"  onclick="b1()"type="button" class="blue1">
										<div  class="tile__gem "><img class="tile__gem-img" src="/static/media/diamond.be6025cb.svg" alt=""></div>
										<div style="color:black;" class="tile__number ">1</div>
									</button>
								</div>
								<script>function b1() {
if( arr.indexOf( '1' ) != -1 ){
console.log(arr)
}else{
document.getElementById("btn1").classList.add("red1");
arr.push("1");
}}</script>
								
								<div class="item">
									<button id="btn2"  onclick="b2()"type="button" class="blue1">
										<div  class="tile__gem "><img class="tile__gem-img" src="/static/media/diamond.be6025cb.svg" alt=""></div>
										<div style="color:black;"class="tile__number ">2</div>
									</button>
								</div>
<script>function b2() {
var eq = "2";
if( arr.indexOf( eq ) != -1 ){
console.log(arr)
}else{
document.getElementById("btn2").classList.add("red1");
arr.push(eq);
}}</script>								
								<div class="item">
									<button id="btn3"  onclick="b3()"type="button" class="blue1">
										<div  class="tile__gem "><img class="tile__gem-img" src="/static/media/diamond.be6025cb.svg" alt=""></div>
										<div style="color:#000" class="tile__number ">3</div>
									</button>
								</div>
	<script>function b3() {
var eq = "3";
if( arr.indexOf( eq ) != -1 ){
console.log(arr)
}else{
document.getElementById("btn3").classList.add("red1");
arr.push(eq);
}}</script>							<div class="item">
									<button id="btn4"  onclick="b4()"type="button" class="blue1">
										<div  class="tile__gem "><img class="tile__gem-img" src="/static/media/diamond.be6025cb.svg" alt=""></div>
										<div style="color:#000" class="tile__number ">4</div>
									</button>
								</div>
<script>function b4() {
var eq = "4";
if( arr.indexOf( eq ) != -1 ){
console.log(arr)
}else{
document.getElementById("btn4").classList.add("red1");
arr.push(eq);
}}</script>								<div class="item">
									<button id="btn5"  onclick="b5()"type="button" class="blue1">
										<div class="tile__gem"><img class="tile__gem-img" src="/static/media/diamond.be6025cb.svg" alt=""></div>
										<div style="color:#000" class="tile__number">5</div>
									</button>
								</div>
<script>function b5() {
var eq = "5";
if( arr.indexOf( eq ) != -1 ){
console.log(arr)
}else{
document.getElementById("btn5").classList.add("red1");
arr.push(eq);
}}</script>									<div class="item">
									<button id="btn6"  onclick="b6()"type="button" class="blue1">
										<div class="tile__gem"><img class="tile__gem-img" src="/static/media/diamond.be6025cb.svg" alt=""></div>
										<div style="color:#000" class="tile__number">6</div>
									</button>
								</div>
<script>function b6() {
var eq = "6";
if( arr.indexOf( eq ) != -1 ){
console.log(arr)
}else{
document.getElementById("btn6").classList.add("red1");
arr.push(eq);
}}</script>									<div class="item">
									<button id="btn7"  onclick="b7()"type="button" class="blue1">
										<div class="tile__gem"><img class="tile__gem-img" src="/static/media/diamond.be6025cb.svg" alt=""></div>
										<div style="color:#000" class="tile__number">7</div>
									</button>
								</div>
<script>function b7() {
var eq = "7";
if( arr.indexOf( eq ) != -1 ){
console.log(arr)
}else{
document.getElementById("btn7").classList.add("red1");
arr.push(eq);
}}</script>									<div class="item">
									<button id="btn8"  onclick="b8()"type="button" class="blue1">
										<div class="tile__gem"><img class="tile__gem-img" src="/static/media/diamond.be6025cb.svg" alt=""></div>
										<div style="color:#000"     class="tile__number">8</div>
									</button>
								</div>
				<script>function b8() {
var eq = "8";
if( arr.indexOf( eq ) != -1 ){
console.log(arr)
}else{
document.getElementById("btn8").classList.add("red1");
arr.push(eq);
}}</script>		
	<div class="item">
									<button id="btn9"  onclick="b9()"type="button" class="blue1">
										<div class="tile__gem"><img class="tile__gem-img" src="/static/media/diamond.be6025cb.svg" alt=""></div>
										<div style="color:#000"    class="tile__number">9</div>
									</button>
								</div>
				<script>function b9() {
var eq = "9";
if( arr.indexOf( eq ) != -1 ){
console.log(arr)
}else{
document.getElementById("btn9").classList.add("red1");
arr.push(eq);
}}</script>							<div class="item">
									<button id="btn10"  onclick="b10()"type="button" class="blue1">
										<div class="tile__gem"><img class="tile__gem-img" src="/static/media/diamond.be6025cb.svg" alt=""></div>
										<div style="color:#000"    class="tile__number">10</div>
									</button>
								</div>
				<script>function b10() {
var eq = "10";
if( arr.indexOf( eq ) != -1 ){
console.log(arr)
}else{
document.getElementById("btn10").classList.add("red1");
arr.push(eq);
}}</script>							<div class="item">
									<button id="btn11"  onclick="b11()"type="button" class="blue1">
										<div class="tile__gem"><img class="tile__gem-img" src="/static/media/diamond.be6025cb.svg" alt=""></div>
										<div style="color:#000"    class="tile__number">11</div>
									</button>
								</div>
				<script>function b11() {
var eq = "11";
if( arr.indexOf( eq ) != -1 ){
console.log(arr)
}else{
document.getElementById("btn11").classList.add("red1");
arr.push(eq);
}}</script>							<div class="item">
									<button id="btn12"  onclick="b12()"type="button" class="blue1">
										<div class="tile__gem"><img class="tile__gem-img" src="/static/media/diamond.be6025cb.svg" alt=""></div>
										<div style="color:#000"    class="tile__number">12</div>
									</button>
								</div>
						<script>function b12() {
var eq = "12";
if( arr.indexOf( eq ) != -1 ){
console.log(arr)
}else{
document.getElementById("btn12").classList.add("red1");
arr.push(eq);
}}</script>					<div class="item">
									<button id="btn13"  onclick="b13()"type="button" class="blue1">
										<div class="tile__gem"><img class="tile__gem-img" src="/static/media/diamond.be6025cb.svg" alt=""></div>
										<div style="color:#000"class="tile__number">13</div>
									</button>
								</div>
									<script>function b13() {
var eq = "13";
if( arr.indexOf( eq ) != -1 ){
console.log(arr)
}else{
document.getElementById("btn13").classList.add("red1");
arr.push(eq);
}}</script>					<div class="item">
									<button id="btn14"  onclick="b14()"type="button" class="blue1">
										<div class="tile__gem"><img class="tile__gem-img" src="/static/media/diamond.be6025cb.svg" alt=""></div>
										<div style="color:#000"class="tile__number">14</div>
									</button>
								</div>
							<script>function b14() {
var eq = "14";
if( arr.indexOf( eq ) != -1 ){
console.log(arr)
}else{
document.getElementById("btn14").classList.add("red1");
arr.push(eq);
}}</script>							<div class="item">
									<button id="btn15"  onclick="b15()"type="button" class="blue1">
										<div class="tile__gem"><img class="tile__gem-img" src="/static/media/diamond.be6025cb.svg" alt=""></div>
										<div style="color:#000"class="tile__number">15</div>
									</button>
								</div>
							<script>function b15() {
var eq = "15";
if( arr.indexOf( eq ) != -1 ){
console.log(arr)
}else{
document.getElementById("btn15").classList.add("red1");
arr.push(eq);
}}</script>							<div class="item">
									<button id="btn16"  onclick="b16()"type="button" class="blue1">
										<div class="tile__gem"><img class="tile__gem-img" src="/static/media/diamond.be6025cb.svg" alt=""></div>
										<div style="color:#000"class="tile__number">16</div>
									</button>
								</div>
							<script>function b16() {
                                    var eq = "16";
                                    if( arr.indexOf( eq ) != -1 ){
                                    console.log(arr)
                                    }else{
                                    document.getElementById("btn16").classList.add("red1");
                                    arr.push(eq);
                                    }}
                            </script>	
                                    
                                    <div class="item">
									<button id="btn17"  onclick="b17()"type="button" class="blue1">
										<div class="tile__gem"><img class="tile__gem-img" src="/static/media/diamond.be6025cb.svg" alt=""></div>
										<div style="color:#000"class="tile__number">17</div>
									</button>
								</div>
								<script>function b17() {
                                    var eq = "17";
                                    var b = "btn17";
                                    if( arr.indexOf( eq ) != -1 ){
                                    console.log(arr)
                                    }else{
                                    document.getElementById(b).classList.add("red1");
                                    arr.push(eq);
                                    }}
                            </script>	
								<div class="item">
										<button id="btn18"  onclick="b18()"type="button" class="blue1">
										<div class="tile__gem"><img class="tile__gem-img" src="/static/media/diamond.be6025cb.svg" alt=""></div>
										<div style="color:#000"class="tile__number">18</div>
									</button>
								</div>
								<script>function b18() {
                                    var eq = "18";
                                    var b = "btn18";
                                    if( arr.indexOf( eq ) != -1 ){
                                    console.log(arr)
                                    }else{
                                    document.getElementById(b).classList.add("red1");
                                    arr.push(eq);
                                    }}
                            </script>	
								<div class="item">
									<button id="btn19"  onclick="b19()"type="button" class="blue1">
										<div class="tile__gem"><img class="tile__gem-img" src="/static/media/diamond.be6025cb.svg" alt=""></div>
										<div style="color:#000"class="tile__number">19</div>
									</button>
								</div>
								<script>function b19() {
                                    var eq = "19";
                                    var b = "btn19";
                                    if( arr.indexOf( eq ) != -1 ){
                                    console.log(arr)
                                    }else{
                                    document.getElementById(b).classList.add("red1");
                                    arr.push(eq);
                                    }}
                            </script>
								<div class="item">
										<button id="btn20"  onclick="b20()"type="button" class="blue1">
										<div class="tile__gem"><img class="tile__gem-img" src="/static/media/diamond.be6025cb.svg" alt=""></div>
										<div style="color:#000"class="tile__number">20</div>
									</button>
								</div>
								<script>function b20() {
                                    var eq = "20";
                                    var b = "btn20";
                                    if( arr.indexOf( eq ) != -1 ){
                                    console.log(arr)
                                    }else{
                                    document.getElementById(b).classList.add("red1");
                                    arr.push(eq);
                                    }}
                            </script>	
								<div class="item">
									<button id="btn21"  onclick="b21()"type="button" class="blue1">
										<div class="tile__gem"><img class="tile__gem-img" src="/static/media/diamond.be6025cb.svg" alt=""></div>
										<div style="color:#000"class="tile__number">21</div>
									</button>
								</div>
								<script>function b21() {
                                    var eq = "21";
                                    var b = "btn21";
                                    if( arr.indexOf( eq ) != -1 ){
                                    console.log(arr)
                                    }else{
                                    document.getElementById(b).classList.add("red1");
                                    arr.push(eq);
                                    }}
                            </script>
								<div class="item">
										<button id="btn22"  onclick="b22()"type="button" class="blue1">
										<div class="tile__gem"><img class="tile__gem-img" src="/static/media/diamond.be6025cb.svg" alt=""></div>
										<div style="color:#000"class="tile__number">22</div>
									</button>
								</div>
								<script>function b22() {
                                    var eq = "22";
                                    var b = "btn22";
                                    if( arr.indexOf( eq ) != -1 ){
                                    console.log(arr)
                                    }else{
                                    document.getElementById(b).classList.add("red1");
                                    arr.push(eq);
                                    }}
                            </script>
								<div class="item">
									<button id="btn23"  onclick="b23()"type="button" class="blue1">
										<div class="tile__gem"><img class="tile__gem-img" src="/static/media/diamond.be6025cb.svg" alt=""></div>
										<div style="color:#000"class="tile__number">23</div>
									</button>
								</div>
								<script>function b23() {
                                    var eq = "23";
                                    var b = "btn23";
                                    if( arr.indexOf( eq ) != -1 ){
                                    console.log(arr)
                                    }else{
                                    document.getElementById(b).classList.add("red1");
                                    arr.push(eq);
                                    }}
                            </script>
								<div class="item">
										<button id="btn24"  onclick="b24()"type="button" class="blue1">
										<div class="tile__gem"><img class="tile__gem-img" src="/static/media/diamond.be6025cb.svg" alt=""></div>
										<div style="color:#000"class="tile__number">24</div>
									</button>
								</div>
								<script>function b24() {
                                    var eq = "24";
                                    var b = "btn24";
                                    if( arr.indexOf( eq ) != -1 ){
                                    console.log(arr)
                                    }else{
                                    document.getElementById(b).classList.add("red1");
                                    arr.push(eq);
                                    }}
                            </script>
								<div class="item">
										<button id="btn25"  onclick="b25()"type="button" class="blue1">
										<div class="tile__gem"><img class="tile__gem-img" src="/static/media/diamond.be6025cb.svg" alt=""></div>
										<div style="color:#000"class="tile__number">25</div>
									</button>
								</div>
								<script>function b25() {
                                    var eq = "25";
                                    var b = "btn25";
                                    if( arr.indexOf( eq ) != -1 ){
                                    console.log(arr)
                                    }else{
                                    document.getElementById(b).classList.add("red1");
                                    arr.push(eq);
                                    }}
                            </script>
								<div class="item">
										<button id="btn26"  onclick="b26()"type="button" class="blue1">
										<div class="tile__gem"><img class="tile__gem-img" src="/static/media/diamond.be6025cb.svg" alt=""></div>
										<div style="color:#000"class="tile__number">26</div>
									</button>
								</div>
								<script>function b26() {
                                    var eq = "26";
                                    var b = "btn26";
                                    if( arr.indexOf( eq ) != -1 ){
                                    console.log(arr)
                                    }else{
                                    document.getElementById(b).classList.add("red1");
                                    arr.push(eq);
                                    }}
                            </script>
								<div class="item">
										<button id="btn27"  onclick="b27()"type="button" class="blue1">
										<div class="tile__gem"><img class="tile__gem-img" src="/static/media/diamond.be6025cb.svg" alt=""></div>
										<div style="color:#000"class="tile__number">27</div>
									</button>
								</div>
								<script>function b27() {
                                    var eq = "27";
                                    var b = "btn27";
                                    if( arr.indexOf( eq ) != -1 ){
                                    console.log(arr)
                                    }else{
                                    document.getElementById(b).classList.add("red1");
                                    arr.push(eq);
                                    }}
                            </script>
								<div class="item">
									<button id="btn28"  onclick="b28()"type="button" class="blue1">
										<div class="tile__gem"><img class="tile__gem-img" src="/static/media/diamond.be6025cb.svg" alt=""></div>
										<div style="color:#000"class="tile__number">28</div>
									</button>
								</div>
								<script>function b28() {
                                    var eq = "28";
                                    var b = "btn28";
                                    if( arr.indexOf( eq ) != -1 ){
                                    console.log(arr)
                                    }else{
                                    document.getElementById(b).classList.add("red1");
                                    arr.push(eq);
                                    }}
                            </script>
								<div class="item">
										<button id="btn29"  onclick="b29()"type="button" class="blue1">
										<div class="tile__gem"><img class="tile__gem-img" src="/static/media/diamond.be6025cb.svg" alt=""></div>
										<div style="color:#000"class="tile__number">29</div>
									</button>
								</div>
								<script>function b29() {
                                    var eq = "29";
                                    var b = "btn29";
                                    if( arr.indexOf( eq ) != -1 ){
                                    console.log(arr)
                                    }else{
                                    document.getElementById(b).classList.add("red1");
                                    arr.push(eq);
                                    }}
                            </script>
								<div class="item">
										<button id="btn30"  onclick="b30()"type="button" class="blue1">
										<div class="tile__gem"><img class="tile__gem-img" src="/static/media/diamond.be6025cb.svg" alt=""></div>
										<div style="color:#000"class="tile__number">30</div>
									</button>
								</div>
								<script>function b30() {
                                    var eq = "30";
                                    var b = "btn30";
                                    if( arr.indexOf( eq ) != -1 ){
                                    console.log(arr)
                                    }else{
                                    document.getElementById(b).classList.add("red1");
                                    arr.push(eq);
                                    }}
                            </script>
								<div class="item">
										<button id="btn31"  onclick="b31()"type="button" class="blue1">
										<div class="tile__gem"><img class="tile__gem-img" src="/static/media/diamond.be6025cb.svg" alt=""></div>
										<div style="color:#000"class="tile__number">31</div>
									</button>
								</div>
								<script>function b31() {
                                    var eq = "31";
                                    var b = "btn31";
                                    if( arr.indexOf( eq ) != -1 ){
                                    console.log(arr)
                                    }else{
                                    document.getElementById(b).classList.add("red1");
                                    arr.push(eq);
                                    }}
                            </script>
								<div class="item">
										<button id="btn32"  onclick="b32()"type="button" class="blue1">
										<div class="tile__gem"><img class="tile__gem-img" src="/static/media/diamond.be6025cb.svg" alt=""></div>
										<div style="color:#000"class="tile__number">32</div>
									</button>
								</div>
								<script>function b32() {
                                    var eq = "32";
                                    var b = "btn32";
                                    if( arr.indexOf( eq ) != -1 ){
                                    console.log(arr)
                                    }else{
                                    document.getElementById(b).classList.add("red1");
                                    arr.push(eq);
                                    }}
                            </script>
								<div class="item">
										<button id="btn33"  onclick="b33()"type="button" class="blue1">
										<div class="tile__gem"><img class="tile__gem-img" src="/static/media/diamond.be6025cb.svg" alt=""></div>
										<div style="color:#000"class="tile__number">33</div>
									</button>
								</div>
								<script>function b33() {
                                    var eq = "33";
                                    var b = "btn33";
                                    if( arr.indexOf( eq ) != -1 ){
                                    console.log(arr)
                                    }else{
                                    document.getElementById(b).classList.add("red1");
                                    arr.push(eq);
                                    }}
                            </script>
								<div class="item">
										<button id="btn34"  onclick="b34()"type="button" class="blue1">
										<div class="tile__gem"><img class="tile__gem-img" src="/static/media/diamond.be6025cb.svg" alt=""></div>
										<div style="color:#000"class="tile__number">34</div>
									</button>
								</div>
								<script>function b34() {
                                    var eq = "34";
                                    var b = "btn34";
                                    if( arr.indexOf( eq ) != -1 ){
                                    console.log(arr)
                                    }else{
                                    document.getElementById(b).classList.add("red1");
                                    arr.push(eq);
                                    }}
                            </script>
								<div class="item">
										<button id="btn35"  onclick="b35()"type="button" class="blue1">
										<div class="tile__gem"><img class="tile__gem-img" src="/static/media/diamond.be6025cb.svg" alt=""></div>
										<div style="color:#000"class="tile__number">35</div>
									</button>
								</div>
								<script>function b35() {
                                    var eq = "35";
                                    var b = "btn35";
                                    if( arr.indexOf( eq ) != -1 ){
                                    console.log(arr)
                                    }else{
                                    document.getElementById(b).classList.add("red1");
                                    arr.push(eq);
                                    }}
                            </script>
								<div class="item">
									<button id="btn36"  onclick="b36()"type="button" class="blue1">
										<div class="tile__gem"><img class="tile__gem-img" src="/static/media/diamond.be6025cb.svg" alt=""></div>
										<div style="color:#000"class="tile__number">36</div>
									</button>
								</div>
								<script>function b36() {
                                    var eq = "36";
                                    var b = "btn36";
                                    if( arr.indexOf( eq ) != -1 ){
                                    console.log(arr)
                                    }else{
                                    document.getElementById(b).classList.add("red1");
                                    arr.push(eq);
                                    }}
                            </script>
								<div class="item">
										<button id="btn37"  onclick="b37()"type="button" class="blue1">
										<div class="tile__gem"><img class="tile__gem-img" src="/static/media/diamond.be6025cb.svg" alt=""></div>
										<div style="color:#000"class="tile__number">37</div>
									</button>
								</div>
								<script>function b37() {
                                    var eq = "37";
                                    var b = "btn37";
                                    if( arr.indexOf( eq ) != -1 ){
                                    console.log(arr)
                                    }else{
                                    document.getElementById(b).classList.add("red1");
                                    arr.push(eq);
                                    }}
                            </script>
								<div class="item">
										<button id="btn38"  onclick="b38()"type="button" class="blue1">
										<div class="tile__gem"><img class="tile__gem-img" src="/static/media/diamond.be6025cb.svg" alt=""></div>
										<div style="color:#000"class="tile__number">38</div>
									</button>
								</div>
								<script>function b38() {
                                    var eq = "38";
                                    var b = "btn38";
                                    if( arr.indexOf( eq ) != -1 ){
                                    console.log(arr)
                                    }else{
                                    document.getElementById(b).classList.add("red1");
                                    arr.push(eq);
                                    }}
                            </script>
								<div class="item">
										<button id="btn39"  onclick="b39()"type="button" class="blue1">
										<div class="tile__gem"><img class="tile__gem-img" src="/static/media/diamond.be6025cb.svg" alt=""></div>
										<div style="color:#000"class="tile__number">39</div>
									</button>
								</div>
								<script>function b39() {
                                    var eq = "39";
                                    var b = "btn39";
                                    if( arr.indexOf( eq ) != -1 ){
                                    console.log(arr)
                                    }else{
                                    document.getElementById(b).classList.add("red1");
                                    arr.push(eq);
                                    }}
                            </script>
								<div class="item">
										<button id="btn40"  onclick="b40()"type="button" class="blue1">
										<div class="tile__gem"><img class="tile__gem-img" src="/static/media/diamond.be6025cb.svg" alt=""></div>
										<div style="color:#000"class="tile__number">40</div>
									</button>
								</div>
								<script>function b40() {
                                    var eq = "40";
                                    var b = "btn40";
                                    if( arr.indexOf( eq ) != -1 ){
                                    console.log(arr)
                                    }else{
                                    document.getElementById(b).classList.add("red1");
                                    arr.push(eq);
                                    }}
                            </script>
								<div class="game-helper">Выберите от 1 до 10 ячеек, чтобы начать игру!</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="keno-hits__container">
			<div class="keno-hits empty">Выберите от 1 до 10 ячеек, чтобы посмотреть коэффициенты!</div>
		</div>
	</div>
</div>
     
                  </div>
                </div>
              </div>
              </div>
               <div class="row" id="pvp" style="display:none;">
              <div class="col-12 grid-margin">
                <div class="card">
                  <div class="card-body">
                    <h4 class="card-title">PvP 
                    <button type="button" onclick="$('#pvp').hide();$('#games').fadeTo('normal',1);" class="btn btn-gradient-primary btn-rounded btn-icon">
                            <i class="mdi mdi-home-outline"></i>
                          </button>
                  </h4>

  <h4 class="card-title">Игры                       <button type="button"  onclick="$('#get_pvp').fadeTo('normal',1);" class="btn btn-gradient-danger btn-rounded btn-icon" >
                            <i class="mdi mdi-plus"></i>
                          </button>
                  </h4>
                  
                  <div id="get_pvp" style="display:none;">
                      <h4 class="card-title">Создание игры 
                    <button type="button" onclick="$('#get_pvp').hide();" class="btn btn-gradient-danger btn-rounded btn-icon">
                            <i class="mdi mdi-arrow-left-bold-circle"></i>
                          </button>
                  </h4>
                      <form class="form-inline">
                      <label class="sr-only" for="inlineFormInputName2">Сумма ставки</label>
                      <input type="text" class="form-control mb-2 mr-sm-2" id="summa_pvp" placeholder="Сумма ставки">
                      <button id="button_pvp" onclick="create_pvp()" type="button" class="btn btn-gradient-primary mb-2">Создать игру</button>
                      <button style="display:none; " id="error_pvp" type="button" class="btn btn-gradient-danger mb-2"></button>
                    <button style="display:none; " id="succes_pvp" type="button" class="btn btn-gradient-success mb-2"></button>
                    
                    </form>
                      
                      
                  </div>
                  <script>
function play_pvp(id){

$.ajax({
                                    type: 'POST',
                                    url: '../action.php',
                                    beforeSend: function() {
                                       
                                        
                                    },
                                    data: {
                                        type: 'play_pvp',
                                        id: id
                                    },
                                      success: function(data) {
                                            var obj = jQuery.parseJSON(data);
                                            if (obj.success == "success") {
                    $("#succes_pvp1").show();                          
					$("#succes_pvp1").html("Ставка принята"); 
                                             $('#mybalance').load('/inc/main.php #mybalance');
                                              $('#table_pvp').load('/inc/main.php #table_pvp');
                                             
                                                                return 
                                            }else{
                $("#error_pvp1").show();                               
				$("#error_pvp1").html(obj.error);
				$('#table_pvp').load('/inc/main.php #table_pvp');
                                            }
                                      }
                                });

}
                      function create_pvp(){
                          $('#error_pvp').hide();
                           $('#succes_pvp').hide();
                                if ($('#summa_pvp').val() == "") {
                                    $('#error_pvp').css('display', 'block');
                                    return $('#error_pvp').html('Введите сумму ставки');
                                }
                                if ($('#summa_pvp').val() != "") {
                                    $('#error_pvp').hide();
                                }
                                
                                $.ajax({
                                    type: 'POST',
                                    url: '../action.php',
                                    beforeSend: function() {
                                       
                                        
                                    },
                                    data: {
                                        type: 'create_pvp',
                                        summa: $('#summa_pvp').val()
                                    },
                                      success: function(data) {
                                            var obj = jQuery.parseJSON(data);
                                            if (obj.success == "success") {
                    $("#succes_pvp").show();                          
					$("#succes_pvp").html("Ставка принята"); 
                                             $('#mybalance').load('/inc/main.php #mybalance');
                                              $('#table_pvp').load('/inc/main.php #table_pvp');
                                             $('#summa_pvp').val("");
                                                                return 
                                            }else{
                $("#error_pvp").show();                               
				$("#error_pvp").html(obj.error);
				$('#table_pvp').load('/inc/main.php #table_pvp');
                                            }
                                      }
                                });
                                

                            }
                  </script>

          <div class="table-responsive">
                          
                               
                               
                      <table class="table  text-center " id="table_pvp">
                               
                          
                        <thead>
                            
                          <tr>
                            <th>#</th>
                            <th>Игрок</th>
                            <th>Сумма ставки</th>
                            <th></th>
                            
                          </tr>
                        </thead>
                        <tbody>
                              <?  
                            
                          $sql_select = "SELECT * FROM pvp Where user2=''";
                                            	$result = mysql_query($sql_select);
                                                while($row = mysql_fetch_array($result)) {
                                                    $id  = $row['id'];
                                                    $user1  = $row['user1'];
                                                    $priz  = $row['priz'];
                                                    
                                                          
                          $sql_select1 = "SELECT * FROM kot_user where login='$user1'";
                                            	$result1 = mysql_query($sql_select1); 
                                            	$row1 = mysql_fetch_array($result1);
                                            	$img = $row1['img'];
                                            	$img = '<img src="'.$img.'">';
                                                    echo '<tr>
                            <td> '.$id.' </td>
                            <td> '.$img.' </td>
                            <td>'.$priz.'<i class="mdi mdi-coin"></i> </td>
                            <td> <button type="button" onclick="play_pvp('.$id.')" class="btn btn-gradient-danger btn-rounded btn-icon">
                            <i class="mdi mdi-play"></i>
                          </button> </td>
                           <td>  </td>
                          </tr>';
                                                    
                                                    
                                                }
  
  ?>
                          
            
                        </tbody>
                      </table>
                    </div>
</div></div></div>
                        <div class="col-12 grid-margin">
                        <div class="card">
                        <div class="card-body">
<h4 class="card-title">Прошедшие 5 игр                  
                  </h4>
<div class="table-responsive">
                      <table id="w_p"class="table text-center ">
                     <thead>
                            
                          <tr>
                            <th>#</th>
                            <th>Победитель</th>
                            <th>Банк</th>
                            
                          </tr>
                        </thead>
                        <tbody>
                              <?  
                            
                          $sql_select = "SELECT * FROM pvp Where user2!='' ORDER BY time DESC LIMIT 5";
                                            	$result = mysql_query($sql_select);
                                                while($row = mysql_fetch_array($result)) {
                                                    $id  = $row['id'];
                                                    $userwin  = $row['userwin'];
                                        
$priz=($row['priz']  + $row['priz'] )*0.9     ;   
                                                   
                                                          
                          $sql_select1 = "SELECT * FROM kot_user where login='$userwin'";
                                            	$result1 = mysql_query($sql_select1); 
                                            	$row1 = mysql_fetch_array($result1);
                                            	$img = $row1['img'];
                                            	$img = '<img src="'.$img.'">';
                                                    echo '<tr>
                            <td> '.$id.' </td>
                            <td> '.$img.' </td>
                            <td>'.$priz.'<i class="mdi mdi-coin"></i> </td>
                            
                          </tr>';
                                                    
                                                    
                                                }
  
  ?>
                          
            
                        </tbody>
                      </table>
                    </div>
                </div>
              
</div>
</div >
              </div>
               <div class="row" id="wheel" style="display:none;">
              <div class="col-12 grid-margin">
                <div class="card">
                  <div class="card-body">
                    <h4 class="card-title">Wheel 
                    <button type="button" onclick="$('#wheel').hide();$('#games').fadeTo('normal',1);" class="btn btn-gradient-primary btn-rounded btn-icon">
                            <i class="mdi mdi-home-outline"></i>
                          </button>
                  </h4>
                    <div class="KotDev.fun">
                                <div class="game-tbl">
                                    <center>
                                    <div id="activeBorder" class="wheel-circle" style="margin-bottom:140px">
                                    <img id="x50" src="../images/wheel.svg" class="relll" style="position:relative">
                                    <div class="arrow-chance" style="margin-top:-18%"> <i class="mdi mdi-navigation" id="chanceArrow"></i> </div>
                                   </div>
                                    </center>
                                    </div>
                                   <div class="right-side bets-tbl">
                                       <center>
                                       <div class="amount-bet box" >
                                    <div class="title text-uppercase">Сумма ставки</div>
                                    <div class="content amount-bet-content">
                                        <div class="amout-bet-content-inp" style="width:100%">
                                            <input class="form-control" type="number" value="1" id="amountBetInputWheelGame" onkeyup="chanceGameCalculate()" onkeydown="chanceGameCalculate()" style="width: auto;"> </div>
                                            </div>
                                             </div>
                                            
                                      <div class="dice-game-box-percent">
                                                <button style="color: #fff;" class="btn btn-gradient-dark dice-game-box-percent-btn btn-lg" onclick="wheel('2')">x2</button>
                                                <button style="color: #fff;" class="btn btn-gradient-danger  dice-game-box-percent-btn btn-lg" onclick="wheel('3')">x3</button>
                                                
                                                <button class="btn btn-gradient-info dice-game-box-percent-btn btn-lg" onclick="wheel('5')" style="color: #fff;">x5</button>
                                                <button class="btn btn-gradient-warning dice-game-box-percent-btn btn-lg" onclick="wheel('50')" style="color: #fff;">x50</button>
                            </div><br>
                            
                            </center>
                        </div>
                </div>
                   
                   <script>
                       function update(balance) {
     updateBalance(0, balance);
}
function wheel(colorWheel){
    var animateInt = getRandomInt(7, 12);
    var animateRotateInt = getRandomInt(0, 4);
    $("#x50").css({"transform":"rotate(183deg)"});
    $("#x50").css({"transition":"0s"});
    $.ajax({
    type: 'POST',
    url: '../action.php',
beforeSend: function() {
   },
      data: {
  
     type: "wheel",
     color: colorWheel,
     size: $('#amountBetInputWheelGame').val()
     },
      success: function(response){
        obj = $.parseJSON(response);
        if(obj.success == "fatal"){
             $.wnoty({
        position : 'top-right',
        type: 'error',
        message: obj.mess
      });
      
      //return false;
        }
       
        if(obj.success == "success"){
            var bal = obj.new;
            var dtype = obj.type;
            var dmess = obj.mess;
         setTimeout(function() {
             update(bal);
              $('#mybalance').load('/inc/main.php #mybalance');
              $.wnoty({
        position : 'top-right',
        type: dtype,
        message: dmess
      });
         }, animateInt*1000);
          var rotateWheel = (obj.key*(360/54) + 360*3-3+180+11+animateRotateInt)
          $("#x50").css({"transform":"rotate("+rotateWheel+"deg)","transition":""+animateInt+"s"});
          $(".dice-game-box-percent-btn").attr("disabled","disabled");
        
          setTimeout(function(){
              $(".dice-game-box-percent-btn").removeAttr("disabled","disabled");
         $('#mybalance').load('/inc/main.php #mybalance');
            },animateInt*1000);
 
        }
      
        if(obj.valuesWheel == 2){
            
          setTimeout( function(){
          $("#chanceArrow").css("color","rgb(39, 45, 60)");
          
        },animateInt*1000);
        }
        if(obj.valuesWheel == 3){
          setTimeout( function(){
          $("#chanceArrow").css("color","rgb(191, 82, 111)");
         
        },animateInt*1000);
        }
        if(obj.valuesWheel == 5){
          setTimeout( function(){
          $("#chanceArrow").css("color","rgb(52, 94, 215)");
          },animateInt*1000);
        }
        if(obj.valuesWheel == 50){
          setTimeout( function(){
          $("#chanceArrow").css("color","rgb(238, 209, 82)");
        
        },animateInt*1000);
        }
      }
    });
  };
function getRandomInt(min, max)
{
  return Math.floor(Math.random() * (max - min + 1)) + min;
}
                   </script>
                  </div>
                </div>
              </div>
              </div>
              </div>
              
              
          </div>
          <!-- content-wrapper ends -->
          <!-- partial:../../partials/_footer.html -->
          <footer class="footer">
            <div class="d-sm-flex justify-content-center justify-content-sm-between">
              <span class="text-muted text-center text-sm-left d-block d-sm-inline-block">Copyright © 2020 <a href="https://vk.com/public190356777" target="_blank">GameScripts</a>. Все права защищены.</span>
              <span class="float-none float-sm-right d-block mt-1 mt-sm-0 text-center">Сделано с  <i class="mdi mdi-heart text-danger"></i></span>
            </div>
          </footer>
          <!-- partial -->
        </div>
        <!-- main-panel ends -->
      </div>
      <!-- page-body-wrapper ends -->
    </div>
    <!-- container-scroller -->
    <!-- plugins:js -->
    <script src="../../assets/vendors/js/vendor.bundle.base.js"></script>
    <!-- endinject -->
    <!-- Plugin js for this page -->
    <!-- End plugin js for this page -->
    <!-- inject:js -->
    <script src="../../assets/js/off-canvas.js"></script>
    <script src="../../assets/js/hoverable-collapse.js"></script>
    <script src="../../assets/js/misc.js"></script>
    <!-- endinject -->
    <!-- Custom js for this page -->
    <!-- End custom js for this page -->
 <style>
     .check_Checkbox__3nqDY{margin-top:10px;display:flex;font-size:14px;align-items:center;color:#7f8596;cursor:pointer}.check_Checkbox__3nqDY input[type=checkbox]{display:none}.check_Wrapper__1Xpeg{display:flex;align-items:center}.check_Box__3WVQ_{width:17px;height:17px;cursor:pointer;outline:0;border:1px solid #7f8596;-webkit-border-image:none;border-image:none;-webkit-border-image:initial;border-image:initial;border-radius:3px;position:relative}.check_Box__3WVQ_:before{content:"";position:absolute;left:5px;top:2px;width:4px;height:7px;-webkit-transition:all .1s ease-out 0s;transition:all .1s ease-out 0s;border:solid #fff;border-width:0 2px 2px 0;-webkit-transform:rotate(45deg) scale(0);transform:rotate(45deg) scale(0)}.check_Box__3WVQ_.check_Checked__Y47-a:before{-webkit-transform:rotate(45deg) scale(1);transform:rotate(45deg) scale(1)}.check_Box__3WVQ_ svg{width:1em;height:1em}.check_Text__Zy7pg{margin-left:5px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.control_control__1U16v{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:20px}.control_control__1U16v .input-field{height:36px}.control_label__3khM_{margin-bottom:10px;font-size:13px;line-height:14px;color:#7f8596;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.control_label__3khM_:first-letter{color:#62ca5b}.control_label__3khM_.control_labelRed__R2w6r:first-letter{color:#e86376}.control_actions__1zFkW{display:flex;height:36px;width:100%}.control_buttons__2ord4{display:flex;width:100%}.control_btn__Sxowm{font-size:12px;background:#394150;color:#fff;border:0;margin-right:6px;outline:none;cursor:pointer;padding:4px 10px;border-radius:6px;width:100%}.control_btn__Sxowm[disabled]{opacity:.8;pointer-events:none;cursor:not-allowed}.control_btn__Sxowm:hover{background:#373e4c}.control_btn__Sxowm:focus,.control_btn__Sxowm:hover{outline:none}.control_btn__Sxowm.control_isActive__2haNz{background-color:#4986f5;cursor:default}@media (max-width:1090px){.control_btn__Sxowm{font-size:10px;padding:4px 6px;margin-right:3px}}@media (max-width:900px){.control_btn__Sxowm{font-size:12px;padding:4px 6px;margin-right:3px}}@-webkit-keyframes dot_animate1__mNVq3{0%{opacity:0}25%,to{opacity:1}}@keyframes dot_animate1__mNVq3{0%{opacity:0}25%,to{opacity:1}}@-webkit-keyframes dot_animate2__3XHg9{0%,25%{opacity:0}50%,to{opacity:1}}@keyframes dot_animate2__3XHg9{0%,25%{opacity:0}50%,to{opacity:1}}@-webkit-keyframes dot_animate3__mADZx{0%,50%{opacity:0}75%,to{opacity:1}}@keyframes dot_animate3__mADZx{0%,50%{opacity:0}75%,to{opacity:1}}.dot_dot1__1qUpe,.dot_dot2__25mKV,.dot_dot3__NvP93{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.dot_animateStop__2ZNMb .dot_dot1__1qUpe,.dot_animateStop__2ZNMb .dot_dot2__25mKV,.dot_animateStop__2ZNMb .dot_dot3__NvP93{-webkit-animation:none;animation:none}.dot_dot1__1qUpe{-webkit-animation:dot_animate1__mNVq3 1s ease-out infinite forwards;animation:dot_animate1__mNVq3 1s ease-out infinite forwards}.dot_dot2__25mKV{-webkit-animation:dot_animate2__3XHg9 1s ease-out infinite forwards;animation:dot_animate2__3XHg9 1s ease-out infinite forwards}.dot_dot3__NvP93{-webkit-animation:dot_animate3__mADZx 1s ease-out infinite forwards;animation:dot_animate3__mADZx 1s ease-out infinite forwards}.game-tooltip{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:#fff;border-radius:10px;z-index:10;display:flex;flex-direction:column;font-size:1em;flex-grow:0;width:auto;max-width:80%;visibility:hidden;opacity:0;border:2px solid;padding:1.7em 3.4em;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.game-tooltip .wrap{text-align:center}.game-tooltip .badge{position:absolute;top:-1px;width:100%;left:0;text-align:center}.game-tooltip .badge .text{background:#ffc645;display:inline-block;color:#2b313f;padding:4px 12px;text-transform:uppercase;font-size:.8em;font-weight:600;border-radius:0 0 5px 5px}.game-tooltip.won{color:#62ca5b;border-color:#62ca5b}.game-tooltip.won .profit{color:#62ca5b}.game-tooltip.lost{color:#e86376;border-color:#e86376}.game-tooltip.lost .profit{color:#e86376}.game-tooltip.tied{color:#ffd000;border-color:#ffd000}.game-tooltip.tied .profit{color:#ffd000}.game-tooltip.demo{color:#ffc645;border-color:#ffc645;padding-top:1.85em;padding-bottom:1em}.game-tooltip.demo .profit{color:#ffc645}.game-tooltip.demo .status{margin:4px 0}.game-tooltip.transition{-webkit-transition:all .5s .3s;transition:all .5s .3s}.game-tooltip.isTransparent{background:rgba(43,50,64,.9)}.game-tooltip.isActive{visibility:visible;opacity:1}.game-tooltip .payout{font-size:2.5em;margin-top:-7px;font-family:"Exo 2","Open Sans",sans-serif;font-weight:700;white-space:nowrap;width:100%;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.game-tooltip .status{font-size:15px;white-space:nowrap;display:flex;align-items:center;justify-content:center;font-weight:600;color:#828f9a;margin:4px 0 0}.game-tooltip .status .profit{margin-left:5px}.game-tooltip .btn-change{color:#62ca5b;white-space:nowrap;border-bottom:1px dashed;padding:0;background:transparent;border-radius:0;display:inline;line-height:normal;font-size:inherit}.game-tooltip .btn-change:hover{color:#43b73b!important;border-bottom:1px dashed transparent}.game-helper{opacity:0;visibility:hidden;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:rgba(47,53,66,.85);z-index:3;min-height:90px;pointer-events:none;width:220px;border-radius:5px;border:2px solid #4986f5;display:flex;justify-content:center;align-items:center;-webkit-transition:opacity .1s linear;transition:opacity .1s linear;text-align:center;font-size:14px;color:#a9adb8;font-weight:500}.game-helper.visible{opacity:1;visibility:visible}.keno-component{padding:30px 25px;width:100%}.keno-component .keno-tiles-wrapper{display:flex;flex-wrap:wrap;width:calc(100% + 6px);margin-left:-3px;margin-right:-3px;margin-bottom:-6px}.keno-component .keno-tiles-wrapper>.item{width:12.5%;padding:0 3px;margin-bottom:6px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.tile__button{position:relative;display:flex;width:100%;height:100%;padding:0;cursor:pointer;-webkit-transition:all .3s;transition:all .3s;border:0;border-radius:2.5px;outline:none;background:#4986f5;align-items:center;justify-content:center}.tile__button:before{content:"";display:block;padding-top:100%}.tile__button:after{content:"";position:absolute;width:100%;height:100%;border-radius:2.5px}.tile__button:focus{outline:none}.tile__button.isSelectedMine:not(.hasHit){color:#333}.tile__button.isSelectedMine:not(.hasHit):after{background:#fff}.tile__button.hasHit:after,.tile__button.isRevealed:after{background:#314a6f}.tile__number{font-size:13px;z-index:3;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:#fff}.tile__number.isSelectedMine{color:#333}.tile__number::-moz-selection{background:none}.tile__number::selection{background:none}.tile__number.isRevealed{color:#e86376}.tile__number.hasHit{color:#fff}.tile__gem{position:absolute;top:50%;left:50%;-webkit-transform:translate3d(-50%,-50%,0) scale(1.15);transform:translate3d(-50%,-50%,0) scale(1.15);z-index:2;opacity:0;-webkit-transition:all .15s;transition:all .15s;display:flex;justify-content:center;align-items:center;pointer-events:none;visibility:hidden;width:100%;height:100%}.tile__gem.hasHint{visibility:visible;opacity:1;-webkit-transform:translate3d(-50%,-50%,0) scale(1);transform:translate3d(-50%,-50%,0) scale(1)}.tile__gem-img{position:relative;width:85%}@media screen and (max-width:1170px){.keno-prefix .game-block{padding:0}.keno-prefix .game-area{border:0}.keno-prefix .game-area .bottom-corners,.keno-prefix .game-area .top-corners{display:none}}@media screen and (max-width:991px){.keno-component{padding:15px}.keno-component .keno-tiles-wrapper{width:calc(100% + 3px);margin-left:-1.5px;margin-right:-1.5px;margin-bottom:-3px}.keno-component .keno-tiles-wrapper>.item{padding:0 1.5px;margin-bottom:3px}.keno-component .tile__number{font-size:11px}}@media screen and (max-width:900px){.keno-component .keno-tiles-wrapper{max-width:480px;margin:auto}}@media screen and (max-width:480px){.keno-component{padding:10px 12px 10px 10px}.keno-component .game-tooltip{padding:20px 50px}}.keno-hits__wrap{width:100%;overflow-x:auto}.keno-hits__container{padding:20px;background-color:#2c323f;border-radius:0 0 5px 5px}.keno-hits{display:flex;align-items:center;justify-content:space-between;position:relative}.keno-hits:after{content:"";width:calc(100% - 20px);height:1px;background:hsla(0,0%,59.2%,.087);position:absolute;top:50%;left:10px}.keno-hits.empty{color:#666e7f;font-size:18px;justify-content:center;font-weight:400;height:48px;text-align:center}.keno-hits.empty:after{display:none}.keno-hits .item{width:100%;max-width:100px;position:relative;z-index:2;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.keno-hits .item .item-block{color:#5e687e;background:#2c323f;border:1px solid hsla(0,0%,59.2%,.087);padding:5px 8px;border-radius:3px}.keno-hits .item .item-block.isMatch{color:#fff}.keno-hits .item .item-block.isMatch.tie{background:#4986f5;border-color:#4986f5}.keno-hits .item .item-block.isMatch.win{background:#62ca5b;border-color:#62ca5b}.keno-hits .item .item-block.isMatch.loss{background:#e86376;border-color:#e86376}.keno-hits .item .item-coeff{font-size:19px;line-height:22px;font-weight:700;font-family:"Exo 2","Open Sans",sans-serif}.keno-hits .item .item-hits{font-size:10px;line-height:14px;white-space:nowrap}.keno-hits.xs .item .item-coeff{font-size:15px}.keno-hits.xs .item .item-block{text-align:center;padding:5px 0}.keno-hits.xs .item .item-hits{white-space:nowrap}@media screen and (max-width:1299px){.keno-hits__container{padding:10px}.keno-hits__container .keno-hits .item .item-coeff{font-size:13px}}@media screen and (max-width:1170px){.keno-hits__container .keno-hits.empty{font-size:14px}.keno-hits__container .keno-hits .item .item-coeff{font-size:10px}.keno-hits__container .keno-hits .item .item-hits{font-size:9px}}@media screen and (max-width:900px){.keno-hits__container .keno-hits__container{padding:5px}.keno-hits__container .keno-hits .item .item-block{text-align:center;padding:5px 0}.keno-hits__container .keno-hits .item .item-coeff{font-size:9px}}.keno-bet .keno-pick{padding:6px;border-radius:5px 0 0 5px;border:1px solid hsla(0,0%,59.2%,.12);border-right:0;width:calc(100% - 12px);position:relative;background:#272d39;margin-bottom:15px}.keno-bet .keno-pick:after{border-color:transparent transparent transparent hsla(0,0%,59.2%,.12);border-width:26.5px 0 26.5px 12px;right:-12px;top:-1px}.keno-bet .keno-pick:after,.keno-bet .keno-pick:before{content:"";display:block;width:0;height:0;border-style:solid;position:absolute}.keno-bet .keno-pick:before{border-color:transparent transparent transparent #272d39;border-width:25.5px 0 25.5px 12px;right:-11px;top:0;z-index:2}.keno-bet .or{padding:0 15px;font-size:8px;text-transform:uppercase;color:#5f6977;letter-spacing:.22px;display:block}.keno-bet .auto-pick-btn i{margin-right:5px;margin-top:-4px;margin-left:-6px;font-size:18px;display:block}.keno-bet .pick-numbers{color:#7d8a98;font-size:11px;font-weight:600;text-align:center}@media screen and (max-width:1199px){.keno-bet .auto-pick-btn{padding:9px 10px}}@media screen and (max-width:1099px){.keno-bet .auto-pick-btn{padding:9px 5px}.keno-bet .auto-pick-btn i{margin-right:3px;margin-top:-4px;margin-left:0;font-size:16px;display:block}.keno-bet .or{padding:0 5px}.keno-bet .pick-numbers{font-size:10px;letter-spacing:-.6px}}@media screen and (max-width:969px){.keno-bet .keno-pick{padding:6px;border-radius:5px;border:1px solid hsla(0,0%,59.2%,.12);width:100%}.keno-bet .keno-pick:after,.keno-bet .keno-pick:before{display:none}}@media screen and (max-width:900px){.keno-bet .keno-pick{border:0;padding:0;margin-bottom:0}.keno-bet .keno-pick .or,.keno-bet .keno-pick .pick-numbers{display:none}.keno-bet .keno-pick .auto-pick-btn{padding-top:7px;padding-bottom:7px}}
 </style>
 <style>
.sr--only {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden
}

.game {
    width: 100%;
    touch-action: manipulation
}

.game,
.game-component {
    display: flex;
    align-items: stretch;
    position: relative
}

.game-component {
    flex: auto;
    flex-direction: column;
    width: calc(100% - 320px)
}

.game-block {
    width: 100%;
    border-radius: 5px 5px 0 0;
    padding: 25px 20px;
    flex-direction: column;
    background: #272d39
}

.game-block,
.game .game-area-subsection {
    display: flex;
    justify-content: stretch;
    flex: auto
}

@media screen and (max-width:1299px) {
    .game .game-component {
        width: calc(100% - 300px)
    }
}

@media screen and (max-width:1099px) {
    .game .game-component {
        width: calc(64.1204% - 10px);
        flex: none
    }
}

@media screen and (max-width:900px) {
    .game {
        flex-direction: column-reverse
    }
    .game .game-component {
        width: 100%
    }
}

.game-area {
    border-radius: 12px;
    border: 1px solid #353d48;
    position: relative;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.game-area__wrap {
    display: flex;
    flex: auto;
    justify-content: stretch
}

.game-area .game-area-content {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    flex: auto
}

.game-area .bottom-corners,
.game-area .top-corners {
    position: absolute;
    width: 100%
}

.game-area .bottom-corners:after,
.game-area .bottom-corners:before,
.game-area .top-corners:after,
.game-area .top-corners:before {
    content: "";
    display: block;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background: rgba(105, 116, 132, .08);
    position: absolute
}

.game-area .top-corners {
    left: 0;
    top: 0
}

.game-area .top-corners:before {
    left: -27px;
    top: -27px
}

.game-area .top-corners:after {
    right: -27px;
    top: -27px
}

.game-area .bottom-corners {
    left: 0;
    bottom: 0
}

.game-area .bottom-corners:before {
    left: -27px;
    bottom: -27px
}

.game-area .bottom-corners:after {
    right: -27px;
    bottom: -27px
}

@media screen and (max-width:969px) {
    .game-area .game-area-content .game-dice {
        margin-bottom: 8px
    }
}

.tabs_tabs__2I00w {
    width: 100%;
    display: flex;
    background: #1c212a;
    border-radius: 6px 6px 0 0
}

.tabs_tabs__2I00w.tabs_mobile__1DS7N {
    padding: 15px;
    background: #2e3442;
    border-radius: 0 0 6px 6px
}

.tabs_tabs__2I00w.tabs_mobile__1DS7N button {
    width: calc(50% - 15px);
    color: #7f8596;
    padding: 10px;
    border: 1px solid #384050;
    background: transparent
}

.tabs_tabs__2I00w.tabs_mobile__1DS7N button.tabs_isActive__24mwE {
    background: transparent;
    color: #fff
}

.tabs_tabs__2I00w.tabs_mobile__1DS7N button:first-child {
    margin-right: 10px
}

.tabs_tabs__2I00w.tabs_mobile__1DS7N button:first-child,
.tabs_tabs__2I00w.tabs_mobile__1DS7N button:last-child {
    border-radius: 30px
}

.tabs_tabs__2I00w button {
    flex: auto;
    padding: 15px;
    font-size: 12px;
    font-weight: 600;
    outline: none;
    border: 0;
    background: transparent;
    display: block;
    text-align: center;
    text-transform: uppercase;
    color: #7f8596;
    margin: 0;
    cursor: pointer
}

@media (max-width:1050px) {
    .tabs_tabs__2I00w button {
        font-size: 11px;
        white-space: nowrap
    }
}

@media (max-width:900px) {
    .tabs_tabs__2I00w button {
        font-size: 12px;
        white-space: normal
    }
}

.tabs_tabs__2I00w button[disabled] {
    cursor: default
}

.tabs_tabs__2I00w button:active,
.tabs_tabs__2I00w button:focus,
.tabs_tabs__2I00w button:hover {
    outline: none
}

.tabs_tabs__2I00w button.tabs_isActive__24mwE {
    background: #272d39;
    color: #fff
}

.tabs_tabs__2I00w button:first-child {
    border-radius: 5px 0 0 0
}

.tabs_tabs__2I00w button:last-child {
    border-radius: 0 5px 0 0
}

.game-sidebar {
    width: 310px;
    min-height: 560px;
    margin-right: 10px;
    flex: none;
    display: flex;
    align-items: stretch;
    flex-direction: column;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.game-sidebar .sidebar-block {
    display: flex;
    width: 100%;
    padding: 25px 20px;
    border-radius: 6px;
    background: #272d39;
    align-items: stretch;
    flex: auto
}

.game-sidebar .sidebar-block.hasTabs {
    border-radius: 0 0 6px 6px;
    padding: 15px 20px 25px
}

.game-sidebar .sidebar-block.mobileTabs {
    flex-direction: column;
    border-radius: 6px 6px 0 0
}

@media (max-width:1299px) {
    .game-sidebar {
        width: 290px
    }
}

@media (max-width:1099px) {
    .game-sidebar {
        width: 35.8796%
    }
}

@media (max-width:991px) {
    .game-sidebar .sidebar-block,
    .game-sidebar .sidebar-block.hasTabs {
        padding: 15px
    }
}

@media (max-width:900px) {
    .game-sidebar {
        margin-right: 0;
        margin-top: 10px;
        width: 100%;
        min-height: auto
    }
}

.bet-component {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    width: 100%
}

.bet-component .isActiveControl svg {
    fill: #fff
}

.bet-component .btn.btn-play {
    height: 60px;
    font-size: 15px;
    display: block;
    align-items: baseline;
    width: 100%
}

.bet-component .bet-form {
    flex: auto
}

@media (max-width:900px) {
    .bet-component .bet-form .form-row:last-child {
        margin-bottom: 0
    }
}

.bet-component .bet-footer {
    margin-top: 30px;
    flex: none;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.bet-component .bet-footer button {
    margin: 0;
    border-radius: 15px;
    background: transparent;
    color: #5e6a7f;
    border: 1px solid #353d48;
    box-shadow: none;
    text-transform: uppercase;
    padding: 5px 13px;
    width: calc(33.33% - 8px);
    white-space: nowrap;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}

.bet-component .bet-footer button:hover .control-tip {
    display: block
}

.bet-component .bet-footer button .control-tip {
    padding: 5px 10px;
    position: absolute;
    width: auto;
    text-transform: none;
    white-space: nowrap;
    border-radius: 5px;
    background-color: #1c2028;
    color: #fff;
    top: -40px;
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    z-index: 200;
    font-size: .9em;
    display: none
}

.bet-component .bet-footer button .control-tip:after {
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: rotate(45deg) translateX(-50%);
    transform: rotate(45deg) translateX(-50%);
    z-index: 400
}

.bet-component .bet-footer button .control-tip:after,
.bet-component .bet-footer button .control-tip:before {
    content: "";
    position: absolute;
    display: block;
    width: 10px;
    height: 10px;
    background-color: #1c2028;
    left: 50%;
    top: auto;
    bottom: -8px
}

.bet-component .bet-footer button .control-tip:before {
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: rotate(45deg) translateX(-50%) translateZ(-1px);
    transform: rotate(45deg) translateX(-50%) translateZ(-1px);
    z-index: -1
}

.bet-component .bet-footer button svg {
    width: 16px;
    height: 16px
}

.bet-component .two-cols {
    position: relative;
    display: flex;
    justify-content: space-between
}

.bet-component .two-cols.hasMargin {
    margin-bottom: 15px
}

.bet-component .two-cols>.form-row {
    width: calc(50% - 5px);
    margin-bottom: 0
}

@media (max-width:1099px) {
    .bet-component .bet-footer button {
        font-size: 9px
    }
    .bet-component .bet-footer button svg {
        width: 12px;
        height: 12px
    }
}

@media (max-width:991px) and (min-width:900px) {
    .bet-component .form-field,
    .bet-component .form-field .input-field {
        font-size: 12px
    }
    .bet-component .buttons-group .btn-action {
        padding: 9px 3px;
        font-size: 10px
    }
    .bet-component .bet-footer button {
        font-size: 8px
    }
    .bet-component .bet-footer button svg {
        width: 10px;
        height: 10px
    }
}

@media screen and (max-width:900px) {
    .bet-component .btn.btn-play {
        height: 50px
    }
    .bet-component .bet-footer {
        display: none
    }
}

@media screen and (max-width:1099px) {
    .bet-component .bet-footer .btn-fairness {
        border-radius: 15px;
        margin: 0 0 0 4px;
        font-size: 11px;
        padding: 0;
        width: 30px!important;
        height: 30px!important
    }
    .bet-component .bet-footer .btn-fairness svg {
        margin: 0
    }
    .bet-component .bet-footer .btn-fairness>span {
        display: none
    }
}

.pick-wrapper {
    margin-bottom: 15px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.pick-wrapper.withoutMargin {
    margin-bottom: 0
}

.pick-wrapper .pick {
    padding: 6px;
    position: relative;
    background: #fff;
    display: flex;
    align-items: center;
    font-size: 13px
}

.pick-wrapper .pick,
.pick-wrapper .pick.rounded {
    border-radius: 5px;
    border: 1px solid hsla(0, 0%, 59.2%, .12);
    width: 100%
}

.pick-wrapper .pick.rounded .btn {
    width: 50%;
    text-align: center;
    justify-content: center
}

.pick-wrapper .pick.rounded .btn:first-child {
    margin-right: 6px
}

.pick-wrapper .pick .btn {
    padding: 9px 20px
}

.pick-wrapper .pick-or {
    padding: 0 15px;
    font-size: 8px;
    text-transform: uppercase;
    color: #5f6977;
    letter-spacing: .22px;
    display: block
}

.pick-wrapper .btn-auto-pick {
    display: flex;
    flex: auto;
    background-color: #ffd000;
    color: #665300;
    justify-content: center;
    font-size: inherit
}

.pick-wrapper .btn-auto-pick:hover {
    background-color: #cca600
}

.pick-wrapper .btn-auto-pick svg {
    margin-right: 5px;
    margin-top: -4px;
    margin-left: -6px;
    width: 18px;
    height: 18px;
    display: block
}

.pick-wrapper .pick-numbers {
    flex: auto;
    color: #7d8a98;
    font-size: 11px;
    font-weight: 600;
    text-align: center
}

@media (max-width:1199px) {
    .pick-wrapper .pick .btn-auto-pick {
        padding: 9px 10px
    }
}

@media (max-width:1099px) {
    .pick-wrapper .pick .btn-auto-pick {
        padding: 9px 0
    }
    .pick-wrapper .pick .btn-auto-pick svg {
        margin-right: 3px;
        margin-top: -4px;
        margin-left: 0;
        width: 16px;
        height: 16px;
        display: block
    }
    .pick-wrapper .pick-or {
        padding: 0 5px
    }
}

@media (max-width:1000px) {
    .pick-wrapper .pick,
    .pick-wrapper .pick-numbers {
        font-size: 10px
    }
}

@media (max-width:900px) {
    .pick-wrapper .pick {
        font-size: 13px
    }
    .pick-wrapper .pick-numbers {
        font-size: 12px
    }
}

@media (max-width:885px) {
    .pick-wrapper .pick-or {
        padding: 0 15px;
        margin: 0 5px
    }
}

.styles_controller__oPKzb {
    display: flex;
    background: #333a48;
    padding: 20px;
    border-radius: 5px;
    margin-top: 20px
}

.styles_item__JKQ0t {
    display: flex;
    font-size: 10px;
    text-transform: uppercase;
    width: 50%
}

.styles_item__JKQ0t:first-child {
    width: calc(50% - 15px);
    margin-right: 15px
}

.styles_item__JKQ0t:first-child .styles_badge__3j33m {
    font-size: 16px;
    padding: 0 11px
}

.styles_item__JKQ0t:last-child {
    justify-content: flex-end
}

.styles_badge__3j33m {
    padding: 0 6px;
    outline: none;
    background: #fff;
    border-radius: 21px;
    height: 30px;
    line-height: 28px;
    font-size: 14px;
    color: #fff;
    border: 1px solid #62ca5b
}

.styles_badge__3j33m.styles_empty__3JP_L {
    padding: 0 11px
}

.styles_badge__3j33m:not([disabled]) {
    -webkit-transition: background .3s;
    transition: background .3s;
    cursor: pointer
}

.styles_badge__3j33m:not([disabled]):hover {
    background: #50c448
}

.styles_label__2Br1i {
    padding-right: 10px
}

@media (max-width:1099px) {
    .styles_controller__oPKzb {
        flex-direction: column;
        padding: 0;
        background: transparent
    }
    .styles_controller__oPKzb .styles_item__JKQ0t {
        width: 100%;
        justify-content: flex-start;
        background: #333a48;
        height: 45px;
        align-items: center;
        padding: 0 10px;
        border-radius: 6px;
        margin: 0
    }
    .styles_controller__oPKzb .styles_item__JKQ0t .styles_badge__3j33m {
        margin-left: auto;
        height: 25px;
        line-height: 25px;
        font-size: 13px
    }
    .styles_controller__oPKzb .styles_item__JKQ0t:first-child {
        margin-bottom: 10px
    }
}

@media (max-width:900px) {
    .styles_controller__oPKzb {
        flex-direction: row;
        padding: 15px;
        background: #333a48
    }
    .styles_controller__oPKzb .styles_item__JKQ0t {
        height: auto;
        width: 50%;
        background: transparent;
        padding: 0;
        border-radius: 0
    }
    .styles_controller__oPKzb .styles_item__JKQ0t .styles_badge__3j33m {
        margin: 0;
        height: 30px;
        line-height: 25px;
        font-size: 12px
    }
    .styles_controller__oPKzb .styles_item__JKQ0t:first-child {
        width: calc(50% - 15px);
        margin: 0 15px 0 0
    }
    .styles_controller__oPKzb .styles_item__JKQ0t:first-child .styles_badge__3j33m {
        padding: 0 11px
    }
    .styles_controller__oPKzb .styles_item__JKQ0t:last-child {
        justify-content: flex-end
    }
}

.sidebar_BetGroup__3jwn7 {
    display: flex;
    position: relative;
    justify-content: space-around;
    margin-bottom: 15px
}

.sidebar_BetGroup__3jwn7 .form-row {
    margin-bottom: 0
}

.sidebar_BetGroup__3jwn7>.form-row {
    width: 50%
}

.sidebar_BetGroup__3jwn7>.form-row:first-child {
    margin-right: 7px
}

.sidebar_BetGroup__3jwn7.sidebar_withOutMargin__35Tyc,
.sidebar_BetGroup__3jwn7:not(.sidebar_withMargin__ODKw-)+.form-row {
    margin-bottom: 0
}

.sidebar_MobileWrapper__ySCeM .form-label {
    opacity: 0;
    visibility: hidden
}

.sidebar_MobileWrapper__ySCeM .btn.btn-play {
    font-size: 14px;
    height: 44px
}

.sidebar_MobileWrapper__ySCeM .bet-number {
    padding-left: 19px;
    font-size: inherit;
    color: #fff
}

.sidebar_MobileWrapper__ySCeM .bet-number svg {
    left: -20px;
    fill: #62ca5b
}

.sidebar_MobileWrapper__ySCeM.sidebar_inPlay__3B5cw .form-label {
    text-align: right;
    opacity: 1;
    visibility: visible
}


	 .odometer.odometer-auto-theme, .odometer.odometer-theme-default {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  position: relative;
}
.odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-default .odometer-digit {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  position: relative;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, .odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  visibility: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-default .odometer-digit .odometer-digit-inner {
  text-align: left;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon, .odometer.odometer-theme-default .odometer-digit .odometer-ribbon {
  display: block;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner, .odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner {
  display: block;
  -webkit-backface-visibility: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value, .odometer.odometer-theme-default .odometer-digit .odometer-value {
  display: block;
  -webkit-transform: translateZ(0);
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value, .odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value {
  position: absolute;
}
.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner {
  -webkit-transition: -webkit-transform 2s;
  -moz-transition: -moz-transform 2s;
  -ms-transition: -ms-transform 2s;
  -o-transition: -o-transform 2s;
  transition: transform 2s;
}
.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}
.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}
.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
  -webkit-transition: -webkit-transform 2s;
  -moz-transition: -moz-transform 2s;
  -ms-transition: -ms-transform 2s;
  -o-transition: -o-transform 2s;
  transition: transform 2s;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.odometer.odometer-auto-theme, .odometer.odometer-theme-default {
  font-family: "Helvetica Neue", sans-serif;
  line-height: 1.1em;
}
.odometer.odometer-auto-theme .odometer-value, .odometer.odometer-theme-default .odometer-value {
  text-align: center;
}
   </style>
    <script>
                       /*! odometer 0.4.6 */
(function(){var a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u,v,w,x,y,z,A,B,C,D,E,F,G=[].slice;q='<span class="odometer-value"></span>',n='<span class="odometer-ribbon"><span class="odometer-ribbon-inner">'+q+"</span></span>",d='<span class="odometer-digit"><span class="odometer-digit-spacer">8</span><span class="odometer-digit-inner">'+n+"</span></span>",g='<span class="odometer-formatting-mark"></span>',c="(,ddd).dd",h=/^\(?([^)]*)\)?(?:(.)(d+))?$/,i=30,f=2e3,a=20,j=2,e=.5,k=1e3/i,b=1e3/a,o="transitionend webkitTransitionEnd oTransitionEnd otransitionend MSTransitionEnd",y=document.createElement("div").style,p=null!=y.transition||null!=y.webkitTransition||null!=y.mozTransition||null!=y.oTransition,w=window.requestAnimationFrame||window.mozRequestAnimationFrame||window.webkitRequestAnimationFrame||window.msRequestAnimationFrame,l=window.MutationObserver||window.WebKitMutationObserver||window.MozMutationObserver,s=function(a){var b;return b=document.createElement("div"),b.innerHTML=a,b.children[0]},v=function(a,b){return a.className=a.className.replace(new RegExp("(^| )"+b.split(" ").join("|")+"( |$)","gi")," ")},r=function(a,b){return v(a,b),a.className+=" "+b},z=function(a,b){var c;return null!=document.createEvent?(c=document.createEvent("HTMLEvents"),c.initEvent(b,!0,!0),a.dispatchEvent(c)):void 0},u=function(){var a,b;return null!=(a=null!=(b=window.performance)?"function"==typeof b.now?b.now():void 0:void 0)?a:+new Date},x=function(a,b){return null==b&&(b=0),b?(a*=Math.pow(10,b),a+=.5,a=Math.floor(a),a/=Math.pow(10,b)):Math.round(a)},A=function(a){return 0>a?Math.ceil(a):Math.floor(a)},t=function(a){return a-x(a)},C=!1,(B=function(){var a,b,c,d,e;if(!C&&null!=window.jQuery){for(C=!0,d=["html","text"],e=[],b=0,c=d.length;c>b;b++)a=d[b],e.push(function(a){var b;return b=window.jQuery.fn[a],window.jQuery.fn[a]=function(a){var c;return null==a||null==(null!=(c=this[0])?c.odometer:void 0)?b.apply(this,arguments):this[0].odometer.update(a)}}(a));return e}})(),setTimeout(B,0),m=function(){function a(b){var c,d,e,g,h,i,l,m,n,o,p=this;if(this.options=b,this.el=this.options.el,null!=this.el.odometer)return this.el.odometer;this.el.odometer=this,m=a.options;for(d in m)g=m[d],null==this.options[d]&&(this.options[d]=g);null==(h=this.options).duration&&(h.duration=f),this.MAX_VALUES=this.options.duration/k/j|0,this.resetFormat(),this.value=this.cleanValue(null!=(n=this.options.value)?n:""),this.renderInside(),this.render();try{for(o=["innerHTML","innerText","textContent"],i=0,l=o.length;l>i;i++)e=o[i],null!=this.el[e]&&!function(a){return Object.defineProperty(p.el,a,{get:function(){var b;return"innerHTML"===a?p.inside.outerHTML:null!=(b=p.inside.innerText)?b:p.inside.textContent},set:function(a){return p.update(a)}})}(e)}catch(q){c=q,this.watchForMutations()}}return a.prototype.renderInside=function(){return this.inside=document.createElement("div"),this.inside.className="odometer-inside",this.el.innerHTML="",this.el.appendChild(this.inside)},a.prototype.watchForMutations=function(){var a,b=this;if(null!=l)try{return null==this.observer&&(this.observer=new l(function(){var a;return a=b.el.innerText,b.renderInside(),b.render(b.value),b.update(a)})),this.watchMutations=!0,this.startWatchingMutations()}catch(c){a=c}},a.prototype.startWatchingMutations=function(){return this.watchMutations?this.observer.observe(this.el,{childList:!0}):void 0},a.prototype.stopWatchingMutations=function(){var a;return null!=(a=this.observer)?a.disconnect():void 0},a.prototype.cleanValue=function(a){var b;return"string"==typeof a&&(a=a.replace(null!=(b=this.format.radix)?b:".","<radix>"),a=a.replace(/[.,]/g,""),a=a.replace("<radix>","."),a=parseFloat(a,10)||0),x(a,this.format.precision)},a.prototype.bindTransitionEnd=function(){var a,b,c,d,e,f,g=this;if(!this.transitionEndBound){for(this.transitionEndBound=!0,b=!1,e=o.split(" "),f=[],c=0,d=e.length;d>c;c++)a=e[c],f.push(this.el.addEventListener(a,function(){return b?!0:(b=!0,setTimeout(function(){return g.render(),b=!1,z(g.el,"odometerdone")},0),!0)},!1));return f}},a.prototype.resetFormat=function(){var a,b,d,e,f,g,i,j;if(a=null!=(i=this.options.format)?i:c,a||(a="d"),d=h.exec(a),!d)throw new Error("Odometer: Unparsable digit format");return j=d.slice(1,4),g=j[0],f=j[1],b=j[2],e=(null!=b?b.length:void 0)||0,this.format={repeating:g,radix:f,precision:e}},a.prototype.render=function(a){var b,c,d,e,f,g,h,i,j,k,l,m;for(null==a&&(a=this.value),this.stopWatchingMutations(),this.resetFormat(),this.inside.innerHTML="",g=this.options.theme,b=this.el.className.split(" "),f=[],i=0,k=b.length;k>i;i++)c=b[i],c.length&&((e=/^odometer-theme-(.+)$/.exec(c))?g=e[1]:/^odometer(-|$)/.test(c)||f.push(c));for(f.push("odometer"),p||f.push("odometer-no-transitions"),f.push(g?"odometer-theme-"+g:"odometer-auto-theme"),this.el.className=f.join(" "),this.ribbons={},this.digits=[],h=!this.format.precision||!t(a)||!1,m=a.toString().split("").reverse(),j=0,l=m.length;l>j;j++)d=m[j],"."===d&&(h=!0),this.addDigit(d,h);return this.startWatchingMutations()},a.prototype.update=function(a){var b,c=this;return a=this.cleanValue(a),(b=a-this.value)?(v(this.el,"odometer-animating-up odometer-animating-down odometer-animating"),b>0?r(this.el,"odometer-animating-up"):r(this.el,"odometer-animating-down"),this.stopWatchingMutations(),this.animate(a),this.startWatchingMutations(),setTimeout(function(){return c.el.offsetHeight,r(c.el,"odometer-animating")},0),this.value=a):void 0},a.prototype.renderDigit=function(){return s(d)},a.prototype.insertDigit=function(a,b){return null!=b?this.inside.insertBefore(a,b):this.inside.children.length?this.inside.insertBefore(a,this.inside.children[0]):this.inside.appendChild(a)},a.prototype.addSpacer=function(a,b,c){var d;return d=s(g),d.innerHTML=a,c&&r(d,c),this.insertDigit(d,b)},a.prototype.addDigit=function(a,b){var c,d,e,f;if(null==b&&(b=!0),"-"===a)return this.addSpacer(a,null,"odometer-negation-mark");if("."===a)return this.addSpacer(null!=(f=this.format.radix)?f:".",null,"odometer-radix-mark");if(b)for(e=!1;;){if(!this.format.repeating.length){if(e)throw new Error("Bad odometer format without digits");this.resetFormat(),e=!0}if(c=this.format.repeating[this.format.repeating.length-1],this.format.repeating=this.format.repeating.substring(0,this.format.repeating.length-1),"d"===c)break;this.addSpacer(c)}return d=this.renderDigit(),d.querySelector(".odometer-value").innerHTML=a,this.digits.push(d),this.insertDigit(d)},a.prototype.animate=function(a){return p&&"count"!==this.options.animation?this.animateSlide(a):this.animateCount(a)},a.prototype.animateCount=function(a){var c,d,e,f,g,h=this;if(d=+a-this.value)return f=e=u(),c=this.value,(g=function(){var i,j,k;return u()-f>h.options.duration?(h.value=a,h.render(),void z(h.el,"odometerdone")):(i=u()-e,i>b&&(e=u(),k=i/h.options.duration,j=d*k,c+=j,h.render(Math.round(c))),null!=w?w(g):setTimeout(g,b))})()},a.prototype.getDigitCount=function(){var a,b,c,d,e,f;for(d=1<=arguments.length?G.call(arguments,0):[],a=e=0,f=d.length;f>e;a=++e)c=d[a],d[a]=Math.abs(c);return b=Math.max.apply(Math,d),Math.ceil(Math.log(b+1)/Math.log(10))},a.prototype.getFractionalDigitCount=function(){var a,b,c,d,e,f,g;for(e=1<=arguments.length?G.call(arguments,0):[],b=/^\-?\d*\.(\d*?)0*$/,a=f=0,g=e.length;g>f;a=++f)d=e[a],e[a]=d.toString(),c=b.exec(e[a]),e[a]=null==c?0:c[1].length;return Math.max.apply(Math,e)},a.prototype.resetDigits=function(){return this.digits=[],this.ribbons=[],this.inside.innerHTML="",this.resetFormat()},a.prototype.animateSlide=function(a){var b,c,d,f,g,h,i,j,k,l,m,n,o,p,q,s,t,u,v,w,x,y,z,B,C,D,E;if(s=this.value,j=this.getFractionalDigitCount(s,a),j&&(a*=Math.pow(10,j),s*=Math.pow(10,j)),d=a-s){for(this.bindTransitionEnd(),f=this.getDigitCount(s,a),g=[],b=0,m=v=0;f>=0?f>v:v>f;m=f>=0?++v:--v){if(t=A(s/Math.pow(10,f-m-1)),i=A(a/Math.pow(10,f-m-1)),h=i-t,Math.abs(h)>this.MAX_VALUES){for(l=[],n=h/(this.MAX_VALUES+this.MAX_VALUES*b*e),c=t;h>0&&i>c||0>h&&c>i;)l.push(Math.round(c)),c+=n;l[l.length-1]!==i&&l.push(i),b++}else l=function(){E=[];for(var a=t;i>=t?i>=a:a>=i;i>=t?a++:a--)E.push(a);return E}.apply(this);for(m=w=0,y=l.length;y>w;m=++w)k=l[m],l[m]=Math.abs(k%10);g.push(l)}for(this.resetDigits(),D=g.reverse(),m=x=0,z=D.length;z>x;m=++x)for(l=D[m],this.digits[m]||this.addDigit(" ",m>=j),null==(u=this.ribbons)[m]&&(u[m]=this.digits[m].querySelector(".odometer-ribbon-inner")),this.ribbons[m].innerHTML="",0>d&&(l=l.reverse()),o=C=0,B=l.length;B>C;o=++C)k=l[o],q=document.createElement("div"),q.className="odometer-value",q.innerHTML=k,this.ribbons[m].appendChild(q),o===l.length-1&&r(q,"odometer-last-value"),0===o&&r(q,"odometer-first-value");return 0>t&&this.addDigit("-"),p=this.inside.querySelector(".odometer-radix-mark"),null!=p&&p.parent.removeChild(p),j?this.addSpacer(this.format.radix,this.digits[j-1],"odometer-radix-mark"):void 0}},a}(),m.options=null!=(E=window.odometerOptions)?E:{},setTimeout(function(){var a,b,c,d,e;if(window.odometerOptions){d=window.odometerOptions,e=[];for(a in d)b=d[a],e.push(null!=(c=m.options)[a]?(c=m.options)[a]:c[a]=b);return e}},0),m.init=function(){var a,b,c,d,e,f;if(null!=document.querySelectorAll){for(b=document.querySelectorAll(m.options.selector||".odometer"),f=[],c=0,d=b.length;d>c;c++)a=b[c],f.push(a.odometer=new m({el:a,value:null!=(e=a.innerText)?e:a.textContent}));return f}},null!=(null!=(F=document.documentElement)?F.doScroll:void 0)&&null!=document.createEventObject?(D=document.onreadystatechange,document.onreadystatechange=function(){return"complete"===document.readyState&&m.options.auto!==!1&&m.init(),null!=D?D.apply(this,arguments):void 0}):document.addEventListener("DOMContentLoaded",function(){return m.options.auto!==!1?m.init():void 0},!1),"function"==typeof define&&define.amd?define(["jquery"],function(){return m}):typeof exports===!1?module.exports=m:window.Odometer=m}).call(this);
                   </script>
  </body>
</html>