.minesJPblock
	{
		background: white;
		position: absolute;
		right: 0;
		width: 300px;
		height: 50px;
		transform: translate(-8px,18px);
	}
   .minesJPblockWrapper
	{
		position: relative;
		height: 100%;
		transform: translate(0px,0px);
	}
   .minesJPblockWrapper img
	{
    position: absolute;
    width: 300px;
    transform: translate(-2px,-76px);
    filter: hue-rotate(327deg) grayscale(0.2) drop-shadow(2px 4px 6px black);
	}


  .jackPot
	{
		position: absolute;
		right: 0;
		width: 270px;
		height: 190px;
		background: url(/assets/img/Jackpot.png);
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
		filter: hue-rotate(337deg) opacity(0.9) grayscale(0.3);
		z-index: 5;
	}
  .jackPot.mines
	{
		transform: translate(301px, -10px);
	}	
  .jackPotWrapper
	{
		position: absolute;
		background: #5e5e5e;
		right: 0;
		width: 213px;
		height: 87px;
		transform: translate(-28px, 51px);
		z-index: 0;
		
	}
  .jackPotWrapper.mines
	{
		transform: translate(273px, 40px);
	}	
	
 .minesIconsBlock 
	{
		position: absolute;
		background: #ffffff1c;
		border: 1px solid #ffffff1a;
		width: 60px;
		height: 60px;
		font-size: 30px;
		text-align: center;
		line-height: 48px;
		transform: translate(-15px, 18px);
		border-radius: 8px;
		color: #acafc2;
		font-family: 'Roboto';
		font-weight: 900;
	} 
 .minesIconsBlock.one 
	{
		width: 100px;
		height: 100px;
		left: 0;
		transform: translate(10px, 18px);
	} 
 .minesIconsBlock.two 
	{
		width: 100px;
		height: 100px;		
		left: 0;
		transform: translate(10px, 123px);
	}
 .minesIconsBlock.three 
	{
		right:0;
		transform: translate(-10px, 18px);
	} 	
 .minesIconsBlock.four 
	{
		right:0;
		transform: translate(-10px, 85px);
	} 
 .minesIconsBlock.five 
	{
		right:0;
		transform: translate(-10px, 153px);
	} 	
 .minesIconsBlock .img
	{
		width: 50%;
		border-radius: 50%;
		transform: translate(0px, 0px);
	}
 .minesIconsBlock .imgLeft
	{
		width: 60%;
		border-radius: 100%;
		transform: translate(0px, 7px);
	} 	
 .minesIconsBlock span
	{
		display: flex;
		color: #dcdcdd;
		font-size: 30px;
		left: 17px;
		bottom: -10px;
		transform: translate(0px, -17px);
		flex-direction: row;
		justify-content: center;
		align-items: center;
		text-shadow: 2px 1px 1px rgb(45,45,45);
	} 	
 .minesIconsBlock span.right
	{
		font-size: 14px;
		font-weight: 400;
		transform: translate(0px, -26px);
	}


 .minesActionButton 
	{
		position: absolute;
		background: rgb(255 255 255 / 12%);
		width: 140px;
		height: 90px;
		right: -15px;
		bottom: 195px;
		border-radius: 10px 0px 0px 10px;
		font-size: 40px;
		color: #eae5e59c;
		cursor: pointer;
		transform: skew(-3deg, 12deg);
		border: 0px;
		outline: none;
		box-shadow: -5px -5px 0px 0px rgb(254 205 115 / 69%);
		transition: box-shadow 1s cubic-bezier(0, 1.15, 0.36, 1) 0s;
	}
	
 .minesBlock 
	{
		position: relative;
		display: flex;
		flex-wrap: wrap;
		width: 450px;
		height: 450px;
		padding: 10px;
		margin-top: 5px;
		border-radius: 20px;
		left: 50%;  
		transform: translate(-50%,0%);  
	}
	
 .minesBlock .mine
	{
		position: relative;
		background: #ffffff3b;
		border: 1px solid #2c2c2c;
		width: calc(20% - 2px);
		margin-left: 2px;
		margin-top: 2px;
		border-radius: 5px;
		cursor: pointer;
		transition: all 500ms cubic-bezier(0, 1.15, 0.36, 1) 0s;
		user-select: none;

	}	
 .minesBlock .mine:hover {    background-color: #b38c61; background-image: linear-gradient(137deg, #ffcd73 0%, #90644e 100%);}	
 .minesBlock .mine:active {   background-color: #c09f7a; background-image: linear-gradient(137deg, #ffd891 0%, #90644e 100%); }
 .minesBlock .mine.disabled
	{
		cursor: not-allowed;
		background: #ffffff2e;
	}
	
 .minesBlock .mine img
	{
		position: absolute;
		width: 70%;
		transform: translate(-53%,-34%);
		opacity: 0.9;
	}
	
 .minesBlock .mine.brilliant
	{
		background: rgb(255,255,255, 8%);
		border: 1px solid #1d1d1d;
		cursor: auto;
	}
 .minesBlock .mine.brilliant.gray
	{
		filter: grayscale(0.5);
	}	
 .minesBlock .mine.bomb
	{
		background: rgb(198,6,6, 17%);
		border: 1px solid rgb(232,107,107, 46%);
		cursor: auto;
	}	
 .minesBlock .mine.bomb.gray
	{
		filter: grayscale(0.5);
	}
	
  .minesBlock .mine .number
	{
		position: absolute;
		right: 0;
		transform: translate(-4px,-28px);
		opacity: 0.2;
		color: white;
		font-size: 13px;
		font-family: 'Roboto';
	}
 
 
 
 
 .minesBetsBlock.first 
	{
		display: flex;
		position: relative;
		background: #ffffff1f;
		width: 428px;
		padding: 3px;
		margin-top: -25px;
		left: 50%;
		border-radius: 5px;
		transform: translate(-50%,0%);
	}
 .minesBetsBlock.second 
	{
		display: flex;
		background: #ffffff17;
		position: relative;
		margin-top: 5px;
		width: 429px;
		padding: 3px;
		border-radius: 5px;
		left: 50%;
		transform: translate(-50%,0%);
		backdrop-filter: blur(2px);
	}	
 .minesBetsBlockButton
	{
		background: rgba(130, 128, 165, 0.11);
		border: 1px solid #1c222d;
		margin: 2px;
		padding: 6px;
		width: 100px;
		border-radius: 5px;
		font-size: 14px;
		text-align: center;
		text-decoration: none;
		font-weight: 500;
		line-height: 25px;
		color: #e5e5ec;
		flex: 1 1 auto;
		outline: none !important;
		cursor:pointer;	
	}
 .minesBetsBlockButton:hover{ background: #414159;; }	


 .minesBetsBlockButton.green
	{
		background: rgb(81 155 34 / 70%);
	}		
 .minesBetsBlockButton.first
	{
		background: #ffffff00;
		border: 1px solid #1c222d00;
		padding: 2px;
		font-size: 13px;
	}	
 .minesBetsBlockButton.first:hover{background: linear-gradient(151deg, rgb(255 213 141) 0%, rgb(109 61 41) 100%); color: #232625; border: 1px solid rgb(0,0,0, 48%); }
 .minesBetsBlockButton.first:active {background: linear-gradient(0deg, rgb(210 175 112) 0%, rgb(139 94 76) 100%); }	
 
 .minesBetsBlockButton.second
	{
		background: linear-gradient(180deg, rgb(210 175 112) 0%, rgb(139 94 76) 100%);
		border: 1px solid #000000;
		padding: 8px;     
		width: 150px;
		font-size: 16px;
		text-transform: uppercase;
		font-weight: 600;
		color: white;
		font-family: 'Roboto Condensed';
		transition: all 500ms cubic-bezier(0, 1.15, 0.36, 1) 0s;
	} 
 .minesBetsBlockButton.second:hover {background: linear-gradient(180deg, rgb(252 211 137) 0%, rgb(139 94 76) 100%);}
 .minesBetsBlockButton.second:active{background: linear-gradient(0deg, rgb(210 175 112) 0%, rgb(139 94 76) 100%);}
	
 .minesBetsBlockButton.second.green
	{
		background: linear-gradient(180deg, rgb(150 169 72) 0%, rgb(48 86 55) 100%);		
	}	
 .minesBetsBlockButton.second.green:hover {	background: linear-gradient(180deg, rgb(195 225 72) 0%, rgb(48 86 55) 100%);}	
 .minesBetsBlockButton.second.green:active{	background: linear-gradient(0deg, rgb(195 225 72) 0%, rgb(48 86 55) 100%);}
 
 .minesBetsBlockButton.second.red
	{
		background: linear-gradient(180deg, rgb(169 72 72) 0%, rgb(93 57 57) 100%);
	}	
 .minesBetsBlockButton.second.red:hover {	background: linear-gradient(180deg, rgb(201 92 92) 0%, rgb(93 57 57) 100%); }	
 .minesBetsBlockButton.second.red:active{	background: linear-gradient(0deg, rgb(201 92 92) 0%, rgb(93 57 57) 100%); }
 
 .minesBetsBlockButton.second.auto
	{
		background: rgb(255,255,255, 5%);
		border: 1px solid #342e39;
	}
 .minesBetsBlockButton.second.auto.gray
	{
		color: #6e7379;
		cursor: not-allowed;
	}	
 .minesBetsBlockButton.second.auto:hover {	background: rgb(255,255,255, 10%); }	
 .minesBetsBlockButton.second.auto:active{	background: rgb(255,255,255, 30%); }
 
 .minesBetsBlockButton.third
	{
		background: #ffffff00;
		border: 1px solid #29323c00;
		padding: 8px;
		font-size: 23px;
		text-transform: uppercase;
		font-weight: 500;
		font-family: 'Roboto Condensed';
		cursor: auto;
	}
 .minesBetsBlockButton.third.greenText
	{
		color:#aece4d;
	}
	
 .minesXblock
	{	
		overflow: hidden;
		position: absolute;
		display: inline-flex;
		background: #3c4d4f4d;
		text-align: left;
		bottom: 0px;
		width: 4000px;
		height: 45px;
		font-size: 14px;
		transform: translate(-0px, 0px);
		transition: transform 1000ms cubic-bezier(0, 0.99, 0.99, 1) 0s;
		user-select: none;
	}
 .minesXblock .hit
	{
		display: inline-flex;
		width: 100px;
		height: 39px;
		border-radius: 5px;
		color: #c5c5c5;
		transform: translate(5px, 4px);
		transition: background 3s cubic-bezier(0, 1.15, 0.36, 1) 0s;
	}
 .minesXblock .hit.active { background: #1b2932; border: 1px solid #e8bb6b; color: #e8bb6b; }
 .minesXblock .hit.red 	  { background: #32272e; border: 1px solid #733e44; color: #c05661; }
  
 .minesXblock .hit .iks
	{	
		position: absolute;
		transform: translate(7px, 2px);
		font-size: 16px;
		transition: all 1s cubic-bezier(0, 1.15, 0.36, 1) 0s;
	}

 .minesXblock .hit .sum
	{	
		transform: translate(6px, 20px);
		font-size: 12px;
		color: #788083;
	}
	
 .minesXblock .hit .step
	{	
		position: absolute;
		right: 0;
		transform: translate(-4px, -1px);
		font-size: 32px;
		color: #2b3a40;
	}



 .minesRangeBlock 
	{
		position: relative;
		width: 427px;
		border-radius: 20px;
		left: 50%;
		transform: translate(-107%,-237px) rotate(270deg);
	}
 .minesRange 
	{
		width: 100%;
		height: 26px;
		-webkit-appearance: none;
		background: #ffffff1f;
		outline: none;
		overflow: hidden;
	}
 .minesRange::-webkit-slider-thumb 
	{
	  -webkit-appearance: none;
	  width: 20px;
	  height: 20px;
	  border-radius: 50%;
	  background: linear-gradient(180deg, rgb(210 175 112) 0%, rgb(139 94 76) 100%);
	  cursor: pointer;
	  border: 4px solid #343844;
	  box-shadow: -407px 0 0 400px rgb(234,190,110, 70%);
	}

 @media (max-width: 1366px) 
	{
		.minesBlock 
			{
				width: 380px;
				height: 380px;
				padding: 2px;
				margin-top: 5px;
				left: 50%;
				transform: translate(-50%,0%);
			}
			
		.minesRangeBlock 
			{
				width: 371px;
				left: 50%;
				transform: translate(-107%,-204px) rotate(270deg);
			}
			
		.jackPot.mines 
			{
				transform: translate(280px, -10px);
			}

		.jackPotWrapper.mines 
			{
				transform: translate(254px, 40px);
			}			
			
	}

 @media (max-width: 1200px) 
	{
		.minesBlock 
			{
				width: 360px;
				height: 360px;
				padding: 2px;
				margin-top: 5px;
				border-radius: 20px;
				left: 50%;
				transform: translate(-50%,0%);
			}
		
		.minesRangeBlock 
			{
				width: 357px;
				left: 50%;
				transform: translate(-50%,0px) rotate(360deg);
			}

		.minesBetsBlock.first 
			{
				width: 356px;
				padding: 3px;
				margin-top: 6px;
				left: 50%;
				transform: translate(-50%,0%);
			}
			
		.minesBetsBlock.second 
			{
				width: 360px;
			}

		.minesBlock .mine .number 
			{
				transform: translate(-5px,-22px);
			}

		 .minesIconsBlock 
			{
				line-height: 22px;
			} 

		.minesIconsBlock.one 
			{
				display:none;
			}
	
		.minesIconsBlock.two 
			{
				position:absolute;
				width: 45px;
				height: 45px;
				left: 87%;
				top: 0;
				transform: translate(-7px, 5px);
			}

		.minesIconsBlock .imgLeft 
			{
				transform: translate(-39px, 6px);
			}

		.minesXblock 
			{
				position: relative;
				margin-top: 10px;
			}			
		
	}