table {
  margin-left: 2rem;
  margin-bottom: 1rem;
}

td,
th {
  padding: 0 2rem;
  border: 1px solid;
  min-width: 10rem;
  line-height: 2;
}

@font-face {
  font-family: Ubuntu-bold;
  src: url("../fonts/TTSupermolotNeue-ExtraBold.ttf");
}
:root {
  font-size: 9px;
}
@media only screen and (max-width: 1440px) {
  :root {
    font-size: 8px;
  }
}
@media only screen and (max-width: 1280px) {
  :root {
    font-size: 7px;
  }
}
@media only screen and (max-width: 900px) {
  :root {
    font-size: 6px;
  }
}
@media only screen and (max-width: 767px) {
  :root {
    font-size: 5px;
  }
}
@media only screen and (max-width: 400px) {
  :root {
    font-size: 4.5px;
  }
}
@media only screen and (max-width: 350px) {
  :root {
    font-size: 4px;
  }
}

.accordion_item_content-t > p,
.accordion_item_content-t li {
  font-family: "Proximanova text", sans-serif;
  text-align: left;
  font-size: 14px;
  line-height: 1.2;
}

span {
  line-height: 1;
}

.popup-background {
  background-color: rgba(0, 0, 0, 0.6);
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 41;
}

.hidden {
  display: none !important;
}

.hide-back {
  opacity: 0;
  z-index: -20 !important;
}

.body-52 {
  background-color: #060821;
  animation-delay: 2s;
  animation: lightOff infinite linear;
  padding-top: 720px;
  background-size: 1920px;
  overflow: hidden;
}
@media only screen and (max-width: 1600px) {
  .body-52 {
    background-size: 1600px;
    padding-top: 575px;
  }
}
@media only screen and (max-width: 1440px) {
  .body-52 {
    background-size: 1440px;
    padding-top: 515px;
  }
}
@media only screen and (max-width: 1280px) {
  .body-52 {
    background-size: 1280px;
    padding-top: 460px;
  }
}
@media only screen and (max-width: 1024px) {
  .body-52 {
    background-size: 1024px;
    padding-top: 340px;
  }
}
@media only screen and (max-width: 900px) {
  .body-52 {
    padding-top: 357px;
  }
}

.body-52.geo {
  background-image: url(../images/bg-ge.jpg);
}

.body-52.eng {
  background-image: url(../images/bg-en.jpg);
}

.body-52.tr {
  background-image: url(../images/bg-en.jpg);
}

.body-52.rus {
  background-image: url(../images/bg-ru.jpg);
}

.header {
  background-image: url(../images/header-shape.png);
  background-size: 100% 100%;
  padding: 1.2rem 3.2rem;
  width: 86rem;
}
.header h1 {
  font-family: "Crocosans caps";
  font-size: 3.1rem;
  color: #34f862;
  line-height: 1.2;
  margin-bottom: 0.4rem;
}
.header p {
  font-size: 2.4rem;
  position: relative;
  margin-bottom: 2rem;
  line-height: 1.4;
}

.freespins-steps {
  margin-top: 3rem;
  display: flex;
  justify-content: center;
  gap: 1.6rem;
  margin-bottom: 3.6rem;
}
@media only screen and (max-width: 767px) {
  .freespins-steps {
    flex-direction: column;
  }
}
.freespins-steps div {
  width: 27.6rem;
  height: 28.7rem;
  background-size: 100% 100%;
  padding: 4.8rem 1.2rem 0;
}
.freespins-steps div p {
  position: relative;
  font-size: 1.9rem;
  height: 35%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 4rem;
  line-height: 1.2;
  padding: 0 0.2rem;
}
.freespins-steps .freespin-1 {
  background-image: url(../images/1-en.png);
}
.freespins-steps .freespin-1 p {
  color: #b8bef1;
}
.freespins-steps .freespin-2 {
  background-image: url(../images/2-en.png);
}
.freespins-steps .freespin-2 p {
  color: #aaeace;
}
.freespins-steps .freespin-3 {
  background-image: url(../images/3-en.png);
}
.freespins-steps .freespin-3 p {
  color: #87bfff;
}

.geo .freespins-steps .freespin-2 p,
.rus .freespins-steps .freespin-2 p {
  font-size: 1.7rem;
}

