@font-face {
	font-family: Alice;
	src: url(../fonts/ALICEFONT.woff2), url(../fonts/ALICEFONT.woff);
	font-display: swap;
	font-style: normal;
	font-weight: normal;
}

@font-face {
	font-family: 'nerisblack';
	src: url('../fonts/Neris-Black-webfont.woff');
	font-display: swap;
	font-weight: 700;
	font-style: normal;
}

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

*,
html,
body {
	margin: 0;
	padding: 0;
}

html,
body,
img {
	width: 100%;
}

body {
	font-family: Alice, Cambria, serif;
	font-size: 19px;
	font-weight: 400;
	line-height: 1.5;
	text-align: left;
	color: #fff;
	background-color: #343399;
}

.list-reset {
	list-style: none;
}

.btn-reset {
	background-color: transparent;
	border: 1px solid transparent;
	outline: none;
}

.link-reset {
	color: #666;
	text-decoration: none;
	outline: none;
}
.wrap {
	width: 100%;
	height: 100%;
	padding: 0;
	background: #333399;
	overflow-x: hidden;
}
.header {
	width: 100%;
	background-color: #333399;
	padding: 10px 0;
}
.header__wrap {
	display: flex;
	align-items: center;
}
.logo {
	width: 127px;
	height: 75px;
	margin-left: 20px;
	margin-right: 40px;
}
.nav {
	display: flex;
	font-size: 16px;
	line-height: 1;
	margin-right: auto;
}
.nav-list__item:not(:last-child) {
	margin-right: 40px;
}

