* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	transition: .5s
}
::before, ::after {
	transition: .5s
}
button {
	cursor: pointer;
	border: none;
	outline: none;
	background: none
}
:root {
	--body: black;
	--primary--color: rgb(148, 158, 183);
	--line--color: rgba(209, 209, 209, 0.2);
	--font--gray: rgb(136, 136, 136)
}
html, body {
	overflow-x: hidden
}
html {
	scroll-behavior: smooth !important
}
body {
	background-color: var(--body);
	color: #fff;
	font-size: 2vh;
	font-family: "HIT2"
}
body::-webkit-scrollbar-track {
	width: .2vh;
	background-color: rgba(255, 255, 255, 0);
	border-radius: 5vh
}
body::-webkit-scrollbar-thumb {
	width: .2vh;
	background-color: rgba(255, 255, 255, .363);
	border-radius: 5vh
}
body::-webkit-scrollbar {
	width: .7vh;
	background-color: rgba(255, 255, 255, 0)
}
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {
	transition: background-color 5000s;
	-webkit-text-fill-color: #898989 !important
}
h1 {
	font-weight: normal;
	text-shadow: 0vh 2vh 4vh #000
}
.westCoastCustoms a {
	display: flex;
	align-items: center;
	justify-content: center
}
.westCoastCustoms a:hover img {
	opacity: 1
}
.westCoastCustoms a:hover p {
	max-width: 20vh;
	opacity: 1;
	transition: 1.2s
}
.westCoastCustoms a img {
	opacity: .5;
	width: 4vh
}
.westCoastCustoms a p {
	color: #c8c8c8;
	margin-left: 1vh;
	max-width: 0;
	overflow: hidden;
	opacity: 0;
	white-space: nowrap;
	position: relative;
	top: .3vh;
	font-size: 1.5vh
}
.westCoastCustoms a p strong {
	font-weight: normal;
	color: #fff
}
.copyright {
	position: fixed;
	z-index: 1005;
	bottom: 3vh;
	padding: 0vh 2vh 0vh 3vh;
	font-size: 1.7vh;
	color: gray;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between
}
.main--pagination {
	position: fixed;
	left: 3vh;
	top: 0;
	height: 100vh;
	display: flex;
	flex-direction: column;
	justify-content: center;
	z-index: 100
}
.main--pagination li {
	height: 7.5428954424vh;
	display: flex;
	align-items: center
}
.main--pagination li.active a {
	color: #fff;
	font-size: 2.2vh;
	padding-left: 6.5vh
}
.main--pagination li.active a img:nth-child(1) {
	opacity: 1
}
.main--pagination li.active a img:nth-child(2) {
	opacity: 0
}
.main--pagination li:hover a {
	color: #fff;
	font-size: 2.2vh;
	padding-left: 6.5vh
}
.main--pagination li:hover a img:nth-child(1) {
	opacity: 1
}
.main--pagination li:hover a img:nth-child(2) {
	opacity: 0
}
.main--pagination li a {
	display: flex;
	align-items: center;
	color: rgba(255, 255, 255, .555);
	font-size: 2vh;
	position: relative;
	padding-left: 4vh
}
.main--pagination li a img:nth-child(1) {
	width: 7.2386058981vh;
	position: absolute;
	top: -1.4vh;
	opacity: 0;
	left: -0.9vh;
	margin-right: 0
}
.main--pagination li a img:nth-child(2) {
	width: 2.5469168901vh;
	opacity: .2;
	top: -0.4vh;
	left: 0;
	position: absolute
}
.decoration {
	pointer-events: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}
.decoration img {
	width: 10vh;
	position: absolute
}
.decoration img:nth-child(1) {
	top: 0;
	left: 0
}
.decoration img:nth-child(2) {
	bottom: 0;
	right: 0;
	transform: rotate(180deg)
}
.timer {
	position: fixed;
	z-index: 1002;
	top: 10vh;
	right: 3vh;
	text-align: center;
	padding: 3vh 4vh;
	background-color: rgb(0 0 0 / 38%);
	backdrop-filter: blur(3vh);
	border-radius: 0vh 3vh 0vh 3vh;
	box-shadow: 0vh 2vh 4vh rgba(0, 0, 0, .3);
	border: .2vh solid rgba(255, 255, 255, .275)
}
.timer p {
	margin-bottom: 1.5vh
}
.timer #countdown {
	display: flex
}
.timer #countdown div:not(:last-child) {
	margin-right: 1.8vh
}
.timer #countdown div {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	font-size: 4vh;
	color: #d7b370
}
.timer #countdown div span {
	font-size: 1.8vh;
	color: gray
}
nav {
	position: fixed;
	top: 0;
	width: 100%;
	height: 7.5vh;
	z-index: 1004;
	display: flex;
	align-items: center;
	justify-content: space-between;
	background-color: rgb(0 0 0 / 13%);
	border-bottom: .2vh solid rgba(255, 255, 255, .12)
}
nav .mobile {
	display: none
}

nav .nav--items--left {
	display: flex;
	align-items: center
}
nav .nav--items--left li {
	margin: 0vh 2vh;
	padding-top: .7vh
}
nav .nav--items--left li img {
	width: 2.5vh
}
nav .nav--items--left li a {
	font-size: 2vh;
	position: relative;
	color: rgba(255, 255, 255, .5)
}
nav .nav--items--left li a:hover {
	color: #fff
}
nav .nav--items--left .servers {
	margin: 0;
	margin-right: 3vh;
	position: relative;
	width: 25vh;
	height: 7.5vh;
	display: flex;
	align-items: center;
	justify-content: center;
	border-right: .2vh solid rgba(89, 70, 50, .714);
	padding-top: .7vh;
	background-color: rgb(31 31 31 / 55%);
	cursor: pointer
}
nav .nav--items--left .servers::before {
	content: "";
	top: 0;
	left: 0;
	position: fixed;
	width: 100%;
	height: 100vh;
	background-color: rgba(0, 0, 0, .688);
	z-index: -1;
	pointer-events: none;
	opacity: 0
}
nav .nav--items--left .servers .fa-xmark {
	display: none
}
nav .nav--items--left .servers.active {
	background-color: rgb(34 32 30 / 86%);
}
nav .nav--items--left .servers.active .fa-xmark {
	display: inline-block
}
nav .nav--items--left .servers.active .fa-bars {
	display: none
}
nav .nav--items--left .servers.active::before {
	pointer-events: all;
	opacity: 1
}
nav .nav--items--left .servers:hover {
	background-color: rgb(42 39 37 / 44%);
}
nav .nav--items--left .servers i {
	margin-right: 2vh;
	color: #b38757
}
nav .nav--items--left .servers .decoration {
	pointer-events: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}
