@import url("https://fonts.googleapis.com/css2?family=Rubik:wght@300;500;700&display=swap");
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

a,
a:focus,
a:visited,
a:hover {
  text-decoration: none;
}

* {
  box-sizing: border-box;
}

html,
body {
  min-height: 100%;
  position: relative;
}

.upper {
  text-transform: uppercase;
}

.lower {
  text-transform: lowercase;
}

.nowrap {
  white-space: nowrap;
}

.selectNone {
  user-select: none;
}

.onlyMobile {
  display: none;
}

.onlyDesktop {
  display: flex;
}

@media (max-width: 1024px) and (orientation: portrait), (max-width: 1023px) {
  .onlyMobile {
    display: flex;
  }

  .onlyDesktop {
    display: none;
  }
}
.tablet {
  display: none;
}

body {
  background: #391566;
}

#main {
  min-height: 100vh;
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  overflow: hidden;
  background: url("../images/mainBg.jpg"), #391566;
  background-position-x: 65%;
  background-size: cover;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 1s ease-in-out;
  justify-content: space-between;
  position: relative;
}
#main * {
  font-family: "Rubik", sans-serif;
}
#main .offer {
  width: 64.9444444444vh;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  flex-direction: column;
  position: relative;
  margin-bottom: 6.6666666667vh;
  padding-top: 15.5555555556vh;
  margin-left: 17.7777777778vh;
}
#main .offer_envelope {
  background: url("../../1default/images/envelope.png");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 30.2966666667vh;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  position: absolute;
  z-index: 5;
  bottom: 0;
  left: 0;
}
#main .offer_envelope .logo {
  margin-bottom: 7.1111111111vh;
}
#main .offer_envelope .logo img {
  width: 19.4444444444vh;
}
#main .offer_main {
  width: 59vh;
  height: 68vh;
  background: url("../../1default/images/paper.png");
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  transform: translateY(100%);
  display: flex;
  flex-direction: column;
  align-items: center;
}
#main .offer_main__title {
  color: rgba(133, 69, 82, 0.5);
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 6vh;
  font-size: 2.3333333333vh;
  font-weight: 500;
  line-height: 3.3333333333vh;
}
#main .offer_main__title span {
  color: #854552;
}
#main .offer_main__bonus {
  margin-top: 5.8888888889vh;
  color: #391566;
  display: flex;
  align-items: center;
  flex-direction: column;
  font-size: 14.4444444444vh;
  line-height: 9.4444444444vh;
  font-weight: 700;
  text-shadow: white 2px 0px 0px, white 1.75px 0.953125px 0px, white 1.078125px 1.671875px 0px, white 0.140625px 1.984375px 0px, white -0.828125px 1.8125px 0px, white -1.59375px 1.1875px 0px, white -1.96875px 0.28125px 0px, white -1.859375px -0.6875px 0px, white -1.296875px -1.5px 0px, white -0.40625px -1.953125px 0px, white 0.5625px -1.90625px 0px, white 1.40625px -1.40625px 0px, white 1.90625px -0.546875px 0px;
}
#main .offer_main__bonus span {
  font-size: 5.3333333333vh;
  font-weight: 500;
  line-height: 6.1111111111vh;
  text-shadow: none;
  margin-top: 2.5555555556vh;
}
#main .offer_main__game {
  margin-top: 0.8888888889vh;
  color: rgba(57, 21, 102, 0.7);
  font-weight: 500;
  font-size: 3.3333333333vh;
  line-height: 4.4444444444vh;
}
#main .offer_main__codeWrap {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-top: 5vh;
}
#main .offer_main__codeWrap .btn {
  font-size: 1.7777777778vh;
  font-weight: 700;
  color: #ffffff;
  width: 18.5555555556vh;
  height: 6.2222222222vh;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 1.1111111111vh;
  position: relative;
  cursor: pointer;
}
#main .offer_main__codeWrap .btn::after, #main .offer_main__codeWrap .btn::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: 1s linear;
}
#main .offer_main__codeWrap .btn span {
  position: relative;
  z-index: 5;
}
#main .offer_main__codeWrap .codeBtn {
  margin-right: 3.3333333333vh;
}
#main .offer_main__codeWrap .codeBtn::after {
  background: url("../../1default/images/codeBtn.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
}
#main .offer_main__codeWrap .codeBtn::before {
  background: url("../../1default/images/codeBtn.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  transform: rotateX(180deg);
  opacity: 0;
}
#main .offer_main__codeWrap .codeBtn.active::after {
  opacity: 0;
}
#main .offer_main__codeWrap .codeBtn.active::before {
  opacity: 1;
}
#main .offer_main__codeWrap .linkBtn::after {
  background: radial-gradient(107.72% 107.79% at 49.79% 107.79%, #00FF0A 0%, #38205C 100%);
  background: url("../../1default/images/greenBtn.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
}
#main .terms {
  align-self: flex-end;
  margin-bottom: 4.5555555556vh;
  margin-right: 5.5555555556vh;
}
#main .termsText {
  padding: 2.2222222222vh 2.7777777778vh;
  background: #ffffff;
  font-size: 1.3333333333vh;
  line-height: 1.6666666667vh;
  font-weight: 300;
  color: #7B6C8E;
  border-radius: 1.1111111111vh;
  position: absolute;
  opacity: 0;
  pointer-events: none;
  bottom: 4.5555555556vh;
  margin-right: 5.5555555556vh;
}
#main .termsBtn {
  display: flex;
  flex-direction: row;
  align-items: center;
  color: #ffffff;
  font-size: 1.7777777778vh;
  font-weight: 500;
  cursor: pointer;
}
#main .termsBtn img {
  width: 5.3333333333vh;
  margin-right: 2.2222222222vh;
}
#main .termsBtn:hover .termsText {
  opacity: 1;
  pointer-events: initial;
}
#main .approved {
  max-width: 28.5555555556vh;
  width: 100%;
  position: absolute;
  top: 3.3333333333vh;
  right: 5vh;
}
#main.loaded {
  opacity: 1;
}
#main.loaded .offer_main {
  transition: transform 2s linear;
  transform: translateY(-10.1111111111vh);
}

