body {
	background-color: #060928;
	color: #ddd;
	font-family: "Inter", sans-serif;
	font-optical-sizing: auto;
	font-style: normal;
}

@font-face {
	font-family: 'Newtype';
	src: url('../font/Newtype.woff2') format('woff2'),
		 url('../font/Newtype.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

.newtype {
	font-family: 'Newtype';
	font-weight: normal;
	font-style: normal;
}

header {
	background-color: #472584;
}

.text-primary {
	color: #7D41EA !important;
}

.text-secondary {
	color: #908FAA !important;
}

.btn-primary {
	--bs-btn-color: #fff;
	--bs-btn-bg: #7D41EA;
	--bs-btn-border-color: #7D41EA;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #472584;
	--bs-btn-hover-border-color: #472584;
	--bs-btn-focus-shadow-rgb: 49, 132, 253;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #472584;
	--bs-btn-active-border-color: #472584;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: #7D41EA;
	--bs-btn-disabled-border-color: #7D41EA;
}

.btn-outline-primary {
    --bs-btn-color: #7D41EA;
    --bs-btn-border-color: #7D41EA;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #7D41EA;
    --bs-btn-hover-border-color: #7D41EA;
    --bs-btn-focus-shadow-rgb: 13, 110, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #7D41EA;
    --bs-btn-active-border-color: #7D41EA;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #7D41EA;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #7D41EA;
    --bs-gradient: none;
}

.bg-navy {
	background-color: #11134C;
}

.bg-primary {
	background-color: #7D41EA !important;
}

.bg-secondary {
	background-color: #494A7D !important;
}

.bg-success {
	background-color: #2DB27C;
}

.border-primary {
    --bs-border-opacity: 1;
    border-color: #7D41EA !important;
}

.border-secondary {
    --bs-border-opacity: 1;
    border-color: #494A7D !important;
}

.border-primary-subtle {
    border-color: #472584 !important;
}

img.logo {
	height: 50px;
}

.txt-presale {
	font-size: 1.5rem;
}

/*-- STAGE OFF --*/
.stage {
	border-bottom: 4px solid #494A7D;
}

.stage:first-child {
	border-bottom-left-radius: 0.375rem;
}

.stage:last-child {
	border-bottom-right-radius: 0.375rem;
}

.stage .ico {
	background-color: #494A7D;
	padding: 3px 6px 6px 6px;
	border-radius: 100%;
	height: 32px;
	width: 32px;
}

.stage .ico img {
	width: 20px;
	height: 20px;
}

.stage .txt {
	color: #908FAA;
}

/*-- STAGE ON --*/
.stage-active {
	border-bottom: 4px solid #2DB27C;
}

.stage-active:first-child {
	border-bottom-left-radius: 0.375rem;
}

.stage-active:last-child {
	border-bottom-right-radius: 0.375rem;
}

.stage-active .ico {
	background-color: #2DB27C;
	padding: 3px 6px 6px 6px;
	border-radius: 100%;
	height: 32px;
	width: 32px;
}

.stage-active .ico img {
	width: 20px;
	height: 20px;
}

.stage-active .txt {
	color: #fff;
}

.step {
	width: 48px;
	height: 48px;
	text-align: center;
	line-height: 48px;
	font-size: 1.25rem;
	font-weight: 500;
}

.form-control {
    display: block;
    width: 100%;
    padding: .75rem 1rem;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.5;
    color: var(--bs-body-color);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    background-clip: padding-box;
    border: var(--bs-border-width) solid var(--bs-border-color);
	border-color: #472584;
    border-radius: var(--bs-border-radius);
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.form-control:disabled {
    background-color: #130F3A !important;
    opacity: 1;
}

.form-select {
    --bs-form-select-bg-img: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e);
    display: block;
    width: 100%;
    padding: .75rem 2.25rem .75rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 16px 12px;
    border: var(--bs-border-width) solid var(--bs-border-color);
	border-color: #472584;
    border-radius: var(--bs-border-radius);
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.form-check-input:checked {
    background-color: #7D41EA;
    border-color: #7D41EA;
}

footer {
	background: rgb(17,19,76);
background: linear-gradient(180deg, rgba(17,19,76,0.4) 0%, rgba(17,19,76,0) 100%);
}

.launchpad-banner {
	background-image: url('../images/launchpad-banner-bg.jpg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.countdown li {
	display: inline-block;
	list-style-type: none;
	text-transform: uppercase;
  }
  
.countdown li span {
	display: inline-block;
  }

.pie-label {
	display: inline-block;
	width: 12px;
	height: 12px;
	border-radius: 50%;
}

#sale-header-mobile {
	display: none;
	visibility: hidden;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: var(--bs-nav-pills-link-active-color);
    background-color: #7D41EA;
}

.table {
    --bs-table-color: #908FAA !important;
    --bs-table-bg: transparent !important;
}

.active>.page-link, .page-link.active {
    background-color: #7D41EA !important;
	color: #fff !important;
}

.page-link {
    color: #7D41EA !important;
}


@media only screen and (max-width: 600px) {
	img.logo {
		height: 32px;
	}

	.txt-presale {
		font-size: 1rem;
	}

	.stage .txt,
	.stage-active .txt {
		font-size: .75rem;
	}

	.step {
		width: 36px;
		height: 36px;
		text-align: center;
		line-height: 36px;
		font-size: 1rem;
		font-weight: 500;
	}

	.steps h6 {
		font-size: .8rem;
	}

	.steps small {
		font-size: .65rem;
		line-height: .65rem;
	}

	#sale-header-mobile {
		display: block;
		visibility: visible;
	}

	#sale-header-desktop {
		display: none;
		visibility: hidden;
	}
}