/* Poppins | latin | 500,700 */
@font-face {
	font-family: "Poppins";
	src: url("/rea/shared/fonts/Poppins/latin/subset-Poppins-Medium.woff")
			format("woff"),
		url("/rea/shared/fonts/Poppins/latin/subset-Poppins-Medium.ttf")
			format("truetype"),
		url("/rea/shared/fonts/Poppins/latin/subset-Poppins-Medium.svg#Poppins-Medium")
			format("svg");
	font-weight: 500;
	font-style: normal;
}
@font-face {
	font-family: "Poppins";
	src: url("/rea/shared/fonts/Poppins/latin/subset-Poppins-Bold.woff")
			format("woff"),
		url("/rea/shared/fonts/Poppins/latin/subset-Poppins-Bold.ttf")
			format("truetype"),
		url("/rea/shared/fonts/Poppins/latin/subset-Poppins-Bold.svg#Poppins-Bold")
			format("svg");
	font-weight: 700;
	font-style: normal;
}

/* Rubik | latin | 400,700 */
@font-face {
	font-family: "Rubik";
	src: url("/rea/shared/fonts/Rubik/latin/subset-Rubik-Regular.woff")
			format("woff"),
		url("/rea/shared/fonts/Rubik/latin/subset-Rubik-Regular.ttf")
			format("truetype"),
		url("/rea/shared/fonts/Rubik/latin/subset-Rubik-Regular.svg#Rubik-Regular")
			format("svg");
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: "Rubik";
	src: url("/rea/shared/fonts/Rubik/latin/subset-Rubik-Bold.woff")
			format("woff"),
		url("/rea/shared/fonts/Rubik/latin/subset-Rubik-Bold.ttf")
			format("truetype"),
		url("/rea/shared/fonts/Rubik/latin/subset-Rubik-Bold.svg#Rubik-Bold")
			format("svg");
	font-weight: 700;
	font-style: normal;
}
.header-logo {
	display: block;
	margin: 8px auto 4px auto;
	width: auto;
	height: 100px;
}

.cta-btn,
a.cta-btn,
a.cta-btn:hover {
	position: relative;
	display: inline-block;
	color: #fff;
	font-weight: 700;
	text-decoration: none;
	text-transform: uppercase;
	line-height: 1;
	background: linear-gradient(
		135deg,
		#ede1c6 0,
		#c68b21 20%,
		#d2a74b 50%,
		#c28818 80%,
		#ede1c6 100%
	);
	text-shadow: 0 2px 0 #ff5d0d, 0 2px 5px #000;
	border-radius: 999px;
	font-size: 36px;
	font-family: Rubik;
	filter: drop-shadow(0 4px 6px black);
}

@media (max-width: 1199.98px) {
	.cta-btn,
	a.cta-btn,
	a.cta-btn:hover {
		font-size: 25px;
	}
}

.cta-btn span,
a.cta-btn span,
a.cta-btn:hover span {
	display: block;
	position: relative;
	z-index: 10;
	width: 100%;
	text-align: center;
	padding: 15px 50px;
}

.cta-btn::before,
a.cta-btn::before,
a.cta-btn:hover::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: calc(100% - 6px);
	height: calc(100% - 6px);
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#63e599),
		to(#026e26)
	);
	background: linear-gradient(180deg, #63e599 0, #026e26 100%);
	-webkit-box-shadow: inset 0 -5px 10px -3px #000;
	box-shadow: inset 0 -5px 10px -3px #000;
	border-radius: 999px;
}

.cta-btn::after,
a.cta-btn::after,
a.cta-btn:hover::after {
	content: "";
	position: absolute;
	top: 10px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: calc(100% - 70px);
	height: 15px;
	background-color: rgba(255, 255, 255, 0.3);
	border-radius: 99px;
}

.cta-btn.cta-small-text,
a.cta-btn.cta-small-text,
a.cta-btn:hover.cta-small-text {
	font-size: 20px;
}

@media (max-width: 575.98px) {
	.cta-btn.cta-small-text,
	a.cta-btn.cta-small-text,
	a.cta-btn:hover.cta-small-text {
		font-size: 14px;
	}

	.cta-btn.cta-small-text span,
	a.cta-btn.cta-small-text span,
	a.cta-btn:hover.cta-small-text span {
		padding: 15px 30px;
	}
}
.form-submit-btn.btn-arrowed span::after,
.form-submit-btn.btn-arrowed span::before,
.cta-btn.btn-arrowed span::after,
.cta-btn.btn-arrowed span::before,
.cta-btn.btn-arrowed span::after,
.cta-btn.btn-arrowed span::before,
a.cta-btn.btn-arrowed span::after,
a.cta-btn.btn-arrowed span::before,
a.cta-btn:hover.btn-arrowed span::after,
a.cta-btn:hover.btn-arrowed span::before {
	content: "";
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 32px;
	height: 26px;
	background-image: url(/rea/shared/img/yg/7/cta-arrows.fs8.png);
	background-size: 100% 200%;
	background-position: left top;
	background-repeat: no-repeat;
}

.cta-btn.btn-arrowed span::before,
a.cta-btn.btn-arrowed span::before,
a.cta-btn:hover.btn-arrowed span::before {
	left: 10px;
}
.form-submit-btn.btn-arrowed span::after,
.cta-btn.btn-arrowed span::after,
a.cta-btn.btn-arrowed span::after,
a.cta-btn:hover.btn-arrowed span::after {
	right: 10px;
	background-position: left bottom;
}

.cta-btn.login-btn,
a.cta-btn.login-btn,
a.cta-btn.login-btn:hover {
	position: relative;
    display: inline-block;
    color: #fff;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
    line-height: 1;
    background: none;
    text-shadow: none;
    border-radius: 999px;
    font-size: 1rem;
    font-family: Rubik;
    filter: none;
    border-radius: 8px;
    background-color: white;
    color: black;
    padding: 6px;
    display: inline-block;
}
.cta-btn.login-btn::before, a.cta-btn.login-btn::before, a.cta-btn.login-btn:hover::before,
.cta-btn.login-btn::after, a.cta-btn.login-btn::after, a.cta-btn.login-btn:hover::after {    
	display: none;
}

.form-submit-btn.btn-arrowed span::before {
	left: -40px;
}

.form-submit-btn.btn-arrowed span::after {
	right: -40px;
	background-position: left bottom;
}
@media screen and (max-width: 575px) {
	.form-submit-btn.btn-arrowed span::before {
		left: -30px;
		width: 25px;
		height: 22px;
	}

	.form-submit-btn.btn-arrowed span::after {
		right: -30px;
		width: 25px;
		height: 22px;
	}
}

a.cta-simple,
a.cta-simple:hover {
	position: relative;
	cursor: pointer;
	text-decoration: none;
	color: #61e397;
	font-weight: 700;
	text-transform: uppercase;
}

a.cta-simple::after,
a.cta-simple:hover::after {
	position: absolute;
	content: "→";
	left: calc(100% + 10px);
}

@media (max-width: 991.98px) {
	.container-500 {
		display: block;
		margin: 0 auto;
		width: 500px;
		max-width: 100%;
	}
}

.section-divider {
	display: block;
	width: 100%;
	height: 12px;
	background-color: #000;
	background-image: url(/rea/shared/img/yg/7/section-divider.fs8.png);
	background-size: auto 100%;
	background-position: center top;
	background-repeat: repeat-x;
}

