html, body, .games {
	height: 100%;
}
body {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
	overflow-y: hidden; 
  	overflow-x: hidden; 
	padding: 0;
	margin: 0;
	background: #000 url(../images/bgmain.jpg) center top no-repeat;
	background-size:cover;
	text-align: left;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 16px;
	font-weight: bold;
	color: #768f9f;
	align-items: center;
	width: 100%;
	
}

@font-face {
	font-family: 'Intro-Black-Inline-Caps';
	src: url('Intro-Black-Inline-Caps.eot');
	src: url('Intro-Black-Inline-Caps.eot?#iefix') format('embedded-opentype'),
		 url('Intro-Black-Inline-Caps.svg#Intro-Black-Inline-Caps') format('svg'),
		 url('Intro-Black-Inline-Caps.ttf') format('truetype'),
		 url('Intro-Black-Inline-Caps.woff') format('woff'),
		 url('Intro-Black-Inline-Caps.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
  }

input, textarea {
	font-family: 'Montserrat', sans-serif !important;
	outline: none !important;
}

h1, h2, h3, h4, form {
	font-weight: bold;
	padding: 0;
	margin: 0;
}

a {
	text-decoration: none;
}
img {
	border: none;
}

/* ----------------------------logo-----------------------------------------*/
.logo {
	width: 100%;
	padding-bottom: 40px;
	padding-top: 40px;
}
.logoblue {
	width: 70%;
	margin:0 auto;
	border-radius: 25px;
	background: -moz-linear-gradient(left, #00cff5 0%, #0f9ced 100%);
	background: -o-linear-gradient(left, #00cff5 0%, #0f9ced 100%);
	background: -webkit-linear-gradient(left, #00cff5 0%, #0f9ced 100%);
	background: linear-gradient(left, #00cff5 0%, #0f9ced 100%);
	padding-left: 5px;
	padding-right: 15px;
	margin-top: 80px;
	position: relative;	
	z-index: 99;	
}
.logogray {
	width: 100%;
	border-radius: 25px;
	background: -moz-linear-gradient(left, #0b1e30 0%, #09253a 100%);
	background: -o-linear-gradient(left, #0b1e30 0%, #09253a 100%);
	background: -webkit-linear-gradient(left, #0b1e30 0%, #09253a 100%);
	background: linear-gradient(left, #0b1e30 0%, #09253a 100%);
	z-index: 100;	
	padding: 5px;
}
.logogray a {
	color: #768f9f;
}
.logoleft {
	display:inline;
	padding-left: 40px;
}
.logoright {
	position: absolute;
	right: 0;
	padding-right: 40px;
	display:inline;
}

.logoimage {
	margin-top: -70px;
	position: fixed;
	left: 50%;
	transform: translate(-50%, 0);
	z-index: 101;
}
.logoimage img{ 
	height: 280px;
}
.icons:before {
	font-size: 32px;
	padding:  0px 20px ;
	vertical-align: middle;
}
.terminal{
	vertical-align: middle;
	color:#d6837f;
}
.balance {
	vertical-align: middle;
	color:#f0ea1b;
}
.active .itemout{
	background: linear-gradient(145deg, rgba(181,6,250,1) 0%, rgba(241,238,23,1) 32%, rgba(14,164,246,1) 64%, rgba(0,215,255,1) 85%);
}
.itemout{
	box-shadow: 0px 0px 30px 5px #00000085;
	background-color: #0c324c;
	border-radius: 20px;
	width: 260px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.itemmedium{
	background-color: rgba(255, 255, 255, 0.3);
	border-radius: 20px;
	width: 260px;
	padding-top: 3px;
	padding-bottom: 3px;
}
.itemin{
	background-color: #0f2337;
	border-radius: 20px;
	padding: 15px;
}
.itemin img{
	border-radius: 10px;
}


/* ----------------------------loginpage-----------------------------------------*/
.win-wrap {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100vh;
	width: 100%;
	flex-direction: column;
}

.login-win {
	width: 668px;
	padding: 120px 100px 40px 100px;
	box-shadow: 0 0 39px 18px rgba(0,0,0,0.5), 0 0 22px #092d47;
	position: relative;
	border-radius: 30px;
	background: #0f2337;
	margin: 140px 0 0 0;
	box-sizing: border-box;
}
	
	.login-win-shad {
		background: url(../images/login-win-shad.png) center top no-repeat;
		width: 100%;
		height: 221px;
		margin: -80px 0 0 0;
	}
	
		.login-win-top {
			background: linear-gradient(0deg, #b300ff 0%, #f3f50f 100%);
			height: 40px;
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			border-radius: 30px 30px 0 0;
		}
	
			.login-win-top:before {
				content: '';
				display: block;
				position: absolute;
				width: 100%;
				height: 32px;
				top: 8px;
				left: 0;
				background: #fff;
				opacity: 0.5;
				border-radius: 30px 30px 0 0;
			}
			
			.login-win-top:after {
				content: '';
				display: block;
				position: absolute;
				width: 100%;
				height: 30px;
				top: 10px;
				left: 0;
				background: #0f2337;
				border-radius: 30px 30px 0 0;
			}
			
		.login-win-bottom {
			background: linear-gradient(0deg, #00d8ff 0%, #0fa1f5 100%);
			height: 40px;
			position: absolute;
			left: 0;
			bottom: 0;
			width: 100%;
			border-radius: 0 0 30px 30px;
		}
	
			.login-win-bottom:before {
				content: '';
				display: block;
				position: absolute;
				width: 100%;
				height: 32px;
				bottom: 8px;
				left: 0;
				background: #fff;
				opacity: 0.5;
				border-radius: 0 0 30px 30px;
			}
			
			.login-win-bottom:after {
				content: '';
				display: block;
				position: absolute;
				width: 100%;
				height: 30px;
				bottom: 10px;
				left: 0;
				background: #0f2337;
				border-radius: 0 0 30px 30px;
			}
		
		.login-win-logo {
			position: absolute;
			width: 356px;
			left: 50%;
			top: -130px;
			left: 50%;
			margin: 0 0 0 -178px;
		}

		.select-air {
			height: 40px;
		}
		.select-lang {
			display: block;
			margin-left: auto;
			margin-right: auto;
			text-align: center;
			margin-top: 20px;
		}
		.select-lang img {
			/*padding-top: 20px;*/
			text-align: center;
			left: -30px;
		}
		
		.login-win-fl {
			display: flex;
			justify-content: space-between;
		}
		
			.login-win-left {
				flex: 1;
				padding: 0 40px 0 0 !important;
			}
			
				.login-win-text {
					box-sizing: border-box !important;
					border: 0 !important;
					padding: 0 0 0 35px !important;
					display: block !important;
					height: 40px !important;
					line-height: 40px !important;
					color: #b8b8b8 !important;
					font-size: 20px !important;
					border-bottom: 1px #365370 solid !important;
					background: none !important;
					margin: 0 0 30px 0 !important;
					
				}
				
				.login-win-text-active {
					border-bottom: 1px #0ea7f7 solid !important;
				}
				
				
				.login-win-text::-webkit-input-placeholder {
					font-weight: 400;
					color:#b8b8b8;
				}
				
				.wi1 {
					background: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' version='1.1' width='512' height='512' x='0' y='0' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Cg%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='M437.02,330.98c-27.883-27.882-61.071-48.523-97.281-61.018C378.521,243.251,404,198.548,404,148 C404,66.393,337.607,0,256,0S108,66.393,108,148c0,50.548,25.479,95.251,64.262,121.962 c-36.21,12.495-69.398,33.136-97.281,61.018C26.629,379.333,0,443.62,0,512h40c0-119.103,96.897-216,216-216s216,96.897,216,216 h40C512,443.62,485.371,379.333,437.02,330.98z M256,256c-59.551,0-108-48.448-108-108S196.449,40,256,40 c59.551,0,108,48.448,108,108S315.551,256,256,256z' fill='%23618ea6' data-original='%23000000' style='' class=''/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A") 3px center no-repeat !important;
					background-size: 20px auto !important;
				}
				
				.wi2 {
					background: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' version='1.1' width='512' height='512' x='0' y='0' viewBox='0 0 512.002 512.002' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Cg%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Ccircle cx='364' cy='140.062' r='32' fill='%23618ea6' data-original='%23000000' style=''/%3E%3C/g%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='M506.478,165.937c-10.68-27.194-30.264-66.431-62.915-98.927c-32.535-32.384-71.356-51.408-98.194-61.666 c-29.464-11.261-62.945-4.163-85.295,18.082l-78.538,78.17c-23.281,23.171-29.991,58.825-16.698,88.72 c4.122,9.272,8.605,18.341,13.395,27.103L5.858,389.793C2.107,393.544,0,398.631,0,403.936v88c0,11.046,8.954,20,20,20h88 c11.046,0,20-8.954,20-20v-36l36-0.001c11.046,0,20-8.954,20-20v-35.999h36c11.046,0,20-8.954,20-20c0-11.046-8.954-20-20-20h-56 c-11.046,0-20,8.954-20,20v35.999l-36,0.001c-11.046,0-20,8.954-20,20v36H40V412.22l177.355-177.354 c6.516-6.516,7.737-16.639,2.958-24.517c-6.931-11.424-13.298-23.632-18.923-36.285c-6.599-14.841-3.237-32.57,8.366-44.119 l78.537-78.169c11.213-11.159,28.011-14.718,42.798-9.068c23.222,8.876,56.69,25.214,84.256,52.652 c27.735,27.604,44.62,61.567,53.9,85.197c5.791,14.748,2.272,31.503-8.965,42.687l-79.486,79.114 c-11.575,11.519-28.851,14.887-44.016,8.58c-12.507-5.202-24.62-11.382-36-18.367c-9.413-5.778-21.729-2.83-27.507,6.584 c-5.778,9.414-2.831,21.73,6.583,27.508c13.152,8.072,27.136,15.207,41.562,21.207c30.142,12.539,64.525,5.8,87.595-17.161 l79.486-79.113C511.044,229.157,518.101,195.534,506.478,165.937z' fill='%23618ea6' data-original='%23000000' style=''/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A") 3px center no-repeat !important;
					background-size: 20px auto !important;
				}
				
				.login-win-submit {
					display: block;
					box-sizing: border-box;
					width: 100%;
					border: 0;
					height: 40px;
					line-height: 40px;
					border-radius: 20px;
					background: linear-gradient(0deg, #00d8ff 0%, #0fa1f5 100%);
					text-align: center;
					color: #fff;
					font-size: 20px;
					font-weight: 500;
					padding: 0;
					margin: 25px 0 0 0;
					cursor: pointer;
				}
				
					.login-win-submit:hover {
						background: #00d8ff;
					}
			
			.login-win-right {
				
			}
			
				.calc {
					display: flex;
					flex-wrap: wrap;
					width: 198px;
				}
				
					.calc-num {
						width: 60px;
						height: 42px;
						line-height: 42px;
						text-align: center;
						border: 1px solid #1a3849;
						background: linear-gradient(0deg, #092137 0%, #0b2948 100%);
						color: #95b4e0;
						font-size: 16px;
						font-weight: bold;
						margin: 2px;						
						border-radius: 2px;
						cursor: pointer;
						position: relative;
					}
					
					
						.press {
							animation: press2 0.4s infinite alternate ease-in-out;
							/*animation-iteration-count: 1;*/
						}
						
						.press:before {
							animation: press 0.4s infinite alternate ease-in-out;
							/*animation-iteration-count: 1;*/
						}
						
						@keyframes press {
							0% {
								opacity: 1;
							}
							100% {
								opacity: 0;
							}
						}
						
						@keyframes press2 {
							0% {
								background: #000;
								border: 1px solid #0ea7f7;
							}
							100% {
								
							}
						}
					
						.calc-num:after {
							content: '';
							width: 100%;
							height: 100%;
							position: absolute;
							left: 0;
							top: 0;
							border-radius: 2px;
							display: block;
							cursor: pointer;
						}
						
						.calc-num:before {
							content: '';
							width: 100%;
							height: 100%;
							position: absolute;
							left: 0;
							top: 0;
							border-radius: 2px;
							display: block;
							cursor: pointer;
							
								box-shadow: 0 0 7px rgba(11,175,248,.64);
								background: 000;
								transform: scale(1.1);
								z-index: 555;
								opacity: 0;
								box-sizing: border-box;
						}
					
					.delete {
						display: flex;
						justify-content: center;
						align-items: center;
					}
					
						.delete img {
							width: 20px;
						}
						
					.clear {
						display: flex;
						justify-content: center;
						align-items: center;
					}
					
						.clear img {
							width: 24px;
						} 
.games {
	position: relative;
	min-height: 100%;
}
.game {
    display: flex;
    flex-direction: column;
}
	
/*-----------------------------gamepage------------------------------------*/

.bodygame {
	background: linear-gradient(40deg, #070f1d 0%, #0a2b41 100%);
}

.gamepage {
	width: 100%;
	height: 100%;
}

.head-line {
	width: 100%;
	height: 5%;
	position: relative;
	background: url(../images/head.png) center top no-repeat;
	background-size:cover;
}
.head-line:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 5px;
	background: linear-gradient(90deg, #b300ff 0%, #f3f50f 100%);
	display: block;
}

.logopage {
	z-index: 105;
	top:50%;
	left:50%;
	position: fixed;
	margin: auto;
	transform: translate(-50%, -50%) scale(1.2);
}


.splash {
	width: 100%;
	height: 38%;
	position: relative;
}
.middle-line {
	background: url(../images/middle-block.png) center bottom no-repeat;
	width: 100%;
	height: 15%;
	position: relative;
}
.middle-block {
	background: url(../images/middle-block2.png) center top no-repeat;
	height: 100%;
	display: flex;
	align-items: center;
}
.jackpotspage {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	position: absolute;
	top: 50%;
 	left: 50%;
	transform: translate(-50%,-60%) scale(0.8);
}

.gameframe {
	width: 100%;
	height: 38%;
	position: relative;
}
.igrosoft {
	height: 35%;
}
.netent {
	height: 32%;
}
.bottom-line {
	background: url(../images/bottom-bg.png) center top no-repeat;
	background-size:cover;
	width: 100%;
	height: 4%;
}

.home{
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 999;
	width: 43px;
	height: 43px;
	background: #000;
	border-radius: 500px;
	margin: 0;
	padding: 0;
}
.home img{
	display: block;
	margin: 0;
	padding: 0;
	width: 26px;
	height: 26px;
}

/* -------------------------jackpots----------------------------------------*/

.jackpots {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	padding-top: 0px;
	margin-bottom: 0px;
	max-width: 100%;
}
.jackpotstitle {
	transform: scale(0.70);
	margin-top: -30px;
	margin-bottom: -65px;
}

.jackpotsmobile {
	background: linear-gradient(40deg, #070f1dcc 0%, #0b3650cc 100%);
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	padding-top: 0px;
	margin-bottom: 0px;
	max-width: 100%;
	z-index: 10002;
	
}
.jackswin {
	background: linear-gradient(40deg, #070f1de8 0%, #0b3650e7 100%);
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: none;
	justify-content: center;
	align-content: center;
	align-items: center;
	flex-wrap: wrap;
	padding-top: 0px;
	margin-bottom: 0px;
	max-width: 100%;
	z-index: 10003;
	
}
.jacks {
	transform: scale(0.8);
}

.jackpotwin {
	border-radius: 50px;
	background: linear-gradient(0deg, #ff8400 0%, #ffd800 100%);
	padding: 5px;
	box-shadow: 0 0 24px rgba(252,247,192,.46);
	position: relative;
	margin: 0 0px 100px 0px;
	animation: pulsing 1s infinite;
}

@keyframes pulsing {
	0% {
	  -webkit-transform: scale(0.8, 0.8);
	  transform: scale(0.8, 0.8)
	}
	50% {
	  -webkit-transform: scale(0.9, 0.9);
	  transform: scale(0.9, 0.9);
	}
	100% {
	  -webkit-transform: scale(0.8, 0.8);
	  transform: scale(0.8, 0.8);
	}
  }
  

.djblock {
	
	border-radius: 50px;
	background: linear-gradient(0deg, #ff8400 0%, #ffd800 100%);
	padding: 5px;
	box-shadow: 0 0 24px rgba(252,247,192,.46);
	position: relative;
	
}

	.djblock-line {
		position: absolute;
		left: 20px;
		top: -22px;
		width: calc(100% - 40px);
		display: flex;
		flex-wrap: wrap;
		overflow: hidden;
		z-index: 5;
		height: 47px;
		justify-content: space-between;
	}
	
	.djblock-line2 {
		top: auto;
		bottom: -20px;
	}
	
		.djblock-line > div {
			width: 40px;
			height: 47px;	
		}
		
		.djl1 {
			background: url(../images/djblock-line1.png) left top no-repeat;
			animation: blink 0.4s infinite linear;
		}
		
		.djl2 {
			background: url(../images/djblock-line2.png) left top no-repeat;
			animation: blink2 0.4s infinite linear;
		}
		
		.djl3 {
			background: url(../images/djblock-line3.png) left top no-repeat;
			animation: blink 0.4s infinite linear;
		}
		
		.djl4 {
			background: url(../images/djblock-line4.png) left top no-repeat;
			animation: blink3 0.4s infinite linear;
		}
		
	.djblock-left {
		display: flex;
		flex-direction: column;
		justify-content: center;
		position: absolute;
		left: -13px;
		top: 0;
		height: 100%;
		z-index: 5;
	}
	
		.djblock-left > div {
			width: 40px;
			height: 47px;	
		}
		
	.djblock-right {
		display: flex;
		flex-direction: column;
		justify-content: center;
		position: absolute;
		right: -13px;
		top: 0;
		height: 100%;
		z-index: 5;
	}
	
		.djblock-right > div {
			width: 40px;
			height: 47px;	
		}

	.djblock-w {
		background: #222119;
		width: 600px;
		height: 70px;
		border-radius: 50px;
		position: relative;
		font-family: 'Montserrat', sans-serif;
		font-weight: 800;
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 50px;
	}
	
	.djblock-text {
		position: relative;
		z-index: 6;
		text-transform: uppercase;
	}
	
	.djblock-text > span {
		font-family: 'Intro-Black-Inline-Caps';
		background: #FF0000;
		background: linear-gradient(to right, #FF0000 0%, #f3f60f 100%);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		margin-right: 15px;
	}
	.djblock-text > lable {
		font-family: 'Intro-Black-Inline-Caps';
		background: rgba(255, 255, 255, 0.7);
		
		background: linear-gradient(to right, #ffffff 0%, #feffa6 100%);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		
		margin-right: 5px;
	}
	
		.djblock-w:before {
			content: '';
			position: absolute;
			background: url(../images/djblock.png) left top no-repeat;  
			background-size: 80%;
			width: 600px;
			height: 120px;
			display: block;
			left: -10px;
			top: -10px;
		}
		
.djblock2 {
	background: linear-gradient(0deg, #0ea6f7 0%, #0ea6f7 100%);
	box-shadow: 0 0 24px rgba(20,178,244,.38);
}

		.djblock2 .djl1 {
			background: url(../images/djblock-line1-2.png) left top no-repeat;
		}
		
		.djblock2 .djl2 {
			background: url(../images/djblock-line2-2.png) left top no-repeat;
		}
		
		.djblock2 .djl3 {
			background: url(../images/djblock-line3-2.png) left top no-repeat;
		}
		
		.djblock2 .djl4 {
			background: url(../images/djblock-line4-2.png) left top no-repeat;
		}
		
		.djblock2 .djblock-w:before {
			display: none;
		}
		
		.djblock-icon {
			width: 70px;
			height: 100%;
			position: relative;
		}
		
		.djblock-icon:after {
			content: '';
			background: url(../images/djblock2.png) left top no-repeat;
			width: 184px;
			height: 181px;
			display: block;
			position: absolute;
			left: -85px;
			top: -75px;
		}
		
		.djblock2 .djblock-text > span {
			background: #00deff;
			background: linear-gradient(to right, #0ea6f7 0%, #00deff 100%);
			-webkit-background-clip: text;
			-webkit-text-fill-color: transparent;
		}
		
.djblock3 {
	background: linear-gradient(0deg, #60c01a 0%, #60c01a 100%);
	box-shadow: 0 0 24px rgba(152,244,20,.38);
}

		.djblock3 .djl1 {
			background: url(../images/djblock-line1-3.png) left top no-repeat;
		}
		
		.djblock3 .djl2 {
			background: url(../images/djblock-line2-3.png) left top no-repeat;
		}
		
		.djblock3 .djl3 {
			background: url(../images/djblock-line3-3.png) left top no-repeat;
		}
		
		.djblock3 .djl4 {
			background: url(../images/djblock-line4-3.png) left top no-repeat;
		}
		
		.djblock3 .djblock-w:before {
			content: '';
			position: absolute;
			background: url(../images/djblock3.png) left top no-repeat;
			width: 716px;
			height: 140px;
			display: block;
			left: 0;
			top: -29px;
		}
		
		.djblock3 .djblock-text > span {
			background: #80df1a;
			background: linear-gradient(to right, #80df1a 0%, #00ff6c 100%);
			-webkit-background-clip: text;
			-webkit-text-fill-color: transparent;
		}
		
.djblock4 {
	background: linear-gradient(0deg, #ae1ac0 0%, #ae1ac0 100%);
	box-shadow: 0 0 24px rgba(204,0,255,.38);
}

		.djblock4 .djl1 {
			background: url(../images/djblock-line1-4.png) left top no-repeat;
		}
		
		.djblock4 .djl2 {
			background: url(../images/djblock-line2-4.png) left top no-repeat;
		}
		
		.djblock4 .djl3 {
			background: url(../images/djblock-line3-4.png) left top no-repeat;
		}
		
		.djblock4 .djl4 {
			background: url(../images/djblock-line4-4.png) left top no-repeat;
		}
		
		.djblock4 .djblock-w:before {
			display: none;
		}
		
		.djblock4 .djblock-text > span {
			background: #ce78ff;
			background: linear-gradient(to right, #ce78ff 0%, #9600ff 100%);
			-webkit-background-clip: text;
			-webkit-text-fill-color: transparent;
		}
		
		.djblock4 .djblock-icon:after {
			background: url(../images/djblock4.png) left top no-repeat;
			width: 101px;
			height: 90px;
			top: -20px;
			left: -45px;
		}
		
.scaledj {
	
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	
}
.scaledj-block {
	margin-left: -40px;
	margin-right: -40px;
}
		
@keyframes blink {
0% { opacity: 1; }
25% { opacity: 0; }
50% { opacity: 1; }
75% { opacity: 1; }
100% { opacity: 1; }
}

@keyframes blink2 {
0% { opacity: 1; }
25% { opacity: 1; }
50% { opacity: 0; }
75% { opacity: 1; }
100% { opacity: 1; }
}

@keyframes blink3 {
0% { opacity: 1; }
25% { opacity: 1; }
50% { opacity: 1; }
75% { opacity: 0; }
100% { opacity: 1; }
}

@keyframes blink4 {
0% { opacity: 1; }
25% { opacity: 1; }
50% { opacity: 1; }
75% { opacity: 1; }
100% { opacity: 0; }
}
			
/* ----------------------swiper --------------------------------------*/
.swiper {
	display:none;
	width: 90%;
	justify-content: center;
	align-items: center;
	margin: auto;
}
.swipernojack {
	padding-top: 180px;
	height: 780px;
}
.category {
	display:none;
	width: 100%;
	background: linear-gradient(90deg, #092133 0%, #0b3551 100%);
	padding: 20px 0;
	left: 0;
	margin: 10px 0 0 0;
}
.category:before {
	content: '';
	position: absolute;
	display: block;
	width: 100%;
	height: 221px;
	left: 0;
	margin-top: -125px;
	background: url(../images/login-win-shad.png) center top no-repeat;
}
.swiper-container {
	width: 85%;
	height: 100%;
}
.swiper-wrapper {
	height: 100%;
}

.swiper-left {
	background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_406_216)'%3E%3Cpath d='M16.0411 24L6.53406 14.48C5.87993 13.8228 5.5127 12.9333 5.5127 12.006C5.5127 11.0787 5.87993 10.1892 6.53406 9.532L16.0521 0L18.1701 2.121L8.65206 11.652C8.55833 11.7458 8.50567 11.8729 8.50567 12.0055C8.50567 12.1381 8.55833 12.2652 8.65206 12.359L18.1581 21.879L16.0411 24Z' fill='%230bb2f9'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_406_216'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A") center center no-repeat;
	background-size: 110% auto;
	width: 60px;
	height: 120px;
	position: relative;
	left: 0px;
	margin: 0px 0px 50px 0;
	cursor: pointer;
}

.swiper-right {
	background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_406_216)'%3E%3Cpath d='M16.0411 24L6.53406 14.48C5.87993 13.8228 5.5127 12.9333 5.5127 12.006C5.5127 11.0787 5.87993 10.1892 6.53406 9.532L16.0521 0L18.1701 2.121L8.65206 11.652C8.55833 11.7458 8.50567 11.8729 8.50567 12.0055C8.50567 12.1381 8.55833 12.2652 8.65206 12.359L18.1581 21.879L16.0411 24Z' fill='%230bb2f9'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_406_216'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A") center center no-repeat;
	background-size: 110% auto;
	width: 60px;
	height: 120px;
	position: relative;
	right: 0px;
	margin: 0px 0px 50px 0;
	transform: rotate(180deg);
	cursor: pointer;
}

.swiper-left:hover, .swiper-right:hover {
	background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_406_216)'%3E%3Cpath d='M16.0411 24L6.53406 14.48C5.87993 13.8228 5.5127 12.9333 5.5127 12.006C5.5127 11.0787 5.87993 10.1892 6.53406 9.532L16.0521 0L18.1701 2.121L8.65206 11.652C8.55833 11.7458 8.50567 11.8729 8.50567 12.0055C8.50567 12.1381 8.55833 12.2652 8.65206 12.359L18.1581 21.879L16.0411 24Z' fill='%23fff'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_406_216'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.swiper-button-disabled {
	filter: alpha(Opacity=0.3);
	opacity: 0.3; 
}

.swiper-button-disabled:hover {
	background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_406_216)'%3E%3Cpath d='M16.0411 24L6.53406 14.48C5.87993 13.8228 5.5127 12.9333 5.5127 12.006C5.5127 11.0787 5.87993 10.1892 6.53406 9.532L16.0521 0L18.1701 2.121L8.65206 11.652C8.55833 11.7458 8.50567 11.8729 8.50567 12.0055C8.50567 12.1381 8.55833 12.2652 8.65206 12.359L18.1581 21.879L16.0411 24Z' fill='%230bb2f9'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_406_216'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A") center center no-repeat;
	background-size: 110% auto;
	width: 60px;
	height: 120px;
	cursor: default;
}

.swiper-pagination {
	border-radius: 100%;
	margin: 0 auto;
	transform: scale(1.7);
	}
	
	.swiper-pagination-bullets {
		
	}
	.swiper-pagination-bullet {
		background-color:  #ffffffe8;
	}
	
	.swiper-pagination-bullet-active {
	background-color:  #00d8ff;
	}

.games_flex{
	align-items: center;
	justify-content: center;
}

.games_flex_center{
	display: flex;
	align-content: flex-start;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
}

.swiper-slide {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	overflow: hidden;
}

.slider-item {
	border-radius: 15px;
	box-shadow: 0 0 6px rgba(0,0,0,.75);
	transition:all 0.3s ease;
}

	.slider-item img {
		cursor: pointer;
		display: block;
		width: 100%;
		height: 100%;
		border-radius: 15px;
		transition:all 0.3s ease;
	}
	
		.slider-item:hover img {
			transform: scale(1.08);
		}

.game-line-menu {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	z-index: 2;
	
}

	.game-line-menu a {
		height: 40px;
		line-height: 40px;
		border-radius: 20px;
		padding: 0 30px;
		border: 2px solid #0fa1f5;
		background: #a7bfe5;
		background: linear-gradient(0deg, #0b2d4b 0%, #0b2d4b 100%);
		font-size: 16px;
		color: #fff;
		font-weight: 700;
		margin: 0 12px;
		transition:all 0.3s ease;
	}
	
		.game-line-menu a:hover {
			box-shadow: 0 0 24px rgba(54,210,255,.75);
			color: #00d8ff;
		}
		
		.game-line-menu a.active {
			box-shadow: 0 0 24px rgba(54,210,255,.75);
			background: linear-gradient(0deg, #00d8ff 0%, #19ebe9 100%);
			color: #195356;
			border: 0;
		}
					
/* -----------------loader ------------------------------------------------------*/

.over {
	background: linear-gradient(40deg, #070f1d 0%, #0b3550 100%);
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 999999;
}

.main-wrap {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100vh;
	width: 100%;
	overflow: hidden;
}

	.load-block {
		display: flex;
		flex-direction: column;
		align-items: center;
		position: relative;
		z-index: 2;
	}
	
.lds-ellipsis {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
  overflow: visible !important;
  zoom: 150%;
}

.lds-ellipsis div {
  position: absolute;
  top: 33px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #325876;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
  transition: all .3s ease-in-out;
}
.lds-ellipsis div:nth-child(1) {
  left: 8px;
  animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
  left: 8px;
  animation: lds-ellipsis2 0.6s infinite;
  background: linear-gradient(0deg, #00d8ff 0%, #0fa1f5 100%);
  
}

.lds-ellipsis div:after {
	content: '';
	position: absolute;
	left: 2px;
	top: 2px;
	display: block;
	width: calc(100% - 4px);
	height: calc(100% - 4px);
	background: #151b31;
	border-radius: 100%;
	opacity: 0;
	
}

.lds-ellipsis div:nth-child(2):after {
	animation: opa 0.6s infinite;
}

.lds-ellipsis div:nth-child(3) {
  left: 32px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
  left: 56px;
  animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
	background: linear-gradient(0deg, #00d8ff 0%, #0fa1f5 100%);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
	
  }
  100% {
    transform: scale(0);
	
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(24px, 0);
	
  }
}

@keyframes opa {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
	
  }
}

.star {
	width: 4px;
	height: 4px;
	position: absolute;
	background: #fff;
	border-radius: 100%;
	animation: star 10s linear infinite;
	z-index: 1;
}

@keyframes star {
  from	{transform: translateY(0px)}
  to {transform: translateY(-3000px)}
}

/*   ---------------------------------------------------------------*/
.notfinished {
	font-size: 20px;
	text-align: center;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -40%);
}

.dnf {
	border-radius: 10px;
	box-shadow: 0 0 10px rgba(0,0,0,.75);
}

.center__block {
	color:  #ffc400;
	display: flex;
	align-items: center;
	justify-content: center;
}		
.game-wrap {
	height: calc(100vh - 49px);
	overflow: hidden;
}

	.game-wrap iframe {
		width: 100% !important;
		height: 100% !important;
	}	

/* ------------------------------ media --------------------------------*/



@media all and (orientation:portrait) {
	body {
		background: #000 url(../images/bgport.jpg) center top no-repeat;
		background-size:cover;
	}
	.logoblue {
		width: 80%;
	}
	.logoimage {
		margin-top: -55px;
	}
	.logoimage img{ 
		height: 240px;
	}
}

@media all and (orientation:landscape) {
	.head-line {
		display: none;
	}
	.logopage {
		display: none;
	}
	.splash {
		display: none;
	}
	.middle-line {
		display: none;
	}	
	.gameframe {
		width: 100%;
		height: 100%;
	}
	.igrosoft {
		width: 100%;
		height: 100%;
	}
	.netent {
		width: 100%;
		height: 100%;
	}
	.bottom-line {
		display: none;
	}

}
	
@media (max-width: 900px) { 
	.logoimage { margin-top: -30px; }
	.logoimage img{ height: 200px; }
	.game-line-menu { transform: scale(0.8);}
	.jackpotspage {
		top: 50%;
		left: 50%;
		transform: translate(-50%,-60%) scale(0.7);
	}
	.logopage {
		top:50%;
		left:50%;
		transform: translate(-50%, -50%) scale(0.9);
	}
}

@media (max-width: 768px) { 
	.jackpotspage {
		top: 50%;
		left: 50%;
		transform: translate(-50%,-60%) scale(0.6);
	}
	.logopage {
		top:50%;
		left:50%;
		transform: translate(-50%, -50%) scale(0.7);
	}
}