/* ============================
  POWERED BY GAMBLING PROJECT
============================== */
@import url('https://fonts.googleapis.com/css2?family=Luckiest+Guy&family=Roboto+Condensed:wght@300;400;700&family=Roboto:wght@100;400;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rubik+Puddles&display=swap');
body 
	{
		background: #0a121d;
		font-family: 'Roboto Condensed', sans-serif;
		color: #f1f3ff;
		box-sizing: border-box;
		height: 100vh;
		margin: 0;
		padding: 0;
		height:100%;
	}

 html 
	{
		overflow-x: hidden;
		position: relative;
		min-height: 100%;
		height:100%;
		box-sizing: border-box;
	}



* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
		
}	
	
 a
	{
		color: #c1c5d6;
	    text-decoration: none;
	}

 
 .globalWrapper 
	{
		display: grid;
		grid-gap: 15px;
		grid-template-columns: 100px 1fr 300px;
		height:100%;
		width: 100vw;
		overflow-y:auto;
		top: 0;
		left: 0;
		transition: all 0.5s cubic-bezier(0, 1.15, 0.36, 1) 0s;
	}
 .globalWrapper.hideChat 
	{
		grid-template-columns: 100px 1fr 0px;
	}

	
 .contentBlock 
	{
		min-width: 300px;
		overflow-x: hidden;
		z-index: 1;
	}
 .contentBlock::-webkit-scrollbar { width: 0px; }
 
 .contentBlockHeader 
	{
		display: grid;
		grid-template-columns: 44px 1fr;
		height: 62px;
	}
 .contentBlockHeaderIco 
	{
		transform: translate(0px, 6px);
		font-size: 36px;
		color: #c1c5d6;
	}
 .contentBlockHeaderText 
	{
		text-align: left;
		font-size: 22px;
		color: #cbcbe6;
		transform: translate(0px, 13px);
	}
	
 .contentBlockHeaderw 
	{
		padding: 10px;
		min-width: 320px;
		height: 247px;
		overflow-x: hidden;
		z-index: 1;
		background: blue;
		border-radius: 6px;
		background: radial-gradient(at 50% -5%, #5056714a, #247f9a0d);
	}	

 .contentBlockPageHeader
	{
		position: relative;
		/* display: grid; */
		/* justify-content: left; */
		padding: 8px 16px;
	}
 .contentBlockPageHeader.one
	{
		background: linear-gradient(88deg, rgb(45,42,70) 0%, rgb(17,56,66, 0%) 100%);
		color: #e3e3e3;
		font-size: 17px;
		margin: 10px;
		padding: 10px;
		line-height: 23px;
		border-radius: 10px;
	}
 .contentBlockPageHeader.two
	{
		padding: 15px 0;
	}
	
	
 .leftBlock 
	{
		position: relative;
		background: linear-gradient(138deg, rgb(57 50 83 / 78%) 0%, rgb(6 38 21 / 28%) 100%) !important;
		overflow-x: hidden;
		z-index: 1;
		-webkit-box-shadow: -3px 5px 13px 0px rgba(0, 0, 0, 0.1);
		-moz-box-shadow: -3px 5px 13px 0px rgba(0, 0, 0, 0.1);
		box-shadow: -3px 5px 13px 0px rgba(0, 0, 0, 0.1);
	}
	
 .leftBlockGrid 
	{
		display: grid;  
		grid-template-rows: 105px 1fr 47px;	
		height:100%;		
	}

 .leftBlockGridLogo
	{
		background: radial-gradient(at 50% -5%, rgb(255,255,255, 27%), rgb(0,0,0, 5%));
		text-align: center;
		overflow: hidden;
		border-bottom: 1px solid #0d0d0d;
	}

	
 .leftBlockGridMenu
	{
		overflow-x: hidden;
	}
	
 .leftBlockGridFooter
	{
		background: radial-gradient(at 50% -5%, #5a5f7729, #247f9a00);
		text-align: center;
		overflow: hidden;
	}
	
 .leftBlockLogo
	{
		padding: 2px;
		width: 97px;
		transform: translate(1px, 2px);
		filter: contrast(1.3);
	}

/* ============ L E F T   M E N U ================ */	
 .leftMenuItem
	{
		position: relative;
		display: block;
		background: rgb(255,255,255, 0%);
		border-bottom: 1px solid #0c1619;
		width: 100%;
		height: 52px;
		cursor: pointer;
	}
	
 .leftMenuItem.mini
	{
		height: 35px;
	}	
	
 .leftMenuItem:hover { background: rgb(255,255,255, 3%); }	
 .leftMenuItem.active {       background: linear-gradient(284deg, rgb(0 0 0 / 15%) 0, rgb(137 175 255 / 19%) 100%); }
 
 .leftMenuItem .name
	{
		position: absolute;
		font-family: 'Roboto';
		font-size: 15px;
		font-weight: 600;
		color: #dbdcd5;
		transform: translate(44px, 8px);
	}
 .leftMenuItem .name.mini
	{
		font-family: 'Roboto Condensed';
		font-size: 14px;
		font-weight: 400;
		color: #d1d1d1;
		transform: translate(34px, 8px);
	}
	
 .leftMenuItem .secondName
	{
		position: absolute;
		font-size: 14px;
		font-weight: 600;
		color: #484866;
		transform: translate(44px, 23px);
	}
 .leftMenuItem .secondName.new { color: #8b6abf;}
	
 .leftMenuItem i
	{
		position: absolute;
		background: #101b24;
		border: 1px solid #2a3940;
		color: #c1bccf;
		width: 40px;
		height: 40px;
		font-size: 30px;
		border-radius: 100px;
		text-align: center;
		line-height: 39px;
		transform: translate(2px, 4px);
	}
 .leftMenuItem.mini i
	{
		font-size: 13px;
		width: 25px;
		height: 25px;
		line-height: 22px;
		border-radius: 5px;
		transform: translate(4px, 5px);
	}	
 .leftMenuItem .icoImg
	{
		position: absolute;
		color: #c1bccf;
		width: 35px;
		height: 35px;
		font-size: 30px;
		border-radius: 100px;
		text-align: center;
		line-height: 39px;
		transform: translate(4px, 7px);

		opacity: 0.9;
	}
 .leftMenuItem .icoImg.special
	{
		position: absolute;
		width: 95px;
		height: 20px;
		transform: translate(2px, 10px);
		opacity: 0.9;
	}
	
 .leftMenuItem .online
	{
		position: absolute;
		background: #6b9b1f;
		width: 4px;
		height: 4px;
		transform: translate(93px, 5px);
		border-radius: 100%;
	}	
 .leftMenuItem .hot
	{
		width: 19px;
		position: absolute;
		right: 0;
		transform: translate(-2px, -10px);
		z-index: 0;
	}		

	
 .rightBlock 
	{
		position: relative;
		    background: linear-gradient(138deg, rgb(57 50 83 / 78%) 0%, rgb(6 38 21 / 28%) 100%) !important;
		z-index: 1;
		overflow-x: hidden;
		-moz-box-shadow: 1px 1px 7px 3px rgba(0, 0, 0, 0.37);
		box-shadow: 1px 1px 7px 1px rgba(0, 0, 0, 0.37);
		transition: all 5s cubic-bezier(0, 1.15, 0.36, 1) 0s;
	}	
 .rightBlock.chatOpened 
	{
		position:fixed;
		display:block;
		width:100%;
		height:100%;
		background: rgb(34,31,39, 98%);
	}
 .rightBlock.chatOpened.adjustChat 
	{
		background: rgb(34,31,39, 50%);
	}
	
 .rightBlockGrid 
	{
		display: grid;  
		grid-template-rows: 78px 1fr 60px;	
		height:100%;		
	}
 .rightBlockHeader
	{
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		background: linear-gradient(90deg , rgb(18,59,68, 15%) 0%, rgb(66,52,67, 44%) 100%);
		border-bottom: 1px solid rgb(22, 29, 52);
	}
	
 .rightBlockNotAuthLogo
	{
		position: absolute;
		width: 200px;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);	
	}	
 .rightBlockNotAuthTextUp
	{
		font-family: 'Roboto';
		font-size: 50px;
		font-weight: 900;
		color: #fbf2ff;
		text-align: center;
		text-shadow: 2px 2px 2px #763a87;
		text-transform: uppercase;
		position: absolute;
		top: 6%;
		left: 50%;
		transform: translate(-50%,-50%);	
	}
 .rightBlockNotAuthTextDown
	{
		font-family: 'Roboto';
		font-size: 28px;
		font-weight: 900;
		color: #fbf2ff;
		text-align: center;
		text-shadow: 2px 2px 2px #763a87;
		text-transform: uppercase;
		position: absolute;
		top: 94%;
		left: 50%;
		transform: translate(-50%,-50%);	
	}
 .rightBlockNotAuthTextMobile
	{
		display: block;
		font-family: 'Roboto';
		font-size: 28px;
		font-weight: 900;
		color: #fbf2ff;
		text-align: center;
		text-shadow: 2px 2px 2px #763a87;
		text-transform: uppercase;
		padding: 15px;
	}
	
 .rightBlockChatHeader
	{
		background: #40445f;
		border-top: 1px solid #303342;
		border-bottom: 1px solid #282a37;		
	}	
 .rightBlockBalanceBlock
	{
		left: 0;
		width: 129px;
		height: 35px;
		background: rgb(255,255,255,16%);
		cursor: pointer;
		color: #e6e6e6;
		border-radius: 0px 20px 20px 0px;
		transform: translate(-86px, -16px);
		transition: all 1s cubic-bezier(0, 1.15, 0.36, 1) 0s;
		border-right: 2px solid transparent;
		box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.11);
	}
 .rightBlockBalanceBlock.update
	{
		border-right: 2px solid rgb(255,255,255,64%);
		color: #fff;
	}
 .rightBlockBalanceBlock.low
	{
		border-right: 2px solid #cfcfcf;
		background: rgb(255,0,0,38%);
		color: #fff;
	}	
 .rightBlockBalanceBlock:hover
	{
		background: rgb(255,255,255,25%);
		border-right: 2px solid rgb(128, 135, 160);
		color: #fff;
	}	
 .rightBlockBalanceBlockIco
	{
		font-size: 24px;
		padding: 5px;
		margin-left: 6px;
	}
 .rightBlockBalanceBlockSumm
	{
		display: inline-block;
		font-size: 14px;
		float: right;
		font-weight: 600;
		transform: translate(-9px, 10px);
	}
	
 .rightBlockHeaderFooterButtonsBlock
	{
		right:0;
		transform: translate(-6px, 26px);
		position: absolute;
		z-index: 2;
	}

	
 .rightBlockHeaderCirclButton
	{
		display: inline-block;
		width: 31px;
		height: 25px;
		background: rgb(255 255 255 / 7%);
		font-size: 13px;
		color: #d2d2d2;
		line-height: 29px;
		cursor: pointer;
		margin-right: 3px;
		border: 1px solid transparent;
		border-radius: 20px 20px 0px 0px;
		text-align: center;
		float: right;
		transition: all 3s cubic-bezier(0, 1.15, 0.36, 1) 0s;
		z-index: 2;
	}
 .rightBlockHeaderCirclButton:hover
	{
		background: rgb(255,255,255, 26%);
		border: 1px solid rgb(255,255,255, 14%);
		color: #fff;		
	}
	
 .rightBlockHeaderCirclButton img
	{
		width: 18px;
		height: 18px;
		transform: translate(0px, 3px);
	}
	
 .rightBlockHeaderProfileButton
	{
		width: 25px;
		height: 25px;
		position: absolute;
		font-size: 18px;
		color: #545973;
		line-height: 27px;
		cursor: pointer;
		border: 1px solid rgba(79, 84, 109, 0);
		border-radius: 6px;
		text-align: center;
		padding-left: 1px;
		transition: all 3s cubic-bezier(0, 1.15, 0.36, 1) 0s;
	}
 .rightBlockHeaderProfileButton.rbpb1
	{
		transform: translate(233px, 3px);
	}
 .rightBlockHeaderProfileButton.rbpb2
	{
		transform: translate(263px, 5px);
	}
 .rightBlockHeaderNickName
	{
		position: absolute;
		transform: translate(1px, 38px);
		color: rgb(175, 184, 220);
		font-size: 20px;
		font-weight: 800;
	}	
 .rightBlockHeaderAvatars
	{
		position: absolute;
		right: 0;
		border: 1px solid rgb(60 79 84);
		width: 47px;
		height: 47px;
		border-radius: 47px;
		opacity: 0.9;
	}
 .rightBlockHeaderAvatars.user
	{
		transform: translate(-6px, -36px);
	}
 .rightBlockHeaderAvatars.clan
	{
		transform: translate(-56px, -31px);
		width: 40px;
		height: 40px;
		z-index: 2;
		opacity: 0.9;
	}
	
 .rightBlockHeaderAvatarBlured
	{
		position: absolute;
		background-size: cover;
		width: 312px;
		height: 108px;
		filter: blur(20px);
		opacity: 0.1;
		z-index: 1;
	}	
 .rightBlockHeaderUpBtn
	{
		display: inline-block;
		background: #59608445;
		text-align: center;
		width: 74px;
		height: 34px;
		line-height: 35px;
		margin-left: -2px;		
	}

 .rightBlockStream
	{
		position: absolute;
		background: linear-gradient( 180deg, rgb(31,66,76, 65%) 0%, rgb(0,0,0, 15%) 100%);
		border-bottom: 1px solid rgb(25 34 39);
		width: 100%;
		height: 69px;
		margin-top: 78px;
		z-index: 1;
		backdrop-filter: blur(15px);
	}
 .rightBlockStream .logo
	{
    position: absolute;
    width: 51px;
    border: 2px solid transparent;
    background: linear-gradient(#202020,#0e0e0e) padding-box, linear-gradient(to right, #4f6870, #596164) border-box;
    border-radius: 10px;
    transform: translate(10px, 8px);
	}
 .rightBlockStream .channelName
	{
    position: absolute;
    color: #dbdcdd;
    font-weight: 900;
    font-size: 20px;
    transform: translate(66px, 5px);
	}
 .rightBlockStream .onlineText
	{
position: absolute;
    right: 0px;
    color: #6b767c;
    font-size: 10px;
    transform: translate(-11px, 13px);
	}	
 .rightBlockStream .online
	{
		position: absolute;
		width: 20px;
		transform: translate(4px, 2px);
		opacity: 0.9;
		z-index: 6;
	}
 .rightBlockStream .videoName
	{
		position: absolute;
		margin-left: 66px;
		margin-right: 10px;
		margin-top: 26px;
		line-height: 12px;
		font-size: 13px;
		color: #dddddd;
		word-break: break-word;
		text-transform: lowercase;
	}

	
 .rightBlockChat
	{
		overflow-x: hidden;
	}
 .rightBlockChatMessageBlock 
	{
		position: relative;
		min-height: 60px;
		padding: 8px 10px 8px 8px;
		margin: 6px;
		border-radius: 20px;
	}
 .rightBlockChatMessageBlock.rbchmb1
	{
		background: rgb(255,255,255, 7%);
	}
 .rightBlockChatMessageBlock.rbchmb2
	{
		background: rgb(255,255,255, 3%);
	}
 .rightBlockChatMessageNick
	{
		display: inline-block;
		overflow: hidden;
		font-size: 14px;
		font-weight: 400;
		color: #e6e6e6;
		text-overflow: ellipsis;
		cursor: pointer;
		white-space: nowrap;
		transform: translate(2px, -28px);
	}
 .rightBlockChatMessageNick.regular
	{
		color:#969bb1;
	}	
 .rightBlockChatMessageNick.gold
	{
		border: 2px solid #ec536c;
	}
 .rightBlockChatMessageNick.vip
	{
		border: 2px solid #ec536c;
	}
 .rightBlockChatMessageNick.youtube
	{
		border: 2px solid #ec536c;
	}	
 .rightBlockChatMessageText
	{
		margin-left: 51px;
		margin-top: -33px;
		line-height: 14px;
		font-size: 14px;
		font-weight: 400;
		color: #bbbbbb;
		word-break: break-word;
	}	
 .rightBlockChatMessageTimeBlock
	{
		position: absolute;
		font-size: 11px;
		color: #758185;
		top: 11px;
		right: 15px;
	}	
 .rightBlockChatTextArea
	{	
		position: relative;
		background: linear-gradient(272deg, rgb(12,21,32) 0%, rgb(98,102,113, 15%) 100%);
		border: 0px;
		width: 100%;
		height: 58px;
		padding: 0px;
		padding-top: 2px;
		padding-left: 9px;
		padding-right: 93px;
		border-radius:0px;
		margin: 0px;
		font-size: 14px;
		text-align: left;
		color:#c3c3c3;
		word-break: break-word;
		line-height: 0px;
		outline: none;
	}
 .rightBlockChatTextArea:hover
	{	
		background: linear-gradient(272deg, rgb(12,21,32) 0%, rgb(98,102,113, 30%) 100%);
		border: 0px;
	}	
 .rightBlockChatSymCount
	{
		position: absolute;
		right: 0;
		color: #4c575c;
		font-size: 14px;
		transform: translate(-58px, -36px);
	}	
 .rightBlockChatButton
	{
		position: absolute;
		right: 0;
		transition: background,border,color 1s cubic-bezier(0, 1.15, 0.36, 1) 0s;
		width: 42px;
		height: 42px;
		border: 1px solid transparent;
		border-radius: 56px;
		background: rgb(255,255,255, 13%);
		color: #cfcfcf;
		font-size: 23px;
		margin-top: 1px;
		cursor: pointer;
		outline: none;
		line-height: 39px;
		transform: translate(-10px, -51px);
	}
 .rightBlockChatButton:hover
	{
		background: rgb(59,75,85);
		border: 1px solid rgb(128, 135, 160);
		color: #fff;

	}
 .rightBlockChatButton:active
	{
		background: rgb(52,89,100);
		border: 1px solid rgb(108,109,113);
		color: #fff;

	}		
 .rightBlockFooter 
	{
		position: relative;
		border-top: 1px solid #0b0d13;	
		
	}


 .helpIcon
	{ 
		position: absolute;
		background: rgba(111, 122, 165, 0.12);
		width: 30px;
		height: 30px;
		font-size: 15px;
		color: #a5aabf;
		line-height: 30px;
		cursor: pointer;
		border: 1px solid transparent;
		border-radius: 50px;
		text-align: center;
		transition: all 3s cubic-bezier(0, 1.15, 0.36, 1) 0s;
		z-index: 2;
		top: 107px;
		right: 20px;
		opacity: 0.7;
	}


 .notifyNickname
	{
		position: absolute;
		overflow: hidden;
		font-size: 14px;
		font-weight: 600;
		color: #969bb1;
		text-overflow: ellipsis;
		cursor: pointer;
		white-space: nowrap;
		transform: translate(50px, -11px);
	}
 .notifyText
	{
		margin-left: 50px;
		margin-top: 2px;
	}	
 .notifyAvatar 
	{
		position: absolute;
		width: 55px;
		height: 55px;
		float: left;
		border: 2px solid #2e3248;
		margin-top: -13px;
		margin-left: -12px;
		border-radius: 10px;
		padding: 2px;
		opacity: 0.7;
		box-shadow: -1px 0px 8px 8px rgba(0, 0, 0, 0.21);
	}






 .universalBigBlock
	{	
		position: relative;
		overflow: hidden;
		width: 100%;
		min-height: 99vh;
		background: linear-gradient(137deg, rgb(127,64,148, 12%) 0%, rgb(255,184,86, 3%) 100%) !important;
		border-radius: 0px 0px 10px 10px;
		box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.15);
		z-index: 1000;
	}
	
 .universalBigBlock .leftText
	{	
		position: absolute;
		width: 100%;
		flex-wrap: nowrap;
		color: #e3f0ff;
		text-align: center;
		font-size: 30px;
		font-family: 'Roboto';
		font-weight: 900;
		text-transform: uppercase;
		transform: translate(0px, 66px);
		text-shadow: 1px 3px 1px rgb(61 34 64);
	}
	
 .universalBigBlock .rightText
	{	
		position: absolute;
		width: 100%;
		flex-wrap: nowrap;
		color: #e3f0ff;
		text-align: center;
		font-size: 14px;
		font-family: 'Roboto';
		font-weight: 400;
		text-transform: uppercase;
		transform: translate(0px, 110px);
		text-shadow: 1px 3px 1px rgb(61 34 64);
	}
	
 .universalBigBlock.landing
	{
		display: grid;
		position: relative;
		align-content: center;
		justify-content: center;
		background: linear-gradient(137deg, rgb(127,64,148, 20%) 0%, rgb(0,153,139, 13%) 100%) !important;	
		width: 100vw;
		min-height: 100vh;
		border-radius: 0px;
	}	
 .universalBigBlock.classic
	{	
		height: 450px;
		min-height: 0vh;
	}	
 .universalBigBlock.battle
	{	
		height: 476px;
		min-height: 0vh;
	}
 .universalBigBlock.casinoLobby
	{	
		height: 333px;
		min-height: 0vh;
	}	
 .universalBigBlock.wheel
	{	
		height: 476px;
		min-height: 0vh;
	}
 .universalBigBlock.rooms
	{	
		min-height: 99vh;
	}	
 .universalBigBlock.king
	{	
		min-height: 99vh;
	}
 .universalBigBlockBackground
	{	
		position: absolute;
		background: url("/assets/img/bg/blockBg-1.jpg") 50% 0% no-repeat;
		width: 100%;
		height: 100%;
		background-size: cover;
		opacity: 0.03;
		border-radius: 10px;
		filter: grayscale(0.7);
		z-index: -1;
		overflow: hidden;
	}
 .universalBigBlockBackground.profile
	{	 
		background: url("/archive/bg/1.jpg") 50% 0% no-repeat;
		background-size: cover;
		opacity: 0.20;
		filter: grayscale(0.8);
	}		
 .universalBigBlockBackground.landing
	{	 
		background: url("/archive/bg/1.jpg") 50% 0% no-repeat;
		background-size: cover;
		opacity: 0.30;
	}	
 .universalBigBlockBackground.bgBattle
	{	
		background: url('/assets/img/bg/blockBg-7.jpg') 50% 30px no-repeat;
		background-size: cover;
		opacity: 0.03;
	}
 .universalBigBlockBackground.casinoLobby
	{	
		background: url("/archive/bg/19.jpg") 50% 0% no-repeat;
		background-size: cover;
		opacity: 0.03;
	}
 .universalBigBlockBackground.bgClassic
	{	
		background: url("/assets/img/bg/bgClassicBig.jpg") 38% 100% no-repeat;
		background-size: cover;
		opacity: 0.15;
		transform: translate(0px, -28px);
	}	 
 .universalBigBlockBackground.bgKing
	{	
		background: url("/assets/img/kingTema.jpg") 50% 0% no-repeat;
		background-size: cover;
		opacity: 0.20;
	}
 .universalBigBlockBackground.bgMines
	{	
		background: url("/archive/bg/41.jpg") 50% 0% no-repeat;
		background-size: cover;
		opacity: 0.15;
	}
 .universalBigBlockBackground.bgX100
	{	
		background: url("https://pbs.twimg.com/media/E62TY8HWYAEK2Yd.jpg") 50% 0% no-repeat;
		background-size: cover;
		opacity: 0.03;
	}		
 .universalBigBlockBackground.bgWheel
	{	
		background: url("https://mir-s3-cdn-cf.behance.net/project_modules/fs/3342e185394995.5d7a56b18af41.jpg") 50% 77px no-repeat;
		background-size: cover; 
		opacity: 0.04;
	}
 .universalBigBlockBackground.bgRooms
	{	
		background: url("/archive/bg/44.jpg") 50% 0px no-repeat;
		background-size: cover;
		opacity: 0.09;
		transform: rotate(180deg);
	}
	
 .universalBigBlockBackground.bg2
	{	
		background: url("/archive/bg/45.jpg") 50% 0% no-repeat;
		background-size: cover;
	}
 .universalBigBlockBackground.bg3
	{	
		background: url("/archive/bg/46.jpg") 50% 0% no-repeat;
		background-size: cover;
	}
 .universalBigBlockBackground.bg4
	{	
		background: url("/archive/bg/47.jpg") 50% -32px no-repeat;
		background-size: cover;
		opacity: 0.03;
		transform: translate(4px, 0px);
	}
 .universalBigBlockBackground.bg5
	{	
		background: url("/archive/bg/48.jpg") 50% 0% no-repeat;
		background-size: cover;
	}
 .universalBigBlockBackground.bg6
	{	
		background: url("/assets/img/kingTema.jpg") 50% 0% no-repeat;
		background-size: cover;
	}
 .universalBigBlockBackground.bg7
	{	
		background: url("/assets/img/bg/blockBg-7.jpg") 50% 0% no-repeat;
		background-size: cover;
	}
 .universalBigBlockBackground.bg8
	{	
		background: url("/assets/img/bg/blockBg-8.jpg") 50% 0% no-repeat;
		background-size: cover;
	}
 .universalBigBlockBackground.bgChat
	{	
		background: url("/archive/bg/56.jpg") 50% 0% no-repeat;
		background-size: cover;
		opacity: 0.08;
	}	
 .universalBigBlockBackground.bgLeftMenu
	{	
		background: url("/archive/bg/56.jpg") 50% 0% no-repeat;
		background-size: cover;
		opacity: 0.15;
	}	  
 .universalBigBlockBackground.bgHeaderUp
	{	
		background: url("/archive/bg/51.jpg") 50% 0% no-repeat;
		background-size: cover;
		opacity: 0.09;
	}
 .universalBigBlockBackground.mobileMenu
	{	
    background: url("/archive/bg/51.jpg") 50% 0% no-repeat;
    background-size: cover;
    opacity: 0.05;
	}
	
 .universalBigBlock .headerUp
	{	
		position:relative;
		border-bottom: 1px solid #0e1119;
		color: #b3b3c4;
		width: 100%;
		height: 78px;
	}	
 .universalBigBlock .headerUp .ico
	{	
		position: absolute;
		background: radial-gradient(at 50% -5%, rgb(80,86,113,69%), rgb(36,127,154,5%));
		width: 60px;
		height: 60px;
		font-size: 30px;
		text-align: center;
		line-height: 60px;
		transform: translate(10px, 10px);
		border-radius: 37px;
	}
 .universalBigBlock .headerUp .ico img
	{	
		width: 50px;
		transform: translate(0px, 4px);
		opacity: .8;
		border-radius: 100%;
	}	
 .universalBigBlock .headerUp .textOne
	{	
		position: absolute;
		font-size: 21px;
		text-transform: uppercase;
		font-weight: 900;
		font-family: 'Roboto', sans-serif;
		transform: translate(77px, 20px);
		border-bottom: 0px solid #0e1119;
	}
 .universalBigBlock .headerUp .textTwo
	{	
		position: absolute;
		font-size: 14px;
		color: #8c92a8;
		transform: translate(77px, 40px);
		border-bottom: 0px solid #0e1119;
	}
	
 .universalBigBlock .headerUp.bg1 { background: linear-gradient(90deg, rgb(127 64 148 / 11%) 0%, rgb(0 153 139 / 6%) 100%) !important; }		
 .universalBigBlock .headerUp.bg2 { background: linear-gradient(90deg, rgb(56,53,83, 56%) 0%, rgb(255,141,0, 6%) 100%) !important; }		

 .universalBigBlockHeaderMenuBlock
	{	
		right: 0;
		transform: translate(-5px, 19px);
		position: absolute;
		text-align: right;
		width: 100%;
		z-index: 2;
	}
 .universalBigBlockHeaderMenuBlockButton
	{	
		position: relative;
		display: inline-flex;
		background: rgb(111 122 165 / 15%);
		justify-content: center;
		align-items: center;
		min-width: 100px;
		color: #b7b8d4;
		padding: 10px 20px;
		margin: 1px;
		border-radius: 5px;
		text-decoration: none;
		font-size: 15px;
		border: 1px solid rgba(0, 0, 0, 0.13);
		overflow: hidden;
		transition: all 2s cubic-bezier(0, 1.15, 0.36, 1) 0s;
	}	
 .universalBigBlockHeaderMenuBlockButton:active
	{	
		background: rgb(255 255 255 / 15%);
		box-shadow: inset 0px 0px 8px 0px rgba(0, 0, 0, 0.18);	
	}		
 .universalBigBlockHeaderMenuBlockButton.active
	{	
		background: rgb(255 255 255 / 15%);
		box-shadow: inset 0px 0px 8px 0px rgba(0, 0, 0, 0.18);	
	}
 .universalBigBlockHeaderBlockIco
	{	
		position: absolute;
		font-size: 40px;
		color: #c1c5d6;
		transform: translate(15px, 0px);
	}
 .universalBigBlockHeaderBlockText
	{	
		position: absolute;
		font-size: 18px;
		color: #c1c5d6;
		transform: translate(61px, 0px);
	}

 .landingContainer
	{
		display: grid;	
		align-items: center;
		justify-content: center;
		width: 100vw;
		padding: 25px;
		height: 500px;
		font-size: 14px;
		color: #bdc3da;
		overflow-y: auto;	
	}
 .landingCompany
	{
		position: absolute;
		right: 22px;
		bottom: 19px;
		color: #eeece6;
	} 	
 .landingLogo
	{
		position: absolute;
		left: 22px;
		top: 20px;
		width: 75px;
	}
 .landingLogoText 
	{
		position: absolute;
		left: 108px;
		top: 41px;
		font-size: 27px;
		font-weight: 900;
		font-family: 'Roboto';
		color: #ffffff;
		text-shadow: 2px 2px 2px #763a87;
	}	
 .landingOnline
	{
		position: absolute;
		right: 22px;
		top: 67px;
		font-size: 27px;
		font-weight: 900;
		color: #e7e5f0;
	}
 .landingOnlineText
	{
		position: absolute;
		right: 58px;
		top: 102px;
		font-size: 18px;
		font-weight: 900;
		color: #c3d5c9;
	}	
 .landingOnline .ico
	{
		width: 90px;
		height: 90px;
		background-size: contain;
		opacity: .4;
	}		
 .landingLinks
	{
		position: absolute;
		left: 22px;
		bottom: 41px;
		font-size: 15px;
		font-weight: 500;
		color: #aeabbc;
	} 
 .landingStartPlay
	{
		font-family: 'Roboto';
		font-size: 28px;
		font-weight: 900;
		color: #fffffc;
		text-align: center;
		text-shadow: 2px 2px 2px #763a87;
		text-transform: uppercase;
	}
 .landingSocialButtons 
	{
		display: flex;
		width: 100%;
		align-content: center;
		padding: 0px;
		z-index: 3;
	}
 .landingSocialButtons .button
	{
		position: relative;
		border: 0px solid rgb(24,32,47);
		background: rgb(29,37,52, 84%);
		padding: 5px;
		width: 150px;
		height: 60px;
		margin: 2px;
		color: #fffffc;
		cursor: pointer;
		flex: 1 1 auto;
		border-radius: 10px;
		transition: background 500ms cubic-bezier(0, 1.15, 0.36, 1) 0s;
		box-shadow: 2px 2px 2px 0px rgb(50,50,50, 75%);
	}
 .landingSocialButtons .button .ico
	{
		position: absolute;
		font-size: 25px;
		top: 17px;
		left: 10px;
	}
 .landingSocialButtons .button .socName
	{
		position: absolute;
		font-size: 16px;
		color: #949ab4;
		top: 20px;
		left: 42px;
	}
 .landingSocialButtons .button.vk:hover {    background: linear-gradient(90deg, #2a4d94 0%, rgb(52,76,123,31%) 100%) ;	}	
 .landingSocialButtons .button.steam:hover {    background: linear-gradient(90deg, rgb(30,31,33,72%) 0%, rgb(30,73,57,22%) 100%) ;	}
 .landingSocialButtons .button.google:hover {   background: linear-gradient(90deg, #c42525 0%, rgb(255,131,131,37%) 100%);} 
 .landingSocialButtons .button.google.active {   background: linear-gradient(90deg, #c42525 0%, rgb(255,131,131,37%) 100%);} 
 .landingSocialButtons .button.diskord:hover {     background: linear-gradient(90deg, #6e2babab 0%, rgb(25,101,124,58%) 100%) ; } 
 


/* ============ B L O C K S ================ */

 .miniBlocks 
	{
		font-size: 0px;
		overflow: hidden;
	} 
 .miniBlocks .block
	{
		position: relative;
		height: 44vh;
		width: 50%;
		border: 10px solid transparent;
		display: inline-block;
		border-radius: 25px;
	}
 .miniBlocks .block.w_100 { width: 100%; }
 .miniBlocks .block.h_20 {  height: 20vh; } 	 
 
 .miniBlocks .block .background
	{	
		position: absolute;
		width: 100%;
		height: 100%;
		filter: grayscale(0.9);
		z-index: 500;
		transition: all 3s cubic-bezier(0, 1.15, 0.36, 1) 0s;
		border-radius: 10px;
	}
 .miniBlocks .block .background.bg1 { background: url("/archive/bg/20.jpg") 50% 0% no-repeat; background-size: cover;opacity: 0.13; }		
 .miniBlocks .block .background.bg2 { background: url("/archive/bg/21.jpg") 50% 0% no-repeat; background-size: cover;opacity: 0.13; }	
 
 .miniBlocks .block .title
	{
		background: linear-gradient(178deg, rgb(56,53,86) 0%, rgb(188,93,157, 0%) 100%);
		position: absolute;
		width:100%;
		height: 40px;
		top: 0px;
		left: 0px;
		padding: 10px;
		color: #bac6d5;
		font-family: Roboto,sans-serif;
		font-size: 16px;
		border-radius: 10px 10px 0 0;
	}
 .miniBlocks .block .title i
	{
		width: 30px;
		height: 30px;
		background: rgb(111,122,165, 15%);
		font-size: 16px;
		color: #a5aabf;
		line-height: 31px;
		margin-right: -7px;
		margin-top: -5px;
		border-radius: 10px;
		text-align: center;
		float: right;
		z-index: 2;
	}
	
  .miniBlocks .secondBlock
	{
		position: absolute;
		height: 100%;
		width: 100%;
	}
  .miniBlocks .secondBlock .headerRules
	{
		position: absolute;
		transform: translate(10px, 45px);
		color: #cacacb;
		width: 95%;
		line-height: 16px;
		font-size: 14px;
		white-space: normal;
		top: 0;
		z-index: 1000;
		transition: all 3s cubic-bezier(0, 1.15, 0.36, 1) 0s;
	}	
/* ============ KYC ================ */
	
 .kycContainer 
	{
		position:relative;
		display: flex;
		align-items: center;
		font-size: 0px;
		overflow: hidden;			
	}
  .kycContainer .block1
	{
		position: relative;
		width: 60%;
		color: #484c64;
		font-size: 14px;
		border: 10px solid transparent;
		display: inline-block;
	} 	
  .kycContainer .block2
	{
		position: relative;
		width: 40%;
		color: #484c64;
		font-size: 14px;		
		border: 10px solid transparent;
		display: inline-block;
		text-align: center;
	} 
 .kycContainer .curLogo
	{
		width: 120px;
	}
	
 .kycContainer .background
	{	
		position: absolute;
		width: 100%;
		height: 100%;
		filter: grayscale(0.6);
		transition: all 3s cubic-bezier(0, 1.15, 0.36, 1) 0s;
		background: url("/archive/bg/40.jpg") 50% 0% no-repeat; background-size: cover; opacity: 0.10;		
	}
/* ============ A F F i L A T E S ================ */
 
  .affilatesContainer 
	{
		font-size: 0px;
		overflow: hidden;
	} 
  .affilatesContainer .block
	{
		position: relative;
		height: 44vh;
		width: 50%;
		border: 10px solid transparent;
		display: inline-block;
		border-radius: 25px;
	}
 .affilatesContainer .block .createdPromo
	{	
		display: flex;
		position: absolute;
		background: #3b354c;
		background: url("/assets/img/gif/podarok.gif") 50% 0% no-repeat;
		background-size: cover;		
		color: #edebf4;
		width: 100%;
		height: 100%;
		z-index: 2000;
		transition: all 3s cubic-bezier(0, 1.15, 0.36, 1) 0s;
		border-radius: 10px;
		font-size: 50px;
		text-align: center;
		align-content: center;
		justify-content: center;
		align-items: center;
	}	
 .affilatesContainer .block .background
	{	
		position: absolute;
		width: 100%;
		height: 100%;
		filter: grayscale(0.6);
		z-index: 500;
		transition: all 3s cubic-bezier(0, 1.15, 0.36, 1) 0s;
		border-radius: 10px;
	}
 .affilatesContainer .block .background.bg1 { background: url("/archive/bg/52.jpg") 50% 0% no-repeat; background-size: cover; opacity: 0.20; }
 .affilatesContainer .block .background.bg2 { background: url("/archive/bg/53.jpg") 50% 0% no-repeat;  background-size: cover; opacity: 0.14; }	
 .affilatesContainer .block .background.bg3 { background: url("/archive/bg/54.jpg") 50% 0% no-repeat; background-size: cover;opacity: 0.10; }	
 .affilatesContainer .block .background.bg4 { background: url("/archive/bg/55.jpg") 50% 0% no-repeat; background-size: cover; opacity: 0.10; }	

 .affilatesContainer .block .background:hover
	{	

		filter: grayscale(0.9);

	}	
   .affilatesContainer .block .title
	{
		/* background: linear-gradient(178deg, rgb(56,53,86) 0%, rgb(188,93,157, 0%) 100%); */
		position: absolute;
		width:100%;
		height: 40px;
		top: 0px;
		left: 0px;
		padding: 10px;
		color: #bac6d5;
		font-family: Roboto,sans-serif;
		font-size: 16px;
		border-radius: 10px 10px 0 0;
	}
   .affilatesContainer .block .title i
	{
		width: 30px;
		height: 30px;
		background: rgb(111,122,165, 15%);
		font-size: 16px;
		color: #a5aabf;
		line-height: 31px;
		margin-right: -7px;
		margin-top: -5px;
		border-radius: 10px;
		text-align: center;
		float: right;
		z-index: 2;
	}
	
  .affilatesContainer .secondBlock
	{
		position: absolute;
		height: 100%;
		width: 100%;
	}
  .affilatesContainer .secondBlock .table
	{
		position: absolute;
		bottom: 0;
		z-index:500;
	}
  .affilatesContainer .secondBlock .table tr
	{
		background: rgb(138, 160,187, 0%); 
	}  	
  .affilatesContainer .secondBlock .input
	{
		z-index: 1005;
		width: 100%;
		background: rgb(255,255,255, 10%);
		border: 1px solid rgb(27,33,42);
		margin-top: -10px;
		box-shadow: inset 5px 3px 13px 2px rgb(0,0,0, 11%);
	}
  .affilatesContainer .secondBlock .input.button
	{
		 background: rgb(72,65,94, 80%);
	}
  .affilatesContainer .secondBlock .input.half
	{
		width: 50%;
		display:inline-block;
	}
  .affilatesContainer .secondBlock .input.green
	{
		background: rgb(72,153,86, 34%); 
	}
  .affilatesContainer .secondBlock .input.yellow
	{
		background: rgb(145,146,65, 35%);
	}		
  .affilatesContainer .secondBlock .input:hover { background: rgb(255,255,255, 15%); }
  .affilatesContainer .secondBlock .input.button:hover {background: rgb(102,95,125);}
  
  
  .affilatesContainer .secondBlock .headerRules
	{
		position: absolute;
		transform: translate(10px, 50px);
		color: #8993ab;
		width: 95%;
		line-height: 16px;
		font-size: 14px;
		white-space: normal;
		top: 0;
		z-index: 1000;
		transition: all 3s cubic-bezier(0, 1.15, 0.36, 1) 0s;
	}
  .affilatesContainer .secondBlock .headerRules:hover { color: #bcc3d3; }  

/* ============ Events Page ================ */
  .eventsContainer 
	{
		display: flex;
		position: relative;
		flex-wrap: wrap;
		margin: -6px;
		margin-top: -284px;
	} 

  .eventsContainer .rules
	{
		display: block;
		width: 100%;
		padding: 8px;
		margin: 5px;
		margin-top: 20px;
		color: #d9d9d9;
		font-size: 14px;
		font-family: 'Roboto';
		background: #ffffff05;
		border-radius: 10px;
		box-shadow: -1px -4px 4px 0px rgb(0 0 0 / 14%);
	}

  .eventsContainer .rules .header
	{
		position: absolute;
		width: 250px;
		background: #ff1f47d4;
		flex-wrap: nowrap;
		color: #e3f0ff;
		margin-right: 20px;
		text-align: center;
		font-size: 25px;
		font-family: 'Roboto';
		font-weight: 900;
		border-radius: 11px;
		transform: translate(-7px, -26px) rotate(355deg);
		text-shadow: 1px 3px 1px rgb(134 31 144);
	    box-shadow: 6px -4px 0px 0px rgb(171 123 161 / 30%);
	} 	
	
	
  .eventsContainer .block
	{
		overflow: hidden;
		position: relative;
		display: flex;
		flex-direction: column;
		flex: 0 0 calc(25.00% - 12px);
		background: rgb(255,255,255, 5%);
		background: linear-gradient(138deg, rgb(38,30,69,49%) 0%, rgb(6,38,21,38%) 100%) !important;
		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;
	}
	
 @media (max-width: 768px) 
	{
	  .eventsContainer 
		{
			margin: 10px;
			margin-top: -250px;
		} 		
	  .eventsContainer .block
		{
			flex: 0 0 calc(100% - 12px);
			height: auto;
		}

			
	}	

  .eventsContainer .blockLogo
	{
		width: 175px;
		height: 175px;
		overflow: hidden;
		border: 9px solid #ffffff1f;
		align-items: center;
		margin: 15px;
		border-radius: 50px;
		box-shadow: 3px 3px 7px 0px rgb(13 17 21 / 58%);
		opacity: 0.8;
		z-index: 2;
	}

  .eventsContainer .blockLogoBg
	{
		position: absolute;
		width: 175px;
		height: 175px;
		overflow: hidden;
		border: 0px solid #ffffff36;
		align-items: center;
		margin: 15px;
		border-radius: 50px;
		box-shadow: 3px 3px 7px 0px rgb(13 17 21 / 58%);
		opacity: 0.8;
		z-index: 1;
	}	
	
 .eventsContainer .block .places
	{	
		position: absolute;
		left: 0;
		width: 250px;
		background: #ff1f47d4;
		flex-wrap: nowrap;
		color: #e3f0ff;
		margin-right:20px;
		text-align: center;
		font-size: 25px;
		font-family: 'Roboto';
		font-weight: 900;
		transform: translate(-90px, 25px) rotate(-43deg);
		text-shadow: 1px 3px 1px rgb(134 31 144);
		box-shadow: 0px 5px 10px 2px rgb(8,10,12, 20%);
	}
	
 @media (max-width: 768px) 
	{
	 .eventsContainer .block .places
		{
			width:100%;
			transform: translate(-39%, 41px) rotate(-43deg);
		}	
			
	}	
	
 .eventsContainer .block .background
	{	
		position: absolute;
		width: 100%;
		height: 100%;
		filter: grayscale(0.6);
		z-index: 500;
		transition: all 3s cubic-bezier(0, 1.15, 0.36, 1) 0s;
		border-radius: 10px;
	}
 .eventsContainer .block .background.bg1 { background: url("/archive/bg/36.jpg") 50% 0% no-repeat; background-size: cover; opacity: 0.02; }
 .eventsContainer .block .background.bg2 { background: url("/archive/bg/53.jpg") 50% 0% no-repeat;  background-size: cover; opacity: 0.10; }	
 .eventsContainer .block .background.bg3 { background: url("/archive/bg/54.jpg") 50% 0% no-repeat; background-size: cover;opacity: 0.10; }	
 .eventsContainer .block .background.bg4 { background: url("/archive/bg/55.jpg") 50% 0% no-repeat; background-size: cover; opacity: 0.06; }		

 .eventsContainer .block:hover
	{	
		background: rgb(255,255,255, 9%);	

	}

 .eventsContainer .block .header
	{	
		display: flex;
		width: 100%;
		background: rgb(255 255 255 / 3%);
		background: linear-gradient(22deg, rgb(36 44 76 / 58%) 20%, #9ae3ff0d 70%);
		height: 75px;
		padding: 5px;
		border-bottom: 1px solid #0e1119;
		font-family: 'Roboto', sans-serif;
		font-size: 15px;
		text-align: center;
		align-content: center;
		justify-content: center;
		align-items: center;
		flex-direction: row;
		flex-wrap: nowrap;	
		font-weight: 900;
		text-transform: uppercase;
		text-shadow: 1px 3px 1px rgb(47 31 37);		
	}
	
 .eventsContainer .block .users
	{	
    width: 100%;
    background: #ffffff0a;
    height: 40px;
    padding: 6px;
    border-bottom: 1px solid #0e1119;
    font-size: 14px;
    align-content: center;
	}	

	
/* ============ Limits Page ================ */
  
  .limitsContainer 
	{
		display: flex;
		flex-wrap: wrap;
		margin: -6px;
		margin-top: -105px;
	} 
  .limitsContainer .block
	{
		overflow: hidden;
		position: relative;
		display: flex;
		flex-direction: column;
		flex: 0 0 calc(25.00% - 12px);
		height: 92vh;
		background: rgb(255,255,255, 5%);
		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;
	}
	
 @media (max-width: 768px) 
	{
	  .limitsContainer 
		{
			margin: 10px;
			margin-top: -105px;
		} 		
	  .limitsContainer .block
		{
			flex: 0 0 calc(100% - 12px);
			height: auto;
		}		
			
	}	
	
	
 .limitsContainer .block .background
	{	
		position: absolute;
		width: 100%;
		height: 100%;
		filter: grayscale(0.6);
		z-index: 500;
		transition: all 3s cubic-bezier(0, 1.15, 0.36, 1) 0s;
		border-radius: 10px;
	}
 .limitsContainer .block .background.bg1 { background: url("/archive/bg/29.jpg") 50% 0% no-repeat; background-size: cover; opacity: 0.06; }
 .limitsContainer .block .background.bg2 { background: url("/archive/bg/53.jpg") 50% 0% no-repeat;  background-size: cover; opacity: 0.10; }	
 .limitsContainer .block .background.bg3 { background: url("/archive/bg/54.jpg") 50% 0% no-repeat; background-size: cover;opacity: 0.10; }	
 .limitsContainer .block .background.bg4 { background: url("/archive/bg/55.jpg") 50% 0% no-repeat; background-size: cover; opacity: 0.06; }		

 .limitsContainer .block:hover
	{	
		background: rgb(255,255,255, 15%);	

	}	
	
 .limitsContainer .block .header
	{	
		width: 100%;
		height: 100px;
		display: flex;
		border-bottom: 1px solid #0e1119;
		flex-wrap: nowrap;
		font-size: 30px;
		font-family: 'Roboto', sans-serif;
		align-content: flex-start;
		justify-content: center;
		align-items: center;
		font-weight: 900;
		text-shadow: 2px 2px 2px rgb(22,22,22, 56%);
	}	
	
 .limitsContainer .block .header.one
	{	
		background: #720468;
		background: linear-gradient(49deg, #686868 20%, rgb(32,43,74, 0%) 70%);
	}
 .limitsContainer .block .header.two
	{	
		background: #720468;
		background: linear-gradient(27deg, rgb(94,76,33, 58%) 20%, #d5c07f 70%);
	}	
 .limitsContainer .block .header.three
	{	
		background: #720468;
		background: linear-gradient(24deg, rgb(76,33,65) 20%, rgb(235,29,115, 91%) 70%);
	}	
 .limitsContainer .block .header.four
	{	
		background: #720468;
		color: #66626b;
		text-shadow: 0 1px 0 #F4F3F1;		
		background: conic-gradient(at center top, rgb(17, 24, 39), rgb(254 254 254), rgb(17, 24, 39));
	}
 .limitsContainer .block .header.five
	{	
		color: #ffffff;
		text-shadow: 0 0px 3px #ffffff;
		background: linear-gradient(92deg, #a864da, #1d4d8b, #0cbddd, #00e3c9);
		background-size: 400% 400%;
		border: 2px solid transparent;
		animation: gradientOneAnim 6s cubic-bezier(0, 0.23, 1, 0.58) infinite;
	}	
	
 .limitsContainer .block .rule
	{	
		display: flex;
		width: 100%;
		background: rgb(255 255 255 / 4%);
		padding: 5px;
		padding-left: 47px;
		border-bottom: 1px solid #0e1119;
		font-family: 'Roboto', sans-serif;
		font-size: 14px;
		height: 61px;
		margin-left: 0px;
		align-items: center;
		flex-direction: row;
		align-content: center;
		flex-wrap: nowrap;
	}

 .limitsContainer .block .rule.first
	{	
		display: flex;
		background: rgb(40 36 56);
		height: 75px;
		padding: 5px;
		text-align: center;
		font-size: 15px;
		align-content: center;
		justify-content: center;
		align-items: center;
	}
	
 .limitsContainer .block .rule .ico
	{	
		position: absolute;
		width: 30px;
		height: 30px;
		left: 8px;
		font-size: 22px;
		padding: 4px;
		line-height: 6px;
		border-radius: 100px;
		color: #c3e6d4;
		text-shadow: 2px 2px 2px #161616;
	}	
	
/* ============ F I N A N C E ================ */

 .financeContainer 
	{
		display: flex;
		min-height: 100px;
	}
 .financeContainerBlocks 
	{
		margin: 15px;
		flex: 1 1 200px;
		border-radius: 10px;
	}
 .financeContainerBlocks:nth-child(1) 
	{
		flex: 0 1 250px;
	}
	
 .financePayMethod
	{
		position: relative;
		display: flex;
		background: linear-gradient(90deg , rgb(98,90,158, 16%) 0%, rgb(39,35,55, 62%) 100%);
		color: #c1c5d6;
		text-decoration: none;
		font-size: 14px;
		width: 100%;
		min-width: 250px;
		height: 35px;
		line-height: 21px;
		margin-top: 7px;
		border: 1px solid transparent;
		border-radius: 100px;
	}
 .financePayMethod:nth-child(1) 
	{
		margin-top: 0px;
	}	
 .financePayMethod:hover  {	background: linear-gradient(90deg , rgb(98,90,158, 35%) 0%, rgb(39,35,55, 62%) 100%); }
 .financePayMethod.active {	background: linear-gradient(90deg , rgb(98,90,158, 80%) 0%, rgb(39,35,55, 62%) 100%); } 
 .financePayMethod img
	{	
		background: #222d44;
		border: 3px solid #2d3a56;
		border-radius: 100px;
		width: 35px;
		height: 35px;
		transform: translate(-7px, 0px);
		box-shadow: -1px 0px 0px 2px rgba(0, 0, 0, 0.15);
		opacity: 0.9;
}
 .financePayMethod span
	{	
		position: absolute;
		right: 0;
		background: #3b385b;
		color: #a0acc3;
		font-size: 10px;
		font-weight: bold;
		border-radius: 100px;
		text-align: center;
		line-height: 20px;
		width: 20px;
		height: 20px;
		transform: translate(-31px, 7px);
	}
 .financePayMethod i
	{	
		position: absolute;
		transform: translate(35px, 14px);
		color: #5e697e;
		font-size: 13px;
		font-style: normal;
	}	
 .financePayFormHeader
	{	
		position: relative;
		display: flex;
		align-items: center;
		background: linear-gradient(90deg , rgb(98,90,158, 17%) 0%, rgb(39,35,55, 62%) 100%);
		color: #c1c5d6;
		font-size: 16px;
		padding-left: 10px;
		width: 100%;
		height: 40px;
		border: 1px solid transparent;
		border-radius: 5px;
	}
 .financePayFormHeader img
	{	
		position: absolute;
		right: 0;
		background: #222d44;
		border: 3px solid #2d3a56;
		border-radius: 100px;
		width: 55px;
		height: 55px;
		transform: translate(5px, 0px);
		box-shadow: -1px 2px 0px 0px rgba(0, 0, 0, 0.15);
	}
 .financePayMethod .flag
	{	
		position: absolute;
		right: 0;
		border: 1px solid #1b4a59;
		border-radius: 100px;
		width: 23px;
		height: 23px;
		transform: translate(-4px, 5px);
		box-shadow: -1px 2px 0px 0px rgb(0 0 0 / 15%);
	}
 .financePayMethod .flag.world
	{	
		background: url("/img/flags/world.png") 50% 0% no-repeat;
		background-size: cover;
	}
 .financePayMethod .flag.ru
	{	
		background: url("/img/flags/ru_2.png") 50% 0% no-repeat;
		background-size: cover;
	}
 .financePayMethod .flag.ua
	{	
		background: url("/img/flags/ua_2.png") 50% 0% no-repeat;
		background-size: cover;
	}
 .financePayMethod .flag.kz
	{	
		background: url("/img/flags/kz.png") 50% 0% no-repeat;
		background-size: cover;
	}
 .financePayMethod .flag.eu
	{	
		background: url("/img/flags/eu.png") 50% 0% no-repeat;
		background-size: cover;
	}
 .financePayMethod .flag.bel
	{	
		background: url("/img/flags/bel.png") 50% 0% no-repeat;
		background-size: cover;
	}
 .financePayMethod .flag.tr
	{	
		background: url("/img/flags/tr.png") 50% 0% no-repeat;
		background-size: cover;
	}
 .financePayMethod .flag.uz
	{	
		background: url("/img/flags/uz.png?1") 50% 0% no-repeat;
		background-size: cover;
	}		
 .financePayOutOk 
	{
		display: flex;
		align-items: center;
		justify-content: center;
		background: rgb(18 65 39 / 72%);
		width: 100%;
		height: 100%;
		font-size: 30px;
		color: #c0b4c5;
		font-weight: bold;
		text-shadow: 2px 2px 0px #1a0f1f, 0 0 1em #33203c;
		position: absolute;
		z-index: 1000;
	}

	
/* ============ F O R M S ================ */


 .inputLabel
	{
		position: absolute;
		padding: 6px 7px 4px 1px;
		color: #c1c5d6;
		font-size: 13px;
		text-align: left;
		transform: translate(9px, -33px);
		z-index: -1;
	}
 .inputRightLink
	{
		position: absolute;
		right: 0;
		font-size: 13px;
		text-decoration: underline;
		transform: translate(-22px, -28px);
	}
	
 select
	{ 
	  -webkit-appearance:none;
	   -moz-appearance:none;
	   -ms-appearance:none;
	    appearance:none;	
		display: block;
		position: relative;
		background: rgb(255,255,255, 8%);
		border: 1px solid rgb(24, 32, 46);
		margin-top: 2px;
		height: 39px;
		padding: 6px;
		border-radius: 5px;
		text-align: right;
		text-decoration: none;
		font-weight: 500;
		line-height: 25px;
		color: #bcc2ce;
		outline: none;
		transition: all 1s cubic-bezier(0, 1.15, 0.36, 1) 0s;
		box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.11);
		cursor:pointer;
	}
 select option 
	{
		padding: 6px 28px 6px 0;
		background: #1f293c;
		border: 1px solid rgb(24, 32, 46);
		color: #bcc2ce;
		outline: none;
		text-shadow: 0 0 0 #000;
		appearance:none;	
		
	}	
 option:not(:checked) { background: #1f293c; padding: 6px; outline: none; border: 1px solid rgb(24, 32, 46);   appearance:auto;	}	
 
 input
	{ 
		display: block;
		position: relative;
		background: rgb(255,255,255, 8%);
		border: 1px solid rgb(0,0,0, 35%);
		margin-top: 4px;
		padding: 7px;
		border-radius: 5px;
		text-align: right;
		text-decoration: none;
		font-weight: 500;
		line-height: 25px;
		color: #bcc2ce;
		outline: none;
		transition: all 1s cubic-bezier(0, 1.15, 0.36, 1) 0s;
		appearance: auto; 
	}
 input.green 
	{ 
		background: rgb(65,167,46, 30%);
		color: #fff;
	}	
 input:hover 
	{ 
		background: rgb(255,255,255, 20%);
		color: #fff;
	}
 input:disabled
	{
		color: rgba(193, 197, 214, 0.56);
	}	
 input[type="submit"] 
	{ 
	
		text-align: center;
		cursor: pointer;
		-webkit-appearance: button; 
		-moz-appearance: button; 
		appearance: button; 
	}	
 input[type="submit"]:active { background: rgb(73, 81, 113); }	
 input[type=number]::-webkit-inner-spin-button 
	{
		position:absolute;
		opacity: 0;
	
	}
	
 .button.changedAmount
	{
		background: linear-gradient(185deg, rgb(57 58 64) 0%, rgb(54 58 71) 100%);
		border: 1px solid #222121;
		padding: 10px;
		width: 25%;
		font-size: 14px;
		margin-bottom: 4px;
		float: right;
		text-transform: uppercase;
		color: white;
		margin-top: 6px;
		border-radius: 5px;
		font-family: 'Roboto Condensed';
		cursor: pointer;
		transition: all 500ms cubic-bezier(0, 1.15, 0.36, 1) 0s;
	}
 .button.changedAmount:hover
	{
		background: linear-gradient(122deg, rgb(217,185,128) 0%, rgb(151,108,90) 100%);
	}
 .button.changedAmount:active
	{
		background: linear-gradient(0deg, rgb(217,185,128) 0%, rgb(151,108,90) 100%);
	}
	
 .button.yellow
	{
		background: linear-gradient(122deg, rgb(210,175,112) 0%, rgb(139,94,76) 100%);
		border: 1px solid #1c1c1c;
		padding: 10px;
		float: right;
		width: 150px;
		font-size: 16px;
		text-transform: uppercase;
		font-weight: 600;
		color: white;
		margin-top: 5px;
		border-radius: 5px;
		font-family: 'Roboto Condensed';
		cursor: pointer;
		transition: all 500ms cubic-bezier(0, 1.15, 0.36, 1) 0s;
	}
 .button.yellow:hover
	{
		background: linear-gradient(122deg, rgb(217,185,128) 0%, rgb(151,108,90) 100%);
	}
 .button.yellow:active
	{
		background: linear-gradient(0deg, rgb(217,185,128) 0%, rgb(151,108,90) 100%);
	}	
	 ::-webkit-input-placeholder { /* Chrome */
	 color: #c5c5c5;
	 font-size: 13px;
	}
	:-ms-input-placeholder { /* IE 10+ */
	color: #c5c5c5;
	 font-size: 13px;
	}
	::-moz-placeholder { /* Firefox 19+ */
	color: #c5c5c5;
	  opacity: 1;
	   font-size: 13px;
	}
	:-moz-placeholder { /* Firefox 4 - 18 */
		color: #c5c5c5;
	  opacity: 1;
	   font-size: 13px;
	}

/* ============ H E L P E R S ================ */

.break {
  flex-basis: 100%;
  height: 0;
}

 .w-block
	{ 
		width:100%;
	}
	 .w-halfblock
	{ 
		display: block;
		width: 50vw;
	}
 .w-50
	{ 
		width:50px;
	}
 .w-60p
	{ 
		width:60%;
	}	
 .w-150
	{ 
		width:150px;
	}
 .w-300
	{ 
		width:300px;
	}
 .w-320
	{ 
		width:320px;
	}	
 .mt-10
	{ 
		margin-top:10px;
	}
 .mt-20
	{ 
		margin-top:20px;
	}
 .mt-30
	{ 
		margin-top:30px;
	}

 .mb-20
	{ 
		margin-bottom:20px;
	}
 .mb-30
	{ 
		margin-bottom:30px;
	}

	
 .d-none
	{ 
		display: none !important;
	}
	
 .float-right
	{ 
		float: right;
	}
	
 .disabledElements 
	{
		cursor: not-allowed;
	}
 .cursorPointer 
	{
		cursor: pointer;
	}
	
 .blrdBg
	{
		position: absolute;
		background-size: cover;
		z-index: 0;
	}
 .blrdBg.blrdBg1
	{
		width: 300px;
		height: 90px;
		filter: blur(30px);
		opacity: 0.1;
	}
 .blrdBg.blrdBg2
	{
		width: 75px;
		height: 78px;
		filter: blur(2px);
		opacity: 0.2;
	}
 .blrdBg.blrdBg3
	{
		width: 1000px;
		height: 100vh;
		filter: blur(35px);
		opacity: 0.1;
	}
 .blrdBg.blrdBg4
	{
		background-size: auto;
		width: 100%;
		height: 72px;
		margin-top: -3px;
		filter: grayscale(100);
		opacity: 0.02;
	}	
 .gradientText01
	{
		background: linear-gradient(155deg, #a16bc2 20%, #2b4a64 70%);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}
		
 .grdTXGld
	{		
		background: linear-gradient(20deg, #FFEB3B 20%, #bb6c0e 70%);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;	
	}
 .grdTXVip
	{		
		background: linear-gradient(20deg, #17ffbf 20%, #d715af 70%);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;	
	}
 .grdTXYouTube
 
	{	
		font-family: "Luckiest Guy", cursive;
		background: linear-gradient(151deg, #e83232 20%, #ff9920 70%);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;	
	}

	
 .txt14
	{ 
		font-size: 14px;
	}	
 .txt25
	{ 
		font-size: 25px;
	}	
 .lh50
	{
		line-height: 50px;
	}
 .lh25
	{
		line-height: 25px;
	}

 .errorText 
	{
		left: 49.7%;
		top: 50%;
		transform: translate(-50%,0%);
		font-size: 18px;
		color: rgba(126, 135, 167, 0.47);		
		position: absolute;
	}
	

 table 
	{
		border-collapse: collapse;
		border-spacing: 0;
		width: 100%;
	}
 thead 
	{
		background: rgb(138 160 187 / 5%);
		color: #c1c5d6;
		font-size: 15px;
		box-shadow: 0px 2px 5px 0px rgb(0 0 0 / 16%);
	}	
 th 
	{
		text-align: left;
		padding:10px;
	}
 td 
	{
		text-align: left;
		padding: 10px;
		color: #c1c5d6;
		font-weight: 500;
		font-size: 14px;
	}
 tr 
	{
		height:40px;
		white-space: nowrap;
	}	
 tr:nth-child(even){background: rgb(138 160 187 / 5%); box-shadow: 0px 2px 5px 0px rgb(0 0 0 / 16%);}
 
 .icoInTable
	{ 
		margin: -6px 0px;
		background: #222d44;
		border: 3px solid transparent;
		border-radius: 100px;
		width: 23px;
		height: 23px;
		box-shadow: -1px 0px 0px 2px rgba(0, 0, 0, 0.15);
		opacity: 0.9;
	}
 .icoInTable.user 		{ background: linear-gradient(#1b1d23,#141b2d) padding-box, linear-gradient(to right, #242530, #373b4a) border-box; }	
 .icoInTable.gold 		{ background: linear-gradient(#1d2536,#101521) padding-box, linear-gradient(293deg, #201b0f, #d5c07f) border-box; }
 .icoInTable.vip  		{ background: linear-gradient(#1d2536,#141b2d) padding-box, linear-gradient(to right, #cc2b5e, #753a88) border-box; }
 .icoInTable.platinum  	{ background: linear-gradient(70deg, #cbcbcb, #ffffff, #403838, #ffffff); background-size: 400% 400%; border: 3px solid transparent; animation: gradientOneAnim 8s cubic-bezier(0, 0.23, 1, 0.58) infinite; }
 .icoInTable.diamond  	{ background: linear-gradient(92deg, #a864da, #1d4d8b, #0cbddd, #00e3c9); background-size: 400% 400%; border: 2px solid transparent; animation: gradientOneAnim 6s cubic-bezier(0, 0.23, 1, 0.58) infinite; } 
 .icoInTable.youtube  	{ background: linear-gradient(#1d2536,#141b2d) padding-box, linear-gradient(135deg, #d85f5f, #2a0a0a) border-box; }
 .icoInTable.green  	{ background: linear-gradient(#1d2536,#101521) padding-box, linear-gradient(293deg, #1e2e03, #95d753) border-box;}
 
 .tableIsEmpty
	{ 
		text-align: center;
		margin-top: 40px;
		font-size: 15px;
		color: #2b374b;
	}
	
 .bage 
	{
		padding: 3px 10px 3px 10px;
		font-size: 13px;
		white-space: nowrap;
		border-radius: 5px;
	}	
 .bage.regular
	{
		background: #242f44;
	}
 .bage.green
	{
		color: #fff;
		background: radial-gradient(at 128% 100%, #03c748, #005d2e);
	}
 .bage.red
	{
		color: #fff;
		background: radial-gradient(at 128% 100%, #bb1111, #9c3737);
	}
 .bage.yellow
	{
		color: #fff;
		background: radial-gradient(at 128% 100%, #a7ad17, #848007);
	}	
 .bage.fixed
	{
		display: inline-block;
		text-align:center;
		min-width: 110px;
		margin: -3px;
	}

 .universalAvatars
	{
		padding: 2px;
		border: 10px solid transparent;
		width: 75px;
		height: 75px;
		font-size: 96px;
		border-radius: 100%;
		/* box-shadow: 1px 1px 6px 3px rgba(0, 0, 0, 0.11); */	
	}
 .universalAvatars.classic
	{
		border: 4px solid transparent;
		border-radius: 100%;
	}
 .universalAvatars.classic.bets
	{
		width: 50px;
		height: 50px;
		border: 4px solid transparent;
		border-radius: 83%;
		transform: translate(7px, 10px);
	}	
 .universalAvatars.landing
	{
		width: 200px;
		height: 200px;		
		border-radius: 100%;
	}
 .universalAvatars.profile
	{
		width: 170px;
		height: 170px;		
	}	
 .universalAvatars.wheelTop
	{
		border: 4px solid transparent;
		border-radius: 100%;
		padding: 1px;
		width: 60px;
		height: 60px;
		margin-top: 8px;	
	}	
 .universalAvatars.chat
	{
		padding: 1px;
		width: 45px;
		height: 45px;		
		border: 3px solid transparent;
		border-radius: 100%;
	}		
 .universalAvatars.user 		{ background: linear-gradient(#424242,#0e0e0e) padding-box, linear-gradient(to right, #494a64, #324d55) border-box;}	
 .universalAvatars.gold 		{ background: linear-gradient(#1d2536,#101521) padding-box, linear-gradient(293deg, #201b0f, #d5c07f) border-box; }
 .universalAvatars.vip  		{ background: linear-gradient(#1d2536,#141b2d) padding-box, linear-gradient(to right, #cc2b5e, #753a88) border-box; }
 .universalAvatars.platinum  	{ background: linear-gradient(70deg, #cbcbcb, #ffffff, #403838, #ffffff); background-size: 400% 400%; border: 3px solid transparent; animation: gradientOneAnim 8s cubic-bezier(0, 0.23, 1, 0.58) infinite; }
 .universalAvatars.diamond  	{ background: linear-gradient(92deg, #a864da, #1d4d8b, #0cbddd, #00e3c9); background-size: 400% 400%; border: 2px solid transparent; animation: gradientOneAnim 6s cubic-bezier(0, 0.23, 1, 0.58) infinite; }
 .universalAvatars.youtube  	{ background: linear-gradient(#1d2536,#141b2d) padding-box, linear-gradient(135deg, #d85f5f, #2a0a0a) border-box; }
 .universalAvatars.green  		{ background: linear-gradient(#1d2536,#101521) padding-box, linear-gradient(293deg, #1e2e03, #95d753) border-box; }		




/* ============ G R A D I E N T S ================ */	

 .bgBrg.one
	{
		background: linear-gradient(180deg, rgb(114,99,129, 59%) 0%, rgb(66,57,83, 60%) 100%);
	}
	
/* ============ P A G I N A T I O N ================ */	
 .pagination
	{
		text-align: center;
		padding: 10px;
		margin: 10px;	
	}
 .pagination li
	{
		display: inline-flex;
		justify-content: center;
		border: 1px solid rgb(0 0 0 / 0%);
		align-items: center;
		background: rgb(47 61 84 / 24%);
		color: #a5aabf;
		text-decoration: none;
		width: 30px;
		height: 30px;
		border-radius: 100px;	
	}		
 .pagination li a
	{
		text-decoration: none;
		color: #a5aabf;
	}
 .pagination li.active
	{
		border: 1px solid rgb(23 119 60);	
	}
 .pagination li.disabled
	{
		background: #0c1521;	
	}	
/* ============ S C R O L L ================ */	

::-webkit-scrollbar-track {background: #242423;} 
::-webkit-scrollbar-thumb {background: #4a4e50;}
::-webkit-scrollbar-thumb:hover {background: #923088;}
::-webkit-resizer {width: 3px;} 
::-webkit-scrollbar {width: 3px; height: 3px;}


/* ============ CAPCHA ================ */	
 .capcha
	{
		left: 50%;
		bottom: 105px;
		transform: translate(-50%,0) scale(0.85);
		position: absolute;
		z-index: 1005;
	}

/* ============ A N I M A T E ================ */	
	@-webkit-keyframes backgroundAnimate {
	  from {
		left: 0;
		top: 0;
	  }
	  to {
		left: -10000px;
		top: -2000px;
	  }
	}

	@-moz-keyframes backgroundAnimate {
	  from {
		left: 0;
		top: 0;
	  }
	  to {
		left: -10000px;
		top: -2000px;
	  }
	}

	@-o-keyframes backgroundAnimate {
	  from {
		left: 0;
		top: 0;
	  }
	  to {
		left: -10000px;
		top: -2000px;
	  }
	}

	@keyframes backgroundAnimate {
	  from {
		left: 0;
		top: 0;
	  }
	  to {
		left: -10000px;
		top: -2000px;
	  }
	}

 #bounce1 
	{
		background: url("/assets/img/bgBubble1.png") repeat 20% 20%;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		opacity: 0.4;
		z-index: -1;
		-webkit-animation-name: backgroundAnimate;
		-webkit-animation-duration: 300s;
		-webkit-animation-timing-function: linear;
		-webkit-animation-iteration-count: infinite;
		-moz-animation-name: backgroundAnimate;
		-moz-animation-duration: 300s;
		-moz-animation-timing-function: linear;
		-moz-animation-iteration-count: infinite;
		-o-animation-name: backgroundAnimate;
		-o-animation-duration: 300s;
		-o-animation-timing-function: linear;
		-o-animation-iteration-count: infinite;
		animation-name: backgroundAnimate;
		animation-duration: 300s;
		animation-timing-function: linear;
		animation-iteration-count: infinite;
	}
 #bounce1_noAnimate 
	{
		background: url("/assets/img/bgBubble1.png") repeat 20% 20%;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		opacity: 0.4;
		z-index: -1;
	}
	
 #bounce2 
	{
		background: url("/assets/img/bgBubble2.png") repeat 35% 35%;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		opacity: 0.6;
		z-index: -1;
		-webkit-animation-name: backgroundAnimate;
		-webkit-animation-duration: 300s;
		-webkit-animation-timing-function: linear;
		-webkit-animation-iteration-count: infinite;
		-moz-animation-name: backgroundAnimate;
		-moz-animation-duration: 300s;
		-moz-animation-timing-function: linear;
		-moz-animation-iteration-count: infinite;
		-o-animation-name: backgroundAnimate;
		-o-animation-duration: 300s;
		-o-animation-timing-function: linear;
		-o-animation-iteration-count: infinite;
		animation-name: backgroundAnimate;
		animation-duration: 300s;
		animation-timing-function: linear;
		animation-iteration-count: infinite;
	}




 .bigWin 
	{
		background: rgba(43, 40, 35, 0);
		border-radius: -4px;
		padding-top: 25px;
		color: #ecebec;
		width: 100%;
		height: 100vh;
		position: absolute;
		text-align: center;
		top: 0px;
		z-index: 1000;
		backdrop-filter: blur(16px);
	}

 .bigWin span 
	{
		position: relative;
		top: 15px;
		display: inline-block;
		animation: bounce .3s ease infinite alternate;
		font-size: 50px;
		padding: 19px;
		border-radius: 100px;
		font-family: "Luckiest Guy", cursive;
		background: linear-gradient(151deg, #bd1da39e 20%, rgba(37, 129, 183, 0.82) 70%);
		border: 1px solid #414144;
	}

 .bigWin span:nth-child(2) { animation-delay: .1s; }
 .bigWin span:nth-child(3) { animation-delay: .2s; }
 .bigWin span:nth-child(4) { animation-delay: .3s; }
 .bigWin span:nth-child(5) { animation-delay: .4s; }
 .bigWin span:nth-child(6) { animation-delay: .5s; }
 .bigWin span:nth-child(7) { animation-delay: .6s; }
 .bigWin span:nth-child(8) { animation-delay: .7s; }

 @keyframes bounce {
  100% {
    top: -20px;
  }
 }

	
.spinner {
  position: relative;
  margin: auto;
  box-sizing: border-box;
  background-clip: padding-box;
  width: 200px;
  height: 200px;
  border-radius: 100px;
  border: 4px solid rgba(255, 255, 255, 0.1);
  -webkit-mask: linear-gradient(rgba(0, 0, 0, 0.1), #000000 90%);
  transform-origin: 50% 60%;
  transform: perspective(200px) rotateX(66deg);
  animation: spinner-wiggle 1.2s infinite;
}
.spinner:before,
.spinner:after {
  content: "";
  position: absolute;
  margin: -4px;
  box-sizing: inherit;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  opacity: .05;
  border: inherit;
  border-color: transparent;
  animation: spinner-spin .9s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, spinner-fade 1.2s linear infinite;
}

.spinner:before {
  border-top-color: #66e6ff;
}

.spinner:after {
  border-top-color: #bb1fa4;
  animation-delay: 0.3s;
}

@keyframes spinner-spin {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes spinner-fade {
  20% {
    opacity: .1;
  }
  40% {
    opacity: 1;
  }
  60% {
    opacity: .1;
  }
}



 .ledPanel 
	{
		overflow: hidden;
		width: 100%;
		display: block;
		position: relative;
		height: 77px;
		z-index: -1;
		text-align: center;
		background: #363c52;
		white-space: nowrap;
	}
 .ledPanel.wheel30 
	{
		position: absolute;
		width: 240px;
		height: 240px;
		left: 50%;
		bottom: -90px;
		border-radius: 100%;
		transform: translate(-50%,0%);
		z-index: 1;
		
	}	
 .ledBg
	{
		width:100%;
		height:100%;
		position:absolute;
		z-index:2;
		background:url(/assets/img/bg/ledBg.png);
		background-size: 3px;
	}
 .ledText
	{
		position: absolute;
		width: 100%;
		height: 100%;		
		z-index: 1;
		font-size: 63px;
		font-weight: bold;
		color: #c2ccdd;
		text-transform: uppercase;
		font-family: 'Roboto', sans-serif;
	}
	
 .ledImage 
	{
		position: absolute;
		width: 100%;
		height: 100%;
		background-size: cover;
		opacity: 0.4;
	}
	
 .ledText.wheel30
	{	
		font-size: 70px;
		line-height:119px;
		width: 240px;
		height: 240px;		
		
	}