iframe
	{
		position: relative;
		overflow: hidden;
		border:0px;
		width: 100%;
		height: 100%;
		border-radius: 0px;
	}	
	
 .casinoHeaderBlock
	{	
		right: 0;
		transform: translate(-5px, 19px);
		position: absolute;
		text-align: right;
		width: 100%;
		z-index: 2;
	}
 .casinoHeaderBlock .button
	{	
		display: inline-flex;
		background: #282c3e;
		justify-content: center;
		align-items: center;
		width:45px;
		color: #afafc4;
		padding: 12px;
		margin: 1px;
		border-radius: 100%;
		text-decoration: none;
		font-size: 17px;
		border: 1px solid rgba(0, 0, 0, 0.13);
		overflow: hidden;
		transition: all 2s cubic-bezier(0, 1.15, 0.36, 1) 0s;
	}
 .casinoHeaderBlock .button:nth-child(1) { background: rgb(111,122,165,0%); width:100px; border-radius: 10px; } 	
 .casinoHeaderBlock .button:hover
	{	
		background: linear-gradient(90deg, rgb(127,64,148,20%) 0%, rgb(0,153,139,24%) 100%);
	}	
 .casinoHeaderBlock .button.active
	{	
		background: linear-gradient(90deg, rgb(127,64,148,43%) 0%, rgb(0,153,139,24%) 100%);
	}
	
 .casinoGameWrapper
	{
		position: relative;
		border:0px;
		overflow: hidden;
		width: 100%;
		height: 88.5vh;
		background: rgb(17,19,28, 0%);
		z-index: 1000;
	}
	
 .casinoGameWrapper .text
	{
		position: absolute;
		left: 50%;
		top: 84%;
		transform: translate(-50%,-50%);
		opacity: 0.3;
		
	}	
	
 .casinoPreloadGameWrapper
	{
		display: flex;
		position: relative;
		border: 0px;
		overflow: hidden;
		width: 100%;
		height: 88.5vh;
		background: rgb(17,19,28, 50%);
		background-size: cover;
		opacity: 0.10;
		z-index: 1000;
		flex-wrap: nowrap;
		justify-content: center;
		align-items: center;
		filter: grayscale(0.8);
	}
	
 .casinoLoaderStyle
	{
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%,-50%);
		opacity: 0.3;
	}	
	
 .casinoLobbyWrapper
	{
		display: flex;
		flex-wrap: wrap;
		margin: 5px;
	} 
 .casinoLobbyWrapper .gameCard
	{
		overflow: hidden;
		position: relative;
		display: flex;
		flex-direction: column;
		flex: 0 0 calc(20% - 12px);
		background: #141623;
		justify-content: center;
		align-items: center;
		margin: 6px;
		border-radius: 15px;
		box-shadow: 0px 5px 10px 2px rgb(8 10 12 / 20%);
		opacity: 0.95;
		transition: all 1s cubic-bezier(0, 1.15, 0.36, 1) 0s;
		cursor: pointer;
	} 
 .casinoLobbyWrapper .gameCard:hover
	{
		opacity: 1;
	} 
	
 .casinoLobbyWrapper .gameCard .overlay
	{
		position: absolute;
		display: none;
		justify-content: center;
		align-items: center;
		position: absolute;
		top: 0;
		width: 100%;
		height: calc(100% - 38px);
		background: rgb(19,24,31, 39%);
		text-align: center;
		z-index: 10;
		backdrop-filter: blur(2px);
		transition: all 1s cubic-bezier(0, 1.15, 0.36, 1) 0s;
	}	
	
	
 .casinoLobbyWrapper .gameCard .gameName
	{
		background: linear-gradient(179deg , rgb(18,59,68, 15%) 0%, rgb(66,52,67, 44%) 100%);
		width: 100%;
		padding: 8px 0px 0px 0px;
		height: 40px;
		line-height: 24px;
		font-family: 'Roboto Condensed';
		font-size: 17px;
		font-weight: 500;
		text-align: right;
		padding-right: 10px;
		text-shadow: 1px 1px 2px rgb(0,0,0);
	}

 .casinoLobbyWrapper .gameCard .providerLogo
	{
		position: absolute;
		width: 75px;
		bottom: 5px;
		left: 2px;
		filter: drop-shadow(1px 2px 1px #000);
		opacity: 0.9;
	}
	
 .casinoLobbyWrapper .gameCard .gamePicture
	{
		width: 100%;
		transition: all 2000ms cubic-bezier(0, 1.15, 0.36, 1) 0s;
	} 
 .casinoLobbyWrapper .gameCard .gamePicture:hover
	{
		filter: blur(5px) grayscale(0.9);
	} 
	
	
  .casinoLobbyWrapper .gameCard .top
	{
		position: absolute;
		background: linear-gradient(90deg,rgb(171,2,58, 80%) 0,rgb(65,100,177, 97%) 100%);
		left: 0px;
		top: 0;
		padding: 5px;
		padding-right: 10px;
		color: #ffffff;
		font-size: 11px;
		font-weight: 900;
		border-radius: 10px;
		transform: translate(8px, -2px);
		z-index: 2;
	}
  .casinoLobbyWrapper .gameCard .new
	{
		position: absolute;
		background: rgb(168,20,20,90%);
		right: 2px;
		bottom: 48px;
		padding: 5px;
		color: #ffffff;
		font-size: 11px;
		font-weight: 900;
		border-radius: 4px;
		z-index: 2;
		transform: translate(-3px, 4px);
	}
	
  .casinoLobbyWrapper .gameCard .rtp
	{
		position: absolute;
		width: 50px;
		left: 6px;
		bottom: 50px;
		padding: 5px;
		padding-right: 8px;
		color: #f4faf0;
		font-size: 10px;
		border-radius: 9px;
		z-index: 2;
	}	
  .casinoLobbyWrapper .gameCard .rtp.normal
	{
		background: linear-gradient(90deg, rgb(135,138,178, 33%) 0%, rgb(65,76,109, 0%) 100%);
	}		
  .casinoLobbyWrapper .gameCard .rtp.red
	{
		background: linear-gradient(90deg, rgb(229,46,46, 60%) 0%, rgb(65,76,109, 0%) 100%);
	}	
  .casinoLobbyWrapper .gameCard .rtp.green
	{
		background: linear-gradient(90deg, rgb(115,174,49, 60%) 0%, rgb(65,76,109, 0%) 100%);
	}	



 .casinoLed 
	{
		overflow: hidden;
		width: 100%;
		display: block;
		position: relative;
		height: 450px;
		z-index: -1;
		text-align: center;
		background: #1c1e2e;
		white-space: nowrap;
		
	}
 .casinoLedBg
	{
		width:100%;
		height:100%;
		position:absolute;
		z-index:2;
		background: url(/assets/img/bg/ledBg2.png) 0 0 repeat;
		-ms-interpolation-mode: nearest-neighbor;
		image-rendering: pixelated;
	}
 .casinoLedImage 
	{
		position: absolute;
		width: 100%;
		height: 100%;
		background-size: cover;
		opacity: 0.5;
	}
	
	
	

	
	
  .casinoPlayButton
	{
		width: 80px;
		height: 80px;
		margin: auto;
		position: absolute;
		top: -10px;
		left: 0;
		bottom: 0;
		right: 0;
	}
  .casinoSlotButtonMini
	{
		background: rgb(54,64,84,52%);
		color: #a0a7b5;
		border: 1px solid rgb(0,0,0,10%);
		margin-left: 5px;
		width: 45%;
		height: 30px;
		border-radius: 5px;
		line-height: 17px;
		font-size: 13px;
		box-shadow: none;
	}	
  .casinoSlotButton:hover
	{
		background: linear-gradient(180deg,rgb(252,211,137) 0,rgb(139,94,76) 100%);
		color: #fff;
	}
  .casinoSlotButton:active
	{
		background: linear-gradient(0deg,rgb(210,175,112) 0,rgb(139,94,76) 100%);
		color: #fff;
	}	
  .casinoSlotButtonMini.demo:hover 
	{
		background: rgb(83,97,123,80%);
		color: #fff
	} 	


 .casinoSearchPanel
	{
		display: block;
		position: absolute;
		width: 100%;
		height: 70px;
		background-image: -webkit-gradient( linear, left top, left bottom, from(rgb(255,255,255, 0%)), to(rgb(10,17,28)), color-stop(.5,#00000000) );
		align-content: center;
		padding: 5px;
		bottom: 0;
		z-index: 1000;
	}
	
	
 .casinoProvidersButton
	{
		display: block;
		position: absolute;
		left: 25px;
		bottom: 25px;
		width: 160px;
		height: 50px;
		background: rgb(38,34,55, 68%);
		border: 2px dotted rgb(255,255,255, 44%);
		padding: 7px;
		border-radius: 100px;
		text-align: center;
		text-decoration: none;
		font-weight: 400;
		line-height: 25px;
		color: #ffffff;
		font-family: 'Roboto';
		font-size: 17px;
		outline: none;
		transition: all 2s cubic-bezier(0, 1.15, 0.36, 1) 0s;
		appearance: auto;
		cursor:pointer;
	}
 .casinoProvidersButton:hover
	{
		background: rgb(38,34,55, 78%);
		border: 2px dotted #d09ae9;
	}
	
 .casinoSearchPanel.searchInput
	{
		display: block;
		position: absolute;
		right: 25px;
		bottom: 25px;
		width: 160px;
		height: 50px;
		background: rgb(255,255,255, 12%);
		border: 2px dotted rgb(255,255,255, 36%);
		/* margin-top: 0px; */
		padding: 7px;
		border-radius: 100px;
		text-align: center;
		text-decoration: none;
		font-weight: 500;
		line-height: 25px;
		color: #ffffff;
		font-size:20px;
		outline: none;
		transition: all 2s cubic-bezier(0, 1.15, 0.36, 1) 0s;
		appearance: auto;
		text-shadow: 0px 1px 1px #000000, 0px 2px 2px #000000;
	}
 .casinoSearchPanel.searchInput:hover
	{
		width: 250px;
		background: rgb(255,255,255, 20%);
		border: 2px dotted rgb(145,53,223, 59%);
	}	
 .casinoSearchPanel.searchInput:active
	{
		width: 250px;
		background: rgb(255,255,255, 20%);
		border: 2px dotted rgb(145,53,223, 59%);
	}
	
 .casinoSearchPanel.searchInput::placeholder 
	{
		color: #fff;
		font-size:20px;
		opacity: 0.5;
		text-shadow: 0px 0px 0px #000000, 0px 0px 0px #000000;
	}	
	

 .casinoProvidersWrapper
	{
		overflow: auto;
		display: flex;
		margin: 0px;
		position: absolute;
		top: 0;
		background: linear-gradient(360deg , rgb(39,33,61, 91%) 0%, rgb(19,10,19, 75%) 100%);
		width: 100%;
		height: 100%;
		font-weight: 900;
		border-radius: 10px;
		z-index: 1;
		align-items: center;
		justify-content: center;
		flex-direction: row;
		align-content: center;
		flex-wrap: wrap;
		backdrop-filter: blur(2px);
	}
 .casinoProvidersWrapper .container
	{
		overflow: hidden;
		position: relative;
		display: flex;
		flex-direction: row;
		flex: 0 0 calc(106px - 1px);
		background: rgb(255,255,255, 4%);
		margin: 1px;
		transition: background 300ms cubic-bezier(0, 1.15, 0.36, 1) 0s;
		cursor: pointer;
		justify-content: center;
		align-items: center;

	}
 .casinoProvidersWrapper .container:hover
	{
		background: rgb(255,255,255, 18%);
	}
 .casinoProvidersWrapper .container.active
	{
		background: #2f2743;
	}
	
 .casinoProvidersWrapper .container .picture
	{
		width: 100%;
		transition: all 2000ms cubic-bezier(0, 1.15, 0.36, 1) 0s;
		filter: grayscale(0.9);
	} 	
 .casinoProvidersWrapper .container .picture:hover
	{
		filter: grayscale(0);
	} 

 .casinoTopWinnersBlockLeft
   {
		position: absolute;
		top: -4px;
		z-index: 1000;
	}
 .casinoTopWinnersBlockRight 
   {
		position: absolute;
		top: -4px;
		right:10px;
		z-index: 1000;
	}
	
 .casinoTopWinners
	{
position: relative;
    width: 131px;
    height: 91px;
    font-size: 15px;
    color: #a5aabf;
    line-height: 30px;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 10px;
    text-align: center;
    transition: all 3s cubic-bezier(0,1.15,.36,1) 0s;
    z-index: 10;
    margin-bottom: 6px;
    top: 88px;
    left: 10px;
    opacity: .9;
	}
	
 .casinoTopWinners .slotPic
	{
    width: 133px;
    height: 82px;
    transform: translate(-8px, 4px);
    border-radius: 10px;
	}

 .casinoTopWinners .userAvatar
	{
    width: 17px;
    height: 17px;
    transform: translate(-5px, 7px);
    border-radius: 27px;
    z-index: 2;
    position: absolute;
	}		
	
  .casinoTopWinners .userName
	{
    position: absolute;
    background: linear-gradient( 
90deg
 , rgb(35,42,61) 0%, rgb(65,76,109) 100%);
    /* width: 131px; */
    height: 19px;
    left: 0px;
    top: 3px;
    padding: 7px;
        padding-left: 22px;
    color: #ffffff;
    font-size: 12px;
    line-height: 5px;
    border-radius: 10px;
    transform: translate(-6px, 3px);
    z-index: 2;
    opacity: 0.95;
	white-space: nowrap;
	}

  .casinoTopWinners .top
	{
		position: absolute;
		background: linear-gradient( 
		90deg
		, rgb(2 171 98 / 80%) 0%, rgb(0 90 97 / 97%) 100%);
		left: -8px;
		width: 133px;
		height: 17px;
		/* padding: 5px; */
		padding-right: 2px;
		padding-left: 3px;
		color: #ffffff;
		font-size: 12px;
		/* font-weight: 900; */
		line-height: 19px;
		border-radius: 0px 0 10px 10px;
		transform: translate(0px, 70px);
		z-index: 2;
		text-shadow: 0px 1px 0px rgb(0 0 0);
	}


 .casinoTournamentMenu
	{	
		position: absolute;
		right:10px;
		opacity: 0.8;
	}

 .casinoTournamentMenu .buttons 
	{
		display: inline-flex;
		/* background: rgb(255 255 255 / 11%); */
		justify-content: center;
		align-items: center;
		padding: 10px 20px;
		margin-top: 15px;
		width: 34px;
		border-radius: 27px;
		text-decoration: none;
		font-size: 20px;
	}
 .casinoTournamentMenu .buttons:hover 
	{
		background: rgb(255,255,255, 11%);
	} 
 .casinoTournamentMenu .buttons:hover::after 
	{
		content: attr(data-title);
		position: absolute;
		width: 209px;
		font-family: 'Roboto', sans-serif;
		font-size: 11px;
		text-transform: uppercase;
		text-align: right;
		right: 3%;
		bottom: -15%;
	}	
 .casinoTournamentMenu .buttons:nth-child(1)
	{
		background: rgb(255,255,255, 5%);
		width: 49px;
		padding: 14px 0px;
		color: #c1df49;
	} 

	.gradientOne
		{
			--borderWidth: 0px;
			position: relative;
			border-radius: var(--borderWidth);
			background: rgba(47, 76, 82, 0.50);
		}
	.gradientOne:after 
	{
		content: '';
		position: absolute;
		top: calc(-1 * var(--borderWidth));
		left: calc(-1 * var(--borderWidth));
		height: calc(100% + var(--borderWidth) * 2);
		width: calc(100% + var(--borderWidth) * 2);
		background: linear-gradient(
		60deg
		, #f79533, #f37055, #ef4e7b, #a166ab, #5073b8, #1098ad, #07b39b, #6fba82);
		border-radius: 4px;
		z-index: -1;
		animation: animatedgradient 4s ease alternate infinite;
		background-size: 300% 300%;
	}
	
	.gradientTwo
		{
			--borderWidth: 0px;
			position: relative;
			border-radius: var(--borderWidth);
			background: rgba(47, 76, 82, 0.50);
		}
	.gradientTwo:after 
	{
		content: '';
		position: absolute;
		top: calc(-1 * var(--borderWidth));
		left: calc(-1 * var(--borderWidth));
		height: calc(100% + var(--borderWidth) * 2);
		width: calc(100% + var(--borderWidth) * 2);
		background: linear-gradient(60deg, #cd1414, #920303, #d34343, #c70202);
		border-radius: 4px;
		z-index: -1;
		animation: animatedgradient 2s ease alternate infinite;
		background-size: 300% 300%;
	}
	

	@keyframes animatedgradient {
		0% {
			background-position: 0% 50%;
		}
		50% {
			background-position: 100% 50%;
		}
		100% {
			background-position: 0% 50%;
		}
	}











@media (max-width: 2000px) {
  .casinoLobbyWrapper .gameCard
	{
		flex: 0 0 calc(20% - 12px);
	} 
}

@media (max-width: 1368px) {
  .casinoLobbyWrapper .gameCard
	{
		flex: 0 0 calc(25% - 12px);
	} 
}

@media (max-width: 1000px) {
  .casinoLobbyWrapper .gameCard
	{
		flex: 0 0 calc(33.33% - 12px);
	}
  .casinoProvidersList .provider
	{

	} 	
}
@media (max-width: 800px) {
  .casinoLobbyWrapper .gameCard
	{
		flex: 0 0 calc(33.33% - 12px);
	}
  .casinoProvidersList .provider
	{

	} 	
}

@media (max-width: 600px) {
  .universalBigBlock.casinoLobby 
	{
		height: 200px;
		min-height: 0;
	}
  .casinoProvidersWrapper 
	{
		align-content: flex-start;
		padding-bottom: 84px;
		backdrop-filter: blur(0px);
		background: linear-gradient(360deg , rgb(39,33,61, 98%) 0%, rgb(19,10,19, 90%) 100%);
	}
  .casinoProvidersWrapper .container
	{
		    flex: 0 0 calc(73px - 1px);
	}	
}
	
@media (max-width: 500px) {
  .casinoLobbyWrapper .gameCard
	{
		flex: 0 0 calc(50% - 12px);
	}
	
}