.nav-list__link {
	font-size: 2vw;
	line-height: 1;
	text-transform: uppercase;
	background: -webkit-linear-gradient(
		#ffffff,
		#ffff45,
		#fff570,
		#ffaf04,
		#f7d215,
		#7f3e01
	);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	transition: all 1s ease-out;
}
.nav-list__link:hover {
	background: -webkit-linear-gradient(#fbea02, #fea500, #d57505);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.nav-list__link:active {
	transform: scale(0.9, 0.9);
}
.play-link {
	height: 35px;
	width: 137px;
	margin-right: 35px;
	padding: 0;
	border: 2px solid transparent;
	border-radius: 46px;
	background: green url(../images/playnow.png) no-repeat center center;
	color: transparent;
	transition: all 0.3s ease-in-out;
}
.play-link:hover {
	box-shadow: -1px -2px 17px 15px rgba(8, 232, 4, 0.67);
}
.icon__audio {
	width: 22px;
	height: 14px;
	margin-right: 20px;
	z-index: 9;
	overflow: hidden;
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
	cursor: pointer;
	will-change: true;
}
.icon__audio.audio__play span {
	-webkit-animation: audio 1s ease-in-out infinite;
	-moz-animation: audio 1s ease-in-out infinite;
	-ms-animation: audio 1s ease-in-out infinite;
	animation: audio 1s ease-in-out infinite;
}
@-webkit-keyframes audio {
	0% {
		height: 4px;
	}

	60% {
		height: 17px;
	}

	100% {
		height: 4px;
	}
}
@-moz-keyframes audio {
	0% {
		height: 4px;
	}

	60% {
		height: 17px;
	}

	100% {
		height: 4px;
	}
}
@-ms-keyframes audio {
	0% {
		height: 4px;
	}

	60% {
		height: 17px;
	}

	100% {
		height: 4px;
	}
}
@-o-keyframes audio {
	0% {
		height: 4px;
	}

	60% {
		height: 17px;
	}

	100% {
		height: 4px;
	}
}
@keyframes audio {
	0% {
		height: 4px;
	}

	60% {
		height: 17px;
	}

	100% {
		height: 4px;
	}
}
.icon__audio.audio__play .icon__audio_1 {
	height: 10px;
	animation-delay: 0.4s;
	will-change: true;
}
.icon__audio.audio__play .icon__audio_2 {
	height: 17px;
	will-change: true;
}
.icon__audio.audio__play .icon__audio_3 {
	height: 5px;
	animation-delay: 0.8s;
	will-change: true;
}
.icon__audio.audio__play .icon__audio_4 {
	height: 14px;
	animation-delay: 0.6s;
	will-change: true;
}
.icon__audio.audio__play .icon__audio_5 {
	height: 10px;
	animation-delay: 0.2s;
	will-change: true;
}
.icon__audio span {
	position: absolute;
	bottom: 0;
	display: block;
	width: 2px;
	height: 4px;
	background: rgb(1, 201, 252);
}
.icon__audio span:not(:last-child) {
	margin-right: 3px;
}
.icon__audio_1 {
	left: 0;
}
.icon__audio_2 {
	left: 5px;
}
.icon__audio_3 {
	left: 10px;
}
.icon__audio_4 {
	left: 15px;
}
.icon__audio_5 {
	left: 20px;
}
.conMid {
	width: 100vw;
	position: relative;
}
.feature__swiper-slide img {
	height: 100%;
}
.dlbtn-container {
	position: absolute;
	left: 40vw;
	bottom: 2vw;
	width: 20vw;
	height: 10vw;
}
.inner-wrap {
	position: relative;
	top: 8px;
	width: 100%;
	height: 40%;
	border-radius: 50%;
}
.dlbtn_top2 {
	display: inline-block;
	position: relative;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: inherit;
	height: 16vh;
	color: transparent;
	font-size: 16px;
	border-radius: 70%;
}
#sparkle-svg1,
#sparkle-svg2,
#sparkle-svg3,
#sparkle-svg4 {
	position: absolute;
	top: 0;
	left: 0;
}
.group {
	transform: translate(42.5px, 42.5px);
}
path {
	transform: translate(-42.5px, -42.5px);
}
.large {
	opacity: 0;
}
.larger {
	opacity: 0;
}
.small {
	opacity: 0;
}
circle {
	opacity: 0;
}
@keyframes large {
	0% {
		opacity: 0;
		transform: rotate(0deg) scale(0);
	}
	16.667% {
		opacity: 1;
	}
	33.333% {
		opacity: 0;
		transform: rotate(360deg) scale(1.5);
	}
	100% {
		opacity: 0;
		transform: rotate(0deg) scale(0);
	}
}
@keyframes larger {
	0% {
		opacity: 0;
		transform: rotate(45deg) scale(0);
	}
	16.667% {
		opacity: 1;
	}
	33.333% {
		opacity: 0;
		transform: rotate(405deg) scale(1.1);
	}
	100% {
		opacity: 0;
		transform: rotate(45deg) scale(0);
	}
}
@keyframes small {
	0% {
		opacity: 0;
		transform: rotate(0deg) scale(0);
	}
	16.667% {
		opacity: 1;
	}
	33.333% {
		opacity: 0;
		transform: rotate(-360deg) scale(1.5);
	}
	100% {
		opacity: 0;
		transform: rotate(0deg) scale(0);
	}
}
.dlbtn_top2:hover .large,
.dlbtn_top2:hover circle {
	animation: large 3s linear infinite;
}
.dlbtn_top2:hover .larger {
	animation: larger 3s linear infinite;
}
.dlbtn_top2:hover .small {
	animation: small 3s linear infinite;
}
.playbtn_top2 {
	width: 15%;
	height: 26%;
	right: 0;
	bottom: 0;
	position: absolute;
}
.part1,
.part3 {
	position: relative;
	width: 100%;
	min-height: calc(55vh + 20vw);
	height: auto;
	margin-bottom: 30px;
	padding-bottom: 50%;
	background-size: 100% auto;
	background-repeat: no-repeat;
}
.part1 {
	background-image: url(../images/cbg_01.jpg);
}
@supports (background-image: -webkit-image-set(url(../images/cbg_01.webp) 1x)) {
	.part1 {
		background-image: -webkit-image-set(url(../images/cbg_01.webp) 1x);
	}
}
.wz1 {
	width: 38%;
	position: absolute;
	top: 15%;
}
@keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-20px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}
@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-20px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes fadeInDown {
	0% {
		opacity: 0;
		-moz-transform: translateY(-20px);
	}

	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

.wz1 img {
	width: 100%;
	margin-left: 30vw;
}
.headings-wrap {
	width: 100%;
	margin-left: 80%;
	margin-bottom: 30px;
	text-align: center;
}
.headings-wrap.scrolled {
	animation: fadeInDown 1s 0.2s ease both;
	-webkit-animation: fadeInDown 1s 0.2s ease both;
	-moz-animation: fadeInDown 1s 0.2s ease both;
}
.wztxt.scrolled {
	animation: fadeInDown 1s 0.5s ease both;
	-webkit-animation: fadeInDown 1s 0.5s ease both;
	-moz-animation: fadeInDown 1s 0.5s ease both;
}
.wz1__heading-1,
.wz1__heading-2,
.wz4__heading {
	font-family: nerisblack, sans-serif;
	font-size: 41px;
	line-height: 1;
	text-transform: uppercase;
	background: -webkit-linear-gradient(
		#7c7c6d,
		#fffbc4,
		#fbe01b,
		#dbb901,
		#f7d215,
		#a46c01,
		#f4ca01
	);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.wz1__heading-1::after,
.wz1__heading-2::after,
.wz4__heading::after {
	position: absolute;
	top: 0;
	left: 0;
	text-shadow: 1px 2px 5px rgba(0, 0, 0, 0.45%);
	z-index: -1;
}

.wz1__heading-1::after {
	content: 'HIT THE JACKPOT';
}
.wz1__heading-2::after {
	content: 'WITH SLOTS CRUSH';
}
.wz4__heading::after {
	content: 'GAME FEATURES';
}
.wztxt {
	position: absolute;
	width: 100%;
	margin-top: 20px;
	margin-left: 30vw;
	top: 80%;
	line-height: 1.8;
	font-size: 1.5vw;
	min-width: 50%;
	color: #ffffff;
	font-family: Alice;
	text-align: center;
}

.part3 {
	background-image: url(../images/cbg_04.jpg);
}
@supports (background-image: -webkit-image-set(url(../images/cbg_04.webp) 4x)) {
	.part3 {
		background-image: -webkit-image-set(url(../images/cbg_04.webp) 1x);
	}
}
.wz3 {
	width: 17.13%;
	position: absolute;
	left: 24%;
	top: 11%;
	animation: bounceIn 2s 0.2s ease both;
	-webkit-animation: bounceIn 2s 0.2s ease both;
	-moz-animation: bounceIn 2s 0.2s ease both;
	overflow: hidden;
}
@keyframes bounceIn {
	0% {
		opacity: 0;
		-webkit-transform: scale(0.3);
	}

	50% {
		opacity: 1;
		-webkit-transform: scale(1.01);
	}

	70% {
		-webkit-transform: scale(0.95);
	}

	100% {
		-webkit-transform: scale(1);
	}
}
@-webkit-keyframes bounceIn {
	0% {
		opacity: 0;
		-webkit-transform: scale(0.3);
	}

	50% {
		opacity: 1;
		-webkit-transform: scale(1.01);
	}

	70% {
		-webkit-transform: scale(0.95);
	}

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

@-moz-keyframes bounceIn {
	0% {
		opacity: 0;
		-moz-transform: scale(0.3);
	}

	50% {
		opacity: 1;
		-moz-transform: scale(1.01);
	}

	70% {
		-moz-transform: scale(0.95);
	}

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

.wz4 {
	width: 30%;
	position: absolute;
	left: 40%;
	top: 1%;
	overflow: hidden;
}
.wz4.scrolled {
	animation: fadeInRight 1s 0.2s ease both;
	-webkit-animation: fadeInRight 1s 0.2s ease both;
	-moz-animation: fadeInRight 1s 0.2s ease both;
}
@keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(100px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}
@-webkit-keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(60px);
	}

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

@-moz-keyframes fadeInRight {
	0% {
		opacity: 0;
		-moz-transform: translateX(60px);
	}

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

.feature {
	width: 83.33%;
	position: absolute;
	left: 8.52%;
	top: 16%;
	z-index: 999;
}
.feature img {
	height: auto;
}

.feature__swiper-slide {
	width: 60%;
	opacity: 0.6;
}

.feature .swiper-slide-active {
	opacity: 1;
}

.feature__pagination {
	width: 100%;
	padding-top: 25px;
	text-align: center;
}

.feature__pagination .swiper-pagination-bullet {
	background-color: #a9a9a9;
	width: 24px;
	height: 24px;
	margin: 0 18px;
}

.feature__pagination .swiper-pagination-bullet-active {
	background-color: #735edb;
}

.nextbtn,
.prevbtn {
	width: 4.25%;
	position: absolute;
	top: 46%;
	z-index: 999;
	outline: none;
	cursor: pointer;
	transition: all 0.2s ease-in-out;
}

.nextbtn {
	right: 14%;
}

.prevbtn {
	left: 14%;
}
.nextbtn:hover,
.prevbtn:hover {
	filter: brightness(1.2);
}

.footer {
	max-width: 1100px;
	margin: 0 auto;
	background: #333399;
	color: #fff;
}
.footer__bottom {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 84px;
	width: 96%;
	margin: 0 auto;
	padding: 0 10px;
	border-top: 2px solid rgba(255, 255, 255, 0.452);
	font-size: 12px;
}
.footer__inner {
	display: flex;
	align-items: center;
}
.footer__logo {
	width: 55px;
	height: 55px;
	margin-right: 22.5px;
}

.footer__text {
	margin-right: 40px;
}
.policy-list {
	display: flex;
}
.policy-list__link {
	cursor: pointer;
	color: #fff;
	transition: all 0.2s ease-out;
}
.policy-list__link:hover {
	color: #feeb4b;
}
.play-link:active,
.policy-list__link:active,
.prevbtn:active,
.nextbtn:active {
	transform: translate(1px, 1px);
}
.policy-list__item:not(:last-child) {
	margin-right: 20px;
}

.star1 {
	width: 27.6%;
	position: absolute;
	left: 0%;
	top: 26%;
}

.star1 img {
	height: auto;
}

.s1_1 {
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	-webkit-animation: breathing 4s 0s linear infinite;
	animation: breathing 4s 0s linear infinite;
}

.s1_2 {
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	-webkit-animation: breathing2 5s 0s linear infinite;
	animation: breathing2 5s 0s linear infinite;
}
@keyframes breathing {
	0% {
		opacity: 0;
		left: 27.6%;
		top: -100px;
	}

	45% {
		opacity: 1;
	}

	90% {
		opacity: 0;
		left: 0;
		top: 0;
	}

	100% {
		opacity: 0;
		left: 27.6%;
		top: -100px;
	}
}
@-webkit-keyframes breathing {
	0% {
		opacity: 0;
		left: 27.6%;
		top: -100px;
	}

	45% {
		opacity: 1;
	}

	90% {
		opacity: 0;
		left: 0;
		top: 0;
	}

	100% {
		opacity: 0;
		left: 27.6%;
		top: -100px;
	}
}

@-moz-keyframes breathing {
	0% {
		opacity: 0;
		left: 27.6%;
		top: -100px;
	}

	45% {
		opacity: 1;
	}

	90% {
		opacity: 0;
		left: 0;
		top: 0;
	}

	100% {
		opacity: 0;
		left: 27.6%;
		top: -100px;
	}
}
@keyframes breathing2 {
	0% {
		opacity: 0;
		left: 27.6%;
		top: -100px;
	}

	45% {
		opacity: 1;
	}

	90% {
		opacity: 0;
		left: 0;
		top: 0;
	}

	100% {
		opacity: 0;
		left: 27.6%;
		top: -100px;
	}
}
@-webkit-keyframes breathing2 {
	0% {
		opacity: 0;
		left: 27.6%;
		top: -100px;
	}

	45% {
		opacity: 1;
	}

	90% {
		opacity: 0;
		left: 0;
		top: 0;
	}

	100% {
		opacity: 0;
		left: 27.6%;
		top: -100px;
	}
}

@-moz-keyframes breathing2 {
	0% {
		opacity: 0;
		left: 27.6%;
		top: -100px;
	}

	45% {
		opacity: 1;
	}

	90% {
		opacity: 0;
		left: 0;
		top: 0;
	}

	100% {
		opacity: 0;
		left: 27.6%;
		top: -100px;
	}
}

.footer__btn {
	background-color: #333399;
	border: none;
	color: white;
	text-decoration: none;
	display: inline-block;
}

.footer-inner {
	display: flex;
}