nav .nav--items--left .servers .decoration img {
	width: 7vh;
	position: absolute
}
nav .nav--items--left .servers .decoration img:nth-child(1) {
	top: 0;
	left: 0
}
nav .nav--items--left .servers .decoration img:nth-child(2) {
	bottom: 0;
	right: 0;
	transform: rotate(180deg)
}
nav .nav--items--left .servers .online {
	color: #adff2f
}
nav .nav--items--left .servers .offline {
	color: red
}
nav .nav--items--left .servers .soon {
	color: #cdad8b
}
nav .nav--items--left .servers--list {
	position: fixed;
	border-top: .2vh solid rgba(255, 255, 255, .103);
	width: 25vh;
	top: 7.5vh;
	left: 0;
	height: 0vh;
	overflow: hidden;
	z-index: 1;
	opacity: 0;
	background-color: rgb(10 9 9 / 42%);
	opacity: 1;
	padding: 0vh 2vh;
	border-right: .2vh solid rgba(58, 49, 38, .607)
}
nav .nav--items--left .servers--list.active {
	height: 100vh;
	opacity: 1;
	padding: 2vh
}
nav .nav--items--left .servers--list li {
	position: relative;
	width: 100%;
	background-color: #54535342;
	left: 0;
	margin: 0;
	margin-bottom: 2vh;
	height: 13vh;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	text-align: center;
	border: .2vh solid rgba(115, 90, 52, .773);
	border-radius: 0vh 2vh 0vh 2vh
}
nav .nav--items--left .servers--list li p {
	font-size: 1.8vh
}
nav .nav--items--left .servers--list li a {
	border: .2vh solid #735a34;
	background-color: rgb(106 101 93 / 32%);
	color: #fff;
	width: 80%;
	padding: 1vh 0vh .3vh 0vh;
	border-radius: 15vh;
	margin-top: 1.5vh;
	font-size: 1.8vh
}
nav .nav--items--left .servers--list li a::before {
	display: none
}
nav .nav--items--left .servers--list li a:hover {
	background-color: #0000006b
}
nav .nav--items--right {
	display: flex;
	height: 100%;
	align-items: center;
	padding-right: 2vh
}
nav .nav--items--right li:nth-child(1) {
	display: flex;
	align-items: center;
	margin-right: 2vh
}
nav .nav--items--right li:nth-child(1) a {
	width: 6vh;
	height: 6vh;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative
}
nav .nav--items--right li:nth-child(1) a:hover::before {
	transform: scale(1);
	opacity: 1
}
nav .nav--items--right li:nth-child(1) a:hover i {
	color: #fff
}
nav .nav--items--right li:nth-child(1) a::before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	background-color: rgba(67, 92, 126, .8);
	border-radius: 100%;
	transform: scale(0);
	opacity: 0
}
nav .nav--items--right li:nth-child(1) a i {
	font-size: 2vh;
	color: rgba(255, 255, 255, .618);
	position: relative;
	z-index: 1
}
nav .nav--items--right li:nth-child(2) a {
	width: 10vh;
	height: 5vh;
	background-color: rgb(162 147 125 / 18%);
	backdrop-filter: blur(60px);
	padding: .5vh
}
nav .nav--items--right li:nth-child(2) a:hover {
	background-color: rgb(162 147 125 / 38%);
}
nav .nav--items--right li:nth-child(2) a span:nth-child(1) {
	border-color: rgba(236, 197, 129, .6)
}
nav .nav--items--right li:nth-child(2) a img {
	width: 5vh
}
nav .nav--items--right li:nth-child(2) a svg {
	width: 2.2vh;
	color: #fff
}
a {
	text-decoration: none
}
li {
	list-style: none
}
.main--button {
	border-radius: 6.7024128686vh;
	padding: .7vh;
	position: relative;
	display: inline-flex;
	border: .1340482574vh solid rgba(255, 255, 255, .08);
	box-shadow: 0vh 3vh 7vh rgba(0, 0, 0, .5)
}
.main--button:hover span:nth-child(1) {
	border: .1340482574vh solid rgba(255, 255, 255, .6)
}
.main--button:hover span:nth-child(1) img {
	opacity: .7
}
.main--button span:nth-child(1) {
	width: 100%;
	height: 100%;
	border-radius: 6.7024128686vh;
	border: .1340482574vh solid rgba(255, 255, 255, .35);
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative
}
.main--button span:nth-child(1) p {
	position: relative;
	top: .45vh;
	color: #fff !important;
	text-shadow: 0vh 0vh 2vh #fff;
	margin: 0 !important
}
.main--button span:nth-child(1) img {
	opacity: .2;
	margin: 0vh 1.1vh 0vh 1.1vh;
	width: 2.5469168901vh
}
.main--button span:nth-child(1) img:nth-child(3) {
	transform: rotate(180deg)
}
.main--button span:nth-child(2) {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between
}
.main--button span:nth-child(2) img {
	width: 7.2386058981vh
}
.main--button span:nth-child(2) img:nth-child(1) {
	position: relative;
	left: -2.6vh
}
.main--button span:nth-child(2) img:nth-child(2) {
	position: relative;
	right: -1.3vh;
	transform: rotate(180deg)
}
@keyframes tabs {
	0% {
		opacity: 0;
		transform: translateY(10px)
	}
	100% {
		opacity: 1;
		transform: translateY(0px)
	}
}
.tabs {
	text-align: center
}
.tabs .tab-nav li span {
	cursor: pointer
}
.tabs .tab {
	display: none;
	animation: tabs 1s
}
.tabs .tab.active {
	display: block
}
.out {
	z-index: -1 !important
}
.news {
	width: 100%;
	display: flex;
	padding-top: 5vh;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	background: url(../img/bg/3.jpg) top/cover no-repeat
}
.news::before {
	content: "";
	width: 100%;
	top: 0;
	left: 0;
	height: 100%;
	position: absolute;
	background: linear-gradient(rgb(6 6 6 / 59%), rgb(6 5 5 / 83%));
}
.news .news--more {
	position: relative;
	z-index: 1;
	background-color: rgb(162 147 125 / 38%);
	width: 30vh;
	height: 7vh;
	margin-top: 6vh;
	padding: .5vh
}
.news h1 {
	font-size: 6vh;
	position: relative;
	z-index: 1
}
.news--list {
	margin-top: 5vh;
	position: relative;
	z-index: 1;
	display: flex;
	width: 135vh;
	justify-content: space-between
}
.news--list .decoration {
	pointer-events: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}