.row-divider {
	width: 100%;
	max-width: 650px;
	display: block;
	margin: 0 auto;
	height: 4px;
	background: -webkit-gradient(
		linear,
		left top,
		right top,
		from(rgba(219, 165, 73, 0)),
		color-stop(15%, #dba549),
		color-stop(85%, #dba549),
		to(rgba(219, 165, 73, 0))
	);
	background: linear-gradient(
		90deg,
		rgba(219, 165, 73, 0) 0,
		#dba549 15%,
		#dba549 85%,
		rgba(219, 165, 73, 0) 100%
	);
}

.section-hero {
	background-image: url(/rea/shared/img/yg/7/hero-coins-bg.fs8.png),
		linear-gradient(180deg, #000e27 0, #03064e 100%);
	background-position: center calc(100% + 50px), top left;
	background-repeat: no-repeat;
	padding: 10px 0;
	overflow-x: hidden;
	background-size: 100%, 100%;
}

.section-hero.section-hero--home {
	background-position: center bottom, top left;
}

.section-hero .casino-banner {
	color: #ffd66a;
	font-weight: 700;
	text-transform: uppercase;
	height: 40px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	font-family: Poppins;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-bottom: 10px;
	font-size: 18px;
	border: solid 4px transparent;
	border-radius: 5px;
	box-shadow: 0px 0px 1px 2px inset black;
	background-image: linear-gradient(to right, #00337f, #00067f),
		linear-gradient(
			180deg,
			#c89533 0,
			#f3ead6 25%,
			#f3ead6 40%,
			#df9e2d 100%
		);
	background-origin: border-box;
	background-clip: padding-box, border-box;
	text-shadow: 1px 1px 10px black;
}

.section-hero .controls-container {
	display: none;
}

@media (max-width: 991.98px) {
	.section-hero {
		background-size: 900px auto, 100% auto;
		background-position: center bottom, top left;
	}

	.section-hero .casino-banner {
		font-size: 12px;
	}
}

@media screen and (max-width: 500px) {
	.section-hero .casino-banner {
		width: calc(100% + 30px);
		margin-left: -15px;
		padding: 0 10px;
		text-align: center;
	}
}

.section-hero .hero-offer-row {
	width: calc(100% + 45px);
	margin-bottom: 15px;
}

.section-hero .hero-offer-row .col {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.section-hero .hero-offer-row .frame-left {
	width: 33.333333%;
	padding-right: 15px;
}

.section-hero .hero-offer-row .frame-right {
	width: 66.666666%;
	padding-right: 15px;
}

.section-hero .hero-offer-row .frame-right .frame {
	padding: 7px;
}

.section-hero .hero-offer-row .frame-right .video-container {
	position: absolute;
	z-index: 10;
	width: calc(100% - 14px);
}

.section-hero .hero-offer-row .frame-right .video-container video {
	display: block;
	width: 100%;
	border-radius: 12px;
}

.section-hero .hero-offer-row .frame-right .frame::before {
	z-index: 20;
	background: 0 0;
	-webkit-box-shadow: inset 0 0 0 5px #0d1c55;
	box-shadow: inset 0 0 0 5px #0d1c55;
}

.section-hero .hero-offer-row .frame-right .frame::after {
	content: "";
	display: block;
	padding-bottom: 75%;
}

.section-hero .hero-offer-row .flashbox-hero {
	position: relative;
	height: 100%;
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#c89533),
		color-stop(25%, #f3ead6),
		color-stop(40%, #f3ead6),
		to(#df9e2d)
	);
	background: linear-gradient(
		180deg,
		#c89533 0,
		#f3ead6 25%,
		#f3ead6 40%,
		#df9e2d 100%
	);
	border-radius: 20px;
	padding: 30px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	filter: drop-shadow(0 0 16px black);
}

.section-hero .hero-offer-row .flashbox-hero::before {
	width: calc(100% - 40px);
	height: calc(100% - 40px);
	background-image: url("/rea/shared/img/yg/7/frame_shine-top-left.png"),
		url("/rea/shared/img/yg/7/frame_shine-bottom-right.png"),
		linear-gradient(45deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.5) 100%),
		linear-gradient(180deg, red 0, #510b0c 100%);
	border-radius: 12px;
	box-shadow: inset 0 0 0 5px rgba(0, 0, 0, 0.65);

	background-position: top left, bottom right, center, center;
	background-size: 125px 75px, 125px 75px, 100% 100%, 100% 100%;
	background-repeat: no-repeat;
}

.section-hero .hero-offer-row .flashbox-hero canvas {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: calc(100% + 20px);
	height: calc(100% + 20px);
}

.section-hero .hero-offer-row .flashbox-hero .frame-inner {
	padding: 15px 0;
}

.section-hero .hero-offer-row .flashbox-hero .cta-btn {
	display: block;
	margin: 0 auto;
}

.section-hero .hero-offer-row .flashbox-hero .standout {
	display: block;
	color: #fff;
	border: solid 4px #fff;
	background-color: transparent;
	max-width: calc(100% - 40px);
	margin: 0 auto;
	border-radius: 5px;
	text-transform: uppercase;
	font-weight: 700;
	line-height: 1;
	padding: 7px 0;
	border: solid 4px transparent;
	border-radius: 5px;
	box-shadow: 0px 0px 1px 2px inset black;
	background-image: linear-gradient(to right, #bf1f22, #821013),
		linear-gradient(
			180deg,
			#c89533 0,
			#f3ead6 25%,
			#f3ead6 40%,
			#df9e2d 100%
		);
	background-origin: border-box;
	background-clip: padding-box, border-box;
	text-shadow: 1px 2px 10px black;
	filter: drop-shadow(0 4px 8px black);
}

.section-hero .hero-offer-row .flashbox-hero .offer-text {
	font-size: 80px;
	margin-bottom: 10px;
}

.section-hero .hero-offer-row .flashbox-hero .offer-text .gradient-text {
	display: block;
}

.section-hero .hero-offer-row .flashbox-hero .offer-text div:nth-of-type(1) {
	font-size: 1.5rem;
}

.section-hero .hero-offer-row .flashbox-hero .offer-text div:nth-of-type(3) {
	font-size: 2.5rem;
}

.section-hero .hero-offer-row .flashbox-hero .offer-text div:nth-of-type(4) {
	font-size: 4.5rem;
}

.section-hero .hero-offer-row .flashbox-hero .offer-text div:nth-of-type(5) {
	font-size: 2.25rem;
}
.flashbox--trust-pilot {
	max-width: 100%;
	padding: 4px 8px;
}

@media (max-width: 1499.98px) {
	.section-hero .hero-offer-row .flashbox-hero .offer-text {
		font-size: 60px;
	}
}

@media (max-width: 1199.98px) {
	.section-hero .hero-offer-row {
		width: auto;
		margin-bottom: 0;
	}

	.section-hero .hero-offer-row .cta-btn {
		max-width: 290px;
	}

	.section-hero .hero-offer-row .frame-left,
	.section-hero .hero-offer-row .frame-right {
		width: 100%;
		padding: 0 0 15px 0;
	}

	.section-hero .hero-offer-row .flashbox-hero .standout {
		max-width: 290px;
		margin-bottom: 10px;
	}

	.section-hero .hero-offer-row .flashbox-hero .offer-text {
		font-size: 16px;
	}

	.section-hero .hero-offer-row .flashbox-hero .offer-text .gradient-text {
		display: inline-block !important;
	}

	.section-hero
		.hero-offer-row
		.flashbox-hero
		.offer-text
		div:nth-of-type(1) {
		font-size: 1.5em;
	}

	.section-hero .hero-offer-row .flashbox-hero .offer-text div:nth-of-type(2),
	.section-hero .hero-offer-row .flashbox-hero .offer-text div:nth-of-type(3),
	.section-hero
		.hero-offer-row
		.flashbox-hero
		.offer-text
		div:nth-of-type(4) {
		font-size: 1.7em;
	}

	.section-hero
		.hero-offer-row
		.flashbox-hero
		.offer-text
		div:nth-of-type(5) {
		font-size: 3em;
		margin-top:4px;
	}
}

@media screen and (max-width: 500px) {
	.section-hero .hero-offer-row .frame-left {
		-webkit-flex-shrink: 0;
		-ms-flex-negative: 0;
		flex-shrink: 0;
		-webkit-flex-basis: calc(100% + 100px);
		-ms-flex-preferred-size: calc(100% + 100px);
		flex-basis: calc(100% + 100px);
		margin-left: -50px;
	}

	.section-hero .hero-offer-row .frame-left .frame {
		padding: 30px 50px;
	}

	.section-hero .hero-offer-row .flashbox-hero .offer-text div:nth-of-type(2),
	.section-hero .hero-offer-row .flashbox-hero .offer-text div:nth-of-type(3),
	.section-hero
		.hero-offer-row
		.flashbox-hero
		.offer-text
		div:nth-of-type(4) {
		font-size: 1.5em;
	}
	
	.section-hero
		.hero-offer-row
		.flashbox-hero
		.offer-text
		div:nth-of-type(5) {
		font-size: 2.5em;
		margin-top:4px;
	}
}

.section-hero .hero-offer-row--simple {
	margin-top: 15px;
}

@media (max-width: 991.98px) {
	.section-hero .hero-offer-row--simple {
		margin-top: 5px;
	}
}

.section-hero .hero-offer-row--simple .frame-left {
	width: 100%;
	padding: 0;
}

.section-hero .hero-offer-row--simple .flashbox-hero {
	-webkit-box-shadow: 0 0 10px 0 #000;
	box-shadow: 0 0 10px 0 #000;
}

.section-hero .hero-offer-row--simple .flashbox-hero .frame-inner {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	font-size: 26px;
}

.section-hero .hero-offer-row--simple .flashbox-hero .offer-text--simple {
	margin: 0;
	line-height: 1;
	font-size: inherit;
	display: block;
	color: #fff;
	font-family: Rubik;
	text-shadow: 0 1px 0 #ff5d0d, 0 1px 5px #000;
	text-transform: uppercase;
}

.accordion-list
	.section-hero
	.hero-offer-row--simple
	.flashbox-hero
	.offer-text--simple
	.group-header,
.page-winners
	.form-group
	.section-hero
	.hero-offer-row--simple
	.flashbox-hero
	.offer-text--simple
	label,
.section-hero
	.hero-offer-row--simple
	.flashbox-hero
	.offer-text--simple
	.accordion-list
	.group-header,
.section-hero
	.hero-offer-row--simple
	.flashbox-hero
	.offer-text--simple
	.decorative-text,
.section-hero
	.hero-offer-row--simple
	.flashbox-hero
	.offer-text--simple
	.page-winners
	.form-group
	label {
	text-shadow: 0 1px 0 #ff5d0d, 0 1px 5px #000;
}

.section-hero .hero-offer-row--simple .flashbox-hero .cta-btn {
	display: inline-block;
	font-size: inherit;
	margin: 0 0 0 10px;
}

.section-hero .hero-offer-row--simple .flashbox-hero .cta-btn span {
	padding: 15px 70px;
}

@media (max-width: 991.98px) {
	.section-hero .hero-offer-row--simple .flashbox-hero .frame-inner {
		display: block;
	}

	.section-hero .hero-offer-row--simple .flashbox-hero .cta-btn {
		margin: 15px 0 0 0;
	}
}

@media (max-width: 575.98px) {
	.section-hero .hero-offer-row--simple .flashbox-hero .frame-inner {
		padding: 5px 0;
		font-size: 18px;
	}
}

.ontario-disclaimer {
	padding: 5px;
	border: 1px solid #fff;
	border-radius: 10px;
	background: rgba(0, 0, 0, 0.33);
	margin-bottom: 10px;
}

.ontario-disclaimer p {
	font-size: 10px !important;
}

.frame {
	position: relative;
	height: 100%;
	width: 100%;
	padding: 35px 16px;
	background-image: linear-gradient(
		135deg,
		#ede1c6 0,
		#c68b21 20%,
		#d2a74b 50%,
		#c28818 80%,
		#ede1c6 100%
	);
	border-radius: 20px;
}

.frame::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: calc(100% - 14px);
	height: calc(100% - 14px);
	background-image: url("/rea/shared/img/yg/7/frame_shine-top-left.png"),
		url("/rea/shared/img/yg/7/frame_shine-bottom-right.png"),
		linear-gradient(45deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.5) 100%),
		linear-gradient(135deg, #2047d7 0, #0e173d 100%);
	border-radius: 12px;
	-webkit-box-shadow: inset 0 0 0 5px rgba(0, 0, 0, 0.5);
	box-shadow: inset 0 0 0 5px rgba(0, 0, 0, 0.5);
	background-position: top left, bottom right, center, center;
	background-size: 75px 50px, 75px 50px, 100% 100%, 100% 100%;
	background-repeat: no-repeat;
}

.frame .frame-inner {
	position: relative;
	z-index: 10;
	width: 100%;
	color: #fff;
}

.frame .frame-inner p {
	line-height: 1.4;
	font-size: 15px;
}

.frame .frame-inner .gradient-text {
	font-size: 34px;
}

@media (max-width: 1199.98px) {
	.frame .frame-inner .gradient-text {
		font-size: 24px;
	}
}
.hero-slider {
	position: relative;
	padding: 16px 8px;
}

.hero-slider .frame {
	position: relative;
	z-index: 5;
	box-shadow: 0 8px 8px 2px black;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 185px;
	font-family: Poppins;
}
.hero-slider .frame p {
	font-size: 14px;
	text-shadow: 0 0 4px black;
	filter: drop-shadow(0 1px 2px black);
}

.hero-slider .frame:after {
	content: "";
	position: absolute;
	top: -20px;
	left: -20px;
	background-image: url("/rea/shared/img/yg/7/frame_spark_top-left.png");
	width: 60px;
	height: 55px;
	background-size: contain;
	z-index: 10;
	filter: brightness(1.5);
}

.latest-winners-ticker-contain {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 50px;
	background-color: #000;
	text-transform: uppercase;
	font-size: 15px;
	color: #fff;
	margin-top: 10px;
	-webkit-mask-position: right top, center top, left top;
	-webkit-mask-size: 100px 100%, calc(100% - 200px) 100%, 100px 100%;
	-webkit-mask-image: -webkit-gradient(
			linear,
			left top,
			right top,
			color-stop(0, #000),
			color-stop(1, rgba(0, 0, 0, 0))
		),
		-webkit-gradient(linear, right top, left top, color-stop(0, #000), color-stop(1, #000)),
		-webkit-gradient(linear, right top, left top, color-stop(0, #000), color-stop(1, rgba(0, 0, 0, 0)));
	-webkit-mask-repeat: no-repeat;
	border-top: 3px double #c3ae5d;
	border-bottom: 3px double #c3ae5d;
}

@media (max-width: 767.98px) {
	.latest-winners-ticker-contain {
		height: 40px;
		font-size: 12px;
		-webkit-mask-position: right top, center top, left top;
		-webkit-mask-size: 50px 100%, calc(100% - 100px) 100%, 50px 100%;
		-webkit-mask-image: -webkit-gradient(
				linear,
				left top,
				right top,
				color-stop(0, #000),
				color-stop(1, rgba(0, 0, 0, 0))
			),
			-webkit-gradient(linear, right top, left top, color-stop(0, #000), color-stop(1, #000)),
			-webkit-gradient(linear, right top, left top, color-stop(0, #000), color-stop(1, rgba(0, 0, 0, 0)));
		-webkit-mask-repeat: no-repeat;
	}
}

.latest-winners-ticker-contain .latest-winners-ticker {
	position: absolute;
	height: 100%;
	left: 0;
	top: 0;
	white-space: nowrap;
	-webkit-transform: translateX(0);
	transform: translateX(0);
	-webkit-animation: 72s linear infinite latest-winners-ticker-animation;
	animation: 72s linear infinite latest-winners-ticker-animation;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

.latest-winners-ticker-contain .latest-winner {
	position: relative;
	height: 100%;
	padding-right: 0.6em;
	padding-left: 0.6em;
	font-size: 1em;
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.latest-winners-ticker-contain .latest-winner::after {
	content: "•";
	position: absolute;
	right: -0.35em;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

@-webkit-keyframes latest-winners-ticker-animation {
	from {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}

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

@keyframes latest-winners-ticker-animation {
	from {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}

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

.hide-controls .tns-controls {
	display: none;
}

@media (min-width: 768px) and (max-width: 991.98px) {
	.slider-contain[data-fade-tablet] .tns-outer {
		-webkit-mask-position: right top, center top, left top;
		-webkit-mask-size: 20px 100%, calc(100% - 40px) 100%, 20px 100%;
		-webkit-mask-image: -webkit-gradient(
				linear,
				left top,
				right top,
				color-stop(0, #000),
				color-stop(1, rgba(0, 0, 0, 0))
			),
			-webkit-gradient(linear, right top, left top, color-stop(0, #000), color-stop(1, #000)),
			-webkit-gradient(linear, right top, left top, color-stop(0, #000), color-stop(1, rgba(0, 0, 0, 0)));
		-webkit-mask-repeat: no-repeat;
	}
}

@media (max-width: 767.98px) {
	.slider-contain[data-fade-mobile] .tns-outer {
		-webkit-mask-position: right top, center top, left top;
		-webkit-mask-size: 10px 100%, calc(100% - 20px) 100%, 10px 100%;
		-webkit-mask-image: -webkit-gradient(
				linear,
				left top,
				right top,
				color-stop(0, #000),
				color-stop(1, rgba(0, 0, 0, 0))
			),
			-webkit-gradient(linear, right top, left top, color-stop(0, #000), color-stop(1, #000)),
			-webkit-gradient(linear, right top, left top, color-stop(0, #000), color-stop(1, rgba(0, 0, 0, 0)));
		-webkit-mask-repeat: no-repeat;
	}
}

.section-games {
	background-image: url(/rea/shared/img/yg/7/coins-bg-1.fs8.png),
		url(/rea/shared/img/yg/7/coins-bg-2.fs8.png),
		url(/rea/shared/img/yg/7/coins-bg-3.fs8.png),
		url(/rea/shared/img/yg/7/coins-bg-5.fs8.png),
		url(/rea/shared/img/yg/7/coins-bg-4.fs8.png),
		-webkit-gradient(linear, left top, left bottom, from(#00092c), to(#00163a));
	background-image: url(/rea/shared/img/yg/7/coins-bg-1.fs8.png),
		url(/rea/shared/img/yg/7/coins-bg-2.fs8.png),
		url(/rea/shared/img/yg/7/coins-bg-3.fs8.png),
		url(/rea/shared/img/yg/7/coins-bg-5.fs8.png),
		url(/rea/shared/img/yg/7/coins-bg-4.fs8.png),
		linear-gradient(180deg, #00092c 0, #00163a 100%);
	background-position: calc(50% - 720px) 10%, calc(50% + 720px) 15px,
		calc(50% + 720px) 50%, calc(50% - 720px) 80%,
		calc(50% + 720px) calc(100% + 30px), top left;
	background-size: auto;
	background-repeat: no-repeat;
}

@media (max-width: 1199.98px) {
	.section-games {
		background: -webkit-gradient(
			linear,
			left top,
			left bottom,
			from(#00092c),
			to(#00163a)
		);
		background: linear-gradient(180deg, #00092c 0, #00163a 100%);
	}
}

.section-games .game-section-heading {
	position: relative;
	z-index: 1;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 20px 0 0 0;
	font-size: 30px;
}

.section-games .game-section-heading h3 {
	margin: 0;
}

.section-games .game-section-heading .heading-symbol {
	width: 3em;
	padding-top: 0.6em;
	margin: -0.3em 10px -0.3em -0.6em;
	background-position: center bottom;
	background-size: 100% auto;
	background-repeat: no-repeat;
}

.section-games .game-section-heading .heading-symbol.heading-symbol--popular {
	background-image: url(/rea/shared/img/yg/7/symbol-star.fs8.png);
}

.section-games .game-section-heading .heading-symbol.heading-symbol--featured {
	background-image: url(/rea/shared/img/yg/7/symbol-heart.fs8.png);
}

.section-games .game-section-heading .heading-symbol.heading-symbol--hot {
	background-image: url(/rea/shared/img/yg/7/symbol-flame.fs8.png);
}

.section-games .game-section-heading .heading-symbol.heading-symbol--table {
	background-image: url(/rea/shared/img/yg/7/symbol-dice.fs8.png);
}

.section-games
	.game-section-heading
	.heading-symbol.heading-symbol--real-dealer {
	background-image: url(/rea/shared/img/yg/7/symbol-person.fs8.png);
}

.section-games
	.game-section-heading
	.heading-symbol.heading-symbol--progressive {
	background-image: url(/rea/shared/img/yg/7/symbol-money.fs8.png);
}

.section-games .game-section-heading .heading-symbol::after {
	content: "";
	padding-bottom: 100%;
	display: block;
}

@media (max-width: 767.98px) {
	.section-games .game-section-heading {
		font-size: 20px;
		margin: 10px 0 0 0;
	}

	.section-games .game-section-heading .heading-symbol {
		margin-right: 0;
	}
}

.section-games .game-slide {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}

.section-games .game-slide img {
	display: block;
	width: 100%;
}

.section-games .game-slide > span {
	margin-top: 10px;
	width: 100%;
	text-align: center;
	display: block;
	color: #fff;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.section-games .game-slide > span {
		font-size: 13px;
	}
}

@media (max-width: 575.98px) {
	.section-games .game-slide > span {
		font-size: 12px;
	}
}

.section-games .game-slide .play-now-overlay {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(3, 14, 46, 0.7);
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	z-index: 15;
}

.section-games .game-slide .play-now-overlay a.cta-btn span,
.section-games .game-slide .play-now-overlay a.cta-btn:hover span {
	padding: 15px 40px;
}

.section-games .game-slide:hover .play-now-overlay {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

@media (max-width: 1199.98px) {
	.section-games .game-slide .play-now-overlay a.cta-btn::after,
	.section-games .game-slide .play-now-overlay a.cta-btn:hover::after {
		display: none;
	}

	.section-games .game-slide .play-now-overlay a.cta-btn span,
	.section-games .game-slide .play-now-overlay a.cta-btn:hover span {
		font-size: 14px;
		padding: 10px 15px;
		text-shadow: 0 1px 0 #ff5d0d, 0 1px 5px #000;
	}
}

.section-games .game-slide .play-now-overlay--small a.cta-btn::after,
.section-games .game-slide .play-now-overlay--small a.cta-btn:hover::after {
	display: none;
}

.section-games .game-slide .play-now-overlay--small a.cta-btn span,
.section-games .game-slide .play-now-overlay--small a.cta-btn:hover span {
	font-size: 14px;
	padding: 10px 15px;
	text-shadow: 0 1px 0 #ff5d0d, 0 1px 5px #000;
}

.section-games .slider-progressive-games .game-slide > span,
.section-games .slider-real-dealer-games .game-slide > span {
	font-size: 12px;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.section-games .slider-progressive-games .game-slide > span,
	.section-games .slider-real-dealer-games .game-slide > span {
		font-size: 10px;
	}
}

@media (max-width: 575.98px) {
	.section-games .slider-progressive-games .game-slide > span,
	.section-games .slider-real-dealer-games .game-slide > span {
		font-size: 12px;
	}
}

.section-games .game-tile {
	position: relative;
	width: 100%;
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#fff3d3),
		to(#ffba02)
	);
	background: linear-gradient(180deg, #fff3d3 0, #ffba02 100%);
	padding: 3px;
	border-radius: 20px;
}

.section-games .game-tile::before {
	content: "";
	position: relative;
	z-index: 1;
	display: block;
	width: 100%;
	padding-bottom: 68.4210526316%;
	background-position: top left;
	background-size: 100% auto;
	background-repeat: no-repeat;
	-webkit-box-shadow: inset 0 0 0 2px #000;
	box-shadow: inset 0 0 0 2px #000;
	border-radius: 18px;
}

.section-games .game-tile.is-in-view.game-tile--10000-wishes::before {
	background-image: url(/rea/shared/img/yg/7/hot-games/game-10000-wishes.jpg);
}

.section-games .game-tile.is-in-view.game-tile--6-tokens-gold::before {
	background-image: url(/rea/shared/img/yg/7/hot-games/game-6-tokens-gold.jpg);
}

.section-games .game-tile.is-in-view.game-tile--immortal-romance::before {
	background-image: url(/rea/shared/img/yg/7/hot-games/game-immortal-romance.jpg);
}

.section-games .game-tile.is-in-view.game-tile--hyper-strike::before {
	background-image: url(/rea/shared/img/yg/7/hot-games/game-hyper-strike.jpg);
}

.section-games .game-tile.is-in-view.game-tile--tropical-wilds::before {
	background-image: url(/rea/shared/img/yg/7/hot-games/game-tropical-wilds.jpg);
}

.section-games .game-tile.is-in-view.game-tile--3-tiny-gods::before {
	background-image: url(/rea/shared/img/yg/7/hot-games/game-tiny-gods.jpg);
}

.section-games .game-tile.is-in-view.game-tile--multifire-roulette::before {
	background-image: url(/rea/shared/img/yg/7/table-games/game-multifire-roulette.jpg);
}

.section-games .game-tile.is-in-view.game-tile--multiplayer-roulette::before {
	background-image: url(/rea/shared/img/yg/7/table-games/game-multi-player-roulette.jpg);
}

.section-games .game-tile.is-in-view.game-tile--all-aces-poker::before {
	background-image: url(/rea/shared/img/yg/7/table-games/game-all-aces-poker.jpg);
}

.section-games .game-tile.is-in-view.game-tile--classic-blackjack::before {
	background-image: url(/rea/shared/img/yg/7/table-games/game-classic-blackjack.jpg);
}

.section-games .game-tile.is-in-view.game-tile--premier-blackjack::before {
	background-image: url(/rea/shared/img/yg/7/table-games/game-premier-blackjack.jpg);
}

.section-games
	.game-tile.is-in-view.game-tile--atlantic-city-blackjack::before {
	background-image: url(/rea/shared/img/yg/7/table-games/game-atlantic-city-blackjack.jpg);
}

.section-games .game-tile.is-in-view.game-tile--rishi-roulette::before {
	background-image: url(/rea/shared/img/yg/7/real-dealer-games/game-real-roulette-rishi.jpg);
}

.section-games .game-tile.is-in-view.game-tile--sarati-baccarat::before {
	background-image: url(/rea/shared/img/yg/7/real-dealer-games/game-real-baccarat-sarati.jpg);
}

.section-games .game-tile.is-in-view.game-tile--bailey-roulette::before {
	background-image: url(/rea/shared/img/yg/7/real-dealer-games/game-real-roulette-bailey.jpg);
}

.section-games .game-tile.is-in-view.game-tile--holly-roulette::before {
	background-image: url(/rea/shared/img/yg/7/real-dealer-games/game-real-roulette-holly.jpg);
}

.section-games .game-tile.is-in-view.game-tile--dave-roulette::before {
	background-image: url(/rea/shared/img/yg/7/real-dealer-games/game-real-roulette-dave.jpg);
}

.section-games .game-tile.is-in-view.game-tile--courtney-baccarat::before {
	background-image: url(/rea/shared/img/yg/7/real-dealer-games/game-real-baccarat-courtney.jpg);
}

.section-games .game-tile-lg {
	position: relative;
	width: 100%;
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#fff3d3),
		to(#ffba02)
	);
	background: linear-gradient(180deg, #fff3d3 0, #ffba02 100%);
	padding: 3px;
	border-radius: 20px;
}

.section-games .game-tile-lg::before {
	content: "";
	position: relative;
	z-index: 1;
	display: block;
	width: 100%;
	padding-bottom: 68.4210526316%;
	background-position: top left;
	background-size: 100% auto;
	background-repeat: no-repeat;
	-webkit-box-shadow: inset 0 0 0 2px #000;
	box-shadow: inset 0 0 0 2px #000;
	border-radius: 18px;
}

.section-games .game-tile-lg::before {
	padding-bottom: 83.6363636364%;
}

.section-games .game-tile-lg.is-in-view.game-tile--mega-moolah::before {
	background-image: url(/rea/shared/img/yg/7/progressive-games-home/game-mega-moolah.jpg);
}

.section-games .game-tile-lg.is-in-view.game-tile--mega-vault::before {
	background-image: url(/rea/shared/img/yg/7/progressive-games-home/game-megavault.jpg);
}

.section-games .game-tile-lg.is-in-view.game-tile--atlantean-treasures::before {
	background-image: url(/rea/shared/img/yg/7/progressive-games-home/game-atlantean-treasures.jpg);
}

.section-games .game-tile-lg.is-in-view.game-tile--king-cashalot::before {
	background-image: url(/rea/shared/img/yg/7/progressive-games-home/game-king-cashalot.jpg);
}

.section-games .jackpot-container {
	position: absolute;
	z-index: 10;
	width: calc(100% - 20px);
	left: 10px;
	bottom: 8%;
	height: 13%;
	padding-top: 1px;
	background-image: -webkit-gradient(
		linear,
		right top,
		left top,
		from(black),
		to(black)
	);
	background-image: linear-gradient(to left, #000 0, #000 100%);
	background-size: auto calc(100% - 1px);
	background-position: left 1px;
	background-repeat: no-repeat;
	-webkit-mask-position: right top, center top, left top;
	-webkit-mask-size: 30px 100%, calc(100% - 58px) 100%, 30px 100%;
	-webkit-mask-image: -webkit-gradient(
			linear,
			left top,
			right top,
			color-stop(0, #000),
			color-stop(1, rgba(0, 0, 0, 0))
		),
		-webkit-gradient(linear, right top, left top, color-stop(0, #000), color-stop(1, #000)),
		-webkit-gradient(linear, right top, left top, color-stop(0, #000), color-stop(1, rgba(0, 0, 0, 0)));
	-webkit-mask-repeat: no-repeat;
}

.section-games .jackpot-container span {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	padding: 0 5px;
	border-top: solid 2px #eac25f;
	border-bottom: solid 2px #eac25f;
	color: #fff;
	line-height: 1;
	font-size: 14px;
	font-weight: 600;
	font-family: Helvetica;
}

.slider-popular-games .play-now-overlay {
	padding-bottom: 30%;
}

.slider-featured-games .play-now-overlay {
	padding-top: 22%;
}

@media (max-width: 767.98px) {
	.slider-casino-features,
	.slider-popular-games,
	.slider-progressive-games {
		max-width: 360px;
		margin: 0 auto;
	}
}

.section-casino-features {
	background-color: #030e2e;
	background-repeat: no-repeat;
	background-position: center center;
}

.section-casino-features.is-in-view {
	background-image: url(/rea/shared/img/yg/7/casino-features-bg.jpg);
}

.section-casino-features .slider-casino-features .graphic {
	position: relative;
	width: 100%;
	margin-bottom: 15px;
	background-size: 77% auto;
	background-position: center bottom;
	background-repeat: no-repeat;
}

.section-casino-features .slider-casino-features .graphic::after {
	content: "";
	display: block;
	padding-bottom: 120%;
}

.section-casino-features .slider-casino-features .graphic::before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: calc(100% + 70px);
	height: calc(100% + 20px);
	background-image: radial-gradient(
			circle,
			rgba(235, 159, 0, 0.5) 0,
			rgba(235, 159, 0, 0) 70%
		),
		radial-gradient(ellipse, #000 0, rgba(0, 0, 0, 0) 70%);
	background-position: center top, center bottom;
	background-size: auto, 80% 50px;
	background-repeat: no-repeat;
}

.section-casino-features .slider-casino-features .graphic.graphic--loyalty {
	background-size: 100% auto;
}

.section-casino-features
	.slider-casino-features
	.graphic.is-in-view.graphic--exclusive {
	background-image: url(/rea/shared/img/yg/7/graphic-exclusive-games.fs8.png);
}

.section-casino-features
	.slider-casino-features
	.graphic.is-in-view.graphic--loyalty {
	background-image: url(/rea/shared/img/yg/7/graphic-vip.fs8.png);
}

.section-casino-features
	.slider-casino-features
	.graphic.is-in-view.graphic--support {
	background-image: url(/rea/shared/img/yg/7/graphic-support.fs8.png);
}

.section-casino-features .slider-casino-features .slide-gold-frame {
	pointer-events: none;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: calc(100% - 40px);
	height: calc(100% - 60px);
	border-style: solid;
	border-width: 5px;
	-o-border-image: linear-gradient(
			215deg,
			#c89533 0,
			#f3ead6 25%,
			#f3ead6 40%,
			#df9e2d 100%
		)
		1;
	border-image: linear-gradient(
			215deg,
			#c89533 0,
			#f3ead6 25%,
			#f3ead6 40%,
			#df9e2d 100%
		)
		1;
}

.section-casino-features .slider-casino-features .slide-gold-frame::before {
	content: "";
	position: absolute;
	left: 0;
	top: -33px;
	height: 60px;
	width: 100%;
	background-image: url(/rea/shared/img/yg/7/gold-frame-spark-top.fs8.png);
	background-position: right center;
	background-size: auto 100%;
	background-repeat: no-repeat;
}

.section-casino-features .slider-casino-features .slide-gold-frame::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -33px;
	height: 60px;
	width: 100%;
	background-image: url(/rea/shared/img/yg/7/gold-frame-spark-bottom.fs8.png);
	background-position: left center;
	background-size: auto 100%;
	background-repeat: no-repeat;
}

.section-casino-features .slider-casino-features .slide {
	position: relative;
	padding: 20px 40px 60px 40px;
	text-align: center;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	height: 100%;
}

.section-casino-features .slider-casino-features h3 {
	font-size: 25px;
}

.section-casino-features .slider-casino-features p {
	font-size: 0.9em;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.section-casino-features .slider-casino-features h3 {
		font-size: 18px;
	}
}

@media (max-width: 767.98px) {
	.section-casino-features .slider-casino-features h3 {
		font-size: 18px;
	}
}

.section-hundreds-of-games {
	background-color: #030e2e;
	background-size: 1600px auto;
	background-position: center center;
	background-repeat: no-repeat;
	font-size: 16px;
}

.section-hundreds-of-games.is-in-view {
	background-image: url(/rea/shared/img/yg/7/hundreds-of-games-bg.jpg);
}

.section-hundreds-of-games .row {
	height: 986px;
}

.section-hundreds-of-games h3 {
	font-size: 2.4em;
}

.section-hundreds-of-games p {
	color: #fff;
	font-size: 1em;
}

.section-hundreds-of-games .cta-btn {
	margin-top: 10px;
}

@media (max-width: 991.98px) {
	.section-hundreds-of-games {
		background-size: 1250px auto;
		font-size: 14px;
	}

	.section-hundreds-of-games h3 {
		font-size: 1.6em;
	}

	.section-hundreds-of-games .row {
		height: 770px;
	}
}

.section-simple {
	background-color: #030e2e;
	color: #fff;
}

.section-simple .btn,
.section-simple .button--theme {
	color: #fff;
	text-shadow: 0 1px 0 #ff5d0d, 0 1px 5px #000;
	text-transform: uppercase;
	font-family: Rubik;
	font-size: 20px;
	border: solid 2px #ffc72e;
	border-radius: 99px;
	padding: 10px 30px;
	line-height: 1;
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#63e599),
		to(#026e26)
	);
	background: linear-gradient(180deg, #63e599 0, #026e26 100%);
	-webkit-box-shadow: inset 0 -5px 10px -3px #000;
	box-shadow: inset 0 -5px 10px -3px #000;
}

.section-casino-games,
.section-signup-bonus,
.section-winners {
	background-color: #030e2e;
	color: #fff;
	background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			from(#030e2e),
			to(rgba(3, 14, 46, 0))
		),
		url(/rea/shared/img/yg/7/page-bg.jpg);
	background-image: linear-gradient(
			to top,
			#030e2e 0,
			rgba(3, 14, 46, 0) 100%
		),
		url(/rea/shared/img/yg/7/page-bg.jpg);
	background-position: center bottom, center top;
	background-size: 100% 250px, 1600px auto;
	background-repeat: no-repeat;
}

.content-graphic {
	position: absolute;
	right: 0;
	width: 500px;
	background-position: center top;
	background-size: 100% auto;
	background-repeat: no-repeat;
}

.content-graphic::after {
	content: "";
	display: block;
	padding-bottom: 72.7984344423%;
}

@media (max-width: 767.98px) {
	.content-graphic {
		left: auto;
		right: auto;
		position: relative;
		margin-bottom: 30px;
		max-width: 100%;
	}
}

.section-casino-games .row-graphic {
	min-height: 400px;
	position: relative;
	z-index: 1;
}

@media (max-width: 767.98px) {
	.section-casino-games .row-graphic {
		min-height: 0;
		padding: 30px 0;
	}
}

.section-casino-games .graphic--ic-wheel.is-in-view {
	background-image: url(/rea/shared/img/yg/7/games-page/games-ic-wheel.fs8.png);
}

.section-casino-games .graphic--ic-wheel::before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: calc(100% + 70px);
	height: 94%;
	background-image: radial-gradient(
			circle,
			#ffdd8d 0,
			rgba(255, 221, 141, 0) 50%
		),
		radial-gradient(ellipse, #000 0, rgba(0, 0, 0, 0) 70%);
	background-position: center top, center bottom;
	background-size: auto, 80% 50px;
	background-repeat: no-repeat;
}

.section-casino-games .graphic--ic-macbook {
	right: auto;
	left: 0;
}

.section-casino-games .graphic--ic-macbook.is-in-view {
	background-image: url(/rea/shared/img/yg/7/games-page/games-ic-macbook.fs8.png);
}

.section-casino-games .graphic--ic-macbook::after {
	padding-bottom: 64.5833333333%;
}

.section-casino-games .graphic--roulette-macbook.is-in-view {
	background-image: url(/rea/shared/img/yg/7/games-page/games-roulette-macbook.fs8.png);
}

.section-casino-games .graphic--roulette-macbook::after {
	padding-bottom: 63.9846743295%;
}

.section-casino-games .graphic--blackjack-macbook {
	right: auto;
	left: 0;
}

.section-casino-games .graphic--blackjack-macbook.is-in-view {
	background-image: url(/rea/shared/img/yg/7/games-page/games-blackjack-macbook.fs8.png);
}

.section-casino-games .graphic--blackjack-macbook::after {
	padding-bottom: 63.9846743295%;
}

.section-casino-games .graphic--poker-macbook.is-in-view {
	background-image: url(/rea/shared/img/yg/7/games-page/games-poker-macbook.fs8.png);
}

.section-casino-games .graphic--poker-macbook::after {
	padding-bottom: 58.3916083916%;
}

.section-casino-games .casino-games__video-container {
	cursor: pointer;
	position: relative;
	width: 100%;
	max-width: 960px;
	margin: 0 auto 1em auto;
}

.section-casino-games .casino-games__video {
	max-width: 100%;
}

.section-casino-games .casino-games__video-play-button {
	position: absolute;
	width: 150px;
	height: 150px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	top: calc(50% - 75px);
}

.section-prefooter {
	background-color: #030e2e;
	height: 505px;
	padding-top: 20px;
	background-size: 1600px auto;
	background-position: center bottom;
	background-repeat: no-repeat;
}

.section-prefooter.is-in-view {
	background-image: url(/rea/shared/img/yg/7/page-footer.jpg);
}

@media (max-width: 767.98px) {
	.section-prefooter {
		height: 415px;
		background-size: 1180px auto;
	}
}

@media (max-width: 575.98px) {
	.section-prefooter a.cta-btn span,
	.section-prefooter a.cta-btn:hover span {
		font-size: 20px;
	}
}

.text-cards {
	list-style-type: none;
	width: calc(100% + 25px);
	margin: 0;
	padding: 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.text-cards li {
	width: 33.333333%;
	padding: 0 25px 25px 0;
	margin: 0;
	text-align: center;
	text-transform: uppercase;
	font-size: 30px;
	line-height: 1.1;
}

.text-cards li h3 {
	margin-bottom: 15px;
	font-size: inherit;
}

.text-cards li span {
	text-shadow: 2px 2px 0 #000;
}

.text-cards li sup {
	text-transform: none;
}

@media (max-width: 1199.98px) {
	.text-cards li {
		font-size: 25px;
	}
}

@media (max-width: 991.98px) {
	.text-cards li {
		width: 50%;
	}
}

@media (max-width: 575.98px) {
	.text-cards li {
		width: 100%;
	}
}

.text-cards.text-cards--games.three-col li {
	width: 33.333333%;
}

.text-cards.text-cards--games li {
	width: 50%;
	font-size: inherit;
}

.text-cards.text-cards--games li .frame {
	padding: 30px;
}

.text-cards.text-cards--games li h3 {
	font-size: 2em;
}

.text-cards.text-cards--games li span {
	display: block;
	text-align: center;
	text-transform: none;
	font-size: 1em;
	line-height: 1.4;
}

@media (max-width: 991.98px) {
	.text-cards.text-cards--games {
		width: calc(100% + 15px);
	}

	.text-cards.text-cards--games li {
		width: 100% !important;
		padding: 0 15px 15px 0;
	}
}

.section-signup-bonus .text-cards .frame::after {
	content: "";
	position: absolute;
	width: 100px;
	height: 100px;
	top: -41px;
	left: -41px;
	background-image: url(/rea/shared/img/yg/7/frame-sparkle.fs8.png);
	background-position: center center;
	background-size: 100% auto;
	background-repeat: no-repeat;
}

.section-signup-bonus .row-graphic {
	min-height: 460px;
	position: relative;
	z-index: 1;
}

@media (max-width: 767.98px) {
	.section-signup-bonus .row-graphic {
		min-height: 0;
	}
}

.section-signup-bonus .graphic--signup {
	width: 410px;
}

.section-signup-bonus .graphic--signup.is-in-view {
	background-image: url(/rea/shared/img/yg/7/graphic-phone-signup.fs8.png);
}

.section-signup-bonus .graphic--signup::after {
	padding-bottom: 104.6511627907%;
}

.section-signup-bonus .graphic--signup::before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: calc(100% + 70px);
	height: calc(100% + 15px);
	background-image: radial-gradient(
			circle,
			#ffdd8d 0,
			rgba(255, 221, 141, 0) 50%
		),
		radial-gradient(ellipse, #000 0, rgba(0, 0, 0, 0) 70%);
	background-position: center top, center bottom;
	background-size: auto, 80% 50px;
	background-repeat: no-repeat;
}

.section-signup-bonus .line-space {
	line-height: 1.2;
}

.section-winners .row-winners {
	display: block;
}

.section-winners .row-winners > .col {
	width: 900px;
	max-width: 100%;
	margin: 0 auto;
}

.section-contact-us .box-email,
.section-contact-us .box-livechat {
	position: relative;
	padding: 30px;
	padding-right: 380px;
	background-color: #000e27;
	border: solid 2px #ffb83e;
	background-position: right top;
	background-repeat: no-repeat;
	min-height: 280px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: 20px;
}

.section-contact-us .box-email h2,
.section-contact-us .box-livechat h2 {
	margin-bottom: 10px;
}

.section-contact-us .box-email .box-inner,
.section-contact-us .box-livechat .box-inner {
	width: 100%;
	position: relative;
	z-index: 1;
}

.section-contact-us .box-email::after,
.section-contact-us .box-livechat::after {
	content: "";
	position: absolute;
	pointer-events: none;
	width: 600px;
	height: 100%;
	top: 0;
	right: 0;
	background-image: -webkit-gradient(
			linear,
			left top,
			right top,
			from(#000e27),
			to(#000e27)
		),
		-webkit-gradient(linear, left top, right top, from(#000e27), to(rgba(0, 14, 39, 0)));
	background-image: linear-gradient(to right, #000e27 0, #000e27 100%),
		linear-gradient(to right, #000e27 0, rgba(0, 14, 39, 0) 100%);
	background-size: 250px 100%, 100px 100%;
	background-position: left top, 250px top;
	background-repeat: no-repeat;
}

@media (max-width: 767.98px) {
	.section-contact-us .box-email,
	.section-contact-us .box-livechat {
		padding: 30px;
		background-image: none !important;
		min-height: 0;
	}

	.section-contact-us .box-email::after,
	.section-contact-us .box-livechat::after {
		display: none;
	}
}

@media (max-width: 575.98px) {
	.section-contact-us .box-email,
	.section-contact-us .box-livechat {
		padding: 15px;
	}

	.section-contact-us .box-email .cta-btn,
	.section-contact-us .box-livechat .cta-btn {
		font-size: 13px;
	}
}

.section-contact-us .box-livechat {
	background-image: url(/rea/shared/img/yg/7/contact-page/contact-livechat.jpg);
	background-size: 450px auto;
}

.section-contact-us .box-email {
	background-image: url(/rea/shared/img/yg/7/contact-page/contact-email.jpg);
	background-size: 600px auto;
	background-position: calc(100% + 80px) top;
}

.gradient-text {
	font-size: inherit;
	display: inline-block;
	position: relative;
	color: #ffd86c;
	text-transform: uppercase;
	font-weight: 700;
	line-height: 1;
	font-family: Rubik;
}

.gradient-text.gradient-text--light {
	color: #fff;
}

.gradient-text::after {
	background: 0 0;
	content: attr(data-text);
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	white-space: nowrap;
	z-index: -1;
	text-shadow: 0 2px 0 #ff5d0d, 0 2px 5px #000;
}

@media (max-width: 767.98px) {
	.gradient-text::after {
		text-shadow: 0 1px 0 #ff5d0d, 0 1px 5px #000;
	}
}

@supports (-webkit-background-clip: text) and
	(-webkit-text-fill-color: transparent) {
	.gradient-text {
		background: -webkit-gradient(
			linear,
			left top,
			left bottom,
			from(#ffd86c),
			to(#ffb53a)
		);
		background: linear-gradient(180deg, #ffd86c 0, #ffb53a 100%);
		-webkit-background-clip: text;
		background-clip: text;
		-webkit-text-fill-color: transparent;
	}

	.gradient-text--light {
		background: -webkit-gradient(
			linear,
			left top,
			left bottom,
			from(#fff),
			to(#ececec)
		);
		background: linear-gradient(180deg, #fff 0, #ececec 100%);
		-webkit-background-clip: text;
		background-clip: text;
		-webkit-text-fill-color: transparent;
	}
}

.gradient-text--form {
	background: linear-gradient(to bottom, #ffd66a, #ffb63b);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	filter: drop-shadow(0 2px 0px #ff5d0d)
		drop-shadow(0 2px 10px rgba(0, 0, 0, 0.5));
	font-weight: bolder;
}

.accordion-list .group-header,
.decorative-text,
.page-winners .form-group label {
	color: #ffb83e;
	font-family: Rubik;
	text-shadow: 0 2px 0 #ff5d0d, 0 2px 5px #000;
	text-transform: uppercase;
	font-weight: 700;
}

@media (max-width: 767.98px) {
	.accordion-list .group-header,
	.decorative-text,
	.page-winners .form-group label {
		text-shadow: 0 1px 0 #ff5d0d, 0 1px 5px #000;
	}
}

.u__section--pad {
	padding: 60px 0;
}

@media (max-width: 767.98px) {
	.u__section--pad {
		padding: 30px 0;
	}
}

.u__position--relative {
	position: relative;
}

.u__position--above {
	position: relative;
	z-index: 10;
}

.u__colour--yellow {
	color: #ffb83e;
}

.u__colour--black {
	color: #050507;
}

.u__colour--white {
	color: #fff;
}

.u__text--uppercase {
	text-transform: uppercase;
}

.u__text--no-transform {
	text-transform: none;
}

.u__text--underline {
	text-decoration: underline;
}

.u__text--line-through {
	text-decoration: line-through;
}

.u__text--shadow {
	text-shadow: 1px 1px 0 #000;
}

.u__text--shadow-white {
	text-shadow: 1px 1px 5px #fff;
}

.u__text--outline {
	text-shadow: 1px -1px #000, -1px -1px #000, -1px 1px #000, -1px -1px #000,
		1px 0 #000, -1px 0 #000, 0 1px #000, 0 -1px #000, 1px 1px #000,
		-1px 1px #000, 1px 1px #000, 1px -1px #000;
}

.notification-text {
	font-size: 14px;
	font-style: italic;
	margin-top: 10px;
}

.u__text--xxl {
	font-size: 63px !important;
	line-height: 0.95;
}

@media (max-width: 575.98px) {
	.u__text--xxl {
		font-size: 40px;
	}
}

.u__text--xl {
	font-size: 40px;
	line-height: 0.95;
}

@media (max-width: 575.98px) {
	.u__text--xl {
		font-size: 28px;
	}
}

.u__text--l {
	line-height: 0.95;
	font-size: 28px;
}

@media (max-width: 575.98px) {
	.u__text--l {
		font-size: 20px;
	}
}

.u__text--base {
	font-size: 16px;
}

@media (max-width: 575.98px) {
	.u__text--m {
		font-size: 14px;
	}
}

.u__text--s {
	font-size: 14px;
}

.u__text--xs {
	font-size: 12px;
}

.modal-header {
	display: block;
}

.u__position--above {
	position: relative;
	z-index: 10;
}

.u__position--relative {
	position: relative;
}

.u__colour--white {
	color: white;
}

.u__colour--light-blue {
	color: #d8ffff;
}

.u__colour--yellow {
	color: #feca09;
}

.u__text--styled {
	display: inline-block;
	font-family: "Rubik";
	font-weight: 600;
	color: #99edff;
	-webkit-text-stroke: 1px #45a8ff;
	text-shadow: 0 4px 0 rgba(0, 0, 0, 0.8);
	line-height: 0.8;
	margin: 0.2em 0 0 0;
}

.u__text--uppercase {
	text-transform: uppercase;
}

.u__text--shadow {
	text-shadow: 0 0 5px #000000;
}

.u__text--xxxl {
	font-size: 100px;
	line-height: 0.9;
}

@media screen and (max-width: 767px) {
	.u__text--xxxl {
		font-size: 55px;
		line-height: 0.9;
	}
}

.u__text--xxl {
	font-size: 60px;
}

@media screen and (max-width: 767px) {
	.u__text--xxl {
		font-size: 50px;
	}
}

.u__text--xl {
	font-size: 50px;
}

@media screen and (max-width: 767px) {
	.u__text--xl {
		font-size: 30px;
	}
}

.u__text--l {
	font-size: 35px;
}

@media screen and (max-width: 767px) {
	.u__text--l {
		font-size: 25px;
	}
}

.u__text--m {
	font-size: 22px;
}

@media screen and (max-width: 767px) {
	.u__text--m {
		font-size: 18px;
	}
}

.u__text--s {
	font-size: 12px;
}

.u__text--xs {
	font-size: 9px;
}

.footer {
	-ms-flex-negative: 0;
	flex-shrink: 0;
}

/*--- BASE PAGE STYLES*/
.copyright {
	text-align: center;
	color: white;
}

.copyright a.modalLink {
	color: white;
}

.footer {
	font-family: Arial;
	position: relative;
	background-color: black;
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		from(rgba(44, 44, 44, 1)),
		to(rgba(0, 0, 0, 1))
	);
	background-image: -o-linear-gradient(
		top,
		rgba(44, 44, 44, 1) 0%,
		rgba(0, 0, 0, 1) 100%
	);
	background-image: linear-gradient(
		to bottom,
		rgba(44, 44, 44, 1) 0%,
		rgba(0, 0, 0, 1) 100%
	);
	background-size: 100% 150px;
	background-repeat: no-repeat;
	padding-top: 40px;
	padding-bottom: 10px;
	z-index: 100;
}

.affiliates {
	text-decoration: underline;
}

@media screen and (max-width: 991px) {
	.footer {
		margin-top: 0;
	}
}

.footer::before {
	content: "";
	width: 100%;
	height: 2px;
	background: -webkit-gradient(
		linear,
		left top,
		right top,
		from(rgba(44, 44, 44, 1)),
		color-stop(50%, rgba(104, 104, 104, 1)),
		to(rgba(44, 44, 44, 1))
	);
	background: -o-linear-gradient(
		left,
		rgba(44, 44, 44, 1) 0%,
		rgba(104, 104, 104, 1) 50%,
		rgba(44, 44, 44, 1) 100%
	);
	background: linear-gradient(
		to right,
		rgba(44, 44, 44, 1) 0%,
		rgba(104, 104, 104, 1) 50%,
		rgba(44, 44, 44, 1) 100%
	);
	position: absolute;
	bottom: 100%;
}

.footerTracking {
	width: calc(100% - 40px);
	max-width: 420px;
	background-color: #222;
	font: normal 11px Arial, Helvetica;
	color: #ccc;
	text-align: left;
	vertical-align: middle;
	border: 1px solid #444;
	padding: 3px 4px;
	margin: 4px auto;
	clear: both;
}

.pinkSlime {
	border: none !important;
	width: auto !important;
	text-align: center !important;
	color: #999;
}

.copy {
	text-align: center;
	font-size: 12px;
	color: white;
	margin-top: 10px;
}

.modal,
.modal p {
	color: black;
	font-size: 13px;
	font-family: Arial;
	line-height: 1.2;
}

.modal h4,
.modal h1 {
	font-weight: 700;
	font-size: 20px;
}

.modal h1 {
	padding-bottom: 10px;
}

.modal h4 {
	font-size: 16px;
}

.modal.fade.in {
	opacity: 1;
}

.modal div[class*="col-"] {
	margin-left: 0 !important;
	margin-right: 0 !important;
	width: 100%;
	max-width: unset;
	-webkit-box-flex: initial;
	-ms-flex: initial;
	flex: initial;
}

.modal .hero-section__content {
	padding: 0 !important;
}

a.cc-dismiss {
	text-decoration: none;
}

.licence {
	max-width: 420px;
	margin: 12px auto 0;
	color: #999;
	text-align: center;
	font-size: 10px;
	padding: 0 5px;
}

/*ontario*/
.ontario.logo {
	left: 50px;
	transform: none;
}

.ontario-gambling-logo {
	width: 150px;
	height: auto;
	position: absolute;
	top: 60px;
	right: 50px;
}

@media screen and (max-width: 767px) {
	.ontario.logo {
		width: 200px;
	}

	/*.ontario-gambling-logo {
        width: 110px;
        right: calc(0% + 8px);
        top: 17px;
    }*/
}

@media screen and (max-width: 500px) {
	.ontario.logo {
		width: 150px;
		left: 10px;
	}

	.ontario-gambling-logo {
		width: 120px;
		right: 25px;
		top: 61px;
	}
}

.footer-icons .ontario-gambling-logo {
	width: 102px;
	height: auto;
	margin-top: -32px;
	display: inline-block;
	position: relative;
	right: 0;
	top: 0;
}

.ontario-terms-link {
	font-size: 10px;
	color: white;
	text-decoration: none !important;
	text-shadow: 0px 2px 3.16px rgb(0 0 0 / 70%);
	display: block;
	margin-top: 5px;
}

.ontario-terms-link:hover {
	color: white;
}

.ontario-terms-link:before {
	content: "* ";
}

.footer .ontario-terms-link {
	text-decoration: underline !important;
	display: inline-block;
}

.footer .ontario-terms-link:before {
	content: "  ";
}

.footer p {
	font-size: 10px;
	margin: 20px auto;
	text-align: center;
	max-width: 561px;
	color: white;
}

.footer p a {
	text-decoration: underline;
	color: white;
}

.footer p a:hover {
	color: white;
}

/*FORM STUFF*/

.form-submit-btn {
	border: none;
	color: white;
	display: inline-block;
	text-decoration: none;
	margin-top: 15px;
	cursor: pointer;
	background-image: url("/rea/shared/img/yg/7/cta-btn--form.png");
	background-repeat: no-repeat;
	background-size: 100% 100%;
	text-align: center;
	text-transform: uppercase;
	padding: 1rem 2rem;
	font-size: 1.8rem;
	font-weight: bold;
	width: 80%;
	filter: drop-shadow(0px 4px 6px rgba(48, 48, 48, 0.5));
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 2px;
	align-items: center;
	justify-content: center;
	margin: auto;
}
.form-submit-btn .gradient-text:nth-child(1) {
	font-size: 20px;
}
.form-submit-btn .gradient-text:nth-child(2) {
	font-size: 32px;
}
.form-submit-btn .gradient-text:nth-child(3) {
	font-size: 20px;
}
a.cta-btn.cta-btn-dark,
a.cta-btn:hover.cta-btn-dark,
.cta-btn.cta-btn-dark {
	color: white;
}

.form-blackout {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.95);
	z-index: 900;
}

.form-contain {
	position: relative;
	width: 520px;
	max-width: calc(100% - 15px);
	margin: 0 auto;
	padding: 4rem 2rem 2rem 2rem;
	margin-top: 100px;
	text-align: center;
	font-weight: 700;
	background-image: url("/rea/shared/img/yg/7/frame_shine-top-left.png"),
		url("/rea/shared/img/yg/7/frame_shine-bottom-right.png"),
		linear-gradient(45deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.5) 100%),
		linear-gradient(180deg, #2551f1 0, #0e173d 100%);
	border-radius: 20px;
	box-shadow: inset 0 0 0 4px rgba(0, 0, 0, 1);

	background-position: top left, bottom right, center, center;
	background-size: 75px 50px, 75px 50px, 100% 100%, 100% 100%;
	background-repeat: no-repeat;
	color: white;
}
.form-contain:after {
	content: "";
	position: absolute;
	top: 0%;
	left: 50%;
	background-image: url("/rea/shared/img/logo/yg-logo.png");
	background-size: contain;
	width: 150px;
	height: 150px;
	background-repeat: no-repeat;
	transform: translate(-50%, -50px);
}

.form-contain ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.form-contain li {
	padding-left: 1em;
	text-indent: -0.7em;
}

.form-contain li::before {
	content: "• ";
	color: #00b700; /* or whatever color you prefer */
}

.form-contain::before {
	content: "";
	position: absolute;
	top: -8px;
	left: -8px;
	width: calc(100% + 16px);
	height: calc(100% + 16px);
	background-image: linear-gradient(
		135deg,
		#ede1c6 0,
		#c68b21 20%,
		#d2a74b 50%,
		#c28818 80%,
		#ede1c6 100%
	);
	z-index: -1;
	border-radius: 20px;
}

.form-contain input {
	width: 100%;
}

.form-contain input[type="text"],
.form-contain input[type="email"],
.form-contain input[type="tel"] {
	width: 100%;
	height: 50px;
	margin-top: 10px;
	text-align: left;
	padding: 0px 16px;
	font-size: 18px;
	border: solid 1px black;
	border-radius: 10px;
	box-shadow: 0 0 0 2px inset black;

	border: solid 3px transparent;
	background-image: linear-gradient(white, white),
		radial-gradient(
			circle at top left,
			#ede1c6 0,
			#c68b21 20%,
			#d2a74b 50%,
			#c28818 80%,
			#ede1c6 100%
		);
	background-origin: border-box;

	background-clip: padding-box, border-box;
}

.form-contain .form-submit-btn {
	background-color: transparent;
}

@media screen and (max-width: 575px) {
	.form-contain input[type="text"],
	.form-contain input[type="email"],
	.form-contain input[type="tel"] {
		height: 40px;
	}
	.form-submit-btn {
		width: 100%;
	}
}

#countrycallingcode[disabled] {
	background-color: white;
}

/* [start] FORM STUFF --> */
input[type="text"].error,
input[type="email"].error {
	/*border: solid 2px #ffcc00;*/
	background-image: url("/rea/shared/img/error_icon.png");
	background-position: right 10px center;
	background-repeat: no-repeat;
	background-size: 20px auto;
}

input[type="checkbox"].error {
	outline: solid 2px red;
}

#preform .yearText {
	font-weight: 400;
	font-size: 12px;
	text-align: center;
	line-height: 14px;
	text-transform: none;
	margin-bottom: 10px;
}

#preform #dob-year {
	background-color: white;
	padding: 0 10px;
	font-size: 18px;
	line-height: 34px;
	color: rgb(34, 34, 34);
	width: 100%;
	height: 40px;
	margin-bottom: 10px;
	border-radius: 6px;
}

#preform #dob-year.error {
	border-color: rgb(255, 0, 0);
	-webkit-box-shadow: 0 0 3px 0 rgb(255, 0, 0), 0 0 3px 0 rgb(255, 0, 0),
		0 0 3px 0 rgb(255, 0, 0);
	box-shadow: 0 0 3px 0 rgb(255, 0, 0), 0 0 3px 0 rgb(255, 0, 0),
		0 0 3px 0 rgb(255, 0, 0);
}

#preform #dob-year.valid {
	border-color: rgb(38, 117, 218);
	-webkit-box-shadow: 0 0 3px 0 rgb(38, 117, 218), 0 0 3px 0 rgb(38, 117, 218),
		0 0 3px 0 rgb(38, 117, 218);
	box-shadow: 0 0 3px 0 rgb(38, 117, 218), 0 0 3px 0 rgb(38, 117, 218),
		0 0 3px 0 rgb(38, 117, 218);
}

#preform input[type="checkbox"] {
	width: auto;
	height: auto;
	margin-right: 10px;
}

#preform a:hover,
#preform a {
	color: white;
}

#preform .checks {
	text-transform: none;
	color: black;
	margin-top: 10px;
	color: white;
}

.form-close {
	cursor: pointer;
	position: absolute;
	width: 40px;
	height: 40px;
	top: 5px;
	right: 7px;
}

.form-close::after {
	content: "\f00d";
	font-family: "FontAwesome";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: white;
	font-size: 22px;
	filter: invert(1);
	background-color: black;
	border-radius: 100%;
	width: 35px;
	height: 35px;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* <-- [end] FORM STUFF */
.pre-form-blackout {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.85);
	z-index: 900;
}

.pre-form {
	text-shadow: 2px 2px 4px black;
}

.pre-form-text {
	position: relative;
	z-index: 100;
}

.pre-form-img--2 {
	margin: -100px 0 -25px 0;
}
.pre-form-logo {
	position: absolute;
	top: 10px;
	left: 50%;
	width: 100px;
	height: auto;
	transform: translateX(-50%);
	z-index: 500;
}



/*Ontario*/

.ontario-gambling-logo {
	position: unset;
	width: auto;
	height: 50px;
	padding: 4px 0;
	margin-left: 6px;
}

.section-header {
	text-align: center;
	width: 100%;
}

.section-header > .logo {
	display: inline-block;
}

.section-header > .ontario-gambling-logo {
	height: auto;
	width: 130px;
	display: inline-block;
	margin: 12px auto 0;
}
@media screen and (max-width: 767px) {
	.main-form > .ontario-gambling-logo {
		display: none !important;
	}

	.section-header > .ontario-gambling-logo {
		margin: 0px 0 0 30px;
	}
}

.ontario-terms-link {
	color: white;
	text-shadow: 1px 2px 1px black;
	text-align: center;
	font-size: 12px;
	margin: 14px auto -8px auto;
	position: relative;
	z-index: 5;
}

.footer .ontario-terms-link {
	top: unset;
	position: relative;
	left: unset;
}

.ontario.fade-strip.text-2 {
	height: 65px;
}

@media screen and (max-width: 991px) {
	.ontario-terms-link {
	}
}

.ontario-terms-link:hover {
	color: white;
	text-decoration: none;
}

.ontario-terms-link:before {
	content: "* ";
}

.footer p,
.footer a {
	font-size: 10px;
	margin: auto;
	text-align: center;
	max-width: 561px;
	color: white;
}

.footer-icons .ontario-gambling-logo {
	width: 102px;
	height: auto;
	margin: -32px 0 0 0;
	display: inline-block;
}

/*===========
    Compliance Prefooter
=============*/
.compliance-prefooter {
	background: black;
	padding: 3.25rem 1rem;
	text-align: center;
	display: flex;
	justify-content: center;
	line-height: 1.1;
}
.compliance-prefooter a {
	text-decoration: underline;
}
.compliance-prefooter--body {
	max-width: 875px;
}

.compliance-prefooter--body p,
.compliance-prefooter--linkout {
	color: #7e7e7e;
}

.compliance-prefooter--body span {
	color: #fff;
}
.compliance-prefooter--email {
	color: #ffee00;
}

.progressive-jackpot-ticker{
	position:absolute;
	bottom:16px;
	width:calc(100% + -24px);
	color:white;
	z-index: 10;
	    border-top: solid 2px #eac25f;
    border-bottom: solid 2px #eac25f;
	text-align: center;
	font-size: 14px;
	left: 12px;
	background: linear-gradient(90deg, rgba(0,0,0,0) 3%, rgba(0,0,0,0) 3%, black 12.5%, black, black 92.5%, transparent 97%, transparent);
}

/*===========
    Login Button on v=login
=============*/

.login-btn-container {
    background: black;
    text-align: center;
    padding: 6px 0;
	color:white;
	font-weight:600;
}

.login-btn {
    border-radius: 8px;
    background-color: white;
    color: black;
    padding: 6px;
    display: inline-block;
}