@media not all and (min-resolution: 0.001dpcm) {
  #main {
    min-height: -webkit-fill-available;
  }
}
@media screen and (min-width: 769px) and (max-width: 1366px) and (orientation: landscape) and (min-height: 599px) {
  #main {
    background-position: 41% center;
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
  }
  #main .offer {
    margin-left: 6.1111111111vh;
  }
}
@media (max-width: 1024px) and (orientation: portrait), (max-width: 1023px) {
  .desktop {
    display: none !important;
  }

  .tablet {
    display: flex;
  }

  #main {
    background: url("../images/tabletBg.jpg"), #391566;
    background-position: top;
    background-size: contain;
    background-repeat: no-repeat;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    min-height: 127vw;
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
  }
  #main::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 59.765625vw;
    background: linear-gradient(0deg, #391566 57.3%, rgba(57, 21, 102, 0) 100%);
    bottom: 44.921875vw;
  }
  #main::before {
    position: absolute;
    content: "";
    height: 13.0208333333vw;
    width: 100%;
    top: 0;
    background: linear-gradient(180deg, rgba(55, 22, 101, 0.35) 33.12%, rgba(55, 20, 100, 0) 91.29%);
  }
  #main .logo.tablet {
    z-index: 10;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 1.0416666667vw;
  }
  #main .logo.tablet img {
    width: 19.53125vw;
  }
  #main .offer {
    width: 47.5260416667vw;
    margin-left: 0;
    padding-top: 37.7604166667vw;
    margin-bottom: 2.6041666667vw;
    z-index: 10;
    border-radius: 0 0 3.90625vw 3.90625vw;
  }
  #main .offer_main {
    width: 46.3541666667vw;
    height: 53.3854166667vw;
  }
  #main .offer_main__title {
    font-size: 2.0833333333vw;
    line-height: 3.2552083333vw;
    margin-top: 3.125vw;
  }
  #main .offer_main__bonus {
    margin-top: 0.6510416667vw;
    font-size: 9.1145833333vw;
    line-height: 11.0677083333vw;
    text-shadow: white 1px 0px 0px, white 0.540302px 0.841471px 0px, white -0.416147px 0.909297px 0px, white -0.989992px 0.14112px 0px, white -0.653644px -0.756802px 0px, white 0.283662px -0.958924px 0px, white 0.96017px -0.279415px 0px;
  }
  #main .offer_main__bonus span {
    font-size: 3.90625vw;
    line-height: 3.90625vw;
    margin: 0;
    text-shadow: none;
  }
  #main .offer_main__game {
    margin-top: 1.5625vw;
    font-size: 2.34375vw;
    line-height: 2.8645833333vw;
  }
  #main .offer_main__codeWrap {
    margin-top: 2.0833333333vw;
  }
  #main .offer_main__codeWrap .btn {
    width: 18.8802083333vw;
    height: 6.25vw;
    border-radius: 1.3020833333vw;
    font-size: 1.8229166667vw;
  }
  #main .offer_main__codeWrap .codeBtn {
    margin-right: 1.8229166667vw;
  }
  #main .offer_envelope {
    height: 22.7864583333vw;
  }
  #main .offer_envelope .logo {
    margin-bottom: 0;
  }
  #main .offer_envelope .logo img {
    width: 25.9114583333vw;
  }
  #main .terms {
    align-self: center;
    margin: 0;
    z-index: 10;
    width: 100%;
    display: flex;
    justify-content: center;
    background: #391566;
  }
  #main .termsBtn > img,