.news--list .decoration img {
	width: 10vh;
	position: absolute
}
.news--list .decoration img:nth-child(1) {
	top: 0;
	left: 0
}
.news--list .decoration img:nth-child(2) {
	bottom: 0;
	right: 0;
	transform: rotate(180deg)
}
.news--list .news--img {
	height: 50%;
	overflow: hidden
}
.news--list .news--img img {
	height: 100%
}
.news--list .news--text {
	height: 50%;
	display: flex;
	flex-direction: column;
	align-items: start;
	padding: 4vh;
	justify-content: space-evenly
}
.news--list .news--text p {
	text-align: left;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	font-size: 2.2vh;
	color: #fff
}
.news--list .news--text span {
	font-size: 1.6vh;
	color: gray;
	height: 20%
}
.news--list a {
	width: 23%;
	overflow: hidden;
	position: relative;
	background-color: rgba(2, 2, 2, .533);
	box-shadow: 0vh 2vh 5vh rgba(0, 0, 0, .49);
	height: 35vh;
	border-radius: 0vh 3vh 0vh 3vh;
	border: .2vh solid rgba(255, 255, 255, .241)
}
.news--list a:hover {
	transform: scale(1.1)
}
.shop {
	text-align: center;
	padding-top: 6vh;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	background: url(../img/bg/4.jpg) top/cover no-repeat
}
.shop::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background: linear-gradient(rgba(0, 0, 0, 0.286), rgba(32, 26, 18, 0.714));
	top: 0;
	left: 0;
	z-index: 0
}
.shop h1 {
	font-size: 6vh;
	position: relative;
	z-index: 1
}
.shop .shop--filter {
	display: flex;
	margin-top: 3vh
}
.shop .shop--filter span {
	cursor: pointer;
	backdrop-filter: blur(5vh);
	padding: 1vh 4vh .4vh 4vh;
	color: #b8b8b8;
	background-color: rgba(0, 0, 0, .322);
	margin: 0vh 1vh;
	box-shadow: 0vh 0vh 2vh rgba(0, 0, 0, .484);
	font-size: 1.8vh;
	border-radius: 20vh;
	border: .2vh solid rgba(183, 134, 85, .456)
}
.shop .shop--filter span:hover {
	color: #fff
}
.shop .shop--filter span.active {
	color: #fff;
	border: .2vh solid #b78655;
	background-color: #765635
}
.shop .shop--items {
	width: 135vh;
	margin: 0 auto;
	position: relative;
	margin-top: 5vh;
	padding-bottom: 7vh
}
.shop .shop--items .swiper-scrollbar {
	left: 0;
	width: 90%;
	height: .6vh !important;
	background: rgba(255, 255, 255, .05) !important
}
.shop .shop--items .swiper-scrollbar-drag {
	background: rgba(96, 81, 57, .941) !important;
	height: .6vh !important
}
.shop .shop--items .swiper--navigation {
	position: absolute;
	bottom: -1.5vh;
	right: 4vh;
	display: flex
}
.shop .shop--items .swiper--navigation .swiper-button-prev {
	position: static !important;
	cursor: pointer;
	margin-right: 1vh
}
.shop .shop--items .swiper--navigation img {
	width: 2.5vh
}
.shop .shop--items .swiper--navigation .swiper-button-next {
	position: static !important;
	cursor: pointer
}
.shop .shop--items .swiper--navigation .swiper-button-next img {
	transform: rotate(180deg)
}
.shop .shop--items .item {
	height: 35vh;
	padding-right: 4vh
}
.shop .shop--items .item.out {
	opacity: 0;
	transform: scale(0);
	max-width: 0;
	padding: 0;
	overflow: hidden
}
.shop .shop--items .item:hover {
	transform: scale(1.1)
}
.shop .shop--items .item:hover .item--content {
	border: .2vh solid rgba(192, 156, 73, .592)
}
.shop .shop--items .item--content {
	background-color: rgba(57, 48, 37, .516);
	height: 100%;
	backdrop-filter: blur(5vh);
	box-shadow: 0vh 3vh 5vh rgba(0, 0, 0, .604);
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	padding: 4vh 2vh;
	border-radius: 0vh 4vh 0vh 4vh;
	border: .2vh solid rgba(255, 255, 255, .099)
}
.shop .shop--items .item--image {
	width: 100%;
	height: 50%;
	display: flex;
	align-items: center;
	justify-content: center
}
.shop .shop--items .item--image img {
	width: 10vh
}
.shop .shop--items .item--info {
	display: flex;
	color: #fff;
	flex-direction: column;
	text-align: center;
	align-items: center;
	height: 50%;
	justify-content: end
}
.shop .shop--items .item--info span {
	display: flex;
	width: 90%;
	align-items: center;
	justify-content: center;
	padding: 1vh 3vh .5vh 3vh;
	font-size: 1.8vh;
	margin-top: 2vh;
	background-color: #725b25;
	border-radius: 10vh
}
.shop .shop--items .item--decoration {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}
.shop .shop--items .item--decoration img {
	width: 13.0026809651vh
}
.shop .shop--items .item--decoration img:nth-child(1) {
	position: absolute;
	top: 0;
	left: 0
}
.shop .shop--items .item--decoration img:nth-child(2) {
	position: absolute;
	bottom: 0;
	right: 0;
	transform: rotate(180deg)
}
.package {
	width: 100%;
	height: 100vh;
	display: flex;
	flex-direction: column;
	text-align: center;
	justify-content: center;
	align-items: center;
	background: url(../../cdn.discordapp.com/attachments/1103064862130708522/1103066926881706065/3213046e-f77f-4075-afd3-4eef6a31638c.png) top/cover no-repeat;
	position: relative;
	z-index: 1001;
	padding-top: 9vh;
	display: none
}
.package::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.601));
	top: 0
}
.package::after {
	content: "";
	position: absolute;
	width: 80%;
	height: 60%;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	background-color: rgba(0, 0, 0, .69);
	filter: blur(180px)
}
.package--advise {
	position: relative;
	z-index: 1;
	width: 135.6434316354vh;
	text-align: left;
	margin-top: 5vh
}
.package--advise p {
	font-size: 1.5vh;
	color: gray;
	width: 80%;
	line-height: 2.5vh
}
.package--list {
	display: flex;
	width: 135.6434316354vh;
	height: 50.6193029491vh;
	justify-content: space-between;
	z-index: 100
}
.package--list .package--main {
	width: 60%;
	height: 100%;
	box-shadow: 0vh 7vh 9vh rgba(0, 0, 0, .53)
}
.package--list .package--main .ultimate {
	background: url(../img/ui/pack/ultimate.jpg) top/cover no-repeat
}
.package--list .package--main .package--content {
	width: 100%;
	height: 100%;
	text-align: left;
	padding: 10vh;
	position: relative;
	border-radius: 0vh 2vh 0vh 2vh;
	border: .1340482574vh solid rgba(255, 255, 255, .2)
}
.package--list .package--main .package--content h1 {
	font-size: 6.5vh;
	width: 70%;
	font-weight: normal;
	line-height: 6vh
}
.package--list .package--main .package--content .package--decoration {
	position: absolute;
	top: 0;
	pointer-events: none;
	width: 100%;
	height: 100%;
	left: 0
}
.package--list .package--main .package--content .package--decoration img {
	width: 13.0026809651vh
}
.package--list .package--main .package--content .package--decoration img:nth-child(1) {
	position: absolute;
	top: 0;
	left: 0
}
.package--list .package--main .package--content .package--decoration img:nth-child(2) {
	position: absolute;
	bottom: 0;
	right: 0;
	transform: rotate(180deg)
}
.package--list .package--main .package--content .package--buy {
	position: absolute;
	bottom: 6vh;
	right: 6vh;
	text-align: center
}
.package--list .package--main .package--content .package--buy p {
	font-size: 4vh;
	margin-bottom: .5vh
}
.package--list .package--main .package--content .package--buy a {
	background-color: rgba(151, 29, 29, .823);
	width: 25vh;
	height: 8vh;
	cursor: pointer;
	border-color: #ce681a
}
.package--list .package--main .package--content .package--buy a p {
	font-size: 2.5vh
}
.package--list .package--main .package--content .package--buy a span:nth-child(1)::before {
	background-color: #ff3636
}
.package--list .package--main .package--content .package--buy a span:nth-child(2) img {
	filter: grayscale(100%)
}
.package--list .package--main .package--content .package--box {
	position: absolute;
	bottom: 0vh;
	left: 0vh;
	display: flex;
	flex-direction: column;
	text-align: center;
	justify-content: center;
	align-items: center;
	width: 65%;
	height: 80%
}
.package--list .package--main .package--content .package--box img {
	width: 20vh
}
.package--list .package--secondary {
	width: 37%;
	display: flex;
	flex-direction: column;
	gap: 4vh
}
.package--list .package--secondary .adventure {
	background: url(../img/ui/pack/adventure.jpg) top/cover no-repeat
}
.package--list .package--secondary .journey {
	background: url(../img/ui/pack/journey.jpg) top/cover no-repeat
}
.package--list .package--secondary .package--content {
	background-color: #1c1a1a;
	width: 100%;
	height: 50%;
	position: relative;
	border-radius: 0vh 3vh 0vh 3vh;
	border: .1340482574vh solid rgba(255, 255, 255, .2);
	box-shadow: 0vh 3vh 4vh rgba(0, 0, 0, .589)
}
.package--list .package--secondary .package--content h1 {
	position: absolute;
	top: 5vh;
	left: 4vh;
	width: 50%;
	text-align: left;
	font-size: 3.5vh;
	line-height: 4vh;
	text-shadow: 0vh 2vh 2vh rgba(0, 0, 0, .679)
}
.package--list .package--secondary .package--content div {
	position: absolute;
	bottom: 3vh;
	width: 85%;
	margin-right: auto;
	margin-left: auto;
	left: 0;
	right: 0;
	display: flex;
	align-items: center;
	justify-content: space-between
}
.package--list .package--secondary .package--content div .price {
	color: #bac7cc;
	font-size: 2.8vh
}
.package--list .package--secondary .package--content div a {
	width: 20vh;
	height: 6vh;
	padding: .6vh;
	cursor: pointer;
	backdrop-filter: blur(30px);
	background-color: rgba(220, 229, 239, .371)
}
.package--list .package--secondary .package--content div a span:nth-child(2) img {
	filter: grayscale(100%)
}
.package--list .package--secondary .package--content--decoration {
	position: absolute;
	width: 100%;
	height: 100%;
	pointer-events: none;
	top: 0;
	left: 0
}
.package--list .package--secondary .package--content--decoration img {
	width: 13.0026809651vh
}
.package--list .package--secondary .package--content--decoration img:nth-child(1) {
	position: absolute;
	top: 0;
	left: 0
}
.package--list .package--secondary .package--content--decoration img:nth-child(2) {
	position: absolute;
	bottom: 0;
	right: 0;
	transform: rotate(180deg)
}
.ultimate--checkout button {
	background-color: #851f1f !important
}
.ultimate--checkout button span:nth-child(1)::before {
	background-color: #ff4343
}
.ultimate--checkout .checkout--package--information {
	background: url(../img/ui/pack/ultimate-checkout.jpg) top/cover no-repeat
}
.adventure--checkout button {
	background-color: #275eaa !important
}
.adventure--checkout button span:nth-child(1)::before {
	background-color: #dcf1ff
}
.adventure--checkout .checkout--package--information {
	background: url(../img/ui/pack/adventure-checkout.jpg) top/cover no-repeat
}
.journey--checkout button {
	background-color: #7e27aa !important
}
.journey--checkout button span:nth-child(1)::before {
	background-color: #dcf1ff
}
.journey--checkout .checkout--package--information {
	background: url(../img/ui/pack/journey-checkout.jpg) top/cover no-repeat
}
.package--title {
	position: relative;
	z-index: 10;
	margin-bottom: 4vh
}
.package--title h1 {
	font-size: 6vh
}
.package--checkout {
	position: fixed;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	text-align: center;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, .7);
	backdrop-filter: blur(20px);
	width: 100%;
	height: 100vh;
	z-index: 1005;
	visibility: hidden;
	opacity: 0;
	pointer-events: none
}
.package--checkout.active {
	visibility: visible;
	opacity: 1;
	pointer-events: all
}
.package--checkout.active .checkout--box {
	transform: scale(1)
}
.package--checkout .checkout--box {
	width: 100vh;
	transform: scale(1.3)
}
.package--checkout .checkout--box .checkout--title {
	text-align: left;
	display: flex;
	align-items: center;
	margin-bottom: 2.8vh
}
.package--checkout .checkout--box .checkout--title p {
	display: flex;
	flex-direction: column;
	font-size: 6vh
}
.package--checkout .checkout--box .checkout--title p span {
	color: #ca4d4d;
	font-size: 3vh;
	margin-bottom: 1vh
}
.package--checkout .checkout--box .checkout--title .checkout--close {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 4vh;
	position: relative;
	top: -1vh;
	cursor: pointer
}
.package--checkout .checkout--box .checkout--title .checkout--close svg {
	position: absolute;
	width: 2.5vh;
	color: #fff
}
.package--checkout .checkout--box .checkout--title .checkout--close img {
	width: 10vh;
	opacity: .5
}
.package--checkout .checkout--box .checkout--content {
	display: flex;
	width: 100%;
	height: 55vh;
	border-radius: 0vh 3vh 0vh 3vh;
	overflow: hidden;
	background-color: #1c1c22;
	border: .1340482574vh solid rgba(255, 255, 255, .096);
	position: relative
}
.package--checkout .checkout--box .checkout--content--decoration {
	position: absolute;
	width: 100%;
	height: 100%;
	pointer-events: none;
	top: 0;
	left: 0
}
.package--checkout .checkout--box .checkout--content--decoration img:nth-child(1) {
	position: absolute;
	top: 0;
	left: 0
}
.package--checkout .checkout--box .checkout--content--decoration img:nth-child(2) {
	position: absolute;
	bottom: 0;
	right: 0;
	transform: rotate(180deg)
}
.package--checkout .checkout--box .checkout--content .checkout--package--information {
	width: 50%;
	height: 100%;
	position: relative
}
.package--checkout .checkout--box .checkout--content .checkout--package--information div {
	position: absolute;
	width: 80%;
	bottom: 5vh;
	display: flex;
	flex-direction: column;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0
}
.package--checkout .checkout--box .checkout--content .checkout--package--information div button {
	width: 100%;
	height: 8vh;
	font-family: "HIT2"
}
.package--checkout .checkout--box .checkout--content .checkout--package--information div button p {
	font-size: 2vh
}
.package--checkout .checkout--box .checkout--content .checkout--package--information div button span:nth-child(2) img {
	filter: grayscale(100%)
}
.package--checkout .checkout--box .checkout--content .checkout--package--information div input {
	height: 6vh;
	outline: none;
	font-family: "Hit2";
	font-size: 2vh;
	padding-left: 3vh;
	padding-top: .7vh;
	border-radius: 30vh;
	margin-bottom: 2vh;
	background-color: rgba(0, 0, 0, .47);
	border: .2680965147vh solid rgba(255, 255, 255, .2);
	color: #fff
}
.package--checkout .checkout--box .checkout--content .checkout--package--information div input:focus {
	border: .2680965147vh solid rgba(255, 255, 255, .5)
}
.package--checkout .checkout--box .checkout--content .checkout--package--information div .package--total {
	height: 3vh;
	outline: none;
	font-family: "Hit2";
	font-size: 3vh;
	padding-top: .7vh;
	border-radius: 30vh;
	margin-bottom: 2vh;
	display: flex;
	align-items: center;
	justify-content: center
}
.package--checkout .checkout--box .checkout--content .checkout--package--information div .package--total span:nth-child(1) {
	margin-right: .5vh;
	color: rgba(255, 255, 255, .742)
}
.package--checkout .checkout--box .checkout--content .checkout--package--items {
	padding: 5vh;
	width: 80%;
	text-align: left
}
.package--checkout .checkout--box .checkout--content .checkout--package--items ul {
	width: 100%;
	text-align: left;
	margin-top: 3vh;
	overflow-y: scroll;
	padding-right: 1.6vh;
	height: 88%
}
.package--checkout .checkout--box .checkout--content .checkout--package--items ul::-webkit-scrollbar-thumb {
	width: .2vh;
	background-color: rgba(255, 255, 255, .363);
	border-radius: 5vh
}
.package--checkout .checkout--box .checkout--content .checkout--package--items ul::-webkit-scrollbar-track {
	width: .2vh;
	background-color: rgba(255, 255, 255, 0);
	border-radius: 5vh
}
.package--checkout .checkout--box .checkout--content .checkout--package--items ul::-webkit-scrollbar {
	width: .7vh;
	background-color: rgba(255, 255, 255, 0)
}
.package--checkout .checkout--box .checkout--content .checkout--package--items ul li:not(:last-child) {
	margin-bottom: 1.5vh
}
.package--checkout .checkout--box .checkout--content .checkout--package--items ul li {
	width: 100%;
	padding: 2vh;
	height: 7vh;
	display: flex;
	align-items: center;
	border-radius: .6vh;
	color: #828aa4;
	background-color: rgba(65, 78, 113, .171)
}
.package--checkout .checkout--box .checkout--content .checkout--package--items ul li span {
	position: relative;
	top: .4vh
}
.package--checkout .checkout--box .checkout--content .checkout--package--items ul li img {
	width: 3.5vh;
	margin-right: 2vh
}
.package--checkout .checkout--terms {
	color: gray;
	font-size: 1.3vh;
	text-align: left;
	margin-top: 2.3vh;
	display: flex;
	align-items: center
}
.package--checkout .checkout--terms p {
	display: flex;
	align-items: center
}
.package--checkout .checkout--terms i {
	font-size: 2vh;
	position: relative;
	top: -0.3vh;
	margin-right: .7vh
}
.new {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	flex-direction: column;
	position: relative;
	background: url(../img/bg/2.jpg) top/cover no-repeat;
	z-index: 13;
	padding-top: 6vh
}
.new::before {
	content: "";
	position: absolute;
	background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(27, 22, 16, 0.995));
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}
.new--title {
	margin-bottom: 5vh;
	position: relative;
	z-index: 100
}
.new--title h1 {
	font-size: 7vh
}
.new--list {
	display: flex;
	width: 145.6434316354vh;
	justify-content: space-between;
	align-items: center;
	gap: 5vh;
	position: relative;
	z-index: 50
}
.new--list a {
	width: 100%;
	background-color: rgba(12, 12, 12, .467);
	cursor: pointer;
	height: 42vh;
	position: relative;
	z-index: 100;
	border: .1340482574vh solid rgba(255, 255, 255, .2);
	box-shadow: 0vh 6vh 3vh rgba(0, 0, 0, .356);
	border-radius: 0vh 3vh 0vh 3vh
}
.new--list a:hover {
	transform: scale(1.1)
}
.new--list a:hover span:nth-child(2) img {
	transition: transform 8s;
	transform: scale(1.3);
	filter: grayscale(0%);
	opacity: .95
}
.new--list a:hover span:nth-child(1) div i {
	transform: rotate(180deg);
	color: #fff
}
.new--list a span:nth-child(1) {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	background: linear-gradient(rgba(0, 0, 0, 0.001), rgba(0, 0, 0, 0.368), rgba(0, 0, 0, 0.675));
	position: relative;
	z-index: 100;
	border-radius: 0vh 3vh 0vh 3vh
}
.new--list a span:nth-child(1) div:nth-child(1) {
	display: flex;
	align-items: center;
	justify-content: center;
	padding-bottom: 3vh;
	border: none;
	background: none;
	box-shadow: none
}
.new--list a span:nth-child(1) div:nth-child(1) i {
	font-size: 4vh;
	position: absolute;
	color: rgba(243, 248, 255, .615)
}
.new--list a span:nth-child(1) div:nth-child(1) img {
	position: absolute;
	width: 12vh;
	opacity: .3
}
.new--list a span:nth-child(1) div:nth-child(2) {
	position: absolute;
	height: 10vh;
	bottom: 2vh;
	width: 70%;
	background-color: none;
	background: none;
	display: flex;
	align-items: center;
	justify-content: center;
	border: none;
	box-shadow: none;
	color: #fff;
	font-size: 2.2vh
}
.new--list a span:nth-child(2) {
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
	top: 0;
	z-index: -1;
	background-color: #000;
	left: 0;
	border-radius: 0vh 3vh 0vh 3vh;
	display: flex;
	align-items: center;
	justify-content: center
}
.new--list a span:nth-child(2) img {
	height: 100%;
	z-index: -1;
	opacity: .6;
	filter: grayscale(90%)
}
.new--list a span:nth-child(3) {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 100
}
.new--list a span:nth-child(3) img {
	width: 13.0026809651vh
}
.new--list a span:nth-child(3) img:nth-child(1) {
	position: absolute;
	top: 0;
	left: 0
}
.new--list a span:nth-child(3) img:nth-child(2) {
	position: absolute;
	bottom: 0;
	right: 0;
	transform: rotate(180deg)
}
.new--bgs {
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
	top: 0
}
.new--bgs div {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 10;
	background-color: #000;
	opacity: 0
}
.new--bgs div::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background: linear-gradient(rgba(21, 21, 21, 0), rgb(18, 15, 15));
	z-index: 100;
	top: 0
}
.new--bgs div img {
	opacity: 0;
	width: 100%;
	z-index: -1
}
.new--bgs div.active {
	opacity: 1
}
.new--bgs div.active img {
	opacity: .3;
	animation: scale 30s infinite linear
}
.home {
	overflow: hidden;
	width: 100%;
	display: flex;
	align-items: start !important;
	justify-content: center !important;
	background: url(../img/bg/1.jpg) top/cover no-repeat;
	position: relative;
	z-index: 10
}
.home::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
	left: 0;
	top: 0
}
.home--effects {
	position: absolute;
	width: 100%;
	height: 100%;
	pointer-events: none
}
.home--effects img {
	filter: grayscale(50%)
}
.home--effects img:nth-child(1) {
	width: 500vh;
	position: absolute;
	bottom: -40vh;
	opacity: 0;
	animation: right-to-left 60s infinite linear
}
.home--effects img:nth-child(3) {
	width: 500vh;
	position: absolute;
	bottom: -40vh;
	opacity: 0;
	animation: right-to-left 60s 30s infinite linear
}
.home--effects img:nth-child(2) {
	width: 600vh;
	position: absolute;
	bottom: -30vh;
	left: -190%;
	opacity: .9;
	animation: left-to-right 60s infinite linear
}
.home--effects img:nth-child(4) {
	width: 600vh;
	position: absolute;
	bottom: -30vh;
	left: -190%;
	opacity: 0;
	animation: left-to-right 60s 30s infinite linear
}
.home--character {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	overflow: hidden;
	display: flex;
	justify-content: end
}
.home--character img {
	position: absolute;
	right: -15vh;
	top: 10vh;
	width: 127.2386058981vh;
	animation: levitate 5s infinite linear
}
.home--content {
	width: 134.0482573727vh;
	z-index: 100;
	text-align: center;
	/*left: 12vh; Liamxroy*/
	position: absolute;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center
}
.home--content--top .logo {
	margin-bottom: 3.5vh
}
.home--content--top .logo img {
	width: 45.2144772118vh
}
.home--content--top a {
	width: 50.2144772118vh;
	height: 9vh;
	background-color: rgb(86 65 62 / 26%);
}
.home--content--top a:hover span:nth-child(1) {
	border: .1340482574vh solid rgba(255, 255, 255, .8)
}
.home--content--top a:hover span:nth-child(1) p {
	font-size: 3.8vh
}
.home--content--top a span:nth-child(1) {
	font-size: 3.2vh
}
.home--content--top a span:nth-child(1)::before {
	background-color: rgba(255, 255, 255, .6)
}
.home--content--top a span:nth-child(1) p {
	top: .8vh
}
.home--content--top h1 {
	font-size: 5vh;
	margin-bottom: 3vh
}
.home--content--bottom {
	margin-top: 9vh
}
.home--content--bottom ul {
	display: flex;
	justify-content: center;
	height: 100%;
	gap: 5vh;
	align-items: center
}
.home--content--bottom ul li {
	position: relative;
	display: flex;
	justify-content: center;
	flex-direction: column;
	text-align: center;
	align-items: center;
	width: 20%;
	cursor: pointer
}
.home--content--bottom ul li:hover span:nth-child(1) {
	opacity: 1;
	visibility: visible;
	pointer-events: all;
	bottom: 120%
}
.home--content--bottom ul li:hover span:nth-child(2) img:nth-child(1) {
	transform: scale(1.1)
}
.home--content--bottom ul li:hover span:nth-child(3) {
	color: #fff;
	text-shadow: 0vh 0vh 1vh #fff
}
.home--content--bottom ul li span:nth-child(1) {
	position: absolute;
	bottom: 90%;
	width: 210%;
	padding: 3vh;
	display: flex;
	font-size: 1.8vh;
	line-height: 2.3vh;
	background-color: rgb(98 117 142 / 21%);
	align-items: center;
	border-radius: 1vh;
	visibility: hidden;
	opacity: 0;
	pointer-events: none;
	backdrop-filter: blur(20px);
	color: #d8ecfd !important
}
.home--content--bottom ul li span:nth-child(1)::before {
	content: "";
	position: absolute;
	bottom: -1vh;
	transform: rotate(180deg);
	background-color: rgb(98 117 142 / 21%);
	clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
	width: 1.5vh;
	height: 1vh;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0
}
.home--content--bottom ul li span:nth-child(2) {
	display: flex;
	align-items: center;
	justify-content: center
}
.home--content--bottom ul li span:nth-child(2) img:nth-child(1) {
	width: 12.6943699732vh
}
.home--content--bottom ul li span:nth-child(2) img:nth-child(2) {
	position: absolute;
	width: 5.0407506702vh
}
.home--content--bottom ul li span:nth-child(3) {
	width: 80%;
	display: flex;
	justify-content: center;
	align-items: start;
	color: rgba(255, 255, 255, .8);
	font-size: 1.8vh;
	line-height: 2.5vh;
	padding-top: 2.2vh
}
.game {
	overflow: hidden;
	width: 100%;
	position: relative
}
.game .game--items {
	height: 100vh;
	width: 100%;
	position: relative
}
.game .game--items .swiper-slide {
	position: relative
}
.game .game--items .swiper-slide-active .game--items--bg img {
	animation: scale 35s infinite linear
}
.game .game--items .swiper-slide-active .game--items--text div {
	animation: scale2 1s
}
.game .game--items--bg {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 0
}
.game .game--items--bg img {
	width: 100%;
	opacity: .7
}
.game .game--items--text {
	position: absolute;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1;
	background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.259), rgba(0, 0, 0, 0.845))
}
.game .game--items--text div {
	width: 92.6530612245vh;
	margin: 0 auto;
	text-align: center;
	position: relative
}
.game .game--items--text div::before {
	content: "";
	position: absolute;
	width: 92.6530612245vh;
	height: 32.6530612245vh;
	background-color: rgba(0, 0, 0, .604);
	left: 0;
	top: 0;
	filter: blur(100px);
	z-index: -1
}
.game .game--items--text div .step {
	letter-spacing: 3vh;
	color: #d8b156
}
.game .game--items--text div p {
	color: rgba(255, 255, 255, .741);
	font-size: 2.2448979592vh;
	margin-bottom: 6vh;
	line-height: 3vh
}
.game .game--items--text div h1 {
	font-size: 6.9387755102vh;
	margin-bottom: 2vh
}
.game .game--items--text div a {
	width: 40.8163265306vh;
	height: 8.1632653061vh;
	background-color: #414b53
}
.game .game--items--text div a p {
	padding-top: .4vh
}
.game .game--progress {
	border-top: 1px solid var(--line--color);
	position: absolute;
	bottom: 16vh;
	width: 100%;
	z-index: 100
}
.game .game--progress::after {
	content: "";
	position: absolute;
	top: -.1020408163vh;
	height: .1020408163vh;
	background-color: var(--primary--color);
	width: 18.5%;
	pointer-events: none
}
.game .game--progress--controls {
	width: 132.6530612245vh;
	margin: 0 auto;
	z-index: 100
}
.game .game--progress--controls .swiper-slide-thumb-active~div {
	color: var(--font--gray)
}
.game .game--progress--controls .swiper-slide-thumb-active~div .progress--icon {
	position: absolute;
	left: -4.7510204082vh;
	top: -4.7510204082vh;
	display: block;
	z-index: 120;
	display: flex;
	align-items: center;
	justify-content: center
}
.game .game--progress--controls .swiper-slide-thumb-active~div .progress--icon img {
	width: 9.1020408163vh
}
.game .game--progress--controls .swiper-slide-thumb-active~div::before {
	border: .4081632653vh solid var(--line--color);
	backdrop-filter: blur(20px)
}
.game .game--progress--controls .swiper-slide-thumb-active~div::after {
	transform: scaleX(0);
	transform-origin: 0 0
}
.game .game--progress--controls .swiper-slide {
	color: var(--font--gray);
	text-align: center;
	position: relative;
	cursor: pointer
}
.game .game--progress--controls .swiper-slide:hover {
	color: #fff
}
.game .game--progress--controls .swiper-slide:hover .progress--icon {
	transform: scale(1)
}
.game .game--progress--controls .swiper-slide .progress--text {
	padding-top: 2.5408163265vh;
	position: absolute;
	text-align: center;
	width: 60%;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	font-size: 1.8285714286vh
}
.game .game--progress--controls .swiper-slide .progress--icon {
	position: absolute;
	left: -4.7510204082vh;
	top: -4.7510204082vh;
	display: block;
	transform: scale(0);
	z-index: 120;
	display: flex;
	align-items: center;
	justify-content: center
}
.game .game--progress--controls .swiper-slide .progress--icon img {
	width: 9.1020408163vh
}
.game .game--progress--controls .swiper-slide .progress--icon p {
	position: absolute;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	top: 3.9vh
}
.game .game--progress--controls .swiper-slide::before {
	content: "";
	position: absolute;
	left: -.812244898vh;
	width: .8163265306vh;
	height: .8163265306vh;
	top: -.812244898vh;
	border: .4081632653vh solid var(--primary--color);
	backdrop-filter: blur(20px);
	transform: rotate(45deg);
	z-index: 110
}
.game .game--progress--controls .swiper-slide .progress--last {
	position: absolute;
	right: -.812244898vh;
	width: 1.4163265306vh;
	height: 1.4163265306vh;
	top: -.812244898vh;
	border: .4081632653vh solid var(--line--color);
	backdrop-filter: blur(20px);
	transform: rotate(45deg);
	z-index: 110
}
.game .game--progress--controls .swiper-slide::after {
	content: "";
	position: absolute;
	width: 100%;
	height: .1020408163vh;
	background-color: var(--primary--color);
	top: -.1020408163vh;
	left: 0;
	transform: scaleX(1);
	transform-origin: 0 0
}
.game .game--progress--controls .swiper-slide-thumb-active {
	color: #fff;
	position: relative
}
.game .game--progress--controls .swiper-slide-thumb-active::after {
	left: 0;
	transform-origin: 0 0;
	transform: scaleX(0);
	animation: progress 9.5s
}
.game .game--progress--controls .swiper-slide-thumb-active .progress--icon {
	transform: scale(1)
}
.fp-watermark {
	display: none
}
.language {
	position: fixed;
	bottom: 8.5vh;
	left: 3vh;
	z-index: 1005;
	height: 5.5vh;
	width: 5.5vh
}
.language:hover .language--select {
	max-height: 32vh
}
.language:hover li i {
	transform: rotate(180deg);
	color: #fff
}
.language li {
	height: 5.5vh;
	width: 5.5vh;
	cursor: pointer;
	border-radius: 100%;
	position: relative;
	padding: 1vh;
	background-color: #232018;
	border: .2vh solid rgba(184, 160, 124, .204)
}
.language li:hover {
	background-color: #4a432e
}
.language li i {
	position: absolute;
	top: 2vh;
	right: -2.5vh;
	font-size: 1.5vh;
	color: #a48641
}
.language li span {
	width: 100%;
	height: 100%;
	border-radius: 100%;
	display: flex;
	background-color: #fff;
	overflow: hidden
}
.language li span img {
	height: 100%;
	width: 100%
}
.language--select {
	position: absolute;
	bottom: 108%;
	max-height: 0;
	overflow: hidden
}
.language--select a {
	color: gray;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center
}
.language--select a:hover {
	color: #fff
}
.f--article {
	display: flex;
	position: fixed;
	top: 0;
	width: 100%;
	height: 100vh;
	text-align: center;
	overflow-y: scroll;
	z-index: 1004;
	flex-direction: column;
	align-items: center;
	padding-top: 15vh;
	background-color: rgba(0, 0, 0, 0);
	padding-bottom: 10vh
}
.f--article.out {
	opacity: 0;
	height: 0;
	pointer-events: none
}
.f--article--content {
	width: 120vh;
	position: relative;
	padding: 7vh 4vh 7vh 7vh;
	background-color: rgba(40, 37, 30, .79);
	border-radius: 0vh 3vh 0vh 3vh;
	border: .2vh solid rgba(85, 75, 60, .648);
	text-align: left
}
.f--article--content .content {
	height: 40vh;
	padding-right: 3vh;
	overflow-y: scroll
}
.f--article--content .content::-webkit-scrollbar {
	width: .6vh;
	background-color: rgba(0, 0, 0, 0);
	border-radius: 5vh
}
.f--article--content .content::-webkit-scrollbar-thumb {
	background-color: #a48641;
	border-radius: 5vh
}
.f--article--content img {
	max-width: 70vh;
	border-radius: 2vh;
	margin-bottom: 2vh
}
.f--article--content h1 {
	font-size: 3vh;
	margin-bottom: 1vh
}
.f--article--content p {
	color: gray;
	margin-bottom: 3vh
}
.f--article .decoration {
	pointer-events: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}
