@import url(https://fonts.googleapis.com/css?family=Playfair+Display:400,800);
@import url(https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css);
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro);
@import url(https://fonts.googleapis.com/css?family=Teko:700);



:root {
	color-scheme: light;
}






body {
	/*cursor: url('../images/santa-hat-icon.png'), auto;*/
	font-family: 'Barlow Semi Condensed', sans-serif;
	/*	background-color: #2b2a27;*/
	padding-top: 0px !important;
	opacity: 0;
	transition: opacity 1.5s ease-in-out;
	background-color: #05040a;
}

.logo-b {
	display: block;
	z-index: 2;
}


/* The base element style */
.grow {
	transition: transform .2s ease-in-out;
	/* Makes the growth smooth */
	transform-origin: left;
	/* Default, but explicit */
}

/* The style applied when hovered */


.grow a::after {
	background: none !important;
	height: 0px !important;
}






/*-------Footer Start--------------------------------------------------------------------------------------*/

.footyLinks {
	background-color: #060b12;
	padding: 20px 0 20px;

}

.footyLinks a {
	color: #5f5e5e;
	;
	text-decoration: none;
}

.footyLinks>section {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: distribute;
	justify-content: space-around;
}

.footyLinks h5 {
	color: #FFF;
	font-size: 17px;
}

.lnkBlk a {
	margin: auto;
	font-size: 15px;
	display: block;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	opacity: 0;
	-webkit-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}

.openLnk~.lnkBlk a {
	opacity: 1;
}

.lnkBlk {
	position: relative;
	height: 0px;
	overflow: hidden;
	-webkit-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.openLnk~.lnkBlk {
	height: 200px;
	overflow: visible;
}

.footyBlk {
	position: relative;
	font-size: 15px;
	display: block;
	width: 100%;
	max-width: 400px;
	margin-bottom: 20px;
	/* padding: 0 20px; */
	text-align: center;
	height: auto;
}

.footyBlk:nth-child(3) {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: distribute;
	justify-content: space-around;
}

.platIcons01 h4 {
	color: #c2a76f;
}

.platIcons01>img:first-of-type {
	max-width: 150px;
}

.platIcons01 img {
	max-width: 50px;
}

.footyBlk:nth-child(3) a {
	max-width: 200px;
	margin: 10px 0;
}

.footycons {
	/* background-color: #04070c; */
	padding-top: 20px;
}

.footycons a {
display: block;
    max-width: 123px;
    margin: 0;
}

.footyConsSlide .splide__track ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.fadCov {
	width: 100%;
	height: 100%;
	-webkit-mask-image: -webkit-gradient(linear, left top, right top, color-stop(1.72%, rgba(25, 22, 41, 0)), color-stop(21.99%, #191629), color-stop(79%, #191629), color-stop(98.35%, rgba(25, 22, 41, 0)));
	-webkit-mask-image: linear-gradient(90deg, rgba(25, 22, 41, 0) 1.72%, #191629 21.99%, #191629 79%, rgba(25, 22, 41, 0) 98.35%);
	mask-image: -webkit-gradient(linear, left top, right top, color-stop(1.72%, rgba(25, 22, 41, 0)), color-stop(21.99%, #191629), color-stop(79%, #191629), color-stop(98.35%, rgba(25, 22, 41, 0)));
	mask-image: linear-gradient(90deg, rgba(25, 22, 41, 0) 1.72%, #191629 21.99%, #191629 79%, rgba(25, 22, 41, 0) 98.35%);
}

/*-------Footer End--------------------------------------------------------------------------------------*/








.ic {
	float: left;
	margin-top: 0px;
	position: absolute;
	z-index: 9;
	top: -18px;
	left: -19px;
	cursor: pointer;
}

.ic img {
	width: 33%;
}


.lobby-bg-banner {
	height: auto;
	width: 90%;
	margin: 40px auto;
	border-radius: 20px;
	border: 1px solid silver;
	background: linear-gradient(180deg, #05375e38 0%, #00192ce8 100%);
}

.bottom-app {
	position: fixed;
	bottom: 0;
	z-index: 1000;
	/* Keeps it on top of other elements */
}

/* Lobby Banner Test */
.custom-lobby-banner {
	width: 100%;
	height: 100vh;
	/* aspect-ratio: 425 / 158; */
	margin: 0 auto;
	overflow: hidden;
	background-image: url(../images/header-bg-lobby.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	background-color: #000000;
	padding-bottom: 5px;
	padding-top: 2px;
}

.custom-lobby-banner2 {
	width: 100%;
	height: 100vh;
	/* aspect-ratio: 425 / 158; */
	margin: 0 auto;
	overflow: hidden;
	background-image: url(../images/lobby/header-bg-lobby2.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	background-color: #000000;
	padding-bottom: 5px;
	padding-top: 2px;
}

.custom-lobby-banner3 {
	width: 100%;
	height: 100vh;
	/* aspect-ratio: 425 / 158; */
	margin: 0 auto;
	overflow: hidden;
	background-image: url(../images/lobby/header-bg-lobby3.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	background-color: #000000;
	padding-bottom: 5px;
	padding-top: 2px;
}


.custom-banner-inner {
	display: flex;
	/* 
	width: 95%; */
	margin: auto;
}

.custom-banner-inner2 {
	display: flex;
	width: 95%;
	margin: auto;
	height: 100%;
}

.custom-banner-left {
	width: 33%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.custom-banner-left img {
	max-height: 90%;
	width: 100%;
}

.custom-banner-right {
	width: 40%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.custom-banner-right-image {
	padding: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	max-height: 390px;
}

.custom-banner-right-image img {
	max-height: 100%;
	max-width: 100%;
	object-fit: contain;
	border-radius: 8px;
	margin: 5px;
}

.custom-banner-mid {
	width: 60%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.custom-banner-promo-card {
	background: #0000009c;
	width: 100%;
	border-radius: 6px;
	overflow: hidden;
	text-align: center;
	font-size: calc(1vw + 0.5em);
	max-width: 1000px;
	border-radius: 20px;
	border: 1px solid silver;
}

.custom-banner-promo-card p {
	color: white;
	margin: 0;
	padding: 0.5em;
	font-size: 1.2em;
	/* relative to card font-size */
	line-height: 1.2em;
	font-weight: bold;
}

.custom-banner-promo-header-test {
	background: #00388b;
	color: white;
	text-align: center;
	font-size: clamp(10px, 1.5vw, 16px);
	/* scales but stays readable */
	padding: 0.3em 0;
}

.custom-banner-promo-timer {
	display: flex;
	justify-content: space-around;
	text-align: center;
	padding: 0.5em 0;
	width: 100%;
}

.custom-banner-time-block span {
	font-size: clamp(12px, 6vw, 40px);
	/* scales relative to banner width */
	font-weight: bold;
	color: white;
	display: block;
}

.custom-banner-time-block label {
	font-size: clamp(8px, 1.2vw, 14px);
	display: block;
	color: #0dbaf0;
}

.custom-banner-game img {
	padding: 5px;
}

/* Live banner */
.liveBannerAmount {
	font-family: 'Marcellus SC', serif;
	font-size: clamp(100px, 3vw, 36px);
	color: #ffffff;
}

@media (max-width:480px) {
	.custom-banner-right-image {
		max-height: 266px;
		max-width: 100%;
		object-fit: contain;
		border-radius: 8px;
		margin-bottom: -89px;
		margin-left: 10px;
	}

	.custom-banner-promo-card {
		font-size: calc(1vw + 0.3em);
	}

	.custom-banner-mid {
		width: 50%;
	}

	.custom-banner-right {
		width: 50%;
	}

	.liveBannerAmount {
		font-size: calc(7vw + 0.3em);
	}


	.custom-banner-inner2 {
		display: flex;
		width: 95%;
		margin: auto;
		height: auto;
	}

	.ctaNavWrap {
		margin-right: 0px !important;
	}
}

@media (max-width:768px) {
	.custom-banner-right-image {
		max-height: 266px;
		max-width: 100%;
		object-fit: contain;
		border-radius: 8px;
		margin-bottom: -89px;
		margin-left: 10px;
	}

	.custom-banner-promo-card {
		font-size: calc(1vw + 0.3em);
	}

	.custom-banner-mid {
		width: 50%;
	}

	.custom-banner-right {
		width: 50%;
	}

	.liveBannerAmount {
		font-size: calc(7vw + 0.3em);
	}

	.bottom-btn-overwrite {
		font-size: 1.3em !important;
		border-radius: 0px !important;
		border: none !important;
	}

	.side-menu-toggle {
		padding-top: 0px;
		padding-right: 19px;
		padding-left: 2px;
	}
}

@media (max-width:1000px) {
	.custom-banner-right-image {
		max-height: 266px;
		max-width: 100%;
		object-fit: contain;
		border-radius: 8px;
		margin-bottom: -13px;
		margin-left: 10px;
	}

	.custom-banner-promo-card {
		font-size: calc(1vw + 0.3em);
	}

	.custom-banner-mid {
		width: 62%;
	}

	.custom-banner-right {
		width: 50%;
	}

	.liveBannerAmount {
		font-size: calc(7vw + 0.3em);
		margin-bottom: 0.4rem;
	}
}



.err img {
	width: 100%;
}


.vignette {
	width: 100%;
	height: 100%;
	box-shadow: 0 0 200px rgba(0, 0, 0, 0.9) inset;
}



.vipt {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, 283%);
	cursor: pointer;
}





/* Styling for the element */
.pulse {
	animation: pulse 2s infinite;
	/* Applies the animation */
}

/* Keyframe definition for the animation */
@keyframes pulse {
	0% {
		transform: scale(1);
		/* Original size at the start and end */
	}

	50% {
		transform: scale(1.1);
		/* Slightly larger in the middle */
	}

	100% {
		transform: scale(1);
	}
}









/* common */
.ribbon {
	width: 150px;
	height: 150px;
	overflow: hidden;
	position: absolute;
}


.ribbon::after {
	position: absolute;
	z-index: 1;
	content: '';
	display: block;
	border: 4px solid #404040;
}

.ribbon span {
	position: absolute;
	display: block;
	width: 225px;
	padding: 15px 0;
	background-color: #82b8d9;
	box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
	color: #ffffff;
	font: 700 18px / 1 'Lato', sans-serif;
	text-shadow: 0 1px 1px rgb(0 0 0 / 89%);
	text-transform: uppercase;
	text-align: center;
	z-index: 1;
}


/* top left*/
/*.ribbon-top-left {
	top: -10px;
	left: -10px;
}*/

.ribbon-top-left::before,
.ribbon-top-left::after {
	border-top-color: transparent;
	border-left-color: transparent;
}

.ribbon-top-left::before {
	top: 0;
	right: 0;
}

.ribbon-top-left::after {
	bottom: 0;
	left: 0;
}

.ribbon-top-left span {
	right: -25px;
	top: 30px;
	transform: rotate(-45deg);
}




/* top right*/
.ribbon-top-right {
	top: -10px;
	right: -10px;
}

.ribbon-top-right::before,
.ribbon-top-right::after {
	border-top-color: transparent;
	border-right-color: transparent;
}

.ribbon-top-right::before {
	top: 0;
	left: 0;
}

.ribbon-top-right::after {
	bottom: 0;
	right: 0;
}

.ribbon-top-right span {
	left: -25px;
	top: 30px;
	transform: rotate(45deg);
}



.example07 a {
	position: relative;
	display: inline-block;
	text-decoration: none;
}

.example07 a::after {
	position: absolute;
	left: 0;
	content: "";
	width: 100%;
	height: 1px;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f2f6f8+0,f2f6f8+39,d8e1e7+63,e0eff9+100&0+0,1+39,1+63,0+100 */
	background: linear-gradient(to right, rgba(242, 246, 248, 0) 0%, rgba(242, 246, 248, 1) 39%, rgba(216, 225, 231, 1) 63%, rgba(224, 239, 249, 0) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

	bottom: -4px;
	transform: scale(0, 1);
	transition: transform 0.3s;
	transform-origin: center top;
}

.example07 a:hover::after {
	transform: scale(1, 1);
}












.grow-element {
	transition: all 0.3s ease-in-out;
	transform: scale(1);
}

.grow-element:hover {
	transform: scale(1.1);
	cursor: pointer;

}



.modb {
	background-color: #00000069;
	padding: 17px;
	border-radius: 25px;
}



.shine-button {
	padding: 10px 30px;
	background-color: #007bff;
	/* Button background color */
	color: white;
	border: none;
	border-radius: 5px;
	cursor: pointer;
	position: relative;
	/* Essential for positioning the pseudo-element */
	overflow: hidden;
	/* Keeps the shine effect inside the button */
	/* Add other styles like font, margin, etc. */
}

.shine-button::before {
	content: '';
	position: absolute;
	top: 0;
	left: -100%;
	/* Start off-screen to the left */
	width: 100px;
	/* Width of the shine "swipe" */
	height: 100%;
	background-image: linear-gradient(120deg,
			rgba(255, 255, 255, 0) 30%,
			rgba(255, 255, 255, .8) 50%,
			rgba(255, 255, 255, 0) 70%);
	transition: all 0.7s;
	/* Smooth transition for hover effect */
}


@keyframes shine {
	0% {
		left: -100px;
		/* Start position */
	}

	100% {
		left: 100%;
		/* End position (across the button) */
	}
}

.shine-button::before {
	/* ... other styles from Step 2 ... */
	animation: shine 3s infinite linear;
	/* Apply the animation */
}



.swiper-vertical {

	.swiper-button-prev,
	~.swiper-button-prev {
		bottom: auto;
		top: var(--swiper-navigation-sides-offset, -7px);
	}
}

.swiper-vertical {

	.swiper-button-next,
	~.swiper-button-next {
		bottom: var(--swiper-navigation-sides-offset, -12px);
		top: auto;
	}
}


.swiper-button-next,
.swiper-button-prev {
	svg {
		height: 70%;
	}
}








.swiper-button-prev {
	top: var(--swiper-navigation-sides-offset, -9px);
	color: #82b8df;
}

.swiper-button-next {
	bottom: var(--swiper-navigation-sides-offset, -11px);
	color: #82b8df;
}

.swiper-pagination-bullet-active {
	background: #82b8df;
	opacity: var(--swiper-pagination-bullet-opacity, 1);
}

#sHomePagePromos {
	position: absolute;
	top: 130px;
}


.swiper-wrapper {
	/* height: 300px; */
	border-radius: 20px;
	padding: 0;
}

.swiper-vertical {
	touch-action: pan-x;
}

.swiper {
	width: 95%;
	;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
	overflow: clip;
	list-style: none;
	z-index: 1;
}

.swiper-slide {
	text-align: center;
	font-size: 18px;
	/* background: #444; */
	/* display: flex; */
	display: block;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}



.swiper-slide img {
	display: block;
	width: 100%;
	object-fit: cover;


}


/* Only the active slide is fully bright */
.swiper-slide-active {
	opacity: 1;
}

/* Ensure your actual content is above the overlay */
.swiper-slide-content {
	position: relative;
	z-index: 2;
	/* Add your content styles here */
}

.logo-nav {
	display: block;
	max-width: 226px;
	margin: unset;
	cursor: pointer;
	z-index: 2;
	-webkit-transition: max-width 0.5s ease-in-out;
	-o-transition: max-width 0.5s ease-in-out;
	transition: max-width 0.5s ease-in-out;
	padding-left: 10px;
}

.gradient {
	background: radial-gradient(circle, #f5f7fa 0%, #c3cfe2 100%);
}




.hm-button {
	position: relative;
	top: 23px;
	z-index: 9999;
}


.silver-button {
	background-color: #C0C0C0;
	background: radial-gradient(circle, #f5f7fa 0%, #c3cfe2 100%);
	background-image: url(../images/btn-bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	border: 2px solid #a7a7a7;
	color: #333;
	font-weight: bold;
	padding: 2px 32px;
	margin: 0px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 4em;
	cursor: pointer;
	border-radius: 5px;
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
	transition: background 0.3s ease;
}

.silver-button:hover {
	background: linear-gradient(to bottom, #FFFFFF, #B0B0B0);
	background-image: url(../images/btn-bg-over.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	color: #ffffff;
	/* Lighter gradient on hover */
}

.silver-button:active {
	background: linear-gradient(to bottom, #A0A0A0, #E0E0E0);
	/* Invert gradient when clicked */
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) inset;
	/* Inset shadow to appear pressed */
}





.silver-button2 {
	background-color: #C0C0C0;
	background: radial-gradient(circle, #f5f7fa 0%, #c3cfe2 100%);
	background-image: url(../images/btn-bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	border: 2px solid #a7a7a7;
	color: #333;
	font-weight: bold;
	padding: 2px 32px;
	margin: 0 auto;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 2em;
	cursor: pointer;
	border-radius: 5px;
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
	transition: background 0.3s ease;
}

.silver-button2:hover {
	background: linear-gradient(to bottom, #FFFFFF, #B0B0B0);
	background-image: url(../images/btn-bg-over.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	color: #ffffff;
	/* Lighter gradient on hover */
}

.silver-button2:active {
	background: linear-gradient(to bottom, #A0A0A0, #E0E0E0);
	/* Invert gradient when clicked */
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) inset;
	/* Inset shadow to appear pressed */
}




.logb {
	display: block;
	width: 226px;
	height: 70px;
	position: absolute;
	top: 17px;
	right: 58px;
	/* left: 10px; */
	cursor: pointer;
	/* opacity: 0; */
	z-index: 3;
}


.silver-buttonlog {
	background-color: #C0C0C0;
	background: radial-gradient(circle, #f5f7fa 0%, #c3cfe2 100%);

	background-image: url(../images/btn-bg-over.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	border: 2px solid #a7a7a7;
	color: #ffffff;
	font-weight: bold;
	padding: 2px 32px;
	margin: 0 auto;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 1.5em;
	cursor: pointer;
	border-radius: 5px;
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
	transition: background 0.3s ease;
}

.silver-buttonlog:hover {
	background: linear-gradient(to bottom, #FFFFFF, #B0B0B0);
	background-image: url(../images/btn-bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	color: #000000;
	/* Lighter gradient on hover */
}

.silver-buttonlog:active {
	background: linear-gradient(to bottom, #A0A0A0, #E0E0E0);
	/* Invert gradient when clicked */
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) inset;
	/* Inset shadow to appear pressed */
}







/* Menu code starts here */

#menuToggle {
	display: block;
	position: relative;
	top: auto;
	right: auto;
	z-index: 5;
	z-index: 9999;
	height: 32px;
	-webkit-user-select: none;
	user-select: none;
	/* background-color: #1e52a380; */
}

#menuToggle a {
	text-decoration: none;
	color: #ffffff;

	transition: color 0.3s ease;
}

#menuToggle a:hover {
	color: #82b8df;
}


#menuToggle input {
	display: block;
	width: 40px;
	height: 32px;
	position: absolute;
	top: -7px;
	left: -5px;

	cursor: pointer;

	opacity: 0;
	/* hide this */
	z-index: 2;
	/* and place it over the hamburger */

	-webkit-touch-callout: none;
}

/*
 * Just a quick hamburger
 */
#menuToggle .menuHamburger {
	display: block;
	width: 33px;
	height: 4px;
	margin-bottom: 5px;
	position: relative;

	background: #cdcdcd;
	border-radius: 3px;

	z-index: 1;

	transform-origin: 4px 0px;

	transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0),
		background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0),
		opacity 0.55s ease;
}

#menuToggle .menuHamburger:first-child {
	transform-origin: 0% 0%;
}

#menuToggle .menuHamburger:nth-last-child(2) {
	transform-origin: 0% 100%;
}

/* 
 * Transform all the slices of hamburger
 * into a crossmark.
 */
#menuToggle input:checked~span {
	opacity: 1;
	transform: rotate(45deg) translate(-2px, -1px);
	background: #79beff;
}

/*
 * But let's hide the middle one.
 */
#menuToggle input:checked~span:nth-last-child(3) {
	opacity: 0;
	transform: rotate(0deg) scale(0.2, 0.2);
}

/*
 * Ohyeah and the last one should go the other direction
 */
#menuToggle input:checked~span:nth-last-child(2) {
	transform: rotate(-45deg) translate(0, -1px);
}

/*
 * Make this absolute positioned
 * at the top left of the screen
 */
#menu {
	text-align: center;
	position: absolute;
	max-width: 400px;
	width: 100vw;
	/* max-height: 100vh; */
	margin: -100px 0 0 -50px;
	padding-right: 64px;
	padding-left: 15px;
	padding-top: 125px;
	box-sizing: border-box;
	overflow-y: auto;
	background: #ededed;
	list-style-type: none;
	-webkit-font-smoothing: antialiased;
	/* to stop flickering of text in safari */
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1a2631+0,7db9e8+100&1+0,0+100 */
	background: linear-gradient(to bottom, rgb(0 0 0) 32%, rgb(2 43 75 / 76%) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	height: 1000px;
	transform-origin: 0% 0%;
	transform: translate(34%, 0);
	transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0);
}

#menu li {
	padding: 10px 0;
	font-size: 22px;
}

#menu li label {
	cursor: pointer;
}

/*
 * And let's slide it in from the left
 */
#menuToggle input:checked~ul {
	transform: translate(-60%, 0);
}





.vidArea {
	display: flex;
	gap: 20px;
	margin-bottom: 5px;
	margin-top: 5px;
}

.vidArea video {
	max-width: 500px;
	width: 100%;
	/* height: auto; */
	border-radius: 6px;
	margin: 0 auto;
}

.sub {
	font-family: 'Marcellus SC', serif;
	font-size: 2em;
	text-shadow: none;
	line-height: 40px;
}

.field {
	max-width: 500px;
	margin: 0 auto;
}

label {
	color: #82b8df;
}

#dSiteLoader {
	position: fixed;
	inset: 0;
	background: black;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 9999;
	transition: opacity 1s ease, visibility 1s ease;
}

#dSiteLoader video {
	width: 100%;
	height: 100%;
	object-fit: cover;

}

#dSiteLoader.fade-out {
	opacity: 0;
	visibility: hidden;
}


.ticker-wrap {
	top: 0;
	width: 100%;
	overflow: hidden;
	height: 2rem;
	background-color: #00192c;
	padding-left: 100%;
}

.ticker {
	display: inline-block;
	height: 2rem;
	line-height: 2rem;
	white-space: nowrap;
	padding-right: 100%;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-name: ticker;
	animation-name: ticker;
	-webkit-animation-duration: 250s;
	animation-duration: 250s;
}

.ticker_item {
	display: inline-block;
	padding: 0 2rem;
	font-size: 20px;
	font-weight: bold;
	color: #82b8df;
	font-family: 'Barlow Semi Condensed', sans-serif;
}




@-webkit-keyframes ticker {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		visibility: visible;
	}

	100% {
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}
}

@keyframes ticker {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		visibility: visible;
	}

	100% {
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}
}




.mailSubsPg .stdPgCover {
	margin-top: 20px;
	background-color: #00000080;
}

.formWrap {
	width: 100%;
	margin: 20px auto;
	text-align: center;
}

.formWrap form {
	max-width: 400px;
	width: 100%;
	margin: auto;
}

.mailSubsForm {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 10px;
}

.mailSubsForm input {
	border-radius: 7px;
	border: 0;
	/* background-color: #353535; */
	padding: 5px;
	color: #c39d47;
	flex-grow: 2;
}

.mailSubsForm input:focus {
	border: 0;
	/* background-color: #353535; */
}

.mailSubsForm button {
	border-radius: 7px;
	border: 0;
	padding: 5px;
	flex-grow: 2;
}

.mailSubsForm p {
	color: #f00;
}

.mailSubsTxtblk {
	text-align: center;
	padding: 5px;
	border-radius: 4px;
	border: 0;
	height: 40px;
	width: 200px;
}

.mailSubsBtn {
	height: 40px;
	padding: 5px;
	border-radius: 4px;
	border: 0;
	width: 200px;
	background-color: #0199ff;
	color: #ffffff;
	font-weight: bold;
}

.mailSubsMsg {
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
}

.mailSubsMsg p {
	margin: 0;
}

.mailSubsPg .lds-dual-ring {
	width: 50px;
	height: 50px;
}

.mailSubsPg .lds-dual-ring:after {
	content: " ";
	display: block;
	width: 30px;
	height: 30px;
	margin: 10px;
	border-radius: 50%;
	border: 4px solid #fff;
	border-color: #fff transparent #fff transparent;
	animation: lds-dual-ring 1.2s linear infinite;
}

@keyframes lds-dual-ring {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}





.rotate {
	animation: animName 2s linear infinite;
}

@keyframes animName {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}







.btn-success {
	color: #fff;
	background: #1e52a3;
	background-color: #00192c;
	border-color: #1e52a3;
}



/* customizable snowflake styling */
.snowflake {
	color: #fff;
	font-size: 1em;
	font-family: Serif;
	text-shadow: 0 0 1px #000;
}

@-webkit-keyframes snowflakes-fall {
	0% {
		top: -10%
	}

	100% {
		top: 100%
	}
}

@-webkit-keyframes snowflakes-shake {
	0% {
		-webkit-transform: translateX(0px);
		transform: translateX(0px)
	}

	50% {
		-webkit-transform: translateX(80px);
		transform: translateX(80px)
	}

	100% {
		-webkit-transform: translateX(0px);
		transform: translateX(0px)
	}
}

@keyframes snowflakes-fall {
	0% {
		top: -10%
	}

	100% {
		top: 100%
	}
}

@keyframes snowflakes-shake {
	0% {
		transform: translateX(0px)
	}

	50% {
		transform: translateX(80px)
	}

	100% {
		transform: translateX(0px)
	}
}

.snowflake {
	position: fixed;
	top: -10%;
	z-index: 9999;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: default;
	-webkit-animation-name: snowflakes-fall, snowflakes-shake;
	-webkit-animation-duration: 10s, 3s;
	-webkit-animation-timing-function: linear, ease-in-out;
	-webkit-animation-iteration-count: infinite, infinite;
	-webkit-animation-play-state: running, running;
	animation-name: snowflakes-fall, snowflakes-shake;
	animation-duration: 10s, 3s;
	animation-timing-function: linear, ease-in-out;
	animation-iteration-count: infinite, infinite;
	animation-play-state: running, running
}

.snowflake:nth-of-type(0) {
	left: 1%;
	-webkit-animation-delay: 0s, 0s;
	animation-delay: 0s, 0s
}

.snowflake:nth-of-type(1) {
	left: 10%;
	-webkit-animation-delay: 1s, 1s;
	animation-delay: 1s, 1s
}

.snowflake:nth-of-type(2) {
	left: 20%;
	-webkit-animation-delay: 6s, .5s;
	animation-delay: 6s, .5s
}

.snowflake:nth-of-type(3) {
	left: 30%;
	-webkit-animation-delay: 4s, 2s;
	animation-delay: 4s, 2s
}

.snowflake:nth-of-type(4) {
	left: 40%;
	-webkit-animation-delay: 2s, 2s;
	animation-delay: 2s, 2s
}

.snowflake:nth-of-type(5) {
	left: 50%;
	-webkit-animation-delay: 8s, 3s;
	animation-delay: 8s, 3s
}

.snowflake:nth-of-type(6) {
	left: 60%;
	-webkit-animation-delay: 6s, 2s;
	animation-delay: 6s, 2s
}

.snowflake:nth-of-type(7) {
	left: 70%;
	-webkit-animation-delay: 2s, 1s;
	animation-delay: 2s, 1s
}

.snowflake:nth-of-type(8) {
	left: 80%;
	-webkit-animation-delay: 1s, 0s;
	animation-delay: 1s, 0s
}

.snowflake:nth-of-type(9) {
	left: 90%;
	-webkit-animation-delay: 3s, 1s;
	animation-delay: 3s, 1s
}

.snowflake:nth-of-type(10)

/* Demo Purpose Only*/
.demo {
	font-family: 'Raleway', sans-serif;
	color: #fff;
	display: block;
	margin: 0 auto;
	padding: 15px 0;
	text-align: center;
}

.demo a {
	font-family: 'Raleway', sans-serif;
	color: #000;
}

.snowflake img {
	height: 40px;
	bottom: 0;
	display: block;
}



.form-control::-webkit-input-placeholder {
	color: #0000008c !important;
}

/* For Edge */
.form-control:-ms-input-placeholder {
	color: #0000008c !important;
}

/* For Internet Explorer */
.form-control::-ms-input-placeholder {
	color: #0000008c !important;
}

/* For the rest of the universe */
.form-control::placeholder {
	color: #0000008c !important;
}


.form-control2::-webkit-input-placeholder {
	color: #0000008c !important;
}

/* For Edge */
.form-control2:-ms-input-placeholder {
	color: #0000008c !important;
}

/* For Internet Explorer */
.form-control2::-ms-input-placeholder {
	color: #0000008c !important;
}

/* For the rest of the universe */
.form-control2::placeholder {
	color: #0000008c !important;
}





input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
}










.hot-game img {
	padding: 5px;
}

h7 {
	font-size: 22px;
	line-height: 24px;
	color: #82b8df;
	font-weight: bold;
	margin-bottom: 15px;
}

#owl-demo .item {
	background: #42bdc2;
	padding: 30px 0px;
	margin: 10px;
	color: #FFF;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-align: center;
}


.navbar-expand-lg .navbar-collapse {
	position: relative;
	left: 130px;
}

.modal-dialog {
	/* width: 100%; */
	max-width: 900px;
}



.table p {
	margin-top: 0px;
	margin-bottom: 0px;
}

.gamePg video {
	width: 100%;
	height: auto;
	margin: 10px auto 10px;
	border-radius: 6px;
}

.table-striped>tbody>tr:nth-of-type(odd) {
	--bs-table-accent-bg: rgb(30 102 163 / 23%);
}

.timeline-carousel__item-inner .year {
	font-size: 36px;
}



.autohide {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	width: 100%;
	z-index: 1030;
}

/* .scrolled-down {
	transform: translateY(-230%);
	transition: all 0.3s ease-in-out;
}

.scrolled-up {
	transform: translateY(0);
	transition: all 0.3s ease-in-out;
} */

.form {
	max-width: 50%;
	margin: 0 auto;
}

.text-center {
	padding: 0px 10px 0 10px;
}

.slick-next:before,
.slick-prev:before {
	font-size: 54px !important;
}


.card {
	border: none;
	background-color: #00192c00;
}


.navbar-light .navbar-nav .nav-link {
	color: #000000;
	font-weight: bold;
	padding-right: 2.5rem;
	text-transform: uppercase;
}

.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
	color: #82b8df;
}

.dropdown-item:focus,
.dropdown-item:hover {
	color: #ffffff;
	background-color: #1e52a3;
}











.single_portfolio_text {
	display: inline-block;
	padding: 0;
	position: relative;
	overflow: hidden;
}

.single_portfolio_text img {
	width: 100%;
}

.single_portfolio_text:hover .portfolio_images_overlay {
	top: 5%;
	left: 5%;
}

.portfolio_images_overlay {
	width: 90%;
	height: 90%;
	background: rgba(0, 0, 0, 0.8);
	padding: 20px;
	margin: 0 auto;
	top: -100%;
	left: 5%;
	position: absolute;
	transition: .6s;
}

.portfolio_images_overlay h6 {
	text-transform: uppercase;
	color: #fff;
	font-size: 30px;
	font-weight: 900;
	border: 2px solid #fff;
	padding-top: 10px;
	padding-bottom: 10px;
}

.portfolio_images_overlay .product_price {
	font-size: 23px;
	color: #fff;
	font-weight: 800;
	line-height: 35px;
}

.portfolio_images_overlay .product_price i {
	margin-right: -10px;
}

.zoom {
	width: 200px;
	height: 200px;
	position: absolute;
	bottom: -100px;
	right: -100px;
	border-radius: 50%;
	background: #00192c;
	background: -webkit-linear-gradient(to right, #F09819, #FF512F);
	background: linear-gradient(to right, #0023a3, #0dcaf0);
	box-shadow: 0px 0px 0px 10px rgba(0, 0, 0, 0.5);
	opacity: 0.9;
}

.zoom:before {
	content: "\1F3B0";
	font-family: FontAwesome;
	color: rgba(255, 255, 255, 0.5);
	font-size: 58px;
	padding-right: 20px;
	position: absolute;
	top: 17px;
	left: 25px;
}

@media (min-width:769px) and (max-width:991px) {
	.portfolio_images_overlay {
		padding: 0px;
	}
}

@media (max-width:768px) {
	.portfolio_images_overlay {
		padding: 170px 20px;
	}
}

@media (max-width:580px) {
	.portfolio_images_overlay {
		padding: 100px 20px;
	}
}

@media (max-width:480px) {
	.portfolio_images_overlay {
		padding: 40px 20px;
	}
}

@media (max-width:320px) {
	.portfolio_images_overlay {
		padding: 20px;
	}
}





.container-gallery {
	width: 100%;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-perspective: 1000;
	perspective: 1000;
	position: relative;
	padding-top: 33px;
}

.popup {
	width: 250px;
	margin: 0 auto;
	position: relative;
	/*box-shadow: 0px 0px 40px -5px rgba(0, 0, 0, 0.5);*/
	background-size: cover;
	background-position: center;
	border-radius: 5px;
	-webkit-transition: .2s;
	transition: .2s;
	cursor: pointer;
}

.popup:hover {
	-webkit-transition: .2s;
	transition: .2s;
	-webkit-transform: translateZ(5px) translateY(-20px) scale(1.05);
	transform: translateZ(5px) translateY(-20px) scale(1.05);
}

.popup-1,
.popup-4 {
	-webkit-transform: translateZ(1px);
	transform: translateZ(1px);
}

.popup-2,
.popup-5 {
	-webkit-transform: translateZ(2px) translateY(-5px);
	transform: translateZ(2px) translateY(-5px);
}

.popup-3 {
	-webkit-transform: translateZ(3px) translateY(-10px);
	transform: translateZ(3px) translateY(-10px);
}

.popup-1:hover~.popup-2 {
	-webkit-transform: translateZ(4px) translateY(-15px);
	transform: translateZ(4px) translateY(-15px);
	-webkit-transition: .2s;
	transition: .2s;
}

.popup-4 {
	-webkit-box-ordinal-group: 6;
	-ms-flex-order: 5;
	order: 5;
}

.popup-4:hover~.popup-5 {
	-webkit-transform: translateZ(3px) translateY(-15px);
	transform: translateZ(3px) translateY(-15px);
	-webkit-transition: .1s;
	transition: .1s;
}






.snip1543 {
	background-color: #fff;
	color: #ffffff;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 16px;
	overflow: hidden;
	position: relative;
	text-align: left;
	width: 100%;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
}



.snip1543 *,
.snip1543 *:before,
.snip1543 *:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all 0.45s ease;
	transition: all 0.45s ease;
}

.snip1543 img {
	backface-visibility: hidden;
	max-width: 100%;
	vertical-align: top;
	padding-bottom: 0px !important;
}

.snip1543:before,
.snip1543:after {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	content: '';
	background-color: #0a58ca;
	opacity: 0.5;
	-webkit-transition: all 0.45s ease;
	transition: all 0.45s ease;
}

.snip1543:before {
	-webkit-transform: skew(30deg) translateX(-80%);
	transform: skew(30deg) translateX(-80%);
}

.snip1543:after {
	-webkit-transform: skew(-30deg) translateX(-70%);
	transform: skew(-30deg) translateX(-70%);
}

.snip1543 figcaption {
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 1;
	bottom: 0;
	padding: 25px 6% 25px 20px;
}

.snip1543 figcaption:before,
.snip1543 figcaption:after {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #0e0d0e;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.7);
	content: '';
	opacity: 0.5;
	z-index: -1;
}

.snip1543 figcaption:before {
	-webkit-transform: skew(30deg) translateX(-100%);
	transform: skew(30deg) translateX(-100%);
}

.snip1543 figcaption:after {
	-webkit-transform: skew(-30deg) translateX(-90%);
	transform: skew(-30deg) translateX(-90%);
}

.snip1543 h3,
.snip1543 h4,
.snip1543 p {
	margin: 0;
	opacity: 0;
	letter-spacing: 1px;
}

.snip1543 h3 {
	font-family: 'Marcellus SC', serif;
	font-size: 36px;
	font-weight: 700;
	line-height: 1.4em;
	color: #ffffff;
}

.snip1543 h4 {
	font-family: 'Marcellus SC', serif;
	font-size: 17px;
	font-weight: 700;
	line-height: 1em;
	color: #82b8df;
}

.snip1543 p {
	padding-top: 8px;
	font-size: 2em;
	color: #ffffff !important;
	line-height: 1;
	text-shadow: 2px 2px 3px #000;
}

.snip1543 a {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1;
}

.snip1543:hover h3,
.snip1543.hover h3,
.snip1543:hover h4,
.snip1543.hover h4,
.snip1543:hover p,
.snip1543.hover p {
	-webkit-transform: translateY(0);
	transform: translateY(0);
	opacity: 0.9;
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
}

.snip1543:hover:before,
.snip1543.hover:before {
	-webkit-transform: skew(30deg) translateX(-20%);
	transform: skew(30deg) translateX(-20%);
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
}

.snip1543:hover:after,
.snip1543.hover:after {
	-webkit-transform: skew(-30deg) translateX(-10%);
	transform: skew(-30deg) translateX(-10%);
}

.snip1543:hover figcaption:before,
.snip1543.hover figcaption:before {
	-webkit-transform: skew(30deg) translateX(-40%);
	transform: skew(30deg) translateX(-40%);
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
}

.snip1543:hover figcaption:after,
.snip1543.hover figcaption:after {
	-webkit-transform: skew(-30deg) translateX(-30%);
	transform: skew(-30deg) translateX(-30%);
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}















/* Gradient transparent - color - transparent */

hr {
	border: 0;
	height: 1px;
	background-color: #dee2e6;
	background-image: linear-gradient(to right, rgb(26 38 49), rgb(255 255 255 / 75%), rgb(26 38 49));
}






.progressiveJP p {
	font-family: 'Barlow Semi Condensed', sans-serif;
	font-size: 18px;
	color: #fff;
	text-shadow: 2px 2px 3px #000;
	color: #ffffff;
	padding: 26px 0 0 0 !important;
}


.grey-bg {
	background-color: #bababa;
	width: 100%;
}



.hit-the-floor {
	color: #fff;
	font-size: 3em;
	font-weight: bold;
	font-family: Helvetica;
	text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0, 0, 0, .1), 0 0 5px rgba(0, 0, 0, .1), 0 1px 3px rgba(0, 0, 0, .3), 0 3px 5px rgba(0, 0, 0, .2), 0 5px 10px rgba(0, 0, 0, .25), 0 10px 10px rgba(0, 0, 0, .2), 0 20px 20px rgba(0, 0, 0, .15);
}

.hit-the-floor {
	text-align: center;
}




/* COVER */
.button-cover {
	/* min-width: 270px; */
	position: relative;
	overflow: hidden;
	border: 1px solid #18181a;
	color: #18181a;
	display: inline-block;
	font-size: 27px;
	line-height: normal;
	padding: 30px 72px 30px;
	text-decoration: none;
	cursor: pointer;
	background: #fff;
	user-select: none;
	-webkit-user-select: none;
	touch-action: manipulation;
}


.button-cover span:first-child {
	color: #020202;
	position: relative;
	transition: color 600ms cubic-bezier(0.48, 0, 0.12, 1);
	z-index: 10;
}

.button-cover span:last-child {
	color: white;
	display: block;
	position: absolute;
	bottom: 0;
	transition: all 500ms cubic-bezier(0.48, 0, 0.12, 1);
	z-index: 100;
	opacity: 0;
	top: 50%;
	left: 50%;
	transform: translateY(225%) translateX(-50%);
	height: 7px;
	line-height: 13px;
}

.button-cover:after {
	content: "";
	position: absolute;
	bottom: -50%;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #1e52a3;
	transform-origin: bottom center;
	transition: transform 600ms cubic-bezier(0.48, 0, 0.12, 1);
	transform: skewY(9.3deg) scaleY(0);
	z-index: 50;
}

.button-cover:hover:after {
	transform-origin: bottom center;
	transform: skewY(9.3deg) scaleY(2);
}

.button-cover:hover span:last-child {
	transform: translateX(-50%) translateY(-100%);
	opacity: 1;
	transition: all 900ms cubic-bezier(0.48, 0, 0.12, 1);
}



.navbt {}


/* COVER2 */
.button-cover2 {
	/*	min-width: 270px;*/
	position: relative;
	overflow: hidden;
	border: 1px solid #18181a;
	color: #18181a;
	display: inline-block;
	font-size: 23px;
	line-height: 8px;
	padding: 15px 23px 15px;
	text-decoration: none;
	cursor: pointer;
	background: #1e52a3;
	user-select: none;
	-webkit-user-select: none;
	touch-action: manipulation;
}

.button-cover2 span:first-child {
	color: #ffffff;
	position: relative;
	transition: color 600ms cubic-bezier(0.48, 0, 0.12, 1);
	z-index: 10;
}

.button-cover2 span:last-child {
	color: white;
	display: block;
	position: absolute;
	bottom: 0;
	transition: all 500ms cubic-bezier(0.48, 0, 0.12, 1);
	z-index: 100;
	opacity: 0;
	top: 50%;
	left: 50%;
	transform: translateY(225%) translateX(-50%);
	height: 7px;
	line-height: 13px;
}

.button-cover2:after {
	content: "";
	position: absolute;
	bottom: -50%;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #333;
	transform-origin: bottom center;
	transition: transform 600ms cubic-bezier(0.48, 0, 0.12, 1);
	transform: skewY(9.3deg) scaleY(0);
	z-index: 50;
}

.button-cover2:hover:after {
	transform-origin: bottom center;
	transform: skewY(9.3deg) scaleY(2);
}

.button-cover2:hover span:last-child {
	transform: translateX(-50%) translateY(-100%);
	opacity: 1;
	transition: all 900ms cubic-bezier(0.48, 0, 0.12, 1);
}















.hometxt {
	padding-top: 20px;
}










.kumulos-action-button-confirm {
	border-radius: 3px;
	box-shadow: 1px 3px 3px rgba(0, 0, 0, .54);
	background-color: #00192c !important;
	background: #00192c;
	color: rgb(253 253 253) !important;
}


.kumulos-channel-dialog-header h1,
.kumulos-alert-header h1 {
	display: flex;
	font-weight: 400;
	margin: 0;
	font-family: 'Barlow Semi Condensed', sans-serif;
	font-size: 37px !important;
	text-align: center;
	color: #00192c;
	text-shadow: none;
	line-height: 37px !important;
}



.kumulos-channel-dialog-body,
.kumulos-alert-body {
	flex: 1;
	white-space: pre-wrap;
	overflow-y: auto;
	text-align: center;
}

.kumulos-channel-dialog-container,
.kumulos-alert-container {
	height: auto !important;
}

.kumulos-channel-dialog-container.kumulos-prompt-position-center,
.kumulos-alert-container.kumulos-prompt-position-center {
	border-radius: 3px;
	top: 95px;
	background-color: rgb(255, 255, 255);
	color: rgb(0, 0, 0);
}

.kumulos-action-button-confirm:hover {
	opacity: 1 !important;
	background-color: #0dcaf0 !important;
	color: rgb(0, 0, 0) !important;
}

.glide__bullet {
	display: none;
}




.shrink {
	cursor: pointer;
	transition: all .2s ease-in-out;
}

.shrink:hover {
	transform: scale(0.9);
}



.claim {
	position: absolute !important;
	width: 69px !important;
}


.draw {
	border-radius: 24px;
}


/* About Me 
---------------------*/


.trophy-bg {
	background-color: #fff;
}


.timer {
	margin-bottom: 20px;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.4;
	color: #0dcaf0;
	background-color: black;
	padding-left: 12px;
	max-width: 450px;
	width: 100%;
}


.about-text {
	padding-top: 20px;
}

.about-text h3 {
	font-size: 45px;
	font-weight: normal;
	margin: 0 0 6px;
}


.about-text a {
	color: #2e75d2;
	font-weight: bold;
}

.about-text a:hover {
	color: #c00e0d;
}


.about-avatar img {
	width: 100%;
}


@media (max-width: 767px) {
	.about-text h3 {
		font-size: 35px;
	}
}

.about-text h6 {
	margin-bottom: 15px;
}

@media (max-width: 767px) {
	.about-text h6 {
		font-size: 18px;
	}
}

.about-text p {
	font-size: 18px;
	max-width: 450px;
}

.about-text p mark {
	font-weight: 600;
	color: #20247b;
}

.about-list {
	padding-top: 10px;
}

.about-list .media {
	padding: 5px 0;
}

.about-list label {
	color: #20247b;
	font-weight: 600;
	width: 88px;
	margin: 0;
	position: relative;
}

.about-list label:after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 11px;
	width: 1px;
	height: 12px;
	background: #20247b;
	-moz-transform: rotate(15deg);
	-o-transform: rotate(15deg);
	-ms-transform: rotate(15deg);
	-webkit-transform: rotate(15deg);
	transform: rotate(15deg);
	margin: auto;
	opacity: 0.5;
}

.about-list p {
	margin: 0;
	font-size: 15px;
}

@media (max-width: 991px) {
	.about-avatar {
		margin-top: 30px;
	}
}

.about-section .counter {
	padding: 22px 20px;
	background: #ffffff;
	border-radius: 10px;
	box-shadow: 0 0 30px rgba(31, 45, 61, 0.125);
}

.about-section .counter .count-data {
	margin-top: 10px;
	margin-bottom: 10px;
}

.about-section .counter .count {
	font-weight: 700;
	color: #20247b;
	margin: 0 0 5px;
}

.about-section .counter p {
	font-weight: 600;
	margin: 0;
}

mark {
	background-image: linear-gradient(rgba(252, 83, 86, 0.6), rgba(252, 83, 86, 0.6));
	background-size: 100% 3px;
	background-repeat: no-repeat;
	background-position: 0 bottom;
	background-color: transparent;
	padding: 0;
	color: currentColor;
}

.theme-color {
	color: #ce330e;
}

.dark-color {
	color: #00192c;
}



/*.about-text h6 {
	font-size: 30px;
}


*/



.glide__bullet {
	width: 16px !important;
	height: 16px !important;
}


.glide__bullet[class*=active] {
	background-color: #00192c !important;
}






.loybg {
	box-shadow: 0px 0px 10px #0000003b;
	padding: 5px;
	border-radius: 24px;
	background-image: url(../images/loy-bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment: fixed;
	background-size: cover;
}






div.radio-with-Icon {
	display: block;
	text-align: center;
}

div.radio-with-Icon p.radioOption-Item {
	display: inline-block;
	width: 75px;
	height: 75px;
	box-sizing: border-box;
	margin: 6px 5px;
	border: none;
}

div.radio-with-Icon p.radioOption-Item label {
	display: block;
	height: 100%;
	width: 100%;
	padding: 1px;
	border-radius: 10px;
	border: 1px solid #de1831;
	color: #de1831;
	cursor: pointer;
	/*	opacity: .8;*/
	transition: none;
	font-size: 13px;
	padding-top: 5px;
	text-align: center;
	margin: 0 !important;
}

div.radio-with-Icon p.radioOption-Item label:hover,
div.radio-with-Icon p.radioOption-Item label:focus,
div.radio-with-Icon p.radioOption-Item label:active {
	opacity: .5;
	background-color: #de1831;
	color: #fff;
	margin: 0 !important;
}

div.radio-with-Icon p.radioOption-Item label::after,
div.radio-with-Icon p.radioOption-Item label:after,
div.radio-with-Icon p.radioOption-Item label::before,
div.radio-with-Icon p.radioOption-Item label:before {
	opacity: 0 !important;
	width: 0 !important;
	height: 0 !important;
	margin: 0 !important;
}

div.radio-with-Icon p.radioOption-Item label i.fa {
	display: block;
	font-size: 50px;
}

div.radio-with-Icon p.radioOption-Item input[type="radio"] {
	opacity: 0 !important;
	width: 0 !important;
	height: 0 !important;
}

div.radio-with-Icon p.radioOption-Item input[type="radio"]:active~label {
	opacity: 1;
}

div.radio-with-Icon p.radioOption-Item input[type="radio"]:checked~label {
	opacity: 1;
	border: none;
	background-color: #de1831;
	color: #fff;
}

div.radio-with-Icon p.radioOption-Item input[type="radio"]:hover,
div.radio-with-Icon p.radioOption-Item input[type="radio"]:focus,
div.radio-with-Icon p.radioOption-Item input[type="radio"]:active {
	margin: 0 !important;
}

div.radio-with-Icon p.radioOption-Item input[type="radio"]+label:before,
div.radio-with-Icon p.radioOption-Item input[type="radio"]+label:after {
	margin: 0 !important;
}
























.avatar {
	-webkit-animation: float 6s ease-in-out infinite;
	animation: float 6s ease-in-out infinite;
}

.avatar2 {
	-webkit-animation: float 3s ease-in-out infinite;
	animation: float 8s ease-in-out infinite;
}




@-webkit-keyframes float {
	0% {
		transform: translatey(0px);
	}

	50% {
		transform: translatey(-20px);
	}

	100% {
		transform: translatey(0px);
	}
}

@keyframes float {
	0% {
		transform: translatey(0px);
	}

	50% {
		transform: translatey(-20px);
	}

	100% {
		transform: translatey(0px);
	}
}














.new-promo {
	margin: 0 auto;
	/* margin-bottom: 40px; */
	padding-bottom: 50px;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#7db9e8+0,adadad+100&0+41,1+99 */
	background: -moz-linear-gradient(top, rgba(125, 185, 232, 0) 0%, rgba(145, 180, 208, 0) 41%, rgba(173, 173, 174, 1) 99%, rgba(173, 173, 173, 1) 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(125, 185, 232, 0) 0%, rgba(145, 180, 208, 0) 41%, rgba(173, 173, 174, 1) 99%, rgba(173, 173, 173, 1) 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(125, 185, 232, 0) 0%, rgba(145, 180, 208, 0) 41%, rgba(173, 173, 174, 1) 99%, rgba(173, 173, 173, 1) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#007db9e8', endColorstr='#adadad', GradientType=0);
	/* IE6-9 */
}


figure.snip1206 {
	font-family: 'Raleway', Arial, sans-serif;
	color: #fff;
	position: relative;
	overflow: hidden;
	margin: 0 auto;
	margin-top: 25px;
	min-width: 220px;
	max-width: 493px;
	max-height: 307px;
	width: 100%;
	color: #000000;
	text-align: center;
	box-shadow: 8px 4px 12px #0000008c;
	border: 3px solid #00192c;
}

figure.snip1206 * {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all 0.6s ease;
	transition: all 0.6s ease;
}

figure.snip1206 img {
	opacity: 1;
	width: 100%;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

figure.snip1206:after {
	background: #ffffff;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	content: '';
	opacity: 0.75;
	-webkit-transform: skew(-45deg) scaleX(0);
	transform: skew(-45deg) scaleX(0);
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

figure.snip1206 figcaption {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 1;
}

figure.snip1206 h3,
figure.snip1206 h4,
figure.snip1206 p {
	margin: 0;
	width: 100%;
	opacity: 0;
}

figure.snip1206 h3 {
	padding: 0 30px;
	display: inline-block;
	font-weight: 400;
	text-transform: uppercase;
	color: #00192c;
}

figure.snip1206 p {
	/*		padding: 0 50px;*/
	font-size: 1.3em;
	font-weight: bolder;
	color: #0dcaf0;
	width: 75%;
	background-color: #000000;
	margin: 0 auto;
}

figure.snip1206 h4 {
	/* padding: 0 50px; */
	font-size: 1.4em;
	font-weight: bolder;
	color: #000000;
	width: 75%;
	/* background-color: #000000; */
	margin: 0 auto;
	text-shadow: none;
}


figure.snip1206 a {
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	position: absolute;
	z-index: 1;
}

figure.snip1206:hover:after,
figure.snip1206.hover:after {
	-webkit-transform: skew(-45deg) scaleX(1);
	transform: skew(-45deg) scaleX(1);
	transition: all 400ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

figure.snip1206:hover figcaption h4,
figure.snip1206:hover figcaption h3,
figure.snip1206.hover figcaption h3,
figure.snip1206:hover figcaption p,
figure.snip1206.hover figcaption p {
	-webkit-transform: translate3d(0%, 0%, 0);
	transform: translate3d(0%, 0%, 0);
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
}

figure.snip1206:hover figcaption h3,
figure.snip1206.hover figcaption h3 {
	opacity: 1;
}

figure.snip1206:hover figcaption p,
figure.snip1206.hover figcaption p {
	opacity: 0.7;
}


figure.snip1206:hover figcaption h4,
figure.snip1206.hover figcaption h4 {
	opacity: 0.7;
}





.demo {
	text-align: center;
}

#hot-slider {}


.testimonial {
	margin: 0 20px 40px;
	text-align: left;
}

.testimonial .testimonial-content {
	padding: 35px 25px 35px 50px;
	margin-bottom: 35px;
	background: #1a263191;
	border: 1px solid #f0f0f0;
	width: 100%;
	max-width: 300px;
	position: relative;
	/*		box-shadow: 1px 1px 7px #000;*/
}

.testimonial .testimonial-content:after {
	content: "";
	display: inline-block;
	width: 20px;
	height: 20px;
	background: #ffffff;
	position: absolute;
	bottom: -10px;
	left: 22px;
	transform: rotate(45deg);
}

.testimonial-icon h2 {
	font-family: 'Marcellus SC', serif;
	font-size: 67px;
	color: #ffffff;
	text-shadow: 2px 2px 3px #000;
}


.testimonial-content .testimonial-icon {
	width: 50px;
	height: 45px;
	background: #82b8df;
	text-align: center;
	font-size: 22px;
	color: #fff;
	line-height: 42px;
	position: absolute;
	top: 37px;
	left: -19px;
}

.testimonial-content .testimonial-icon:before {
	content: "";
	border-bottom: 16px solid #00192c;
	border-left: 18px solid transparent;
	position: absolute;
	top: -16px;
	left: 1px;
}

.testimonial .description {
	font-size: 15px;
	font-style: italic;
	color: #ffffff;
	line-height: 23px;
	margin: 0;
}

.testimonial .title {
	display: block;
	font-size: 18px;
	font-weight: 700;
	color: #525252;
	text-transform: capitalize;
	letter-spacing: 1px;
	margin: 0 0 5px 0;
}

.testimonial .post {
	display: block;
	font-size: 18px;
	color: #ffffff;
}

/* Swiper Fixes for Testimonials */
#testimonial-slider.swiper {
	padding-bottom: 50px;
	/* Space for pagination */
	height: auto !important;
}

#testimonial-slider .swiper-wrapper {
	height: auto !important;
}

#testimonial-slider .swiper-slide {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	height: 100%;
	cursor: grab;
}

#testimonial-slider .swiper-slide:active {
	cursor: grabbing;
}

#testimonial-slider .testimonial {
	margin: 0 10px 20px;
	height: 100%;
	display: flex;
	flex-direction: column;
}

#testimonial-slider .testimonial-content {
	flex-grow: 1;
	margin-bottom: 25px;
}

#testimonial-slider .swiper-pagination {
	position: absolute;
	top: 94%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	display: flex;
	justify-content: center;
	gap: 5px;
	/* Adds space between bullets */
}

