@font-face {
  font-family: "Montserrat Light";
  src: url("/templates/web/fonts/Montserrat-Light.woff2") format("woff2"), url("/templates/web/fonts/Montserrat-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat Medium";
  src: url("/templates/web/fonts/Montserrat-Medium.woff2") format("woff2"), url("/templates/web/fonts/Montserrat-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat Bold";
  src: url("/templates/web/fonts/Montserrat-Bold.woff2") format("woff2"), url("/templates/web/fonts/Montserrat-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
*,
*:before,
*:after {
  box-sizing: border-box;
}

a,
button {
  color: #000000;
}

main,
section,
article,
footer,
aside,
nav {
  display: block;
}

body {
  background-color: #000000;
  margin: 0px;
  padding: 0px;
  width: 100vw;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

h1 {
  font-family: "Montserrat Bold";
  font-weight: bold;
  font-size: 8.0335731415vh;
  color: #1e1932;
  margin: 0px;
  padding: 0px;
  text-transform: uppercase;
  letter-spacing: -0.1199040767vh;
}
h1.titleYellow {
  color: #fab42d;
}

h2 {
  font-family: "Montserrat Bold";
  font-weight: bold;
  font-size: 6.7146282974vh;
  color: #1e1932;
  margin: 0px;
  padding: 0px;
  letter-spacing: -0.1199040767vh;
}

b {
  font-family: "Montserrat Medium";
  font-weight: 500;
  font-size: 3.5971223022vh;
  color: #1e1932;
  margin: 0px;
  padding: 0px;
  letter-spacing: -0.1199040767vh;
}

p {
  font-family: "Montserrat Light";
  font-weight: 300;
  font-size: 2.5179856115vh;
  color: #1e1932;
  margin: 0px;
  padding: 0px;
  line-height: 3.5971223022vh;
  letter-spacing: -0.1199040767vh;
  line-height: 130%;
}
p.textBig {
  font-size: 3.5971223022vh;
  letter-spacing: -0.1438848921vh;
}

a {
  font-family: "Montserrat Light";
  font-weight: 300;
  font-size: inherit;
  color: #1e1932;
  text-decoration: underline;
  letter-spacing: inherit;
}

input[type=text],
input[name=email] {
  font-family: "Montserrat Medium";
  font-weight: 500;
  font-size: 2.1582733813vh;
  color: #1e1932;
  border: 2px solid #e4e4e4;
  border-radius: 7.1942446043vh;
  padding: 1.1990407674vh 3.3573141487vh 1.3189448441vh 3.3573141487vh;
}
input[type=text]::placeholder,
input[name=email]::placeholder {
  color: #696969;
  text-transform: uppercase;
}
input[type=text]:focus,
input[name=email]:focus {
  border: 2px solid #fab42d;
  outline: none;
}

input[type=checkbox] {
  appearance: none;
  background-color: transparent;
  width: 2.0383693046vh;
  height: 2.0383693046vh;
  border: 0.1199040767vh solid #707070;
}
input[type=checkbox]:checked {
  border: 0.1199040767vh solid #fab42d;
  background-color: #fab42d;
}

label {
  font-family: "Montserrat Light";
  font-weight: 300;
  font-size: 1.9184652278vh;
  color: #1e1932;
  letter-spacing: -0.1199040767vh;
}

button {
  font-family: "Montserrat Medium";
  font-weight: 500;
  font-size: 3.9568345324vh;
  text-transform: uppercase;
  padding: 1.9184652278vh 6.5947242206vh 1.7985611511vh 6.5947242206vh;
  background-color: #fab42d;
  border-radius: 7.1942446043vh;
  display: inline-block;
  border: none;
}
button.btnsmall {
  font-family: "Montserrat Light";
  font-weight: 300;
  font-size: 2.278177458vh;
  padding: 0.9592326139vh 2.9976019185vh 1.0791366906vh 2.9976019185vh;
  min-width: 21.5827338129vh;
}
button.btnSecond {
  border: 2px solid #fab42d;
  background-color: transparent;
}
button[type=submit] {
  font-family: "Montserrat Medium";
  font-weight: 500;
}

.smallwrapper {
  width: 107.1942446043vh;
}

.bigwrapper {
  width: calc(100% - 7.793764988vh);
}

main {
  width: 100%;
  height: 100%;
  max-width: 1194px;
  max-height: 834px;
  background-color: #ffffff;
}
main section {
  width: 100%;
  min-height: 100%;
  opacity: 0;
  transition: 0.5s ease opacity;
}
main section.show {
  opacity: 1;
  transition: 0.5s ease opacity;
}
main section.home div.head {
  position: relative;
  width: 100%;
  height: 58.7529976019vh;
  background-color: #1e1932;
  transition: 0.5s ease transform;
}
main section.home div.head.hide {
  transform: translateY(-100%);
}
main section.home div.head .logo {
  position: absolute;
  top: 5.2757793765vh;
  right: 4.7961630695vh;
}
main section.home div.head div {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
main section.home div.content {
  height: 41.2470023981vh;
  display: flex;
  justify-content: center;
  align-items: center;
}
main section.home div.content .smallwrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 3.9568345324vh;
}
main section.home div.content .smallwrapper p {
  text-align: center;
}
main section.home div.content .smallwrapper .pulse {
  animation: pulse-animation 2s infinite;
}
main section.form {
  padding-top: 4.3165467626vh;
}
main section.form div.content {
  height: 46.1630695444vh;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
main section.form div.content .bigwrapper h1 {
  display: inline-block;
  margin-right: 1.9184652278vh;
  margin-bottom: 3.5971223022vh;
}
main section.form div.content .bigwrapper form input[type=text] {
  width: 35.9712230216vh;
  margin-right: 3.2374100719vh;
}
main section.form div.content .bigwrapper form input[name=email] {
  width: 75.5395683453vh;
  margin-top: 1.9184652278vh;
}
main section.form div.content .bigwrapper form .fields {
  margin-bottom: 4.1966426859vh;
}
main section.form div.content .bigwrapper form .wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
main section.form div.content .bigwrapper form .checkbox {
  width: 77.9376498801vh;
}
main section.form div.content .bigwrapper form .checkbox span {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 1.9184652278vh;
  margin-bottom: 1.1990407674vh;
}
main section.form div.content .bigwrapper form button {
  margin-left: 1.1990407674vh;
}
main section.form #termsPolicy,
main section.form #dataPolicy {
  display: none;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  overflow-y: scroll;
  /* ===== Scrollbar CSS ===== */
  /* Firefox */
  scrollbar-width: auto;
  scrollbar-color: #fab42d #e4e4e4;
  /* Chrome, Edge, and Safari */
}
main section.form #termsPolicy ::-webkit-scrollbar,
main section.form #dataPolicy ::-webkit-scrollbar {
  width: 1.5587529976vh;
}
main section.form #termsPolicy ::-webkit-scrollbar-track,
main section.form #dataPolicy ::-webkit-scrollbar-track {
  background: #e4e4e4;
}
main section.form #termsPolicy ::-webkit-scrollbar-thumb,
main section.form #dataPolicy ::-webkit-scrollbar-thumb {
  background-color: #fab42d;
  border-radius: 7px;
  border: none;
}
main section.form #termsPolicy div,
main section.form #dataPolicy div {
  padding-top: 5.3956834532vh;
  padding-bottom: 5.3956834532vh;
  padding-left: 8.1534772182vh;
  padding-right: 16.7865707434vh;
}
main section.form #termsPolicy div .close,
main section.form #dataPolicy div .close {
  position: fixed;
  top: 3.5971223022vh;
  right: 5.3956834532vh;
}
main section.form #termsPolicy div h2,
main section.form #dataPolicy div h2 {
  margin-bottom: 5.7553956835vh;
}
main section.form #termsPolicy div p,
main section.form #dataPolicy div p {
  margin-top: 2.0383693046vh;
  margin-bottom: 4.0767386091vh;
}
main section.thanks div.content p, main section.winInfo div.content p {
  font-size: 4.7961630695vh;
}
main section.thanks div.content b, main section.winInfo div.content b {
  font-family: "Montserrat Bold";
  font-weight: bold;
  font-size: 4.7961630695vh;
}
main section.winInfo div.head {
  background-color: #a5a3ad;
  background-image: url("/templates/web/img/winInfoHeader.png");
  background-size: cover;
  background-repeat: no-repeat;
  height: 60svh;
  position: relative;
  font-family: "Montserrat Light";
}
main section.winInfo div.head .logo {
  position: absolute;
  top: 5.2757793765vh;
  right: 4.7961630695vh;
}
main section.winInfo div.head .headerText {
  text-transform: uppercase;
  font-size: 100px;
  color: #1e1932;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 5%;
  max-width: 30svw;
}
main section.winInfo div.content {
  height: 100%;
  display: flex;
  justify-content: center;
  height: 40.0479616307vh;
}
main section.winInfo div.content .smallwrapper {
  width: 970px;
  font-weight: bold;
}
main section.winInfo div.content .smallwrapper div:first-child {
  min-height: 30svh;
}
main section.winInfo div.content .smallwrapper div:first-child .textBig {
  margin-top: 40px;
  font-family: "Montserrat Bold";
  font-size: 35px;
  font-weight: bold;
}
main section.winInfo div.content .smallwrapper div:last-child {
  position: fixed;
  bottom: 8.0335731415vh;
  right: 7.6738609113vh;
}
main section.winInfo div.content .smallwrapper div:last-child button:last-child {
  margin-left: 1.1990407674vh;
}
main section.information, main section.yourwin {
  padding-top: 4.7961630695vh;
}
main section.information .content, main section.yourwin .content {
  display: flex;
  justify-content: center;
  align-items: center;
}
main section.information .content h1, main section.yourwin .content h1 {
  display: inline-block;
  margin-right: 1.9184652278vh;
  margin-bottom: 4.4364508393vh;
}
main section.information .content .bigwrapper, main section.yourwin .content .bigwrapper {
  width: 125.8992805755vh;
}
main section.information .content .boxwrapper, main section.yourwin .content .boxwrapper {
  display: flex;
  gap: 2.1582733813vh;
}
main section.information .content .boxwrapper div, main section.yourwin .content .boxwrapper div {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  gap: 4.7961630695vh;
  background-color: #e4e4e4;
  border-radius: 1.4388489209vh;
  width: 46.5227817746vh;
  padding-top: 2.9976019185vh;
  padding-bottom: 2.9976019185vh;
}
main section.information .content .boxwrapper div p, main section.yourwin .content .boxwrapper div p {
  text-align: center;
  font-family: "Montserrat Light";
  font-weight: 300;
  font-size: 2.8776978417vh;
  margin-bottom: 3.9568345324vh;
  line-height: 3.8369304556vh;
}
main section.information .content .boxwrapper div.play1, main section.yourwin .content .boxwrapper div.play1 {
  transition: 0.5s ease all;
  transform: translateY(-20%);
  opacity: 0;
}
main section.information .content .boxwrapper div.play1.show, main section.yourwin .content .boxwrapper div.play1.show {
  transform: translateY(0%);
  opacity: 1;
}
main section.information .content .boxwrapper div.play1 p, main section.yourwin .content .boxwrapper div.play1 p {
  padding-left: 5.6354916067vh;
  padding-right: 5.6354916067vh;
}
main section.information .content .boxwrapper div.play1 img, main section.yourwin .content .boxwrapper div.play1 img {
  margin-left: 1.9184652278vh;
  width: 24.2206235012vh;
  object-fit: contain;
}
main section.information .content .boxwrapper div.play2, main section.yourwin .content .boxwrapper div.play2 {
  transition: 0.5s ease all;
  transform: translateY(-20%);
  opacity: 0;
  gap: 6.4748201439vh;
}
main section.information .content .boxwrapper div.play2.show, main section.yourwin .content .boxwrapper div.play2.show {
  transform: translateY(0%);
  opacity: 1;
}
main section.information .content .boxwrapper div.play2 p, main section.yourwin .content .boxwrapper div.play2 p {
  padding-left: 5.8752997602vh;
  padding-right: 5.8752997602vh;
}
main section.information .content .boxwrapper div.play2 img, main section.yourwin .content .boxwrapper div.play2 img {
  margin-right: 1.0791366906vh;
  margin-top: 3.3573141487vh;
  width: 21.9424460432vh;
  object-fit: contain;
}
main section.information .content .boxwrapper div.play3, main section.yourwin .content .boxwrapper div.play3 {
  transition: 0.5s ease all;
  transform: translateY(-20%);
  opacity: 0;
  gap: 5.51558753vh;
}
main section.information .content .boxwrapper div.play3.show, main section.yourwin .content .boxwrapper div.play3.show {
  transform: translateY(0%);
  opacity: 1;
}
main section.information .content .boxwrapper div.play3 p, main section.yourwin .content .boxwrapper div.play3 p {
  padding-left: 5.8752997602vh;
  padding-right: 4.4364508393vh;
}
main section.information .content .boxwrapper div.play3 img, main section.yourwin .content .boxwrapper div.play3 img {
  margin-top: 2.3980815348vh;
  width: 30.5755395683vh;
  object-fit: contain;
}
main section.information .content .buttons, main section.yourwin .content .buttons {
  transition: 0.5s ease all;
  opacity: 0;
  position: fixed;
  bottom: 8.0335731415vh;
  right: 7.6738609113vh;
  z-index: 1;
}
main section.information .content .buttons.show, main section.yourwin .content .buttons.show {
  opacity: 1;
}
main section.information .content .buttons .btnSecond, main section.yourwin .content .buttons .btnSecond {
  margin-right: 1.1990407674vh;
}
main section.information .content .dock, main section.yourwin .content .dock {
  position: fixed;
  bottom: 0px;
  left: 0px;
  width: 100%;
  transition: 0.5s ease transform;
  transform: translateY(150%);
}
main section.information .content .dock.show, main section.yourwin .content .dock.show {
  transform: translateY(0%);
}
main section.information .content .dock img, main section.yourwin .content .dock img {
  display: block;
  width: 100%;
  object-fit: contain;
}
main section.information .content .dock img.gradiant, main section.yourwin .content .dock img.gradiant {
  position: absolute;
  bottom: 0px;
  right: 0px;
  height: 21.9424460432vh;
  object-position: right;
}
main section.information .content .arrowLeft, main section.yourwin .content .arrowLeft {
  position: fixed;
  bottom: 12.5899280576vh;
  left: 16.6666666667vh;
  width: 20.623501199vh;
  object-fit: contain;
  transition: 0.5s ease all;
  opacity: 0;
}
main section.information .content .arrowLeft.show, main section.yourwin .content .arrowLeft.show {
  opacity: 1;
}
main section.information .content .arrowRight, main section.yourwin .content .arrowRight {
  position: fixed;
  bottom: 24.3405275779vh;
  right: 24.5803357314vh;
  width: 15.587529976vh;
  object-fit: contain;
  transform: rotate(-6deg);
  transition: 0.5s ease all;
  opacity: 0;
}
main section.information .content .arrowRight.show, main section.yourwin .content .arrowRight.show {
  opacity: 1;
}
main section.information .content .catch, main section.yourwin .content .catch {
  position: fixed;
  bottom: 6.3549160671vh;
  right: -4.7961630695vh;
  width: 40.2877697842vh;
  height: 40.2877697842vh;
  line-height: 40.2877697842vh;
  text-align: center;
  font-size: 40.2877697842vh;
  object-fit: contain;
  transition: 0.5s ease all;
  opacity: 0;
  background-image: url("/templates/web/img/catch_bg.png");
  background-size: contain;
  font-size: 26px;
  font-family: "Montserrat Bold";
}
main section.information .content .catch.show, main section.yourwin .content .catch.show {
  opacity: 1;
}
main section.yourwin .content {
  flex-direction: column;
}
main section.yourwin .content .logowrapper {
  background-color: #1e1932;
  width: 100%;
  margin-top: 5.3956834532vh;
  padding: 5.3956834532vh 0px;
}
main section.yourwin .content .logowrapper div {
  display: flex;
  justify-content: center;
  gap: 5.3956834532vh;
}
main section.yourwin .content .logowrapper div span {
  position: relative;
  display: block;
  width: 18.824940048vh;
  height: 18.824940048vh;
}
main section.yourwin .content .logowrapper div span img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
  background-color: #ffffff;
  border-radius: 50%;
}
main section.yourwin .content .logowrapper div span.active::after {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 23.1414868106vh;
  height: 23.1414868106vh;
  border: 0.9592326139vh solid #fab42d;
  border-radius: 50%;
}
main section.yourwin .content .logowrapper div:first-of-type {
  margin-bottom: 2.1582733813vh;
}

@keyframes pulse-animation {
  0% {
    box-shadow: 0 0 0 0px rgba(250, 180, 45, 0.5);
  }
  100% {
    box-shadow: 0 0 0 20px rgba(250, 180, 45, 0);
  }
}

/*# sourceMappingURL=master.css.map */