.f--article .decoration img {
	width: 10vh;
	position: absolute;
	border-radius: 0;
	margin-bottom: 0
}
.f--article .decoration img:nth-child(1) {
	top: 0;
	left: 0
}
.f--article .decoration img:nth-child(2) {
	bottom: 0;
	right: 0;
	transform: rotate(180deg)
}
.f--article--title {
	margin-bottom: 4vh;
	width: 120vh
}
.f--article--title h1 {
	font-size: 5vh;
	margin-top: 4vh;
	text-align: center
}
.f--article--title a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: pointer
}
.f--article--title a:Hover {
	text-shadow: 0vh 0vh 2vh #fff
}
.f--article--title a:Hover span {
	margin-right: 3vh
}
.f--article--title a span {
	margin-right: 1.5vh;
	display: flex;
	align-items: center;
	justify-content: center
}
.f--article--title a span img:nth-child(1) {
	position: absolute;
	width: 2vh
}
.f--article--title a span img:nth-child(2) {
	width: 8vh
}
.f--article--bg {
	position: fixed;
	top: 0;
	z-index: -1;
	background-color: #000;
	width: 99%;
	height: 100%;
	pointer-events: none
}
.f--article--bg::before {
	content: "";
	top: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.652), black);
	z-index: 1
}
.f--article--bg img {
	opacity: .3;
	width: 100%
}
.faq div {
	width: 100%;
	display: flex;
	flex-direction: column;
	margin-bottom: 1vh;
	align-items: center
}
.faq div.active span:nth-child(1) {
	background-color: #9b6f3b
}
.faq div.active span:nth-child(1) img {
	transform: rotate(-270deg)
}
.faq div.active span:nth-child(2) {
	max-height: 100vh;
	padding: 4vh
}
.faq div:hover span:nth-child(1) {
	background-color: #9b6f3b
}
.faq div span:Nth-child(2) {
	padding: 0vh 4vh;
	margin: 0vh 0vh;
	background-color: rgba(28, 25, 19, .653);
	border-radius: 1vh;
	max-height: 0;
	overflow: hidden;
	color: gray;
	font-size: 1.7vh
}
.faq div span:nth-child(1) {
	cursor: pointer;
	display: flex;
	width: 100%;
	justify-content: space-between;
	align-items: center;
	padding: 2.5vh 3vh 2vh 3vh;
	background-color: #1e180f;
	border-radius: 1vh;
	border: .2vh solid rgba(106, 87, 73, .473);
	font-size: 1.8vh
}
.faq div span:nth-child(1) img {
	transform: rotate(270deg);
	position: relative;
	opacity: .5;
	width: 1.5vh
}
table {
	width: 100%;
	border-radius: 0.7vh;
	overflow: hidden
}
table tr th {
	padding: 2vh 2vh 1.5vh 2vh;
	background-color: #604a305c;
	font-weight: normal
}
table tr td {
	padding: 2vh 2vh 1.5vh 2vh;
	color: #b7a58d;
	background-color: #171e282b
}
.download--content {
	display: flex;
	justify-content: space-between;
	text-align: center
}
.download--link {
	width: 30%;
	position: sticky;
	top: 15vh;
	height: fit-content
}
.download--link h1 {
	margin-bottom: 3vh
}
.download--link a {
	width: 100%;
	height: 8vh;
	background-color: rgba(148, 95, 39, .785);
	font-size: 2.5vh;
	box-shadow: none
}
.download--link a:not(:last-child) {
	margin-bottom: 2vh
}
.download--information {
	width: 70%;
	padding-left: 8vh;
	margin-left: 8vh;
	border-left: .2vh solid rgba(255, 255, 255, .06)
}
.download--information .social a {
	height: 9vh;
	width: 30vh;
	box-shadow: none;
	background-color: #414b53
}
.download--information .info:not(:last-child) {
	padding-bottom: 6vh;
	margin-bottom: 6vh;
	border-bottom: .2vh solid rgba(255, 255, 255, .03)
}
.download--information .info h1 {
	margin-bottom: 3vh
}
.download--information .info .drivers {
	display: flex
}
.download--information .info .drivers a:not(:last-child) {
	margin-right: 3vh
}
.download--information .info .drivers a {
	width: 24vh;
	border-radius: 100%;
	height: 24vh;
	box-shadow: none;
	background-color: #51422b
}
.download--information .info .drivers a:hover {
	background-color: #76603f
}
.download--information .info .drivers a span:nth-child(1) {
	border-radius: 100%
}
.download--information .info .drivers a span:nth-child(1) img {
	width: 14vh;
	opacity: 1
}
.features--content {
	text-align: left
}
.features--content h2 {
	font-size: 4vh;
	font-weight: normal;
	margin-bottom: 4vh;
	padding-bottom: 2vh;
	border-bottom: .2vh solid #725b25
}
.features--content h1 {
	font-size: 3vh;
	margin-bottom: 1.5vh;
	color: #c8a775
}
.features--content p {
	font-size: 1.8vh;
	line-height: 2.5vh;
	color: #5c5854;
	margin-bottom: 2vh
}
.features--tabs {
	width: 140vh;
	margin: 0 auto;
	margin-bottom: 10vh;
	z-index: 3
}
.features--tabs ul li {
	background-color: rgba(46, 38, 31, .786);
	height: 15vh;
	position: relative;
	border-radius: 0vh 2vh 0vh 2vh;
	border: .2vh solid rgba(97, 87, 73, .384);
	backdrop-filter: blur(4vh);
	box-shadow: 0vh 2vh 4vh rgba(0, 0, 0, .486)
}
.features--tabs ul li.active {
	border: .2vh solid rgba(173, 154, 127, .993)
}
.features--tabs ul li.active .img img {
	filter: grayscale(0);
	opacity: .7
}
.features--tabs ul li.active span p {
	color: #fff
}
.features--tabs ul li:hover {
	border: .2vh solid rgba(173, 154, 127, .993)
}
.features--tabs ul li:hover .img img {
	filter: grayscale(0);
	opacity: .7;
	transform: scale(1.3)
}
.features--tabs ul li:hover span p {
	color: #fff
}
.features--tabs ul li .decoration {
	z-index: 2
}
.features--tabs ul li .img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	border-radius: 0vh 2vh 0vh 2vh;
	pointer-events: none
}
.features--tabs ul li .img img {
	width: 100%;
	filter: grayscale(100%);
	opacity: .4
}
.features--tabs ul li .img::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1;
	background: linear-gradient(rgba(0, 0, 0, 0.232), rgba(46, 38, 31, 0.933))
}
.features--tabs ul li span {
	width: 100%;
	display: flex;
	height: 100%;
	align-items: center;
	justify-content: center;
	position: relative;
	z-index: 2;
	padding: 2.5vh 2vh 2vh 2vh
}
.features--tabs ul li span p {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	color: #beb7a8
}
.features::before {
	background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.744), black) !important
}
.page {
	padding-top: 9vh;
	padding-bottom: 15vh;
	background: url(../img/bg/5.jpg) top/cover fixed no-repeat;
	content: "";
	width: 100%;
	height: 100%;
	position: fixed;
}
.page::before {
	content: "";
	background: linear-gradient(rgba(0, 0, 0, 0), black);
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	position: fixed
}
.page--title {
	text-align: center;
	width: 120vh;
	margin: 70px auto;
	margin-bottom: 4vh;
	position: relative;
	z-index: 1
}
.page--title h1 {
	font-size: 8vh
}
.page--content {
	width: 140vh;
	margin: 0 auto;
	z-index: 1;
	position: relative;
	padding: 4vh;
	background-color: rgb(46 38 31 / 11%);
	border-radius: 0vh 4vh 0vh 4vh;
	border: .2vh solid rgba(97, 87, 73, .384);
	backdrop-filter: blur(4vh)
}
.page--content h1 {
	text-shadow: none
}
.section {
	overflow: hidden
}
.fp-tableCell {
	display: flex !important;
	align-items: center;
	flex-direction: column;
	justify-content: center
}
.features_modal {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	transition: .5s;
	opacity: 0;
	overflow-y: scroll;
	z-index: 1009;
	pointer-events: none;
	transform: scale(1.2);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center
}
.features_modal::-webkit-scrollbar {
	width: 0
}
.features_modal.active {
	pointer-events: all;
	opacity: 1;
	transform: scale(1)
}
.features_modal.active .close {
	visibility: visible;
	opacity: 1
}
.features_modal.active .content {
	transform: scaleX(100%);
	opacity: 1
}
.features_modal .close {
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .9);
	cursor: url(https://cdn.discordapp.com/attachments/860323695708078114/1150872691495161896/close.png), auto;
	top: 0;
	left: 0;
	visibility: hidden;
	transition: .3s;
	opacity: 0
}
.features_modal .content {
	width: 60%;
	background-color: rgb(13 12 12 / 74%);
	border-radius: 0vh 2vh 0vh 2vh;
	border: .2vh solid rgba(97, 87, 73, .384);
	margin: 0 auto;
	margin-bottom: 10vh;
	padding: 8vh;
	z-index: 1;
	position: relative;
	transform: scaleX(0);
	transition: 1s;
	opacity: 0;
	transform-origin: center
}
.features_modal .content::before {
	content: "";
	pointer-events: none;
	width: 10vh;
	height: 10vh;
	background: url(../img/ui/4.png) top/cover;
	left: 0;
	top: 0;
	position: absolute
}
.features_modal .content::after {
	content: "";
	pointer-events: none;
	width: 10vh;
	height: 10vh;
	background: url(../img/ui/4.png) top/cover;
	right: 0;
	bottom: 0;
	position: absolute;
	transform: rotate(180deg)
}
.features_modal .content h1 {
	font-size: 3vh;
	margin-bottom: 1.5vh
}
.features_modal .content p {
	font-size: 1.8vh;
	color: #877b6b;
	margin-bottom: 1.5vh
}
.features_modal .content img {
	max-width: 70vh;
	margin-bottom: 1.5vh
}
.features_modal .title {
	width: 60%;
	margin: 0 auto;
	margin-bottom: 4vh;
	text-align: center;
	position: relative;
	z-index: 1;
	margin-top: 5vh
}
.features_modal .title h1 {
	font-size: 5vh;
	text-align: center
}
.loading {
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: #221b11;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: .5s;
	z-index: 1010
}
.loading.loaded {
	transform: scale(2);
	opacity: 0
}
.loading img {
	width: 30vh;
	animation: push .5s infinite linear
}
@keyframes push {
	0% {
		transform: scale(1)
	}
	50% {
		transform: scale(1.1)
	}
	100% {
		transform: scale(1)
	}
}
/*# sourceMappingURL=style.min.css.map */