#testimonial-slider .swiper-pagination-bullet {
	background: #ccc;
	opacity: 1;
}

#testimonial-slider .swiper-pagination-bullet-active {
	background: #82b8df;
}

.owl-theme .owl-controls {
	margin-top: 20px;
}

.owl-theme .owl-controls .owl-page span {
	background: #ccc;
	opacity: 1;
	transition: all 0.4s ease 0s;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
	background: #82b8df;
}












.glow2 {
	font-size: 46px;
	color: #fff;
	text-align: center;
	-webkit-animation: glow 1s ease-in-out infinite alternate;
	-moz-animation: glow 1s ease-in-out infinite alternate;
	animation: glow 1s ease-in-out infinite alternate;
	margin-bottom: -29px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

@-webkit-keyframes glow {
	from {
		text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #0078e6, 0 0 40px #0007e6, 0 0 50px #00e6e0, 0 0 60px #0086e6, 0 0 70px #004de6;
	}

	to {
		text-shadow: 0 0 20px #fff, 0 0 30px #4d9cff, 0 0 40px #150296, 0 0 50px #00a1ff, 0 0 60px #04efff, 0 0 70px #001fff, 0 0 80px #3582ff;
	}
}


.grow {
	transition: transform .5s;
	/* Animation */
}

.grow:hover {
	transform: scale(1.3);
	/* (150% zoom)*/
}




/*.cpbanner {
	display: flex;
	justify-content: center;
	background-size: cover;
	overflow: hidden;
}*/

.cpbanner img {
	max-width: none;
	width: 100%;
}



#cpwel {
	width: 100%;
	height: auto !important;
	background: url(../images/header-cp.jpg) top center;
	background-size: cover;
	overflow: hidden;
	/*	position: relative;*/
	text-align: center;
	/* padding-bottom: 100px; */
}

