@font-face {
  font-family: "PoetsenOne-Regular";
  src: url("https://luckytiger-promo.com/landings/tiger/fonts/PoetsenOne-Regular.woff") format("woff"),
    url("https://luckytiger-promo.com/landings/tiger/fonts/PoetsenOne-Regular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "SF UI Text";
  font-style: normal;
  font-weight: 700;
  src: url("https://luckytiger-promo.com/landings/tiger/fonts/SFUIDisplay-Bold.woff2") format("woff2"),
    url("https://luckytiger-promo.com/landings/tiger/fonts/SFUIDisplay-Bold.woff") format("woff");
}

@font-face {
  font-family: "SF UI Text";
  font-style: normal;
  font-weight: 400;
  src: url("https://luckytiger-promo.com/landings/tiger/fonts/SFUIDisplay-Regular.woff2") format("woff2"),
    url("https://luckytiger-promo.com/landings/tiger/fonts/SFUIDisplay-Regular.woff") format("woff");
}

@font-face {
  font-family: "Baloo";
  src: url("https://luckytiger-promo.com/landings/tiger/fonts/Baloo.ttf") format("truetype"),
    url("https://luckytiger-promo.com/landings/tiger/fonts/Baloo.eot?") format("embedded-opentype"),
    url("https://luckytiger-promo.com/landings/tiger/fonts/Baloo.woff2") format("woff2");
}

@font-face {
  font-family: "SF Pro Display";
  src: local("SF Pro Display"), url("https://luckytiger-promo.com/landings/tiger/fonts/sfui.woff2") format("woff2"),
    url("https://luckytiger-promo.com/landings/tiger/fonts/sfui.ttf") format("truetype"),
    url("https://luckytiger-promo.com/landings/tiger/fonts/sfui.eot?") format("embedded-opentype");
  font-display: swap;
}

img {
  display: block;
  max-width: 100%;
}

body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 100vh;
  font-family: "Baloo", sans-serif;
  overflow-x: hidden;
}

.firefly {
  width: 4px;
  height: 4px;
  position: absolute;
  background-color: #ecc45e;
  box-shadow: 0px 0px 17px 2px wheat;
  border-radius: 50%;
  z-index: 100;
}

.video {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  pointer-events: none;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 55% center;
  object-position: 55% center;
  z-index: -1;
}
.video.tab,
.video.mob {
  display: none;
}

.main {
  position: relative;
  top: -100px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -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;
}

.terms-mobile {
  display: none;
}

.mob_terms {
  display: none;
}

.logo {
  width: 7.865vw;
  position: absolute;
  top: 30px;
  left: calc(50vw - 7.865vw / 2);
}

.main_content {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 29.27vw;
  margin-left: 5vw;
  z-index: 2;
}

.main_content_h1 {
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0.17) 3.08%,
    rgba(255, 255, 255, 0) 97.88%
  );
  backdrop-filter: blur(8.850000381469727px);
  border-left: 5px #f29f33 solid;
  width: 90%;
  max-width: 489px;
  padding: calc(18 / 1920 * 100vw) calc(40 / 1920 * 100vw);
  font-family: "PoetsenOne-Regular";
  font-style: normal;
  font-size: 1.354vw;
  line-height: 1.3;
  color: #fff;
  font-family: "SF Pro Display";
  font-weight: 700;
  text-transform: uppercase;
  padding-right: 30%;
}

.main_content_text {
  margin-top: calc(56 / 1920 * 100vw);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  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;
}

.left {
  color: #fff;
  text-shadow: 0px 4px 15.9px #00113d;
  font-family: Baloo;
  font-weight: 400;
  margin-right: 1vw;
  font-style: normal;
  font-size: 11.854vw;
  line-height: 8.813vw;
  text-align: center;
  text-transform: uppercase;
  color: #ffffff;
}

.right {
  color: #fff;
  text-shadow: 0px 4px 15.9px #00113d;
  font-family: Baloo;
  font-style: normal;
  font-weight: 400;
  font-size: 3.646vw;
  line-height: 3.385vw;
  text-transform: uppercase;
}

.btns {
  margin-top: calc(40 / 1920 * 100vw);
  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;
  width: 100%;
}
.btns--mt-md {
  margin-top: calc(24 / 1920 * 100vw);
}

