body {
  background-color: #211f23;
  font-family: Rubik, sans-serif;
  color: #fff;
  font-size: 1.125vw;
  line-height: 1.35;
}

h1 {
  margin-top: 0px;
  margin-bottom: 0.5em;
  font-size: 2.6em;
  line-height: 1.35;
  font-weight: 500;
}

h2 {
  margin-top: 0px;
  margin-bottom: 0.5em;
  font-size: 2.25em;
  line-height: 1.35;
  font-weight: 500;
}

h3 {
  margin-top: 0px;
  margin-bottom: 0.6em;
  font-size: 1.5em;
  line-height: 1.35;
  font-weight: 500;
}

h4 {
  margin-top: 0px;
  margin-bottom: 0.6em;
  font-size: 1.125em;
  line-height: 1.35;
  font-weight: 500;
}

h5 {
  margin-top: 0px;
  margin-bottom: 0.85em;
  font-size: 0.875em;
  line-height: 1.35;
  font-weight: 500;
  text-transform: uppercase;
}

h6 {
  margin-top: 0px;
  margin-bottom: 0.5em;
  font-size: 0.75em;
  line-height: 1.35;
  font-weight: 500;
  letter-spacing: 0.0625em;
  text-transform: uppercase;
}

p {
  max-width: 75ch;
  margin-bottom: 1.5em;
}

a {
  -webkit-transition: text-shadow 200ms ease, color 200ms ease;
  transition: text-shadow 200ms ease, color 200ms ease;
  color: #fff;
  text-decoration: underline;
}

a:hover {
  color: #4080bf;
  text-shadow: 1px 1px 0.5em #5540bf;
}

ul {
  margin-top: 0px;
  margin-bottom: 1.5em;
  padding-left: 2em;
}

li {
  margin-bottom: 1.5em;
  font-size: 1.25em;
  line-height: 1.4;
}

blockquote {
  margin-bottom: 1em;
  padding: 1em 1.25em;
  border-left: 0.2em solid #fff;
  font-size: 1.25em;
  line-height: 1.5;
  font-weight: 500;
}

.section {
  padding-top: 8em;
  padding-bottom: 8em;
}