#main .termsBtn > p {
    display: none;
  }
  #main .termsBtn .termsText {
    opacity: 1;
    background: none;
    font-size: 1.8229166667vw;
    line-height: 2.34375vw;
    font-weight: 300;
    color: #C7B1CF;
    position: relative;
    margin-right: 0;
    max-width: 48.828125vw;
    padding: 0;
    bottom: 0;
    margin-bottom: 2.734375vw;
  }
  #main.loaded .offer_main {
    transform: translateY(-6.9010416667vw);
  }
  #main .approved {
    max-width: 20.8333333333vw;
    top: auto;
    bottom: 3.90625vw;
    right: 3.90625vw;
    z-index: 100;
  }
}
@media (max-width: 450px) and (orientation: portrait), (max-height: 450px) and (orientation: landscape) {
  #main {
    background: url("../images/mobileBg.jpg"), #391566;
    background-position-y: 7.7333333333vmin;
    background-size: contain;
    background-repeat: no-repeat;
    flex-direction: column;
    align-items: center;
    height: initial;
  }
  #main::after {
    height: 130.9333333333vmin;
    bottom: 18.6666666667vmin;
  }
  #main::before {
    height: 26.6666666667vmin;
    background: linear-gradient(180deg, #371665 33.12%, rgba(55, 20, 100, 0) 91.29%);
  }
  #main .logo.tablet {
    margin-top: 2.1333333333vmin;
  }
  #main .logo.tablet img {
    width: 40vmin;
  }
  #main .offer {
    width: 97.0666666667vmin;
    padding-top: 0;
    margin-bottom: 6.6666666667vmin;
    border-radius: 0 0 8vmin 8vmin;
    margin-top: 61.3333333333vmin;
    overflow: initial;
  }
  #main .offer_main {
    width: 94.9333333333vmin;
    height: 96vmin;
    transform: translateY(-5.3333333333vmin);
  }
  #main .offer_main__title {
    display: none;
  }
  #main .offer_main__bonus {
    margin-top: 5.3333333333vmin;
    font-size: 18.6666666667vmin;
    line-height: 22.6666666667vmin;
  }
  #main .offer_main__bonus span {
    font-size: 8vmin;
    line-height: 8vmin;
  }
  #main .offer_main__game {
    font-size: 4.8vmin;
    line-height: 5.8666666667vmin;
    margin: 0;
  }
  #main .offer_main__codeWrap {
    margin-top: 4vmin;
  }
  #main .offer_main__codeWrap .btn {
    width: 38.6666666667vmin;
    height: 12.8vmin;
    border-radius: 2.6666666667vmin;
    font-size: 3.7333333333vmin;
  }
  #main .offer_main__codeWrap .codeBtn {
    margin-right: 3.7333333333vmin;
  }
  #main .offer_envelope {
    height: 46.6666666667vmin;
  }
  #main .offer_envelope .logo {
    margin-bottom: 0;
  }
  #main .offer_envelope .logo img {
    width: 53.0666666667vmin;
  }
  #main .terms {
    padding: 0 9.3333333333vmin;
  }
  #main .termsBtn .termsText {
    font-size: 3.7333333333vmin;
    line-height: 4.8vmin;
    max-width: 100vmin;
    margin-bottom: 5.6vmin;
  }
  #main.loaded .offer_main {
    transform: translateY(-5.3333333333vmin);
  }
  #main .approved {
    max-width: 42.6666666667vmin;
    bottom: 8vmin;
    right: 8vmin;
    position: relative;
    margin-top: 8vmin;
    align-self: flex-end;
    order: 2;
  }
}
@media (max-height: 450px) and (orientation: landscape) {
  #main {
    background: url("../images/tabletBg.jpg"), #391566;
    background-position: top;
    background-size: contain;
    background-repeat: no-repeat;
    flex-direction: column;
    align-items: center;
    min-height: initial;
  }
  #main .offer {
    margin-top: 69.3333333333vmin;
  }
}