.code,
.play {
  margin: 0 10px;
}
.code {
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.36);
  backdrop-filter: blur(9px);
  color: #fff;
  width: 13.021vw;
  height: 3.542vw;
  font-family: SF UI Text;
  font-style: normal;
  font-weight: bold;
  font-size: 0.938vw;
  line-height: 1.042vw;
  text-align: center;
  text-transform: uppercase;
  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;
}
.play {
  text-decoration: none;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  width: 11.354vw;
  height: 3.542vw;
  background: linear-gradient(180deg, #f7b44a 0%, #e87604 100%);
  border-radius: 0.521vw;
  font-family: SF UI Text;
  font-style: normal;
  font-weight: bold;
  font-size: 0.938vw;
  line-height: 1.042vw;
  text-align: center;
  text-transform: uppercase;
  color: #ffffff;
  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;
  position: relative;
}
.play:hover {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  color: #fff;
}

.terms-desc {
  width: 68px;
  height: 68px;
  position: absolute;
  bottom: 30px;
  right: 30px;
  border-radius: 10px;
  border: 1px solid #fff;
  background: rgba(255, 255, 255, 0.14);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 4;
}

.terms-desc_header {
  cursor: pointer;
  height: 2.656vw;
  background: rgba(255, 255, 255, 0.08);
  border-radius: 0.521vw;
  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;
  font-family: SF UI Text;
  font-style: normal;
  font-weight: bold;
  font-size: 0.938vw;
  line-height: 1.042vw;
  text-align: center;
  text-transform: uppercase;
  color: #ffffff;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  width: 100%;
  height: 100%;
}

.terms-desc_header::after {
  content: "t&c";
}

.terms-desc_header.active::after {
  content: url("../../willbetgamebettingsa/image/close.png");
}

.terms-desc.active .terms-desc_main {
  opacity: 1;
  pointer-events: auto;
}

.terms-desc_main {
  color: #fff;
  line-height: 1.3;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: -404px;
  width: 394px;
  height: 68px;
  flex-shrink: 0;
  border-radius: 10px;
  border: 1px solid #fff;
  background: rgba(255, 255, 255, 0.14);
  color: #fff;
  font-family: "SF Pro Display";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  padding-left: 8px;
  display: flex;
  align-items: center;
  backdrop-filter: blur(15px);
}

.terms-desc_main span {
  color: #fff;
  position: absolute;
  top: 0;
  right: 0;
  padding: 0.8vw;
  cursor: pointer;
}

.terms-desc_main small {
  display: block;
  color: #fff;
  line-height: 1.3;
  margin: 0;
}

.desktop-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 48% 0;
  object-position: 48% 0;
  z-index: 1;
  pointer-events: none;
}

.for-mob {
  display: none;
}

.game {
  color: #fff;
  text-align: center;
  font-family: Baloo;
  font-weight: 400;
  text-transform: uppercase;
  font-style: normal;
  font-size: calc(27 / 1920 * 73vw);
  line-height: 1.3;
  margin-top: 1vw;
  text-align: center;
}