.section.mint-section {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 100vh;
  padding-top: 8em;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#211f23), color-stop(25%, transparent), color-stop(75%, transparent), to(#211f23)), radial-gradient(circle farthest-corner at 50% 80%, rgba(85, 64, 191, 0.2), rgba(58, 56, 62, 0) 65%), radial-gradient(circle farthest-corner at 0% 50%, rgba(64, 128, 191, 0.3), rgba(58, 56, 62, 0) 66%), radial-gradient(circle farthest-corner at 75% 15%, rgba(191, 64, 85, 0.25), rgba(58, 56, 62, 0) 40%), url('../images/stardust.png');
  background-image: linear-gradient(180deg, #211f23, transparent 25%, transparent 75%, #211f23), radial-gradient(circle farthest-corner at 50% 80%, rgba(85, 64, 191, 0.2), rgba(58, 56, 62, 0) 65%), radial-gradient(circle farthest-corner at 0% 50%, rgba(64, 128, 191, 0.3), rgba(58, 56, 62, 0) 66%), radial-gradient(circle farthest-corner at 75% 15%, rgba(191, 64, 85, 0.25), rgba(58, 56, 62, 0) 40%), url('../images/stardust.png');
  background-position: 0px 0px, 0px 0px, 0px 0px, 0px 0px, 0px 0px;
  background-size: auto, auto, auto, auto, 250px;
}

.section.footer-section {
  position: relative;
  padding-bottom: 3em;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#211f23), color-stop(50%, transparent)), radial-gradient(circle farthest-side at 0% 100%, rgba(64, 128, 191, 0.15), rgba(33, 31, 35, 0.1) 81%), radial-gradient(circle farthest-corner at 100% 100%, rgba(64, 191, 149, 0.1), rgba(33, 31, 35, 0.3) 50%);
  background-image: linear-gradient(180deg, #211f23, transparent 50%), radial-gradient(circle farthest-side at 0% 100%, rgba(64, 128, 191, 0.15), rgba(33, 31, 35, 0.1) 81%), radial-gradient(circle farthest-corner at 100% 100%, rgba(64, 191, 149, 0.1), rgba(33, 31, 35, 0.3) 50%);
}

.container {
  padding-right: 9vw;
  padding-left: 9vw;
}

.container.minting-container {
  position: relative;
  z-index: 2;
  display: -ms-grid;
  display: grid;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-auto-columns: 1fr;
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.container.navbar-container {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.container.footer-container {
  position: relative;
  z-index: 5;
}

.spacer {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.spacer._0-5em {
  width: 0.5em;
  height: 0.5em;
}

.spacer._1em {
  width: 1em;
  height: 1em;
}

.spacer._2em {
  width: 2em;
  height: 2em;
}

.spacer._3em {
  width: 3em;
  height: 3em;
}

.text.small {
  font-size: 0.875em;
}

.text.extra-small {
  font-size: 0.75em;
}

.text.h2 {
  margin-bottom: 0.5em;
  font-size: 2.25em;
  font-weight: 500;
}

.text.h3 {
  margin-bottom: 0.5em;
  font-size: 1.5em;
  font-weight: 500;
}

.text.h3.no-margin {
  margin-bottom: 0em;
}

.text.h5 {
  font-size: 0.875em;
  font-weight: 500;
  text-transform: uppercase;
}

.text.h5.no-breaking {
  white-space: nowrap;
}

.text.timer-text {
  margin-left: 0.2em;
  font-size: 0.625em;
  text-transform: uppercase;
}

.text.bold {
  font-weight: 700;
}

.text.address {
  font-size: 0.875em;
  font-weight: 500;
}

.text.centred {
  text-align: center;
}

.text.my-slotie-heading {
  font-size: 1.25em;
  font-weight: 500;
}

.text.max-tickets-text {
  margin-right: 1em;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  font-size: 1em;
  white-space: nowrap;
}

.horizontal-line {
  width: 100%;
  height: 0.0625rem;
  background-color: #fff;
}

.grid {
  position: relative;
  display: -ms-grid;
  display: grid;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  grid-auto-columns: 1fr;
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.grid.step-three-grid {
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-grid-columns: 0.75fr 1fr;
  grid-template-columns: 0.75fr 1fr;
}

.grid.step-three-presale-grid {
  width: 100%;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
}

.grid.footer-grid {
  -ms-grid-columns: 1fr 0.5fr;
  grid-template-columns: 1fr 0.5fr;
}

.grid.footer-footer-grid {
  -ms-grid-columns: 1fr auto auto;
  grid-template-columns: 1fr auto auto;
}

.grid.redeem-tickets-grid {
  width: 100%;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  text-align: center;
}

.grid.my-sloties-grid {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  grid-auto-columns: 1fr;
  grid-row-gap: 2em;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.grid.my-sloties-child-grid {
  width: 100%;
  height: 100%;
  justify-items: center;
  -webkit-box-align: start;
  -webkit-align-items: start;
  -ms-flex-align: start;
  align-items: start;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
}

.button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0.5em 1em;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 0.125rem solid transparent;
  border-radius: 0.25em;
  background-color: #fff;
  -webkit-transition: color 200ms ease, background-color 200ms ease, border-color 200ms ease, border-radius 200ms ease, padding 350ms cubic-bezier(.68, -.55, .265, 1.55);
  transition: color 200ms ease, background-color 200ms ease, border-color 200ms ease, border-radius 200ms ease, padding 350ms cubic-bezier(.68, -.55, .265, 1.55);
  color: #211f23;
  font-size: 1em;
  line-height: 1;
  font-weight: 500;
  text-decoration: none;
}

.button:hover {
  padding-right: 1.5em;
  padding-left: 1.5em;
  border-radius: 0.5em;
  color: #211f23;
  text-shadow: none;
}

.button.secondary {
  border-color: #fff;
  background-color: transparent;
  color: #fff;
}

.button.secondary.small:hover {
  background-color: #fff;
  color: #211f23;
}

.button.small {
  padding: 0.375em 0.75em;
  font-size: 0.875em;
}

.button.small:hover {
  border-color: #fff;
  background-color: transparent;
  color: #fff;
}

.button.large {
  padding: 0.75em 1.5em;
  font-weight: 700;
  text-align: center;
}

.button.large:hover {
  padding-right: 2em;
  padding-left: 2em;
  border-color: #fff;
  background-color: transparent;
  color: #fff;
}

.button.large.mint-ticket-form-button {
  height: 3em;
}

.button.discord-button {
  background-color: #7289da;
  color: #fff;
}

.button.discord-button:hover {
  color: #fff;
}

.button.twitter-button {
  background-color: #1da1f2;
  color: #fff;
}

.button.twitter-button:hover {
  color: #fff;
}

.link {
  color: #fff;
}

.link.footer-link {
  font-size: 0.75em;
}

.wrapper.flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.wrapper.flex.align-centre {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.wrapper.flex.align-centre.space-between {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.wrapper.flex.align-centre.presale {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.wrapper.flex.align-centre.public-sale {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.wrapper.flex.align-centre.presale-countdown {
  -webkit-transform: scale(2);
  -ms-transform: scale(2);
  transform: scale(2);
  -webkit-transition: -webkit-transform 200ms ease;
  transition: -webkit-transform 200ms ease;
  transition: transform 200ms ease;
  transition: transform 200ms ease, -webkit-transform 200ms ease;
}

.wrapper.flex.align-baseline {
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

.wrapper.flex.align-baseline.wrap.justify-centre {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.wrapper.flex.wrap {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.wrapper.slotie-component-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  padding: 4em;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: solid;
  border-width: 0.0625rem;
  border-color: #fff;
  border-radius: 0.25em;
  background-image: radial-gradient(circle farthest-corner at 50% 50%, rgba(64, 128, 191, 0.2), #211f23 75%);
  box-shadow: 1px 1px 0.5em 0 #4080bf;
  -webkit-transition: box-shadow 350ms ease, border-color 350ms ease, border-radius 350ms ease;
  transition: box-shadow 350ms ease, border-color 350ms ease, border-radius 350ms ease;
}

.wrapper.slotie-component-wrapper:hover {
  border-color: #4080bf;
  border-radius: 1em;
  box-shadow: 1px 1px 1em 0 #4080bf;
}

.wrapper.temp-image {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  box-shadow: none;
}

.wrapper.partner-heading-wrapper {
  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;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

.wrapper.team-wrapper {
  border-radius: 0.5em;
}

.wrapper.connect-to-eth-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: auto;
  margin-left: auto;
  padding: 3em;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: solid;
  border-width: 0.0625rem;
  border-color: #fff;
  border-radius: 0.5em;
  background-color: #211f23;
  box-shadow: 1px 1px 10px 0 #5540bf;
}

.wrapper.general-info-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding: 3em;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  border-style: solid;
  border-width: 0.0625rem;
  border-color: #fff;
  border-radius: 0.5em;
  background-color: #211f23;
  box-shadow: 1px 1px 10px 0 #5540bf;
}

.wrapper.nav-button-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 1.5em;
  margin-left: 1.5em;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.wrapper.nav-social-wrapper {
  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;
}

.wrapper.nav-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.wrapper.bg-wrapper {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  overflow: hidden;
}

.wrapper.bg-wrapper.overflow {
  overflow: visible;
}

.wrapper.button-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.wrapper.redeem-ticket-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: auto;
  margin-left: auto;
  padding: 3em;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: solid;
  border-width: 0.0625rem;
  border-color: #fff;
  border-radius: 0.5em;
  background-color: #211f23;
  box-shadow: 1px 1px 10px 0 #5540bf;
}

.wrapper.my-sloties-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: auto;
  margin-left: auto;
  padding: 3em;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: solid;
  border-width: 0.0625rem;
  border-color: #fff;
  border-radius: 0.5em;
  background-color: #211f23;
  box-shadow: 1px 1px 10px 0 #5540bf;
}

.wrapper.raffle-coming-soon-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: auto;
  margin-left: auto;
  padding: 3em;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: solid;
  border-width: 0.0625rem;
  border-color: #fff;
  border-radius: 0.5em;
  background-color: #211f23;
  box-shadow: 1px 1px 10px 0 #5540bf;
}

.wrapper.presale-countdown-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: auto;
  margin-left: auto;
  padding: 3em;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

.image {
  max-width: none;
}

.image.my-slotie-image {
  width: 100%;
  height: 100%;
  border-radius: 0.25em;
  -o-object-fit: cover;
  object-fit: cover;
}

.logo {
  max-width: none;
}

.logo.parner-logo {
  height: 6em;
  margin-right: 1em;
  margin-bottom: 1em;
  padding: 1em 1.5em;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-style: solid;
  border-width: 0.0625rem;
  border-color: #fff;
  border-radius: 0.25em;
  background-color: #211f23;
  box-shadow: 1px 1px 0.25rem 0 #5540bf;
  -webkit-transition: box-shadow 200ms ease, border-color 200ms ease;
  transition: box-shadow 200ms ease, border-color 200ms ease;
  -o-object-fit: contain;
  object-fit: contain;
}

.logo.parner-logo:hover {
  border-color: #5540bf;
  box-shadow: 1px 1px 0.5rem 0 #5540bf;
}

.logo.slotie-nav-logo {
  width: 3em;
  height: 2.5em;
  -webkit-transition: -webkit-transform 200ms ease;
  transition: -webkit-transform 200ms ease;
  transition: transform 200ms ease;
  transition: transform 200ms ease, -webkit-transform 200ms ease;
  -o-object-fit: contain;
  object-fit: contain;
}

.logo.slotie-nav-logo:hover {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.logo.slotie-footer-logo {
  width: 3em;
  height: 2.5em;
  -webkit-transition: -webkit-transform 200ms ease;
  transition: -webkit-transform 200ms ease;
  transition: transform 200ms ease;
  transition: transform 200ms ease, -webkit-transform 200ms ease;
  -o-object-fit: contain;
  object-fit: contain;
}

.logo.slotie-footer-logo:hover {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.vertical-line {
  width: 0.125rem;
  height: 100%;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background-color: #fff;
  -webkit-transform-origin: 50% 0%;
  -ms-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
}

.circle.roadmap-circle {
  width: 2em;
  height: 2em;
  margin-bottom: 1em;
  border-style: solid;
  border-width: 0.125rem;
  border-color: #fff;
  border-radius: 100%;
}

.link-block.press-link-block {
  opacity: 0.5;
  -webkit-transition: opacity 350ms ease;
  transition: opacity 350ms ease;
}

.link-block.press-link-block:hover {
  opacity: 1;
}

.link-block.nav-logo {
  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-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-decoration: none;
}

.link-block.footer-logo {
  display: inline-block;
  margin-top: 0.2em;
  margin-right: 0.5em;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-decoration: none;
}

.splide {
  position: relative;
  width: 100%;
}

.faq-dropdown {
  margin-bottom: 3em;
  cursor: pointer;
}

.lottie.buy-ticket-loading-lottie {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 5em;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.lottie.footer-bg-lottie {
  position: absolute;
  bottom: 0em;
  z-index: 1;
  width: 100%;
  opacity: 0.02;
}

.success-message {
  height: 0px;
  padding: 0px;
  background-color: transparent;
  text-align: center;
}

.error-message {
  height: 0px;
  margin-top: 1em;
  padding: 0px;
  background-color: transparent;
}

.text-field {
  width: 5em;
  height: 3em;
  margin-right: 1em;
  margin-bottom: 0px;
  padding: 0.75em 0.5em 0.75em 1em;
  border-radius: 0.25em;
  color: #211f23;
  font-size: 1em;
  font-weight: 700;
  text-align: center;
}

.nav-menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.icon {
  max-width: none;
}

.icon.discord-icon.nav-discord-icon {
  height: 1.125em;
  -webkit-transition: -webkit-transform 200ms ease;
  transition: -webkit-transform 200ms ease;
  transition: transform 200ms ease;
  transition: transform 200ms ease, -webkit-transform 200ms ease;
}

.icon.discord-icon.nav-discord-icon:hover {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

.icon.discord-icon._1em {
  height: 1em;
}

.icon.twitter-icon.nav-twitter-icon {
  height: 1.125em;
  -webkit-transition: -webkit-transform 200ms ease;
  transition: -webkit-transform 200ms ease;
  transition: transform 200ms ease;
  transition: transform 200ms ease, -webkit-transform 200ms ease;
}

.icon.twitter-icon.nav-twitter-icon:hover {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

.icon.twitter-icon._1em {
  height: 1em;
}

.navbar {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: auto;
  z-index: 6;
  background-color: #211f23;
}

.nav-link {
  padding: 1em 0.75em;
  color: #fff;
  font-size: 0.9em;
}

.form {
  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;
}

.mint-card-bg-image {
  height: 100%;
  min-height: 12em;
  border-radius: 0.25em;
  background-image: url('../images/GIF.gif');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.form-block {
  margin-bottom: 0px;
}

@media screen and (min-width: 1280px) {
  body {
    font-size: 1.15vw;
  }

  .wrapper.temp-image {
    padding: 0em;
  }

  .nav-link.w--current {
    color: #4080bf;
    text-shadow: 1px 1px 0.5rem #5540bf;
  }
}

@media screen and (min-width: 1440px) {
  body {
    font-size: 1.1vw;
  }

  h1 {
    font-size: 2.9em;
  }

  .grid.step-three-grid {
    -ms-grid-columns: 0.7fr 1fr;
    grid-template-columns: 0.7fr 1fr;
  }

  .text-field {
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
  }
}

@media screen and (min-width: 1920px) {
  body {
    font-size: 1vw;
  }

  h1 {
    font-size: 3em;
  }

  .grid.step-three-grid {
    -ms-grid-columns: 0.6fr 1fr;
    grid-template-columns: 0.6fr 1fr;
  }

  .button.discord-button:hover {
    color: #fff;
  }

  .button.twitter-button:hover {
    color: #fff;
  }
}

@media screen and (max-width: 991px) {
  body {
    font-size: 16px;
  }

  h1 {
    font-size: 2.5em;
  }

  h2 {
    font-size: 1.75em;
  }

  h3 {
    font-size: 1.25em;
  }

  .section {
    padding-top: 4em;
    padding-bottom: 4em;
  }

  .container {
    padding-right: 6vw;
    padding-left: 6vw;
  }

  .spacer._1em.tablet-2em {
    width: 2em;
    height: 2em;
  }

  .text.h2 {
    font-size: 1.75em;
  }

  .text.h3 {
    font-size: 1.25em;
  }

  .text.my-slotie-heading {
    font-size: 1.2em;
  }

  .text.max-tickets-text {
    font-size: 0.8em;
  }

  .grid.step-three-grid {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .grid.footer-grid {
    grid-row-gap: 2em;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .grid.my-sloties-grid {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }

  .wrapper.flex.align-centre.presale-countdown {
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
  }

  .wrapper.slotie-component-wrapper {
    padding: 2em;
  }

  .wrapper.temp-image {
    padding: 0em;
  }

  .wrapper.connect-to-eth-wrapper {
    padding: 3em;
  }

  .wrapper.general-info-wrapper {
    position: relative;
    top: 0em;
    padding: 3em;
  }

  .wrapper.nav-button-wrapper {
    margin: 1em auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .wrapper.nav-social-wrapper {
    margin-top: 2em;
    margin-bottom: 2em;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .wrapper.redeem-ticket-wrapper {
    padding: 3em;
  }

  .wrapper.my-sloties-wrapper {
    padding: 3em;
  }

  .wrapper.raffle-coming-soon-wrapper {
    padding: 3em;
  }

  .wrapper.presale-countdown-wrapper {
    padding: 3em;
  }

  .logo.parner-logo {
    height: 5em;
  }

  .link-block.press-link-block {
    margin: 1em;
  }

  .nav-menu {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-bottom: 4px solid #fff;
    background-color: #211f23;
  }

  .icon.discord-icon.nav-discord-icon {
    height: 1.5em;
  }

  .icon.twitter-icon.nav-twitter-icon {
    height: 1.5em;
  }

  .navbar {
    z-index: 10;
  }

  .menu-button {
    padding: 0.5em;
    background-color: transparent;
  }

  .menu-button.w--open {
    background-color: transparent;
  }

  .nav-link {
    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-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .mint-card-bg-image {
    height: 16em;
  }
}

@media screen and (max-width: 767px) {
  .section {
    padding-top: 3em;
    padding-bottom: 3em;
  }

  .container {
    padding-right: 6vw;
    padding-left: 6vw;
  }

  .grid.my-sloties-grid {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .button.large.mint-ticket-form-button {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }

  .wrapper.flex.align-centre.presale-countdown {
    -webkit-transform: scale(1.25);
    -ms-transform: scale(1.25);
    transform: scale(1.25);
  }

  .wrapper.slotie-component-wrapper {
    padding: 2em 3em;
  }

  .wrapper.connect-to-eth-wrapper {
    padding: 2em;
  }

  .wrapper.general-info-wrapper {
    padding: 2em;
  }

  .wrapper.nav-wrapper {
    margin-bottom: 0.5em;
  }

  .wrapper.redeem-ticket-wrapper {
    padding: 2em;
  }

  .wrapper.my-sloties-wrapper {
    padding: 2em;
  }

  .wrapper.raffle-coming-soon-wrapper {
    padding: 1.8em;
  }

  .logo.parner-logo {
    height: 4em;
    padding-right: 1em;
    padding-left: 1em;
  }

  .logo.slotie-nav-logo {
    width: 2.5em;
    height: 2.5em;
  }

  .logo.slotie-footer-logo {
    width: 2.5em;
    height: 2.5em;
  }

  .link-block.press-link-block {
    margin-right: 0.5em;
    margin-left: 0.5em;
  }

  .navbar {
    padding-top: 0.5em;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    font-size: 2em;
  }

  .container {
    padding-right: 6vw;
    padding-left: 6vw;
  }

  .text.address {
    font-weight: 500;
  }

  .text.max-tickets-text {
    font-size: 0.75em;
  }

  .grid.footer-grid {
    grid-row-gap: 1em;
  }

  .grid.footer-footer-grid {
    justify-items: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-grid-columns: auto;
    grid-template-columns: auto;
  }

  .wrapper.flex.align-centre.presale {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .wrapper.flex.align-centre.public-sale {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .wrapper.flex.align-centre.presale-countdown {
    -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;
  }

  .wrapper.slotie-component-wrapper {
    padding-right: 2em;
    padding-left: 2em;
  }

  .wrapper.temp-image {
    padding: 1em;
  }

  .wrapper.connect-to-eth-wrapper {
    width: 100%;
    padding: 2em 1.5em;
  }

  .wrapper.general-info-wrapper {
    padding: 2em 1.5em;
  }

  .wrapper.button-row.footer-button-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .wrapper.redeem-ticket-wrapper {
    width: 100%;
    padding: 2em 1.5em;
  }

  .wrapper.my-sloties-wrapper {
    width: 100%;
    padding: 2em 1.5em;
  }

  .wrapper.raffle-coming-soon-wrapper {
    width: 100%;
    padding: 2em 1.5em;
  }

  .wrapper.presale-countdown-wrapper {
    width: 100%;
    padding: 2em 1.5em;
  }

  .circle.roadmap-circle {
    width: 1.5em;
    height: 1.5em;
  }

  .text-field {
    width: 4em;
    padding-left: 0.5em;
  }
}

#w-node-d5084adc-18c2-8cd3-e678-d41da77696ae-b62521ab {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  -ms-grid-column-align: center;
  justify-self: center;
}

#w-node-_3eb213d0-fd57-540c-fe21-2cb07eac8d05-b62521ab {
  -ms-grid-column-align: center;
  justify-self: center;
}

#w-node-_531c44b4-0b49-e823-3a34-e7e8535fa824-b62521ab {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  -ms-grid-column-align: center;
  justify-self: center;
}

#w-node-_59d16950-d6a8-eb9a-7f17-96bbc57a7f49-b62521ab {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  -ms-grid-column-align: center;
  justify-self: center;
}

#w-node-c5756ab6-4a4e-1a54-6db1-1e8d8de333e5-b62521ab {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  -ms-grid-column-align: center;
  justify-self: center;
}

#w-node-c0e6e9c6-e936-8087-a841-70fc0840e465-b62521ab {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  -ms-grid-column-align: center;
  justify-self: center;
}

#w-node-_6541bfb7-b87a-732b-902e-21ad61a0763e-b62521ab {
  -ms-grid-column-align: center;
  justify-self: center;
}

#w-node-_319d11a8-8c01-b569-b7db-18a3f9e6d2ea-b62521ab {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  -ms-grid-column-align: center;
  justify-self: center;
}

#w-node-_6cc389b8-57cd-fd02-3bea-7cadab2fe922-b62521ab {
  -ms-grid-column-align: center;
  justify-self: center;
}

#w-node-_577954cd-964e-67a3-19f1-d42cd93ab67c-b62521ab {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  -ms-grid-column-align: center;
  justify-self: center;
}

#w-node-b47e6c7f-ff46-c815-b2b9-76b4aefbdcc6-b62521ab {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  -ms-grid-column-align: center;
  justify-self: center;
}

#w-node-_4013a355-e959-c384-dd5a-1d04264fa9bc-b62521ab {
  -ms-grid-column-align: center;
  justify-self: center;
}

#w-node-_3f5172fc-3a99-4198-b0a6-daa31cbe7241-b62521ab {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  -ms-grid-column-align: center;
  justify-self: center;
}

#w-node-_25001b7d-fd59-7a5d-be46-9e81beb750ae-b62521ab {
  -ms-grid-column-align: center;
  justify-self: center;
}

#w-node-_801ce689-37a9-6e14-c8b5-ed4298891929-b62521ab {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  -ms-grid-column-align: center;
  justify-self: center;
}