#bit {
	width: 100%;
	/*height: auto !important;*/
	background: url(../images/bt-bg.jpg) top center;
	background-size: cover;
	overflow: hidden;
	height: 540px;
	/*	position: relative;*/
	text-align: center;
	/* padding-bottom: 100px; */
}



.stage {
	width: 100%;
	/*	padding: 7rem 2rem 2rem;*/
	text-align: center;
}

.stage p {
	font-family: 'Barlow Semi Condensed', sans-serif;
	font-size: 11px !important;
	color: #00192c;
	text-align: center;
	margin: 0px 0 0px;
}



*,
*:after,
*:before {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.swipe {
	display: inline-block;
	color: #ffffff;
	-moz-animation-name: swipe;
	-webkit-animation-name: swipe;
	animation-name: swipe;
	-moz-animation-duration: 2700ms;
	-webkit-animation-duration: 2700ms;
	animation-duration: 2700ms;
	-moz-animation-delay: 250ms;
	-webkit-animation-delay: 250ms;
	animation-delay: 250ms;
	-moz-animation-timing-function: linear;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-moz-animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

.swipe .fa-long-arrow-left,
.swipe .fa-long-arrow-right {
	font-size: 0.65em;
	color: #ffffff;
}

.swipe .fa-long-arrow-left {
	-moz-transform: scaleX(0.75) skew(20deg) translateY(-0.9em) translateX(1.25em);
	-ms-transform: scaleX(0.75) skew(20deg) translateY(-0.9em) translateX(1.25em);
	-webkit-transform: scaleX(0.75) skew(20deg) translateY(-0.9em) translateX(1.25em);
	transform: scaleX(0.75) skew(20deg) translateY(-0.9em) translateX(1.25em);
}

.swipe .fa-long-arrow-right {
	-moz-transform: scaleX(0.75) skew(20deg) translateY(-0.9em) translateX(-0.95em);
	-ms-transform: scaleX(0.75) skew(20deg) translateY(-0.9em) translateX(-0.95em);
	-webkit-transform: scaleX(0.75) skew(20deg) translateY(-0.9em) translateX(-0.95em);
	transform: scaleX(0.75) skew(20deg) translateY(-0.9em) translateX(-0.95em);
}

.swipe .fa-hand-o-up {
	-moz-transform: scaleY(1.2);
	-ms-transform: scaleY(1.2);
	-webkit-transform: scaleY(1.2);
	transform: scaleY(1.2);
	-moz-animation-name: swipe-rotate;
	-webkit-animation-name: swipe-rotate;
	animation-name: swipe-rotate;
	-moz-animation-duration: 2700ms;
	-webkit-animation-duration: 2700ms;
	animation-duration: 2700ms;
	-moz-animation-delay: 250ms;
	-webkit-animation-delay: 250ms;
	animation-delay: 250ms;
	-moz-animation-timing-function: linear;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-moz-animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

@-moz-keyframes swipe {
	0% {
		-moz-transform: translateX(0);
		transform: translateX(0);
	}

	10% {
		-moz-transform: translateX(-0.1em);
		transform: translateX(-0.1em);
	}

	20% {
		-moz-transform: translateX(0.1em);
		transform: translateX(0.1em);
	}

	30% {
		-moz-transform: translateX(-0.1em);
		transform: translateX(-0.1em);
	}

	40% {
		-moz-transform: translateX(0.1em);
		transform: translateX(0.1em);
	}

	50% {
		-moz-transform: translateX(0);
		transform: translateX(0);
	}

	100% {
		-moz-transform: translateX(0);
		transform: translateX(0);
	}
}

@-webkit-keyframes swipe {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}

	10% {
		-webkit-transform: translateX(-0.1em);
		transform: translateX(-0.1em);
	}

	20% {
		-webkit-transform: translateX(0.1em);
		transform: translateX(0.1em);
	}

	30% {
		-webkit-transform: translateX(-0.1em);
		transform: translateX(-0.1em);
	}

	40% {
		-webkit-transform: translateX(0.1em);
		transform: translateX(0.1em);
	}

	50% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}

	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

@keyframes swipe {
	0% {
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}

	10% {
		-moz-transform: translateX(-0.1em);
		-ms-transform: translateX(-0.1em);
		-webkit-transform: translateX(-0.1em);
		transform: translateX(-0.1em);
	}

	20% {
		-moz-transform: translateX(0.1em);
		-ms-transform: translateX(0.1em);
		-webkit-transform: translateX(0.1em);
		transform: translateX(0.1em);
	}

	30% {
		-moz-transform: translateX(-0.1em);
		-ms-transform: translateX(-0.1em);
		-webkit-transform: translateX(-0.1em);
		transform: translateX(-0.1em);
	}

	40% {
		-moz-transform: translateX(0.1em);
		-ms-transform: translateX(0.1em);
		-webkit-transform: translateX(0.1em);
		transform: translateX(0.1em);
	}

	50% {
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}

	100% {
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

@-moz-keyframes swipe-rotate {
	0% {
		-moz-transform: scaleY(1.2) skew(0);
		transform: scaleY(1.2) skew(0);
	}

	10% {
		-moz-transform: scaleY(1.2) skew(5deg);
		transform: scaleY(1.2) skew(5deg);
	}

	20% {
		-moz-transform: scaleY(1.2) skew(-5deg);
		transform: scaleY(1.2) skew(-5deg);
	}

	30% {
		-moz-transform: scaleY(1.2) skew(5deg);
		transform: scaleY(1.2) skew(5deg);
	}

	40% {
		-moz-transform: scaleY(1.2) skew(-5deg);
		transform: scaleY(1.2) skew(-5deg);
	}

	50% {
		-moz-transform: scaleY(1.2) skew(0);
		transform: scaleY(1.2) skew(0);
	}

	100% {
		-moz-transform: scaleY(1.2) skew(0);
		transform: scaleY(1.2) skew(0);
	}
}

@-webkit-keyframes swipe-rotate {
	0% {
		-webkit-transform: scaleY(1.2) skew(0);
		transform: scaleY(1.2) skew(0);
	}

	10% {
		-webkit-transform: scaleY(1.2) skew(5deg);
		transform: scaleY(1.2) skew(5deg);
	}

	20% {
		-webkit-transform: scaleY(1.2) skew(-5deg);
		transform: scaleY(1.2) skew(-5deg);
	}

	30% {
		-webkit-transform: scaleY(1.2) skew(5deg);
		transform: scaleY(1.2) skew(5deg);
	}

	40% {
		-webkit-transform: scaleY(1.2) skew(-5deg);
		transform: scaleY(1.2) skew(-5deg);
	}

	50% {
		-webkit-transform: scaleY(1.2) skew(0);
		transform: scaleY(1.2) skew(0);
	}

	100% {
		-webkit-transform: scaleY(1.2) skew(0);
		transform: scaleY(1.2) skew(0);
	}
}

@keyframes swipe-rotate {
	0% {
		-moz-transform: scaleY(1.2) skew(0);
		-ms-transform: scaleY(1.2) skew(0);
		-webkit-transform: scaleY(1.2) skew(0);
		transform: scaleY(1.2) skew(0);
	}

	10% {
		-moz-transform: scaleY(1.2) skew(5deg);
		-ms-transform: scaleY(1.2) skew(5deg);
		-webkit-transform: scaleY(1.2) skew(5deg);
		transform: scaleY(1.2) skew(5deg);
	}

	20% {
		-moz-transform: scaleY(1.2) skew(-5deg);
		-ms-transform: scaleY(1.2) skew(-5deg);
		-webkit-transform: scaleY(1.2) skew(-5deg);
		transform: scaleY(1.2) skew(-5deg);
	}

	30% {
		-moz-transform: scaleY(1.2) skew(5deg);
		-ms-transform: scaleY(1.2) skew(5deg);
		-webkit-transform: scaleY(1.2) skew(5deg);
		transform: scaleY(1.2) skew(5deg);
	}

	40% {
		-moz-transform: scaleY(1.2) skew(-5deg);
		-ms-transform: scaleY(1.2) skew(-5deg);
		-webkit-transform: scaleY(1.2) skew(-5deg);
		transform: scaleY(1.2) skew(-5deg);
	}

	50% {
		-moz-transform: scaleY(1.2) skew(0);
		-ms-transform: scaleY(1.2) skew(0);
		-webkit-transform: scaleY(1.2) skew(0);
		transform: scaleY(1.2) skew(0);
	}

	100% {
		-moz-transform: scaleY(1.2) skew(0);
		-ms-transform: scaleY(1.2) skew(0);
		-webkit-transform: scaleY(1.2) skew(0);
		transform: scaleY(1.2) skew(0);
	}
}


.welcome {
	position: relative;
	bottom: 40px;
}

.wrapper {
	max-width: 1300px;
	width: 100%;
	margin: 0 auto;
	position: relative;
	height: 710px;
}


.row-features {
	position: relative;
	box-shadow: 5px 6px 12px #000000;
}

.new-feature-slider {
	width: 100%;
	float: left;
	overflow: hidden;
}

.new-feature-slider .feature-slide {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	transition: all 0.5s ease;
}

.new-feature-slider .feature-slide .feature-slide-image img {
	width: 100%;
	display: block;
}

.new-feature-slider .feature-slide.active {
	opacity: 1;
}

/*.block-wrap {
	position: relative;
	width: 100%;
}*/

.block-wrap:before {
	content: "";
	width: 100%;
	padding-top: 100%;
	display: block;
}

/*.w50 {
	width: 50%;
	float: left;
}*/

.h50:before {
	padding-top: 50%;
}

.block {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	/*	overflow: hidden;*/
	box-sizing: border-box;
	background-color: #0e0d0e;
}


/*.block p {
	font-family: 'Barlow Semi Condensed', sans-serif;
	font-size: 14px;
	color: #ffffff;
}

*/

.content-centered {
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 100;
	width: 100%;
	max-width: 30em;
	transform: translate(-50%, -50%);
}

.controls {
	box-sizing: border-box;
	width: 100px;
	/*	height: 160px;*/
	position: absolute;
	/*	z-index: 9999;*/
	/*	border-right: solid 8px rgba(93, 193, 195, 0.4);*/
	overflow: visible;
}

.controls .control {
	box-sizing: border-box;
	width: 50px;
	height: 50px;
	display: block;
	background: #fff;
	cursor: pointer;
	transition: all 0.3s ease;
	position: relative;
	float: right;
	border-radius: 48px;
}

.controls .control:first-child {
	border-bottom: 1px solid rgba(4, 68, 86, 0.2);
}

.controls .control.button-next {
	transform: rotate(180deg);
}

.controls .control:before,
.controls .control:after {
	width: 20px;
	height: 2px;
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	transform-origin: left center;
	content: "";
	background-color: #333f4a;
	transition: all 0.3s ease;
}

.controls .control:before {
	transform: translate(-50%, -50%) rotate(45deg);
}

.controls .control:after {
	transform: translate(-50%, -50%) rotate(-45deg);
}

.controls .control:hover {
	background-color: #82b8df;
}

.controls .control:hover:before,
.controls .control:hover:after {
	background-color: white;
}

.new-feature-controls {
	bottom: 10px;
	right: 0%;
}

.carousel {
	padding: 20px;
	perspective: 500px;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.carousel>* {
	flex: 0 0 auto;
}

.carousel figure {
	margin: 0;
	width: 40%;
	transform-style: preserve-3d;
	transition: transform 0.5s;
}

.carousel figure img {
	width: 100%;
	box-sizing: border-box;
	padding: 0 0px;
}

.carousel figure img:not(:first-of-type) {
	position: absolute;
	left: 0;
	top: 0;
}

.carousel nav {
	display: flex;
	justify-content: center;
	margin: 20px 0 0;
}

.carousel nav button {
	flex: 0 0 auto;
	margin: 0 5px;
	cursor: pointer;
	color: #333;
	background: none;
	border: 1px solid;
	letter-spacing: 1px;
	padding: 5px 10px;
}

::-webkit-scrollbar {
	width: 3px;
	height: 3px;
	border-left: 1px solid #3d596e;
}

::-webkit-scrollbar-thumb {
	background-color: #82b8df;
}


.btn-success.active,
.btn-success:active,
.open>.dropdown-toggle.btn-success {
	color: #fff;
	background-color: #82b8df;
	border-color: #82b8df;
}

.btn-success.focus,
.btn-success:focus {
	color: #fff;
	background-color: #82b8df;
	border-color: #82b8df;
}

/* Grow */
.hvr-grow {
	cursor: pointer;
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
}

.hvr-grow:hover,
.hvr-grow:focus,
.hvr-grow:active {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}


.hvr-grow img {
	width: 100%;
}




.protabs {
	position: relative;
	/* border: 1px #000000 solid; */
	padding: 0px;
	/* margin: 10px; */
	text-align: center;
	/* min-height: 350px; */
	padding-bottom: 25px;
}


.protabs p {
	font-size: 15px;
	color: #000000;
	text-align: center;
}


.protabs h2 {
	font-family: 'Assistant', sans-serif;
	font-size: 19px;
	color: #333333;
	text-align: center;
	margin: 19px 0px 10px 0;
	font-weight: bold;
	text-shadow: none;
}

.protabs ul {
	text-align: left;
}

.protabs2 {
	position: relative;
	border: 1px solid silver;
	padding: 10px;
	margin: 10px;
	text-align: center;
	/* min-height: 350px; */
	background-color: #00192c70;
	border-radius: 25px;
}



.protabs2:hover {
	box-shadow: 5px 4px 13px #00000052;
	border: 1px #192d48 solid;
	transition: all 0.3s ease-in-out;
}

/* Fade in the pseudo-element with the bigger shadow */
.protabs2:hover::after {
	opacity: 1;
}


.protabs2 p {
	font-size: 19px;
	/* color: #000000; */
	text-align: center;
}


.protabs2 h6 {
	font-size: 35px;
	font-family: 'Barlow Semi Condensed', sans-serif;
	color: #82b8df;
	font-weight: bold;
	margin: 5px 0 10px 0;
	text-align: center !important;
}



.protabs2 h2 {
	font-family: 'Assistant', sans-serif;
	font-size: 19px;
	color: #333333;
	text-align: center;
	margin: 19px 0px 10px 0;
	font-weight: bold;
}


/*Faqs start*/

.faqs {}

.faqs ul {
	display: block;
	font-size: 12px;
}

.faqs a {
	color: #59af00;
}

.faqsSubContent h4 {
	background: #846D37;
	color: #C8BDA1;
	font-size: 13px;
	line-height: 15px;
	font-weight: bold;
	padding: 4px;
	margin: 0px;
}

.faqs li {
	color: #000;
	text-align: left;
	font-size: 14px;
}

.faqs li:hover {
	cursor: pointer;
}

.faqs li ul {
	display: none;
}

.faqs h2,
.termscontent h2 {
	font-size: 14px;
	color: #000;
	text-transform: uppercase;
	text-align: left;
	margin: 20px 0px;
	font-weight: bold;
	background-color: lightgrey;
	padding: 3px;
}


* {
	box-sizing: border-box;
}


.cp-bg {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+51,000000+99&0+0,1+51,0+100 */
	background: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 51%, rgba(0, 0, 0, 0.02) 99%, rgba(0, 0, 0, 0) 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 51%, rgba(0, 0, 0, 0.02) 99%, rgba(0, 0, 0, 0) 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 51%, rgba(0, 0, 0, 0.02) 99%, rgba(0, 0, 0, 0) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#00000000', GradientType=1);
	/* IE6-9 */
	padding: 5px;
	font-size: 42px;
}

#dRoyalRewardsPlayerGreeting {
	font-family: 'Barlow Semi Condensed', sans-serif;
	font-weight: normal;
	font-size: 38px;
	color: #333;
	text-align: center;
}


h1 {
	font-family: "Josefin Sans", sans-serif;
	font-size: 8em;
	font-weight: 900;
	line-height: 119px;
	background: linear-gradient(180deg, #E8E8E8 44%, #FFFFFF 45%, #FFFFFF 50%, #9E9E9E 60%, #E8E8E8 95%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
}

h2 {
	font-family: 'Marcellus SC', serif;
	font-size: 22px;
	color: #82b8df;
	text-shadow: 2px 2px 3px #000;
}


h3 {
	font-family: 'Marcellus SC', serif;
	font-size: 4em;
	color: #82b8df;
	text-shadow: 2px 2px 3px #000;
	line-height: 5px;
}


h4 {
	font-family: 'Barlow Semi Condensed', sans-serif;
	font-size: 18px;
	color: #82b8df;
	font-weight: bold;
	text-shadow: 2px 2px 3px #000;
}

h5 {
	font-family: 'Marcellus SC', serif;
	font-size: 42px;
	color: #ffffff;
	text-shadow: 2px 2px 3px #000;
}

h6 {
	font-family: 'Barlow Semi Condensed', sans-serif;
	font-size: 20px;
	color: #ffffff;
}

p {
	font-family: 'Barlow Semi Condensed', sans-serif;
	font-size: 19px;
	color: #ffffff;
}


footer p {
	font-family: 'Barlow Semi Condensed', sans-serif;
	font-size: 13px;
	color: #777;
}



.mobile a,
.download a,
.instant a {
	font-family: 'Barlow Semi Condensed', sans-serif;
	font-size: 30px;
	color: #ffffff;
}

.support {
	font-family: 'Barlow Semi Condensed', sans-serif;
	color: #82b8df;
	cursor: pointer;
	font-weight: bold;
}

.support:hover {
	color: #9db6ff;
}

.more {
	font-family: 'Barlow Semi Condensed', sans-serif;
	color: #ffffff;
	text-decoration: underline;
}

.more:hover {
	color: #82b8df;
	text-decoration: none;
}

.cursor:hover {
	cursor: pointer;
}

#new-promo i {
	color: #0dcaf0;
	-webkit-animation: spin 2s linear infinite;
	-moz-animation: spin 2s linear infinite;
	animation: spin 2s linear infinite;
}

@-moz-keyframes spin {
	100% {
		-moz-transform: rotate(360deg);
	}
}

@-webkit-keyframes spin {
	100% {
		-webkit-transform: rotate(360deg);
	}
}

@keyframes spin {
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

.btn-default {
	color: #000000;
	border-color: #000000;
	background-color: #ffffff;
}

.btn {
	/*	font-size: 40px;
	font-family: 'Barlow Semi Condensed', sans-serif;
	padding: 6px 44px;
	margin-top: 15px;
	margin-bottom: 0;*/
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border-radius: 5px;
}

.btn-default:hover,
.btn-default:focus {
	color: #ffffff;
	box-shadow: none;
	background-color: #00192c;
}



.btn-default2 {
	color: #ffffff;
	background-color: #00192c;
}


.btn-default2.focus,
.btn-default2:focus,
.btn-default2:hover {
	color: #fff;
	text-decoration: none;
	background-color: #00335d;
}



.btn-small {
	color: #ffffff;
	background-color: #82b8df;
	font-size: 14px;
	margin-bottom: 20px;
	margin-bottom: 20px;
	box-shadow: none;
}

.btn-small:hover {
	color: #ffffff;
	box-shadow: none;
	background-color: #a80300;
}


.subb {
	margin: 0 auto;
	max-width: 298px;
}


.btn-sub {
	color: #ffffff;
	background-color: #82b8df;
	font-size: 25px;
	margin-bottom: 20px;
	margin-bottom: 20px;
	box-shadow: none;
}

.btn-sub:hover {
	color: #ffffff;
	box-shadow: none;
	background-color: #a80300;
}




.cash {
	min-height: 240px;
	background-image: url(../images/cb-bg.jpg);
	background-position: center;
	background-repeat: no-repeat;
	margin-bottom: 15px;
	padding-bottom: 10px;
}


.cashBackblk {
	border: 1px solid #00192c;
	display: inline-block;
	padding: 17px;
	background-color: #0000009c;
}



.cashBackState {
	color: #74baf3;
	font-size: 36px;
	font-family: 'Barlow Semi Condensed', sans-serif;
	text-transform: uppercase;
}



.cashBackBtn1 {
	color: #ffffff;
	font-size: 20px;
	font-family: 'Barlow Semi Condensed', sans-serif;
	text-transform: uppercase;
	background-color: #dc3545;
	padding: 7px;
	cursor: pointer;
}

.cashBackBtn2 {
	color: #ffffff;
	font-size: 20px;
	font-family: 'Barlow Semi Condensed', sans-serif;
	text-transform: uppercase;
	background-color: #0dcaf0;
	padding: 7px;
	cursor: pointer;
}

.cashbackValue {
	color: #ffffff;
	font-size: 51px;
	font-family: 'Barlow Semi Condensed', sans-serif;
	text-transform: uppercase;
}


.cb {
	height: 100%;
	padding-top: 30px;
}

.cb h6 {
	color: #ffffff !important;
	font-size: 34px !important;
	padding: 20px 0 10px;
}

.cb .form-control {
	width: 100%;
	display: inline-block;
	margin-bottom: 0;
	height: 40px;
	/*		background: #000000;*/
	/*		border: 1px solid #0dcaf0;*/
	color: #ffffff;
}

#BonusDisplay {
	min-height: 34px;
	margin-top: 20px;
	color: white;
}

.bonus .form-control {
	width: 260px;
	display: inline-block;
	margin-bottom: 9px;
	height: 40px;
	background: #000000;
	border: 1px solid #0dcaf0;
	color: #ffffff;
}

.cb a {
	color: #000000 !important;
	margin-top: 0px !important;
	padding: 6px 28px !important;
}

.cb a:hover {
	color: #ffffff !important;

}

.cb p {
	color: #ffffff !important;
	text-align: center !important;
	text-shadow: 2px 2px 3px #000;
}

#DisplayTicketDivInfo {
	color: #82b8df;
	font-size: 14px;
	height: 12px;
	padding-bottom: 24px;
}

/* Sweep To Right */
.hvr-sweep-to-right {
	background: #000000;
	border-radius: 4px;
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.hvr-sweep-to-right:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #00192c;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

.hvr-sweep-to-right:hover,
.hvr-sweep-to-right:focus,
.hvr-sweep-to-right:active {
	color: #ffffff;
}

.hvr-sweep-to-right:hover:before,
.hvr-sweep-to-right:focus:before,
.hvr-sweep-to-right:active:before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}

.vertical-align {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.carousel-indicators {
	z-index: 3;
}

.back-to-top {
	font-size: 22px;
	cursor: pointer;
	position: fixed;
	bottom: 20px;
	left: 20px;
	display: none;
	color: #ffffff;
	padding: 12px 12px;
	background-color: #82b8df;
	z-index: 4;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	box-shadow: none;
}

.back-to-top:hover {
	color: #ffffff;
	background-color: #FF6D4A;
	box-shadow: none;
}

.glyphicon-chevron-up {
	font-size: 26px !important;
}


.dropdown-toggle {
	cursor: pointer;
}

.semi {

	-moz-border-radius: 150px 150px 150px 150px;

	background: #0e0d0e;

	margin: -124px auto;

}

.semi img {
	max-width: 213px;
	margin-top: 125px;
	z-index: 1032;
	position: fixed;
}

.non-semi {
	display: none;
}

.masklogo {
	/*	float: left;*/
	padding: 10px;
}



.space {
	margin-bottom: 25px;
}

/*#promos {
	margin-right: 325px;
	width: 154px;
}
*/


.dropdown:hover .dropdown-menu {
	display: block;
}



.modal {
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	top: 60px;
	padding-bottom: 70px;
}




.modal-content {
	/* top: 75px; */
	background-color: #82b8df;
	border-radius: 27px;
}


.modal-header h1 {
	color: #00192c;
}

.modal-header {
	background-color: black;
	color: #00192c;
}

.modal-body {
	font-size: 18px;
	background-color: #1a2631;
	color: #ffffff !important;
	border-radius: 27px;
}

.modal-body p {
	color: #ffffff !important;
	font-size: 19px;
	text-align: left;
}

.modal-body h3 {
	color: #ffffff !important;
	font-size: 55px;
	text-align: center;
	line-height: 40px;
}

.modal-body h4 {
	color: #82b8df;
	font-size: 27px;
	text-align: center;
	border: 2px solid #73a4cd;
	width: 100%;
	max-width: 320px;
	margin: 0 auto;
	padding: 5px;
}

.modal-body h5 {
	color: #ffffff !important;
	font-size: 30px;
	text-align: center;
	line-height: 34px;
	margin: 20px 0 11px;
}

.modal-body h6 {
	line-height: 35px;
	margin: 20px 0 20px;
}

/* .modal-body ul {
	font-size: 16px;
	padding: 10px 17px;
	color: #c7c7c7;
} */

.modal-body ul.sec {
	padding: 0 17px;
}

.modal-body a {
	font-size: 14px;
	color: #82b8df;
}

.modal-body a:hover {
	color: #0dcaf0;

}



.modal-footer {
	background-color: black;
}



.inf {
	font-family: 'Barlow Semi Condensed', sans-serif;
	float: left;
	font-weight: bold;
	line-height: 1;
	color: #ffffff;
	font-size: 18px;
	background-color: #00192c;
	text-shadow: none;
	opacity: 1;
	margin-top: 0px;
	border-radius: 19px;
	position: absolute;
	top: 0;
	left: 0;
}

.inf:hover {
	color: #ffffff;
	background-color: #82b8df;
	opacity: 1;
}


.close {
	float: right;
	font-weight: 700;
	line-height: 1;
	font-size: 1.3em;
	color: #ffffff;
	background-color: #ff1000;
	text-shadow: none;
	opacity: 1;
	margin-top: 0px;
	border-radius: 19px;
	position: absolute;
	top: 0px;
	right: 0;
}

.close:hover {
	color: #ffffff;
	background-color: #a80300;
	opacity: 1;
}

.modal-title {
	font-size: 24px;
	font-weight: bold;
	color: #ffffff;
	padding-bottom: 15px;
}

.terms {
	color: #0dcaf0;
	font-size: 16px;
}

a.terms {
	color: #0dcaf0;
	font-size: 14px;
	text-decoration: underline;
}

a.terms:hover {
	color: #ffffff;
	text-decoration: none;
}

.content a.terms {
	color: #000000;
	text-decoration: none;
	margin-bottom: 20px;
}

.content a.terms:hover {
	color: #FFFFFF;
	text-decoration: none;
}

p#terms {
	font-size: 14px;
}

.bonus-code {
	font-size: 18px;
	background-color: #00192c;
	padding: 10px;
	border-radius: 5px;
	text-transform: uppercase;
	margin-bottom: 20px;
}

.match {
	padding-bottom: 10px;
}

.match p {
	font-size: 20px;
}

.yellow {
	color: #0dcaf0 !important;
	/*font-weight: bold;*/
}

#termsModel .btn {
	font-size: 25px;
	color: #000000;
	margin-top: 3px;
	margin-bottom: 3px;
}

#termsModel .btn:hover {
	color: #ffffff;
}

#required {
	margin: 25px 0;
}