@media (max-width: 1024px) and (orientation: portrait), (max-width: 1023px) {
  body {
    -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;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    min-height: 1426px;
    height: 100vh;
    position: relative;
  }

  .terms-mobile {
    display: block;
    position: absolute;
    bottom: 68px;
    left: 46px;
    width: 323px;
    height: 54px;
    flex-shrink: 0;
    color: #fff;
    font-family: "SF Pro Display";
    font-size: 14px;
    line-height: 18px;
  }

  .terms-mobile__header {
    text-transform: uppercase;
    font-weight: 700;
  }

  .game {
    font-size: 18px;
    line-height: 25px;
    text-align: center;
  }
  .mob_terms_body {
    font-weight: 400;
  }
  .for-mob {
    display: block;
  }
  .terms-desc {
    display: none;
  }
  .mob_terms {
    display: block;
  }
  .main {
    margin-bottom: auto;
    position: absolute;
    top: auto;
    bottom: 240px;
    left: calc(50% - 206px);
  }
  .logo {
    width: 109px;
    left: calc(50vw - 109px / 2);
  }
  .main_content_h1 {
    width: 100vw;
    margin-top: 35px;
    font-size: 18px;
    padding: 17px 23px;
  }
  .main_content {
    margin-left: 0;
    width: 412px;
  }
  .mob-bg {
    position: absolute;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: bottom center;
    object-position: bottom center;
    z-index: 1;
    pointer-events: none;
    width: 100%;
    height: 100%;
  }
  .desktop-bg {
    display: none;
  }
  .main_content_text {
    margin-top: 24px;
  }
  .left {
    font-size: 234px;
    line-height: 178px;
    text-shadow: 0px -2px 24px rgba(255, 255, 255, 0.37);
    margin-right: 5px;
    margin-top: 61px;
  }
  .right {
    font-size: 50px;
    line-height: 1;
    text-shadow: 0px -2px 24px rgba(255, 255, 255, 0.37);
  }
  .btns {
    margin-top: 24px;
  }
  .btns--mt-md {
    margin-top: 30px;
  }
  .code {
    width: 321px;
    height: 68px;
    border-radius: 10px;
    font-size: 16px;
    line-height: 20px;
  }
  .play {
    width: 321px;
    height: 68px;
    font-size: 18px;
    line-height: 20px;
    border-radius: 10px;
    overflow: hidden;
  }
  .mob_terms {
    max-width: 321px;
    font-family: SF UI Text;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 18px;
    color: #ffffff;
    opacity: 0.8;
    margin-top: 30px;
    margin-bottom: 30px;
  }
}

@media (max-width: 765px) {
  .main_content_text.small .left--md {
    font-size: 100px;
  }
  .main_content_text.small .right {
    font-size: 46px;
    height: fit-content;
  }
}

@media (max-width: 765px) and (orientation: landscape) {
  .main_content_text.small .right {
    width: 100%;
    text-align: center;
  }
}

@media (max-width: 480px) {
  body {
    min-height: 984px;
  }
}

@media (max-width: 340px) {
  .code,
  .play {
    width: 300px;
    border-radius: 10px;
  }
  .mob_terms {
    max-width: 300px;
  }
  .main_content_text.small .left {
    font-size: 90px;
  }
  .main_content_text.small .right {
    font-size: 30px;
    line-height: 1.2;
  }
}

/*---------*/
.modal {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  pointer-events: none;
  z-index: 3;
}

.modal.active {
  pointer-events: auto;
}

.modal__wrapper.active {
  z-index: 5;
  opacity: 1;
}

.modal__wrapper {
  width: 100%;
  height: 100%;
  min-height: 100vh;
  background: rgba(3, 21, 33, 0.2);
  -webkit-backdrop-filter: blur(50px);
  backdrop-filter: blur(50px);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: -1;
  opacity: 0;
  transition: 0.5s;
}

.modal-offer__wrapper {
  position: relative;
  width: 60.771vw;
  height: fit-content;
  background: url("../../willbetgamebettingsa/image/offer-bg.png") no-repeat;
  background-size: 100% 100%;
  background-position: 100% 100%;
  border-radius: 30px;
  box-sizing: border-box;
  padding: 6vh 28%;
}

.modal-offer__title {
  font-family: "sfui-bold", sans-serif;
  padding: 0 0 2.604vw 0;
  font-weight: 700;
  font-size: 1.875vw;
  line-height: 2.396vw;
  text-align: center;
  text-transform: uppercase;
  color: #f3cd03;
}

.modal-offer__close {
  position: absolute;
  top: 2.604vw;
  right: 2.917vw;
  width: 0.885vw;
  height: 0.885vw;
  cursor: pointer;
}

.modal-offer__close img {
  width: 100%;
  height: 100%;
}

.modal-offer__timer {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin: 0 0 0.885vw 0;
}

.modal-offer__tiles {
  font-size: 1.875vw;
  display: flex;
  align-items: center;
}

