html
{
	background-color:#1b1c20;
	color:#888b90;
	font-family:"Jost", sans-serif;
	height:100%;
	overflow-x:hidden;
	overflow-y:auto;
}

body
{
	height:100%;
	margin:0px;
	overflow-x:hidden;
	overflow-y:auto;
	touch-action:pan-y;
}

/* AUTHENTICATION */
.authenticated
{
	display:none;
}

.signedIn .authenticated
{
	display:block;
}

/* RAND ICON CLASS */
.randBefore:before
{
	border:2px solid #ffffff;
	border-radius:50%;
	box-shadow:inset 0px 0px 5px #7262f2, inset 0px 0px 5px #7262f2, 0px 0px 5px #7262f2, 0px 0px 5px #7262f2;
	color:#ffffff;
	content:"R";
	display:inline-block;
	font-family:"JostBold", sans-serif;
	font-size:14px;
	height:20px;
	line-height:20px;
	margin-right:10px;
	text-align:center;
	text-shadow:0px 0px 5px #7262f2, 0px 0px 5px #7262f2;
	width:20px;
}

.randBefore.loading:before
{
	content:"⃪";
	animation:rotateBalanceLoader 2.5s linear infinite;
}

@keyframes rotateBalanceLoader
{
	from {transform:rotateY(0deg);}
	to   {transform:rotateY(360deg);}
}

body::before
{
	background-image:url('../images/backgrounds/smoke.webp');
	bottom:0px;
	content:"";
	left:0px;
	opacity:0.035;
	position:fixed;
	right:0px;
	top:0px;
	z-index:-1;
}

h1, h2, h3, h4, h5, h6
{
	color:#ffffff;
	margin:0px;
	padding:0px;
}

h1
{
	font-size:44px;
	font-weight:100;
	line-height:48px;
}

h2
{
	font-size:36px;
	font-weight:100;
	line-height:40px;
}

h3
{
	font-size:26px;
	font-weight:100;
	line-height:28px;
}

p
{
	margin:0px;
	padding:0px;
}

/* CUSTOM SCROLLBARS */
*::-webkit-scrollbar
{
	height:5px;
	width:5px;
}

*::-webkit-scrollbar-track
{
	background-color:transparent;
}

body::-webkit-scrollbar-track
{
	background-color:rgba(0, 0, 0, 0.5);
}

*::-webkit-scrollbar-thumb
{
	background-color:#7262f2;
	border-radius:2.5px;
}

/* RECAPCHA STYLING */
.grecaptcha-badge
{
    display:none !important;
}

#divAlertMessage #recaptcha-v2 > div
{
    margin: 0 auto;
}

/* APP BODY */
#divAppSportBody
{
	bottom:0px;
	left:0px;
	overflow-x:hidden;
	overflow-y:auto;
	padding:110px 50px 50px;
	position:absolute;
	right:0px;
	scroll-behavior:smooth;
	top:0px;
}

#divAppSportBody #divBannerSlider
{
	left:-50px;
	position:relative;
	width:calc(100% + 100px);
}

#divAppSportBody #divSportGroup
{
	margin-top:20px;
}

#divAppSportBody .divSignUpSection
{
	left:-50px;
	margin-top:20px;
	position:relative;
	width:calc(100% + 100px);
	text-align:center;
}