#BirthDay,
#BirthMonth,
#BirthYear {
	padding: 0;
	width: 31.5%;
	margin-left: 4px;
}

.form-control {
	width: 100%;
	display: inline-block;
	margin-bottom: 25px;
	height: 44px;
	border: solid;
	border-color: #1e52a3;
	/*	background: #1e52a3;*/
	/*	color: #ffffff;*/
}

.form-control2 {
	width: 100%;
	display: inline-block;
	margin-bottom: 25px;
	height: 40px;
	/*	background: #1e52a3;*/
	/*	color: #ffffff;*/
}

.submit {
	margin-bottom: -24px;
}


.form .row {
	margin-right: 0;
	margin-left: 0;
}

input::-webkit-input-placeholder {
	color: white !important;
}

input::-moz-placeholder {
	/* Firefox 18- */
	color: white !important;
}

input::-moz-placeholder {
	/* Firefox 19+ */
	color: white !important;
}

input::-ms-input-placeholder {
	color: white !important;
}

.big-winner {
	padding-bottom: 20px;
	background-color: #0e0d0e;
}

.offer {
	margin: 250px 0 0 0;
	background-color: rgb(0 0 0 / 77%);
	border-radius: 20px;
	border: 1px solid silver;
	padding: 30px;
	height: 323px;
}

.shimmer-border {

	/* mask: 
    linear-gradient(#8f8b8b 0 0) padding-box, 
    linear-gradient(#ffffff 0 0); */
	border-image: conic-gradient(from var(--angle), #333, #fff, #333) 1;
	animation: 6s rotateBorder linear infinite;
}

@property --angle {
	syntax: '<angle>';
	initial-value: 0deg;
	inherits: false;
}

@keyframes rotateBorder {
	to {
		--angle: 360deg;
	}
}


.offerCP {
	margin: 220px 0 0 0 !important;
}



.offer #cta {
	margin: 0;
	background-color: transparent;
	border-radius: 20px;
	min-height: 125px;
}

.offer .mobile a,
.offer .download a,
.offer .instant a {
	font-size: 22px;
}

.offer .mobile,
.offer .download,
.offer .instant,
.offer h1 {
	margin-top: 0px;
}

.offer-box {
	padding: 0px 0;
}

.offer-box h6 {
	width: 90%;
	margin: 24px auto 0;
}

.offer-box-2 {
	padding: 25px 0;
}

.couple {
	margin: 76px 0 0 0;
}

.couple {
	max-width: 480px;
}


.background-container {
	width: 100vw;
	height: 100%;
	/* overflow: hidden; */
	/* Prevents scrollbars from appearing when background moves */
	/* Optional: Add a background image or color */
	/* background-image: url(../images/header-bg2.png); */
	background-image: url(../images/header-bg.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	/* Add a smooth transition for the movement */
	transition: transform 0.5s ease-out;
}




.mainlobby {
	background-image: url(../images/lob.jpg);
	/*background-image: url(../images/header-bg-xmas.jpg);*/
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment: fixed;
	background-size: cover;
	height: 1000px;
}


.main {
	background-image: url(../images/header-bg.jpg);
	/*background-image: url(../images/header-bg-xmas.jpg);*/
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment: fixed;
	background-size: cover;
	height: 777px;
}

.mainCP {
	background-image: url(../images/header-bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	/* background-attachment: fixed; */
	background-size: cover;
	height: 100%;
}

.mainL {
	background-image: url(../images/header-loy.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 348px;
	background-size: cover;
}


.coupleCP {
	/*	z-index: 9900;*/
	margin: 76px 0 0 0;
	max-width: 500px;
}

.coupleCP img {
	width: 100%;
}


#cta {
	background-color: #000000;
	min-height: 188px;
	border-top-right-radius: 20px;
	border-top-left-radius: 20px;
}

.mobile,
.download,
.instant {
	margin-top: 50px;
}

.mobile,
.download,
.instant {
	border-top: 3px solid #5b5b5b;
}

.mobile:hover,
.download:hover,
.instant:hover {
	border-top: 3px solid #00192c;
	color: #ffffff;
}

.mobile a:hover,
.download a:hover,
.instant a:hover {
	color: #00192c;
}

.mobile a:after,
.download a:after,
.instant a:after {
	background-image: url(../images/icons/arrow-down-white.png);
	background-repeat: no-repeat;
	left: 50%;
	bottom: -40px;
	content: '';
	width: 32px;
	height: 32px;
	margin-left: -10px;
	position: absolute;
	background-position: 0 0;
}

.mobile a:hover::after,
.download a:hover::after,
.instant a:hover::after {
	background-image: url(../images/icons/arrow-down-blue.png);
	background-repeat: no-repeat;
	left: 50%;
	bottom: -40px;
	content: '';
	width: 32px;
	height: 32px;
	margin-left: -10px;
	position: absolute;
	background-position: 0 0;
}



a {
	color: #d4d4d4;
	font-family: 'Barlow Semi Condensed', sans-serif;
	text-decoration: none;
	/* display: block; */
}

a:hover {
	color: #82b8df;
	text-decoration: none;
}


.list-unstyled {
	text-align: left;
	line-height: 28px;
	font-size: 13px;
}

.progressiveJP {

	background-image: url(../images/header-bg2.jpg);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	background-color: #1a2631;
}

.pjtext p {
	font-family: 'Marcellus SC', serif;
	/* font-weight: bold; */
	font-size: 23px;
	color: #ffffff;
	padding: 0px 0 0 0;
	text-align: center;
	line-height: 27px;
}

.progressiveJPinner {
	/* font-family: 'Marcellus SC', serif; */
	font-family: "Josefin Sans", sans-serif;
	font-size: 7em;
	text-align: center;
	color: #ffffff;
	text-shadow: 2px 2px 3px #000;
	line-height: 66px;
	padding-bottom: 40px;
}

.progressiveJPinner:before {
	font-family: 'Marcellus SC', serif;
	font-size: 1em;
	/*		color: #00192c;*/
	content: "$";
	margin-top: -8px;
}

.casino-promotions {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#161a2b+0,1a2631+100 */
	background: linear-gradient(to bottom, rgba(22, 26, 43, 1) 0%, rgba(26, 38, 49, 1) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

	/* background-color: #1a2631; */
	background-position: center;
	background-attachment: fixed;
	background-size: cover;
	padding: 30px 0;
}

.casino-promotions h6 {
	margin: 20px 0;
}


.casino-promotions a {
	color: #00192c;
	font-family: 'Barlow Semi Condensed', sans-serif;
	text-decoration: none;
	font-size: 20px;
}


.casino-foot {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#161a2b+0,1a2631+100 */
background: linear-gradient(to bottom, rgb(0 0 0) 0%, rgba(26, 38, 49, 1) 100%);;
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

	/* background-color: #1a2631; */
	background-position: center;
	background-attachment: fixed;
	background-size: cover;
	padding: 30px 0;
}

.casino-foot h6 {
	margin: 20px 0;
}


.casino-foot a {
	font-family: 'Barlow Semi Condensed', sans-serif;
	text-decoration: none;
}





.view-all {
	margin-top: 20px;
}

.content {
	text-align: center;
	padding: 30px;
	background-image: url(../images/header-bg2.jpg);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	background-color: #1a2631;
}

.content h5 {
	font-family: 'Marcellus SC', serif;
	font-size: 37px;
	color: #fff;
	font-weight: normal;
	padding-bottom: 0px;
	padding-top: 10px;
	text-shadow: none;
}

.content h6 {
	font-size: 35px;
	font-family: 'Barlow Semi Condensed', sans-serif;
	color: #82b8df;
	font-weight: bold;
	margin: 5px 0 10px 0;
	text-align: left;
}

.content h6.secondary {
	font-size: 23px;
	font-family: 'Barlow Semi Condensed', sans-serif;
	/* color: #00192c; */
	margin: 15px 0 5px 0;
}

.content h6.promos {
	font-size: 16px;
	color: #2b2a27;
	text-transform: capitalize;
}

.content p {
	font-family: 'Barlow Semi Condensed', sans-serif;
	/* text-align: left; */
}

.subpage p {
	font-family: 'Barlow Semi Condensed', sans-serif;
	text-align: left;
}

.casino-promotions h5 {
	font-family: 'Marcellus SC', serif;
	font-size: 3em;
	color: #82b8df;
	text-shadow: none;
}

.block p {
	font-family: 'Barlow Semi Condensed', sans-serif;
	font-size: 25px;
	color: #ffffff;
	/*text-align: center;*/
}

.block a {
	font-size: 27px;
}




.content ul li,
ol li {
	font-family: 'Barlow Semi Condensed', sans-serif;
	font-size: 19px;
	color: #ffffff;
	margin-left: 0px;
	text-align: left;
	padding: 5px;
}

ul.no-margin li,
ol.no-margin li {
	margin-left: 0;
}

.content a {
	/*	color: #000000;*/
	/*	font-size: 27px;*/
}

/*		.content a:hover {
			color: #000000 !important;
		}*/

.content .daily a,
.content .promo a {
	color: #000000;
	font-size: 23px;
}

.content .daily a:hover,
.content .promo a:hover {
	color: #ffffff;
}

.copyright {
	min-height: 220px;
}

.field h6 {
	/*background: #0dcaf0;*/
	padding: 10px;
	border-radius: 5px;
}

h6.blue {
	font-size: 35px;
	font-weight: bold;
	color: #00192c;
}

p.blue {
	font-size: 14px;
	color: #00192c;
}

span.blue {
	color: #00192c;
}

a.blue {
	color: #82b8df;
	cursor: pointer;
	font-size: 19px;
	font-weight: bold;
}

a.blue:hover {
	text-decoration: underline;
}

.red {
	color: #82b8df !important;
}

.submit .btn-success:hover {
	background-color: #333333;
}

.newest-slots {
	background-image: url(../images/main-bg.jpg);
	/* background-image: url(../images/header-bg-xmas.jpg); */
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment: fixed;
	background-size: cover;
	padding: 25px 0;
}

.recent-winners {
	background-color: #2b2a27;
	padding-bottom: 30px;
}

.recent-winners h5 {
	color: #00192c;
	padding: 25px 0;
}

.recent-winners td {
	font-family: 'Barlow Semi Condensed', sans-serif;
	font-weight: bold;
	padding: 0px 25px;
}

.game {
	font-size: 10px;
	color: #00192c;
}

.amount {
	font-size: 20px;
}

.info {
	background-color: #ffffff;
	padding: 35px 0;
}

.info p {
	color: #2a2a27;
}

.info h5 {
	font-family: 'Marcellus SC', serif;
	font-size: 3em;
	color: #2b2a27;
	text-shadow: none;
}

.info img {
	width: 100%;
}




/*.info2 {
	padding: 30px 0;
}
*/
.info2 p {
	color: #3c3c3c;
}

.info2 h5 {
	font-size: 42px;
	color: #3c3c3c;
	padding: 5px 0;
}

.info2 h6 {
	font-size: 42px;
	color: #000;
	padding: 5px 0;
}




.info2 img {
	padding-bottom: 25px;
}



.infoCP {
	background-color: #1a2631;
	padding: 35px 0;
}

.infoCP p {
	color: #82b8df;
}

.infoCP h5 {
	font-family: 'Marcellus SC', serif;
	font-size: 3em;
	color: #ffffff;
}

.infoCP img {
	width: 100%;
}

.infoCP h4 {
	font-family: 'Marcellus SC', serif;
	font-size: 2em;
	color: #ffffff;
	font-weight: 100;
}




.more-info {
	background-color: #0e0d0e;
	padding: 10px;
	max-width: 390px;
	min-height: 80px;
	margin-bottom: 1px;

}

.more-info h6 {
	font-size: 36px;
	font-weight: normal;
	margin: 10px auto;
	color: #ffffff;
}

.more-info p {
	font-size: 14px;
	color: #ffffff;
}

.view-info h6.secondary {
	color: #0dcaf0;
	font-weight: normal;
}

.info-block {
	/*	background-color: #0e0d0e;*/
	padding: 10px;
	max-width: 390px;
	min-height: 90px;
}

/*	.info-block p {
		color: #ffffff;
	}*/

.info-block-2 {
	background-color: #0e0d0e;
	padding: 10px;
	max-width: 100%;
	min-height: 82px;
	padding-bottom: 25px;
}


.info-block-3 {
	/*	background-color: #0e0d0e;*/
	padding: 10px;
	max-width: 100%;
	min-height: 82px;
}

.info-block-4 {
	background-color: #0e0d0e;
	padding: 10px;
	max-width: 38%;
	min-height: 82px;
	padding-bottom: 25px;
}


.info-block-2 p {
	color: #ffffff;
	font-size: 14px;
}

.info-block-4 p {
	color: #ffffff;
	font-size: 14px;
}

.info-block-4 h2 {
	color: #ffffff;
	font-size: 25px;
}


.view-info {
	/*	background-color: #0e0d0e;*/
	padding: 10px 0 20px 0;
	max-width: 390px;
	margin-bottom: 25px;
}

.view-info p {
	color: #ffffff;
}

.view-info .btn-default {
	font-size: 14px;
	/*		color: #000000;*/
}

a.thank-you {
	font-size: 16px;
	font-family: 'Barlow Semi Condensed', sans-serif;
	color: #0e0d0e;
}

a.thank-you:hover {
	color: #00192c;
}

.amount:before {
	content: '$';
}

.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next,
.carousel-control .icon-prev {
	position: absolute;
	top: 50%;
	z-index: 1;
	display: inline-block;
	margin: -10px -30px 0;
}


table {
	border: 1px solid #454545;
	border-collapse: collapse;
	margin: 0;
	padding: 0;
	width: 100%;
	table-layout: fixed;
}

table caption {
	font-size: 1.5em;
	margin: .5em 0 .75em;
	text-align: center;
	color: #2b2a27;
	font-family: 'Barlow Semi Condensed', sans-serif;
}

table tr {
	border: 1px solid #454545;
	padding: .35em;
}

table th,
table td {
	padding: .625em;
	text-align: left;
	font-family: 'Barlow Semi Condensed', sans-serif;
	font-size: 18px;
	color: #ffffff;
}

table th {
	text-transform: uppercase;
	font-family: 'Barlow Semi Condensed', sans-serif;
	font-weight: lighter;
	font-size: 14px;
	background-color: #00192c;
	color: #ffffff;
}

.anchor-link {
	padding-bottom: 15px;
}

.anchor-link a {
	color: #82b8df;
	padding-bottom: 10px;
	font-weight: bold;
}

.anchor-link a:hover {
	color: #fff;
}

.content-image {
	width: 100%;
}

.bx-viewport {
	width: 100%;
	overflow: hidden;
	position: relative;
	height: 249px;
}

/*.space1 {
	padding: 62px 0px 0px 0px;
}
*/


/*.space {
	padding: 15px 15px;
}
*/
.checkmark {
	/* display: inline-block; */
	font-size: 18px;
	padding-bottom: 10px;
}

.checkmark:before {
	content: '';
	display: inline-block;
	width: 8px;
	height: 8px;
	background: #0dcaf0;
	border-radius: 50%;
	margin-right: 14px;
	vertical-align: middle;
}

.anchors {
	cursor: pointer;
}

footer {
	margin: 0 auto;
	background-image: url(../images/header-bg2.jpg);
	/* background-image: url(../images/header-bg-xmas.jpg); */
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	background-color: #1a2631;
}

.footer-inner {
	margin: 0 auto;
	padding: 10px 0 0 0;
	display: table;
}

.bank-img {
	text-align: center;
	/* filter: grayscale(100%); */
}

.bank-img img {
	margin: 0 10px 0;
	max-width: 159px;
}

.footer-nav {
	margin: 0 auto;
	padding: 20px 21px;
	text-align: center;
	display: inline-block;
}

.footer-nav a {
	font-size: 15px;
	font-family: 'Barlow Semi Condensed', sans-serif;
	color: #ffffff;
	padding: 0 31px 0 0;
	line-height: 25px;
	text-decoration: none;
	display: flex;
}

.footer-nav a:hover {
	color: #0dcaf0;
	text-decoration: none;
}

.footer-nav .active2 {
	color: #82b8df;
	text-decoration: none;
}

#Btn_S_W_Top {
	margin: 10px 8px 6px;

}

/* Footer Column Toggle */
.footer-col-toggle {
	text-align: left;
	cursor: auto;
	padding-bottom: 9px;
	margin-bottom: 0;
	user-select: none;
	transition: color 0.2s ease;
}

.footer-col-toggle:hover {
	color: #0dcaf0;
}

.footer-toggle-icon {
	font-size: 12px;
	margin-left: 8px;
	transition: transform 0.3s ease;
	display: inline-block;
}

.footer-col-toggle.active .footer-toggle-icon {
	transform: rotate(180deg);
}

.footer-col-links {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.35s ease, opacity 0.3s ease;
	opacity: 0;
}

.footer-col-links.open {
	max-height: 500px;
	opacity: 1;
}

@media (min-width: 768px) {
	.footer-col-links {
		max-height: 500px !important;
		opacity: 1 !important;
	}

	.footer-toggle-icon {
		display: none;
	}
}

.overflow {
	overflow: hidden;
}


.logo {
	padding-top: 25px;
}

.top {
	margin: 20px 0;
}

.bottom {
	padding: 20px 0 40px 0;
}

.embed-responsive .embed-responsive-item,
.embed-responsive embed,
.embed-responsive iframe,
.embed-responsive object,
.embed-responsive video {
	width: 115%;
}

.embed-responsive-16by9 {
	padding-bottom: 69.25%;
}

.glyphicon {
	font-size: 14px;
}

.input-group .form-control {
	z-index: 0;
}

.carousel-control {
	color: #35df02;
	opacity: 1;
}

#displayTier {
	font-family: 'Barlow Semi Condensed', sans-serif;
	/* font-weight: bold; */
	font-size: 37px;
	color: #82b8df;
	height: 63px;
	text-transform: uppercase;
}

#modal8 #displayTier {
	font-family: 'Barlow Semi Condensed', sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #0dcaf0;
	padding: 5px 0;
	text-transform: uppercase;
}

#modal8 .modal-body h6 {
	margin: 10px 0 0;
}

.bonus p.date {
	font-size: 14px;
	padding-top: 40px;
}

.bonus p.amount {
	font-size: 44px;
	color: #0dcaf0;
	padding-bottom: 32px;
}

.bonus1,
.bonus2,
.bonus3,
.bonus4,
.bonus5,
.bonus6,
.bonus7,
.bonus8 {
	background-image: url('../images/casino-promos/coupon-bg.png');
	background-position: center;
	background-repeat: no-repeat;
	height: 267px;
}

.help-block {
	color: #82b8df;
	font-size: 14px;
	text-align: center;
}

.inline {
	padding-right: 0;
	padding-left: 0;
}

.mobile-view {
	display: none;
}

[placeholder]:focus::-webkit-input-placeholder {
	opacity: 0;
}

.modal-backdrop {
	opacity: 0.9 !important;
	z-index: 150;
}

.lp_desktop #lpChat>.lp_maximized {
	z-index: 1;
}

#slideout {
	margin: -64px 0 0 0;
	position: fixed;
	top: 50%;
	left: 0;
	width: 35px;
	padding: 12px 0;
	text-align: center;
	background: #00192c;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-border-radius: 0 5px 5px 0;
	-moz-border-radius: 0 5px 5px 0;
	border-radius: 0 5px 5px 0;
	z-index: 4;
}

#slideout_inner {
	margin: -64px 0 0 0;
	position: fixed;
	top: 50%;
	left: -301px;
	background: #00192c;
	width: 302px;
	height: 144px;
	padding: 5px 10px 0;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
	text-align: center;
}

#slideout_inner textarea {
	width: 190px;
	height: 100px;
	margin-bottom: 6px;
}

#slideout_inner h6 {
	color: #0dcaf0;
	margin-bottom: 0px;
}

#slideout_inner p {
	font-size: 12px;
	text-align: left;
}

#slideout:hover {
	left: 302px;
}

#slideout:hover #slideout_inner {
	left: 0;
}

.licence p {
	font-size: 11px;
	color: #454545;
	margin-bottom: 20px;
	padding: 0 80px;
}

@keyframes glowing {
	0% {
		box-shadow: 0 0 -10px #0dcaf0;
	}

	40% {
		box-shadow: 0 0 20px #0dcaf0;
	}

	60% {
		box-shadow: 0 0 20px #0dcaf0;
	}

	100% {
		box-shadow: 0 0 -10px #0dcaf0;
	}
}

.glow {
	animation: glowing 1000ms infinite;
}

/*Snow Flakes*/
.snowflake {
	color: #fff;
	font-size: 1em;
	font-family: Arial;
	text-shadow: 0 0 1px #000;
}

@-webkit-keyframes snowflakes-fall {
	0% {
		top: -10%
	}

	100% {
		top: 100%
	}
}

@-webkit-keyframes snowflakes-shake {
	0% {
		-webkit-transform: translateX(0px);
		transform: translateX(0px)
	}

	50% {
		-webkit-transform: translateX(80px);
		transform: translateX(80px)
	}

	100% {
		-webkit-transform: translateX(0px);
		transform: translateX(0px)
	}
}

@keyframes snowflakes-fall {
	0% {
		top: -10%
	}

	100% {
		top: 100%
	}
}

@keyframes snowflakes-shake {
	0% {
		transform: translateX(0px)
	}

	50% {
		transform: translateX(80px)
	}

	100% {
		transform: translateX(0px)
	}
}

.snowflake {
	position: fixed;
	top: -10%;
	z-index: 9999;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: default;
	-webkit-animation-name: snowflakes-fall, snowflakes-shake;
	-webkit-animation-duration: 10s, 3s;
	-webkit-animation-timing-function: linear, ease-in-out;
	-webkit-animation-iteration-count: infinite, infinite;
	-webkit-animation-play-state: running, running;
	animation-name: snowflakes-fall, snowflakes-shake;
	animation-duration: 10s, 3s;
	animation-timing-function: linear, ease-in-out;
	animation-iteration-count: infinite, infinite;
	animation-play-state: running, running
}

.snowflake:nth-of-type(0) {
	left: 1%;
	-webkit-animation-delay: 0s, 0s;
	animation-delay: 0s, 0s
}

.snowflake:nth-of-type(1) {
	left: 10%;
	-webkit-animation-delay: 1s, 1s;
	animation-delay: 1s, 1s
}

.snowflake:nth-of-type(2) {
	left: 20%;
	-webkit-animation-delay: 6s, .5s;
	animation-delay: 6s, .5s
}

.snowflake:nth-of-type(3) {
	left: 30%;
	-webkit-animation-delay: 4s, 2s;
	animation-delay: 4s, 2s
}

.snowflake:nth-of-type(4) {
	left: 40%;
	-webkit-animation-delay: 2s, 2s;
	animation-delay: 2s, 2s
}

.snowflake:nth-of-type(5) {
	left: 50%;
	-webkit-animation-delay: 8s, 3s;
	animation-delay: 8s, 3s
}

.snowflake:nth-of-type(6) {
	left: 60%;
	-webkit-animation-delay: 6s, 2s;
	animation-delay: 6s, 2s
}

.snowflake:nth-of-type(7) {
	left: 70%;
	-webkit-animation-delay: 2.5s, 1s;
	animation-delay: 2.5s, 1s
}

.snowflake:nth-of-type(8) {
	left: 80%;
	-webkit-animation-delay: 1s, 0s;
	animation-delay: 1s, 0s
}

.snowflake:nth-of-type(9) {
	left: 90%;
	-webkit-animation-delay: 3s, 1.5s;
	animation-delay: 3s, 1.5s
}

/******************************* SEO NO DEPOSIT BONUS CODES PAGE *****************************/

/* Header overrides */
.seo-header-wrap {
	height: auto;
	padding-top: 55px;
	min-height: 0;
	background-color: #05040a;
}