.friend-gift {
  background: linear-gradient(#3d3f6f, #3d3f6f) padding-box, linear-gradient(#817957, #cfc8a4, #463f28) border-box;
  border: 0.4rem solid transparent;
  width: 86rem;
  position: relative;
  margin-top: 7.2rem;
  border-radius: 6rem;
  margin-bottom: 6rem;
  padding: 1.6rem;
}
.friend-gift .upper-content {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 1.2rem;
}
.friend-gift .register-container .register-banner {
  height: 19rem;
  width: 100%;
  background-size: 100% 100%;
}
.friend-gift .friend-title {
  font-size: 3.6rem;
  font-family: crocosans caps;
  color: #454c7b;
  white-space: nowrap;
  background-color: #64d040;
  border-radius: 2.5rem 2.5rem 0 0;
  padding: 2.4rem 2.8rem 1.6rem;
  position: absolute;
  left: 50%;
  top: -0.4rem;
  transform: translate(-50%, -100%);
}
.friend-gift .friend-container {
  background-image: url(../images/gift-bg.png);
  background-size: 100% 100%;
  width: 40rem;
  height: 35rem;
  padding: 1.6rem 5.4rem 0 2rem;
  line-height: 1.5;
  margin-right: -3.2rem;
  margin-bottom: -2.2rem;
  z-index: 1;
}
.friend-gift .friend-container .friend-text {
  font-size: 2rem;
  font-family: crocosans caps;
  height: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.friend-gift .wheel-container {
  background-size: 100% 100%;
  height: 32.9rem;
  margin-left: 1.2rem;
  flex: 1;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-direction: column;
  padding: 1.2rem;
  text-decoration: none;
}
.friend-gift .wheel-container .wheel-text {
  font-size: 2.3rem;
  line-height: 1.2;
  margin-bottom: 0.5rem;
  color: white;
}
.friend-gift .wheel-container .wheel-text-overline {
  font-size: 3.6rem;
  font-family: crocosans caps;
  color: #64d041;
  margin-bottom: 1.2rem;
  line-height: 1;
}

.rus .friend-gift .wheel-container .wheel-text-overline {
  font-size: 3.2rem;
}

.geo .friend-gift .wheel-container {
  background-image: url(../images/wheel-geo.png);
}

.eng .friend-gift .wheel-container {
  background-image: url(../images/wheel-eng.png);
}

.tr .friend-gift .wheel-container {
  background-image: url(../images/wheel-eng.png);
}

.rus .friend-gift .wheel-container {
  background-image: url(../images/wheel-rus.png);
}

.geo .friend-gift .register-container .register-banner {
  background-image: url(../images/register-geo.png);
}

.eng .friend-gift .register-container .register-banner {
  background-image: url(../images/register-eng.png);
}

.tr .friend-gift .register-container .register-banner {
  background-image: url(../images/register-eng.png);
}

.rus .friend-gift .register-container .register-banner {
  background-image: url(../images/register-rus.png);
}

.how-to {
  background-color: #273172;
  border: 0.2rem solid #73f834;
  border-radius: 4rem;
  margin-bottom: 8rem;
  padding: 8.8rem 2rem 2rem;
  position: relative;
  width: 86rem;
}
.how-to .how-to-title {
  font-size: 2.8rem;
  font-family: crocosans caps;
  color: #283170;
  white-space: nowrap;
  background-color: #64d040;
  border-radius: 0 0 2rem 2rem;
  padding: 2.8rem 2.8rem 2.4rem;
  width: 60%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 5%;
  top: 0;
  line-height: 1;
}
.how-to .invate-info {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 2rem;
  width: 100%;
}
.how-to .invate-info .info {
  position: absolute;
  top: 2rem;
  right: -5rem;
  transform: translateY(-100%);
  cursor: pointer;
  width: 2.8rem;
}
.how-to .invate-info .num-img {
  width: 3.7rem;
}
.how-to .main {
  display: flex;
  justify-content: end;
}
.how-to .main .abs {
  position: absolute;
  left: -4rem;
  top: -4rem;
  width: 30rem;
}
.how-to .main span {
  color: rgb(212, 210, 207);
  text-align: left;
  padding-left: 1.2rem;
  line-height: 1.2;
  width: 100%;
  font-size: 2.2rem;
}
.how-to .infos {
  display: flex;
  flex-direction: column;
  font-size: 2rem;
  position: relative;
  align-items: flex-start;
  padding-top: 2rem;
  margin-right: 4%;
  padding-right: 3rem;
  max-width: 61%;
}

.eng .how-to .main span,
.tr .how-to .main span,
.rus .how-to .main span {
  font-size: 2rem;
}

.screen-mob {
  display: none;
  position: absolute;
  width: 170px;
  top: -150px;
}

.popup-1,
.popup-2 {
  transition: opacity 120ms linear;
}

.popup-1 {
  position: absolute;
  z-index: 42;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.popup-1 .close {
  position: absolute;
  right: 2rem;
  top: 2rem;
  cursor: pointer;
  width: 3.2rem;
}

.popup-2 {
  position: absolute;
  z-index: 42;
  display: flex;
  justify-content: space-around;
  align-items: center;
  background-color: #252b33;
  border-radius: 4rem;
  height: 92%;
  width: 83%;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  padding-left: 26rem;
  padding-right: 1rem;
}
.popup-2 .screen-desk {
  position: absolute;
  bottom: 0;
  width: 25.3rem;
  left: 0;
}
.popup-2 .close {
  position: absolute;
  right: 2.4rem;
  top: 2.4rem;
  cursor: pointer;
  width: 3.2rem;
}
.popup-2 p {
  position: relative;
  font-size: 1.8rem;
  padding: 0 1rem;
  text-align: left;
  margin-bottom: 0;
  line-height: 1.2;
  letter-spacing: 0.1rem;
  color: rgba(255, 255, 255, 0.8);
  text-transform: uppercase;
}

.frsp-balance {
  background-image: url(../images/header-shape0user.png);
  background-size: 100% 100%;
  width: 85rem;
  height: 215px;
  padding: 1rem 2rem;
  margin-bottom: 50px;
}
@media only screen and (max-width: 767px) {
  .frsp-balance {
    width: 300px;
    height: 157px;
  }
}
.frsp-balance a {
  background-image: url(../images/btn-shape.png);
  background-size: 100% 100%;
  color: white;
  text-decoration: none;
  width: 430px;
  padding: 3rem 2rem;
  font-family: Crocosans caps;
  font-size: 2.5rem;
  text-shadow: 0 0 10px #000000;
  cursor: pointer;
  display: inline-block;
}
@media only screen and (max-width: 767px) {
  .frsp-balance a {
    width: 230px;
    padding: 2rem 1rem;
    font-size: 12px;
  }
}
.frsp-balance h2 {
  font-family: Crocosans caps;
  font-size: 3.2rem;
  position: relative;
  top: -15px;
  opacity: 0.9;
}
@media only screen and (max-width: 767px) {
  .frsp-balance h2 {
    font-size: 13px;
    top: -17px;
  }
}
.frsp-balance p {
  font-size: 2rem;
}
@media only screen and (max-width: 767px) {
  .frsp-balance p {
    line-height: 1;
    font-size: 12px;
    margin-top: -23px;
  }
}

.answer-t {
  color: white;
}

.rules-containet-bb {
  margin-top: 0;
  margin-bottom: 0;
  width: 100%;
}

.rule-acordeon {
  margin-top: 5rem;
}

.additional {
  margin-bottom: 7rem;
}

.rules-wrapper {
  width: 90%;
  max-width: 110rem;
}

.leaderboard-rules {
  background: #262c2b;
  justify-content: space-between;
  border-radius: 4rem;
  color: white;
  border: 1px solid #677483;
}

.leaderboard-rules:hover {
  background: #262c2b;
}

.accordion_item_trigger-t {
  justify-content: space-between;
}

.accordion_item_content-t {
  width: unset !important;
  text-align: left;
}

.main-t > .accordion_item_content-t {
  padding-left: 20px;
}

.acording-second {
  padding-left: 0;
}

.arow {
  margin-right: 2rem;
  transition: transform 0.5s ease-in-out;
  width: 1.6rem;
}

.arow:first-child {
  margin-right: 2rem;
}

.rotateThatBitch {
  transform: rotate(180deg);
}

.acording-second,
.acording-second:hover,
.acording-second:focus {
  background-color: transparent;
}

@media only screen and (max-width: 767px) {
  .body-52.geo {
    background-image: url(../images/mob-bg-ge.jpg);
  }
  .body-52.ka {
    background-image: url(../images/mob-bg-ge.jpg);
  }
  .body-52.eng {
    background-image: url(../images/mob-bg-en.jpg);
  }
  .body-52.tr {
    background-image: url(../images/mob-bg-en.jpg);
  }
  .body-52.rus {
    background-image: url(../images/mob-bg-ru.jpg);
  }
  .body-52 {
    padding-top: 235px;
  }
  .freespins-steps div {
    width: 52rem;
    height: 53rem;
    padding: 3rem;
  }
  .freespins-steps div p {
    margin-top: 10.4rem;
    font-size: 2.8rem !important;
  }
  .friend-gift {
    width: 95%;
    max-width: 52rem;
    margin-top: 10rem;
  }
  .friend-gift .upper-content {
    flex-direction: column;
  }
  .friend-gift .register-container .register-banner {
    height: 34rem;
  }
  .friend-gift .friend-title {
    white-space: unset;
    width: 70%;
    line-height: 1;
    padding: 1.6rem 2.8rem 0.8rem;
  }
  .friend-gift .friend-container {
    width: 108%;
    height: 42rem;
    margin-right: -3.8rem;
  }
  .friend-gift .friend-container .friend-text {
    font-size: 2.3rem;
  }
  .friend-gift .wheel-container {
    flex: unset;
    margin-left: 0;
    margin-top: 1.2rem;
    width: 100%;
    height: 34rem;
  }
  .geo .friend-gift .register-container .register-banner {
    background-image: url(../images/register-geo-mob.png);
  }
  .eng .friend-gift .register-container .register-banner {
    background-image: url(../images/register-eng-mob.png);
  }
  .tr .friend-gift .register-container .register-banner {
    background-image: url(../images/register-eng-mob.png);
  }
  .rus .friend-gift .register-container .register-banner {
    background-image: url(../images/register-rus-mob.png);
  }
  .popup-1 {
    width: 36rem;
  }
  .header {
    background-image: url(../images/header-shape-mob.png);
    width: 95%;
    max-width: 52rem;
    padding: 1.2rem 4.8rem;
  }
  .header h1 {
    font-size: 3.8rem;
    margin-top: 1.6rem;
    padding: 0 1rem;
  }
  .header p {
    font-size: 2.6rem;
    margin-bottom: 1.2rem;
  }
  .header .web-br {
    display: none;
  }
  .how-to {
    width: 95%;
    max-width: 52rem;
    margin-top: 25rem;
    padding: 10rem 2rem 0;
  }
  .how-to .invate-info {
    margin-bottom: 3rem;
  }
  .how-to .invate-info .info {
    top: -0.4rem;
    right: -0.8rem;
  }
  .how-to .how-to-title {
    z-index: 1;
    width: 80%;
    right: 50%;
    transform: translateX(50%);
    white-space: unset;
    padding: 1.6rem 4rem 0.8rem;
  }
  .how-to .infos {
    max-width: 100%;
    margin-right: 0;
    padding-right: 0;
  }
  .how-to .main .abs {
    top: -26rem;
    left: 50%;
    transform: translateX(-50%);
  }
  .how-to .main span {
    font-size: 2.1rem;
  }
  .rules-wrapper {
    max-width: 70rem;
  }
  .accordion_item_content-t > p,
  .accordion_item_content-t li,
  td,
  th {
    font-size: 12px;
  }
  .popup-2 {
    padding-left: 1rem;
    padding-top: 25rem;
    height: unset;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    bottom: -4rem;
  }
  .popup-2 .screen-desk {
    left: 50%;
    transform: translateX(-50%);
    top: -8rem;
  }
  .popup-2 p {
    text-align: center;
    background-color: #252b33;
    border-radius: 0 0 3rem 3rem;
    padding-bottom: 1.2rem;
  }
  .popup-2 .shadow {
    width: 100%;
    height: 2rem;
    background: linear-gradient(transparent, #252b33);
    z-index: 1;
  }
}
@media screen and (max-width: 479px) {
  .main-t > .accordion_item_content-t {
    padding-left: 10px;
  }
}/*# sourceMappingURL=main.css.map */