#divAppSportBody .divSignUpSection:before
{
	background:#181818;
	background:linear-gradient(0deg, #181818, rgba(0, 0, 0, 0));
	content:"";
	display:block;
	height:60px;
}

#divAppSportBody .divSignUpSection:after
{
	background:#181818;
	background:linear-gradient(0deg, rgba(0, 0, 0, 0), #181818);
	content:"";
	display:block;
	height:60px;
}

#divAppSportBody .divSignUpSection h2
{
	padding-top:40px;
}

#divAppSportBody .divSignUpSection h2 span
{
	color:#cffdff;
	text-shadow:0px 0px 8px #01eff9;
}

#divAppSportBody .divSignUpContent
{
	background-color:#181818;
}

#divAppSportBody #btnJoinNow
{
	left:50%;
	margin:40px 0px 0px -140px;
	padding-bottom:40px;
	position:relative;
	width:280px;
}

#divAppSportBody #divReadMoreSection
{
	border-top:1px solid #555555;
    height:72px;
    margin-top:30px;
	overflow:hidden;
    padding-top:20px;
	position:relative;
	text-align:center;
}

#divAppSportBody #divReadMoreSection.show
{
	height:auto;
}

#divAppSportBody #spnTermsAndConditions
{
	color:#ffffff;
	cursor:pointer;
	font-size:14px;
	text-decoration:underline;
	text-shadow:0px 0px 5px #e600ff;
}

#divAppSportBody #btnReadMore
{
	left:50%;
	margin:20px 0px;
	position:relative;
	transform:translateX(-50%);
}

#divAppSportBody #btnReadMore:before
{
    content:"Read More";
}

#divAppSportBody #btnReadMore.show:before
{
    content:"Read Less";
}

#divAppSportBody #ifrSportbook
{
	background-color:#1b1c20;
	border-radius:10px;
	box-shadow:inset 0px 20px 10px -20px rgba(255, 255, 255, 0.75), inset 0px -20px 10px -20px rgba(0, 0, 0, 0.75), 0px 0px 20px rgba(0, 0, 0, 0.75);
	display:none;
    height:1000px;
	margin-top:30px;
	width:100%;
}

#divAppSportBody #ifrSportbook.show
{
	display:block;
}

/* INFO PAGE CONTENT */
#divAppSportBody #divAppContent
{
	display:none;
	min-height:400px;
}

.viewingInfoPage #divAppSportBody #divBannerSlider,
.viewingInfoPage #divAppSportBody #divSportGroup,
.viewingInfoPage #divAppSportBody .divSignUpSection,
.viewingInfoPage #divAppSportBody #divReadMoreSection,
.viewingInfoPage #divAppSportBody #btnReadMore,
.viewingInfoPage #divAppSportBody #ifrSportbook
{
	display:none !important;
}

.viewingInfoPage #divAppSportBody #divAppContent
{
	display:block;
}

/* APP HEADER */
#divAppSportHeader
{
    height:50px;
    left:0px;
    padding:30px 0px;
    position:fixed;
    right:0px;
    top:0px;
    transition:background-color 0.25s, box-shadow 0.25s, left 0.25s, padding 0.25s;
    z-index:2;
}

.pageScrolled #divAppSportHeader
{
    background-color:rgba(27, 28, 32, 0.9);
    box-shadow:0px 0px 15px rgba(0, 0, 0, 0.9);
    padding:15px 0px;
}

#divAppSportHeader #btnHeaderMenu
{
	background-image:url('../images/icons/menu.svg');
	background-position:center;
	background-position:center;
	background-repeat:no-repeat;
	background-size:24px;
	cursor:pointer;
	display:block;
    float:left;
	height:40px;
	margin:5px 0px 0px 15px;
    filter: drop-shadow(0px 0px 5px #7262f2) drop-shadow(0px 0px 10px #7262f2);
    opacity: 1;
	transition:filter 0.25s, opacity 0.25s;
	width:40px;
}

#divAppSportHeader #btnHeaderMenu:hover
{
	filter:drop-shadow(0px 0px 5px #e600ff);
	opacity:1;
}

#divAppSportHeader #divHeaderLogo
{
    background-image:url('../images/logo.png');
    background-size:cover;
    cursor:pointer;
    display:inline;
    float:left;
    height:50px;
    margin-left:50px;
    position:relative;
    width:134px;
}

#divAppSportHeader #btnSignIn
{
    float:right;
    margin:5px 15px 0px 0px;
}

#divAppSportHeader #btnRegister
{
    animation:pulsateButton 3s;
	animation-iteration-count:infinite;
	float:right;
    margin:5px 15px 0px 0px;
}

.signedIn #divAppSportHeader #btnSignIn, .signedIn #divAppSportHeader #btnRegister
{
    display:none;
}

/* Hide landing page content when signed in */
.signedIn #divAppSportBody #divBannerSlider,
.signedIn #divAppSportBody #divSportGroup,
.signedIn #divAppSportBody .divSignUpSection,
.signedIn #divAppSportBody #divReadMoreSection,
.signedIn #divAppSportBody #btnReadMore
{
	display:none;
}

/* Hide sidebar menu and hamburger when signed in */
.signedIn #divAppSportMenu
{
	display:none;
}

.signedIn #divAppSportBody
{
	left:0px;
}

.signedIn #divAppSportHeader
{
	left:0px;
}

.signedIn #divAppSportHeader #btnHeaderMenu
{
	display:none !important;
}

/* MAIN MENU */
#divAppSportMenu
{
	bottom:0px;
	display:none;
	left:0px;
	position:fixed;
	top:0px;
	transition:left 0.25s;
	user-select:none;
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
	width:320px;
	z-index:3;
}

#divAppSportMenu.show
{
	display:block;
	left:0px;
}

#divAppSportMenu #divMenuOverlay
{
	background-color:rgba(0, 0, 0, 0.5);
	display:none;
	height:100%;
	left:0px;
	opacity:0;
	position:fixed;
	top:0px;
	transition:opacity 0.25s;
	width:100%;
	z-index:-1;
}

#divAppSportMenu.show #divMenuOverlay
{
	animation-duration:0.25s;
	animation-name:showMenu;
	display:block;
	opacity:1;
}

#divAppSportMenu .divMenuContainer
{
	background-color:#292a2f;
	box-shadow:-10px 0px 30px rgba(0, 0, 0, 0.75);
	height:100%;
	left:0px;
	position:absolute;
	top:0px;
	width:100%;
	z-index:-1;
}

#divAppSportMenu .divMenuHeader
{
	height:140px;
	position:relative;
}

#divAppSportMenu #imgMenuLogo
{
	cursor:pointer;
	left:30px;
	position:absolute;
	top:32px;
	width:200px;
}

#divAppSportMenu #btnCloseMenu
{
	cursor:pointer;
	display:none;
	height:40px;
	position:absolute;
	right:10px;
	top:10px;
	width:40px;
}

#divAppSportMenu #btnCloseMenu:before
{
	background-color:#3f4656;
	content:"";
	height:2px;
	left:8px;
	position:absolute;
	top:20px;
	transform:rotate(45deg);
    transition:background-color 0.25s, box-shadow 0.25s;
	width:24px;
}

#divAppSportMenu #btnCloseMenu:after
{
	background-color:#3f4656;
	content:"";
	height:2px;
	left:8px;
	position:absolute;
	top:20px;
	transform:rotate(-45deg);
    transition:background-color 0.25s, box-shadow 0.25s;
	width:24px;
}

#divAppSportMenu #btnCloseMenu:hover:before, #divAppSportMenu #btnCloseMenu:focus:before, #divAppSportMenu #btnCloseMenu:hover:after, #divAppSportMenu #btnCloseMenu:focus:after
{
    background-color:#fbd3ff;
    box-shadow:0px 0px 5px #e600ff;
}

#divAppSportMenu #divMenuItemsContainer
{
	height:calc(100% - 140px);
	overflow-y:auto;
	-webkit-overflow-scrolling:touch;
}

#divAppSportMenu #divMenuItemsContainer::-webkit-scrollbar
{
	background:transparent;
	height:0px;
	width:0px;
}

#divAppSportMenu #divMenuItems
{
	clear:both;
	padding-bottom:80px;
}

#divAppSportMenu #divMenuItems a
{
	text-decoration:none;
}

#divAppSportMenu .divMenuItemContianer
{
	position:relative;
}

#divAppSportMenu .divMenuItem
{
	margin-top:15px;
	position:relative;
}

#divAppSportMenu .divSubmenuItems
{
	display:none;
	position:relative;
}

#divAppSportMenu .expanded .divSubmenuItems
{
	display:block;
}

#divAppSportMenu .btnExpandCollapse
{
	cursor:pointer;
	height:40px;
	position:absolute;
	right:20px;
	top:10px;
	width:40px;
}

#divAppSportMenu .btnExpandCollapse:before
{
	background-color:#ffffff;
	content:"";
	height:2px;
	position:absolute;
	right:12px;
	top:19px;
	transition:background-color 0.25s, box-shadow 0.25s;
	width:16px;
}

#divAppSportMenu .btnExpandCollapse:after
{
	background-color:#ffffff;
	content:"";
	height:2px;
	position:absolute;
	right:12px;
	top:19px;
	transform:rotate(90deg);
    transition:background-color 0.25s, box-shadow 0.25s, transform 0.25s;
	width:16px;
}

#divAppSportMenu .expanded .btnExpandCollapse:after
{
	transform:rotate(0deg);
}

#divAppSportMenu .btnExpandCollapse:hover:before, #divAppSportMenu .btnExpandCollapse:focus:before, #divAppSportMenu .btnExpandCollapse:hover:after, #divAppSportMenu .btnExpandCollapse:focus:after
{
	background-color:#cffdff;
    box-shadow:0px 0px 5px #01eff9;
}

#divAppSportMenu .divSubmenuItem
{
	position:relative;
}

#divAppSportMenu .divMenuItem.clickable, #divAppSportMenu .divSubmenuItem.clickable
{
	cursor:pointer;
}

#divAppSportMenu .divMenuItem.clickable:before, #divAppSportMenu .divSubmenuItem.clickable:before
{
	background:linear-gradient(90deg, #6b42de, #966dff);
	bottom:0px;
	content:"";
	display:block;
	left:0px;
	opacity:0;
	position:absolute;
	right:0px;
	top:0px;
	transition:opacity 0.25s;
	z-index:-1;
}

#divAppSportMenu .divMenuItem.clickable:hover:before, #divAppSportMenu .divMenuItem.clickable:focus:before, #divAppSportMenu .divMenuItem.clickable.selected:before, #divAppSportMenu .divSubmenuItem.clickable:hover:before, #divAppSportMenu .divSubmenuItem.clickable:focus:before, #divAppSportMenu .divSubmenuItem.clickable.selected:before
{
	opacity:1;
}

#divAppSportMenu .divMenuItem.menuItemWelcomePackage, #divAppSportMenu .divSubmenuItem.menuItemWelcomePackage
{
	display:none;
}

.showWelcomePackage #divAppSportMenu .divMenuItem.menuItemWelcomePackage, .showWelcomePackage #divAppSportMenu .divSubmenuItem.menuItemWelcomePackage
{
	display:block;
}

#divAppSportMenu .divMenuItemLabel
{
	color:#ffffff;
	font-family:"JostBold", sans-serif;
	font-size:22px;
	line-height:30px;
	overflow:hidden;
	padding:15px 35px;
	position:relative;
	text-overflow:ellipsis;
	white-space:nowrap;
}

#divAppSportMenu .divSubmenuItemLabel
{
	color:#888b90;
	font-size:20px;
	line-height:30px;
	overflow:hidden;
	padding:15px 35px 15px 80px;
	position:relative;
	text-overflow:ellipsis;
	transition:color 0.25s;
	white-space:nowrap;
}

#divAppSportMenu .divSubmenuItem.clickable:hover .divSubmenuItemLabel, #divAppSportMenu .divSubmenuItem.clickable:focus .divSubmenuItemLabel, #divAppSportMenu .divSubmenuItem.clickable.selected .divSubmenuItemLabel
{
	color:#ffffff;
}

#divAppSportMenu .divSubmenuItemIcon
{
	background-position:center;
	background-repeat:no-repeat;
	background-size:100%;
	left:35px;
	height:20px;
	opacity:0.4;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	transition:opacity 0.25s;
	width:20px;
}

#divAppSportMenu .divSubmenuItem.clickable:hover .divSubmenuItemIcon, #divAppSportMenu .divSubmenuItem.clickable:focus .divSubmenuItemIcon, #divAppSportMenu .divSubmenuItem.clickable.selected .divSubmenuItemIcon
{
	opacity:1;
}

#divAppSportMenu .divMenuItemHr
{
	background-color:#6a6a6a;
	height:2px;
	margin:15px 35px;
}

/* T&C POPUP */
#divAppTermsAndConditions
{
	background-color:rgba(0, 0, 0, 0.75);
    display:none;
    height:100%;
    left:0%;
    opacity:0;
    position:fixed;
    top:0%;
    width:100%;
    z-index:20;
}

#divAppTermsAndConditions.show
{
    animation-duration:0.25s;
	animation-name:showTermsAndConditions;
	display:block;
	opacity:1;
}

#divAppTermsAndConditions .divTermsAndConditionsPopup
{
    background-color:#1b1c20;
    border-radius:10px;
	bottom:15px;
	box-shadow:inset 0px 20px 10px -20px rgba(255, 255, 255, 0.75), inset 0px -20px 10px -20px rgba(0, 0, 0, 0.75), 0px 0px 50px #000000;
    font-size:14px;
	left:15px;
    opacity:0;
	overflow:auto;
	padding:30px;
	position:absolute;
	right:15px;
	top:15px;
    transition:padding 0.25s;
}

#divAppTermsAndConditions.show .divTermsAndConditionsPopup
{
    animation-duration:0.25s;
	animation-name:showTermsAndConditions;
	opacity:1;
}

#divAppTermsAndConditions #btnClosePopup
{
	cursor:pointer;
	height:40px;
	position:absolute;
	right:20px;
	top:20px;
	width:40px;
}

#divAppTermsAndConditions #btnClosePopup:before
{
	background-color:#3f4656;
	content:"";
	height:2px;
	left:8px;
	position:absolute;
	top:20px;
	transform:rotate(45deg);
    transition:background-color 0.25s, box-shadow 0.25s;
	width:24px;
}

#divAppTermsAndConditions #btnClosePopup:after
{
	background-color:#3f4656;
	content:"";
	height:2px;
	left:8px;
	position:absolute;
	top:20px;
	transform:rotate(-45deg);
    transition:background-color 0.25s, box-shadow 0.25s;
	width:24px;
}

#divAppTermsAndConditions #btnClosePopup:hover:before, #divAppTermsAndConditions #btnClosePopup:focus:before, #divAppTermsAndConditions #btnClosePopup:hover:after, #divAppTermsAndConditions #btnClosePopup:focus:after
{
    background-color:#fbd3ff;
    box-shadow:0px 0px 5px #e600ff;
}

#divAppTermsAndConditions .divPopupText h3
{
	text-shadow:0px 0px 8px #e600ff;
}

#divAppTermsAndConditions .divPopupText span
{
	color:#ffffff;
	font-size:18px;
	text-shadow:0px 0px 8px #01eff9;
}

#divAppTermsAndConditions #btnClose
{
	float:right;
	margin-top:20px;
}

/* HEADER SUPPORT */
#divAppSportHeader #divHeaderSupport
{
    background-color:#292a2f;
    border:2px solid #3f4656;
    border-radius:50%;
    cursor:pointer;
    float:right;
    height:36px;
    margin:5px 50px 0px 0px;
    position:relative;
    transition:border 0.25s, box-shadow 0.25s;
    width:36px;
}

#divAppSportHeader #divHeaderSupport:hover, #divAppSportHeader #divHeaderSupport:focus
{
    border:2px solid #cffdff;
    box-shadow:inset 0px 0px 5px #01eff9, 0px 0px 5px #01eff9;
}

#divAppSportHeader #divHeaderSupport:before
{
    background-image:url('../images/icons/support.svg');
    background-position:center;
    background-repeat:no-repeat;
    content:"";
    height:100%;
    opacity:0.4;
    position:absolute;
    right:0px;
    top:0px;
    transition:opacity 0.25s;
    width:100%;
}

#divAppSportHeader #divHeaderSupport:hover:before, #divAppSportHeader #divHeaderSupport:focus:before
{
    opacity:1;
}

#divAppSportHeader #divHeaderSupport:after
{
    background-color:#fbd3ff;
    border:1px solid #ffffff;
    border-radius:50%;
    box-shadow:inset 0px 0px 5px #ff0000, 0px 0px 5px #ff0000;
    content:"";
    height:4px;
    left:24px;
    position:absolute;
    top:9px;
    width:4px;
}

.chatOnline #divAppSportHeader #divHeaderSupport:after
{
    box-shadow:inset 0px 0px 5px #00ff00, 0px 0px 5px #00ff00;
}

/* HEADER WALLET */
#divAppSportHeader #divHeaderWallet
{
	background-color:#292a2f;
	border-radius:10px;
	cursor:pointer;
	float:left;
	height:50px;
	margin-left:50px;
	padding-right:120px;
	position:relative;
	transition:color 0.25s, height 0.25s, margin 0.25s, padding 0.25s;
	user-select:none;
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
}

#divAppSportHeader #divHeaderWallet:hover, #divAppSportHeader #divHeaderWallet:focus
{
	color:#ffffff;
}

#divAppSportHeader #divHeaderWallet:before
{
	background-image:url('../images/icons/wallet.svg');
	background-position:14px 12px;
	background-repeat:no-repeat;
	content:"";
	height:100%;
	opacity:0.4;
	position:absolute;
	right:0px;
	top:0px;
	transition:background-position 0.25s, opacity 0.25s, width 0.25s;
	width:100px;
}

#divAppSportHeader #divHeaderWallet:hover:before, #divAppSportHeader #divHeaderWallet:focus:before
{
	opacity:1;
}

#divAppSportHeader #divHeaderWallet:after
{
	border:2px solid #3f4656;
	border-radius:10px;
	color:#ffffff;
	content:"Wallet";
	height:calc(100% - 4px);
	line-height:46px;
	padding:0px 15px 0px 40px;
	position:absolute;
	right:0px;
	top:0px;
	transition:border 0.25s, box-shadow 0.25s;
}

#divAppSportHeader #divHeaderWallet:hover:after, #divAppSportHeader #divHeaderWallet:focus:after
{
	border:2px solid #cffdff;
	box-shadow:inset 0px 0px 5px #01eff9, 0px 0px 5px #01eff9;
}

#divAppSportHeader #divHeaderWallet #divHeaderBalance
{
	float:left;
	height:100%;
	line-height:50px;
}

/* HEADER NOTIFICATIONS */
#divAppSportHeader #divHeaderNotifications
{
	background-color:#292a2f;
	border:2px solid #3f4656;
	border-radius:50%;
	cursor:pointer;
	float:right;
	height:36px;
	margin:5px 15px 0px 0px;
	position:relative;
	transition:border 0.25s, box-shadow 0.25s;
	width:36px;
}

#divAppSportHeader #divHeaderNotifications:hover, #divAppSportHeader #divHeaderNotifications:focus
{
	border:2px solid #fbd3ff;
	box-shadow:inset 0px 0px 5px #e600ff, 0px 0px 5px #e600ff;
}

#divAppSportHeader #divHeaderNotifications:before
{
	background-image:url('../images/icons/notifications.svg');
	background-position:center;
	background-repeat:no-repeat;
	content:"";
	height:100%;
	opacity:0.4;
	position:absolute;
	right:0px;
	top:0px;
	transition:opacity 0.25s;
	width:100%;
}

#divAppSportHeader #divHeaderNotifications:hover:before, #divAppSportHeader #divHeaderNotifications:focus:before
{
	opacity:1;
}

#divAppSportHeader #divHeaderNotifications.new:after
{
	background-color:#fbd3ff;
	border:1px solid #ffffff;
	border-radius:50%;
	box-shadow:inset 0px 0px 5px #e600ff, 0px 0px 5px #e600ff;
	content:"";
	height:4px;
	left:24px;
	position:absolute;
	top:9px;
	width:4px;
}

/* HEADER PROFILE */
#divAppSportHeader #divHeaderProfile
{
	cursor:pointer;
	float:right;
	height:50px;
	margin-right:50px;
	position:relative;
	transition:margin 0.25s;
	user-select:none;
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
	width:220px;
}

/* OVERWRITE CHAT CLASSES */
#chat-widget-container
{
    bottom:0px !important;
    display:none;
}

#chat-widget-container.show
{
    display:block;
}

/* ANIMATION KEY FRAMES */
@keyframes pulsateButton
{
	0%   {border:2px solid #cffdff; box-shadow:inset 0px 0px 5px #01eff9, 0px 0px 5px #01eff9; color:#ffffff; text-shadow:0px 0px 5px #01eff9;}
	25%  {border:2px solid #3f4656; box-shadow:inset 0px 0px 5px rgba(1, 239, 249, 0), 0px 0px 5px rgba(1, 239, 249, 0); color:#888b90; text-shadow:0px 0px 5px rgba(1, 239, 249, 0);}
    50%  {border:2px solid #fbd3ff; box-shadow:inset 0px 0px 5px #e600ff, 0px 0px 5px #e600ff; color:#ffffff; text-shadow:0px 0px 5px #e600ff;}
    75%  {border:2px solid #3f4656; box-shadow:inset 0px 0px 5px rgba(1, 239, 249, 0), 0px 0px 5px rgba(1, 239, 249, 0); color:#888b90; text-shadow:0px 0px 5px rgba(1, 239, 249, 0);}
	100% {border:2px solid #cffdff; box-shadow:inset 0px 0px 5px #01eff9, 0px 0px 5px #01eff9; color:#ffffff; text-shadow:0px 0px 5px #01eff9;}
}

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

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

/* MEDIA QUERIES */
@media (max-width: 1400px)
{
	#divAppSportMenu .divMenuContainer
	{
		width:320px;
	}
}

@media (max-width: 1200px)
{
	/* APP BODY */
	#divAppSportBody
	{
		padding:110px 30px 50px;
	}

	#divAppSportBody #divBannerSlider
	{
		left:-30px;
		width:calc(100% + 60px);
	}

	#divAppSportBody .divSignUpSection
	{
		left:-30px;
		width:calc(100% + 60px);
	}

	/* HEADER LOGO */
	#divAppSportHeader #divHeaderLogo
	{
		margin-left:30px;
	}

	/* HEADER SIGN IN */
	#divAppSportHeader #btnSignIn
	{
		margin:5px 30px 0px 0px;
	}

	/* HEADER WALLET */
	#divAppSportHeader #divHeaderWallet
	{
		left:50%;
		margin-left:0px;
		position:absolute;
		transform:translateX(-50%);
	}

	/* HEADER NOTIFICATIONS */
	#divAppSportHeader #divHeaderNotifications
	{
		display:none;
	}

	/* HEADER SUPPORT */
	#divAppSportHeader #divHeaderSupport
	{
		display:none;
	}

	/* HEADER PROFILE */
	#divAppSportHeader #divHeaderProfile
	{
		margin-right:30px;
	}

}

@media (max-width: 800px)
{
	h1
	{
		font-size:36px;
		line-height:40px;
	}

	h2
	{
		font-size:26px;
		line-height:28px;
	}

	h3
	{
		font-size:22px;
		line-height:24px;
	}

	/* APP HEADER */
	#divAppSportHeader
	{
		padding:20px 0px;
	}

	/* APP BODY */
	#divAppSportBody
	{
		padding:90px 20px 50px;
	}

	#divAppSportBody #divBannerSlider
	{
		left:-20px;
		width:calc(100% + 40px);
	}

	#divAppSportBody .divSignUpSection
	{
		left:-20px;
		width:calc(100% + 40px);
	}

	#divAppSportHeader #divHeaderLogo
    {
        margin-left:20px;
        width:48px;
    }

	#divAppSportHeader #btnSignIn
	{
		margin:5px 20px 0px 0px;
	}

	/* HEADER PROFILE */
	#divAppSportHeader #divHeaderProfile
	{
		margin-right:20px;
		width:64px;
	}

}

@media (max-width: 600px)
{
    .iphone
	{
        touch-action: pan-x pan-y;
    }

    .iphone *, .iphone .divImageScroller *
	{
        touch-action: pan-y pan-x;
    }

    .iphone svg, .iphone img, .iphone rect
	{
        pointer-events: none;
        touch-action: pan-y pan-x;
    }

    .iphone .divGame .divGameOverlay
	{
        pointer-events: auto;
    }

	h1
	{
		font-size:26px;
		line-height:28px;
	}

	h2
	{
		font-size:22px;
		line-height:24px;
	}

	h3
	{
		font-size:18px;
		line-height:20px;
	}

	/* APP HEADER */
	#divAppSportHeader
	{
		padding:15px 0px;
	}

	.pageScrolled #divAppSportHeader
	{
		padding:10px 0px;
	}

	/* APP BODY */
	#divAppSportBody
	{
		padding:80px 15px 50px;
	}

	#divAppSportBody #divBannerSlider
	{
		left:-15px;
		width:calc(100% + 30px);
	}

	#divAppSportBody .divSignUpSection
	{
		left:-15px;
		margin-top:0px;
		width:calc(100% + 30px);
	}

	#divAppSportBody .divSignUpSection:before, #divAppSportBody .divSignUpSection:after
	{
		height:40px;
	}

	#divAppSportBody .divSignUpSection h2
	{
		padding-top:15px;
	}

	#divAppSportBody #btnJoinNow
	{
		margin:30px 0px 0px -120px;
		padding-bottom:25px;
		width:240px;
	}

	/* APP HEADER */
	#divAppSportHeader #divHeaderLogo
    {
        margin-left:15px;
    }

}

@media (max-width: 540px)
{
	/* MAIN MENU */
	#divAppSportMenu .divMenuContainer
	{
		width:300px;
	}

	#divAppSportMenu .divMenuHeader
	{
		height:80px;
	}

	#divAppSportMenu #imgMenuLogo
	{
		left:30px;
		top:15px;
		width:134px;
	}

	#divAppSportMenu #btnCloseMenu
	{
		right:20px;
		top:20px;
	}

	#divAppSportMenu #btnCloseMenu:before, #divAppSportMenu #btnCloseMenu:after
    {
        background-color:#fbd3ff;
        box-shadow:0px 0px 5px #e600ff;
    }

	#divAppSportMenu .divMenuItem
	{
		margin-top:0px;
	}

	#divAppSportMenu .divMenuItemLabel
	{
		font-size:18px;
		padding:10px 35px;
	}

	#divAppSportMenu .divSubmenuItemLabel
	{
		font-size:16px;
		line-height:20px;
		padding:10px 35px 10px 70px;
	}

	#divAppSportMenu .btnExpandCollapse
	{
		top:5px;
	}
}

@media (max-width: 500px)
{
    /* APP FOOTER */
	#divAppSportFooter .divCopyright
    {
        font-size:24px;
    }
}

@media (max-width: 420px)
{
	h1
	{
		font-size:22px;
		line-height:24px;
	}

	h2
	{
		font-size:18px;
		line-height:20px;
	}
}

@media (max-width: 400px)
{
    #divAppSportHeader #divHeaderLogo
    {
        height:40px;
        margin-top:5px;
        width:38px;
    }

	#divAppSportFooter .imgBeGambleAware
	{
		width:300px;
	}
}

@media (max-width: 380px)
{
    #divAppSportHeader #divHeaderLogo
    {
        margin-left:5px;
    }

    #divAppSportHeader #btnRegister
    {
        margin-right:10px;
    }
}

/* FIX FOR IOS SAFARI BOUNCE SCROLL EFFECT */
@media only screen and (max-width: 600px)
{
    html, body, #root
	{
        height:100%;
        width:100%;
    }

    body
	{
        overflow:hidden;
    }

	/* RESPONSIVE HEADER WALLET */
	#divAppSportHeader #divHeaderWallet
	{
		color:#ffffff;
		height:40px;
		margin-top:5px;
		padding-right:55px;
	}

	#divAppSportHeader #divHeaderWallet:before
	{
		background-position:9px 9px;
		opacity:1;
		width:40px;
	}

	#divAppSportHeader #divHeaderWallet:after
	{
		border:2px solid #cffdff;
		box-shadow:inset 0px 0px 5px #01eff9, 0px 0px 5px #01eff9;
		content:"";
		padding:0px 18px 0px 18px;
	}

	#divAppSportHeader #divHeaderWallet #divHeaderBalance
	{
		line-height:40px;
	}

	#divAppSportHeader #divHeaderWallet .spnWalletArrow:after
	{
		display:none;
	}

	/* RESPONSIVE HEADER PROFILE */
	#divAppSportHeader #divHeaderProfile
	{
		margin-right:15px;
		width:50px;
	}
}