.seo-header-wrap .offer {
	height: auto !important;
	min-height: 0;
	margin-top: 130px;
	padding: 20px 30px;
}

/* Header layout - flexbox row with image beside title */
.seo-header-row {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 20px;
}

.seo-header-text {
	flex: 1 1 0;
	min-width: 0;
}

.seo-header-text h1 {
	font-size: clamp(36px, 6vw, 72px);
	line-height: 1.1;
	margin-bottom: 10px;
}

.seo-header-img {
	flex: 0 1 auto;
}

.seo-header-img img {
	max-height: 400px;
	width: auto;
	object-fit: contain;
}

@media (max-width: 991px) {
	.seo-header-img img {
		max-height: 300px;
	}
}

@media (max-width: 768px) {
	.seo-header-row {
		gap: 10px;
	}

	.seo-header-text h1 {
		font-size: clamp(28px, 8vw, 48px);
	}

	.seo-header-img img {
		max-height: 220px;
	}
}

@media (max-width: 480px) {
	.seo-header-row {
		gap: 8px;
	}

	.seo-header-text h1 {
		font-size: 28px;
		line-height: 1.2;
	}

	.seo-header-img img {
		max-height: 180px;
	}
}

.seo-bonus-page .seo-badge {
	display: inline-block;
	background: linear-gradient(135deg, #00192c, #1e52a3);
	color: #82b8df;
	padding: 8px 20px;
	border-radius: 20px;
	font-size: 14px;
	font-weight: bold;
	border: 1px solid #82b8df;
}

.seo-bonus-page .seo-intro {
	font-size: 20px;
	line-height: 1.6;
	max-width: 800px;
	margin: 0 auto 20px;
}

.seo-toc {
	margin: 20px 0;
}

.seo-toc-link {
	display: inline-block;
	color: #82b8df !important;
	font-size: 14px;
	font-weight: bold;
	padding: 6px 14px;
	margin: 4px;
	border: 1px solid #82b8df;
	border-radius: 20px;
	transition: all 0.3s ease;
}

.seo-toc-link:hover {
	background-color: #82b8df;
	color: #00192c !important;
}

/* Offer Cards */
.seo-offer-card {
	background: linear-gradient(180deg, rgba(0, 25, 44, 0.9) 0%, rgba(0, 25, 44, 0.95) 100%);
	border: 1px solid #82b8df;
	border-radius: 16px;
	padding: 30px 24px;
	text-align: center;
	position: relative;
	overflow: hidden;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	height: 100%;
}

.seo-offer-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 10px 30px rgba(130, 184, 223, 0.2);
}

.seo-offer-ribbon {
	position: absolute;
	top: 18px;
	right: -35px;
	background: linear-gradient(135deg, #0dcaf0, #1e52a3);
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
	padding: 6px 40px;
	transform: rotate(45deg);
	z-index: 2;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}

.seo-offer-header {
	margin-bottom: 15px;
}

.seo-offer-label {
	display: block;
	font-size: 14px;
	font-weight: bold;
	color: #0dcaf0;
	letter-spacing: 2px;
	margin-bottom: 4px;
}

.seo-offer-type {
	display: block;
	font-size: 13px;
	color: #82b8df;
}

.seo-offer-amount {
	font-family: 'Marcellus SC', serif;
	font-size: 42px;
	color: #ffffff;
	text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
	margin: 15px 0;
	line-height: 1.1;
}

.seo-offer-code-badge {
	background: #0e0d0e;
	border: 2px dashed #0dcaf0;
	border-radius: 8px;
	padding: 10px 20px;
	margin: 15px auto;
	max-width: 280px;
	cursor: pointer;
	transition: background 0.3s ease;
}

.seo-offer-code-badge:hover {
	background: #1a2631;
}

.seo-code-label {
	color: #82b8df;
	font-size: 14px;
	margin-right: 8px;
}

.seo-code-value {
	color: #0dcaf0;
	font-size: 22px;
	font-weight: bold;
	letter-spacing: 2px;
	font-family: 'Barlow Semi Condensed', sans-serif;
}

.seo-offer-terms {
	text-align: left;
	margin: 20px 0;
}

.seo-offer-terms ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.seo-offer-terms ul li {
	font-size: 15px;
	color: #c0c0c0;
	padding: 4px 0;
	border-bottom: 1px solid rgba(130, 184, 223, 0.1);
}

.seo-offer-terms ul li strong {
	color: #82b8df;
}

.seo-expiry {
	font-size: 13px !important;
	color: #777 !important;
	font-style: italic;
	margin-top: 10px;
}

.seo-claim-btn {
	width: 100%;
	font-size: 18px;
	font-weight: bold;
	padding: 12px;
	letter-spacing: 1px;
	background-color: #1e52a3;
	border-color: #1e52a3;
	transition: all 0.3s ease;
	white-space: normal;
	overflow-wrap: break-word;
}

.seo-claim-btn:hover {
	background-color: #0dcaf0;
	border-color: #0dcaf0;
	transform: scale(1.02);
}

/* Info Box */
.seo-info-box {
	background: rgba(13, 202, 240, 0.1);
	border-left: 4px solid #0dcaf0;
	padding: 20px 24px;
	margin: 30px 0;
	border-radius: 0 8px 8px 0;
}

.seo-info-box p {
	margin: 0;
	font-size: 17px;
}

/* Comparison Table */
.seo-table {
	width: 100%;
	margin: 20px 0;
}

.seo-table thead th {
	background-color: #00192c;
	color: #82b8df;
	font-size: 14px;
	font-weight: bold;
	padding: 12px 16px;
	text-transform: uppercase;
	letter-spacing: 1px;
	border: 1px solid #1e52a3;
}

.seo-table tbody td {
	padding: 12px 16px;
	font-size: 15px;
	border: 1px solid #333;
}

.seo-table tbody tr:nth-child(odd) {
	background-color: rgba(0, 25, 44, 0.5);
}

.seo-table tbody tr:nth-child(even) {
	background-color: rgba(30, 82, 163, 0.15);
}

.seo-table tbody tr:hover {
	background-color: rgba(13, 202, 240, 0.1);
}

.seo-table-code {
	background: #0e0d0e;
	padding: 4px 10px;
	border-radius: 4px;
	color: #0dcaf0;
	font-weight: bold;
	letter-spacing: 1px;
	font-size: 13px;
	border: 1px solid #0dcaf0;
}

/* Mobile table overrides */
@media (max-width: 768px) {
	.table-responsive {
		border: 1px solid #1e52a3;
		border-radius: 8px;
	}

	.seo-table {
		font-size: 13px;
		table-layout: auto;
		width: 100%;
		min-width: 600px;
	}

	.seo-table thead th {
		padding: 8px 10px;
		font-size: 12px;
		letter-spacing: 0;
	}

	.seo-table tbody td {
		padding: 8px 10px;
		font-size: 13px;
		white-space: nowrap;
	}

	.seo-table-code {
		font-size: 11px;
		padding: 3px 6px;
	}
}

/* Steps */
.seo-steps {
	max-width: 700px;
	margin: 20px auto;
}

.seo-step {
	display: flex;
	align-items: flex-start;
	margin-bottom: 20px;
}

.seo-step-num {
	flex-shrink: 0;
	width: 44px;
	height: 44px;
	background: linear-gradient(135deg, #1e52a3, #0dcaf0);
	color: #ffffff;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	font-weight: bold;
	margin-right: 16px;
	margin-top: 2px;
}

.seo-step-content p {
	margin: 0;
	font-size: 18px;
	line-height: 1.5;
}

/* Checklist */
.seo-checklist {
	list-style: none;
	padding: 0;
	max-width: 700px;
	margin: 10px auto;
}

.seo-checklist li {
	padding: 8px 0 8px 30px;
	position: relative;
	font-size: 17px;
	line-height: 1.5;
}

.seo-checklist li .checkmark:before {
	display: none;
}

.seo-checklist li .checkmark {
	position: absolute;
	left: -8px;
	top: 16px;
	width: 8px;
	height: 8px;
	background: #0dcaf0;
	border-radius: 50%;
	padding-bottom: 0;
}

/* Player Examples */
.seo-player-examples {
	margin: 25px 0;
}

.seo-player-examples h6 {
	color: #82b8df;
	margin-bottom: 15px;
}

.seo-player-example {
	background: rgba(0, 25, 44, 0.6);
	border-left: 3px solid #0dcaf0;
	padding: 15px 20px;
	margin-bottom: 12px;
	border-radius: 0 8px 8px 0;
}

.seo-player-example p {
	margin: 0;
	font-size: 16px;
}

/* FAQ Accordion */
.seo-faq-accordion .accordion-item {
	background: rgba(0, 25, 44, 0.6);
	border: 1px solid #1e52a3;
	margin-bottom: 10px;
	border-radius: 8px !important;
	overflow: hidden;
}

.seo-faq-accordion .accordion-button {
	background: transparent;
	color: #82b8df;
	font-size: 17px;
	font-weight: bold;
	padding: 16px 20px;
	box-shadow: none;
}

.seo-faq-accordion .accordion-button:not(.collapsed) {
	background: rgba(30, 82, 163, 0.2);
	color: #0dcaf0;
}

.seo-faq-accordion .accordion-button::after {
	filter: brightness(0) invert(1);
}

.seo-faq-accordion .accordion-button:focus {
	box-shadow: 0 0 0 2px rgba(13, 202, 240, 0.25);
}

.seo-faq-accordion .accordion-body {
	background: rgba(0, 0, 0, 0.3);
	padding: 20px;
}

.seo-faq-accordion .accordion-body p,
.seo-faq-accordion .accordion-body li {
	font-size: 16px;
	line-height: 1.6;
}

.seo-faq-accordion .accordion-body ol,
.seo-faq-accordion .accordion-body ul {
	padding-left: 20px;
}

/* SEO Offer Grid */
.seo-offers-grid {
	margin-bottom: 30px;
}

/* Responsive */
@media (max-width: 768px) {
	.seo-bonus-page .seo-intro {
		font-size: 17px;
	}

	.seo-offer-amount {
		font-size: 32px;
	}

	.seo-code-value {
		font-size: 18px;
	}

	.seo-toc-link {
		font-size: 12px;
		padding: 5px 10px;
	}

	.seo-faq-accordion .accordion-button {
		font-size: 15px;
	}

	table.seo-table {
		font-size: 13px;
	}

	.seo-table thead th,
	.seo-table tbody td {
		padding: 8px 10px;
		font-size: 13px;
	}
}

.extra {
	font-size: 20px;
	width: 100%;
	padding: 15px 5px;
	background-color: #000;
	/*	margin: 25px auto;*/
}

.extra p {
	font-size: 16px;
	color: #7ed4ff;
	margin: 0;
}

@keyframes colorchange {
	0% {
		background: #82b8df;
	}

	33% {
		background: #35df02;
	}

	66% {
		background: #00192c;
	}

	100% {
		background: #82b8df;
	}
}

@-webkit-keyframes colorchange {
	0% {
		background: #82b8df;
	}

	33% {
		background: #35df02;
	}

	66% {
		background: #00192c;
	}

	100% {
		background: #82b8df;
	}
}


.network-list li {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 50px;
	height: 50px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	opacity: 0;
	transition: all 0.25s cubic-bezier(0.43, 1.17, 0.69, 1.24);
}

.network-list a {
	position: relative;
	display: block;
	width: 50px;
	height: 50px;
	overflow: hidden;
	line-height: 50px;
	text-indent: 120%;
	text-decoration: none;
}

.network-list a:before {
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	position: absolute;
	width: 50px;
	height: 50px;
	border-radius: 25px;
	font-family: 'FontAwesome';
	font-size: 18px;
	-webkit-font-smoothing: antialiased;
	text-align: center;
	line-height: 50px;
	text-indent: 0;
	box-shadow: inset 0 0 0 1px #C8C7C0;
}

.network-list .liveperson a:before {
	content: "\f086";
	color: #82b8df;
	background-color: #000000;
}

.network-list .liveperson a:hover:before {
	box-shadow: inset 0 0 0 2px #82b8df;
	background-color: #000000;
}

.network-list .facebook a:before {
	content: "\f09a";
	color: #2C609B;
	background-color: #000000;
}

.network-list .facebook a:hover:before {
	box-shadow: inset 0 0 0 2px #2C609B;
}

.network-list .whatsapp a:before {
	content: "\f232";
	color: #25D366;
	background-color: #000000;
}

.network-list .whatsapp a:hover:before {
	box-shadow: inset 0 0 0 2px #25D366;
}

input:checked~.network-list li {
	opacity: 1;
}

input:checked~.network-list li:nth-child(1) {
	left: -60px;
}

input:checked~.network-list li:nth-child(2) {
	left: -120px;
}

input:checked~.network-list li:nth-child(3) {
	left: -180px;
}

@-webkit-keyframes bar1 {
	0% {
		content: "\f1e0";
		width: 46px;
		height: 50px;
		background-color: transparent;
		-webkit-transform: rotate(0deg) scale(1);
		transform: rotate(0deg) scale(1);
		top: 0;
		left: 0;
		opacity: 1;
	}

	50% {
		background-color: transparent;
		content: "\f1e0";
		width: 46px;
		height: 50px;
		top: 0;
		left: 0;
		-webkit-transform: rotate(0deg) scale(0.2);
		transform: rotate(0deg) scale(0.2);
		opacity: 0;
	}

	50.001% {
		background-color: #fff;
		left: 10px;
		top: 22px;
		content: "";
		height: 3px;
		width: 30px;
	}

	60% {
		-webkit-transform: rotate(0deg) scale(1);
		transform: rotate(0deg) scale(1);
		opacity: 1;
	}

	100% {
		-webkit-transform: rotate(45deg) scale(1);
		transform: rotate(45deg) scale(1);
	}
}

@keyframes bar1 {
	0% {
		content: "\f1e0";
		width: 46px;
		height: 50px;
		background-color: transparent;
		-webkit-transform: rotate(0deg) scale(1);
		transform: rotate(0deg) scale(1);
		top: 0;
		left: 0;
		opacity: 1;
	}

	50% {
		background-color: transparent;
		content: "\f1e0";
		width: 46px;
		height: 50px;
		top: 0;
		left: 0;
		-webkit-transform: rotate(0deg) scale(0.2);
		transform: rotate(0deg) scale(0.2);
		opacity: 0;
	}

	50.001% {
		background-color: #fff;
		left: 10px;
		top: 22px;
		content: "";
		height: 3px;
		width: 30px;
	}

	60% {
		-webkit-transform: rotate(0deg) scale(1);
		transform: rotate(0deg) scale(1);
		opacity: 1;
	}

	100% {
		-webkit-transform: rotate(45deg) scale(1);
		transform: rotate(45deg) scale(1);
	}
}

@-webkit-keyframes bar2 {
	0% {
		background-color: transparent;
		-webkit-transform: rotate(0deg) scale(0.2);
		transform: rotate(0deg) scale(0.2);
		opacity: 0;
	}

	50% {
		background-color: transparent;
		-webkit-transform: rotate(0deg) scale(0.2);
		transform: rotate(0deg) scale(0.2);
		opacity: 0;
	}

	60% {
		-webkit-transform: rotate(0deg) scale(1);
		transform: rotate(0deg) scale(1);
		opacity: 1;
	}

	100% {
		-webkit-transform: rotate(-45deg) scale(1);
		transform: rotate(-45deg) scale(1);
	}
}

@keyframes bar2 {
	0% {
		background-color: transparent;
		-webkit-transform: rotate(0deg) scale(0.2);
		transform: rotate(0deg) scale(0.2);
		opacity: 0;
	}

	50% {
		background-color: transparent;
		-webkit-transform: rotate(0deg) scale(0.2);
		transform: rotate(0deg) scale(0.2);
		opacity: 0;
	}

	60% {
		-webkit-transform: rotate(0deg) scale(1);
		transform: rotate(0deg) scale(1);
		opacity: 1;
	}

	100% {
		-webkit-transform: rotate(-45deg) scale(1);
		transform: rotate(-45deg) scale(1);
	}
}











/*****************************************************Media Queries******************************************************************/
@media screen and (min-width: 240px) and (max-width: 480px) and (orientation: portrait) {


	/* canvas {
    left: 50%;
    top: 23%;
	opacity: 50%;
} */


#dSiteLoader video {
	width: 100%;
	height: 65%;
	object-fit: cover;

}



	.ic {
		top: -12px;
		left: -8px;
	}

	.ic img {
		width: 23%;
	}

	#sHomePagePromos {
		position: absolute;
		top: 67px;
	}


	.logo-b {
		width: 50%;
	}



	.modal-body h3 {
		font-size: 35px;
	}

	.modal-body h5 {
		font-size: 20px;
		line-height: 20px;
	}

	.hm-button {
		top: 19px;
	}


	.prnav {
		position: relative;
		bottom: 23px;
	}

	/* .content h5 {
    font-size: 19px;
} */


	.offerCP {
		margin: 110px 0 0 0 !important;
	}

	.vipt {
		transform: translate(-50%, 206%);
	}

	.silver-buttonlog {
		font-size: 0.9em;
		padding: 2px 25px;
	}

	.logb {

		top: 40px;
		right: 0px;
	}

	.swiper {
		height: 260px;
	}

	#dNewGameSpliderContainer,
	#dHotGameSpliderContainer {
		height: auto;
	}

	.background-container {
		background-repeat: no-repeat;
		background-image: url(../images/header-bg-m.png);
		background-size: auto;
	}



	.offer {
		height: auto;
		margin: 100px 12px 0px;
		padding: 1px;
	}


	.silver-button {
		font-size: 2em;
	}


	h1 {
		font-size: 66Px;
		line-height: 62px;
		margin-top: 10px;
	}

	h2 {
		line-height: 1;
		font-size: 13px;
	}

	h3 {
		font-size: 47px;
		margin: 0;
		line-height: 6px;
	}

	h4 {
		font-size: 13px;
	}

	h5 {
		font-size: 30px;
		margin: 0;
	}

	h6 {
		font-size: 15px;
	}

	.stage p {
		color: #ffffff;
		text-align: center;
	}

	.footer-col-toggle {
		text-align: left;
		cursor: pointer;
		padding: 8px 0;
		font-size: 12px;
	}


	.cp-bg {
		font-size: 25px;
	}


	.button-cover {
		font-size: 20px;
		padding: 18px 72px 18px;

	}

	.navbar-expand-lg .navbar-collapse {
		position: relative;
		left: 0px;
	}

	.navbar-light .navbar-nav .nav-link {
		padding-right: 0rem;
	}



	.snip1543 {
		background-color: #fff;
		color: #ffffff;
		font-family: 'Source Sans Pro', sans-serif;
		font-size: 16px;
		overflow: hidden;
		position: relative;
		text-align: left;
		width: 100%;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		height: 350px;
	}



	.snip1543 *,
	.snip1543 *:before,
	.snip1543 *:after {
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-transition: all 0.45s ease;
		transition: all 0.45s ease;
	}

	.snip1543 img {
		backface-visibility: hidden;
		max-width: none;
		vertical-align: top;
		padding-bottom: 0px !important;
		/* height: 350px; */
		/* width: 510px; */
	}

	.snip1543:before,
	.snip1543:after {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		content: '';
		background-color: #0a58ca;
		opacity: 0.5;
		-webkit-transition: all 0.45s ease;
		transition: all 0.45s ease;
	}

	.snip1543:before {
		-webkit-transform: skew(30deg) translateX(-80%);
		transform: skew(30deg) translateX(-80%);
	}

	.snip1543:after {
		-webkit-transform: skew(-30deg) translateX(-70%);
		transform: skew(-30deg) translateX(-70%);
	}

	.snip1543 figcaption {
		position: absolute;
		top: 0px;
		bottom: 0px;
		left: 0px;
		right: 0px;
		z-index: 1;
		bottom: 0;
		padding: 8px 6% 8px 10px;
	}

	.snip1543 figcaption:before,
	.snip1543 figcaption:after {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background-color: #0e0d0e;
		box-shadow: 0 0 20px rgba(0, 0, 0, 0.7);
		content: '';
		opacity: 0.5;
		z-index: -1;
	}

	.snip1543 figcaption:before {
		-webkit-transform: skew(30deg) translateX(-100%);
		transform: skew(30deg) translateX(-100%);
	}

	.snip1543 figcaption:after {
		-webkit-transform: skew(-30deg) translateX(-90%);
		transform: skew(-30deg) translateX(-90%);
	}

	.snip1543 h3,
	.snip1543 h4,
	.snip1543 p {
		margin: 0;
		opacity: 0;
		letter-spacing: 1px;
	}

	.snip1543 h3 {
		font-family: 'Marcellus SC', serif;
		font-size: 36px;
		font-weight: 700;
		line-height: 1em;
		color: #ffffff;
	}

	.snip1543 h4 {
		font-family: 'Marcellus SC', serif;
		font-size: 17px;
		font-weight: 700;
		line-height: 1em;
		color: #82b8df;
	}

	.snip1543 p {
		padding-top: 20px;
		font-size: 1.5em;
		color: #ffffff !important;
		line-height: 1.2;
	}

	.snip1543 a {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 1;
	}

	.snip1543 h3,
	.snip1543 h3,
	.snip1543 h4,
	.snip1543 h4,
	.snip1543 p,
	.snip1543 p {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 0.9;
		-webkit-transition-delay: 0.2s;
		transition-delay: 0.2s;
	}

	.snip1543 figcaption:before,
	.snip1543 figcaption:before {
		-webkit-transform: skew(30deg) translateX(-40%);
		transform: skew(30deg) translateX(-40%);
		-webkit-transition-delay: 0.15s;
		transition-delay: 0.15s;
	}

	.snip1543 figcaption:after,
	.snip1543 figcaption:after {
		-webkit-transform: skew(-30deg) translateX(-30%);
		transform: skew(-30deg) translateX(-30%);
		-webkit-transition-delay: 0.1s;
		transition-delay: 0.1s;
	}

	.cpbanner {
		display: flex;
		justify-content: center;
		background-size: cover;
		overflow: hidden;
	}

	.cpbanner img {
		width: auto;
	}

	.new-feature-controls {
		bottom: -185px;
		right: 35%;
	}

	.grow:hover {
		transform: none;
	}

	.daily {
		display: flex;
		flex-wrap: nowrap;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}

	.card {
		flex: 0 0 auto;
	}

	.scrolling-wrapper {
		display: flex;
		flex-wrap: nowrap;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		padding-bottom: 25px;
	}


	&::-webkit-scrollbar {
		display: none;
	}

	.main {
		/*		background-image: url(../images/header-bg-mobile-p.jpg);*/
		/*background-image: url(../images/header-bg-xmas-mobile-p.jpg);*/
		background-attachment: unset;
		height: 653px;
	}

	.offer-box {
		padding: 0px 8px;
		margin-bottom: 0px;
		margin-top: 14px;
		z-index: 2;
	}

	.mainL {
		background-image: url(../images/header-loy-m.jpg);
		background-repeat: no-repeat;
		background-position: center top;
		height: 348px;
		background-size: cover;
		margin-top: 62px;
		height: 722px;
	}

	.button-cover {
		min-width: 220px;
	}

	figure.snip1206 p {
		font-size: 0.8em;
	}

	figure.snip1206 h3 {
		font-size: 38px;
	}

	/*	.content p {
		font-size: 16px;
	}
*/

	div.radio-with-Icon p.radioOption-Item {
		width: 67px;
		height: 74px;
		margin: 0px 0px;
	}

	.about-avatar {
		margin-top: 0px;
	}

	.about-text {
		padding: 0px 15px 0px 15px;
	}

	/*	.content h5 {
		font-size: 40px;
	}*/

	.content h6 {
		font-size: 24px;
		/*		margin: 14px 0 0px 0;*/
	}

	.casino-promotions h6 {
		margin: 20px 0 5px;
	}

	.info h5 {
		/*		font-size: 22px;*/
		margin: 0;
		padding: 0 0 10px;
	}

	/*	.info p {
		margin-bottom: 30px;
	}*/

	.info img {
		padding-bottom: 10px;
	}

	.recent-winners h5 {
		padding: 25px 0 10px;
	}

	.extra p {
		font-size: 14px;
	}

	.more-info {
		min-height: 80px;
	}

	#space {
		margin-right: 28px;
	}

	.space {
		padding: 0px 5px 0px 5px;
	}

	#promos {
		margin: 0 auto;
		width: 192px;
	}

	#cta,
	.couple {
		display: none;
	}


	.semi {
		display: none;
	}

	.non-semi {
		display: block;
		margin: -125px auto;
	}

	.non-semi img {
		max-width: 272px;
		margin-top: 137px;
		z-index: 1031;
		position: fixed;
	}

	.pjtext p {
		font-size: 20px;
		padding: 9px 0 0 0;
		text-align: center;
		margin: 0;
		text-align: center;
	}


	.progressiveJPinner {
		font-size: 52px;
		text-align: center;
		float: none;
		padding-bottom: 10px;
	}

	.progressiveJPinner:before {
		font-size: 57px;
		text-align: center;
		float: none;
	}

	.carousel-control .glyphicon-chevron-left,
	.carousel-control .glyphicon-chevron-right,
	.carousel-control .icon-next,
	.carousel-control .icon-prev {
		margin: -10px -16px 0;
	}

	.ribbon-top-left {

		left: 44px;
	}

	.ribbon-top-left span {
		right: 0px;
		top: 15px;
		transform: rotate(-45deg);
		font-size: 10px;
	}

	.ribbon-top-left::before {
		top: 0px;
		right: 45px;
	}

	.ribbon-top-left::after {
		bottom: 45px;
		left: 0;
	}

	.recent-winners img {
		margin-bottom: 20px;
	}

	.footer-nav a {
		font-size: 11px;
		padding: 0px 10px 0 0;
		display: inline-block;
	}

	.cb h6 {
		font-size: 24px !important;
	}

	.cb a {
		margin-bottom: 20px !important;
	}

	.cb .form-control {
		margin-bottom: 10px;
	}

	p.qualifiedMessage,
	p.errorMessage {
		font-size: 12px !important;
		margin-bottom: -14px;
	}

	.btn {
		font-size: 25px;
	}

	.mobile-view img,
	.desktop-view img {
		margin: 5px 5px;
		max-width: 129px;
	}

	.back-to-top {
		font-size: 0px;
	}

	/*	.desktop-view {
		display: none;
	}*/


	.list-unstyled {
		text-align: left;
	}


	.mobile-view {
		display: block;
		max-width: 100%;
	}

	.col12 .col-xs-6 {
		width: 100%;
	}
}

