@font-face {
  font-family: "SegoeUI";
  font-weight: 700;
  src: local("SegoeUI_Bold"),
    url("../fonts/SegoeUI_Bold.ttf") format("truetype");
}
@font-face {
  font-family: "SegoeUI";
  font-weight: 400;
  src: local("SegoeUI_Regular"),
    url("../fonts/SegoeUI_Regular.ttf") format("truetype");
}

body {
  font-family: "SegoeUI", Tahoma, Geneva, Verdana, sans-serif !important;
}

.slider .slick-dots {
  display: flex;
  justify-content: center;
  padding: 20px 0px;
}
.video-live {
    background-color: black;
    height: 240px;
}

@media (min-width: 768px) {
    .video-live {
        height: 360px;
    }
}

@media (min-width: 1024px) {
    .video-live {
        height: 720px;
    }
}
.slider .slick-dots li {
  margin-right: 15px;
  width: 12px;
  height: 12px;
  background-color: #666666;
  border-radius: 100%;
  cursor: pointer;
}
.slider .slick-dots .slick-active {
  width: 42px;
  background-color: #666666;
  transform: rotate(0deg);
  position: relative;
  border-radius: 8px;
}
.selected_prediction {
  background-color: #ff0000;
  color: white;
}
.slider .slick-dots li button {
  display: none;
}

.gift_show_result {
  animation: tada 1s ease-in-out;
}
.gift_result_view {
  visibility: hidden;
  opacity: 0.7;
}
.gift_result_view--active {
  visibility: visible;
  opacity: 1;
  transition: all 1s cubic-bezier(0.39, 0.575, 0.565, 1);
}

.table_history_popup tbody tr:not(:last-child) td {
  border-bottom: 2px solid #8c8b8b;
}

.menu_mobile {
  transform: translate(-100%, 0);
  transition: all 0.7s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.menu_mobile--active {
  transform: translate(0, 0);
}

.overlay_layer {
  visibility: hidden;
  transition: all 0.2s ease-in;
  opacity: 0.8;
}

.overlay_layer--active {
  visibility: visible;
  opacity: 1;
}

.table_history_popup tbody tr td {
  padding: 12px;
  text-align: center;
  font-weight: 700;
  color: #666666;
}

.scroll_effect_fadeInCenter {
  visibility: hidden;
}

.fadeIn__Center {
  visibility: visible;
  transition: all 0.5s ease-in;
  animation: fadeInCenter 1s cubic-bezier(0.445, 0.05, 0.55, 0.95) 1;
}

@keyframes fadeInCenter {
  from {
    opacity: 0;
    filter: contrast(300%) blur(20px);
    transform: scale(0.6);
  }
  to {
    opacity: 1;
    filter: contrast(100%) blur(0px);
    transform: scale(1);
  }
}
@keyframes tada {
  0% {
    transform: scale(1);
  }
  10%,
  20% {
    transform: scale(0.9) rotate(-3deg);
  }
  30%,
  50%,
  70%,
  90% {
    transform: scale(1.1) rotate(3deg);
  }
  40%,
  60%,
  80% {
    transform: scale(1.1) rotate(-3deg);
  }
  100% {
    transform: scale(1) rotate(0);
  }
}

@media screen and (min-width: 640px) {
}

@media screen and (min-width: 640px) and (orientation: landscape) {
}

@media screen and (min-width: 1024px) {
}