.scrollable{
	overflow: auto;
}

/* Style the <li> element */
.big-li {
  list-style: none; /* Remove default list styling */
  padding: 10px; /* Add padding for spacing */
}

/* Style the <a> element (link) */
.big-li a {
  text-decoration: none; /* Remove underline on links */
  display: block; /* Make the link a block-level element to occupy the entire <li> width */
}

/* Style the <img> element (image) */
.big-image {
	width: 70px !important;
    height: auto !important;
    display: block;
    margin: 11px 31px 10px 10px;
}

.paginate {
	display: table;
	margin: 30px auto;
}
.paginate a {
	display: block;
	padding: 5px 8px;
	font-weight: bold;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset;
	float: left;
	margin: 0 1px 0 0;
	border-radius: 3px;
}
.paginate a.current, .paginate a.desatived {
	cursor: default;
	box-shadow: none;
}
.paginate a {
	background: rgba(0, 0, 0, 0.7);
	border: 1px solid rgba(0, 0, 0, 0.7);
	color: rgba(255, 255, 255, 0.7) !important;
}
.paginate a:hover {
	background: rgba(0, 0, 0, 0.9) !important;
	border-color: rgba(0, 0, 0, 0.9) !important;
	color: #ffffff21 !important;
}
.paginate a:active, .paginate a.current {
	background: #000 !important;
	border-color: #000 !important;
	color: #ffffff21 !important;
}
.paginate a:active {
	opacity: 0.5;
}
.paginate a.desatived {
	background: rgba(0, 0, 0, 0.1) !important;
	border-color: rgba(0, 0, 0, 0.1) !important;
	color: rgba(0, 0, 0, 0.3) !important;
}

.form-signin {
  width: 100%;
  max-width: 330px;
  padding: 15px;
  margin: auto;
}

.form-signin .checkbox {
  font-weight: 400;
}

.form-signin .form-floating:focus-within {
  z-index: 2;
}

.form-signin input[type="email"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

/* Style the video: 100% width and height to cover the entire window */
 #videoContainer {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #000000;
}

#videoBg {
  width: 100%;
  height: 100%;
  object-fit: cover; /* Maintain the video's aspect ratio while covering the container */
}

/* Style the button used to pause/play the video */
#videoButton {
  width: 50px;
  font-size: 10px;
  padding: 10px;
  border: #ffff;
  background: #363b193d;
  color: #706767;
  cursor: pointer;
}

#videoButton:hover {
  background: #ddd;
}