@media screen and (max-width: 600px) {


	.navbar-expand-lg .navbar-collapse {
		position: relative;
		left: 0px;
	}

	.navbar-light .navbar-nav .nav-link {
		padding-right: 0rem;
	}


.content {
    padding: 0px;
}

	table {
		border: 0;
	}

	table caption {
		font-size: 1.3em;
	}

	table thead {
		border: none;
		clip: rect(0 0 0 0);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: relative;
		width: 1px;
	}

	table tr {
		border-bottom: 3px solid #454545;
		/*			display: block;*/
		margin-bottom: .625em;
	}

	table td {
		border-bottom: 1px solid #454545;
		/*			display: block;*/
		/* text-align: center; */
		font-size: 14px;
	}

	table td::before {
		content: attr(data-label);
		float: left;
		font-weight: bold;
		text-transform: uppercase;
	}

	table td:last-child {
		border-bottom: 0;
	}
}

@media screen and (min-width: 481px) and (max-width: 812px) and (orientation: landscape) {

	.scrolling-wrapper {
		display: flex;
		flex-wrap: nowrap;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}

	.card {
		flex: 0 0 auto;
	}

	&::-webkit-scrollbar {
		display: none;
	}

	#cta,
	.coupleCP,
	.couple {
		display: none;
	}


	h1 {
		font-size: 5em;
	}

	/*h1 {
		font-size: 40px;
	}*/

	h3 {
		font-size: 22px;
		margin: 0;
	}

	h4 {
		font-size: 24px;
	}

	h5 {
		font-size: 22px;
		margin: 0;
	}

	.content h5 {
		font-size: 18px;
	}

	.content h6 {
		font-size: 16px;
	}

	.casino-promotions h6 {
		margin: 20px 0 5px;
	}

	.info h5 {
		font-size: 18px !important;
		margin: 0;
		padding: 0 0 10px !important;
	}

	.info p {
		margin-bottom: 30px !important;
	}

	.info img {
		padding-bottom: 10px !important;
	}

	.more-info {
		min-height: 90px;
	}

	.recent-winners h5 {
		padding: 25px 0 10px;
	}

	.extra p {
		font-size: 14px;
	}

	#space {
		margin-right: 28px;
	}

	#promos {
		margin: 0 auto;
		width: 192px;
	}

	#cta,
	.coupleCP,
	.couple {
		display: none;
	}


	.info p {
		margin-bottom: 1px;
	}

	.snip1543 p {
		font-size: 1em;
		padding-top: 12px;
	}


	.snip1543 h3 {
		font-size: 20px;
	}

	.snip1543 h4 {
		font-size: 9px;
	}




	.cp-bg {
		font-size: 21px;
	}

	.offer {
		margin: 100px 0 50px;
	}



	.semi {
		display: none;
	}

	.non-semi {
		display: block;
		margin: -125px auto;
	}

	.non-semi img {
		max-width: 250px;
		margin-top: 138px;
		z-index: 1031;
		position: fixed;
	}

	.pjtext p {
		font-size: 22px !important;
		padding: 25px 0 0 0;
		text-align: center;
	}

	.progressiveJPinner {
		font-size: 40px !important;
		text-align: center;
		float: none;
		margin-bottom: 20px;
	}

	.progressiveJPinner:before {
		font-size: 46px !important;
		text-align: center;
		float: none;
	}

	.big-winner .hidden-xs {
		display: inline-block !important;
	}

	.big-winner .col-xs-12 {
		display: none !important;
	}

	.carousel-control .glyphicon-chevron-left,
	.carousel-control .glyphicon-chevron-right,
	.carousel-control .icon-next,
	.carousel-control .icon-prev {
		margin: -10px -16px 0;
	}

	.ribbon-top-left {
		top: 5px;
		left: 5px;
	}

	.ribbon-top-left span {
		right: 0px;
		top: 15px;
		transform: rotate(-45deg);
		font-size: 14px;
	}

	.ribbon-top-left::before {
		top: 0px;
		right: 45px;
	}

	.ribbon-top-left::after {
		bottom: 45px;
		left: 0;
	}

	.info-block-2 {
		min-height: 125px;
	}

	.recent-winners img {
		margin-bottom: 20px;
	}

	.footer-nav a {
		font-size: 14px;
		display: inline-block;
	}

	.cb h6 {
		font-size: 24px !important;
	}

	.cb a {
		margin-bottom: 20px !important;
	}

	.cb .form-control {
		margin-bottom: 10px;
	}

	.info-block {
		min-height: 110px;
	}

	.btn {
		font-size: 14px;
	}

	.back-to-top {
		font-size: 0px;
	}

	.desktop-view {
		display: none;
	}

	/*	.mobile-view {
		display: block;
	}*/

}

@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {

	/* .background-container {
		height: 47vh;
	} */

	.main {
		height: 606px;
	}

	.swiper {
		width: 100%;
		/* height: 352px; */
	}

	.offer {
		height: fit-content;
		margin: 122px 0 0px;
		padding: 14px;
	}


	.silver-button {
		font-size: 2.5em;
	}


	h1 {
		font-size: 84Px;
		line-height: 104px;
		margin-top: 10px;
	}

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

	h3 {
		font-size: 38px;
		margin: 0;
		line-height: 0px;
	}

	h4 {
		font-size: 20px;
	}

	h5 {
		/*		font-size: 22px;*/
		margin: 0;
	}


	.stage p {
		color: #00192c;
	}





	#promos {
		margin: 0 auto;
		width: 192px;
	}

	#cta,
	.coupleCP,
	.couple {
		display: none;
	}


	.info p {
		margin-bottom: 1px;
	}

	.snip1543 p {
		font-size: 1em;
		padding-top: 12px;
	}


	.snip1543 h3 {
		font-size: 20px;
	}

	.snip1543 h4 {
		font-size: 9px;
	}



	.cp-bg {
		font-size: 21px;
	}

	.semi {
		display: none;
	}

	.non-semi {
		display: block;
		margin: -125px auto;
	}

	.non-semi img {
		max-width: 250px;
		margin-top: 138px;
		z-index: 1031;
		position: fixed;
	}

	.pjtext p {
		font-size: 20px;
		padding-top: 37px;
	}

	.progressiveJPinner {
		font-size: 36px;
	}

	.progressiveJPinner:before {
		font-size: 42px;
		margin-top: -7px;
	}

	.info h5 {
		font-size: 16px;
		padding: 10px 0;
	}

	.info img {
		padding-bottom: 10px;
	}

	.content h5 {
		font-size: 20px;
	}

	.content h6 {
		font-size: 18px;
	}

	.ribbon {
		width: 108px;
		height: 108px;
	}

	.ribbon span {
		font: 700 14px/1 'Lato', sans-serif;
	}

	.ribbon-top-left span {
		right: -43px;
		top: 17px;
	}

	.info-block-2 {
		min-height: 106px;
	}

	.extra p {
		font-size: 16px;
	}

	.cb h6 {
		font-size: 24px !important;
	}

	.cb a {
		margin-bottom: 20px !important;
	}

	.cb .form-control {
		margin-bottom: 10px;
	}

	.info-block {
		min-height: 110px;
	}

	.bx-viewport {
		height: 205px;
	}

	.more-info {
		min-height: 90px;
	}
}

@media screen and (min-width: 667px) and (max-width: 1024px) and (orientation: landscape) {




	.main {
		height: 467px;
	}

	#sHomePagePromos {
		top: 93px;
	}

	/* .swiper {
		height: 300px;
	} */


	.offer {
		height: 179px;
		margin: 122px 0 0px;
		padding: 14px;
	}


	.silver-button {
		font-size: 2em;
	}


	h1 {
		font-size: 68Px;
		line-height: 62px;
		margin-top: 10px;
	}

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

	h3 {
		font-size: 38px;
		margin: 0;
		line-height: 0px;
	}

	h4 {
		font-size: 20px;
	}

	h5 {
		/*		font-size: 22px;*/
		margin: 0;
	}


	.stage p {
		color: #00192c;
	}




	.progressiveJPinner {
		font-size: 50px;
	}

	.progressiveJPinner:before {
		font-size: 56px;
	}

	.info h5 {
		font-size: 20px;
		padding: 0;
	}

	.info img {
		padding-bottom: 10px;
	}

	.bx-viewport {
		width: 100%;
		overflow: hidden;
		position: relative;
		height: 204px;
	}

	.more-info {
		min-height: 80px;
	}

	.info-block-2 {
		min-height: 105px;
	}
}

@media screen and (min-width: 1024px) and (max-width: 1366px) and (orientation: portrait) {





	.content h5 {
		font-size: 28px;
	}


	.offer {
		margin: 128px 0 30px 0;
	}

	#cta,
	.coupleCP,
	.couple {
		display: none;
	}

	.info p {
		margin-bottom: 1px;
	}

	.snip1543 p {
		font-size: 1em;
		padding-top: 12px;
	}


	.snip1543 h3 {
		font-size: 20px;
	}

	.snip1543 h4 {
		font-size: 9px;
	}



	.cp-bg {
		font-size: 21px;
	}

	.more-info {
		min-height: 80px;
	}

	.pjtext p {
		font-size: 28px;
	}

	.progressiveJPinner {
		font-size: 48px;
	}

	.progressiveJPinner:before {
		font-size: 55px;
		margin-top: -7px;
	}

	.info-block-2 {
		min-height: 105px;
	}
}

@media screen and (min-width: 992px) and (max-width: 1366px) and (orientation: landscape) {


	/*	.coupleCP {
		margin: -51px 0 0 0;
	}*/


	.couple {
		margin: 137px 0 0 0;
	}



	.offer .mobile,
	.offer .download,
	.offer .instant,
	.offer h1 {
		margin-top: 25px;
	}

	.silver-button {
		font-size: 3.5em;
	}

	h1 {
		font-size: 103px;
	}


	.mobile a,
	.download a,
	.instant a {
		font-family: 'Barlow Semi Condensed', sans-serif;
		font-weight: bold;
		font-size: 24px;
		color: #ffffff;
	}

	.recent-winners td {
		font-family: 'Barlow Semi Condensed', sans-serif;
		font-weight: bold;
		padding: 4px 25px;
	}

	.more-info {
		min-height: 80px;
	}
}

/* Preloader Styles */
.pre-loader {
	background-color: #2c3e50;
	position: fixed;
	height: 100%;
	width: 100%;
	z-index: 10000;
}

.centering-block {
	text-align: center;
}

.centering-block:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	margin-right: -0.25em;
}

.centered {
	display: inline-block;
	vertical-align: middle;
}

.loader {
	display: inline-block;
	position: relative;
	background-image: url('../images/icons/loader.png');
	background-repeat: no-repeat;
}

.rotating {
	width: 154px;
	height: 154px;
	-webkit-animation: rotating 2s linear infinite;
	-moz-animation: rotating 2s linear infinite;
	-ms-animation: rotating 2s linear infinite;
	-o-animation: rotating 2s linear infinite;
	animation: rotating 2s linear infinite;
}

@-webkit-keyframes rotating