.modal-offer__labels {
  margin: 0.521vw 0 0 0;
  color: #4b575f;
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.modal-offer__labels span {
  width: 6.823vw;
  text-align: center;
}

.timer-num {
  color: #f3f3f3;
  display: flex;
  justify-content: center;
  align-items: center;
  background: url("../../willbetgamebettingsa/image/timer-bg.png") no-repeat;
  background-size: 100% 100%;
  background-position: 100% 100%;
  width: 3.421vw;
  height: 3.1vw;
  border-radius: 10px;
}

.timer-num::before {
  content: "";
  position: absolute;
  width: 3.5vw;
  height: 2.9vw;
  background: linear-gradient(
    180deg,
    rgba(3, 25, 36, 0.3) 0%,
    rgba(9, 220, 23, 0.3) 100%
  );
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 10px;
}

.timer-num1,
.timer-num3,
.timer-num5 {
  margin: 0 0.365vw 0 0;
}

.timer-separate {
  display: flex;
  background: url("../../willbetgamebettingsa/image/separete.png") no-repeat;
  background-size: 100% 100%;
  background-position: 100% 100%;
  margin: 0 0.677vw 0 0.677vw;
  width: 0.417vw;
  height: 1vw;
}

/*offer title*/
.modal-offer__bonus {
  display: flex;
  justify-content: center;
}

.modal-offer__bonus--left,
.modal-offer__bonus--right {
  font-size: 4.688vw;
  line-height: 1.2;
  font-weight: 400;
  display: flex;
}

.modal-offer__bonus--left {
  color: #ffffff;
  padding-right: 1vw;
  text-decoration: line-through;
}

.modal-offer__bonus--right {
  color: #f3cd03;
}

.modal-offer__slots {
  color: #ffffff;
  font-weight: 400;
  font-size: 3.333vw;
  line-height: 2.604vw;
  text-align: center;
  text-transform: uppercase;
  margin: 1.042vw 0 1.563vw 0;
}

.modal-offer__spins {
  font-size: 1.302vw;
  line-height: 1.563vw;
  text-transform: uppercase;
  color: #ffffff;
  text-align: center;
}

.modal-offer__spins--green {
  color: #41b056;
}

.modal-offer__buttons {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 3.281vw 0 0 0;
}

.first2 {
  background: #023540;
  border-radius: 10px;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  font-family: "sfui", sans-serif;
  margin-right: 1.852vh;
  position: relative;
  cursor: pointer;
  font-weight: 700;

  width: 13.021vw;
  height: 3.333vw;
  font-size: 0.938vw;
}

.code2 {
  color: #f3f3f3;
}

.copied2 {
  color: #f3f3f3;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: #41b056;
  border-radius: 10px;
  z-index: 9;
  transition: 0.2s;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  font-family: "sfui", sans-serif;
  text-transform: uppercase;
  opacity: 0;
}

.copied2.active {
  opacity: 1;
}

.second2 {
  text-decoration: none;
  background: linear-gradient(180deg, #f3cd03 0%, #d67821 100%);
  font-family: "sfui-bold", sans-serif;
  white-space: nowrap;
  color: white;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  text-transform: uppercase;
  border-radius: 10px;
  cursor: pointer;
  transition: 0.3s;
  width: 13.021vw;
  height: 3.333vw;
  font-size: 0.938vw;
}

.modal-offer__terms {
  display: none;
}

.modal__wrapper__termsBtn {
  color: #17778d;
  font-weight: 700;
  font-size: 0.729vw;
  position: absolute;
  right: 2.083vw;
  bottom: 2.083vw;
  background: #031521;
  opacity: 0.9;
  border-radius: 10px;
  width: 3.125vw;
  height: 3.125vw;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  display: none;
}

.modal__wrapper__text {
  font-family: "sfui", sans-serif;
  max-width: 12.448vw;
  position: absolute;
  right: 2.708vw;
  bottom: 3.073vw;
  display: none;
  padding: 1.146vw 1.51vw 1.406vw 1.25vw;
  color: #17778d;
  line-height: 0.938vw;
  font-size: 0.729vw;
  font-weight: 400;
  background: #031521;
  opacity: 0.9;
  border-radius: 10px;
}

.modal__wrapper__text p {
  margin: 0;
}

.modal__wrapper__terms-close {
  position: absolute;
  top: 1.09vw;
  right: 1.042vw;
  width: 0.521vw;
  height: 0.521vw;
  cursor: pointer;
}

.modal__wrapper__terms-close img {
  width: 100%;
  height: 100%;
}

@media (max-width: 1024px) and (orientation: portrait), (max-width: 1023px) {
  .mobile {
    display: block;
    background-color: unset;
    background-image: none;
  }

  .video.tab {
    display: block;
    -o-object-position: center 0%;
    object-position: center 0%;
  }
  .desktop {
    display: none !important;
  }

  .modal__wrapper__terms {
    display: none;
  }

  .mobile .logo {
    margin-top: 3vw;
    margin-bottom: 32.3vw;
    text-align: center;
    max-width: 100%;
    z-index: 6;
  }

  .modal-offer {
    width: 100%;
    height: 90%;
  }

  .modal__wrapper {
    align-items: flex-end;
  }

  .modal-offer__wrapper {
    position: absolute;
    top: auto;
    bottom: 0;
    width: 100%;
    height: fit-content;
    border-radius: 30px 30px 0px 0px;
    padding: 0 20% 30px;
  }

  .modal-offer__title {
    padding: 5.729vmin 0 3.255vmin 0;
    font-size: 160%;
    line-height: 4.167vmin;
  }

  .modal-offer__tiles {
    font-size: 2.604vmin;
  }

  .timer-num {
    width: 5.578vmin;
    height: 5.1vmin;
  }

  .timer-num::before {
    width: 5.859vmin;
    height: 5.339vmin;
  }

  .timer-num1,
  .timer-num3,
  .timer-num5 {
    margin: 0 0.965vmin 0 0;
  }

  .timer-separate {
    margin: 0 1.5vmin 0 1.5vmin;
    width: 1vmin;
    height: 2vmin;
  }

  .modal-offer__labels span {
    width: 11.328vmin;
    text-align: center;
  }

  .modal-offer__labels {
    margin: 0.911vmin 0 0 0;
    width: 73%;
  }

  .modal-offer__timer {
    margin: 0 0 1.885vmin 0;
  }

  .modal-offer__bonus--left,
  .modal-offer__bonus--right {
    font-size: 7.813vmin;
    line-height: 1.2;
  }

  .modal-offer__bonus--left {
    padding-right: 1.693vmin;
  }

  .modal-offer__slots {
    font-size: 5.208vmin;
    line-height: 1;
    margin: 1.042vmin 0 1.302vmin 0;
  }

  .modal-offer__spins {
    font-size: 2.344vmin;
    line-height: 4.688vmin;
  }

  .modal-offer__buttons {
    flex-direction: column;
    margin: 4.167vmin 0 0 0;
  }

  .second2,
  .first2 {
    width: 41.797vmin;
    height: 8.854vmin;
    font-size: 2.344vmin;
  }

  .first2 {
    margin: 0 0 1.953vmin 0;
  }

  .modal-offer__terms {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 7.813vw auto 0 auto;
    max-width: 95%;
    font-family: "sfui", sans-serif;
    font-size: 1.823vmin;
    line-height: 2.344vmin;
  }

  .modal-offer__terms::before {
    content: "";
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    top: -3.906vmin;
    border: 1px solid #023540;
    width: 83.333vmin;
  }

  .modal-offer__terms--bold,
  .modal-offer__terms--main {
    color: #fff;
    font-weight: 400;
  }

  .modal-offer__terms--bold {
    font-weight: 700;
    padding: 0 0 1.953vmin 0;
  }

  .modal-offer__close {
    position: absolute;
    top: 5.469vmin;
    right: 4.818vmin;
    width: 2.083vmin;
    height: 2.083vmin;
    cursor: pointer;
  }

  .modal {
    z-index: 5;
  }
}

@media (max-width: 600px) and (orientation: portrait), (max-width: 599px) {
  .modal-offer__wrapper {
    background-size: cover;
    border-radius: 20px 20px 0 0;
    padding: 0 6%;
    height: fit-content;
    padding-bottom: 30px;
  }

  .main {
    bottom: 166px;
  }

  .play {
    width: 321px;
    height: 68px;
    margin-top: 15px;
    font-size: 18px;
    line-height: 20px;
    border-radius: 10px;
    overflow: hidden;
  }

  .modal-offer__title {
    padding: 10.933vmin 0 4.8vmin 0;
    font-size: 4.333vmin;
    line-height: 6.533vmin;
  }

  .timer-num::before {
    width: 12.559vmin;
    height: 10vmin;
  }

  .timer-num {
    width: 9.733vmin;
    height: 7.933vmin;
  }

  .timer-num1,
  .timer-num3,
  .timer-num5 {
    margin: 0 3.965vmin 0 0;
  }

  .modal-offer__tiles {
    font-size: 5.333vmin;
  }

  .btns {
    margin-top: 24px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .main_content_text {
    flex-direction: row;
    margin-left: 0;
  }

  .left {
    font-size: 7em;
    margin: 0 20px 0 0;
    line-height: 128px;
  }
  .right {
    width: 34%;
    font-size: 10vw;
  }

  .modal-offer__labels {
    margin: 1.867vmin 0 0 0;
    width: 95%;
  }

  .modal-offer__labels span {
    width: 23.2vmin;
  }

  .modal-offer__bonus--left,
  .modal-offer__bonus--right {
    font-size: 10.667vmin;
    line-height: 1.2;
  }

  .modal-offer__bonus--left {
    padding-right: 3.467vmin;
  }

  .modal-offer__slots {
    font-size: 7.667vmin;
    margin: 1.842vmin 0 3.733vmin 0;
  }

  .modal-offer__spins {
    font-size: 3.8vmin;
    line-height: 6.6vmin;
  }

  .modal-offer__buttons {
    margin: 7.467vmin 0 0 0;
  }

  .first2 {
    margin: 0 0 4vmin 0;
  }

  .second2,
  .first2 {
    width: 78.6vmin;
    height: 16.133vmin;
    font-size: 5.333vmin;
  }

  .modal-offer__terms {
    margin: 13vmin auto 0 auto;
    max-width: 95%;
    font-size: 2.733vmin;
    line-height: 4.8vmin;
  }

  .modal-offer__terms::before {
    top: -6vmin;
    width: 99vw;
  }

  .modal-offer__terms--bold {
    padding: 0 0 2.5vmin 0;
  }

  .mobile .logo {
    margin-bottom: 220px;
    margin-top: 25px;
  }
}

@media (orientation: landscape) and (max-height: 602px) and (max-width: 1000px) {
  .modal-offer__title {
    padding: 7.729vmin 0 4.255vmin 0;
    font-size: 3.604vmin;
    line-height: 5.167vmin;
  }

  .modal-offer__timer {
    margin: 0 0 2.885vmin 0;
  }

  .modal-offer__tiles {
    font-size: 5.804vmin;
  }

  .timer-num1,
  .timer-num3,
  .timer-num5 {
    margin: 0 1.8vmin 0 0;
  }

  .timer-num::before {
    width: 9.359vmin;
    height: 7.739vmin;
  }

  .timer-num {
    width: 8.578vmin;
    height: 8.1vmin;
  }

  .timer-separate {
    margin: 0 2.5vmin 0 2.5vmin;
    width: 1.3vmin;
    height: 2.3vmin;
  }

  .modal-offer__labels {
    margin: 1.911vmin 0 0 0;
    width: 80%;
  }

  .modal-offer__bonus--left,
  .modal-offer__bonus--right {
    font-size: 13.813vmin;
    line-height: 1.2;
  }

  .modal-offer__bonus--left {
    padding-right: 3.693vmin;
  }

  .modal-offer__slots {
    font-size: 9.208vmin;
    margin: 2.042vmin 0 2.302vmin 0;
  }

  .modal-offer__spins {
    font-size: 4.344vmin;
    line-height: 5.688vmin;
  }

  .modal-offer__buttons {
    flex-direction: column;
    margin: 5.167vmin 0 0 0;
  }

  .second2,
  .first2 {
    width: 52.797vmin;
    height: 10.854vmin;
    font-size: 3.344vmin;
  }

  .modal-offer__terms {
    margin: 7.813vw auto 0 auto;
    font-size: 2.823vmin;
    line-height: 3.344vmin;
  }

  .modal-offer__terms::before {
    top: -5.906vmin;
  }
}

@media (max-width: 450px) and (orientation: portrait),
  (max-height: 450px) and (orientation: landscape) {
  .video.tab {
    display: none;
  }
  .video.mob {
    display: block;
    -o-object-position: center 0%;
    object-position: center 0%;
    -o-object-fit: cover;
    object-fit: cover;
  }
}