/* Safari and Chrome */
	{
	from {
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	to {
		-webkit-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes rotating {
	from {
		-ms-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	to {
		-ms-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

/*End Preloader*/





.stars-main {

	height: auto;
	/* Allows natural growth */
	overflow: hidden;
	/* Cuts off the extra length */
}


#stars {
	opacity: 0.5;
	/* Makes the entire div 50% transparent */
	width: 1px;
	height: 1px;
	background: transparent;
	box-shadow: 1922px 1254px #FFF, 808px 510px #FFF, 1270px 640px #FFF, 1702px 1912px #FFF, 1919px 1804px #FFF, 1249px 1097px #FFF, 1069px 43px #FFF, 108px 1621px #FFF, 1774px 184px #FFF, 326px 1462px #FFF, 165px 98px #FFF, 1937px 1694px #FFF, 213px 1193px #FFF, 1710px 1365px #FFF, 1222px 1709px #FFF, 1060px 468px #FFF, 1691px 490px #FFF, 1696px 930px #FFF, 1577px 720px #FFF, 82px 951px #FFF, 622px 1701px #FFF, 685px 1940px #FFF, 1472px 481px #FFF, 149px 67px #FFF, 1461px 459px #FFF, 1089px 1341px #FFF, 593px 1799px #FFF, 1412px 1307px #FFF, 928px 1576px #FFF, 449px 1319px #FFF, 460px 1730px #FFF, 1676px 1963px #FFF, 1258px 1278px #FFF, 1221px 1159px #FFF, 880px 411px #FFF, 1595px 171px #FFF, 582px 905px #FFF, 325px 1846px #FFF, 1768px 328px #FFF, 1495px 1007px #FFF, 1020px 1893px #FFF, 1741px 1847px #FFF, 1894px 1715px #FFF, 970px 470px #FFF, 1146px 631px #FFF, 1430px 1994px #FFF, 580px 1316px #FFF, 1989px 1250px #FFF, 984px 57px #FFF, 1556px 1928px #FFF, 892px 297px #FFF, 466px 675px #FFF, 777px 140px #FFF, 1707px 429px #FFF, 1254px 498px #FFF, 1741px 1162px #FFF, 1905px 1311px #FFF, 183px 662px #FFF, 1901px 1175px #FFF, 911px 94px #FFF, 1248px 335px #FFF, 512px 679px #FFF, 1346px 494px #FFF, 1109px 1948px #FFF, 1203px 158px #FFF, 77px 1750px #FFF, 1079px 1360px #FFF, 1299px 84px #FFF, 1283px 338px #FFF, 53px 1092px #FFF, 40px 1037px #FFF, 1121px 1432px #FFF, 997px 755px #FFF, 1948px 272px #FFF, 1415px 1965px #FFF, 761px 1792px #FFF, 1895px 1684px #FFF, 1058px 1147px #FFF, 341px 1191px #FFF, 1503px 1958px #FFF, 172px 762px #FFF, 1297px 279px #FFF, 1600px 1026px #FFF, 262px 1695px #FFF, 1933px 1787px #FFF, 22px 1010px #FFF, 1295px 1862px #FFF, 1828px 1007px #FFF, 307px 562px #FFF, 256px 1392px #FFF, 1417px 1491px #FFF, 1541px 1396px #FFF, 1483px 429px #FFF, 1678px 752px #FFF, 650px 177px #FFF, 904px 1646px #FFF, 1129px 1879px #FFF, 1738px 1281px #FFF, 765px 331px #FFF, 1265px 203px #FFF, 1672px 840px #FFF, 873px 1551px #FFF, 607px 821px #FFF, 923px 1320px #FFF, 1125px 466px #FFF, 1954px 262px #FFF, 1219px 855px #FFF, 1309px 491px #FFF, 375px 238px #FFF, 1608px 1934px #FFF, 882px 396px #FFF, 957px 1309px #FFF, 1061px 431px #FFF, 819px 1612px #FFF, 41px 1878px #FFF, 1609px 1252px #FFF, 774px 1892px #FFF, 452px 1767px #FFF, 1229px 613px #FFF, 1218px 1940px #FFF, 238px 1362px #FFF, 1698px 142px #FFF, 1967px 1093px #FFF, 1742px 931px #FFF, 1200px 1799px #FFF, 1250px 97px #FFF, 1590px 999px #FFF, 1592px 1567px #FFF, 1638px 1247px #FFF, 1293px 597px #FFF, 485px 994px #FFF, 933px 1167px #FFF, 1929px 997px #FFF, 992px 1474px #FFF, 1518px 671px #FFF, 358px 382px #FFF, 1652px 1884px #FFF, 1254px 867px #FFF, 1852px 1046px #FFF, 788px 1865px #FFF, 168px 736px #FFF, 1138px 1188px #FFF, 1482px 1176px #FFF, 581px 1930px #FFF, 708px 877px #FFF, 921px 1404px #FFF, 1625px 1873px #FFF, 793px 1954px #FFF, 1045px 1189px #FFF, 1228px 1114px #FFF, 1521px 560px #FFF, 1221px 530px #FFF, 1647px 1374px #FFF, 406px 1706px #FFF, 1099px 380px #FFF, 759px 1015px #FFF, 1821px 1699px #FFF, 1204px 1534px #FFF, 540px 665px #FFF, 1038px 1593px #FFF, 1772px 1212px #FFF, 1499px 875px #FFF, 991px 1378px #FFF, 1608px 919px #FFF, 1933px 1330px #FFF, 1848px 1260px #FFF, 617px 1805px #FFF, 283px 1602px #FFF, 1256px 1824px #FFF, 278px 612px #FFF, 782px 1484px #FFF, 1070px 171px #FFF, 1939px 427px #FFF, 1411px 1563px #FFF, 719px 1497px #FFF, 1779px 253px #FFF, 1140px 1703px #FFF, 73px 580px #FFF, 535px 81px #FFF, 458px 1562px #FFF, 1668px 894px #FFF, 1913px 1757px #FFF, 138px 1986px #FFF, 741px 175px #FFF, 1808px 809px #FFF, 1913px 1229px #FFF, 890px 1768px #FFF, 1234px 388px #FFF, 1069px 1251px #FFF, 1831px 872px #FFF, 1923px 419px #FFF, 703px 666px #FFF, 1588px 1871px #FFF, 1166px 245px #FFF, 850px 1963px #FFF, 827px 1459px #FFF, 706px 1783px #FFF, 617px 1807px #FFF, 827px 662px #FFF, 1608px 1679px #FFF, 346px 1950px #FFF, 1573px 1775px #FFF, 53px 950px #FFF, 1398px 854px #FFF, 1410px 1125px #FFF, 367px 541px #FFF, 514px 1484px #FFF, 1125px 1169px #FFF, 1419px 1762px #FFF, 1809px 192px #FFF, 734px 668px #FFF, 1159px 677px #FFF, 743px 300px #FFF, 1381px 798px #FFF, 133px 614px #FFF, 97px 1469px #FFF, 345px 568px #FFF, 245px 630px #FFF, 1929px 1274px #FFF, 994px 1845px #FFF, 1072px 1849px #FFF, 30px 1130px #FFF, 617px 1564px #FFF, 598px 1907px #FFF, 164px 48px #FFF, 1603px 799px #FFF, 1626px 360px #FFF, 474px 1881px #FFF, 1882px 940px #FFF, 1453px 672px #FFF, 107px 151px #FFF, 1519px 925px #FFF, 257px 1127px #FFF, 1872px 1885px #FFF, 798px 1494px #FFF, 1968px 1464px #FFF, 73px 1217px #FFF, 1841px 1844px #FFF, 117px 861px #FFF, 218px 1412px #FFF, 703px 1865px #FFF, 821px 1354px #FFF, 1315px 1808px #FFF, 1648px 105px #FFF, 64px 1588px #FFF, 831px 1673px #FFF, 333px 1297px #FFF, 1740px 444px #FFF, 1335px 636px #FFF, 430px 1408px #FFF, 1579px 746px #FFF, 1324px 1531px #FFF, 1951px 1116px #FFF, 1830px 185px #FFF, 1090px 1006px #FFF, 301px 199px #FFF, 1625px 566px #FFF, 1425px 89px #FFF, 80px 1641px #FFF, 1504px 1403px #FFF, 1100px 557px #FFF, 1682px 1245px #FFF, 25px 1749px #FFF, 1914px 1851px #FFF, 1352px 576px #FFF, 1229px 1534px #FFF, 1396px 1666px #FFF, 1738px 431px #FFF, 1083px 828px #FFF, 81px 1945px #FFF, 722px 1169px #FFF, 1287px 578px #FFF, 32px 816px #FFF, 1587px 1468px #FFF, 1599px 1074px #FFF, 1569px 431px #FFF, 561px 303px #FFF, 536px 1756px #FFF, 1004px 1766px #FFF, 1212px 1875px #FFF, 1816px 800px #FFF, 1121px 1720px #FFF, 734px 1597px #FFF, 1567px 1748px #FFF, 120px 1457px #FFF, 586px 1187px #FFF, 1708px 1887px #FFF, 1410px 1701px #FFF, 1696px 1218px #FFF, 1074px 1492px #FFF, 1390px 62px #FFF, 768px 1497px #FFF, 1666px 1137px #FFF, 953px 1903px #FFF, 196px 925px #FFF, 522px 1190px #FFF, 416px 374px #FFF, 1802px 1302px #FFF, 544px 344px #FFF, 1900px 864px #FFF, 1240px 1317px #FFF, 1132px 102px #FFF, 525px 1646px #FFF, 1566px 977px #FFF, 1809px 1099px #FFF, 293px 1335px #FFF, 339px 432px #FFF, 1804px 840px #FFF, 415px 1612px #FFF, 1027px 1832px #FFF, 579px 58px #FFF, 840px 537px #FFF, 1252px 94px #FFF, 143px 1039px #FFF, 163px 1896px #FFF, 1857px 112px #FFF, 2000px 1192px #FFF, 797px 631px #FFF, 15px 432px #FFF, 418px 116px #FFF, 1663px 652px #FFF, 1765px 963px #FFF, 603px 1514px #FFF, 1458px 491px #FFF, 529px 1887px #FFF, 1960px 875px #FFF, 1932px 10px #FFF, 1210px 1068px #FFF, 753px 700px #FFF, 1833px 610px #FFF, 404px 377px #FFF, 124px 1790px #FFF, 1363px 1044px #FFF, 986px 1733px #FFF, 1949px 1281px #FFF, 1228px 729px #FFF, 1438px 1070px #FFF, 691px 1095px #FFF, 314px 532px #FFF, 1851px 1666px #FFF, 1377px 574px #FFF, 1733px 1963px #FFF, 1280px 1723px #FFF, 120px 626px #FFF, 789px 1003px #FFF, 688px 1278px #FFF, 1414px 1073px #FFF, 908px 1578px #FFF, 1432px 1694px #FFF, 970px 931px #FFF, 475px 735px #FFF, 909px 178px #FFF, 847px 1125px #FFF, 641px 1937px #FFF, 1064px 1839px #FFF, 148px 881px #FFF, 325px 1148px #FFF, 1181px 967px #FFF, 1127px 135px #FFF, 999px 1582px #FFF, 1417px 36px #FFF, 599px 291px #FFF, 1211px 1222px #FFF, 1452px 370px #FFF, 737px 1980px #FFF, 1815px 304px #FFF, 201px 916px #FFF, 1561px 1301px #FFF, 32px 835px #FFF, 720px 575px #FFF, 1159px 1826px #FFF, 69px 1084px #FFF, 69px 42px #FFF, 1657px 1097px #FFF, 1723px 155px #FFF, 1139px 550px #FFF, 1301px 157px #FFF, 516px 698px #FFF, 1982px 1855px #FFF, 294px 354px #FFF, 1081px 1713px #FFF, 275px 181px #FFF, 1475px 253px #FFF, 1025px 1028px #FFF, 1271px 570px #FFF, 1249px 287px #FFF, 388px 1943px #FFF, 1111px 1871px #FFF, 1283px 1566px #FFF, 1958px 1455px #FFF, 1077px 140px #FFF, 1501px 362px #FFF, 674px 1072px #FFF, 1002px 508px #FFF, 1135px 516px #FFF, 1104px 483px #FFF, 1662px 1073px #FFF, 931px 1672px #FFF, 694px 1645px #FFF, 1331px 185px #FFF, 1682px 352px #FFF, 89px 607px #FFF, 65px 1821px #FFF, 1181px 527px #FFF, 1111px 1245px #FFF, 1024px 671px #FFF, 888px 1731px #FFF, 851px 1497px #FFF, 251px 1380px #FFF, 1191px 67px #FFF, 622px 1058px #FFF, 712px 408px #FFF, 317px 960px #FFF, 910px 1394px #FFF, 1055px 622px #FFF, 1447px 93px #FFF, 904px 1300px #FFF, 1704px 1701px #FFF, 1866px 1188px #FFF, 1448px 1670px #FFF, 1568px 899px #FFF, 1101px 1245px #FFF, 772px 1909px #FFF, 1983px 818px #FFF, 423px 1982px #FFF, 176px 1880px #FFF, 432px 1362px #FFF, 290px 723px #FFF, 907px 463px #FFF, 649px 65px #FFF, 1973px 896px #FFF, 1004px 621px #FFF, 103px 1108px #FFF, 1906px 1578px #FFF, 825px 313px #FFF, 1293px 1364px #FFF, 573px 696px #FFF, 1831px 1625px #FFF, 759px 918px #FFF, 490px 1457px #FFF, 1844px 813px #FFF, 455px 1109px #FFF, 1403px 95px #FFF, 979px 402px #FFF, 1738px 1707px #FFF, 49px 1466px #FFF, 1720px 1959px #FFF, 1875px 1482px #FFF, 808px 1698px #FFF, 1236px 1838px #FFF, 9px 313px #FFF, 767px 973px #FFF, 1736px 350px #FFF, 343px 1489px #FFF, 1507px 1281px #FFF, 1545px 1773px #FFF, 341px 63px #FFF, 723px 487px #FFF, 1504px 569px #FFF, 1845px 1469px #FFF, 1382px 1931px #FFF, 1579px 1610px #FFF, 1462px 1090px #FFF, 1056px 172px #FFF, 982px 346px #FFF, 277px 1553px #FFF, 1421px 81px #FFF, 1008px 256px #FFF, 28px 699px #FFF, 326px 1199px #FFF, 698px 897px #FFF, 396px 711px #FFF, 1139px 889px #FFF, 1126px 230px #FFF, 313px 841px #FFF, 141px 636px #FFF, 684px 898px #FFF, 582px 889px #FFF, 589px 352px #FFF, 1614px 335px #FFF, 223px 1294px #FFF, 1736px 1809px #FFF, 1515px 898px #FFF, 1238px 240px #FFF, 110px 1328px #FFF, 1599px 334px #FFF, 477px 1575px #FFF, 768px 343px #FFF, 1499px 1471px #FFF, 1897px 1577px #FFF, 501px 1382px #FFF, 807px 1902px #FFF, 1713px 1925px #FFF, 1825px 82px #FFF, 1875px 1964px #FFF, 1354px 1220px #FFF, 1210px 1449px #FFF, 1630px 652px #FFF, 34px 705px #FFF, 727px 1627px #FFF, 1740px 1678px #FFF, 398px 1251px #FFF, 792px 1097px #FFF, 704px 250px #FFF, 1798px 14px #FFF, 684px 930px #FFF, 240px 432px #FFF, 964px 1534px #FFF, 109px 896px #FFF, 1428px 1759px #FFF, 1549px 96px #FFF, 232px 1918px #FFF, 627px 1399px #FFF, 1120px 932px #FFF, 494px 535px #FFF, 107px 1769px #FFF, 1523px 212px #FFF, 1894px 761px #FFF, 978px 782px #FFF, 977px 637px #FFF, 1744px 162px #FFF, 1641px 564px #FFF, 1447px 1014px #FFF, 1671px 1953px #FFF, 1963px 112px #FFF, 541px 1480px #FFF, 300px 52px #FFF, 726px 1458px #FFF, 1387px 169px #FFF, 963px 1922px #FFF, 1448px 278px #FFF, 1894px 206px #FFF, 1878px 1036px #FFF, 643px 1527px #FFF, 1563px 447px #FFF, 1765px 1048px #FFF, 919px 916px #FFF, 1707px 236px #FFF, 1503px 890px #FFF, 1859px 1682px #FFF, 1327px 223px #FFF, 1533px 612px #FFF, 1963px 1407px #FFF, 1711px 591px #FFF, 679px 1520px #FFF, 734px 1842px #FFF, 1600px 1886px #FFF, 1070px 1835px #FFF, 1681px 1411px #FFF, 1071px 45px #FFF, 380px 1002px #FFF, 1723px 107px #FFF, 1460px 191px #FFF, 495px 1598px #FFF, 143px 60px #FFF, 568px 1223px #FFF, 581px 711px #FFF, 160px 628px #FFF, 1047px 1686px #FFF, 441px 1778px #FFF, 235px 1948px #FFF, 897px 1540px #FFF, 90px 1695px #FFF, 1326px 1560px #FFF, 99px 167px #FFF, 1643px 1976px #FFF, 580px 756px #FFF, 1868px 1647px #FFF, 441px 784px #FFF, 864px 663px #FFF, 727px 1326px #FFF, 1862px 200px #FFF, 1641px 1070px #FFF, 684px 1260px #FFF, 892px 1054px #FFF, 312px 888px #FFF, 1887px 1172px #FFF, 449px 47px #FFF, 300px 1123px #FFF, 485px 421px #FFF, 651px 178px #FFF, 24px 616px #FFF, 1018px 1283px #FFF, 813px 271px #FFF, 239px 625px #FFF, 1314px 1714px #FFF, 1829px 675px #FFF, 1654px 1874px #FFF, 472px 235px #FFF, 208px 1686px #FFF, 1282px 140px #FFF, 854px 400px #FFF, 568px 1675px #FFF, 81px 1217px #FFF, 1870px 843px #FFF, 576px 1857px #FFF, 143px 255px #FFF, 979px 1551px #FFF, 1127px 1906px #FFF, 1529px 78px #FFF, 977px 676px #FFF, 1246px 714px #FFF, 1231px 83px #FFF, 339px 1324px #FFF, 81px 227px #FFF, 1618px 1676px #FFF, 1152px 763px #FFF, 619px 1718px #FFF, 1335px 1185px #FFF, 926px 1186px #FFF, 246px 138px #FFF, 505px 1301px #FFF, 667px 1897px #FFF, 1937px 600px #FFF, 168px 168px #FFF, 1644px 1952px #FFF, 1713px 1440px #FFF, 1144px 390px #FFF, 2px 370px #FFF, 82px 845px #FFF, 146px 552px #FFF, 738px 1231px #FFF, 670px 1564px #FFF, 789px 538px #FFF, 862px 1174px #FFF, 1173px 884px #FFF, 1144px 998px #FFF, 1428px 703px #FFF, 210px 1963px #FFF, 1639px 26px #FFF, 324px 409px #FFF, 840px 707px #FFF, 1465px 1446px #FFF, 1746px 1267px #FFF, 1483px 1396px #FFF, 1799px 1381px #FFF, 1324px 388px #FFF, 1805px 1193px #FFF, 135px 212px #FFF, 721px 710px #FFF, 213px 436px #FFF, 193px 1079px #FFF, 1406px 1961px #FFF, 981px 748px #FFF, 780px 1257px #FFF, 292px 1670px #FFF, 753px 612px #FFF, 49px 17px #FFF, 263px 196px #FFF, 245px 395px #FFF, 1220px 228px #FFF, 925px 1362px #FFF, 1858px 1277px #FFF, 1759px 1401px #FFF, 1162px 892px #FFF, 594px 1461px #FFF, 196px 1059px #FFF, 519px 1238px #FFF, 1318px 433px #FFF, 459px 57px #FFF, 1544px 220px #FFF, 776px 732px #FFF, 880px 1554px #FFF, 1679px 1388px #FFF, 511px 1644px #FFF, 1847px 1264px #FFF, 229px 1536px #FFF, 858px 1691px #FFF, 1929px 1067px #FFF, 1689px 1307px #FFF, 1887px 649px #FFF, 11px 1574px #FFF, 1738px 435px #FFF, 1051px 703px #FFF, 607px 1635px #FFF, 1849px 1256px #FFF, 1989px 20px #FFF, 1770px 1717px #FFF, 1860px 1754px #FFF, 9px 1745px #FFF, 1505px 1075px #FFF, 1551px 730px #FFF, 1559px 1815px #FFF, 528px 1765px #FFF, 287px 628px #FFF, 1168px 1003px #FFF, 1797px 357px #FFF, 1274px 867px #FFF, 424px 1401px #FFF, 127px 1886px #FFF, 409px 1480px #FFF, 1342px 1977px #FFF, 1147px 777px #FFF, 414px 426px #FFF, 1230px 1443px #FFF, 1213px 437px #FFF, 1217px 567px #FFF, 19px 1372px #FFF, 1982px 1971px #FFF, 430px 214px #FFF;
	animation: animStar 50s linear infinite;
}

#stars:after {
	opacity: 0.5;
	/* Makes the entire div 50% transparent */
	content: " ";
	position: absolute;
	top: 2000px;
	width: 1px;
	height: 1px;
	background: transparent;
	box-shadow: 1922px 1254px #FFF, 808px 510px #FFF, 1270px 640px #FFF, 1702px 1912px #FFF, 1919px 1804px #FFF, 1249px 1097px #FFF, 1069px 43px #FFF, 108px 1621px #FFF, 1774px 184px #FFF, 326px 1462px #FFF, 165px 98px #FFF, 1937px 1694px #FFF, 213px 1193px #FFF, 1710px 1365px #FFF, 1222px 1709px #FFF, 1060px 468px #FFF, 1691px 490px #FFF, 1696px 930px #FFF, 1577px 720px #FFF, 82px 951px #FFF, 622px 1701px #FFF, 685px 1940px #FFF, 1472px 481px #FFF, 149px 67px #FFF, 1461px 459px #FFF, 1089px 1341px #FFF, 593px 1799px #FFF, 1412px 1307px #FFF, 928px 1576px #FFF, 449px 1319px #FFF, 460px 1730px #FFF, 1676px 1963px #FFF, 1258px 1278px #FFF, 1221px 1159px #FFF, 880px 411px #FFF, 1595px 171px #FFF, 582px 905px #FFF, 325px 1846px #FFF, 1768px 328px #FFF, 1495px 1007px #FFF, 1020px 1893px #FFF, 1741px 1847px #FFF, 1894px 1715px #FFF, 970px 470px #FFF, 1146px 631px #FFF, 1430px 1994px #FFF, 580px 1316px #FFF, 1989px 1250px #FFF, 984px 57px #FFF, 1556px 1928px #FFF, 892px 297px #FFF, 466px 675px #FFF, 777px 140px #FFF, 1707px 429px #FFF, 1254px 498px #FFF, 1741px 1162px #FFF, 1905px 1311px #FFF, 183px 662px #FFF, 1901px 1175px #FFF, 911px 94px #FFF, 1248px 335px #FFF, 512px 679px #FFF, 1346px 494px #FFF, 1109px 1948px #FFF, 1203px 158px #FFF, 77px 1750px #FFF, 1079px 1360px #FFF, 1299px 84px #FFF, 1283px 338px #FFF, 53px 1092px #FFF, 40px 1037px #FFF, 1121px 1432px #FFF, 997px 755px #FFF, 1948px 272px #FFF, 1415px 1965px #FFF, 761px 1792px #FFF, 1895px 1684px #FFF, 1058px 1147px #FFF, 341px 1191px #FFF, 1503px 1958px #FFF, 172px 762px #FFF, 1297px 279px #FFF, 1600px 1026px #FFF, 262px 1695px #FFF, 1933px 1787px #FFF, 22px 1010px #FFF, 1295px 1862px #FFF, 1828px 1007px #FFF, 307px 562px #FFF, 256px 1392px #FFF, 1417px 1491px #FFF, 1541px 1396px #FFF, 1483px 429px #FFF, 1678px 752px #FFF, 650px 177px #FFF, 904px 1646px #FFF, 1129px 1879px #FFF, 1738px 1281px #FFF, 765px 331px #FFF, 1265px 203px #FFF, 1672px 840px #FFF, 873px 1551px #FFF, 607px 821px #FFF, 923px 1320px #FFF, 1125px 466px #FFF, 1954px 262px #FFF, 1219px 855px #FFF, 1309px 491px #FFF, 375px 238px #FFF, 1608px 1934px #FFF, 882px 396px #FFF, 957px 1309px #FFF, 1061px 431px #FFF, 819px 1612px #FFF, 41px 1878px #FFF, 1609px 1252px #FFF, 774px 1892px #FFF, 452px 1767px #FFF, 1229px 613px #FFF, 1218px 1940px #FFF, 238px 1362px #FFF, 1698px 142px #FFF, 1967px 1093px #FFF, 1742px 931px #FFF, 1200px 1799px #FFF, 1250px 97px #FFF, 1590px 999px #FFF, 1592px 1567px #FFF, 1638px 1247px #FFF, 1293px 597px #FFF, 485px 994px #FFF, 933px 1167px #FFF, 1929px 997px #FFF, 992px 1474px #FFF, 1518px 671px #FFF, 358px 382px #FFF, 1652px 1884px #FFF, 1254px 867px #FFF, 1852px 1046px #FFF, 788px 1865px #FFF, 168px 736px #FFF, 1138px 1188px #FFF, 1482px 1176px #FFF, 581px 1930px #FFF, 708px 877px #FFF, 921px 1404px #FFF, 1625px 1873px #FFF, 793px 1954px #FFF, 1045px 1189px #FFF, 1228px 1114px #FFF, 1521px 560px #FFF, 1221px 530px #FFF, 1647px 1374px #FFF, 406px 1706px #FFF, 1099px 380px #FFF, 759px 1015px #FFF, 1821px 1699px #FFF, 1204px 1534px #FFF, 540px 665px #FFF, 1038px 1593px #FFF, 1772px 1212px #FFF, 1499px 875px #FFF, 991px 1378px #FFF, 1608px 919px #FFF, 1933px 1330px #FFF, 1848px 1260px #FFF, 617px 1805px #FFF, 283px 1602px #FFF, 1256px 1824px #FFF, 278px 612px #FFF, 782px 1484px #FFF, 1070px 171px #FFF, 1939px 427px #FFF, 1411px 1563px #FFF, 719px 1497px #FFF, 1779px 253px #FFF, 1140px 1703px #FFF, 73px 580px #FFF, 535px 81px #FFF, 458px 1562px #FFF, 1668px 894px #FFF, 1913px 1757px #FFF, 138px 1986px #FFF, 741px 175px #FFF, 1808px 809px #FFF, 1913px 1229px #FFF, 890px 1768px #FFF, 1234px 388px #FFF, 1069px 1251px #FFF, 1831px 872px #FFF, 1923px 419px #FFF, 703px 666px #FFF, 1588px 1871px #FFF, 1166px 245px #FFF, 850px 1963px #FFF, 827px 1459px #FFF, 706px 1783px #FFF, 617px 1807px #FFF, 827px 662px #FFF, 1608px 1679px #FFF, 346px 1950px #FFF, 1573px 1775px #FFF, 53px 950px #FFF, 1398px 854px #FFF, 1410px 1125px #FFF, 367px 541px #FFF, 514px 1484px #FFF, 1125px 1169px #FFF, 1419px 1762px #FFF, 1809px 192px #FFF, 734px 668px #FFF, 1159px 677px #FFF, 743px 300px #FFF, 1381px 798px #FFF, 133px 614px #FFF, 97px 1469px #FFF, 345px 568px #FFF, 245px 630px #FFF, 1929px 1274px #FFF, 994px 1845px #FFF, 1072px 1849px #FFF, 30px 1130px #FFF, 617px 1564px #FFF, 598px 1907px #FFF, 164px 48px #FFF, 1603px 799px #FFF, 1626px 360px #FFF, 474px 1881px #FFF, 1882px 940px #FFF, 1453px 672px #FFF, 107px 151px #FFF, 1519px 925px #FFF, 257px 1127px #FFF, 1872px 1885px #FFF, 798px 1494px #FFF, 1968px 1464px #FFF, 73px 1217px #FFF, 1841px 1844px #FFF, 117px 861px #FFF, 218px 1412px #FFF, 703px 1865px #FFF, 821px 1354px #FFF, 1315px 1808px #FFF, 1648px 105px #FFF, 64px 1588px #FFF, 831px 1673px #FFF, 333px 1297px #FFF, 1740px 444px #FFF, 1335px 636px #FFF, 430px 1408px #FFF, 1579px 746px #FFF, 1324px 1531px #FFF, 1951px 1116px #FFF, 1830px 185px #FFF, 1090px 1006px #FFF, 301px 199px #FFF, 1625px 566px #FFF, 1425px 89px #FFF, 80px 1641px #FFF, 1504px 1403px #FFF, 1100px 557px #FFF, 1682px 1245px #FFF, 25px 1749px #FFF, 1914px 1851px #FFF, 1352px 576px #FFF, 1229px 1534px #FFF, 1396px 1666px #FFF, 1738px 431px #FFF, 1083px 828px #FFF, 81px 1945px #FFF, 722px 1169px #FFF, 1287px 578px #FFF, 32px 816px #FFF, 1587px 1468px #FFF, 1599px 1074px #FFF, 1569px 431px #FFF, 561px 303px #FFF, 536px 1756px #FFF, 1004px 1766px #FFF, 1212px 1875px #FFF, 1816px 800px #FFF, 1121px 1720px #FFF, 734px 1597px #FFF, 1567px 1748px #FFF, 120px 1457px #FFF, 586px 1187px #FFF, 1708px 1887px #FFF, 1410px 1701px #FFF, 1696px 1218px #FFF, 1074px 1492px #FFF, 1390px 62px #FFF, 768px 1497px #FFF, 1666px 1137px #FFF, 953px 1903px #FFF, 196px 925px #FFF, 522px 1190px #FFF, 416px 374px #FFF, 1802px 1302px #FFF, 544px 344px #FFF, 1900px 864px #FFF, 1240px 1317px #FFF, 1132px 102px #FFF, 525px 1646px #FFF, 1566px 977px #FFF, 1809px 1099px #FFF, 293px 1335px #FFF, 339px 432px #FFF, 1804px 840px #FFF, 415px 1612px #FFF, 1027px 1832px #FFF, 579px 58px #FFF, 840px 537px #FFF, 1252px 94px #FFF, 143px 1039px #FFF, 163px 1896px #FFF, 1857px 112px #FFF, 2000px 1192px #FFF, 797px 631px #FFF, 15px 432px #FFF, 418px 116px #FFF, 1663px 652px #FFF, 1765px 963px #FFF, 603px 1514px #FFF, 1458px 491px #FFF, 529px 1887px #FFF, 1960px 875px #FFF, 1932px 10px #FFF, 1210px 1068px #FFF, 753px 700px #FFF, 1833px 610px #FFF, 404px 377px #FFF, 124px 1790px #FFF, 1363px 1044px #FFF, 986px 1733px #FFF, 1949px 1281px #FFF, 1228px 729px #FFF, 1438px 1070px #FFF, 691px 1095px #FFF, 314px 532px #FFF, 1851px 1666px #FFF, 1377px 574px #FFF, 1733px 1963px #FFF, 1280px 1723px #FFF, 120px 626px #FFF, 789px 1003px #FFF, 688px 1278px #FFF, 1414px 1073px #FFF, 908px 1578px #FFF, 1432px 1694px #FFF, 970px 931px #FFF, 475px 735px #FFF, 909px 178px #FFF, 847px 1125px #FFF, 641px 1937px #FFF, 1064px 1839px #FFF, 148px 881px #FFF, 325px 1148px #FFF, 1181px 967px #FFF, 1127px 135px #FFF, 999px 1582px #FFF, 1417px 36px #FFF, 599px 291px #FFF, 1211px 1222px #FFF, 1452px 370px #FFF, 737px 1980px #FFF, 1815px 304px #FFF, 201px 916px #FFF, 1561px 1301px #FFF, 32px 835px #FFF, 720px 575px #FFF, 1159px 1826px #FFF, 69px 1084px #FFF, 69px 42px #FFF, 1657px 1097px #FFF, 1723px 155px #FFF, 1139px 550px #FFF, 1301px 157px #FFF, 516px 698px #FFF, 1982px 1855px #FFF, 294px 354px #FFF, 1081px 1713px #FFF, 275px 181px #FFF, 1475px 253px #FFF, 1025px 1028px #FFF, 1271px 570px #FFF, 1249px 287px #FFF, 388px 1943px #FFF, 1111px 1871px #FFF, 1283px 1566px #FFF, 1958px 1455px #FFF, 1077px 140px #FFF, 1501px 362px #FFF, 674px 1072px #FFF, 1002px 508px #FFF, 1135px 516px #FFF, 1104px 483px #FFF, 1662px 1073px #FFF, 931px 1672px #FFF, 694px 1645px #FFF, 1331px 185px #FFF, 1682px 352px #FFF, 89px 607px #FFF, 65px 1821px #FFF, 1181px 527px #FFF, 1111px 1245px #FFF, 1024px 671px #FFF, 888px 1731px #FFF, 851px 1497px #FFF, 251px 1380px #FFF, 1191px 67px #FFF, 622px 1058px #FFF, 712px 408px #FFF, 317px 960px #FFF, 910px 1394px #FFF, 1055px 622px #FFF, 1447px 93px #FFF, 904px 1300px #FFF, 1704px 1701px #FFF, 1866px 1188px #FFF, 1448px 1670px #FFF, 1568px 899px #FFF, 1101px 1245px #FFF, 772px 1909px #FFF, 1983px 818px #FFF, 423px 1982px #FFF, 176px 1880px #FFF, 432px 1362px #FFF, 290px 723px #FFF, 907px 463px #FFF, 649px 65px #FFF, 1973px 896px #FFF, 1004px 621px #FFF, 103px 1108px #FFF, 1906px 1578px #FFF, 825px 313px #FFF, 1293px 1364px #FFF, 573px 696px #FFF, 1831px 1625px #FFF, 759px 918px #FFF, 490px 1457px #FFF, 1844px 813px #FFF, 455px 1109px #FFF, 1403px 95px #FFF, 979px 402px #FFF, 1738px 1707px #FFF, 49px 1466px #FFF, 1720px 1959px #FFF, 1875px 1482px #FFF, 808px 1698px #FFF, 1236px 1838px #FFF, 9px 313px #FFF, 767px 973px #FFF, 1736px 350px #FFF, 343px 1489px #FFF, 1507px 1281px #FFF, 1545px 1773px #FFF, 341px 63px #FFF, 723px 487px #FFF, 1504px 569px #FFF, 1845px 1469px #FFF, 1382px 1931px #FFF, 1579px 1610px #FFF, 1462px 1090px #FFF, 1056px 172px #FFF, 982px 346px #FFF, 277px 1553px #FFF, 1421px 81px #FFF, 1008px 256px #FFF, 28px 699px #FFF, 326px 1199px #FFF, 698px 897px #FFF, 396px 711px #FFF, 1139px 889px #FFF, 1126px 230px #FFF, 313px 841px #FFF, 141px 636px #FFF, 684px 898px #FFF, 582px 889px #FFF, 589px 352px #FFF, 1614px 335px #FFF, 223px 1294px #FFF, 1736px 1809px #FFF, 1515px 898px #FFF, 1238px 240px #FFF, 110px 1328px #FFF, 1599px 334px #FFF, 477px 1575px #FFF, 768px 343px #FFF, 1499px 1471px #FFF, 1897px 1577px #FFF, 501px 1382px #FFF, 807px 1902px #FFF, 1713px 1925px #FFF, 1825px 82px #FFF, 1875px 1964px #FFF, 1354px 1220px #FFF, 1210px 1449px #FFF, 1630px 652px #FFF, 34px 705px #FFF, 727px 1627px #FFF, 1740px 1678px #FFF, 398px 1251px #FFF, 792px 1097px #FFF, 704px 250px #FFF, 1798px 14px #FFF, 684px 930px #FFF, 240px 432px #FFF, 964px 1534px #FFF, 109px 896px #FFF, 1428px 1759px #FFF, 1549px 96px #FFF, 232px 1918px #FFF, 627px 1399px #FFF, 1120px 932px #FFF, 494px 535px #FFF, 107px 1769px #FFF, 1523px 212px #FFF, 1894px 761px #FFF, 978px 782px #FFF, 977px 637px #FFF, 1744px 162px #FFF, 1641px 564px #FFF, 1447px 1014px #FFF, 1671px 1953px #FFF, 1963px 112px #FFF, 541px 1480px #FFF, 300px 52px #FFF, 726px 1458px #FFF, 1387px 169px #FFF, 963px 1922px #FFF, 1448px 278px #FFF, 1894px 206px #FFF, 1878px 1036px #FFF, 643px 1527px #FFF, 1563px 447px #FFF, 1765px 1048px #FFF, 919px 916px #FFF, 1707px 236px #FFF, 1503px 890px #FFF, 1859px 1682px #FFF, 1327px 223px #FFF, 1533px 612px #FFF, 1963px 1407px #FFF, 1711px 591px #FFF, 679px 1520px #FFF, 734px 1842px #FFF, 1600px 1886px #FFF, 1070px 1835px #FFF, 1681px 1411px #FFF, 1071px 45px #FFF, 380px 1002px #FFF, 1723px 107px #FFF, 1460px 191px #FFF, 495px 1598px #FFF, 143px 60px #FFF, 568px 1223px #FFF, 581px 711px #FFF, 160px 628px #FFF, 1047px 1686px #FFF, 441px 1778px #FFF, 235px 1948px #FFF, 897px 1540px #FFF, 90px 1695px #FFF, 1326px 1560px #FFF, 99px 167px #FFF, 1643px 1976px #FFF, 580px 756px #FFF, 1868px 1647px #FFF, 441px 784px #FFF, 864px 663px #FFF, 727px 1326px #FFF, 1862px 200px #FFF, 1641px 1070px #FFF, 684px 1260px #FFF, 892px 1054px #FFF, 312px 888px #FFF, 1887px 1172px #FFF, 449px 47px #FFF, 300px 1123px #FFF, 485px 421px #FFF, 651px 178px #FFF, 24px 616px #FFF, 1018px 1283px #FFF, 813px 271px #FFF, 239px 625px #FFF, 1314px 1714px #FFF, 1829px 675px #FFF, 1654px 1874px #FFF, 472px 235px #FFF, 208px 1686px #FFF, 1282px 140px #FFF, 854px 400px #FFF, 568px 1675px #FFF, 81px 1217px #FFF, 1870px 843px #FFF, 576px 1857px #FFF, 143px 255px #FFF, 979px 1551px #FFF, 1127px 1906px #FFF, 1529px 78px #FFF, 977px 676px #FFF, 1246px 714px #FFF, 1231px 83px #FFF, 339px 1324px #FFF, 81px 227px #FFF, 1618px 1676px #FFF, 1152px 763px #FFF, 619px 1718px #FFF, 1335px 1185px #FFF, 926px 1186px #FFF, 246px 138px #FFF, 505px 1301px #FFF, 667px 1897px #FFF, 1937px 600px #FFF, 168px 168px #FFF, 1644px 1952px #FFF, 1713px 1440px #FFF, 1144px 390px #FFF, 2px 370px #FFF, 82px 845px #FFF, 146px 552px #FFF, 738px 1231px #FFF, 670px 1564px #FFF, 789px 538px #FFF, 862px 1174px #FFF, 1173px 884px #FFF, 1144px 998px #FFF, 1428px 703px #FFF, 210px 1963px #FFF, 1639px 26px #FFF, 324px 409px #FFF, 840px 707px #FFF, 1465px 1446px #FFF, 1746px 1267px #FFF, 1483px 1396px #FFF, 1799px 1381px #FFF, 1324px 388px #FFF, 1805px 1193px #FFF, 135px 212px #FFF, 721px 710px #FFF, 213px 436px #FFF, 193px 1079px #FFF, 1406px 1961px #FFF, 981px 748px #FFF, 780px 1257px #FFF, 292px 1670px #FFF, 753px 612px #FFF, 49px 17px #FFF, 263px 196px #FFF, 245px 395px #FFF, 1220px 228px #FFF, 925px 1362px #FFF, 1858px 1277px #FFF, 1759px 1401px #FFF, 1162px 892px #FFF, 594px 1461px #FFF, 196px 1059px #FFF, 519px 1238px #FFF, 1318px 433px #FFF, 459px 57px #FFF, 1544px 220px #FFF, 776px 732px #FFF, 880px 1554px #FFF, 1679px 1388px #FFF, 511px 1644px #FFF, 1847px 1264px #FFF, 229px 1536px #FFF, 858px 1691px #FFF, 1929px 1067px #FFF, 1689px 1307px #FFF, 1887px 649px #FFF, 11px 1574px #FFF, 1738px 435px #FFF, 1051px 703px #FFF, 607px 1635px #FFF, 1849px 1256px #FFF, 1989px 20px #FFF, 1770px 1717px #FFF, 1860px 1754px #FFF, 9px 1745px #FFF, 1505px 1075px #FFF, 1551px 730px #FFF, 1559px 1815px #FFF, 528px 1765px #FFF, 287px 628px #FFF, 1168px 1003px #FFF, 1797px 357px #FFF, 1274px 867px #FFF, 424px 1401px #FFF, 127px 1886px #FFF, 409px 1480px #FFF, 1342px 1977px #FFF, 1147px 777px #FFF, 414px 426px #FFF, 1230px 1443px #FFF, 1213px 437px #FFF, 1217px 567px #FFF, 19px 1372px #FFF, 1982px 1971px #FFF, 430px 214px #FFF;
}

#stars2 {
	opacity: 0.5;
	/* Makes the entire div 50% transparent */
	width: 2px;
	height: 2px;
	background: transparent;
	box-shadow: 815px 1235px #FFF, 176px 515px #FFF, 1737px 36px #FFF, 354px 1475px #FFF, 31px 1562px #FFF, 1061px 642px #FFF, 1998px 1775px #FFF, 1890px 1935px #FFF, 938px 536px #FFF, 538px 1339px #FFF, 1377px 164px #FFF, 330px 976px #FFF, 1790px 1946px #FFF, 630px 1754px #FFF, 958px 1799px #FFF, 110px 1603px #FFF, 387px 932px #FFF, 859px 1064px #FFF, 1853px 1602px #FFF, 290px 35px #FFF, 1931px 979px #FFF, 1425px 344px #FFF, 1537px 652px #FFF, 53px 598px #FFF, 1205px 328px #FFF, 1360px 1670px #FFF, 552px 342px #FFF, 803px 358px #FFF, 1504px 147px #FFF, 84px 933px #FFF, 719px 514px #FFF, 1375px 1199px #FFF, 553px 716px #FFF, 883px 328px #FFF, 1973px 1680px #FFF, 941px 1648px #FFF, 1477px 1835px #FFF, 749px 226px #FFF, 1302px 1258px #FFF, 719px 1996px #FFF, 1442px 176px #FFF, 935px 1992px #FFF, 832px 1917px #FFF, 865px 1357px #FFF, 1305px 692px #FFF, 1222px 1458px #FFF, 421px 534px #FFF, 118px 710px #FFF, 475px 1550px #FFF, 1163px 1967px #FFF, 1820px 1817px #FFF, 23px 1694px #FFF, 1903px 567px #FFF, 257px 1563px #FFF, 712px 244px #FFF, 901px 310px #FFF, 1130px 1007px #FFF, 1244px 1474px #FFF, 76px 441px #FFF, 1889px 805px #FFF, 1476px 423px #FFF, 1659px 248px #FFF, 1083px 491px #FFF, 664px 396px #FFF, 1171px 644px #FFF, 497px 274px #FFF, 887px 658px #FFF, 462px 1460px #FFF, 980px 1538px #FFF, 896px 1321px #FFF, 86px 182px #FFF, 1749px 327px #FFF, 1788px 1871px #FFF, 158px 796px #FFF, 1956px 1095px #FFF, 748px 342px #FFF, 1122px 383px #FFF, 1967px 1213px #FFF, 1949px 186px #FFF, 1454px 664px #FFF, 834px 167px #FFF, 542px 1195px #FFF, 48px 663px #FFF, 1585px 1486px #FFF, 1395px 697px #FFF, 309px 1976px #FFF, 1810px 308px #FFF, 692px 1450px #FFF, 67px 1520px #FFF, 962px 975px #FFF, 977px 983px #FFF, 202px 1398px #FFF, 220px 1468px #FFF, 528px 696px #FFF, 1954px 367px #FFF, 526px 924px #FFF, 130px 1799px #FFF, 1098px 203px #FFF, 824px 851px #FFF, 1757px 1208px #FFF, 549px 1297px #FFF, 1896px 343px #FFF, 1875px 901px #FFF, 472px 1115px #FFF, 1567px 1034px #FFF, 611px 974px #FFF, 1628px 298px #FFF, 1992px 998px #FFF, 1696px 625px #FFF, 923px 277px #FFF, 1512px 1825px #FFF, 406px 65px #FFF, 86px 522px #FFF, 392px 2px #FFF, 1528px 690px #FFF, 38px 1973px #FFF, 141px 12px #FFF, 1212px 474px #FFF, 1771px 1165px #FFF, 505px 170px #FFF, 1467px 244px #FFF, 1121px 1477px #FFF, 1755px 1971px #FFF, 1014px 1755px #FFF, 175px 280px #FFF, 1099px 475px #FFF, 632px 11px #FFF, 194px 966px #FFF, 529px 1430px #FFF, 1505px 717px #FFF, 862px 1766px #FFF, 1901px 1005px #FFF, 1227px 763px #FFF, 3px 477px #FFF, 1663px 579px #FFF, 655px 216px #FFF, 936px 1191px #FFF, 1132px 257px #FFF, 882px 815px #FFF, 761px 1520px #FFF, 1794px 1027px #FFF, 851px 1506px #FFF, 1728px 1018px #FFF, 1955px 1451px #FFF, 639px 1581px #FFF, 1068px 1449px #FFF, 1863px 992px #FFF, 309px 1828px #FFF, 761px 438px #FFF, 1993px 1423px #FFF, 942px 1179px #FFF, 551px 1084px #FFF, 783px 429px #FFF, 1754px 557px #FFF, 1375px 1726px #FFF, 52px 1561px #FFF, 988px 95px #FFF, 1673px 1576px #FFF, 1431px 1134px #FFF, 976px 1319px #FFF, 1360px 475px #FFF, 1798px 1047px #FFF, 346px 1764px #FFF, 17px 33px #FFF, 1963px 689px #FFF, 352px 664px #FFF, 1905px 1768px #FFF, 854px 1316px #FFF, 26px 1570px #FFF, 1778px 26px #FFF, 470px 54px #FFF, 1212px 1126px #FFF, 1479px 447px #FFF, 1950px 1667px #FFF, 346px 189px #FFF, 863px 1718px #FFF, 993px 1091px #FFF, 612px 763px #FFF, 749px 537px #FFF, 1359px 810px #FFF, 1115px 420px #FFF, 921px 1815px #FFF, 523px 879px #FFF, 1104px 1704px #FFF, 1648px 1298px #FFF, 1308px 942px #FFF, 1798px 1380px #FFF, 963px 1975px #FFF, 566px 1238px #FFF, 1561px 1688px #FFF, 1048px 368px #FFF, 1256px 1900px #FFF, 1761px 296px #FFF, 1850px 1908px #FFF, 1083px 1510px #FFF, 1650px 285px #FFF, 1580px 230px #FFF, 1371px 1178px #FFF, 826px 1116px #FFF, 1905px 987px #FFF;
	animation: animStar 100s linear infinite;
}

#stars2:after {
	opacity: 0.5;
	/* Makes the entire div 50% transparent */
	content: " ";
	position: absolute;
	top: 2000px;
	width: 2px;
	height: 2px;
	background: transparent;
	box-shadow: 815px 1235px #FFF, 176px 515px #FFF, 1737px 36px #FFF, 354px 1475px #FFF, 31px 1562px #FFF, 1061px 642px #FFF, 1998px 1775px #FFF, 1890px 1935px #FFF, 938px 536px #FFF, 538px 1339px #FFF, 1377px 164px #FFF, 330px 976px #FFF, 1790px 1946px #FFF, 630px 1754px #FFF, 958px 1799px #FFF, 110px 1603px #FFF, 387px 932px #FFF, 859px 1064px #FFF, 1853px 1602px #FFF, 290px 35px #FFF, 1931px 979px #FFF, 1425px 344px #FFF, 1537px 652px #FFF, 53px 598px #FFF, 1205px 328px #FFF, 1360px 1670px #FFF, 552px 342px #FFF, 803px 358px #FFF, 1504px 147px #FFF, 84px 933px #FFF, 719px 514px #FFF, 1375px 1199px #FFF, 553px 716px #FFF, 883px 328px #FFF, 1973px 1680px #FFF, 941px 1648px #FFF, 1477px 1835px #FFF, 749px 226px #FFF, 1302px 1258px #FFF, 719px 1996px #FFF, 1442px 176px #FFF, 935px 1992px #FFF, 832px 1917px #FFF, 865px 1357px #FFF, 1305px 692px #FFF, 1222px 1458px #FFF, 421px 534px #FFF, 118px 710px #FFF, 475px 1550px #FFF, 1163px 1967px #FFF, 1820px 1817px #FFF, 23px 1694px #FFF, 1903px 567px #FFF, 257px 1563px #FFF, 712px 244px #FFF, 901px 310px #FFF, 1130px 1007px #FFF, 1244px 1474px #FFF, 76px 441px #FFF, 1889px 805px #FFF, 1476px 423px #FFF, 1659px 248px #FFF, 1083px 491px #FFF, 664px 396px #FFF, 1171px 644px #FFF, 497px 274px #FFF, 887px 658px #FFF, 462px 1460px #FFF, 980px 1538px #FFF, 896px 1321px #FFF, 86px 182px #FFF, 1749px 327px #FFF, 1788px 1871px #FFF, 158px 796px #FFF, 1956px 1095px #FFF, 748px 342px #FFF, 1122px 383px #FFF, 1967px 1213px #FFF, 1949px 186px #FFF, 1454px 664px #FFF, 834px 167px #FFF, 542px 1195px #FFF, 48px 663px #FFF, 1585px 1486px #FFF, 1395px 697px #FFF, 309px 1976px #FFF, 1810px 308px #FFF, 692px 1450px #FFF, 67px 1520px #FFF, 962px 975px #FFF, 977px 983px #FFF, 202px 1398px #FFF, 220px 1468px #FFF, 528px 696px #FFF, 1954px 367px #FFF, 526px 924px #FFF, 130px 1799px #FFF, 1098px 203px #FFF, 824px 851px #FFF, 1757px 1208px #FFF, 549px 1297px #FFF, 1896px 343px #FFF, 1875px 901px #FFF, 472px 1115px #FFF, 1567px 1034px #FFF, 611px 974px #FFF, 1628px 298px #FFF, 1992px 998px #FFF, 1696px 625px #FFF, 923px 277px #FFF, 1512px 1825px #FFF, 406px 65px #FFF, 86px 522px #FFF, 392px 2px #FFF, 1528px 690px #FFF, 38px 1973px #FFF, 141px 12px #FFF, 1212px 474px #FFF, 1771px 1165px #FFF, 505px 170px #FFF, 1467px 244px #FFF, 1121px 1477px #FFF, 1755px 1971px #FFF, 1014px 1755px #FFF, 175px 280px #FFF, 1099px 475px #FFF, 632px 11px #FFF, 194px 966px #FFF, 529px 1430px #FFF, 1505px 717px #FFF, 862px 1766px #FFF, 1901px 1005px #FFF, 1227px 763px #FFF, 3px 477px #FFF, 1663px 579px #FFF, 655px 216px #FFF, 936px 1191px #FFF, 1132px 257px #FFF, 882px 815px #FFF, 761px 1520px #FFF, 1794px 1027px #FFF, 851px 1506px #FFF, 1728px 1018px #FFF, 1955px 1451px #FFF, 639px 1581px #FFF, 1068px 1449px #FFF, 1863px 992px #FFF, 309px 1828px #FFF, 761px 438px #FFF, 1993px 1423px #FFF, 942px 1179px #FFF, 551px 1084px #FFF, 783px 429px #FFF, 1754px 557px #FFF, 1375px 1726px #FFF, 52px 1561px #FFF, 988px 95px #FFF, 1673px 1576px #FFF, 1431px 1134px #FFF, 976px 1319px #FFF, 1360px 475px #FFF, 1798px 1047px #FFF, 346px 1764px #FFF, 17px 33px #FFF, 1963px 689px #FFF, 352px 664px #FFF, 1905px 1768px #FFF, 854px 1316px #FFF, 26px 1570px #FFF, 1778px 26px #FFF, 470px 54px #FFF, 1212px 1126px #FFF, 1479px 447px #FFF, 1950px 1667px #FFF, 346px 189px #FFF, 863px 1718px #FFF, 993px 1091px #FFF, 612px 763px #FFF, 749px 537px #FFF, 1359px 810px #FFF, 1115px 420px #FFF, 921px 1815px #FFF, 523px 879px #FFF, 1104px 1704px #FFF, 1648px 1298px #FFF, 1308px 942px #FFF, 1798px 1380px #FFF, 963px 1975px #FFF, 566px 1238px #FFF, 1561px 1688px #FFF, 1048px 368px #FFF, 1256px 1900px #FFF, 1761px 296px #FFF, 1850px 1908px #FFF, 1083px 1510px #FFF, 1650px 285px #FFF, 1580px 230px #FFF, 1371px 1178px #FFF, 826px 1116px #FFF, 1905px 987px #FFF;
}

#stars3 {
	opacity: 0.5;
	/* Makes the entire div 50% transparent */
	width: 3px;
	height: 3px;
	background: transparent;
	box-shadow: 539px 714px #FFF, 579px 1935px #FFF, 530px 1689px #FFF, 1725px 264px #FFF, 1325px 282px #FFF, 1218px 1553px #FFF, 91px 1531px #FFF, 387px 895px #FFF, 98px 254px #FFF, 1983px 1890px #FFF, 999px 173px #FFF, 586px 1636px #FFF, 1156px 1881px #FFF, 297px 1607px #FFF, 1326px 837px #FFF, 122px 1151px #FFF, 1446px 1295px #FFF, 1312px 1939px #FFF, 1646px 488px #FFF, 195px 269px #FFF, 149px 706px #FFF, 96px 1847px #FFF, 192px 273px #FFF, 93px 481px #FFF, 351px 1605px #FFF, 1337px 1877px #FFF, 1872px 1875px #FFF, 2px 1706px #FFF, 728px 1075px #FFF, 899px 1550px #FFF, 1px 1781px #FFF, 1682px 376px #FFF, 428px 781px #FFF, 1814px 1371px #FFF, 1220px 1448px #FFF, 1950px 963px #FFF, 1728px 219px #FFF, 661px 1098px #FFF, 414px 1456px #FFF, 1652px 616px #FFF, 207px 423px #FFF, 1496px 1861px #FFF, 1140px 322px #FFF, 485px 1047px #FFF, 43px 1584px #FFF, 1372px 633px #FFF, 1248px 1425px #FFF, 769px 929px #FFF, 1646px 1366px #FFF, 1602px 1765px #FFF, 1711px 1724px #FFF, 1198px 1612px #FFF, 1511px 1358px #FFF, 1945px 257px #FFF, 976px 1214px #FFF, 1889px 392px #FFF, 164px 1380px #FFF, 1411px 1399px #FFF, 704px 1759px #FFF, 1338px 799px #FFF, 1254px 852px #FFF, 1826px 978px #FFF, 1972px 1469px #FFF, 761px 258px #FFF, 1479px 1922px #FFF, 1160px 275px #FFF, 367px 439px #FFF, 97px 1463px #FFF, 1458px 1917px #FFF, 848px 400px #FFF, 86px 1607px #FFF, 349px 781px #FFF, 221px 169px #FFF, 951px 900px #FFF, 1233px 675px #FFF, 1291px 1710px #FFF, 33px 469px #FFF, 220px 560px #FFF, 621px 1156px #FFF, 292px 122px #FFF, 1719px 1302px #FFF, 1678px 1621px #FFF, 1860px 894px #FFF, 1447px 1398px #FFF, 1132px 130px #FFF, 802px 556px #FFF, 1043px 1868px #FFF, 1598px 779px #FFF, 263px 1788px #FFF, 1095px 1460px #FFF, 997px 1790px #FFF, 958px 1460px #FFF, 1943px 1065px #FFF, 1021px 1188px #FFF, 271px 448px #FFF, 1488px 310px #FFF, 1220px 1510px #FFF, 601px 765px #FFF, 1546px 1359px #FFF, 1355px 1057px #FFF;
	animation: animStar 150s linear infinite;
}

#stars3:after {
	opacity: 0.5;
	/* Makes the entire div 50% transparent */
	content: " ";
	position: absolute;
	top: 2000px;
	width: 3px;
	height: 3px;
	background: transparent;
	box-shadow: 539px 714px #FFF, 579px 1935px #FFF, 530px 1689px #FFF, 1725px 264px #FFF, 1325px 282px #FFF, 1218px 1553px #FFF, 91px 1531px #FFF, 387px 895px #FFF, 98px 254px #FFF, 1983px 1890px #FFF, 999px 173px #FFF, 586px 1636px #FFF, 1156px 1881px #FFF, 297px 1607px #FFF, 1326px 837px #FFF, 122px 1151px #FFF, 1446px 1295px #FFF, 1312px 1939px #FFF, 1646px 488px #FFF, 195px 269px #FFF, 149px 706px #FFF, 96px 1847px #FFF, 192px 273px #FFF, 93px 481px #FFF, 351px 1605px #FFF, 1337px 1877px #FFF, 1872px 1875px #FFF, 2px 1706px #FFF, 728px 1075px #FFF, 899px 1550px #FFF, 1px 1781px #FFF, 1682px 376px #FFF, 428px 781px #FFF, 1814px 1371px #FFF, 1220px 1448px #FFF, 1950px 963px #FFF, 1728px 219px #FFF, 661px 1098px #FFF, 414px 1456px #FFF, 1652px 616px #FFF, 207px 423px #FFF, 1496px 1861px #FFF, 1140px 322px #FFF, 485px 1047px #FFF, 43px 1584px #FFF, 1372px 633px #FFF, 1248px 1425px #FFF, 769px 929px #FFF, 1646px 1366px #FFF, 1602px 1765px #FFF, 1711px 1724px #FFF, 1198px 1612px #FFF, 1511px 1358px #FFF, 1945px 257px #FFF, 976px 1214px #FFF, 1889px 392px #FFF, 164px 1380px #FFF, 1411px 1399px #FFF, 704px 1759px #FFF, 1338px 799px #FFF, 1254px 852px #FFF, 1826px 978px #FFF, 1972px 1469px #FFF, 761px 258px #FFF, 1479px 1922px #FFF, 1160px 275px #FFF, 367px 439px #FFF, 97px 1463px #FFF, 1458px 1917px #FFF, 848px 400px #FFF, 86px 1607px #FFF, 349px 781px #FFF, 221px 169px #FFF, 951px 900px #FFF, 1233px 675px #FFF, 1291px 1710px #FFF, 33px 469px #FFF, 220px 560px #FFF, 621px 1156px #FFF, 292px 122px #FFF, 1719px 1302px #FFF, 1678px 1621px #FFF, 1860px 894px #FFF, 1447px 1398px #FFF, 1132px 130px #FFF, 802px 556px #FFF, 1043px 1868px #FFF, 1598px 779px #FFF, 263px 1788px #FFF, 1095px 1460px #FFF, 997px 1790px #FFF, 958px 1460px #FFF, 1943px 1065px #FFF, 1021px 1188px #FFF, 271px 448px #FFF, 1488px 310px #FFF, 1220px 1510px #FFF, 601px 765px #FFF, 1546px 1359px #FFF, 1355px 1057px #FFF;
}



@keyframes animStar {
	from {
		transform: translateY(0px);
	}

	to {
		transform: translateY(-2000px);
	}
}

@keyframes sparkle {
	50% {
		opacity: 0.4;
		transform: scale(0.5);
		box-shadow: 0px 0px 10px 5px #ffffff5e;
	}

	50% {
		opacity: 1;
		transform: scale(1);
		box-shadow: 0px 0px 10px 5px white;
	}

	100% {
		opacity: 0;
		transform: scale(1.5);
		box-shadow: 0px 0px 10px 5px #ffffff5e;
	}
}

.star {
	position: absolute;
	width: 1px;
	height: 1px;
	background-color: white;
	border-radius: 10%;
	opacity: 0;
	animation: sparkle 4s infinite alternate;
}

.header {
	position: fixed;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	top: 0;
	width: 100%;
	/* max-width: 1600px; */
	z-index: 10;
	padding: 7px 0px;
	border-radius: 0 0 6px 6px;
	transition: background 0.3s ease, border-color 0.3s ease;
}

.header-scrolled {
	background: rgba(10, 15, 25, 0.92);
	-webkit-backdrop-filter: blur(8px);
	backdrop-filter: blur(8px);
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.ctaNavWrap {
	position: relative;
	width: 100%;
	max-width: 483px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-line-pack: center;
	align-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	gap: 10px;
	margin-right: 15px;
}

.ctaWrap01 {
	position: fixed;
	width: 100%;
	bottom: 0;
	padding-bottom: env(safe-area-inset-bottom, 0px);
	z-index: 300;
	-webkit-box-shadow: 0 -2px 2px 3px rgba(0, 0, 0, 0.4);
	box-shadow: 0 -2px 2px 3px rgba(0, 0, 0, 0.4);
}

@media (min-width:768px) {

	.logo,
	.logo-nav {
		margin: unset;
		-webkit-transition: max-width 0.5s ease-in-out;
		-o-transition: max-width 0.5s ease-in-out;
		transition: max-width 0.5s ease-in-out;
		padding-left: 10px;
	}

	.ctaWrap01 {
		position: relative;
		max-width: 315px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		gap: 5px;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
}

.top-icon-btn {
	background: url(../images/btn-bg.jpg) center top / cover no-repeat;
	padding: 6px 12px;
	border-radius: 7px;
	color: #333;
}

.top-icon-btn:hover {
	background: linear-gradient(to bottom, #FFFFFF, #B0B0B0);
	background-image: url(../images/btn-bg-over.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	color: #ffffff;
}

.silver-button-slim {
	background: radial-gradient(circle, #f5f7fa 0%, #c3cfe2 100%);
	background-image: url(../images/btn-bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	border: 2px solid #a7a7a7;
	color: #333;
	font-weight: bold;
	padding: 2px 7px;
	margin: 0 auto;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 1.5em;
	cursor: pointer;
	border-radius: 5px;
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
	transition: background 0.3s ease;
}

.silver-button-slim:hover {
	background: linear-gradient(to bottom, #FFFFFF, #B0B0B0);
	background-image: url(../images/btn-bg-over.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	color: #ffffff;
}

.silver-button-slim:active {
	background: linear-gradient(to bottom, #A0A0A0, #E0E0E0);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) inset;
}

.suBtn,
.liBtn {
	width: 50% !important;
	position: relative;
	float: left;
}

.iti__selected-dial-code {
	color: white;
}

/* Button loading state — add/remove the .loading class on any button.
   Hides the label and shows a centered spinner over the button, blocking further clicks. */
.loading {
	position: relative !important;
	pointer-events: none;
	color: transparent !important;
	text-shadow: none !important;
}

/* Hide any child elements (icons, spans) while keeping their space */
.loading>* {
	visibility: hidden;
}

.loading::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 1.25em;
	height: 1.25em;
	margin: -0.625em 0 0 -0.625em;
	border: 4px solid #00192c;
	border-top-color: #0c7ed9;
	border-radius: 50%;
	animation: spin 0.8s linear infinite;
}

.currency-display {
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.pr-modal .modal-content {
	background-image: url(../images/header-bg2.jpg);
	/* background-image: url(../images/header-bg-xmas.jpg); */
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	background-color: #1a2631;
	position: relative;
	top: 5px;
	right: 0;
	max-width: 450px;
	/* width: 27%; */
	z-index: 1030;
	background-color: #001434;
	overflow: auto;
	margin: 0 auto;
	border-radius: 28px;
}

.pr-modal .modal-body {
	background-color: transparent;
}

.conti {
	position: relative;
	width: 100%;
	max-width: 1600px;
	margin: auto;
}

/*------- Game Tabs ----------------------------------------------------------------------------------*/
.game-tabs-nav {
	display: flex;
	justify-content: center;
	gap: 0;
	margin-bottom: 1.5rem;
}

.game-tab {
	background: transparent;
	border: none;
	padding: 10px 32px;
	font-size: 16px;
	font-weight: 700;
	color: #7a8ba8;
	cursor: pointer;
	position: relative;
	transition: color 0.3s ease, background 0.3s ease;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-family: inherit;
	outline: none;
}

.game-tab:hover {
	color: #82b8df;
}

.game-tab.active {
	color: white;
}

.game-tab.active::after {
	content: '';
	position: absolute;
	bottom: -2px;
	left: 0;
	right: 0;
	height: 2px;
	background: #82b8df;
	box-shadow: 0 0 8px rgba(194, 167, 111, 0.5);
}

.game-tab-panel {
	display: none;
}

.game-tab-panel.active {
	display: block;
}

/*------- Game Tabs End ------------------------------------------------------------------------------*/

/*------- New Games Carousel -------------------------------------------------------------------------*/
.new-game-card {
	display: block;
	text-decoration: none;
	border-radius: 12px;
	overflow: hidden;
	background: #0d1c35;
	border: 1px solid rgba(194, 167, 111, 0.15);
	transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
	height: 100%;
}

.new-game-card:hover {
	transform: translateY(-4px);
	border-color: #82b8df;
	box-shadow: 0 8px 25px rgba(0, 0, 0, 0.4);
}

.new-game-img-wrap {
	position: relative;
	overflow: hidden;
	/* aspect-ratio: 150 / 200; */
	background: #060e1b;
}

.new-game-img-wrap img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.4s ease;
}

.new-game-card:hover .new-game-img-wrap img {
	transform: scale(1.08);
}

.new-game-overlay {
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.6);
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	transition: opacity 0.3s ease;
}

.new-game-card:hover .new-game-overlay {
	opacity: 1;
}

.new-game-play-btn {
	background: #c2a76f;
	color: #000;
	font-weight: bold;
	font-size: 14px;
	padding: 8px 20px;
	border-radius: 6px;
	text-transform: uppercase;
	letter-spacing: 1px;
	transition: background 0.2s ease, transform 0.2s ease;
}

.new-game-play-btn:hover {
	background: #d4b97f;
	transform: scale(1.05);
}

.new-game-info {
	padding: 10px 12px;
}

.new-game-name {
	color: #e3eeff;
	font-size: 13px;
	font-weight: 600;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: center;
}

/* Swiper arrow styling */
#dNewGameSpliderContainer,
#dHotGameSpliderContainer {
	padding-top: 4px;
}

#dNewGameSpliderContainer .swiper-button,
#dHotGameSpliderContainer .swiper-button {
	background: #0d1c35;
	border: 1px solid rgba(194, 167, 111, 0.3);
	opacity: 0.8;
	width: 36px;
	height: 36px;
	transition: background 0.2s ease, opacity 0.2s ease;
}

#dNewGameSpliderContainer .swiper-button:hover,
#dHotGameSpliderContainer .swiper-button:hover {
	background: #223c66;
	opacity: 1;
}

#dNewGameSpliderContainer .swiper-button svg,
#dHotGameSpliderContainer .swiper-button svg {
	fill: #c2a76f;
}

/* Pagination dots */
#dNewGameSpliderContainer .swiper-pagination,
#dHotGameSpliderContainer .swiper-pagination {
	bottom: -1.5rem;
}

#dNewGameSpliderContainer .swiper-pagination-bullet,
#dHotGameSpliderContainer .swiper-pagination-bullet {
	background: #223c66;
	opacity: 0.5;
	width: 10px;
	height: 10px;
	margin: 0 4px;
	transition: all 0.2s ease;
}

#dNewGameSpliderContainer .swiper-pagination-bullet.swiper-pagination-bullet-active,
#dHotGameSpliderContainer .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: #c2a76f;
	opacity: 1;
	transform: scale(1.2);
}

.view-more-games-wrap {
	display: flex;
	justify-content: center;
	margin-top: 1.5rem;
	margin-bottom: 1.5rem;
}

/*------- New Games Carousel End ---------------------------------------------------------------------*/

.homescreen-cb-amount {
	font-size: 6em;
}


/*// Ultra-Thin Infinite Looping Glow Border Animation + Mirrored Edge Effect (White, Synced Speed, Offset Rotation) //*/

.animated-border-box,
.animated-border-box-glow,
.animated-border-box-glow-mirror {
  max-height: 200px;
  height: 100%;
  width: 100%;
position: relative;
  overflow: hidden;
  z-index: 0;
  border-radius: 10px;
}

.animated-border-box-glow,
.animated-border-box-glow-mirror {
  filter: blur(3px); /* Ultra-thin glow blur */
}

.animated-border-box:before,
.animated-border-box-glow:before,
.animated-border-box-glow-mirror:before {
  content: '';
  z-index: -2;
  top: 50%;
  left: 50%;
  position: absolute;
  width: 9999px;
  height: 9999px;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-image: conic-gradient(rgba(0, 0, 0, 0), #ffffff, rgba(0, 0, 0, 0) 25%);
  animation: rotate 2s linear infinite;
}

/* Mirrored glow with synced animation and offset rotation */
.animated-border-box-glow-mirror:before {
  animation: rotate 8s linear infinite;
  transform: translate(-50%, -50%) rotate(180deg);
  animation-delay: -4s;
}

.animated-border-box:after {
  content: '';
  position: absolute;
  z-index: -1;
  left: 1px; /* Ultra-thin border width */
  top: 1px;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
background: #0f161d;
  border-radius: 9px;
}

@keyframes rotate {
  from {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

/*// Border Animation END//*/



.center-box {
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #1D1E22;
}