/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.v-01 {
  transform: translate3d(0px, 0px, 0px);
  transition: all 0s ease 0s;
  width: 884px;
}
.v-02 {
  width: 166.666px;
  margin-right: 10px;
}
.v-3 {
  margin: 3px;
  width: 100%;
  max-width: 285px;
  height: auto;
}
.v-04 {
  position: relative;
}
.title-games {
  width: 100%;
  height: auto;
  text-align: center;
  margin: 0 auto;
  font-size: 18px;
  color: #ffffff;
  position: absolute;
  left: 0;
  top: 100px;
  display: block;
  z-index: 99999;
}
.owl-carousel, .owl-carousel .owl-item {
  -webkit-tap-highlight-color: transparent;
  position: relative
}
.owl-carousel {
  display: none;
  width: 100%;
  z-index: 1
}
.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
  touch-action: manipulation;
  -moz-backface-visibility: hidden
}
.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0
}
.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0)
}
.owl-carousel .owl-item, .owl-carousel .owl-wrapper {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0)
}
.owl-carousel .owl-item {
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-touch-callout: none
}
.owl-carousel .owl-item img {
  display: block;
  width: 100%
}
.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
  display: none
}
.no-js .owl-carousel, .owl-carousel.owl-loaded {
  display: block
}
.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
  cursor: pointer;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
  background: 0 0;
  color: inherit;
  border: none;
  padding: 0 !important;
  font: inherit;
  border-radius: 0.25rem;
  padding: 0.25rem !important;
  font-size: 0.875rem !important;
}
.owl-carousel.owl-loading {
  opacity: 0;
  display: block
}
.owl-carousel.owl-hidden {
  opacity: 0
}
.owl-carousel.owl-refresh .owl-item {
  visibility: hidden
}
.owl-carousel.owl-drag .owl-item {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}
.owl-carousel.owl-grab {
  cursor: move;
  cursor: grab
}
.owl-carousel.owl-rtl {
  direction: rtl
}
.owl-carousel.owl-rtl .owl-item {
  float: right
}
.owl-carousel .animated {
  animation-duration: 1s;
  animation-fill-mode: both
}
.owl-carousel .owl-animated-in {
  z-index: 0
}
.owl-carousel .owl-animated-out {
  z-index: 1
}
.owl-carousel .fadeOut {
  animation-name: fadeOut
}
@keyframes fadeOut {
  0% {
    opacity: 1
  }
  100% {
    opacity: 0
  }
}
.owl-height {
  transition: height .5s ease-in-out
}
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity .4s ease
}
.owl-carousel .owl-item .owl-lazy:not([src]), .owl-carousel .owl-item .owl-lazy[src^=""] {
  max-height: 0
}
.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d
}
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000
}
.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url(/Content/pg/owl.carousel/owl.video.play.png) no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform .1s ease
}
.owl-carousel .owl-video-play-icon:hover {
  -ms-transform: scale(1.3, 1.3);
  transform: scale(1.3, 1.3)
}
.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn {
  display: none
}
.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity .4s ease
}
.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%
}
body {
  font-size: .8em !important;
  font-family: 'Poppins', sans-serif !important;
  letter-spacing: .5px;
  background-color: #0e0e0e
}
button {
  font-size: 1em !important
}
.m-show {
  display: none
}
.b-show {
  display: block
}
@media screen and (max-width:768px) {
  .m-show {
    display: block
  }
  .b-show {
    display: none
  }
}
.fa.one {
  margin-left: 5px
}
.btn-group svg {
  font-size: 16px
}
.button.button-regular.one {
  width: 100%;
  color: var(--cd-color-1);
  text-transform: none;
  font-weight: 400;
  letter-spacing: .5px;
  padding-top: 0 !important;
  background-color: #98acbd00;
  border: none;
  font-size: .7em !important;
  margin: 0;
  color: #000 !important
}
.button.button-regular.two {
  width: 100%;
  color: var(--cd-color-1);
  text-transform: none;
  font-weight: 400;
  letter-spacing: .5px;
  padding-top: 0 !important;
  background-color: #98acbd00;
  border: none;
  font-size: .8em !important;
  margin: 0;
  color: #fff !important
}
.button.button-regular {
  padding: 4px 8px;
  font-size: 11px;
  line-height: 24px;
  margin: 0;
  color: #fff !important;
  margin-right: 5px;
  white-space: initial;
  overflow: hidden
}
.afb-wrapper {
  background-color: #070707 !important
}
img.icon-images {
  filter: brightness(0) invert(1)
}
.carousel-indicators {
  display: none
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 button {
  margin: 0 auto;
  font-family: 'Poppins', sans-serif !important
}
a {
  text-decoration: none !important
}
span {
  font-family: 'Poppins', sans-serif
}
p {
  font-family: 'Poppins', sans-serif;
  font-size: .9em;
  color: #666;
  margin: 0
}
ul, li {
  margin: 0;
  list-style-type: none;
  font-family: 'Poppins', sans-serif
}
.table td, .table th {
  color: #fff;
  border-top: none;
  font-size: .9em
}
.table tr {
  border-top: 1px solid #dee2e6
}
.table {
  margin-bottom: 20px !important
}
td svg {
  margin: 0 3px;
  position: relative
}
td {
  font-weight: 500
}
button:focus {
  outline: none !important
}
img {
  width: 100%
}
.seoar img {
  width: auto;
  max-width: 100%
}
video {
  width: 100%
}
.navbar {
  padding: .2rem 1rem
}
.afb-main_nav .nav-item:hover {
  background-color: #1f299c
}
.modal-content {
  border: none
}
.noData {
  font-size: 14px;
  padding: 20px 25px;
  text-align: center;
  color: #d5d5d5;
  font-weight: 400
}
.afb-border-top {
  border-top: 1px solid #313131
}
.error-content {
  color: #ff1500
}
.error-checkName {
  color: #ff1500
}
.success-content {
  color: #007bff
}
.promo-font-color {
  color: #00e7ff
}
.his-error-content {
  color: #ff1500 !important
}
.his-success-content {
  color: #25b00c !important
}
.small-promo-banner a {
  display: block;
  position: relative;
  width: 100%
}
.small-promo-banner button {
  position: absolute;
  color: #fff;
  font-size: 11px;
  margin: 5px;
  top: 0;
  padding: 2px 10px;
  right: 0
}
#promoWG a {
  display: block
}
#promoWG .button {
  display: block;
  width: 100%;
  margin: 0;
  background-color: #28a745
}
.width-control1024 {
  width: 80% !important
}
@media only screen and (max-width:428px) {
  .width-control1024 {
    width: 100% !important
  }
}
.afb-f-red {
  color: #ff2a2a !important
}
.afb-f-yellow {
  color: #ffe000 !important
}
.afb-f-green {
  color: #0f0 !important
}
.afb-bg-ddark-blue {
  background-color: #3b4358
}
.afb-padding-lr {
  padding-left: 5px !important;
  padding-right: 5px !important;
  padding-bottom: 5px !important
}
.afb-padding-l {
  padding-left: 2px !important;
  padding-right: 0 !important
}
.afb-padding-r {
  padding-right: 2px !important;
  padding-left: 0 !important
}
:root {
  --iconSize: 15px
}
.container {
  max-width: 1480px
}
.afb-justify-end {
  justify-content: flex-end
}
.thead-dark {
  background-color: #000
}
.table-striped tbody tr:nth-of-type(odd) {
  background-color: #2c2c2c !important
}
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
  padding: 5px 5px
}
.table .thead-dark th {
  color: #fff;
  background-color: #000;
  border-color: #fff;
  border-top: 0
}
th.table-th-font-limit, td.table-th-font-limit {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  max-width: 210px;
  min-width: 150px
}
.thead-dark tr {
  text-align: center
}
.margin-left-table {
  margin-left: -10px
}
.margin-right-table {
  margin-right: -10px
}
.zoom img {
  transition: all .2s linear
}
.zoom:hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1)
}
.hov-img-zoom {
  display: block;
  overflow: hidden
}
.hov-img-zoom:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1)
}
.hov-img-zoom a img {
  width: 100%;
  -webkit-transition: all .6s;
  -o-transition: all .6s;
  -moz-transition: all .6s;
  transition: all .6s
}
.close span {
  font-size: 2.5rem;
  position: absolute;
  right: 15px;
  top: 15px;
  font-weight: 500
}
#registerModal .close span {
  font-size: 2rem;
  position: absolute;
  right: 15px;
  top: 5px;
  font-weight: 500;
  background: #f5deb3;
  border-radius: 80px;
  padding: 0 5px
}
.line {
  border: none;
  width: 1px;
  background-color: #ffffffbd;
  margin: 7px 15px;
  height: 1.2em
}
.dark-img {
  filter: brightness(.1)
}
.m-dp-none {
  display: block !important
}
.m-dp-block {
  display: none !important
}
.carousel-indicators {
  z-index: 10
}
.owl-carousel-size img {
  width: 193px;
  height: 193px;
  object-fit: cover
}
.slider-margin {
  margin-left: -5px;
  margin-right: -5px
}
.afb-black {
  background-color: #000 !important
}
.afb-l-black {
  background-color: #2c2c2c !important
}
.afb-green {
  background-color: #7be500 !important
}
.afb-drak-g {
  background-color: #070707 !important
}
.afb-white {
  background-color: #fff !important
}
.colorize-pink {
  filter: brightness(.5) sepia(1) hue-rotate(-70deg) saturate(5)
}
.colorize-navy {
  filter: brightness(.2) sepia(1) hue-rotate(180deg) saturate(5)
}
.colorize-blue {
  filter: brightness(.5) sepia(1) hue-rotate(140deg) saturate(6)
}
.afb-btn-g {
  background-color: #28a745;
  padding: 5px 15px;
  text-align: center;
  color: #fff
}
.afb-btn-g:hover {
  background-color: #18672a
}
.afb-label-new {
  background-color: #e00000;
  padding: 5px 15px;
  text-align: center;
  color: #fff;
  font-size: 1em;
  position: absolute;
  z-index: 9;
  border-radius: 0 0 15px 0
}
.afb-label-top {
  background-color: #0300e0;
  padding: 5px 15px;
  text-align: center;
  color: #fff;
  font-size: 1em;
  position: absolute;
  z-index: 9;
  border-radius: 0 0 15px 0
}
.afb-label-pp {
  background-color: #22e000;
  padding: 5px 15px;
  text-align: center;
  color: #fff;
  font-size: 1em;
  position: absolute;
  z-index: 9;
  border-radius: 0 0 15px 0
}
.filter-img {
  filter: invert(1)
}
.filter-brightness4 {
  filter: brightness(.4)
}
.afb-logo {
  display: inline-block;
  z-index: 9
}
.afb-logo img {
  width: 90px
}
.logo-notif-wrapper {
  position: absolute;
  width: 200px
}
.logo-notif-wrapper .panel {
  position: relative;
  right: -90%
}
.affix {
  top: 0;
  width: 100%;
  z-index: 9999 !important
}
.affix + .container-fluid {
  padding-top: 70px
}
.affix {
  position: fixed
}
.vl {
  border-left: 5px solid #008000;
  height: 20px;
  display: inline;
  margin-right: 10px;
  margin-left: 5px
}
.afb-title-h1 {
  background: #000;
  background: linear-gradient(90deg, #000 0%, rgba(9, 9, 121, 0) 65%);
  width: 100%;
  padding: 8px 0;
  font-size: 1.5em
}
.afb-title-h1 span {
  color: #fff
}
.afb-title-h1 .h1 {
  color: #fff;
  font-size: .7em;
  display: inline-block;
  margin: 0 auto
}
.afb-title-h1 a span {
  display: inline-block;
  float: right;
  color: #b3b3b3;
  margin-right: 25px;
  margin: 0 auto;
  font-size: .9em
}
.afb-title-h1 a span:hover {
  color: #28a745
}
.bg_line {
  bottom: -87px;
  width: 100%;
  border-top: 1px solid
}
.col-xs-5ths, .col-sm-5ths, .col-md-5ths, .col-lg-5ths {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px
}
.col-xs-5ths {
  width: 20%;
  float: left
}
.afb-header-menu {
  margin: 0;
  display: inline-block;
  padding-right: 15px
}
@media(min-width:993px) {
  .afb-header-menu {
    margin-top: 10px;
    margin-bottom: 10px
  }
}
@media(max-width:426px) {
  .afb-header-menu .d-inline-flex {
    width: 22%
  }
  .afb-header-menu .btn-lite {
    margin-right: 0;
    font-size: .7em !important;
    height: 25px;
    margin-top: 5px
  }
  .afb-header-menu .login {
    max-width: 25%;
    font-size: .8em !important;
    white-space: nowrap
  }
  .afb-header-menu .login {
    margin-right: .4em !important
  }
  #header-1 {
    margin-right: 0 !important
  }
}
.carousel-indicators .active {
  height: 0
}
img.megamenu-icon {
  width: 25px;
  height: 25px;
  display: inline-block
}
.megamenu {
  background: #0373ff;
  z-index: 15
}
.megamenu .megamenu-nav {
  padding: 0;
  margin: 0;
  justify-content: center !important
}
@media only screen and (max-wdith:1130px) {
  .megamenu .megamenu-nav {
    justify-content: normal !important
  }
}
.megamenu .megamenu-nav .nav-item {
  display: block;
  flex: 1
}
.megamenu .megamenu-nav .nav-item.is-open > .megamenu-content {
  visibility: visible;
  opacity: 1
}
.megamenu .megamenu-nav .nav-item.is-open > .nav-link {
  background: #0b00ae
}
.megamenu .megamenu-nav .nav-link {
  color: #fff;
  padding-top: 10px;
  padding-bottom: 10px
}
@media(min-width:601px) {
  .megamenu .megamenu-nav .nav-link:hover {
    background: #1f299c
  }
}
@media(max-width:600px) {
  .megamenu .megamenu-nav .nav-link:hover {
    background: transparent
  }
}
.nav-item-content p {
  color: #fff;
  margin: 10px 0;
  font-size: .78em
}
.main.nav-wrapper .nav-item-content {
  display: none;
  position: fixed;
  background-color: #000;
  width: 100%;
  left: 0;
  z-index: 9999;
  overflow-y: auto;
  max-height: 40vh;
  transition: all .3s ease-in-out;
  scroll-behavior: smooth
}
.main.nav-wrapper .nav-item:hover .nav-item-content {
  display: block
}
.megamenu > li.nav-item.active.open > a, .megamenu > li.nav-item.active.open > ul.megamenu-nav a:hover, .megamenu > li.nav-item.open > a, .megamenu > li.nav-item.open > ul.megamenu-nav a:hover {
  color: #fff;
  background-color: #b91773;
  border-color: #fff
}
.megamenu .megamenu-nav .nav-link:hover .main.nav-wrapper .megamenu-nav .nav-item.open a:focus {
  background-color: #6dbcc9
}
.nav-link span {
  color: #fff;
  white-space: nowrap
}
.alert-danger {
  background-color: #000 !important
}
.alert-danger > marquee span {
  color: #fff;
  padding: 5px 0;
  letter-spacing: .035rem;
  font-weight: 300;
  display: inline-block
}
.notificationMarquee p {
  position: relative;
  margin: 0;
  white-space: nowrap;
  min-width: 100%;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-animation: marquee 45s linear infinite;
  animation: marquee 45s linear infinite;
  font-size: 12px
}
#ct {
  margin: 5px 0;
  color: #ffffffbd;
  font-size: 1.2rem
}
.info-icon {
  color: #ffffffbd;
  position: relative;
  top: 5px
}
.info-icon:hover {
  color: #fff
}
.info-icon svg {
  font-size: 1.2em
}
@media(max-width:426px) {
  .info-icon {
    top: 8px
  }
}
button.dropbtn-single-box {
  background-color: #7be50000;
  color: #fff;
  font-size: 16px;
  font-size: 1.2rem;
  border: none;
  padding: 5px 15px
}
.dropdown-single {
  position: relative;
  display: inline-block
}
.dropdown-single-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 200px;
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .2);
  z-index: 99;
  right: 0;
  border-radius: 5px;
  font-size: 1em;
  padding: 0;
  left: auto
}
img.icon-flag {
  width: 20px;
  margin-right: 10px
}
.dropdown-single-content a {
  color: #000 !important;
  padding: 12px 16px;
  text-decoration: none;
  display: block
}
.dropdown-single-content a {
  border-bottom: 1px solid #e7e7e7
}
.dropdown-single-content a:last-child {
  border-bottom: none
}
.dropdown-single-content a:hover {
  background-color: #ddd;
  border-radius: 5px
}
.dropdown-single:hover .dropbtn-single {
  background-image: linear-gradient(to right, #2575fc, #6a11cb);
  border-radius: 2px
}
.dropdown-single:hover .dropdown-single-content {
  display: block
}
input:focus, textarea:focus, select:focus {
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border: 1px solid #28a745 !important;
  outline-width: 0;
  font-weight: 400
}
.form-control-label {
  font-size: 12px;
  margin-left: 15px;
  font-weight: 500
}
.msg-info {
  margin-bottom: 30px
}
.btn-color {
  border-radius: 50px;
  color: #fff;
  background-image: linear-gradient(to right, #6a11cb, #2575fc);
  cursor: pointer;
  border: none !important;
  margin: 20px 0;
  font-size: 1.6rem;
  padding: 10px 0
}
.btn-color:hover {
  color: #fff;
  background-image: linear-gradient(to right, #2575fc, #6a11cb)
}
.btn-white {
  border-radius: 50px;
  color: #2575fc;
  background-color: #fff;
  padding: 8px 40px;
  cursor: pointer;
  border: 2px solid #2575fc
}
.btn-white:hover {
  color: #fff;
  background-image: linear-gradient(to right, #2575fc, #6a11cb)
}
.btn-white span {
  color: #2575fc
}
.btn-white:hover span {
  color: #fff
}
.btn-white:disabled, .btn-white:disabled hover, .btn-white:disabled:hover span {
  background-color: #ccc;
  opacity: .7;
  background-image: none;
  color: #2575fc
}
button:focus {
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  outline-width: 0
}
button.afb {
  background-color: #28a745;
  border: none;
  border-radius: 2px 2px;
  padding: 5px 15px
}
button.afb01.xs {
  background-image: linear-gradient(to right, #6a11cb, #2575fc);
  border: none;
  border-radius: 2px 2px;
  padding: 5px 15px;
  color: #fff;
  margin: 0 auto;
  line-height: 1.4;
  max-width: 90%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}
button.afb01 {
  background-image: linear-gradient(to right, #6a11cb, #2575fc);
  border: none;
  border-radius: 2px 2px;
  padding: 5px 15px;
  color: #fff
}
button.afb02 {
  background-image: linear-gradient(to right, #6a11cb, #2575fc);
  border: none;
  border-radius: 2px 2px;
  color: #fff
}
button.afb04 {
  background-color: #1e8535;
  border: none;
  border-radius: 2px 2px;
  padding: 5px 15px;
  color: #fff
}
button.afb04:hover {
  background-color: #ead900
}
button.afb:hover, button.afb01:hover {
  background-image: linear-gradient(to right, #2575fc, #6a11cb)
}
button.afb03 {
  background: #1e8535;
  border: none;
  border-radius: 2px 2px;
  padding: 5px 15px;
  color: #fff
}
button.afb05 {
  background-image: linear-gradient(to right, #c5c5c5, #afafaf);
  border: none;
  border-radius: 2px 2px;
  padding: 5px 15px;
  color: #fff
}
.modal-dialog > .modal-content .h3 {
  font-size: 2em
}
.modal-dialog > .modal-content h6 {
  font-size: 1.4rem !important
}
.bottom .btn {
  font-size: 1.6rem
}
.topjackpot span {
  white-space: normal
}
.jackpot-top {
  position: absolute;
  top: 5.5%;
  margin: 0 auto;
  width: 100%;
  color: #fff;
  right: 0;
  left: 0;
  text-align: center
}
.jackpot-top span {
  font-size: 5em;
  letter-spacing: 5px;
  font-weight: bold;
  color: transparent;
  -webkit-background-clip: text;
  display: inline-block
}
p.jackpot-title {
  color: #fff;
  margin-bottom: 10px;
  display: table-column-group
}
.gold {
  display: block;
  background: repeating-linear-gradient(135deg, #ffdd9b 0, #fed792 20px, #ffe1ac 40px, #fff 70px, #fac66b 125px, #f6c26b 160px, #e7b155 175px, #f4c16b 185px, #f1bf6b 220px, #f3be66 235px, #e9b153 250px, #f5be61 280px, #f9bc56 305px, #fffbf5 385px, #fcc362 415px, #fcc379 450px, #ffdd9b 500px);
  background-clip: text;
  -webkit-background-clip: text;
  background-repeat: repeat;
  background-attachment: fixed;
  backface-visibility: none;
  color: #ffdd9b !important;
  filter: drop-shadow(0 3px 1px #000)
}
span.gold {
  font-size: 1.3em;
  font-weight: 700
}
.inside {
  background-color: #191919;
  padding: 15px
}
.inside svg {
  margin-top: -2px
}
.inside .h1, .searchgamewidget .h1 {
  font-size: 1em;
  color: #fff;
  margin-bottom: 15px
}
.inside p, .inside h2 {
  color: #00e7ff;
  font-size: .89em;
  margin: 5px auto
}
.inside a p:hover {
  color: #a0a0a0
}
.sidebar-section {
  position: absolute;
  height: 100%;
  width: 100%
}
.sidebar-item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}
.col-lg-2.col-xl-2.t991-dp-none.pop.showHide {
  padding: 0
}
.make-me-sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  padding-top: 10px;
  padding-bottom: 50px
}
article .content.two {
  padding-top: 10px;
  padding-bottom: 55px
}
article {
  border-radius: 12px
}
.title-section {
  text-align: center;
  padding: 50px 15px;
  margin-bottom: 30px
}
.content-section {
  min-height: 1200px
}
.content-section h2 {
  margin: 0
}
.sidebar-item h3 {
  background: #ffd700;
  max-width: 100%;
  margin: 0 auto;
  padding: 50px 0 100px;
  border-bottom: solid 1px #fff
}
.side-bar .nav-tabs {
  border-bottom: none
}
.side-bar .nav-tabs .nav-link {
  color: #aeaeae;
  text-transform: uppercase;
  border: none
}
.side-bar .nav-tabs .nav-link.active, .side-bar .nav-tabs .nav-link:hover {
  border-bottom: 2px solid #f00;
  text-transform: uppercase;
  color: #222
}
.sidebar-tabing .media {
  margin-bottom: 20px
}
.sidebar-tabing img {
  width: 100%
}
.sidebar-tabing .title-small {
  font-size: .8em;
  color: #fff;
  font-weight: 300
}
.media a {
  width: 35%;
  margin-right: 10px
}
.news-auther span {
  color: #9e9e9e;
  font-size: .65rem
}
.footer-copy-right {
  background-color: #000;
  text-align: center;
  color: #bebebe;
  font-size: 10px;
  padding: 10px;
  display: inline-block;
  width: 100%
}
.footer-copy-right p {
  margin: 0 auto;
  font-size: 1em;
  color: #bebebe
}
.offcanvas-active {
  overflow: hidden
}
.screen-overlay {
  width: 0%;
  height: 100%;
  z-index: 30;
  position: fixed;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  background-color: rgb(34 34 34/76%);
  transition: opacity .2s linear, visibility .1s, width 1s ease-in
}
.screen-overlay.show {
  transition: opacity .5s ease, width 0s;
  opacity: 1;
  width: 100%;
  visibility: visible
}
.offcanvas {
  width: 380px;
  visibility: hidden;
  transform: translateX(-100%);
  transition: all .2s;
  border-radius: 0;
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  z-index: 1200;
  background-color: #fff;
  overflow-x: hidden
}
.offcanvas .h6 {
  font-size: 1rem
}
.offcanvas.offcanvas-right {
  right: 0;
  left: auto;
  transform: translateX(100%)
}
.offcanvas.show {
  visibility: visible;
  transform: translateX(0);
  transition: transform .2s;
  z-index: 9999999999
}
.offcanvas .btn-close {
  position: absolute;
  right: 15px;
  top: 10px;
  font-size: 1.5rem
}
.text-truncate-nav {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical
}
button.afb-m-menu {
  color: #fff;
  font-size: 18px;
  padding: 0 15px;
  border: 1px solid #2575fc;
  border-radius: 4px;
  background-color: #00f0
}
button.afb-m-menu:hover {
  color: #fff;
  background-image: linear-gradient(to right, #2575fc, #6a11cb)
}
.btn-icontop-lg {
  text-align: center;
  border-radius: 1rem;
  line-height: 1.1;
  margin-bottom: 10px;
  padding: 20px 15px;
  background-color: #0373ff;
  color: #fff;
  display: block;
  overflow: hidden
}
a.btn-icontop-lg:hover {
  color: #fff;
  background-color: #16215b
}
.btn-icontop-lg .icon {
  color: #313aeb;
  margin-top: 15px;
  margin-bottom: 15px;
  width: 100%;
  display: inline-table
}
.btn-icontop-lg .text {
  display: block
}
.padding-around, .padding-xy {
  padding: 16px
}
ul.row, ul.row-sm {
  list-style: none;
  padding: 0;
  margin-bottom: 0
}
.btn-icontop-lg img {
  height: 32px
}
.btn-light {
  background-color: #1e7e34;
  border: none;
  color: #fff;
  padding: 5px 20px !important
}
.btn-light:hover {
  background-image: linear-gradient(to right, #2575fc, #6a11cb);
  border: none;
  color: #fff
}
.panel-heading {
  padding: 0;
  border: 0
}
h4.panel-title {
  margin: 0 auto
}
.panel-title > a, .panel-title > a:active {
  display: block;
  padding: 10px 15px;
  color: #fff;
  font-size: .6em;
  letter-spacing: 1px;
  word-spacing: 3px;
  background-color: #464646;
  border-radius: 2px
}
.panel-default {
  margin-left: -10px;
  margin-right: -10px
}
.panel-body a p {
  padding: 10px 15px;
  color: #000;
  background-color: #fff
}
.panel-body a p:hover {
  color: #007bff;
  background-color: #e6e6e6
}
.panel-body a p {
  border-bottom: 1px solid #e7e7e7 !important
}
.panel-body a p:last-child {
  border-bottom: none
}
.panel-collapse {
  background-color: #fff
}
.mobile-col {
  background-color: #434343
}
.mobile-col h4 a {
  color: #fff
}
.panel {
  border: none
}
.padding-x {
  padding-left: 10px;
  padding-right: 10px
}
.scroll-horizontal {
  white-space: normal;
  overflow-x: auto
}
.scroll-horizontal .item {
  margin-bottom: 5px;
  display: inline-block;
  vertical-align: top;
  white-space: initial
}
a[class*='product-'] {
  color: initial
}
.product-sm {
  display: block
}
[class*='product-'] {
  color: initial
}
.product-sm .img-wrap {
  border-radius: .5rem
}
[class*='product-'] .img-wrap {
  overflow: hidden;
  position: relative
}
.img-wrap {
  text-align: center;
  display: block
}
[class*='product-'] .img-wrap img {
  height: 100%;
  width: 100%;
  display: inline-block;
  -o-object-fit: cover;
  object-fit: cover
}
.img-wrap img {
  max-width: 100%
}
.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #fff;
  font-size: .83em;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  width: 120px
}
.text-wrap {
  text-align: center;
  background-color: #2c2c2c;
  margin-bottom: 10px
}
.text-wrap p {
  padding: 10px 10px;
  margin: 0 auto !important
}
.text-wrap p.one {
  display: -webkit-box;
  padding: 5px 5px
}
.jackpots .text-wrap p.one {
  width: 120px !important
}
.nav_bottom-container {
  position: sticky;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 999
}
@media(min-width:767px) {
  .nav_bottom-container {
    position: fixed
  }
}
@media(min-width:767px) {
  .nav_bottom-container {
    position: fixed
  }
}
.nav-bottom {
  --size: 5rem;
  --backgroundColor: #0373ff;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around
}
.nav-bottom .nav-link {
  text-align: center;
  color: #fff;
  background-color: var(--backgroundColor);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0;
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
  overflow: hidden
}
.nav-bottom .nav-link .megamenu-icon {
  display: inline-block;
  width: calc(var(--size)*.25);
  height: calc(var(--size)*.25)
}
.nav-bottom .nav-link .text {
  display: block;
  font-size: 12px;
  color: #fff;
  transform: scale(.8);
  white-space: nowrap
}
.nav-bottom .nav-link:hover, .nav-bottom .nav-link.active {
  filter: brightness(.9)
}
.nav-bottom .nav-bottom-home {
  position: relative;
  bottom: calc(100% - (var(--size)/4));
  background-color: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
  width: var(--size);
  height: var(--size);
  overflow: visible
}
.nav-bottom .nav-bottom-home::before {
  position: absolute;
  display: inline-block;
  content: '';
  width: calc(var(--size) + 2px);
  height: var(--size);
  bottom: 0;
  border-radius: 50%;
  z-index: -1;
  clip-path: polygon(0% 50%, 100% 50%, 100% 200%, 0% 200%);
  box-shadow: 0 0 0 4rem var(--backgroundColor)
}
@media(max-width:376px) {
  .nav-bottom .nav-bottom-home {
    flex-grow: 1.1
  }
}
@media(max-width:361px) {
  .nav-bottom .nav-bottom-home {
    flex-grow: 1.18
  }
}
.nav-bottom .nav-bottom-home::after {
  position: absolute;
  display: inline-block;
  content: '';
  width: calc(var(--size) - 1rem);
  height: calc(var(--size) - 1rem);
  background-color: var(--backgroundColor);
  border-radius: 50%;
  z-index: -1;
  filter: brightness(1.1);
  background-image: linear-gradient(to right, #6a11cb, #2575fc)
}
.nav-bottom .nav-bottom-home .megamenu-icon {
  width: calc(var(--size)*.28);
  height: calc(var(--size)*.28)
}
.nav-bottom .nav-bottom-home:hover, .nav-bottom .nav-bottom-home.active {
  filter: brightness(1)
}
.nav-bottom .nav-bottom-home:hover::after, .nav-bottom .nav-bottom-home.active::after {
  filter: brightness(.9)
}
.nav-bottom .nav-bottom-home .nav-center-bg-right, .nav-bottom .nav-bottom-home .nav-center-bg-left {
  width: calc(((100vw/5) - (var(--size) - 1px))/2);
  height: 60px;
  position: absolute;
  background-color: var(--backgroundColor);
  bottom: -20px
}
.nav-bottom .nav-bottom-home .nav-center-bg-left {
  left: -1px
}
.nav-bottom .nav-bottom-home .nav-center-bg-right {
  right: -1px
}
@media screen and (max-width:768px) {
  .footer-copy-right {
    padding-bottom: 40px !important;
    position: relative
  }
  .footer-copy-right::after {
    position: absolute;
    display: block;
    content: '';
    background-color: #000;
    width: 100%;
    height: 60px;
    top: 100%;
    left: 0
  }
}
.widget-list li a:hover {
  text-decoration: underline
}
.widget .card-header {
  background: #fff0
}
.widget .card-header a {
  width: 100%;
  display: block;
  padding: 10px 15px
}
.widget .card-header a:after {
  content: "+";
  position: absolute;
  right: 30px;
  transition: transform .15s ease-in-out
}
.widget .card-header a:hover, .widget .card-header a:focus {
  text-decoration: none
}
.widget .card-header a[aria-expanded="true"]:after {
  transform: rotate(45deg)
}
.widget .card-block {
  padding: 0 10px
}
.widget .card-block .widget-list li {
  margin-bottom: 4px;
  padding: 5px 5px
}
.widget .h4 {
  font-size: 1.2em;
  color: #fff;
  padding: 0
}
.widget ul li a {
  font-size: 1.2rem;
  font-weight: 300
}
.widget ul li a:hover {
  color: #a0a0a0 !important
}
.footer-collapse {
  padding: 45px 0;
  background-color: #000 !important
}
.social-network a.icoRss:hover {
  background-color: #f56505
}
.social-network a.icoFacebook:hover {
  background-color: #3b5998
}
.social-network a.icoTwitter:hover {
  background-color: #3cf
}
.social-network a.icoGoogle:hover {
  background-color: #bd3518
}
.social-network a.icoVimeo:hover {
  background-color: #0590b8
}
.social-network a.icoLinkedin:hover {
  background-color: #007bb7
}
.social-network a.icoYoutube:hover {
  background-color: #b00
}
.social-network a.icoSnapchat:hover {
  background-color: #f7f400
}
.social-network a.icoReddit:hover {
  background-color: #f74300
}
.social-network a.icoPinterest:hover {
  background-color: #c72028
}
.social-network a.icoTumblr:hover {
  background-color: #2f4155
}
.social-network a.icoTikTok:hover {
  background-color: #000
}
.social-network a.icoMedium:hover {
  background-color: #000
}
.social-network a.icoIntagram:hover {
  background: #f09433;
  background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
  background: -webkit-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
  background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f09433', endColorstr='#bc1888', GradientType=1)
}
.social-network a.icoRss:hover i, .social-network a.icoFacebook:hover i, .social-network a.icoTwitter:hover i, .social-network a.icoGoogle:hover i, .social-network a.icoVimeo:hover i, .social-network a.icoLinkedin:hover i, .social-network a.icoIntagram:hover i, .social-network a.icoYoutube:hover i, .social-network a.icoSnapchat:hover i, .social-network a.icoReddit:hover i, .social-network a.icoPinterest:hover i, .social-network a.icoTumblr:hover i, .social-network a.icoMedium:hover i {
  color: #fff
}
a.socialIcon:hover, .socialHoverClass {
  color: #44bcdd
}
.social-circle li a {
  position: relative;
  margin: 0 auto 0 auto;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  text-align: center;
  width: 50px;
  height: 50px;
  font-size: 20px
}
.social-circle li i {
  margin: 0;
  line-height: 50px;
  text-align: center;
  font-size: 1.8rem
}
.social-circle li a:hover i, .triggeredHover {
  -moz-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  -ms--transform: rotate(360deg);
  transform: rotate(360deg);
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -o-transition: all .2s;
  -ms-transition: all .2s;
  transition: all .2s
}
.social-circle i {
  color: #626c80;
  -webkit-transition: all .8s;
  -moz-transition: all .8s;
  -o-transition: all .8s;
  -ms-transition: all .8s;
  transition: all .8s
}
#snav.en {
  left: 0;
  text-align: left
}
#snav.en li span {
  left: -100px
}
#snav.en li a:hover span {
  left: 50px
}
#snav.ar {
  right: 0;
  text-align: right
}
#snav.ar li span {
  right: -100px
}
#snav.ar li a:hover span {
  right: 35px
}
#snav {
  position: fixed;
  top: 40%;
  z-index: 999;
  font-size: 18px;
  font-family: 'Open Sans', sans-serif
}
#snav ul {
  list-style: none
}
#snav * {
  margin: 0;
  padding: 0;
  outline: 0;
  transition: all .5s ease;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -o-transition: all .5s ease;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}
#snav li a {
  text-decoration: none;
  color: #fff;
  display: block;
  position: relative
}
#snav .fa {
  vertical-align: middle;
  font-size: 18px;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  position: relative;
  z-index: 4
}
#snav li span {
  font-size: 15px;
  vertical-align: middle;
  height: auto;
  line-height: 50px;
  width: auto;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  padding: 0 15px;
  position: absolute;
  top: 0;
  visibility: hidden;
  z-index: 3
}
#snav li a:hover span img, #snav li span img {
  width: 100px
}
#snav li a:hover .fa {
  transform: rotate(720deg)
}
#snav li a:hover span {
  visibility: visible;
  padding: 0
}
#snav li span {
  background-color: #555
}
#snav li .fa {
  background-color: #333;
  color: hsl(0deg 0% 90%)
}
#snav li a:hover .fa {
  color: #fff
}
#snav li:nth-child(10n+1) span, #snav li:nth-child(10n+1) a:hover .fa {
  background-color: #32de84
}
#snav li:nth-child(10n+2) span, #snav li:nth-child(10n+2) a:hover .fa {
  background-color: #000
}
#slideout {
  position: fixed;
  top: 40%;
  right: 0;
  -webkit-transition-duration: .5s;
  -moz-transition-duration: .5s;
  -o-transition-duration: .5s;
  transition-duration: .5s;
  cursor: pointer
}
@media only screen and (max-width:992px) {
  #slideout {
    z-index: 999
  }
}
#slideout p {
  width: 35px;
  padding: 12px 0;
  text-align: center;
  background: #28a745;
  -webkit-writing-mode: tb-rl;
  writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
  transform: rotate(-180deg);
  color: #fff;
  margin: 0 auto;
  padding: 20px 8px;
  text-orientation: sideways
}
#slideout_inner {
  position: fixed;
  top: 40%;
  right: -250px;
  background: #fff;
  width: 250px;
  padding: 15px;
  -webkit-transition-duration: .5s;
  -moz-transition-duration: .5s;
  -o-transition-duration: .5s;
  transition-duration: .5s;
  text-align: left;
  -webkit-border-radius: 0 0 5px 0;
  -moz-border-radius: 0 0 5px 0;
  border-radius: 0 0 5px 0
}
#slideout_inner textarea {
  width: 190px;
  height: 100px;
  margin-bottom: 6px
}
#slideout:hover {
  right: 250px;
  transition: right 1s;
  z-index: 99
}
#slideout:hover #slideout_inner {
  right: 0;
  transition: right 1s
}
.slideoutLeftHeader {
  right: 250px !important;
  -webkit-transition-duration: .5s;
  -moz-transition-duration: .5s;
  -o-transition-duration: .5s;
  transition-duration: .5s
}
.slideoutLeftContent {
  right: 0 !important;
  -webkit-transition-duration: .5s;
  -moz-transition-duration: .5s;
  -o-transition-duration: .5s;
  transition-duration: .5s
}
.afb-medias a {
  width: 100%;
  background-color: #fff;
  border: none;
  outline: none;
  display: block;
  margin-bottom: 5px;
  padding: 5px 10px;
  background-image: linear-gradient(to right, #6a11cb, #2575fc);
  color: #fff
}
.afb-medias .h1 {
  color: #000;
  font-size: 1.5rem;
  font-weight: 400
}
.afb-medias span {
  color: #fff
}
.afb-medias a:hover {
  background-image: linear-gradient(to right, #2575fc, #6a11cb);
  color: #fff
}
.afb-medias a > div {
  display: inline-block;
  margin-right: 5px
}
.news-title h2 a {
  font-weight: 400
}
@media screen and (prefers-reduced-motion:no-preference) {
  html, body {
    scroll-behavior: smooth
  }
}
main {
  position: relative
}
main *:last-child {
  margin-bottom: 0
}
.back-to-top-wrapper {
  position: absolute;
  top: 100vh;
  right: .25rem;
  bottom: 0;
  width: 3em;
  pointer-events: none
}
.back-to-top-link {
  position: fixed;
  position: sticky;
  pointer-events: all;
  top: calc(100vh - 10em);
  display: inline-block;
  text-decoration: none;
  font-size: 2rem;
  line-height: 3rem;
  text-align: center;
  width: 3rem;
  height: 3rem;
  border-radius: 20%;
  padding: .25rem;
  border: 1px solid #254568;
  background-color: #0373ff;
  transition: transform 80ms ease-in
}
.back-to-top-link:hover, .back-to-top-link:focus {
  transform: scale(1.1)
}
.back-to-top-link:focus {
  outline: none;
  box-shadow: 0 0 0 3px #4e85c0
}
.form-control-borderless {
  border: none
}
.form-control-borderless:hover, .form-control-borderless:active, .form-control-borderless:focus {
  border: none;
  outline: none;
  box-shadow: none
}
.has-search .form-control {
  padding-left: 2.375rem
}
.has-search .form-control-feedback {
  position: absolute;
  z-index: 2;
  display: block;
  width: 2.375rem;
  height: 2.375rem;
  line-height: 2.375rem;
  text-align: center;
  pointer-events: none;
  color: #aaa
}
button.btn-secondary {
  padding: 0 12px;
  border: 0 solid;
  background-color: #454545;
  border-radius: 0
}
button.btn-secondary i {
  color: #353535
}
.button-afb-wrapper {
  position: absolute;
  right: 0;
  z-index: 10;
  display: inline-flex;
  right: 5px
}
.button-afb.one {
  background-image: linear-gradient(to right, #6a11cb, #2575fc);
  text-align: justify
}
.button-afb.one:hover {
  background-image: linear-gradient(to right, #2575fc, #6a11cb)
}
.button-afb {
  background: #e60000;
  padding: 5px 8px;
  text-align: center;
  height: 30px
}
.button-afb a {
  color: #fff
}
.button-afb:hover {
  background: #1e8535
}
.button-afb a p {
  color: #fff;
  padding: 0;
  margin: 0 auto;
  font-size: 1em
}
.badget-afb-ug h1 {
  color: #fff;
  font-size: 1em;
  margin: 0 auto
}
.fld {
  box-sizing: border-box;
  width: 100%;
  height: 35px;
  background-color: #f9f9f9;
  border-color: #d7d7d7;
  border-radius: 2px;
  padding: 0 10px;
  border: 1px solid #ddd;
  outline: none;
  color: #7d7d7d;
  font-size: 16px;
  line-height: 1
}
.Uld {
  box-sizing: border-box;
  width: 80%;
  height: 35px;
  background-color: #f9f9f9;
  border-color: #d7d7d7;
  border-radius: 2px;
  padding: 0 10px;
  border: 1px solid #ddd;
  outline: none;
  color: #7d7d7d;
  font-size: 16px;
  line-height: 1
}
img.badget-img {
  width: 40px;
  margin-right: 10px
}
.progress {
  margin: 0 auto
}
.progress-bar {
  display: inline-table;
  font-size: .9em
}
button.notif-dropdown {
  background-color: #fff0;
  color: #fff
}
button.notif-dropdown:hover, button.notif-dropdown:focus {
  color: #fff
}
* {
  box-sizing: border-box
}
.TogglePanel {
  display: inline-block;
  height: 15px;
  overflow: hidden;
  transition: background-color .2s ease-in;
  position: relative
}
.TogglePanel__PanelOne, .TogglePanel__PanelTwo {
  color: #fff !important;
  align-items: center;
  justify-content: center;
  font-size: .85em;
  font-weight: 700;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  transition: margin-top .2s ease-in, opacity .2s ease-in
}
.TogglePanel__PanelOne {
  opacity: 1;
  margin-top: 2px
}
.TogglePanel__PanelTwo {
  opacity: 0
}
.TogglePanel--showAlternate .TogglePanel__PanelOne {
  margin-top: -17px;
  opacity: 0
}
.TogglePanel--showAlternate .TogglePanel__PanelTwo {
  opacity: 1;
  margin: 4px 0
}
.amount-blur {
  color: #ffffff14 !important;
  text-shadow: 0 0 5px rgb(255 255 255/50%)
}
.amount-button {
  line-height: initial;
  background-color: #f0f8ff00;
  border: none;
  color: #fff
}
@media only screen and (min-width:1200px) {
  .container {
    width: 1400px !important;
    max-width: 100%
  }
}
@media only screen and (max-width:1200px) {
  .jackpot-top span {
    font-size: 3.5em
  }
}
.t991-dp-inline {
  display: none !important
}
@media only screen and (max-width:992px) {
  .col-xs-5ths {
    float: unset
  }
  .t991-dp-inline {
    display: inline !important
  }
  .margin-left-table {
    margin-left: -15px
  }
  .margin-right-table {
    margin-right: -15px
  }
  article .content {
    padding-top: 25px
  }
  .w-992 {
    max-width: 100%;
    flex: 0 0 100%
  }
  .scroll-horizontal {
    white-space: nowrap;
    overflow-x: scroll
  }
  .jackpot-top {
    top: 2.65%
  }
  .owl-carousel-size img {
    height: 440px
  }
  .content-section {
    min-height: auto
  }
}
@media only screen and (min-width:1480px) {
  .btn-right, .btn-left {
    display: none
  }
}
@media only screen and (max-width:767px) {
  .badget-img {
    margin-right: 0 !important
  }
}
@media only screen and (max-width:680px) {
  .text-truncate {
    width: 110px
  }
}
@media only screen and (max-width:415px) {
  .button-afb.one {
    display: block
  }
  .button-afb {
    display: none
  }
  article .content.two {
    padding: 0
  }
  .modal-content {
    width: 100% !important
  }
  .owl-carousel-size img {
    width: 100%;
    height: auto !important
  }
  .afb-logo, .header-memu-m {
    width: 100%;
    text-align: center
  }
  .header-memu-m .dropdown-single-content {
    text-align: left
  }
  .afb-header-menu {
    margin-bottom: 10px
  }
  th.table-th-font-limit, td.table-th-font-limit {
    width: auto
  }
  .table > tbody > tr > th.one, .table > tbody > tr > td.one {
    line-height: normal
  }
  .wallet-top-left span {
    padding: 5px
  }
  .wallet-top-left {
    line-height: normal
  }
}
@media only screen and (max-width:376px) {
  .text-truncate {
    width: 102px
  }
  .offcanvas {
    width: 100%
  }
  .btn-icontop-lg {
    padding: 20px 10px
  }
  .table td, .table th {
    font-size: .8em
  }
}
@media only screen and (max-width:330px) {
  .btn-icontop-lg {
    padding: 15px 5px
  }
}
@media only screen and (min-width:240px) and (max-width:1111px) {
  .logo img {
    width: 100%;
    transform: unset;
    left: unset
  }
  .h_nav, .header-side, .h_bar-dropdown {
    display: none
  }
  .h_bar {
    width: auto;
    display: inline-block;
    float: right
  }
  .h_bar-login {
    margin-top: 0
  }
  .h_bar-login span {
    font-size: .7em;
    letter-spacing: 1px
  }
  .h_bar-btn .btn {
    background-color: #fff0;
    min-width: 70px;
    height: 35px;
    line-height: 35px;
    font-size: 14px;
    font-size: .799em;
    font-weight: 400;
    border-radius: 3px;
    padding: 0 10px
  }
  .h_bar-link a {
    font-size: 13px;
    padding-right: 0
  }
  .h_bar-link.one {
    padding-left: 5px
  }
  .header-fix {
    box-shadow: none;
    border-bottom: solid 1px #000
  }
  .mobile-view-right-bar {
    width: 100%;
    clear: both;
    padding: 20px 0
  }
  .mobile-view-right-bar .owl-nav, .mobile-view-right-bar .owl-dots {
    display: none
  }
  .mobile-view-right-bar .owl-carousel .item {
    padding: 0 20px
  }
  .left-sidebar {
    display: none
  }
  .mobile-nav {
    width: 100%;
    float: left
  }
  .mobile-nav .left-sidebar {
    display: flex;
    width: auto;
    min-width: 100%;
    overflow: auto;
    float: left;
    height: auto;
    border-top: solid 1px #000;
    border-bottom: solid 1px #000;
    padding: 10px 0
  }
  .left-sidebar button {
    width: 100%;
    display: block;
    padding: 5px;
    font-size: 10px
  }
  .lest-bar-icon {
    width: 100%;
    display: inline-block;
    text-align: center
  }
  .left-sidebar .select-type {
    text-align: center
  }
  .left-sidebar .lest-bar-icon img {
    text-align: center;
    margin-right: 0
  }
  .left-sidebar button span {
    text-align: center;
    width: 70px;
    display: block;
    float: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
  }
  .left-sidebar button.activity, .default .tablinks {
    border-left: none
  }
  .left-sidebar button.activity {
    color: #ff6a00
  }
  .right-top-end {
    display: none
  }
  .main-stracture {
    position: relative;
    padding-top: 0;
    margin-top: 0
  }
  .right-top-part {
    width: 100%;
    margin: auto
  }
  .right-top-part ul {
    width: 100%;
    display: flex;
    justify-content: space-around
  }
  .h_nav-item > a {
    padding-bottom: 0
  }
  .right-top-part .h_nav-list .h_nav-item a {
    font-size: 11px;
    font-size: .599em;
    font-weight: bold
  }
  .mobile-nav .sub-cate {
    position: absolute;
    width: 100%;
    left: 0;
    z-index: 99;
    padding: 10px
  }
  .mobile-nav .sub-cate li {
    width: 33.333333%;
    margin: 0 auto
  }
  .mobile-nav .sub-cate li span {
    right: 40px
  }
  .mobile-nav .sub-cate li a p {
    color: #fff;
    margin: 0 auto;
    margin-top: 5px
  }
  .modal-content {
    width: 330px
  }
  .popup-inner {
    padding: 20px 40px
  }
  .popup-form {
    padding: 20px 40px 25px
  }
  .mobile-nav-inner .sub-cate {
    top: 163px
  }
  .mobile-main-inner .right-top-part {
    top: -120px
  }
  .user-profile {
    padding-top: 20px;
    padding-bottom: 20px
  }
  .right-main-part {
    width: 100%;
    padding: 10px 0 0
  }
}
.wallet-bottom-part {
  width: 100%;
  float: left
}
@media screen and (max-width:480px) {
  .game-part-2 .wallet-bottom-part {
    width: 400px
  }
  .form-group-choosefile input {
    font-size: .8em
  }
}
@media screen and (max-width:480px) {
  .photobox {
    width: 100%
  }
  .cd-tabs__panel p.one {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 120px;
    display: inline-block
  }
}
@media only screen and (max-width:767px) {
  .nav-link span {
    display: flow-root;
    white-space: nowrap
  }
  .megamenu .megamenu-nav .nav-link {
    padding: 15px 15px;
    text-align: center
  }
  .megamenu-content img {
    width: 130px
  }
  .m-dp-none {
    display: none !important
  }
  .m-dp-block {
    display: block !important
  }
  .footer-bottom p {
    font-size: .658em
  }
  .jackpot-top span {
    font-size: 2.5rem
  }
  .jackpot-top {
    top: 3.6%
  }
  .afb-label-new, .afb-label-top, .afb-label-pp {
    font-size: .6em
  }
  .footer-collapse {
    padding-top: 0
  }
  .widget-list li a img {
    padding-left: 10px
  }
}
.tabcontentmd {
  color: #808aa6
}
.tabcontentmd .popup-header, .tabcontentmd .popup-title {
  width: 100%;
  height: 64px;
  padding: 0;
  background-color: #fff;
  border-bottom: none;
  border-radius: 4px 4px 0 0;
  color: #808aa6;
  font-size: 14px;
  font-weight: bold;
  line-height: 64px;
  text-align: center;
  text-transform: uppercase;
  position: relative;
  border-bottom: 1px solid hsla(0, 0%, 59.2%, .3)
}
@media only screen and (max-width:575px) {
  .footer-collapse {
    padding-bottom: 80px !important;
    padding-top: 20px !important
  }
  .jackpot-top span {
    font-size: 2rem
  }
  .nav-link span {
    font-size: smaller
  }
}
@media only screen and (max-width:1024px) {
  .megamenu .megamenu-nav {
    justify-content: normal !important
  }
}
@media only screen and (max-width:415px) {
  .megamenu-content img {
    width: 95px
  }
  .jackpot-top span {
    font-size: 1.35rem;
    letter-spacing: 2px
  }
  .jackpot-top {
    top: 3.4%
  }
  .megamenu .megamenu-nav .nav-link {
    padding: 5px 15px;
    width: 100px
  }
  .scroll-horizontal .item {
    width: 100%
  }
  .megamenu .megamenu-nav {
    justify-content: normal !important
  }
  .content-section {
    min-height: auto
  }
}
@media only screen and (max-width:320px) {
  .t320-dp-none {
    display: none !important
  }
  .t320-dp-block {
    display: block !important
  }
  .offcanvas {
    width: 305px
  }
  .afb-label-new, .afb-label-top, .afb-label-pp {
    font-size: .4em
  }
  .jackpot-top span {
    font-size: 1rem
  }
  .btn-icontop-lg {
    font-size: .8em;
    padding: 20px 10px
  }
}
@media only screen and (max-width:320px) {
  .jackpot-top span {
    font-size: .9rem
  }
}
footer {
  clear: both;
  width: 100%;
  overflow: hidden;
  background: #070707;
  float: left
}
.footer-main {
  float: none;
  margin: auto;
  padding: 20px
}
.footer-top h1, .footer-top h2 {
  color: #fff;
  font-weight: 500;
  font-family: Roboto, sans-serif;
  text-transform: none;
  margin: 20px 0
}
.footer-top h1 {
  font-size: 20px
}
.footer-top h2 {
  font-size: 16px
}
footer p {
  color: #bbb;
  font-size: 14px
}
.footer-top ul {
  padding-left: 30px
}
.footer-top ul li {
  font-size: 14px;
  color: #bbb;
  margin: 0
}
.footer-support-menu {
  width: 100%;
  float: left
}
.footer__btn-chat.btn-chat {
  position: absolute;
  right: 10px;
  z-index: 1;
  padding: 10px 25px 10px 50px;
  background: #fff;
  border-radius: 4px;
  cursor: pointer;
  color: #000;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  text-transform: uppercase
}
ul.all-logo-footer li {
  float: left;
  width: 50%;
  padding: 0 10px 10px 0
}
ul.all-logo-footer li.one {
  width: 15%
}
ul.all-logo-footer li img {
  width: 100%;
  filter: grayscale(100%)
}
ul.all-logo-footer li img:hover {
  width: 100%;
  filter: grayscale(0%);
  -webkit-transition: background 1s;
  -moz-transition: background 1s;
  -o-transition: background 1s;
  transition: background 1s
}
ul.provider-logo-footer li img {
  padding: 0 10px 15px 0
}
@media screen and (max-width:767px) {
  ul.all-logo-footer li {
    padding: 0 25px 10px 0
  }
  .shfooter ul {
    padding: 10px 0
  }
}
.btn-chat__icon {
  top: calc(50% - 14px);
  right: auto;
  bottom: auto;
  width: 28px;
  height: 28px;
  display: block;
  background: #ef8d00;
  border-radius: 15px
}
.btn-chat__icon, .btn-chat__icon:before {
  position: absolute;
  left: 5px;
  z-index: inherit
}
.btn-chat__icon:before {
  top: 5px;
  right: 5px;
  bottom: 5px;
  background: url(/Views/casinoUG/images/help.svg) no-repeat;
  background-size: 18px;
  content: ""
}
.btn-chat__time {
  margin-left: 3px;
  color: #ef8d00
}
.footer-menu-part {
  display: flex;
  justify-content: space-between;
  min-height: 40px;
  padding-right: 180px;
  position: relative
}
.footer__links li {
  display: inline-block;
  margin: 0 32px 0 0
}
.footer__links a, .footer__links span {
  color: #fff;
  font-size: 12px;
  font-family: Arial;
  line-height: 27px;
  text-decoration: none
}
.footer__licences-block {
  display: flex;
  justify-content: space-between;
  margin: 0 0 20px;
  width: 100%;
  float: left
}
.footer__licences a {
  margin-right: 22px;
  font-size: 0;
  text-decoration: none
}
.footer__support-link {
  display: flex;
  align-items: center
}
.footer__support-link a {
  font-size: 12px;
  color: #fff
}
.footer__row--bottom {
  margin-bottom: 60px;
  display: flex;
  width: 100%
}
.footer__row-content a {
  color: #fff
}
.footer__row-title {
  flex: 1;
  margin: 15px 0;
  color: #fff;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 700
}
.footer__row-content p {
  color: #2f3a51;
  font-size: 12px;
  font-family: Arial;
  line-height: normal
}
.footer__row-item--center {
  margin: 0 30px
}
.footer__row-item--center .footer__row-title {
  padding: 0 30px
}
.footer__row-content--with-border {
  height: 100%;
  padding: 0 10px;
  border-right: 2px solid #282e3d;
  border-left: 2px solid #282e3d
}
.footer__row-content p {
  color: #2f3a51;
  font-size: 12px;
  font-family: Arial;
  line-height: normal
}
.footer__payment-providers img {
  margin: 1px 10px 1px 0;
  max-width: 150px
}
.footer__row-content--games {
  display: flex;
  justify-content: space-between
}
.footer__games-list {
  display: inline-block;
  margin-right: 56px;
  padding: 0;
  line-height: 2.17
}
.footer__games-list:last-child {
  margin-right: 0
}
.footer__games-list a, .footer__games-list li {
  color: #fff;
  font-size: 12px;
  white-space: nowrap
}
.footer-support-menu {
  position: relative;
  min-height: 110px
}
.footer__btn-chat.btn-chat {
  bottom: 0
}
.footer-menu-part {
  width: 100%;
  display: block;
  justify-content: normal;
  padding-right: 0
}
.footer-menu-part {
  display: block;
  justify-content: normal;
  width: 100%
}
.footer__links li {
  margin-right: 20px
}
.footer__licences-block {
  display: block;
  justify-content: normal;
  clear: both
}
.footer__support-link {
  justify-content: flex-end
}
.footer__row--bottom {
  display: block
}
.footer__row-item--center {
  margin: 0;
  border-top: 2px solid #282e3d;
  border-bottom: 2px solid #282e3d
}
.footer__row-content--with-border {
  border: none
}
.footer__games-list {
  margin-right: 0
}
.footer__licences-block {
  display: block
}
.footer__licences {
  clear: both
}
.footer__support-link {
  justify-content: flex-end
}
.footer-copy-right {
  background-color: #000;
  text-align: center;
  color: #bebebe;
  font-size: 10px;
  padding: 10px;
  display: inline-block;
  width: 100%
}
.footer-copy-right p {
  margin: 0 auto
}
.hide {
  display: none
}
.favStar {
  color: #ff0
}
.triangle-up {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 8px solid #0f0
}
.triangle-down {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 8px solid #f00
}
@keyframes blink {
  0% {
    opacity: 0
  }
  50% {
    opacity: 1
  }
  100% {
    opacity: 0
  }
}
@-webkit-keyframes blink {
  0% {
    opacity: 0
  }
  50% {
    opacity: 1
  }
  100% {
    opacity: 0
  }
}
.blink {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 10px;
  animation: blink 5s infinite;
  -webkit-animation: blink 3s infinite
}
.shfooter .collapse {
  display: inherit
}
@media(max-width:767px) {
  .shfooter ul {
    margin-bottom: 0
  }
  .shfooter .collapse {
    display: none
  }
  .shfooter .collapse.show {
    display: block
  }
  .shfooter .title .fa-angle-up, .shfooter .title[aria-expanded=true] .fa-angle-down {
    display: none
  }
  .shfooter .title[aria-expanded=true] .fa-angle-up {
    display: block
  }
  .shfooter .navbar-toggler {
    display: inline-block;
    padding: 0
  }
}
.footer-copy-right {
  background-color: #000;
  text-align: center;
  color: #bebebe;
  font-size: 10px;
  padding: 10px;
  display: inline-block;
  width: 100%
}
.footer-copy-right p {
  margin: 0 auto
}
.footer-bottom {
  padding: 45px 0
}
.footer-bottom .h1 {
  font-size: 18px;
  color: var(--white)
}
.footer-bottom p {
  color: var(--light);
  font-size: 12px;
  margin: 5px 0 auto
}
.footer-bottom p:hover {
  color: #ff6a00
}
.hide {
  display: none
}
.favStar {
  color: #ff0
}
.triangle-up {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 8px solid #0f0
}
.triangle-down {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 8px solid #f00
}
@keyframes blink {
  0% {
    opacity: 0
  }
  50% {
    opacity: 1
  }
  100% {
    opacity: 0
  }
}
@-webkit-keyframes blink {
  0% {
    opacity: 0
  }
  50% {
    opacity: 1
  }
  100% {
    opacity: 0
  }
}
.blink {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 10px;
  animation: blink 5s infinite;
  -webkit-animation: blink 3s infinite
}
.shfooter .collapse {
  display: inherit
}
@media(max-width:767px) {
  .shfooter ul {
    margin-bottom: 0
  }
  .shfooter .collapse {
    display: none
  }
  .shfooter .collapse.show {
    display: block
  }
  .shfooter .title .fa-angle-up, .shfooter .title[aria-expanded=true] .fa-angle-down {
    display: none
  }
  .shfooter .title[aria-expanded=true] .fa-angle-up {
    display: block
  }
  .shfooter .navbar-toggler {
    display: inline-block;
    padding: 0
  }
}
.resize {
  text-align: center
}
.resize {
  margin-top: 3rem;
  font-size: 1.25rem
}
.fa-angle-double-right {
  animation: rightanime 1s linear infinite
}
.fa-angle-double-left {
  animation: leftanime 1s linear infinite
}
@keyframes rightanime {
  50% {
    transform: translateX(10px);
    opacity: .5
  }
  100% {
    transform: translateX(10px);
    opacity: 0
  }
}
@keyframes leftanime {
  50% {
    transform: translateX(-10px);
    opacity: .5
  }
  100% {
    transform: translateX(-10px);
    opacity: 0
  }
}
@media screen and (max-width:767px) {
  .footer-bottom {
    padding: 25px 0
  }
  .partner-logo {
    padding-top: 0 !important
  }
}
.widget-content {
  display: inline-block;
  padding: 10px 0
}
.media-fontx {
  color: var(--white);
  padding-left: 10px
}
.media-fontx h1 {
  font-size: 12px;
  color: #ff6a00;
  margin-bottom: 2px
}
.media-fontx p {
  font-size: 10px;
  margin-bottom: 2px
}
.media-fontx p a {
  color: #dedcdc
}
.media-fontx span {
  font-size: 9px;
  color: #d5d5d5;
  display: inline-block
}
.media-news-t h2 {
  font-size: 13px;
  color: var(--white);
  margin: 0 auto;
  padding: 15px 0;
  text-align: center;
  border-bottom: 2px solid #ff6a00;
  margin-bottom: 10px
}
.profile-notif strong {
  color: var(--color-afb-black);
  font-size: .9em
}
.login-loader-wrapper {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(21, 21, 21, .24);
  z-index: 2
}
.login-loader-wrapper .loader {
  margin-left: -30px;
  -webkit-transform: none;
  transform: none
}
.loader {
  border: 5px solid #f3f3f3;
  -webkit-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
  border-top: 5px solid #555;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg)
  }
  100% {
    -webkit-transform: rotate(360deg)
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg)
  }
  100% {
    transform: rotate(360deg)
  }
}
.modal-notif, .modal-box {
  z-index: 900
}
.modal-sandbox {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: transparent
}
.modal-notif {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: #000;
  background: rgba(0, 0, 0, .8);
  overflow: auto
}
.modal-box {
  position: relative;
  width: 80%;
  max-width: 920px;
  margin: 100px auto;
  animation-name: modalbox;
  animation-duration: .4s;
  animation-timing-function: cubic-bezier(0, 0, .3, 1.6)
}
.modal-body p {
  font-size: 13px
}
.modal-footer time {
  font-size: 12px
}
.modal-footer {
  background-color: #fff
}
.modal-header {
  background: var(--cd-color-1);
  color: #fff
}
.modal-header button.close {
  background-color: #ff6a00;
  border: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  opacity: 1;
  color: #fff;
  font-weight: 300;
  border-top-right-radius: 5px;
  margin-bottom: -1.26em
}
.modal-header button.close span {
  font-size: 1.5rem;
  font-weight: 500;
  position: unset
}
.h5.modal-title {
  font-size: 15px;
  margin: 0;
  color: #fff
}
.modal-body {
  background: var(--light)
}
.btn-primary {
  background-color: #0373ff;
  border-color: #007bff00
}
.btn-primary:hover {
  background-color: #1d212a;
  border-color: #007bff00
}
.btn-tnc {
  background-color: var(--cd-color-1);
  color: #fff
}
.btn-tnc:hover {
  background-color: #626872;
  color: #fff
}
.close-modal {
  text-align: right;
  cursor: pointer
}
@-webkit-keyframes modalbox {
  0% {
    top: -250px;
    opacity: 0
  }
  100% {
    top: 0;
    opacity: 1
  }
}
@keyframes modalbox {
  0% {
    top: -250px;
    opacity: 0
  }
  100% {
    top: 0;
    opacity: 1
  }
}
ul.social-network {
  list-style: none;
  display: inline;
  margin-left: 0 !important;
  padding: 0
}
ul.social-network li {
  display: inline;
  margin: 0 5px
}
.social-network a.icoRss:hover {
  background-color: #f56505
}
.social-network a.icoFacebook:hover {
  background-color: #3b5998
}
.social-network a.icoTwitter:hover {
  background-color: #3cf
}
.social-network a.icoGoogle:hover {
  background-color: #bd3518
}
.social-network a.icoVimeo:hover {
  background-color: #0590b8
}
.social-network a.icoLinkedin:hover {
  background-color: #007bb7
}
.social-network a.icoYoutube:hover {
  background-color: #b00
}
.social-network a.icoIntagram:hover {
  background: #f09433;
  background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
  background: -webkit-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
  background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f09433', endColorstr='#bc1888', GradientType=1)
}
.social-network a.icoRss:hover i, .social-network a.icoFacebook:hover i, .social-network a.icoTwitter:hover i, .social-network a.icoGoogle:hover i, .social-network a.icoVimeo:hover i, .social-network a.icoLinkedin:hover i, .social-network a.icoIntagram:hover i, .social-network a.icoYoutube:hover i {
  color: #fff
}
a.socialIcon:hover, .socialHoverClass {
  color: #44bcdd
}
.social-circle li a {
  position: relative;
  margin: 0 auto 0 auto;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  text-align: center;
  width: 50px;
  height: 50px;
  font-size: 20px
}
.social-circle li i {
  margin: 0;
  line-height: 50px;
  text-align: center
}
.social-circle li a:hover i, .triggeredHover {
  -moz-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  -ms--transform: rotate(360deg);
  transform: rotate(360deg);
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -o-transition: all .2s;
  -ms-transition: all .2s;
  transition: all .2s
}
.social-circle i {
  color: #626c80;
  -webkit-transition: all .8s;
  -moz-transition: all .8s;
  -o-transition: all .8s;
  -ms-transition: all .8s;
  transition: all .8s
}
hr.style-one {
  border: 0;
  height: 1px;
  background: #333;
  background-image: linear-gradient(to right, #ccc, #333, #ccc)
}
.pagination > li > a {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #337ab7;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #616161
}
.pagination > li > a.one {
  background-color: #fff0;
  color: #fff
}
.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
  z-index: 2;
  color: #fff;
  background-image: linear-gradient(to right, #2575fc, #6a11cb);
  border-color: #ddd
}
.page-item.active .page-link {
  z-index: 1;
  color: #fff;
  background-color: #007bff;
  border-color: #007bff
}
.mandatory_field {
  color: #f00
}
.required:after {
  content: " *";
  color: #f00
}
.wallet-top-left {
  width: 35%;
  float: left;
  padding: 0 10px;
  background: var(--cd-color-1);
  border-bottom: solid 1px hsl(0deg 0% 22%);
  color: #ff6a00;
  text-align: center;
  position: relative;
  line-height: 34px
}
.wallet-top-left:before {
  border-color: transparent;
  border-left-color: var(--cd-color-1);
  content: "";
  position: absolute;
  right: -15px;
  height: 0;
  width: 0;
  border-width: 8px;
  border-style: solid;
  border-left: 8px solid var(--cd-color-1);
  top: 0;
  bottom: 0;
  margin: auto
}
.wallet-top-left span {
  color: #fff;
  font-weight: 400;
  font-size: .9em;
  word-break: break-all
}
.wallet-top-left span.one {
  color: #495057
}
.wallet-top-left {
  width: 40%
}
.wallet-top-left span, .wallet-top-right span {
  font-size: .9em;
  color: #fff
}
.wallet-top-right {
  width: 65%;
  float: left;
  text-align: center;
  background: #292929;
  border-bottom: solid 1px hsl(0deg 0% 22%);
  line-height: 34px
}
.game-part-2 .wallet-section {
  width: 100%
}
.game-part-2 .wallet-top-part {
  width: 100%
}
.game-part-2 .game-history-part {
  background: #201f25;
  text-align: left
}
.game-part-2 .game-history-part.one {
  background: #f8f8f8;
  border: 1px solid var(--color-user-bg)
}
.game-part-2 .wallet-top-part .game-history-part:first-child {
  width: 25%;
  padding: 5px
}
.game-part-2 .wallet-top-part .game-history-part:nth-child(2) {
  width: 25%;
  padding: 5px;
  padding-left: 10px
}
.game-part-2 .wallet-top-part .game-history-part:nth-child(3) {
  width: 25%;
  padding: 5px;
  padding-left: 10px
}
.game-part-2 .wallet-top-part .game-history-part:last-child {
  width: 25%;
  padding: 5px;
  padding-right: 10px
}
.game-part-2 .wallet-top-left:before {
  display: none
}
.game-part-2 .history-bottom-part .wallet-bottom-left {
  margin-right: 0;
  background: transparent;
  padding: 27px 10px
}
.game-part-2 .history-bottom-part .wallet-bottom-left ul li {
  text-align: left;
  margin-bottom: 40px
}
.game-part-2 .history-bottom-part .wallet-bottom-left ul li:last-child {
  margin-bottom: 0
}
.game-part-2 .history-bottom-part .wallet-bottom-left:first-child ul li {
  text-align: center
}
.game-part-2 .history-bottom-part .wallet-bottom-left:first-child {
  width: 30%;
  background: #17161a;
  margin-right: 2%
}
.game-part-2 .history-bottom-part .wallet-bottom-left:nth-child(2) {
  width: 21%
}
.game-part-2 .history-bottom-part .wallet-bottom-left:nth-child(3) {
  width: 25%
}
.game-part-2 .history-bottom-part .wallet-bottom-left:last-child {
  width: 22%
}
.game-part-2 {
  width: 100%
}
.game-part-2 .wallet-section {
  width: 100%
}
.game-part-section .wallet-section:last-child .wallet-top-part {
  float: right;
  width: 100%;
  overflow-x: hidden
}
.wallet-top-part {
  width: 100%;
  float: left;
  display: flex;
  flex-wrap: nowrap;
  border-radius: 3px
}
.game-part-2 .wallet-top-part {
  width: 100%
}
.game-part-2 .game-history-part {
  background: #201f25;
  text-align: left
}
.game-part-2 .game-history-part.one {
  background: #f8f8f8;
  border: 1px solid var(--color-user-bg)
}
.game-part-2 .wallet-top-part .game-history-part:first-child {
  width: 30%;
  padding-left: 15px
}
.game-part-2 .wallet-top-part .game-history-part:nth-child(2) {
  width: 25%
}
.game-part-2 .wallet-top-part .game-history-part:nth-child(3) {
  width: 20%
}
.game-part-2 .wallet-top-part .game-history-part:last-child {
  width: 25%
}
.game-part-2 .wallet-top-part {
  width: 400px;
  float: left !important
}
.game-part-2 .wallet-top-part .game-history-part:first-child {
  padding-left: 10px
}
.game-part-2 .history-bottom-part .wallet-bottom-left {
  width: 100px
}
.game-part-2 .wallet-top-part {
  width: 400px;
  float: left !important
}
.game-part-section {
  width: 100%;
  display: inline-block
}
.wallet-section {
  width: 50%;
  float: left
}
.b-show {
  display: block
}
.dropdown-menu {
  z-index: 99999
}
@media screen and (max-width:768px) {
  .m-show {
    display: block
  }
  .b-show {
    display: none
  }
}
ul.dropdown-menu {
  padding: 0
}
ul.dropdown-menu li {
  float: left;
  width: 50%
}
ul.dropdown-menu li a {
  padding: 0
}
ul.dropdown-menu li a:hover {
  background-color: #1d212a05
}
ul.dropdown-menu li a img {
  width: 100%;
  background-color: #00000047;
  padding: 10px;
  border-radius: 5px;
  margin: 0
}
.dropdown-submenu > .dropdown-menu {
  left: 100%;
  margin-left: -1px;
  background: #272930;
  width: 100%;
  top: auto;
  bottom: auto;
  margin: -36px 0;
  border: none;
  border-radius: unset
}
.dropdown-submenu:hover > .dropdown-menu {
  display: block;
  background-color: var(--cd-color-1)
}
.dropdown-submenu.pull-left > .dropdown-menu {
  left: -100%;
  margin-left: 10px;
  -webkit-border-radius: 6px 0 6px 6px;
  -moz-border-radius: 6px 0 6px 6px;
  border-radius: 6px 0 6px 6px
}
ul.dropdown-menu.parent {
  margin-top: -1px
}
.a-top-head-dropdown .a-dropdown-menu {
  width: 350px;
  height: 300px;
  overflow: auto
}
.c-header-nav .dropdown-menu {
  line-height: 1.5
}
.a-top-head-dropdown li:last-child .a-top-text-block {
  border-bottom: 0
}
.a-topbar-align-center {
  text-align: center
}
.btn .notif-01 {
  background-color: #f00;
  color: #fff;
  font-size: 8px;
  font-weight: 600;
  border-radius: 20px;
  position: relative;
  top: -8px;
  left: -10px;
  width: 15px;
  height: 15px;
  padding: 4px 2px
}
.btn .notif-02 {
  top: 0;
  left: 0;
  padding: 3px 0
}
.c-header-nav .c-header-nav-link .badge, .c-header-nav .c-header-nav-btn .badge {
  position: absolute;
  top: 50%;
  margin-top: -16px
}
html:not([dir="rtl"]) .c-header-nav .c-header-nav-link .badge, html:not([dir="rtl"]) .c-header-nav .c-header-nav-btn .badge {
  left: 50%;
  margin-left: 0
}
*[dir="rtl"] .c-header-nav .c-header-nav-link .badge, *[dir="rtl"] .c-header-nav .c-header-nav-btn .badge {
  right: 50%;
  margin-right: 0
}
.close-popup {
  position: absolute;
  right: 0;
  bottom: auto;
  left: auto;
  z-index: 10;
  cursor: pointer;
  color: #808aa6;
  font-size: 24px;
  font-weight: normal;
  line-height: 1;
  transition: opacity 1s 1s
}
.popup-wrapper {
  position: relative
}
.modal2 {
  display: none;
  position: fixed;
  z-index: 999999;
  padding-top: 0;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: #000;
  background-color: rgba(0, 0, 0, .6);
  backdrop-filter: blur(5px);
  align-items: center;
  justify-content: center
}
.notif-hd-title {
  background-color: #0006b5;
  padding: 10px;
  color: #fff;
  text-align: center;
  border-radius: 2px 2px 0 0;
  margin-left: -.01em;
  margin-top: -.01em
}
.a-top-text-heading {
  font-size: var(--text-sm);
  color: var(--gray-dark)
}
.a-top-text-light {
  font-size: var(--text-xs)
}
.a-top-text-block {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  color: #333;
  white-space: inherit !important;
  border-bottom: 1px solid #f4f4f4;
  position: relative
}
.a-top-text-block:hover:before {
  content: '';
  width: 4px;
  background: #f05a1a;
  left: 0;
  top: 0;
  bottom: 0;
  position: absolute
}
.a-top-text-block.unread {
  background: #ffc
}
.a-top-text-block .a-top-text-light {
  color: #999;
  font-size: .8em
}
.a-top-head-dropdown .a-dropdown-menu {
  width: 350px;
  height: 300px;
  overflow: auto
}
.a-top-head-dropdown li:last-child .a-top-text-block {
  border-bottom: 0
}
.a-topbar-align-center {
  text-align: center
}
.a-top-head-dropdown ul li {
  width: 350px;
  padding: 5px
}
ul.a-drop-text li a {
  padding: 5px 15px
}
.a-loader-topbar {
  margin: 5px auto;
  border: 3px solid #ddd;
  border-radius: 50%;
  border-top: 3px solid #666;
  width: 22px;
  height: 22px;
  -webkit-animation: spin-topbar 1s linear infinite;
  animation: spin-topbar 1s linear infinite
}
@-webkit-keyframes spin-topbar {
  0% {
    -webkit-transform: rotate(0deg)
  }
  100% {
    -webkit-transform: rotate(360deg)
  }
}
@keyframes spin-topbar {
  0% {
    transform: rotate(0deg)
  }
  100% {
    transform: rotate(360deg)
  }
}
.notifUnread::after {
  width: 4px;
  background: #f05a1a;
  left: 0;
  top: 0;
  bottom: 0;
  position: absolute
}
.notifUnread {
  background-color: #004eff14;
  border-color: #000
}
.notifUnread div {
  color: #0056b3;
  font-weight: 500
}
.cd-tabs {
  position: relative
}
@media(min-width:48rem) {
  .cd-tabs {
    display: -ms-flexbox;
    display: flex
  }
}
@supports (background:linear-gradient(to left, #000, #000)) {
  .cd-tabs::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    height: 80px;
    width: 25px;
    z-index: 1;
    pointer-events: none;
    background: linear-gradient(to left, hsl(54, 42%, 95%), hsla(54, 42%, 95%, 0));
    background: linear-gradient(to left, var(--cd-color-2), hsla(var(--cd-color-2-h), var(--cd-color-2-s), var(--cd-color-2-l), 0));
    visibility: visible;
    opacity: 1;
    transition: opacity .3s 0s, visibility 0s 0s
  }
  @media(min-width:48rem) {
    .cd-tabs::after {
      display: none
    }
  }
  .cd-tabs--scroll-ended::after {
    visibility: hidden;
    opacity: 0;
    transition: opacity .3s 0s, visibility 0s .3s
  }
}
.cd-tabs__item {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: .715em;
  font-weight: 700;
  color: hsl(0deg 0% 90%);
  text-decoration: none;
  font-weight: 600;
  text-align: center;
  line-height: 12px;
  padding: 10px
}
.cd-tabs__item:hover {
  color: hsl(225, 31%, 23%);
  color: var(--cd-color-1);
  background-color: hsla(54, 42%, 84.55%, .3);
  background-color: hsla(var(--cd-color-2-h), var(--cd-color-2-s), calc(var(--cd-color-2-l)*.89), .3)
}
.cd-tabs__item .icon {
  margin-bottom: 5px !important;
  color: inherit
}
.js .cd-tabs__item--selected span {
  color: hsl(225, 31%, 23%);
  color: var(--cd-color-1)
}
.js .cd-tabs__item--selected {
  background-color: var(--color-user-bg);
  background-color: var(var(--color-user-bg));
  box-shadow: inset 0 2px 0 hsl(1, 84%, 63%);
  box-shadow: inset 0 2px 0 var(--cd-color-4)
}
.js .cd-tabs__item--selected:hover {
  background-color: var(--color-user-bg);
  background-color: var(--color-user-bg)
}
.js .cd-tabs__item--selected .icon {
  color: hsl(0deg 0% 60%)
}
@media(min-width:48rem) {
  .js .cd-tabs__item--selected {
    box-shadow: inset 2px 0 0 #ff6a00;
    box-shadow: inset 2px 0 0 #ff6a00
  }
}
.notifUnread::after {
  width: 4px;
  background: #f05a1a;
  left: 0;
  top: 0;
  bottom: 0;
  position: absolute
}
.notifUnread {
  background-color: #004eff14;
  border-color: #000
}
.notifUnread div {
  color: #0056b3;
  font-weight: 500
}
.dropdown-menu {
  border: none
}
.dropdown-menu a span {
  color: #000
}
.mobile-bts * {
  vertical-align: middle
}
.mobile-bts span, .mobile-bts svg {
  font-size: .8em
}
.a-top-text-heading {
  font-size: var(--text-sm);
  color: var(--gray-dark)
}
.a-top-text-light {
  font-size: var(--text-xs)
}
.a-top-text-block {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  color: #333;
  white-space: inherit !important;
  border-bottom: 1px solid #f4f4f4;
  position: relative
}
.a-top-text-block:hover:before {
  content: '';
  width: 4px;
  background: #f05a1a;
  left: 0;
  top: 0;
  bottom: 0;
  position: absolute
}
.a-top-text-block.unread {
  background: #ffc
}
.a-top-text-block .a-top-text-light {
  color: #999;
  font-size: .8em
}
.a-top-head-dropdown .a-dropdown-menu {
  width: 350px;
  height: 300px;
  overflow: auto
}
.a-top-head-dropdown li:last-child .a-top-text-block {
  border-bottom: 0
}
.a-topbar-align-center {
  text-align: center
}
.a-top-head-dropdown ul li {
  width: 350px;
  padding: 5px
}
ul.a-drop-text li a {
  padding: 5px 15px
}
.a-loader-topbar {
  margin: 5px auto;
  border: 3px solid #ddd;
  border-radius: 50%;
  border-top: 3px solid #666;
  width: 22px;
  height: 22px;
  -webkit-animation: spin-topbar 1s linear infinite;
  animation: spin-topbar 1s linear infinite
}
@-webkit-keyframes spin-topbar {
  0% {
    -webkit-transform: rotate(0deg)
  }
  100% {
    -webkit-transform: rotate(360deg)
  }
}
@keyframes spin-topbar {
  0% {
    transform: rotate(0deg)
  }
  100% {
    transform: rotate(360deg)
  }
}
:root {
  --font-primary: sans-serif;
  --text-base-size: 1em;
  --text-scale-ratio: 1.2;
  --text-xs: calc(1em/var(--text-scale-ratio)/var(--text-scale-ratio));
  --text-sm: calc(var(--text-xs)*var(--text-scale-ratio));
  --text-md: calc(var(--text-sm)*var(--text-scale-ratio)*var(--text-scale-ratio));
  --text-lg: calc(var(--text-md)*var(--text-scale-ratio));
  --text-xl: calc(var(--text-lg)*var(--text-scale-ratio));
  --text-xxl: calc(var(--text-xl)*var(--text-scale-ratio));
  --text-xxxl: calc(var(--text-xxl)*var(--text-scale-ratio));
  --body-line-height: 1.4;
  --heading-line-height: 1.2;
  --font-primary-capital-letter: 1
}
:root {
  --space-unit: 1em;
  --space-xxxxs: calc(.125*var(--space-unit));
  --space-xxxs: calc(.25*var(--space-unit));
  --space-xxs: calc(.375*var(--space-unit));
  --space-xs: calc(.5*var(--space-unit));
  --space-sm: calc(.75*var(--space-unit));
  --space-md: calc(1.7*var(--space-unit));
  --space-lg: calc(2*var(--space-unit));
  --space-xl: calc(3.25*var(--space-unit));
  --space-xxl: calc(5.25*var(--space-unit));
  --space-xxxl: calc(8.5*var(--space-unit));
  --space-xxxxl: calc(13.75*var(--space-unit));
  --component-padding: var(--space-md)
}
:root {
  --icon-xxs: 12px;
  --icon-xs: 16px;
  --icon-sm: 24px;
  --icon-md: 32px;
  --icon-lg: 48px;
  --icon-xl: 64px;
  --icon-xxl: 128px
}
.icon {
  display: inline-block;
  color: inherit;
  fill: currentColor;
  height: 1em;
  width: 1em;
  line-height: 1;
  -ms-flex-negative: 0;
  flex-shrink: 0
}
.icon--xxs {
  font-size: 12px;
  font-size: var(--icon-xxs)
}
.icon--xs {
  font-size: 16px;
  font-size: var(--icon-xs)
}
.icon--sm {
  font-size: 24px;
  font-size: var(--icon-sm)
}
.icon--md {
  font-size: 32px;
  font-size: var(--icon-md)
}
.icon--lg {
  font-size: 48px;
  font-size: var(--icon-lg)
}
.icon--xl {
  font-size: 64px;
  font-size: var(--icon-xl)
}
.icon--xxl {
  font-size: 128px;
  font-size: var(--icon-xxl)
}
.icon--is-spinning {
  -webkit-animation: icon-spin 1s infinite linear;
  animation: icon-spin 1s infinite linear
}
@-webkit-keyframes icon-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}
@keyframes icon-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}
.icon use {
  color: inherit;
  fill: currentColor
}
:root {
  --zindex-header: 2;
  --zindex-popover: 5;
  --zindex-fixed-element: 10;
  --zindex-overlay: 15
}
:root, [data-theme="default"] {
  --color-primary-darker: hsl(220, 90%, 36%);
  --color-primary-darker-h: 220;
  --color-primary-darker-s: 90%;
  --color-primary-darker-l: 36%;
  --color-primary-dark: hsl(220, 90%, 46%);
  --color-primary-dark-h: 220;
  --color-primary-dark-s: 90%;
  --color-primary-dark-l: 46%;
  --color-primary: hsl(220, 90%, 56%);
  --color-primary-h: 220;
  --color-primary-s: 90%;
  --color-primary-l: 56%;
  --color-primary-light: hsl(220, 90%, 66%);
  --color-primary-light-h: 220;
  --color-primary-light-s: 90%;
  --color-primary-light-l: 66%;
  --color-primary-lighter: hsl(220, 90%, 76%);
  --color-primary-lighter-h: 220;
  --color-primary-lighter-s: 90%;
  --color-primary-lighter-l: 76%;
  --color-accent-darker: hsl(355, 90%, 41%);
  --color-accent-darker-h: 355;
  --color-accent-darker-s: 90%;
  --color-accent-darker-l: 41%;
  --color-accent-dark: hsl(355, 90%, 51%);
  --color-accent-dark-h: 355;
  --color-accent-dark-s: 90%;
  --color-accent-dark-l: 51%;
  --color-accent: hsl(355, 90%, 61%);
  --color-accent-h: 355;
  --color-accent-s: 90%;
  --color-accent-l: 61%;
  --color-accent-light: hsl(355, 90%, 71%);
  --color-accent-light-h: 355;
  --color-accent-light-s: 90%;
  --color-accent-light-l: 71%;
  --color-accent-lighter: hsl(355, 90%, 81%);
  --color-accent-lighter-h: 355;
  --color-accent-lighter-s: 90%;
  --color-accent-lighter-l: 81%;
  --color-black: hsl(240, 8%, 12%);
  --color-black-h: 240;
  --color-black-s: 8%;
  --color-black-l: 12%;
  --color-white: hsl(0, 0%, 100%);
  --color-white-h: 0;
  --color-white-s: 0%;
  --color-white-l: 100%;
  --color-success-darker: hsl(94, 48%, 36%);
  --color-success-darker-h: 94;
  --color-success-darker-s: 48%;
  --color-success-darker-l: 36%;
  --color-success-dark: hsl(94, 48%, 46%);
  --color-success-dark-h: 94;
  --color-success-dark-s: 48%;
  --color-success-dark-l: 46%;
  --color-success: hsl(94, 48%, 56%);
  --color-success-h: 94;
  --color-success-s: 48%;
  --color-success-l: 56%;
  --color-success-light: hsl(94, 48%, 66%);
  --color-success-light-h: 94;
  --color-success-light-s: 48%;
  --color-success-light-l: 66%;
  --color-success-lighter: hsl(94, 48%, 76%);
  --color-success-lighter-h: 94;
  --color-success-lighter-s: 48%;
  --color-success-lighter-l: 76%;
  --color-error-darker: hsl(355, 90%, 41%);
  --color-error-darker-h: 355;
  --color-error-darker-s: 90%;
  --color-error-darker-l: 41%;
  --color-error-dark: hsl(355, 90%, 51%);
  --color-error-dark-h: 355;
  --color-error-dark-s: 90%;
  --color-error-dark-l: 51%;
  --color-error: hsl(355, 90%, 61%);
  --color-error-h: 355;
  --color-error-s: 90%;
  --color-error-l: 61%;
  --color-error-light: hsl(355, 90%, 71%);
  --color-error-light-h: 355;
  --color-error-light-s: 90%;
  --color-error-light-l: 71%;
  --color-error-lighter: hsl(355, 90%, 81%);
  --color-error-lighter-h: 355;
  --color-error-lighter-s: 90%;
  --color-error-lighter-l: 81%;
  --color-warning-darker: hsl(46, 100%, 41%);
  --color-warning-darker-h: 46;
  --color-warning-darker-s: 100%;
  --color-warning-darker-l: 41%;
  --color-warning-dark: hsl(46, 100%, 51%);
  --color-warning-dark-h: 46;
  --color-warning-dark-s: 100%;
  --color-warning-dark-l: 51%;
  --color-warning: hsl(46, 100%, 61%);
  --color-warning-h: 46;
  --color-warning-s: 100%;
  --color-warning-l: 61%;
  --color-warning-light: hsl(46, 100%, 71%);
  --color-warning-light-h: 46;
  --color-warning-light-s: 100%;
  --color-warning-light-l: 71%;
  --color-warning-lighter: hsl(46, 100%, 81%);
  --color-warning-lighter-h: 46;
  --color-warning-lighter-s: 100%;
  --color-warning-lighter-l: 81%;
  --color-bg: hsl(0, 0%, 100%);
  --color-bg-h: 0;
  --color-bg-s: 0%;
  --color-bg-l: 100%;
  --color-contrast-lower: hsl(0, 0%, 95%);
  --color-contrast-lower-h: 0;
  --color-contrast-lower-s: 0%;
  --color-contrast-lower-l: 95%;
  --color-contrast-low: hsl(240, 1%, 83%);
  --color-contrast-low-h: 240;
  --color-contrast-low-s: 1%;
  --color-contrast-low-l: 83%;
  --color-contrast-medium: hsl(240, 1%, 48%);
  --color-contrast-medium-h: 240;
  --color-contrast-medium-s: 1%;
  --color-contrast-medium-l: 48%;
  --color-contrast-high: hsl(240, 4%, 20%);
  --color-contrast-high-h: 240;
  --color-contrast-high-s: 4%;
  --color-contrast-high-l: 20%;
  --color-contrast-higher: hsl(240, 8%, 12%);
  --color-contrast-higher-h: 240;
  --color-contrast-higher-s: 8%;
  --color-contrast-higher-l: 12%;
  --color-user-bg: #ececec;
  --color-afb-black: #212529
}
:root {
  --cd-color-1: hsl(225, 31%, 23%);
  --cd-color-1-h: 225;
  --cd-color-1-s: 31%;
  --cd-color-1-l: 23%;
  --cd-color-2: hsl(54, 42%, 95%);
  --cd-color-2-h: 54;
  --cd-color-2-s: 42%;
  --cd-color-2-l: 95%;
  --cd-color-3: hsl(54, 8%, 75%);
  --cd-color-3-h: 54;
  --cd-color-3-s: 8%;
  --cd-color-3-l: 75%;
  --cd-color-4: hsl(1, 84%, 63%);
  --cd-color-4-h: 1;
  --cd-color-4-s: 84%;
  --cd-color-4-l: 63%;
  --font-primary: 'PT Sans', sans-serif
}
.cd-tabs {
  position: relative
}
thead.user-background {
  background: var(--cd-color-1) !important;
  color: #fff;
  font-size: .78rem
}
.form-control:disabled, .form-control[readonly] {
  background-color: #e0e0e0
}
.cd-tabs__list span {
  color: #fff;
  word-break: break-word
}
@media(min-width:48rem) {
  .cd-tabs {
    display: -ms-flexbox;
    display: flex
  }
}
@supports (background:linear-gradient(to left, #000, #000)) {
  .cd-tabs::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    height: 80px;
    width: 25px;
    z-index: 1;
    pointer-events: none;
    background: linear-gradient(to left, hsl(54, 42%, 95%), hsla(54, 42%, 95%, 0));
    background: linear-gradient(to left, var(--cd-color-2), hsla(var(--cd-color-2-h), var(--cd-color-2-s), var(--cd-color-2-l), 0));
    visibility: visible;
    opacity: 1;
    transition: opacity .3s 0s, visibility 0s 0s
  }
  @media(min-width:48rem) {
    .cd-tabs::after {
      display: none
    }
  }
  .cd-tabs--scroll-ended::after {
    visibility: hidden;
    opacity: 0;
    transition: opacity .3s 0s, visibility 0s .3s
  }
}
.cd-tabs__navigation {
  background: hsl(54, 42%, 95%);
  background: var(--cd-color-1);
  --cd-color-shadow: hsla(54, 42%, 64.6%, .06);
  --cd-color-shadow: hsla(var(--cd-color-2-h), var(--cd-color-2-s), calc(var(--cd-color-2-l)*.68), .06);
  box-shadow: inset 0 -2px 3px hsla(54, 42%, 64.6%, .06);
  box-shadow: inset 0 -2px 3px var(--cd-color-shadow)
}
@media(min-width:48rem) {
  .cd-tabs__navigation {
    width: 90px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    box-shadow: inset -2px 0 3px hsla(54, 42%, 64.6%, .06);
    box-shadow: inset -2px 0 3px var(--cd-color-shadow)
  }
}
.cd-tabs__list {
  display: -ms-flexbox;
  display: flex;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch
}
ul.cd-tabs__list {
  padding: 0;
  z-index: 9
}
.cd-tabs__list li {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  background: var(--cd-color-1)
}
@media(min-width:48rem) {
  .cd-tabs__list {
    -ms-flex-direction: column;
    flex-direction: column
  }
}
.js .cd-tabs__item--selected {
  background-color: var(--color-user-bg);
  background-color: var(var(--color-user-bg));
  box-shadow: inset 0 2px 0 hsl(1, 84%, 63%);
  box-shadow: inset 0 2px 0 var(--cd-color-4);
  color: hsl(225, 31%, 23%);
  color: var(--cd-color-1)
}
.js .cd-tabs__item--selected:hover {
  background-color: var(--color-user-bg);
  background-color: var(--color-user-bg)
}
.js .cd-tabs__item--selected .icon {
  color: hsl(0deg 0% 60%)
}
@media(min-width:48rem) {
  .js .cd-tabs__item--selected {
    box-shadow: inset 2px 0 0 #ff6a00;
    box-shadow: inset 2px 0 0 #ff6a00
  }
}
.cd-tabs__panels {
  background: hsl(0, 0%, 100%);
  background: var(--color-user-bg);
  overflow-x: auto;
  width: 100%;
  padding: 0
}
.cd-tabs__panel {
  padding: 1.25em;
  padding: var(--space-md);
  --line-height-multiplier: 1.14;
  --text-vspace-multiplier: 1.25
}
.cd-tabs__panel p {
  color: hsl(225, 31%, 63.02%);
  color: hsl(var(--gray), var(--cd-color-1-s), calc(var(--cd-color-1-l)*2.74));
  margin: 5px 0;
  font-size: var(--text-sm)
}
.cd-tabs__panel p a {
  color: #002bff;
  padding: 0;
  font-size: 13px
}
.profile-notif time {
  margin: 5px 0;
  font-size: var(--text-sm)
}
@media(min-width:48rem) {
  .cd-tabs__panel {
    padding: 2em;
    padding: var(--space-lg)
  }
}
.js .cd-tabs__panel {
  display: none;
  padding: 20px
}
.js .cd-tabs__panel--selected {
  display: block;
  -webkit-animation: cd-fade-in .5s;
  animation: cd-fade-in .5s
}
@-webkit-keyframes cd-fade-in {
  0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}
@keyframes cd-fade-in {
  0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}
.inside-tab-item > a.active {
  color: var(--cd-color-1);
  border: 2px solid #ff6a00;
  background-color: #fff
}
.inside-tab-bg {
  background-color: #fff;
  padding: 10px 20px
}
.choose-file::-webkit-file-upload-button {
  color: #fff;
  display: inline-block;
  background: var(--cd-color-1);
  border: none;
  padding: 2px 5px;
  font-weight: 700;
  border-radius: 3px;
  white-space: nowrap;
  cursor: pointer;
  font-size: 8pt;
  margin: 3px
}
.form-group label {
  color: #000;
  margin-bottom: 0
}
.fileinput input, textarea {
  padding: 0 !important
}
.form-control {
  border-radius: .3em !important;
  padding: .35rem !important;
  height: calc(1.2em + .75rem + 2px) !important
}
.games-bg .top-games-item .col-data {
  float: left;
  width: 20%;
  text-align: center;
  border-right: 1px solid #ec8b23;
  color: #fff
}
.top-games-item.one {
  background-color: #f8f8f8;
  line-height: 3
}
.games-bg .top-games-item .col-data.one {
  border: 1px solid var(--color-user-bg);
  color: #495057;
  padding: 5px
}
@media only screen and (max-width:670px) {
  .games-bg .top-games-item .col-data.one {
    width: 155px
  }
}
.games-title.one {
  padding-bottom: 20px
}
h_bar-login, .h_nav {
  font-weight: 700;
  text-transform: uppercase
}
.h_nav {
  display: flex;
  justify-content: space-around;
  width: auto;
  height: auto
}
.h_nav-list > li {
  display: inline-block;
  width: auto;
  height: inherit;
  padding: 0
}
.h_nav-item > a, .h_nav-item > span {
  display: block;
  padding: 0 10px;
  z-index: 0;
  color: #bebebe;
  font-weight: 500;
  font-size: 12px;
  line-height: 35px;
  border-radius: 5px;
  background-color: var(--cd-color-1);
  margin-right: 5px;
  border: 2px solid var(--cd-color-1)
}
.h_nav-item > a:hover, .h_nav-item > span:hover {
  color: #fff
}
.h_nav-item > a.active {
  color: #000
}
.h_bar {
  justify-content: flex-end;
  min-height: 100%;
  margin-left: auto;
  width: auto;
  height: auto
}
.h_bar, .h_bar-dropdown {
  display: flex;
  align-items: center;
  position: relative
}
.game-part {
  width: 100%
}
.game-part .h3 {
  background: #2a3040;
  width: 100%;
  padding: 15px;
  font-size: 15px;
  font-weight: normal;
  text-transform: capitalize;
  color: #fff;
  margin: 0
}
.game-part-section {
  width: 100%;
  display: inline-block
}
.gamesHs ul li {
  color: #fff
}
.gamesHs ul {
  width: 100%;
  padding: 0;
  display: block;
  display: flex;
  overflow-x: auto
}
.gamesHs ul li {
  float: left;
  color: #000;
  padding: 10px;
  background: #e2e2e2;
  border: 1px solid #d0d0d0;
  font-size: 13px;
  font-size: .95em
}
.top-five-title {
  margin-top: 10px;
  color: #fff;
  text-align: center;
  font-size: 14px;
  background-color: var(--cd-color-1);
  padding: 5px
}
@media only screen and (max-width:944px) {
  .gamesHs ul li {
    height: 55px
  }
}
ul.gamesHs-title li {
  background-color: #3b4358;
  border: none;
  color: #fff;
  font-weight: 600;
  height: auto
}
.rank-part {
  float: left;
  width: 100%
}
.rank-part .h4 {
  color: #00d0ff;
  font-size: 14px;
  font-weight: 600;
  text-transform: capitalize;
  text-align: left;
  padding: .75rem .9rem
}
.card {
  border: none;
  background-color: #dadada
}
.card-header {
  background: #363c4e;
  padding: 0
}
@media screen and (max-width:991px) {
  .promotion_Progress {
    padding-left: 8% !important;
    padding-right: 8% !important
  }
  .progress-promo {
    margin: 25px 0 !important;
    margin-right: 10px !important
  }
  .pmo-progress-wrapper {
    padding: 0
  }
  .pmo-margin-bottom {
    margin-bottom: 15px
  }
}
@media screen and (max-width:480px) {
  #snav li a:hover span img, #snav li span img {
    display: none
  }
}
@media screen and (max-width:415px) {
  .pr-m-3 {
    padding-right: 1rem !important
  }
}
.pmo-title {
  font-size: .89rem;
  text-transform: uppercase;
  font-weight: 600;
  border-bottom: 1px solid #313131
}
.pmo-progress-wrapper {
  padding: 10px 0
}
.promotion_Progress {
  padding-left: 5%;
  padding-right: 5%
}
.pmo-progress-contant .h4 {
  color: #fff;
  text-align: center;
  font-weight: 600;
  font-size: .7rem;
  margin: 0 auto;
  margin-bottom: 5px;
  padding: 0
}
.progress-promo {
  width: 70px;
  height: 70px;
  line-height: 80px;
  background: none;
  box-shadow: none;
  position: relative;
  margin: 0
}
.progress-promo:after {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 14px solid #fff;
  position: absolute;
  top: 0;
  left: 0
}
.progress-promo > span {
  width: 50%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  z-index: 1
}
.progress-promo .progress-promo-left {
  left: 0
}
.progress-promo .progress-promo-bar {
  width: 100%;
  height: 100%;
  background: none;
  border-width: 14px;
  border-style: solid;
  position: absolute;
  top: 0
}
.progress-promo .progress-promo-left .progress-promo-bar {
  left: 100%;
  border-top-right-radius: 80px;
  border-bottom-right-radius: 80px;
  border-left: 0;
  -webkit-transform-origin: center left;
  transform-origin: center left
}
.progress-promo .progress-promo-right {
  right: 0
}
.progress-promo .progress-promo-right .progress-promo-bar {
  left: -100%;
  border-top-left-radius: 80px;
  border-bottom-left-radius: 80px;
  border-right: 0;
  -webkit-transform-origin: center right;
  transform-origin: center right;
  animation: loading-1 1.8s linear forwards
}
.progress-promo .progress-promo-value {
  width: 90%;
  height: 90%;
  border-radius: 50%;
  background: #44484b;
  font-size: 14px;
  color: #fff;
  line-height: 135px;
  text-align: center;
  position: absolute;
  top: 5%;
  left: 5%
}
.progress-Pending {
  border-color: var(--color-warning)
}
.progress-Running {
  border-color: var(--color-primary)
}
.progress-Expired {
  border-color: var(--color-contrast-low)
}
.progress-Success {
  border-color: var(--color-success)
}
.progress-bar-Pending {
  background-color: var(--color-warning)
}
.progress-bar-Running {
  background-color: var(--color-primary)
}
.progress-bar-Expired {
  background-color: var(--color-contrast-low)
}
.progress-bar-Success {
  background-color: var(--color-success)
}
.progress-promo.progress-custom .progress-promo-left .progress-promo-bar {
  animation: custom-Loading-1 1.5s linear forwards 1.8s
}
.progress-promo.progress-custom-2 .progress-promo-right .progress-promo-bar {
  animation: custom-Loading-1 1.5s linear forwards 1.8s
}
.progressBar-Animation {
  animation: progressBar 3s ease-in-out;
  animation-fill-mode: both
}
@keyframes loading-1 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  100% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
  }
}
@keyframes loading-2 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  100% {
    -webkit-transform: rotate(144deg);
    transform: rotate(144deg)
  }
}
@keyframes loading-3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  100% {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
  }
}
@keyframes loading-4 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  100% {
    -webkit-transform: rotate(36deg);
    transform: rotate(36deg)
  }
}
@keyframes loading-5 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  100% {
    -webkit-transform: rotate(126deg);
    transform: rotate(126deg)
  }
}
@keyframes custom-Loading-1 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  100% {
    -webkit-transform: rotate(var(--progress1));
    transform: rotate(var(--progress1))
  }
}
@keyframes progressBar {
  0% {
    width: 0
  }
  100% {
    width: 100%
  }
}
#gotoTop {
  display: none;
  position: fixed;
  bottom: 15%;
  right: 0;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: #cf2c27a8;
  color: #fff;
  cursor: pointer;
  padding: 9px 15px
}
#gotoTop:hover {
  background-color: #cf2c27
}
@media screen and (max-width:767px) {
  #gotoTop {
    position: relative;
    bottom: 0;
    right: 0;
    margin: 0 auto;
    padding: 0 40px;
    margin-top: 0;
    background-color: var(--cd-color-1);
    width: 100%
  }
}
.footer-wrapper01 {
  padding: 30px 0;
  width: 100%;
  word-break: break-word;
  overflow-wrap: break-word
}
.footer-wrapper01 h1, .footer-wrapper01 h2, .footer-wrapper01 h3, .footer-wrapper01 h4, .footer-wrapper01 h5, .footer-wrapper01 h6 {
  word-break: break-all
}
.wrapper-container {
  max-width: 1400px
}
.footer-wrapper01 p {
  text-align: justify;
  text-justify: inter-word
}
.footer-wrapper01 h2, .footer-wrapper01 h3, .footer-wrapper01 h4, .footer-wrapper01 h5, .footer-wrapper01 h6 {
  color: var(--light)
}
.footer-wrapper01 h1 {
  color: var(--light)
}
@media screen and (max-width:991px) {
  .footer-wrapper01 {
    display: none
  }
}
.sidebar-box {
  max-height: 250px;
  height: auto !important;
  position: relative;
  overflow: hidden;
  min-height: 100px
}
.sidebar-box .read-more {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
  margin: 0;
  padding: 10px 0;
  background-image: linear-gradient(to bottom, transparent, #0d0f13)
}
.sidebar-box .read-more a.button {
  display: inline-block;
  position: relative;
  cursor: pointer;
  outline: none;
  white-space: nowrap;
  margin: 5px;
  background: linear-gradient(to right, #6a11cb, #2575fc);
  color: #fff;
  font-size: .9em;
  font-weight: 600 !important;
  padding: 5px 15px;
  font-weight: revert;
  text-transform: uppercase;
  border: none;
  border-radius: 3px
}
.sidebar-box .read-more a.button:hover, .sidebar-box .read-more-btn a.button:hover {
  background: linear-gradient(to right, #2575fc, #6a11cb)
}
.sidebar-box .read-more-wrap.read-more-content {
  animation: read-more-content .5s linear
}
@keyframes read-more-content {
  0% {
    opacity: 0;
    transform: translateY(-30px)
  }
  100% {
    opacity: 1;
    transform: translateY(0)
  }
}
@keyframes read-less-content {
  0% {
    opacity: 1;
    transform: translateY(0)
  }
  100% {
    opacity: 0;
    transform: translateY(-30px)
  }
}
.photobox {
  display: inline-block
}
.photobox__previewbox {
  position: relative;
  overflow: hidden
}
.photobox__preview {
  display: block;
  max-width: 100%
}
.photobox__previewbox:before {
  content: ""
}
.photobox_type1 .photobox__previewbox:before {
  width: 0;
  height: 0;
  padding: 25%;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: var(--photoboxOverlay, rgba(0, 0, 0, .8));
  transition: transform calc(var(--photoboxAnimationDuration, .2s)/2) ease calc(var(--photoboxAnimationDuration, .2s)/2);
  will-change: transform;
  transform: scale(0)
}
.photobox_type1:hover .photobox__previewbox:before {
  transform: scale(3);
  transition-duration: var(--photoboxAnimationDuration, .2s);
  transition-delay: 0s
}
.photobox_type1 .photobox__label {
  transform: translate(-200%, -50%);
  transition: transform var(--photoboxAnimationDuration, .2s) ease-out;
  will-change: transform;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  margin: 15% auto;
  text-align: center
}
.photobox_type1:hover .photobox__label {
  transition-duration: var(--photoboxAnimationDuration, .2s);
  transform: translate(0, 0);
  width: 100%
}
.photobox {
  color: #fff;
  font-weight: 700;
  width: 33.33333%;
  --photoboxOverlay: #070707a8;
  --photoboxAnimationDuration: .5s;
  margin: 4px 0;
  padding: 0 5px
}
@media screen and (max-width:480px) {
  .photobox {
    width: 100%
  }
  .cd-tabs__panel p.one {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 175px;
    display: inline-block
  }
}
@media screen and (max-width:321px) {
  .cd-tabs__panel p.one {
    width: 120px
  }
}
.paging-gamelobby {
  display: inline-block;
  float: right
}
.user-names a span {
  color: #fff
}
.user-names a span:hover {
  color: #0ff
}
.tabcontentmd {
  color: #808aa6
}
.tabcontentmd .popup-header, .tabcontentmd .popup-title {
  width: 100%;
  height: 64px;
  padding: 0;
  background-color: #fff;
  border-bottom: none;
  border-radius: 4px 4px 0 0;
  color: #808aa6;
  font-size: 14px;
  font-weight: bold;
  line-height: 64px;
  text-align: center;
  text-transform: uppercase;
  position: relative;
  border-bottom: 1px solid hsla(0, 0%, 59.2%, .3)
}
.modal-content {
  background-color: #fff;
  margin: auto;
  padding: 0;
  border: none;
  width: 360px;
  border-radius: 5px
}
.modal-body .h5 {
  font-weight: 500 !important;
  color: #636363
}
.btn-sharebox .h5 {
  color: #fff !important;
  font-size: 1em !important
}
.close-popup {
  position: absolute;
  top: 11px;
  right: 15px;
  bottom: auto;
  left: auto;
  z-index: 10;
  cursor: pointer;
  color: #808aa6;
  font-size: 24px;
  font-weight: normal;
  line-height: 1;
  transition: opacity 1s 1s
}
.popup-form {
  padding: 20px 30px 25px;
  float: left;
  width: 100%
}
.form-block {
  padding: 0;
  position: relative;
  border: none;
  text-align: left
}
.popup-footer button {
  background: #67cf35;
  border: #67cf35;
  width: 100%;
  border-radius: 2px;
  padding: 8px 0;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 500;
  margin-top: 5px;
  font-weight: bold
}
.popup-footer button span {
  color: #fff
}
.text-gold {
  color: #ffdd9b !important
}
.withdrawNB span {
  color: #000
}
form.video-iframe {
  margin-bottom: -6px;
  margin-top: -1px
}
.game-frame iframe {
  position: relative;
  left: 0;
  right: 0;
  margin: 0 auto
}
.box-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 10%
}
.box {
  padding: 30px;
  margin: 2%;
  background: #fff;
  width: 30%;
  border: 1px solid #d6d6d6;
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .25);
  border-radius: 3px;
  transition: .2s all
}
.box-wrap:hover .box {
  filter: blur(3px);
  opacity: .5;
  transform: scale(.98);
  box-shadow: none
}
.box-wrap:hover .box:hover {
  transform: scale(1);
  filter: blur(0);
  opacity: 1;
  box-shadow: 0 8px 20px 0 rgba(0, 0, 0, .125)
}
.m-profile-notif {
  padding: 0;
  float: right;
  margin-top: -4px
}
.owl-nav {
  color: #fff
}
.owl-prev {
  position: absolute;
  top: 30%;
  left: 2%
}
.owl-next {
  position: absolute;
  top: 30%;
  right: 2%
}
.faq-nav {
  flex-direction: column;
  margin: 0 0 32px;
  border-radius: 2px
}
.faq-nav .nav-link {
  position: relative;
  display: block;
  margin: 0;
  padding: 13px 16px;
  background-color: #fff;
  border: 0;
  border-bottom: 1px solid #ddd;
  border-radius: 0;
  color: #616161;
  transition: background-color .2s ease
}
.faq-nav .nav-link:hover {
  background-color: #f6f6f6
}
.faq-nav .nav-link.active {
  background-color: #2a3040;
  font-weight: 700;
  color: rgb(255 255 255/87%)
}
.faq-nav .nav-link:last-of-type {
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom: 0
}
.faq-nav .nav-link i.mdi {
  margin-right: 5px;
  font-size: 18px;
  position: relative
}
.tab-content {
  box-shadow: 0 1px 5px rgba(85, 85, 85, .15)
}
.tab-content .card {
  border-radius: 0
}
.tab-content .card-header {
  border-radius: 0;
  background-color: #f6f6f6
}
.tab-content .card-header .h5 {
  margin: 0
}
.tab-content .card-header .h5 button {
  display: block;
  width: 100%;
  padding: 0;
  border: 0;
  font-weight: 700;
  color: rgba(0, 0, 0, .87);
  text-align: left;
  white-space: normal;
  font-size: .8em !important;
  padding: 15px 16px
}
.tab-content .card-header .h5 button:hover, .tab-content .card-header .h5 button:focus, .tab-content .card-header .h5 button:active, .tab-content .card-header .h5 button:hover:active {
  text-decoration: none
}
.tab-content .card-body p {
  color: #616161
}
.tab-content .card-body p:last-of-type {
  margin: 0
}
.accordion > .card:not(:first-child) {
  border-top: 0
}
.collapse.show .card-body {
  border-bottom: 1px solid rgba(0, 0, 0, .125);
  padding-left: 35px
}
.accordion > .card > .card-header {
  margin-bottom: 0 !important
}
#PKV_FAQHeading .btn {
  color: #000
}
.btn-link:hover, .btn-link.focus, .btn-link:focus {
  text-decoration: none !important
}
.pk-term li {
  list-style-type: initial
}
.save-btn.one {
  position: absolute;
  top: 95%
}
.cd-nugget-info {
  position: absolute;
  width: 60%;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  z-index: 1;
  text-align: center;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
.cd-nugget-info h1 {
  color: #fefffb;
  font-size: 2.4rem;
  margin: .6em 0
}
.cd-nugget-info .cd-btn {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  border: none;
  border-radius: 50em;
  background: #ff962c;
  padding: 1em 2em;
  color: #fefffb;
  font-weight: bold;
  font-size: 1.4rem;
  cursor: pointer;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2)
}
.cd-nugget-info .cd-btn:active {
  -webkit-transform: scale(.9);
  -moz-transform: scale(.9);
  -ms-transform: scale(.9);
  -o-transform: scale(.9);
  transform: scale(.9)
}
.no-touch .cd-nugget-info .cd-btn:hover, .cd-nugget-info .cd-btn:focus {
  outline: none;
  background: #ffa346
}
@media only screen and (min-width:768px) {
  .cd-nugget-info h1 {
    font-size: 4.2rem;
    font-weight: 300
  }
  .cd-nugget-info .cd-btn {
    font-size: 1.6rem
  }
}
.cd-tour-wrapper {
  position: fixed;
  z-index: 2;
  height: 90%;
  width: 90%;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .4s 0s, visibility 0s .4s;
  -moz-transition: opacity .4s 0s, visibility 0s .4s;
  transition: opacity .4s 0s, visibility 0s .4s
}
.cd-tour-wrapper::before {
  display: none;
  content: 'mobile'
}
.cd-tour-wrapper.active {
  visibility: visible;
  opacity: 1;
  -webkit-transition: opacity .4s 0s, visibility 0s 0s;
  -moz-transition: opacity .4s 0s, visibility 0s 0s;
  transition: opacity .4s 0s, visibility 0s 0s
}
@media only screen and (min-width:600px) {
  .cd-tour-wrapper {
    max-width: 500px;
    max-height: 600px
  }
}
@media only screen and (min-width:768px) {
  .cd-tour-wrapper {
    position: relative;
    height: 100%;
    width: 100%;
    max-width: none;
    max-height: none;
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
  }
  .cd-tour-wrapper::before {
    content: 'desktop'
  }
  .cd-tour-wrapper.active {
    visibility: hidden
  }
}
.cd-single-step {
  position: absolute;
  z-index: 1;
  width: 100%;
  left: 0;
  top: 30px;
  background-color: #191919ed;
  border-radius: 4px;
  box-shadow: 0 3px 10px rgba(0, 0, 0, .2);
  opacity: 0;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transition: -webkit-transform .4s 0s, opacity 0s .4s;
  -moz-transition: -moz-transform .4s 0s, opacity 0s .4s;
  transition: transform .4s 0s, opacity 0s .4s
}
.cd-single-step > span {
  position: relative;
  z-index: 1;
  display: block;
  width: 10px;
  height: 10px;
  border-radius: inherit;
  background: #ff962c;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transition: -webkit-transform .4s;
  -moz-transition: -moz-transform .4s;
  transition: transform .4s;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  display: none
}
.cd-single-step::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: inherit;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  display: none
}
.active .cd-single-step {
  -webkit-transform: scale(1) translateX(100%);
  -moz-transform: scale(1) translateX(100%);
  -ms-transform: scale(1) translateX(100%);
  -o-transform: scale(1) translateX(100%);
  transform: scale(1) translateX(100%);
  -webkit-transition: -webkit-transform .4s 0s, opacity .4s 0s;
  -moz-transition: -moz-transform .4s 0s, opacity .4s 0s;
  transition: transform .4s 0s, opacity .4s 0s
}
.active .cd-single-step.move-left {
  -webkit-transform: scale(1) translateX(-100%);
  -moz-transform: scale(1) translateX(-100%);
  -ms-transform: scale(1) translateX(-100%);
  -o-transform: scale(1) translateX(-100%);
  transform: scale(1) translateX(-100%)
}
.active .cd-single-step.is-selected {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: -webkit-transform .4s 0s;
  -moz-transition: -moz-transform .4s 0s;
  transition: transform .4s 0s
}
@media only screen and (min-width:768px) {
  .cd-single-step {
    height: auto;
    width: auto;
    top: auto;
    left: auto;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    border-radius: 50%;
    visibility: hidden;
    opacity: 1;
    background-color: transparent;
    box-shadow: none;
    -webkit-transition: visibility 0s .4s;
    -moz-transition: visibility 0s .4s;
    transition: visibility 0s .4s
  }
  .cd-single-step:nth-of-type(1) {
    top: -10px;
    right: 70px
  }
  .cd-single-step:nth-of-type(2) {
    bottom: 24%;
    right: 82%
  }
  .cd-single-step:nth-of-type(3) {
    top: 28%;
    left: 20%
  }
  .cd-single-step > span, .cd-single-step::after {
    display: block
  }
  .active .cd-single-step, .active .cd-single-step.move-left {
    -webkit-transition: visibility 0s .4s;
    -moz-transition: visibility 0s .4s;
    transition: visibility 0s .4s;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
  }
  .cd-single-step.is-selected {
    visibility: visible;
    -webkit-transition: visibility 0s 0s;
    -moz-transition: visibility 0s 0s;
    transition: visibility 0s 0s
  }
  .cd-single-step.is-selected > span {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
  }
  .cd-single-step.is-selected::after {
    -webkit-animation: cd-pulse 2s infinite;
    -moz-animation: cd-pulse 2s infinite;
    animation: cd-pulse 2s infinite;
    -webkit-animation-delay: .5s;
    -moz-animation-delay: .5s;
    animation-delay: .5s
  }
  .cd-single-step.is-selected .cd-more-info {
    opacity: 1
  }
}
@-webkit-keyframes cd-pulse {
  0% {
    box-shadow: 0 0 0 0 #ff962c
  }
  100% {
    box-shadow: 0 0 0 20px rgba(255, 150, 44, 0)
  }
}
@-moz-keyframes cd-pulse {
  0% {
    box-shadow: 0 0 0 0 #ff962c
  }
  100% {
    box-shadow: 0 0 0 20px rgba(255, 150, 44, 0)
  }
}
@keyframes cd-pulse {
  0% {
    box-shadow: 0 0 0 0 #ff962c
  }
  100% {
    box-shadow: 0 0 0 20px rgba(255, 150, 44, 0)
  }
}
.cd-single-step .cd-more-info {
  z-index: 1;
  padding: 1.5em;
  width: 100%;
  background-color: #5700a7f0
}
.cd-single-step .cd-more-info::after {
  clear: both;
  content: "";
  display: table
}
.cd-single-step .cd-more-info::before {
  content: '';
  position: absolute;
  height: 0;
  width: 0;
  border: 6px solid transparent;
  display: none
}
.cd-single-step .cd-more-info h2 {
  font-size: 2em;
  color: #d7d7d7;
  margin-bottom: .4em
}
.cd-single-step .cd-more-info p {
  font-size: 1.1em;
  line-height: 1.6;
  color: #fff;
  text-align: left
}
.cd-single-step .cd-more-info img {
  margin-bottom: 1.4em;
  margin-top: 1.3em
}
.cd-single-step .cd-more-info .cd-close {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 32px;
  height: 32px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap
}
.cd-single-step .cd-more-info .cd-close::after, .cd-single-step .cd-more-info .cd-close:before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  height: 2px;
  width: 16px;
  border-radius: 4em;
  background-color: #cbccc8;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}
.cd-single-step .cd-more-info .cd-close::after {
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -o-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  transform: translateX(-50%) translateY(-50%) rotate(45deg)
}
.cd-single-step .cd-more-info .cd-close::before {
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  -moz-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  -o-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  transform: translateX(-50%) translateY(-50%) rotate(-45deg)
}
.cd-single-step .cd-more-info span {
  float: left;
  padding-top: .1em;
  font-size: .9em;
  color: #808080
}
@media only screen and (min-width:768px) {
  .cd-single-step .cd-more-info {
    position: absolute;
    width: 340px;
    border-radius: 15px;
    box-shadow: 0 3px 20px rgb(0 0 0/15%);
    opacity: 0;
    background-color: #5700a7f0;
    -webkit-transition: opacity .4s;
    -moz-transition: opacity .4s;
    transition: opacity .4s;
    border-color: #5700a7f0
  }
  .cd-single-step .cd-more-info img {
    display: none
  }
  .cd-single-step .cd-more-info::before {
    display: block
  }
  .cd-single-step .cd-more-info.left {
    right: calc(100% + 15px);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
  }
  .cd-single-step .cd-more-info.right {
    left: calc(100% + 15px);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
  }
  .cd-single-step .cd-more-info.left, .cd-single-step .cd-more-info.right {
    top: 50%
  }
  .cd-single-step .cd-more-info.top {
    bottom: calc(100% + 15px);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
  }
  .cd-single-step .cd-more-info.bottom {
    top: calc(100% + 15px);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
  }
  .cd-single-step .cd-more-info.top, .cd-single-step .cd-more-info.bottom {
    left: 50%
  }
  .cd-single-step .cd-more-info.left::before, .cd-single-step .cd-more-info.right::before {
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
  }
  .cd-single-step .cd-more-info.top::before, .cd-single-step .cd-more-info.bottom::before {
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
  }
  .cd-single-step .cd-more-info.left::before {
    border-left-color: inherit;
    left: 100%
  }
  .cd-single-step .cd-more-info.right::before {
    border-right-color: inherit;
    right: 100%
  }
  .cd-single-step .cd-more-info.top::before {
    border-top-color: inherit;
    top: 100%
  }
  .cd-single-step .cd-more-info.bottom::before {
    border-bottom-color: inherit;
    bottom: 100%
  }
  .is-selected .cd-single-step .cd-more-info {
    opacity: 1
  }
}
.cd-tour-nav {
  float: right
}
.cd-tour-nav::after {
  clear: both;
  content: "";
  display: table
}
.cd-tour-nav li {
  display: inline-block;
  float: left
}
.cd-tour-nav li:first-of-type {
  margin-right: 1.5em
}
.cd-tour-nav a {
  font-size: 1.3rem;
  color: #222d33;
  font-weight: bold
}
.cd-tour-nav a.inactive {
  color: #808080;
  cursor: not-allowed;
  font-size: .9em
}
.cd-cover-layer {
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, .6);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .4s 0s, visibility 0s .4s;
  -moz-transition: opacity .4s 0s, visibility 0s .4s;
  transition: opacity .4s 0s, visibility 0s .4s
}
.cd-cover-layer.is-visible {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity .4s 0s, visibility 0s 0s;
  -moz-transition: opacity .4s 0s, visibility 0s 0s;
  transition: opacity .4s 0s, visibility 0s 0s
}
@media only screen and (min-width:768px) {
  .cd-cover-layer.is-visible {
    opacity: 0;
    -webkit-animation: cd-fade-in 2.1s;
    -moz-animation: cd-fade-in 2.1s;
    animation: cd-fade-in 2.1s
  }
}
@-webkit-keyframes cd-fade-in {
  0%, 100% {
    opacity: 0
  }
  14%, 40% {
    opacity: 1
  }
}
@-moz-keyframes cd-fade-in {
  0%, 100% {
    opacity: 0
  }
  14%, 40% {
    opacity: 1
  }
}
@keyframes cd-fade-in {
  0%, 100% {
    opacity: 0
  }
  14%, 40% {
    opacity: 1
  }
}
.cd-app-screen {
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  width: 90%;
  height: 80%;
  background: #222d33;
  border-radius: 4px;
  box-shadow: 0 10px 60px #08151d
}
.cd-app-screen::before, .cd-app-screen::after {
  content: '';
  position: absolute
}
.cd-app-screen::before {
  top: 0;
  left: 0;
  height: 40px;
  width: 100%;
  background: #fefffb;
  border-radius: 4px 4px 0 0
}
.cd-app-screen::after {
  top: 14px;
  left: 20px;
  height: 12px;
  width: 60px;
  background: #e4e5e1;
  border-radius: 3px
}
.searchNoRecord {
  margin: 0 auto;
  text-align: center;
  color: #e4e4e4
}
.searchMobileNoRecord {
  margin: 0 auto;
  text-align: center;
  color: #000
}
.table > tbody > tr > th.one, .table > tbody > tr > td.one {
  line-height: 2.4
}
.btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show > .btn-light.dropdown-toggle, .btn-light.focus, .btn-light:focus {
  background-image: linear-gradient(to right, #2575fc, #6a11cb) !important
}
.data-container > div {
  color: #000
}
.cd-nav {
  display: none
}
.unreadMSG {
  background-color: #ebf1ff
}
.titleUnread {
  color: #256ebf !important
}
.card-text:last-child {
  padding-top: 0
}
.form-group {
  text-align: left
}
.bank-list table td, table th {
  font-size: .9em
}
.carousel-control-next, .carousel-control-prev {
  z-index: auto
}
.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot {
  background-color: #000000ad !important
}
.owl-nav > button > .fa {
  padding: 5px 10px !important
}
.owl-dots {
  display: none
}
@media only screen and (max-width:415px) {
  img .promo-banner-m {
    height: auto !important
  }
  .afb-header-menu {
    padding-right: 0
  }
}
span.text {
  font-size: .8em
}
#outer-nav {
  overflow: hidden
}
#outer-nav-profile {
  overflow: hidden
}
@media only screen and (max-width:767px) {
  #outer-nav {
    overflow-x: scroll
  }
  #outer-nav::-webkit-scrollbar {
    width: 0;
    height: 0
  }
  #outer-nav-profile {
    overflow-x: scroll
  }
  #outer-nav-profile ::-webkit-scrollbar {
    width: 0;
    height: 0
  }
}
.toggleLeft-profile {
  background: #0373ff;
  color: #fff
}
.toggleRight-profile {
  background: #0373ff;
  color: #fff
}
.pagination a.active {
  background-image: linear-gradient(to right, #6a11cb, #2575fc);
  color: #fff;
  display: block
}
.pagination a:hover:not(.active) {
  background-color: transparent
}
.s006 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center
}
.s006 form {
  width: 100%
}
.s006 form legend {
  font-size: 36px;
  color: #fff;
  font-weight: 800;
  text-align: center;
  margin-bottom: 30px
}
.s006 form .inner-form {
  width: 100%;
  margin-bottom: 17px
}
.s006 form .inner-form .input-field {
  width: 100%;
  position: relative
}
.s006 form .inner-form .input-field input {
  height: 100%;
  width: 100%;
  background: transparent;
  border: 0;
  background: #fff;
  display: block;
  width: 100%;
  padding: 10px 32px 10px 70px;
  font-size: 18px;
  color: #666;
  border-radius: 34px
}
.s006 form .inner-form .input-field input.placeholder {
  color: #747474;
  font-size: 1em
}
.s006 form .inner-form .input-field input:-moz-placeholder {
  color: #747474;
  font-size: 1em
}
.s006 form .inner-form .input-field input::-webkit-input-placeholder {
  color: #747474;
  font-size: 1em
}
.s006 form .inner-form .input-field input:hover, .s006 form .inner-form .input-field input:focus {
  box-shadow: none;
  outline: 0
}
.s006 form .inner-form .input-field .btn-search {
  width: 70px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  right: 0;
  height: 100%;
  background: transparent;
  border: 0;
  padding: 0;
  cursor: pointer;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  align-items: center
}
.s006 form .inner-form .input-field .btn-search svg {
  fill: #747474;
  width: 30px;
  height: 30px;
  transition: all .2s ease-out, color .2s ease-out
}
.s006 form .inner-form .input-field .btn-search:hover, .s006 form .inner-form .input-field .btn-search:focus {
  outline: 0;
  box-shadow: none
}
.s006 form .inner-form .input-field .btn-search:hover svg, .s006 form .inner-form .input-field .btn-search:focus svg {
  fill: #666
}
.s006 form .suggestion-wrap {
  padding: 0 15px
}
.s006 form .suggestion-wrap span {
  font-size: .9em;
  display: inline-block;
  background: rgb(62 62 62/60%);
  padding: 0 15px;
  line-height: 32px;
  color: #fff;
  border-radius: 16px;
  margin-right: 10px;
  margin-bottom: 10px
}
.s006 form .suggestion-wrap span:hover {
  background-image: linear-gradient(to right, #2575fc, #6a11cb)
}
@media screen and (max-width:767px) {
  .s006 form .inner-form .input-field {
    margin-bottom: 20px;
    height: 50px
  }
  .s006 form .inner-form .input-field input {
    padding-left: 55px;
    font-size: 16px
  }
  .s006 form .inner-form .input-field .btn-search svg {
    width: 26px;
    height: 26px
  }
}
.search-toggle {
  position: relative;
  display: block;
  height: 12px;
  width: 12px
}
.search-toggle::before, .search-toggle::after {
  content: '';
  position: absolute;
  display: block;
  -webkit-transition: all .1s;
  transition: all .1s
}
.search-toggle::before {
  border: 2px solid #fff;
  border-radius: 50%;
  width: 100%;
  height: 100%
}
.search-toggle::after {
  height: 2px;
  width: 7px;
  background: #fff;
  top: 11px;
  left: 9px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}
.search-toggle.active::before {
  width: 0;
  height: 1.1em;
  border-width: 1px;
  border-radius: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 0;
  left: .35em;
  background-color: #fff
}
.search-toggle.active::after {
  width: 1.2em;
  left: -.15em;
  top: .5em
}
.search-input:focus {
  outline: none
}
.searchgamewidget {
  padding: 0 !important
}
.search-button {
  margin: 10px 5px 12px 5px
}
.searchgameMobilewidget.show {
  top: 145px
}
#header-1 {
  padding: 10px
}
#header-1 .search-box {
  position: absolute;
  bottom: 0;
  right: .2em;
  width: 98.8%;
  height: 100%;
  max-height: 0;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  background-color: #fffffffa;
  -webkit-transition: all .3s;
  transition: all .3s
}
#header-1 .search-box .search-input {
  width: 100%;
  height: 100%;
  padding: 0 1em;
  border: 0;
  background-color: transparent;
  opacity: 0;
  color: #fff;
  border: none !important
}
#header-1 .search-box .search-input::-webkit-input-placeholder {
  color: rgba(255, 255, 255, .4)
}
#header-1.show .search-box {
  display: inline-table;
  padding: 15px 15px;
  z-index: 9999
}
#header-1.show .search-box .search-input {
  opacity: 1
}
.search-box input::placeholder {
  color: #ededed !important
}
.search-input {
  color: #fff !important
}
.search-bar {
  background-color: #232323 !important;
  padding: 10px !important;
  margin: 0 3px
}
.under-m {
  color: #fff;
  background-color: #f00;
  padding: 5px;
  font-size: .8em;
  font-weight: 500;
  position: absolute;
  border-radius: 0 0 10px 10px;
  right: 0;
  top: 0;
  z-index: 1
}
.jackpotpool .under-ml {
  color: #fff;
  background-color: #f00;
  padding: 5px;
  font-size: .8em;
  font-weight: 500;
  position: absolute;
  border-radius: 0 0 10px 0;
  top: 0
}
.top5game .under-ml, .page-searchgame .under-ml, #gameLobbyList .under-ml {
  color: #fff;
  background-color: #f00;
  padding: 5px;
  font-weight: 500;
  position: absolute;
  border-radius: 0 0 10px 0;
  top: 0;
  z-index: 1
}
.under-sku-wrapper {
  position: absolute;
  z-index: 99;
  margin: 3px;
  text-transform: uppercase
}
.under-sku {
  color: #fff;
  padding: 5px;
  font-size: .7em;
  font-weight: 500;
  border-radius: 3px;
  margin: 2px;
  display: inline-block
}
.labal-new-color {
  background-color: #008000
}
.labal-top-color {
  background-color: #00f
}
.labal-under-color {
  background-color: #f00
}
.container1 {
  flex-wrap: wrap
}
.search-btn, .searchgamewidget .search-btn {
  background-image: linear-gradient(to right, #2575fc, #6a11cb);
  text-align: center !important;
  color: #fff !important;
  font-size: .8em;
  padding: 5px;
  border-radius: 5px
}
.search-btn:hover {
  background-image: linear-gradient(to right, #6a11cb, #2575fc)
}
@media(max-width:767.98px) {
  h3.details-title {
    height: 25px !important
  }
  .downline-details:nth-child(2) {
    margin-right: 0 !important
  }
  #invite-friend .copy.col-12.col-md-8.p-0 {
    margin-top: 1.5rem;
    max-width: 100% !important
  }
}
.h3.details-title {
  height: 45px
}
.affiliate .h3 {
  border-bottom: 1px solid #3e3e3e;
  color: #222
}
#main-affiliate .h3 {
  width: 100%;
  padding: 8px 5px;
  font-size: 15px;
  font-weight: 600;
  text-transform: capitalize;
  color: #000;
  margin: 0
}
#main-affiliate table, #daily-lucky-spin-history table, #deposit-withdraw-history table, #gamedeposit-withdraw-history table {
  font-size: .95em
}
#main-affiliate thead, #daily-lucky-spin-history thead, #deposit-withdraw-history thead, #gamedeposit-withdraw-history thead {
  background: #201f25;
  color: #fff
}
#main-affiliate tbody td, #daily-lucky-spin-history tbody td, #deposit-withdraw-history tbody td, #gamedeposit-withdraw-history tbody td {
  background: #fff
}
#main-affiliate tbody tr:nth-child(2n+2) td, #daily-lucky-spin-history tbody tr:nth-child(2n+2) td, #deposit-withdraw-history tbody tr:nth-child(2n+2) td, #gamedeposit-withdraw-history tbody tr:nth-child(2n+2) td {
  background: #e2e2e2
}
#main-affiliate th, #main-affiliate td, #daily-lucky-spin-history th, #daily-lucky-spin-history td, #deposit-withdraw-history th, #deposit-withdraw-history td, #gamedeposit-withdraw-history th, #gamedeposit-withdraw-history td {
  padding: 10px 7px
}
#deposit-withdraw-history .amount {
  padding-left: 50px !important
}
#active-member-list .h3, .user-profile .h3 {
  width: 100%;
  padding: 8px 5px;
  font-size: 15px;
  font-weight: normal;
  text-transform: capitalize
}
#active-member-list table {
  border-collapse: collapse;
  font-size: .95em
}
#active-member-list thead {
  background: #201f25;
  color: #fff
}
#active-member-list tbody td {
  background: #fff;
  border-bottom: 2px solid #d0d0d0
}
#active-member-list tbody tr:nth-child(2n+2) td {
  background: #e2e2e2
}
#active-member-list th, #active-member-list td {
  padding: 10px 7px
}
#active-member-list td div {
  color: #7e7e7e;
  font-weight: 600
}
#active-member-list #more {
  cursor: pointer;
  background: #e2e2e2
}
#invite-friend .copy {
  background: #d5d5d5
}
#invite-friend .copy.col-12.col-md-8.p-0 {
  max-width: 63%
}
#invite-friend .share-title {
  font-size: 11px;
  max-height: 27px
}
.sharebox-container {
  border-radius: 10px;
  background-color: #28324d
}
.btn-sharebox {
  background-image: linear-gradient(to right, #3ab1f2, #7c4cf5);
  color: #fff
}
.btn-sharebox:hover {
  background-image: linear-gradient(to right, #7c4cf5, #3ab1f2);
  color: #fff
}
.btn-underline-sharebox {
  position: relative
}
.btn-underline-sharebox:hover::after {
  position: absolute;
  display: inline-block;
  content: '';
  left: 0;
  bottom: 0;
  width: 100%;
  height: 4px;
  background-image: linear-gradient(to right, #3ab1f2, #7c4cf5)
}
.btn-sharebox-gray {
  background-color: #28324d;
  color: #fff !important
}
input#copy-link {
  border: none !important;
  width: 100%
}
input#copy-link:focus {
  outline: none
}
input#copytext {
  padding: 0 5px;
  border: none;
  width: 60%
}
input#copytext:focus {
  outline: none
}
button#copylink {
  border: none;
  background: transparent;
  cursor: pointer
}
button#copylink:hover {
  outline: none
}
button#copytext {
  border: none;
  background: transparent;
  cursor: pointer
}
button#copytext:hover {
  outline: none
}
button.qrcode {
  border: none;
  background: transparent;
  cursor: pointer
}
button.qrcode:hover {
  outline: none
}
#invite-friend .tooltip {
  padding: 10px;
  background: #000;
  color: #fff;
  font-size: .75rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  pointer-events: none;
  transition: opacity .4s
}
#invite-friend .tooltip.show {
  opacity: 1;
  pointer-events: auto
}
#invite-friend .copy-share {
  text-align: right;
  margin-right: 1rem
}
#invite-friend .copy-share button {
  width: 20%;
  padding: 4px;
  border-radius: 5px;
  font-size: .7rem;
  margin-right: 5px;
  transform: translateY(-20px)
}
#invite-friend .copied {
  padding: 10px;
  background: #000;
  color: #fff;
  font-size: .75rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -100%);
  opacity: 0;
  pointer-events: none;
  transition: opacity .4s
}
#invite-friend .copied.show {
  opacity: 1;
  pointer-events: auto
}
#invite-friend textarea {
  height: 150px;
  text-align: justify;
  padding: 4px 8px;
  background: #7c7c7c9e;
  border: 1px solid transparent !important;
  border-radius: 0 !important
}
#invite-friend textarea:focus {
  border: 1px solid #2575fc
}
#invite-friend .social-media.row {
  margin-right: 0;
  margin-left: 0
}
#invite-friend .social-media button {
  padding: 4px;
  border-radius: 5px;
  font-size: .75rem
}
#invite-friend .social-media-share {
  color: #fff;
  font-size: .7rem;
  padding: 5px 0;
  text-align: center
}
#invite-friend .icon {
  height: auto;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px
}
#invite-friend .icon-fb {
  background: #3a60b1
}
#invite-friend .text-fb {
  background: #3f68c0
}
#invite-friend .icon-messenger {
  background: #1d80e5
}
#invite-friend .icon-messenger img, #invite-friend .icon-telegram img {
  width: .7rem
}
#invite-friend .text-messenger {
  background: #1f8bf8
}
#invite-friend .icon-telegram {
  background: #2998cf
}
#invite-friend .text-telegram {
  background: #2da5e1
}
#invite-friend .icon-whatsapp {
  background: #11c252
}
#invite-friend .text-whatsapp {
  background: #12d259
}
#invite-friend .icon-more {
  background: #565656;
  cursor: pointer
}
#invite-friend .text-more {
  background: #5d5d5d;
  cursor: pointer
}
.downline-details {
  background: #e2e2e2;
  border-radius: 0 0 4px 4px;
  padding: 15px
}
.downline-details:last-child {
  margin-right: 0 !important
}
.downline-details .h3 {
  font-size: 12px;
  border-bottom: 1px solid transparent;
  padding: 0;
  margin-bottom: 15px
}
.downline-details .h3.one {
  padding: 0 !important;
  margin: 0 auto !important;
  height: 35px
}
.downline-details .h3:first-child {
  margin-top: .5rem
}
.downline-details .h3 b {
  font-size: 15px
}
.downline-details span {
  font-size: 10px
}
#profile-promotion-sec span {
  font-size: .9em;
  color: #666;
  margin: 0;
  float: right
}
#profile-promotion-sec button {
  background-color: #fff0;
  color: #fff;
  border: none
}
#profile-Bet-History button, #profile-bet-turnover button {
  background-color: #fff0;
  color: #fff;
  border: none
}
#profile-Bet-History span, #profile-bet-turnover span {
  font-size: .9em;
  color: #666;
  margin: 0;
  float: right
}
button[aria-expanded=true] .fa-caret-down {
  display: none
}
button[aria-expanded=false] .fa-caret-up {
  display: none
}
@media(min-width:768px) {
  .toggleRight-profile, .toggleLeft-profile {
    display: none
  }
}
@media screen and (max-width:767px) {
  .toggleRight-profile, .toggleLeft-profile {
    display: block
  }
}
.promo-bar-title h6, promo-bar-title p {
  color: #0a586b
}
@-moz-keyframes bounceDown {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    transform: translateY(0)
  }
  40% {
    -moz-transform: translateY(-30px);
    transform: translateY(-30px)
  }
  60% {
    -moz-transform: translateY(-15px);
    transform: translateY(-15px)
  }
}
@-webkit-keyframes bounceDown {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px)
  }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px)
  }
}
@keyframes bounceDown {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
  40% {
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px)
  }
  60% {
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px)
  }
}
@-webkit-keyframes bounceLeft {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
  40% {
    -webkit-transform: translateX(30px);
    transform: translateX(30px)
  }
  60% {
    -webkit-transform: translateX(15px);
    transform: translateX(15px)
  }
}
@-moz-keyframes bounceLeft {
  0%, 20%, 50%, 80%, 100% {
    transform: translateX(0)
  }
  40% {
    transform: translateX(30px)
  }
  60% {
    transform: translateX(15px)
  }
}
@keyframes bounceLeft {
  0%, 20%, 50%, 80%, 100% {
    -ms-transform: translateX(0);
    transform: translateX(0)
  }
  40% {
    -ms-transform: translateX(30px);
    transform: translateX(30px)
  }
  60% {
    -ms-transform: translateX(15px);
    transform: translateX(15px)
  }
}
@-webkit-keyframes bounceRight {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
  40% {
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px)
  }
  60% {
    -webkit-transform: translateX(-15px);
    transform: translateX(-15px)
  }
}
@-moz-keyframes bounceRight {
  0%, 20%, 50%, 80%, 100% {
    transform: translateX(0)
  }
  40% {
    transform: translateX(-30px)
  }
  60% {
    transform: translateX(-15px)
  }
}
@keyframes bounceRight {
  0%, 20%, 50%, 80%, 100% {
    -ms-transform: translateX(0);
    transform: translateX(0)
  }
  40% {
    -ms-transform: translateX(-30px);
    transform: translateX(-30px)
  }
  60% {
    -ms-transform: translateX(-15px);
    transform: translateX(-15px)
  }
}
.fa-arrow-right {
  -webkit-animation: bounceRight 2s infinite;
  animation: bounceRight 2s infinite;
  float: right;
  padding: 5px
}
.fa-arrow-left {
  -webkit-animation: bounceLeft 2s infinite;
  animation: bounceLeft 2s infinite;
  padding: 5px
}
.fa-arrow-left:hover, .fa-arrow-right:hover {
  -webkit-animation: bounceLeft 0s infinite;
  animation: bounceLeft 0s infinite
}
.fa-chevron-down {
  -moz-animation: bounceDown 2s infinite;
  -webkit-animation: bounceDown 2s infinite;
  animation: bounceDown 2s infinite;
  text-align: center;
  display: block
}
.credits {
  padding-top: 50px;
  display: block;
  clear: both
}
label.red {
  color: #f00;
  line-height: 1.2
}
.theme-checkbox.red .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #f00
}
.theme-checkbox.red .custom-control-label:before {
  border-radius: 1rem !important;
  border: 2px solid #f00;
  top: .15rem
}
.theme-checkbox.red .custom-control-label:after {
  top: .15rem
}
.btn-contrasttheme {
  color: #212529;
  background-color: #fe1;
  border-color: #fe1
}
.btn-contrasttheme:hover {
  color: #212529;
  background-color: #ead900;
  border-color: #ddcd00
}
span.toggle-password svg {
  color: #777;
  margin: 10px
}
.afb-blue-bar {
  background-color: #0373ff
}
@media only screen and (max-width:520px) {
  .button-afb {
    display: none
  }
  .button-afb.one {
    display: block
  }
  .button-afb-wrapper {
    position: relative;
    right: 0;
    z-index: 1;
    display: inline-flex;
    left: 0
  }
}
.switch {
  position: relative;
  display: inline-block;
  width: 45px;
  height: 20px
}
.switch input {
  opacity: 0;
  width: 0;
  height: 0
}
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s
}
.slider:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 0;
  bottom: 0;
  background-color: #fff;
  -webkit-transition: .4s;
  transition: .4s
}
input:checked + .slider {
  background-color: #28a745
}
input:focus + .slider {
  box-shadow: 0 0 1px #28a745
}
input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px)
}
.slider.round {
  border-radius: 34px
}
.slider.round:before {
  border-radius: 50%
}
#tier table {
  font-size: .95em
}
#tier thead {
  background: #201f25;
  color: #fff
}
#tier tbody td {
  background: #fff
}
#tier tbody tr:nth-child(2n+2) td {
  background: #e2e2e2
}
#tier th, #tier td {
  padding: 10px 7px
}
.port-image {
  width: 100%
}
.each-item {
  position: relative;
  overflow: hidden
}
.each-item:hover .cap2, .each-item:hover .cap1 {
  left: 0
}
.cap1 {
  position: absolute;
  width: 100%;
  height: 70%;
  background: rgba(255, 255, 255, .5);
  top: 0;
  left: -100%;
  padding: 10px;
  transition: all .5s
}
.cap2 {
  position: absolute;
  width: 100%;
  height: 30%;
  background: rgba(0, 178, 255, .5);
  bottom: 0;
  left: 100%;
  padding: 10px;
  transition: all .5s
}
button.filter-button {
  color: #fff
}
.filter-button.active, .filter-button:hover {
  background-image: linear-gradient(to right, #6a11cb, #2575fc);
  color: #fff
}
.lazytest {
  opacity: 1;
  transition: opacity 1s ease-out
}
.lazytest[data-src] {
  opacity: 0
}
.nav-item-qr {
  width: 25%
}
.nav-pills-qr .nav-link {
  font-weight: bold;
  padding-top: 13px;
  text-align: center;
  background: #28a745;
  color: #fff;
  height: 95px
}
.nav-pills-qr .nav-link.active {
  background: #2c2c2c;
  color: #fff
}
.tab-content.qr {
  position: relative;
  width: 100%;
  height: auto;
  margin-top: -50px;
  background: #2c2c2c;
  color: #000;
  border-radius: 10px;
  padding: 25px 15px
}
.tab-content.qr button {
  border-radius: 15px;
  width: 100px;
  margin: 0 auto;
  float: right
}
.table-sticky {
  border-collapse: separate;
  border-spacing: 0;
  white-space: nowrap
}
.table-sticky thead {
  position: relative
}
.table-sticky thead th.sticky-left {
  position: sticky;
  left: 0;
  background-color: #3b4358
}
.table-sticky thead.thead-dark th.sticky-left {
  background-color: #333
}
.table-sticky tbody td.sticky-left {
  position: sticky;
  left: 0;
  max-width: 40vw;
  overflow-x: auto;
  background-color: #333
}
.table-sticky.table-striped tbody tr:nth-of-type(even) td {
  background-color: #2c2c2c
}
.table-sticky.table-striped tbody tr:nth-of-type(even) td.sticky-left {
  background-color: #070707
}
#DepositTabContent .table-sticky thead.user-background .sticky-left {
  background-color: #777
}
#DepositTabContent .table-sticky tbody .sticky-left {
  background-color: #fff
}
#main-affiliate .table-sticky thead .sticky-left, #daily-lucky-spin-history .table-sticky thead .sticky-left, #deposit-withdraw-history .table-sticky thead .sticky-left, #gamedeposit-withdraw-history .table-sticky thead .sticky-left {
  background-color: #5f5c68
}
#main-affiliate .table-sticky tbody .sticky-left, #daily-lucky-spin-history .table-sticky tbody .sticky-left, #deposit-withdraw-history .table-sticky tbody .sticky-left, #gamedeposit-withdraw-history .table-sticky tbody .sticky-left {
  background: #e2e2e2
}
#main-affiliate .table-sticky tbody tr:nth-child(2n+2) .sticky-left, #daily-lucky-spin-history .table-sticky tbody tr:nth-child(2n+2) .sticky-left, #deposit-withdraw-history .table-sticky tbody tr:nth-child(2n+2) .sticky-left, #gamedeposit-withdraw-history .table-sticky tbody tr:nth-child(2n+2) .sticky-left {
  background: #d2d2d2
}
#tier .table-sticky thead .sticky-left {
  background-color: #5f5c68
}
#tier .table-sticky tbody .sticky-left {
  background: #e2e2e2
}
#tier .table-sticky tbody tr:nth-child(2n+2) .sticky-left {
  background: #d2d2d2
}
#active-member-list .table-sticky tbody .sticky-left {
  background: #e2e2e2
}
#active-member-list .table-sticky tbody tr:nth-child(2n+2) .sticky-left {
  background: #d2d2d2
}
.blog th, .blog td {
  padding: 5px 10px
}
table.bet-history > thead > tr > th, table.bet-turnover > thead > tr > th {
  background-color: #3b4358;
  border: none;
  color: #fff;
  font-weight: 600;
  height: auto;
  padding: 10px;
  font-size: .95em
}
table.bet-history > tbody > tr > td, table.bet-turnover > tbody > tr > td {
  color: #000;
  padding: 10px;
  background: #fff;
  border: 1px solid #d0d0d0;
  font-size: .95em;
  font-weight: 400
}
table.bet-history > tbody > tr:nth-child(2n+2) td, table.bet-turnover > tbody > tr:nth-child(2n+2) td {
  background: #e2e2e2
}
table.bet-history.table-sticky thead .sticky-left, table.bet-turnover.table-sticky thead .sticky-left {
  background-color: #5f5c68
}
table.bet-history.table-sticky tbody .sticky-left, table.bet-turnover.table-sticky tbody .sticky-left {
  background: #e2e2e2
}
table.bet-history.table-sticky tbody tr:nth-child(2n+2) .sticky-left, table.bet-turnover.table-sticky tbody tr:nth-child(2n+2) .sticky-left {
  background: #d2d2d2
}
@media screen and (min-width:960px) {
  .table-sticky {
    border-collapse: collapse;
    white-space: normal
  }
  .table-sticky tbody .sticky-left {
    position: sticky;
    left: 0;
    max-width: 40vw;
    overflow-x: auto
  }
}
.signup-content, .signin-content {
  display: flex;
  display: -webkit-flex
}
@media only screen and (max-width:767px) {
  .signin-image {
    width: 100% !important
  }
}
@media(min-width:576px) {
  .modal-dialog {
    max-width: unset
  }
}
.modal-content.one {
  background-color: #fff;
  margin: auto;
  padding: 0;
  border: none;
  width: 48% !important;
  border-radius: 5px
}
.register-form {
  display: flex;
  flex-wrap: wrap
}
.signin-form {
  width: 60%
}
.signin-form > div {
  padding: 30px
}
.register-form__steps-wrapper {
  position: relative
}
.register-form__fields-wrapper {
  width: 400px;
  padding: 55px 28px 35px 25px
}
@media screen and (max-width:767px) {
  .register-form {
    display: block
  }
  .register-form__steps-wrapper {
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
    padding: 0
  }
  .register-form__fields-wrapper {
    width: 100%;
    padding: 0 0 35px
  }
}
.register-steps {
  position: relative;
  padding: 25px
}
.register-steps__item-title {
  flex: 1 1 auto;
  font-size: 14px;
  font-weight: normal;
  text-align: right;
  padding-right: 10px;
  color: #c2c2c2
}
.register-steps__item-number {
  flex: 0 0 36px;
  height: 36px;
  width: 36px;
  font-size: 16px;
  font-weight: 700;
  background: #4e4842;
  border: 2px solid #fff;
  border-radius: 50%;
  line-height: 32px;
  text-align: center;
  color: #94897a;
  box-shadow: 0 0 0 #fec882;
  transition: color .2s ease, background-color .2s ease, box-shadow .2s ease, border-color .2s ease
}
.register-steps__item-number--as-icon {
  position: relative;
  border: none;
  box-shadow: none
}
.register-steps__item-number--as-icon .icon-font {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 30px;
  color: #fec882;
  padding-left: 3px;
  position: absolute;
  top: -8px;
  left: -8px;
  height: 52px;
  width: 52px;
  background: radial-gradient(rgba(254, 200, 130, .6), #4e4842), #4e4842;
  border-radius: 50%;
  box-shadow: 0 0 10px 0 rgba(41, 37, 38, .3)
}
.register-steps__item-number--as-icon .icon-font:before {
  display: block;
  transform-origin: 50% 65%;
  animation: 5s ease 5s infinite animateGiftStep
}
.register-steps__item {
  display: flex;
  position: relative;
  z-index: 2;
  align-items: center
}
.register-steps__item--passed .register-steps__item-number {
  cursor: pointer;
  background: #fec882;
  color: #b28447
}
.register-steps__item--current .register-steps__item-title {
  color: #fffaf3;
  text-shadow: 0 2px 2px rgba(0, 0, 0, .8);
  font-weight: 700
}
.register-steps__item--current .register-steps__item-number {
  background: #322e2f;
  color: #fffaf3;
  box-shadow: 0 0 20px #fec882;
  border-color: #fec882
}
.register-steps__item + .register-steps__item {
  margin-top: 20px
}
.register-steps:before {
  content: '';
  display: block;
  position: absolute;
  height: calc(100% - 45px);
  width: 2px;
  background: #fffaf3;
  top: 27px;
  right: 41px;
  z-index: 1
}
img.gift-promotion-rg {
  display: block;
  -webkit-transform-origin: 50% 65%;
  transform-origin: 50% 65%;
  -webkit-animation: 3s ease 3s infinite animateGiftStep;
  animation: 3s ease 3s infinite animateGiftStep;
  filter: sepia(100%) hue-rotate(0deg) saturate(150%) !important;
  width: 70%
}
@-moz-keyframes animateGiftStep {
  0% {
    transform: rotate(10deg)
  }
  6% {
    transform: rotate(-8deg)
  }
  11% {
    transform: rotate(6deg)
  }
  15% {
    transform: rotate(-4deg)
  }
  18% {
    transform: rotate(2deg)
  }
  20% {
    transform: rotate(0)
  }
}
@-webkit-keyframes animateGiftStep {
  0% {
    transform: rotate(10deg)
  }
  6% {
    transform: rotate(-8deg)
  }
  11% {
    transform: rotate(6deg)
  }
  15% {
    transform: rotate(-4deg)
  }
  18% {
    transform: rotate(2deg)
  }
  20% {
    transform: rotate(0)
  }
}
@-o-keyframes animateGiftStep {
  0% {
    transform: rotate(10deg);
  }
  6% {
    transform: rotate(-8deg);
  }
  11% {
    transform: rotate(6deg);
  }
  15% {
    transform: rotate(-4deg);
  }
  18% {
    transform: rotate(2deg);
  }
  20% {
    transform: rotate(0);
  }
}
@keyframes animateGiftStep {
  0% {
    transform: rotate(10deg)
  }
  6% {
    transform: rotate(-8deg)
  }
  11% {
    transform: rotate(6deg)
  }
  15% {
    transform: rotate(-4deg)
  }
  18% {
    transform: rotate(2deg)
  }
  20% {
    transform: rotate(0)
  }
}
@media only screen and (max-width:415px) {
  .modal-content.one {
    width: 100% !important
  }
}
@media only screen and (max-width:1144px) {
  .modal-content.one {
    width: 60% !important
  }
}
@media only screen and (max-width:991px) {
  .modal-content.one {
    width: 70% !important
  }
}
@media only screen and (max-width:640px) {
  .modal-content.one {
    width: 90% !important
  }
}
@media only screen and (max-width:460px) {
  .modal-content.one {
    width: 90% !important
  }
  .modal-content {
    width: 100%
  }
}
.register-p-b {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  margin-top: 40px
}
.register-p-b.one {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center
}
.register-p-b-back {
  padding: 0;
  font-size: 1.2em;
  text-align: left;
  display: contents
}
.register-p-b-back i p {
  display: contents;
  font-weight: 500
}
.register-p-b-next {
  padding: 10px 30px;
  margin: 0;
  text-align: center;
  font-size: 1.3em;
  width: 45%;
  float: right
}
.already-button {
  padding: 15px;
  background-color: #f0f0f0
}
.signin-image img.two {
  display: none
}
@media screen and (max-width:767px) {
  .register-steps {
    position: relative;
    display: flex;
    justify-content: space-between
  }
  .register-steps__item-title {
    display: none
  }
  .register-steps__item {
    margin-top: 0 !important
  }
  .register-steps:before {
    height: 2px;
    width: calc(100% - 50px);
    top: 41px;
    left: 30px
  }
  .signin-image img.one {
    display: none
  }
  .signin-image img.two {
    display: block
  }
  .signup-content, .signin-content {
    display: flex;
    display: -webkit-flex;
    flex-direction: column
  }
  .close span.one {
    color: #fff !important
  }
  .signin-form {
    width: 100% !important
  }
}
.signin-image {
  background-color: #000;
  border-radius: 5px 0 0 0;
  width: 40%;
  overflow: hidden
}
.simple-login input {
  background-color: transparent;
  color: #fff !important
}
input, textarea {
  border-radius: 50px !important;
  padding: 10px 15px;
  width: 100%;
  box-sizing: border-box;
  border: none !important;
  border: 1px solid #2575fc !important;
  font-size: 1em !important;
  color: #000 !important;
  font-weight: 400
}
select {
  border-radius: 50px !important;
  padding: 5px 15px !important;
  width: 100%;
  box-sizing: border-box;
  border: none !important;
  border: 1px solid #2575fc !important;
  font-size: 1em !important;
  color: #000 !important;
  font-weight: 400
}
.simple-login .fld {
  padding: .4rem .75rem !important;
  width: 115px;
  height: 33px;
  vertical-align: middle
}
.simple-login .simple-captcha-img {
  height: 31px;
  width: auto;
  border-radius: 5px
}
#otp_code {
  margin-top: 10px
}
#btn-submit-otp {
  margin-top: 0;
  margin-bottom: 20px
}
.social-network a.icoLine:hover {
  background-color: #01bd02
}
.social-network a.icoLine > img {
  width: 2rem !important;
  margin: auto;
  filter: invert(30%) sepia(100%) saturate(1107%) hue-rotate(185deg) brightness(45%) contrast(53%)
}
.social-circle li a.icoLine:hover > img {
  filter: brightness(0) invert(1)
}
.social-circle img {
  color: #626c80;
  -webkit-transition: all .8s;
  -moz-transition: all .8s;
  -o-transition: all .8s;
  -ms-transition: all .8s;
  transition: all .8s
}
.social-circle li a:hover img, .triggeredHover {
  filter: greyscale(0);
  -moz-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  -ms--transform: rotate(360deg);
  transform: rotate(360deg);
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -o-transition: all .2s;
  -ms-transition: all .2s;
  transition: all .2s
}
.social-network a.icoTikTok > img {
  width: 1.75rem !important;
  margin: auto;
  filter: invert(30%) sepia(100%) saturate(1107%) hue-rotate(185deg) brightness(45%) contrast(53%)
}
.social-circle li a.icoTikTok:hover > img {
  filter: brightness(0) invert(1)
}
.btn-login {
  padding: .375rem .75rem;
  line-height: 1.5;
  border-radius: .25rem
}
.btn-lite {
  padding: .375rem .75rem;
  line-height: 1.5;
  border: 2px solid #59acf0;
  border-radius: 2px 2px;
  font-size: 1em;
  margin-right: 1em;
  background-image: linear-gradient(to right, #59acf0, #2b28bf);
  color: #fff
}
.btn-lite:hover {
  background-image: linear-gradient(to left, #59acf0, #2b28bf);
  color: #fff
}
#disclaimerModal table {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 100%
}
#disclaimerModal td, #disclaimerModal th {
  border: 1px solid #ddd;
  text-align: left;
  padding: 8px
}
#disclaimerModal tr:nth-child(even) {
  background-color: #ddd
}
div#disclaimerModal > .modal-dialog > .modal-content > .modal-body {
  flex-grow: 1;
  overflow-y: scroll;
  height: 500px;
  overflow-x: hidden
}
.modal-footer > button.btn.btn-primary.tim-btn-bg {
  background-color: #28324d;
  border-radius: .5rem;
  color: #fff;
  text-decoration: none;
  border: none;
  padding: .375rem .75rem
}
.modal-footer > button.btn.btn-primary.tim-btn-bg:hover {
  background-color: #4d5f92
}
.modal-footer > button.btn.btn-secondary.tim-btn {
  background-color: #6a343c;
  border-radius: .5rem;
  color: #fff;
  text-decoration: none;
  border: none;
  padding: .375rem .75rem
}
.modal-footer > button.btn.btn-secondary.tim-btn:hover {
  background-color: #a55271
}
div#disclaimerModal {
  padding: 0
}
div#disclaimerModal > .modal-dialog {
  max-width: unset
}
div#disclaimerModal > .modal-dialog > .modal-content {
  max-width: 800px
}
#disclaimerModal .table-sticky tbody .sticky-left {
  background: #c0bcbc
}
#disclaimerModal .h5.modal-title {
  margin: auto
}
#disclaimerModal .modal-content {
  max-width: 400px;
  min-height: 280px;
  width: 100%
}
@media(min-width:576px) {
  #myModal .modal-dialog {
    max-width: 500px !important
  }
}
div #myModal > .modal-dialog > .modal-content {
  margin: auto;
  border: none;
  width: 100% !important;
  max-width: 100% !important
}
#currentLocation {
  color: #fff;
  margin-bottom: 8px
}
.apkdownload {
  background: #fff;
  padding: 10px 20px
}
img.apk-logo {
  width: 55px
}
button#apk-download-close {
  left: 5px;
  top: 30px;
  position: absolute;
  font-size: .9rem !important;
  z-index: 1
}
span.appname {
  font-size: 16px;
  line-height: .9;
  color: #808080 !important
}
small.app-small {
  color: #808080
}
.btn.btn-green.downloadapk {
  background: #008000;
  color: #fff;
  padding: 7px 10px;
  width: 100%;
  font-size: 10px
}
.btn.btn-green.downloadapk:hover {
  background: #004f00
}
.col-auto.apkdownload {
  position: absolute;
  right: 0
}
span.apk-name {
  color: #fff
}
span.apk-name {
  color: #fff
}
footer.seoar ul, footer.seoar li {
  list-style-type: unset;
  color: #bbb
}
.afb-medias a i.fa.fa-angle-double-right {
  right: 15%;
  position: absolute;
  margin-top: 2px
}
.selectCA, .addNewCA {
  color: #007bff;
  cursor: pointer
}
.withdrawSpan {
  color: #000
}
.Ctooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted #000
}
.Ctooltip .Ctooltiptext {
  visibility: hidden;
  width: max-content;
  background-color: #000;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  top: -5px;
  right: 105%
}
.Ctooltip:hover .Ctooltiptext {
  visibility: visible
}
div.maintenance {
  background: #383838
}
img.maintenance {
  opacity: .25
}
.under-m-logo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center
}
.under-m-logo span {
  font-weight: 900;
  font-size: 16px;
  margin-top: 5px
}
img.w-50 {
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(117deg) brightness(103%) contrast(106%)
}
.games-bg .top-games-item .col-data.one {
  word-break: break-word;
  line-height: 1.5
}
.crypto-button-group img {
  width: auto !important;
  height: 30px
}
.crypto-history {
  margin-top: 20px;
  border-top: 1px solid #e7e7e7;
  padding-top: 20px
}
.crypto-history .h4 {
  margin-bottom: 10px
}
.crypto_qrcode {
  border: none
}
.hex-code-foward {
  width: 100%
}
.Ctooltip {
  cursor: pointer
}
.Ctooltip .Ctooltiptext {
  word-break: break-all;
  width: 180px !important;
  padding: 8px;
  margin-right: 10px
}
.Ctooltip .Ctooltiptext:after {
  content: '';
  display: block;
  position: absolute;
  left: 100%;
  top: 29%;
  margin-top: -10px;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-left: 10px solid #000;
  border-bottom: 10px solid transparent;
  border-right: 10px solid transparent
}
.table-sticky {
  white-space: inherit !important
}
.table-sticky tbody .sticky-left {
  background: #f8f8f8
}
div.crypto_qrcode {
  border: none
}
.crypto_address {
  width: 70% !important;
  font-weight: bold
}
#crypto-deposit .tooltip {
  padding: 10px;
  background: #000;
  color: #fff;
  font-size: .75rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  pointer-events: none;
  transition: opacity .4s
}
#crypto-deposit .tooltip.show {
  opacity: 1;
  pointer-events: auto
}
#registerModal {
  z-index: 1050 !important
}
#custom-block-pkv {
  width: 450px !important;
  padding-left: 0 !important;
  padding-right: 26px !important
}
@media only screen and (max-width:460px) {
  #custom-block-pkv {
    width: 360px !important
  }
  #depositBtn, #withdrawBtn {
    padding: .5rem .5rem !important
  }
}
#pokervModal {
  z-index: 999999
}
.custom-max-width {
  width: 75% !important
}
@media screen and (max-width:768px) {
  .custom-max-width {
    width: 90% !important
  }
  #betHistoryModel {
    padding-right: 0 !important
  }
}
@media screen and (max-width:768px) {
  #jackpotPool span.gold {
    font-size: 12px
  }
}
#mainContent {
  min-height: 1400px
}
.top5game .afb-title-h1 {
  width: 100%;
  padding: 10px 0 10px 11px;
  font-size: 1em;
  font-weight: 500;
  color: #fff;
  margin: 15px 0;
  display: flex;
  justify-content: space-between;
  text-transform: uppercase;
  position: relative;
  align-items: center
}
.top5game .afb-title-h1 a span {
  display: flex;
  align-items: center
}
.top5game .afb-title-h1 a span svg {
  margin-left: 5px
}
.top5game .afb-title-h1:before {
  content: '';
  position: absolute;
  left: 0;
  width: 5px;
  background: #008000;
  height: 20px
}
.top5game .photobox {
  display: block;
  width: 100%;
  padding: 0;
  margin: 0
}
.top5game .photobox:hover .photobox__previewbox:before {
  transform: scale(3);
  transition-duration: .5s;
  transition-delay: 0s
}
.top5game .photobox:hover .photobox__previewbox.zoom img {
  transition: all .2s linear
}
.top5game .photobox:hover .photobox__previewbox.zoom:hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1)
}
.top5game .photobox .photobox_title {
  overflow: hidden
}
.top5game .photobox .photobox_title a.tmb-content__link {
  text-align: center;
  background-color: #2c2c2c;
  color: #ccc;
  font-size: .7rem;
  line-height: 15px;
  font-weight: 500;
  padding: 10px 5px;
  display: block
}
.top5game .photobox .photobox_title a.tmb-content__link div {
  width: 90%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0 auto
}
.top5game .photobox__previewbox {
  position: relative;
  overflow: hidden;
  border-radius: 10px 10px 0 0
}
.top5game .photobox__previewbox:before {
  content: '';
  width: 0;
  height: 0;
  padding: 25%;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(7, 7, 7, .66);
  transition: transform calc(.5s/2) ease calc(.5s/2);
  will-change: transform;
  transform: scale(0);
  z-index: 8
}
.top5game .photobox__previewbox .action_overlay {
  position: absolute;
  top: 0;
  left: -300%;
  bottom: 0;
  right: 0;
  padding: 10px;
  transition-duration: .5s;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  z-index: 9
}
.top5game .photobox__previewbox .action_overlay a {
  display: flex
}
.top5game .photobox__previewbox .action_overlay a div {
  font-size: .7rem;
  padding: 6px 10px;
  text-align: center;
  margin: 5px 0;
  border-radius: 3px;
  color: #fff;
  display: block;
  font-weight: 500;
  background-image: linear-gradient(to right, #6a11cb, #2575fc)
}
.top5game .photobox__previewbox .action_overlay a div:hover {
  background-image: linear-gradient(to right, #2575fc, #6a11cb)
}
.top5game .photobox__previewbox:hover .action_overlay {
  left: 0;
  transition-duration: .5s
}
.jackpotpool .afb-title-h1 {
  width: 100%;
  padding: 10px 0 10px 11px;
  font-size: 1em;
  font-weight: 500;
  color: #fff;
  margin: 15px 0;
  display: flex;
  justify-content: space-between;
  text-transform: uppercase;
  position: relative;
  align-items: center
}
.jackpotpool .afb-title-h1:before {
  content: '';
  position: absolute;
  left: 0;
  width: 5px;
  background: #008000;
  height: 20px
}
.jackpotpool .afb-title-h1 a span {
  display: flex;
  align-items: center
}
.jackpotpool .afb-title-h1 a span svg {
  margin-left: 5px
}
.jackpotpool .photobox {
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  font-size: initial
}
.jackpotpool .photobox:hover .photobox__previewbox:before {
  transform: scale(3);
  transition-duration: .5s;
  transition-delay: 0s
}
.jackpotpool .photobox:hover .photobox__previewbox.zoom img {
  transition: all .2s linear
}
.jackpotpool .photobox:hover .photobox__previewbox.zoom:hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1)
}
.jackpotpool .photobox .photobox_title {
  overflow: hidden
}
.jackpotpool .photobox .photobox_title a.tmb-content__link {
  text-align: center;
  background-color: #2c2c2c;
  color: #ccc;
  font-size: .7rem;
  line-height: 15px;
  font-weight: 500;
  padding: 10px 5px;
  display: block
}
.jackpotpool .photobox .photobox_title a.tmb-content__link div {
  width: 90%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0 auto
}
.jackpotpool .photobox__previewbox {
  position: relative;
  overflow: hidden;
  border-radius: 10px 10px 0 0
}
.jackpotpool .photobox__previewbox:before {
  content: '';
  width: 0;
  height: 0;
  padding: 25%;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(7, 7, 7, .66);
  transition: transform calc(.5s/2) ease calc(.5s/2);
  will-change: transform;
  transform: scale(0);
  z-index: 8
}
.jackpotpool .photobox__previewbox .action_overlay {
  position: absolute;
  top: 0;
  left: -300%;
  bottom: 0;
  right: 0;
  padding: 10px;
  transition-duration: .5s;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  z-index: 9
}
.jackpotpool .photobox__previewbox .action_overlay a {
  display: flex
}
.jackpotpool .photobox__previewbox .action_overlay a div {
  font-size: .7rem;
  padding: 6px 10px;
  text-align: center;
  margin: 5px 0;
  border-radius: 3px;
  color: #fff;
  display: block;
  font-weight: 500;
  background-image: linear-gradient(to right, #6a11cb, #2575fc)
}
.jackpotpool .photobox__previewbox .action_overlay a div:hover {
  background-image: linear-gradient(to right, #2575fc, #6a11cb)
}
.jackpotpool .photobox__previewbox:hover .action_overlay {
  left: 0;
  transition-duration: .5s
}
.jackpotpool div.text-wrap {
  text-align: center;
  background-color: #2c2c2c;
  display: -webkit-box;
  padding: 5px 5px;
  white-space: normal
}
.jackpotpool div.text-wrap a {
  display: block;
  width: 100%
}
.jackpotpool div.text-wrap .jackpotcounter {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #fff;
  font-size: .83em;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  width: 90%;
  white-space: normal;
  padding: 0;
  margin: 0 auto
}
.jackpotpool .img-wrap {
  overflow: hidden;
  border-radius: 10px 10px 0 0
}
.jackpotpool span.gold {
  display: block;
  background: repeating-linear-gradient(135deg, #ffdd9b 0, #fed792 20px, #ffe1ac 40px, #fff 70px, #fac66b 125px, #f6c26b 160px, #e7b155 175px, #f4c16b 185px, #f1bf6b 220px, #f3be66 235px, #e9b153 250px, #f5be61 280px, #f9bc56 305px, #fffbf5 385px, #fcc362 415px, #fcc379 450px, #ffdd9b 500px);
  background-clip: text;
  -webkit-background-clip: text;
  background-repeat: repeat;
  background-attachment: fixed;
  backface-visibility: none;
  color: #ffdd9b !important;
  filter: drop-shadow(0 3px 1px #000);
  font-size: 1rem;
  font-weight: 700
}
.megamenu .container .toggleRight, .megamenu .container .toggleLeft {
  color: #fff
}
.faq-card {
  background-color: #2a3040;
  font-weight: 700;
  color: rgb(255 255 255/87%)
}
*::before, *::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}
@media(min-width:960px) {
  .social-circle li a:hover + .dropdown-menu {
    display: block
  }
}
.social-circle img {
  width: 1.28571429em
}
.dropup .dropdown-menu-center img {
  min-width: 100px;
  max-width: 100px
}
.dropup .dropdown-menu-center::before {
  position: absolute;
  display: inline-block;
  content: '';
  border-style: solid;
  border-width: 0 .5rem .5rem .5rem;
  border-color: #fff transparent;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%)
}
@media(max-width:428px) {
  .captcha-image {
    height: 80px;
    width: 80%;
    float: left
  }
  .body-scroll {
    overflow-x: hidden;
    overflow-y: auto
  }
  .body-scroll .modal-header, .modal-header .h4 {
    color: #333;
    text-align: center;
    display: block;
    height: 34px
  }
  .body-scroll button.close {
    padding: 0;
    position: relative;
    z-index: 9
  }
  .body-scroll {
    overflow-x: hidden;
    overflow-y: auto
  }
  .body-scroll .modal-header, .modal-header .h4 {
    color: #333 !important;
    text-align: center !important;
    display: block;
    height: 55px !important;
    line-height: 3px !important;
    font-size: large;
    font-weight: bold
  }
  .body-scroll .captcha-wrapper .captcha-image img {
    max-width: 100%;
    height: 33.19px
  }
  .body-scroll .form-group, .body-scroll .captcha-wrapper {
    margin-bottom: 6px !important
  }
  .body-scroll .modal-body {
    padding: 0 !important
  }
  .body-scroll .modal-footer {
    padding: 0
  }
  #scroll3 .already-button {
    padding: 5px
  }
  .body-scroll form {
    margin-top: 5px
  }
  .modal {
    padding: 0 !important
  }
  .body-scroll form {
    margin-top: 5px
  }
  #registerModal .signin-form > div {
    padding-left: 15px;
    padding-right: 15px
  }
  #scroll3 form {
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 30px
  }
  #scroll3 button.close {
    padding: 0 !important;
    margin: 0 !important;
    right: 15px;
    top: 0
  }
  #registerModal .register-p-b {
    margin-top: 20px
  }
  #scroll3 .pb-4, #scroll3 .py-4 {
    padding: 0 !important;
    padding-bottom: 0 !important
  }
  #scroll1 .captcha-input-field, #scroll2 .captcha-input-field, #scroll3 .captcha-input-field {
    width: 50% !important;
    max-width: 50% !important;
    float: left
  }
  #scroll1 .captcha-wrapper, #scroll2 .captcha-wrapper, #scroll3 .captcha-wrapper {
    width: 50%;
    float: right
  }
  #scroll1 .captcha-wrapper .captcha-image, #scroll2 .captcha-wrapper .captcha-image, #scroll3 .captcha-wrapper .captcha-image {
    float: left
  }
  #scroll1 .captcha-refresh .fa-refresh, #scroll2 .captcha-refresh .fa-refresh, #scroll3 .captcha-refresh .fa-refresh {
    display: block;
    font-size: 20px
  }
  #scroll1 .captcha-refresh .fa-refresh {
    line-height: 33px
  }
  #scroll2 .captcha-refresh .fa-refresh {
    line-height: 33px
  }
  #scroll3 .captcha-refresh .fa-refresh {
    line-height: 33px
  }
  #scroll1 .captcha-refresh span, #scroll2 .captcha-refresh span, #scroll3 .captcha-refresh span {
    display: none !important
  }
  #scroll3 .checkregisterpart3 .register-p-b {
    display: block;
    padding-bottom: 2px;
    padding-top: 2px
  }
  #scroll3 .checkregisterpart3 .register-p-b .register-p-b-back .fa-long-arrow-left {
    display: block;
    clear: both;
    line-height: 44px;
    float: left
  }
  #registerModal button.close {
    position: relative;
    top: 8px;
    right: 1px
  }
  #scroll1 .close span {
    top: 0 !important
  }
  .modal-content.one {
    width: 100% !important
  }
  #scroll2 .close span {
    background: none
  }
  #scroll3 .close span {
    position: relative;
    top: -6px;
    right: 6px;
    background: none
  }
  .register-multi .modal-content.one {
    width: 100% !important
  }
  #scroll1 .mt-5, #scroll1 .my-5, #scroll2 .mt-5, #scroll2 .my-5 {
    margin-top: 0 !important
  }
  button.close > span.text-dark.one {
    color: #000 !important
  }
  span.modal-title.login {
    font-weight: 600;
    font-size: 20px !important
  }
  #scroll1 form .col-md-10 .row, #scroll2 form .col-md-10 .row {
    display: block !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    margin-top: 5px !important;
    padding-bottom: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important
  }
  #scroll1 .mb-5, #scroll1 .my-5, #scroll1 form .pb-4, #scroll1 form .py-4, #scroll1 form .mb-2, #scroll1 form .my-2, #scroll2 .mb-5, #scroll1 .my-5, #scroll2 form .pb-4, #scroll1 form .py-4, #scroll2 form .mb-2, #scroll1 form .my-2 {
    margin-bottom: 0 !important
  }
  #scroll1 form .row div .pb-4, #scroll1 form .row div .py-4 {
    padding-bottom: 10px !important
  }
  #scroll1 form .my-3, #scroll1 form.pt-3 {
    display: block !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-bottom: -16px !important;
    padding-bottom: 0 !important
  }
  .text-danger {
    display: inline-block
  }
  .modal.show .modal-dialog {
    padding-bottom: 95% !important
  }
  #scroll2 .mb-5 {
    margin-top: -31px !important
  }
  #scroll2 form.pt-3 {
    margin-top: -21px !important
  }
  #scroll2 form .my-3 {
    margin-top: -9px !important
  }
  #RegisterCaptcha, #LoginCaptcha {
    width: 50%;
    float: left
  }
  .captchaimage {
    width: 50%;
    float: right
  }
  .captchaimage, .captcha-image {
    height: 36px
  }
  .captcha-image {
    width: 85%
  }
}
@media(min-width:429px) {
  #scroll3 .signin-content {
    display: flex;
    flex-flow: row wrap;
    padding-top: 30px
  }
  .pb-4 {
    padding: 1px !important
  }
  .mb-3, .my-3 {
    margin-bottom: 7px !important
  }
  #scroll2 .signin-content {
    display: block
  }
  #registerModal #scroll3 button.close {
    top: 0 !important;
    position: relative !important
  }
  #scroll2 .form-inline {
    display: block !important
  }
  #modal1, #modal2, #modal3 {
    position: relative !important
  }
  .body-scroll .modal-header, .modal-header .h4 {
    color: #333;
    text-align: center;
    display: block;
    height: 56px
  }
  #scroll2 .captcha-refresh .fa-refresh, #scroll3 .captcha-refresh .fa-refresh {
    display: none !important
  }
  #scroll1 .captcha-refresh span, #scroll1 .captcha-refresh span, #scroll1 .captcha-refresh span {
    font-size: 15px
  }
  #scroll1 .captcha-refresh span {
    line-height: 44px
  }
  #scroll2 .captcha-refresh span {
    line-height: 70px
  }
  #scroll3 .captcha-refresh span {
    line-height: 42px
  }
  .captcha-image {
    width: 50% !important
  }
  #otpModal .close span {
    position: initial !important
  }
}
#scroll3 .signin-content .col-md-12 .text-danger, #scroll2 .signin-content .col-md-12 .text-danger {
  clear: both !important
}
@media(max-width:425px) and (min-width:400px) {
  #scroll3 .signin-content {
    display: block !important
  }
}
#modal1, #modal2 {
  display: block !important
}
.fld-block .captcha-image {
  padding-bottom: 5px;
  padding-right: 5px
}
#scroll1 .mb-5, #scroll1 .my-5, #scroll1 form .pb-4, #scroll1 form .py-4, #scroll1 form .mb-2, #scroll1 form .my-2, #scroll2 .mb-5, #scroll1 .my-5, #scroll2 form .pb-4, #scroll1 form .py-4, #scroll2 form .mb-2, #scroll1 form .my-2 {
  margin-bottom: 0 !important
}
.signin-content {
  clear: both
}
#scroll1 .close span {
  top: 0 !important
}
#scroll1 .modal-header .close {
  display: block !important;
  margin-top: -72px !important;
  background: #f00 !important
}
#scroll3 .btn-color {
  line-height: 35px !important
}
@media(min-width:960px) {
  .socialMedia-list .btn:hover + .dropdown-menu {
    display: block
  }
}
.socialMedia-list img {
  width: 1.28571429em
}
.socialMedia-list {
  margin-block-start: 0;
  margin-block-end: 0;
  margin-inline-start: 0;
  margin-inline-end: 0;
  padding-block-start: 0;
  padding-block-end: 0;
  padding-inline-start: 0;
  padding-inline-end: 0
}
.dropup .dropdown-menu-center {
  bottom: calc(100% + .8rem) !important;
  left: calc(-100% + 1rem);
  box-shadow: 0 1px .5rem #0003;
  min-width: 100px;
  padding: .1rem
}
.dropup .dropdown-menu-center img {
  min-width: 100px;
  max-width: 100px
}
.dropup .dropdown-menu-center::before {
  position: absolute;
  display: inline-block;
  content: '';
  border-style: solid;
  border-width: .5rem .5rem 0 .5rem;
  border-color: #fff transparent;
  top: 100%;
  left: 50%;
  transform: translateX(-50%)
}
.footer-bottom a {
  font-size: 1.5rem
}
.socialMedia-list a.icoLine:hover {
  background-color: #01bd02
}
.socialMedia-list a.icoLine > img {
  width: 2rem !important;
  margin: auto;
  filter: invert(30%) sepia(100%) saturate(1107%) hue-rotate(185deg) brightness(45%) contrast(53%)
}
.socialMedia-list li a.icoLine:hover > img {
  filter: brightness(0) invert(1)
}
.socialMedia-list a.icoRss:hover {
  background-color: #f56505
}
.socialMedia-list a.icoFacebook:hover {
  background-color: #3b5998
}
.socialMedia-list a.icoTwitter:hover {
  background-color: #3cf
}
.socialMedia-list a.icoGoogle:hover {
  background-color: #bd3518
}
.socialMedia-list a.icoVimeo:hover {
  background-color: #0590b8
}
.socialMedia-list a.icoLinkedin:hover {
  background-color: #007bb7
}
.socialMedia-list a.icoYoutube:hover {
  background-color: #b00
}
.socialMedia-list a.icoSnapchat:hover {
  background-color: #f7f400
}
.socialMedia-list a.icoReddit:hover {
  background-color: #f74300
}
.socialMedia-list a.icoPinterest:hover {
  background-color: #c72028
}
.socialMedia-list a.icoTumblr:hover {
  background-color: #2f4155
}
.socialMedia-list a.icoTikTok:hover {
  background-color: #000
}
.socialMedia-list a.icoTikTok > img {
  width: 1.75rem !important;
  margin: auto;
  filter: invert(30%) sepia(100%) saturate(1107%) hue-rotate(185deg) brightness(45%) contrast(53%)
}
.socialMedia-list li a.icoTikTok:hover > img {
  filter: brightness(0) invert(1)
}
.socialMedia-list a.icoMedium:hover {
  background-color: #000
}
.socialMedia-list a.icoInstagram:hover {
  background: #f09433;
  background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
  background: -webkit-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
  background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f09433', endColorstr='#bc1888', GradientType=1)
}
.socialMedia-list a.icoRss:hover i, .socialMedia-list a.icoFacebook:hover i, .socialMedia-list a.icoTwitter:hover i, .socialMedia-list a.icoGoogle:hover i, .socialMedia-list a.icoVimeo:hover i, .socialMedia-list a.icoLinkedin:hover i, .socialMedia-list a.icoInstagram:hover i, .socialMedia-list a.icoYoutube:hover i, .socialMedia-list a.icoSnapchat:hover i, .socialMedia-list a.icoReddit:hover i, .socialMedia-list a.icoPinterest:hover i, .socialMedia-list a.icoTumblr:hover i, .socialMedia-list a.icoMedium:hover i {
  color: #fff
}
.socialMedia-list li a:hover i, .triggeredHover, .socialMedia-list li a:hover img {
  -moz-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  -ms--transform: rotate(360deg);
  transform: rotate(360deg);
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -o-transition: all .2s;
  -ms-transition: all .2s;
  transition: all .2s
}
.socialMedia-list i {
  color: #626c80;
  -webkit-transition: all .8s;
  -moz-transition: all .8s;
  -o-transition: all .8s;
  -ms-transition: all .8s;
  transition: all .8s
}
.socialMedia-list a.icoLine > .img-fluid {
  filter: none
}
.socialMedia-list a.icoTikTok > .img-fluid {
  filter: none
}
.footer-bottom {
  padding: 100px 0
}
.social_square_icons .socialMedia-list {
  display: flex
}
@media(max-width:767px) {
  ul#social-media {
    display: none
  }
  ul#social-media.show {
    display: flex
  }
  .table {
    margin-bottom: 20px !important
  }
  .afb-header-menu .login {
    max-width: 25%;
    font-size: .7em !important;
    min-width: 45px;
    padding: .25rem .25rem;
    height: 25px;
    margin-top: 5px
  }
  .afb-header-menu .btn-lite {
    margin-right: 0;
    font-size: .7em !important;
    height: 25px;
    margin-top: 5px
  }
  .afb-header-menu .d-inline-flex {
    width: 26%;
    min-width: 98px
  }
  .top5game .afb-title-h1 {
    padding: 0 0 0 11px;
    margin: 10px 0
  }
  .jackpotpool .afb-title-h1 {
    padding: 0 0 0 11px;
    margin: 10px 0
  }
  .jackpotpool span.gold {
    font-size: .8rem
  }
  .footer-bottom {
    padding: 0 0
  }
  .header-memu-m {
    width: 100%
  }
  .afb-header-menu {
    margin-bottom: 3px;
    padding-right: 0
  }
  .afb-title-h1.mb-3 {
    margin-bottom: 0 !important
  }
  .megamenu .megamenu-nav .nav-link {
    width: auto !important
  }
  .footer-separator {
    display: none
  }
}
#playnowBtn {
  margin: 20px 0 !important;
  padding: 0 !important
}
@media(max-width:580px) {
  span.profile-username {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 64px;
    display: inline-block
  }
}
.search-button .search-toggle {
  height: 14px;
  width: 14px
}
.search-button .search-toggle::after {
  top: 13px;
  left: 11px
}
button.afb-m-menu {
  height: 25px;
  margin-top: 5px
}
@media(max-width:429px) {
  .nav-item-content img {
    background: #2c2c2c;
    padding: .5rem 1.5rem;
    border-radius: 10%
  }
  .under-m {
    top: 8px;
    border-radius: 0 0 3px 3px;
    font-size: .4em;
    right: 4px;
    padding: 3px
  }
  .nav-item-content p {
    font-size: .65em;
    margin-top: 6px;
    margin-bottom: 0
  }
  button.afb-m-menu {
    background: #1f299c;
    background-color: #1f299c
  }
  img.icon-flag {
    width: 16px;
    margin-right: 0
  }
  .header-memu-m .dropdown-single-content img.icon-flag {
    margin-right: 10px
  }
  button.dropbtn-single-box {
    padding: 8px 4px
  }
}
.wallet-top-left span {
  font-size: .8rem !important;
  color: #fff;
  word-break: break-word !important
}
ul.affiliateSharer {
  display: flex;
  align-items: center;
  flex-wrap: wrap
}
ul.affiliateSharer li {
  width: 25%;
  display: flex;
  align-items: center;
  justify-content: center
}
ul.affiliateSharer li img {
  max-width: 100%
}
ul.affiliateSharer {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 0
}
ul.affiliateSharer li {
  width: 25%;
  display: flex;
  align-items: center;
  justify-content: center
}
ul.affiliateSharer li img {
  max-width: 100%
}
.btn-underline-sharebox .fa-facebook-official {
  color: #4267b2
}
.btn-underline-sharebox .fa-twitter {
  color: #55acee
}
.btn-underline-sharebox .fa-whatsapp {
  color: #25d366
}
.btn-underline-sharebox .fa-line {
  color: #00c300
}
.btn-underline-sharebox .fa-telegram {
  color: #08c
}
.btn-underline-sharebox .fa-weixin {
  color: #4ec034
}
.btn-underline-sharebox .fa-viber {
  color: #645ea4
}
.btn-underline-sharebox .fa-share-alt-square {
  color: #333
}
.btn-underline-sharebox {
  width: 100% !important;
  padding: 16px 0 !important;
  display: flex;
  justify-content: center
}
#shareboxPopup .btn.btn-sm {
  position: absolute;
  top: 5px;
  right: 5px;
  color: #fff
}
.btn-sharebox .h5 {
  color: #fff !important;
  font-size: .95rem !important
}
.text-green {
  color: #008000 !important
}
.text-red {
  color: #f00 !important
}
.rgstButton {
  border-radius: 50px !important
}
.afb-main_nav.affix {
  z-index: 10 !important
}
#VTdata img {
  width: 100%;
  height: auto
}
.simple-forgotpw {
  position: absolute
}
.simple-forgotpw a {
  color: #fff
}
.simple-forgotpw a:hover {
  color: #ccc
}
.btn-login {
  line-height: 1.4
}
.button-register {
  height: 33px
}
.simple-login .fld {
  vertical-align: top
}
.btn-lite {
  line-height: 1.4
}
.did-floating-label {
  color: #1e4c82 !important
}
#loginModal {
  z-index: 10000
}
#dls-countdown-title2 {
  color: #fff
}
#mega888StartingModal span, #megaGamingStartingModal span, #megaV3StartingModal span, #pussy888StartingModal span, #kiss918StartingModal span {
  color: #000
}
@media(max-width:428px) {
  #invite-friend .share-title {
    font-size: 9px;
    max-height: 27px
  }
}
@media only screen and (max-width:1195px) and (min-width:996px) {
  #invite-friend .row .col-12.col-md-6.col-lg-3.px-1, #invite-friend .row .col-12.col-md-6.col-lg-3.px-1, #invite-friend .row .d-none.d-md-block.col-md-6.px-1 {
    min-width: 50% !important
  }
}
#invite-friend .row .col-12.col-md-6.col-lg-3.px-1 input, #invite-friend .row .col-12.col-md-6.col-lg-3.px-1 input, #invite-friend .row .d-none.d-md-block.col-md-6.px-1 input {
  min-height: 33.19px !important
}
#registerModal .phoneRegisterBorder {
  border-radius: 50px !important
}
.custom-select-dd {
  border-radius: 50px !important
}
.marqueeinfinite {
  --gap: 10rem;
  display: flex;
  overflow: hidden;
  user-select: none;
  gap: var(--gap);
  margin-bottom: 0 !important;
  font-size: 12px;
  padding: 0
}
.marqueeinfinite__content {
  flex-shrink: 0;
  display: flex;
  justify-content: space-around;
  min-width: 100%;
  gap: var(--gap)
}
@keyframes infinitescroll {
  from {
    transform: translateX(100%)
  }
  to {
    transform: translateX(calc(-100% - var(--gap)))
  }
}
.enable-animation .marqueeinfinite__content {
  animation: infinitescroll 10s linear infinite
}
.marqueeinfinite__content:hover {
  -moz-animation-play-state: paused;
  -webkit-animation-play-state: paused;
  animation-play-state: paused
}
.contactDetailEmail input {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}
.contactDetailEmail .emailFullText::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #000 transparent
}
.contactDetailEmail .emailFullText {
  visibility: hidden;
  background-color: #000;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  position: absolute;
  z-index: 1;
  white-space: break-spaces;
  word-wrap: break-word;
  margin: auto;
  max-width: 90%
}
.contactDetailEmail:hover .emailFullText {
  visibility: visible
}
.payment-transaction {
  max-height: 520px;
  overflow-y: auto;
  display: none;
  padding-right: 10px
}
.payment-item {
  margin-bottom: .8rem;
  background: var(--cd-color-1);
  color: #fff;
  padding: 5px 10px;
  border-radius: 5px;
  margin-bottom: 10px;
  font-size: 12px;
  cursor: pointer;
  border-left: solid 5px #61b962
}
.payment-item .payment-icon {
  margin-right: 10px
}
.payment-item .payment-icon img {
  width: 40px;
  height: auto;
  object-fit: contain;
  object-position: center
}
:root {
  --mainTheme: #0373ff
}
.nav_bottom-container {
  position: fixed;
  bottom: 0;
  z-index: 999;
  width: 100%
}
.footer-nav {
  display: flex;
  justify-content: space-evenly;
  width: 100%;
  margin: 0;
  padding: 0
}
.footer-nav li {
  width: 20%
}
.footer-nav li a {
  color: #fff;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: wrap;
  text-transform: uppercase;
  padding: 8px 0 2px 0;
  font-size: .65rem;
  font-weight: 500;
  height: 50px;
  position: relative;
  background: var(--mainTheme)
}
.svg-icon_wrapper.beat-animations svg {
  width: 2rem;
  height: 2rem
}
.footer-nav li a svg {
  width: 1.2rem;
  height: 1.2rem
}
.footer-nav li a .svg-icon_wrapper {
  position: absolute;
  z-index: 2;
  top: 0;
  top: -30px;
  right: 0;
  left: 0;
  width: 60px;
  height: 60px;
  border-radius: 50px;
  background: var(--mainTheme);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: auto;
  border: 3px solid #fff
}
.beat-animations {
  -webkit-animation: beat .5s infinite alternate;
  animation: beat .5s infinite alternate
}
@keyframes beat {
  to {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
  }
}
@keyframes beat {
  to {
    transform: scale(1.2)
  }
}
.footer-nav li a span {
  display: block;
  text-align: center;
  width: 100%;
  position: absolute;
  bottom: 3px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase
}
.searchgameMobilewidget .search-input {
  color: #999 !important
}
.dashboardFaq .card-header {
  padding: 5px;
  position: relative
}
.dashboardFaq .card-header a {
  display: block
}
.dashboardFaq .card-header a i {
  position: absolute;
  right: 10px;
  top: 10px
}
.myInfo {
  padding: 15px
}
.toast-body {
  border-bottom: 6px solid #0373ff
}
.item-label-logo {
  top: 0;
  right: 0;
  width: 100px;
  border-radius: 0 0 0 110px/25px 0 0 200px;
  padding: 10px;
  text-align: center;
  background: #000;
  display: flex;
  align-items: center;
  z-index: 0;
  position: relative
}
.item-label-logo.left {
  top: 0;
  right: 0;
  max-width: 25%;
  border-radius: 0;
  padding-inline-end: 0;
  margin-inline-end: 20px
}
.item-label-logo::after {
  z-index: -1;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 70px;
  display: block;
  width: 50px;
  background: #000;
  -webkit-transform: skew(22deg);
  -ms-transform: skew(22deg);
  transform: skew(22deg);
  border-radius: 0 0 0 15px
}
.item-label-logo.left::after {
  z-index: -1;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 100%;
  display: block;
  width: 60%;
  background: #000;
  -webkit-transform: skew(340deg);
  -ms-transform: skew(340deg);
  transform: skew(340deg);
  border-radius: 0 0 15px 0;
  transform-origin: top left
}
.item-label-logo img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%
}
.wrapper-content {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto
}
.item-label-wrapper.left {
  justify-content: flex-start
}
.item-label-wrapper.one {
  position: absolute;
  display: inline-flex;
  width: 100%;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between
}
.item-label-wrapper-vertical {
  position: absolute;
  display: inline-flex;
  top: 50%;
  right: -33px;
  transform: rotate(270deg)
}
.item-label-wrapper-vertical-left {
  position: absolute;
  display: inline-flex;
  top: 50%;
  left: -33px;
  transform: rotate(90deg)
}
.item-favourite-container {
  position: absolute;
  right: 5px;
  bottom: 5px;
  line-height: 0
}
input[type=checkbox].item-favourite-game-btn {
  display: none
}
input[type=checkbox].item-favourite-game-btn + label.item-favourite-game-label {
  width: 25px;
  height: 25px;
  background: #fff var(--star-off-icon) center no-repeat;
  background-size: 60%;
  border-radius: 50%;
  cursor: pointer;
  margin: 0
}
input[type=checkbox].item-favourite-game-btn:checked + label.item-favourite-game-label {
  background-image: var(--star-on-icon)
}
.item-label-top-w {
  display: inline-flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: space-around;
  justify-content: flex-start;
  align-items: center
}
.item-label-wrapper {
  position: absolute;
  display: inline-flex;
  left: 0;
  top: 0;
  width: 100%;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: flex-start
}
.item-label-new {
  height: 30px;
  width: 30px;
  margin: 5px 10px;
  border-radius: 50%;
  font-size: .6rem;
  line-height: 3;
  text-align: center;
  background: #005f04;
  background: linear-gradient(6deg, rgba(0, 95, 4, 1) 0%, rgba(212, 231, 0, 1) 100%);
  z-index: 0;
  margin: .5rem;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center
}
.item-label-hot {
  height: 30px;
  width: 30px;
  margin: 5px 10px;
  border-radius: 50%;
  font-size: .6rem;
  text-align: center;
  background: #d10000;
  background: linear-gradient(0deg, rgba(209, 0, 0, 1) 0%, rgba(241, 204, 1, 1) 100%);
  margin: .5rem;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center
}
.item-content {
  position: relative;
  width: 100%;
  margin: auto;
  overflow: hidden;
  border-radius: 10px;
  transition: all .3s
}
.item-content.content-zoom:hover {
  transform: scale(1.05)
}
.item-content .item-content-overlay {
  background: #1b0047;
  background: linear-gradient(1deg, rgba(27, 0, 71, 1) 0%, rgba(44, 9, 121, .8337928921568627) 35%, rgba(147, 0, 255, 0) 100%);
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: all .4s ease-in-out 0s;
  -moz-transition: all .4s ease-in-out 0s;
  transition: all .4s ease-in-out 0s
}
.item-content:hover .item-content-overlay {
  opacity: 1
}
.item-content-image {
  width: 100%
}
.item-content-details {
  position: absolute;
  text-align: center;
  padding-inline: 1em;
  width: 100%;
  top: 50%;
  left: 50%;
  opacity: 0;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all .3s ease-in-out 0s;
  -moz-transition: all .3s ease-in-out 0s;
  transition: all .3s ease-in-out 0s
}
.item-content:hover .item-content-details {
  top: 50%;
  left: 50%;
  opacity: 1
}
.item-content-details h3 {
  color: #fff;
  font-size: clamp(1rem, 2vw, 1.75rem);
  font-weight: 700;
  letter-spacing: .05em;
  margin-bottom: .5em;
  text-transform: uppercase;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical
}
.item-content-details h3.one {
  padding: 0 20px
}
.item-content-details p {
  color: #fff;
  font-size: .8em;
  margin-bottom: .5em
}
.fadeIn-bottom {
  top: 80%
}
.fadeIn-top {
  top: 20%
}
.fadeIn-left {
  left: 20%
}
.fadeIn-right {
  left: 80%
}
.images-square-3 {
  aspect-ratio: 1/1;
  object-fit: cover
}
.loyalprogram-info .table-striped tbody tr:nth-of-type(even) {
  background-color: rgba(3, 115, 255, .1) !important
}
.loyalprogram-info .table.tableDesign1 th.content, .loyalprogram-info .table.tableDesign2 th.content, .loyalprogram-info .table-title {
  color: rgba(3, 115, 255, .8)
}
.loyalprogram-info th.content.category, .loyalprogram-info .table thead th:nth-child(10) {
  background: rgba(3, 115, 255, 1)
}
.loyalprogram-info .table thead th:nth-child(2), .loyalprogram-info .table thead th:nth-child(1) {
  background-color: rgba(3, 115, 255, .6)
}
.loyalprogram-info .table thead th:nth-child(3) {
  background-color: rgba(3, 115, 255, .7)
}
.loyalprogram-info .table thead th:nth-child(4) {
  background-color: rgba(3, 115, 255, .8)
}
.loyalprogram-info .table thead th:nth-child(5) {
  background-color: rgba(3, 115, 255, .9)
}
.loyalprogram-info .table thead th:nth-child(6) {
  background-color: rgba(3, 115, 255, 1)
}
.indexType .item-content-details h3 {
  font-size: min(5vw, 1.125rem)
}
.indexType .btn-sm {
  font-size: .75rem
}
.indexType .item-label-new, .indexType .item-label-hot {
  margin-block: .25rem
}
.btn-lite.login {
  width: 125px
}
#HaveDLS, #HaveDLS-mobile {
  z-index: 10
}
.dls-icon-images {
  width: 32px;
  height: 32px
}
.mobile-dls {
  position: absolute;
  right: 0
}
@media screen and (min-width:768px) {
  .marquee-length {
    width: 75% !important
  }
}
#memberbankqrcode::file-selector-button {
  height: 100%;
  margin-top: 0;
  margin-left: 0 !important
}
#memberbankqrcode {
  padding-left: 0
}
.user-profile .afb-title-h1 {
  color: #fff
}
:root {
  --GenericFormColor: #1676f3
}
.signin-content-v3 {
  padding: 10px 25px 10px 25px
}
.signin-content-v3 .bottom {
  display: flex;
  flex-direction: column;
  align-items: center
}
.model-h3 {
  font-size: 1.3rem !important;
  font-weight: 500;
  width: 95%;
  margin: 0 0 10px 0 !important;
  color: #333;
  line-height: 125%
}
.model-h3 > small {
  display: block;
  font-size: .75rem;
  margin-bottom: 10px
}
#registerModal .modal-content {
  background-color: #fff;
  margin: auto;
  padding: 0;
  border: none;
  border-radius: 5px
}
#registerModal .close-popup {
  position: absolute;
  top: 7px;
  right: 0;
  bottom: auto;
  left: auto;
  z-index: 10;
  cursor: pointer;
  color: #808aa6;
  font-size: 24px;
  font-weight: normal;
  line-height: 1;
  transition: opacity 1s 1s
}
.did-floating-label-content, .did-floating-label-content .localized-wrapping {
  position: relative;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  width: 100%;
  flex-wrap: wrap
}
.did-floating-label-content .localized-wrapping:first-child {
  margin-bottom: 0
}
.did-floating-label-content svg {
  position: absolute;
  width: 18px;
  color: var(--GenericFormColor);
  left: 20px;
  top: 8px
}
.did-floating-label-content > div, .selectCustom > div:not(.select) {
  width: 100%
}
.did-floating-label {
  color: #1e4c82;
  font-size: 13px;
  font-weight: normal;
  position: absolute;
  pointer-events: none;
  left: 50px;
  top: 9px;
  padding: 0 5px;
  background: transparent;
  transition: .2s ease all;
  -moz-transition: .2s ease all;
  -webkit-transition: .2s ease all
}
.did-floating-input, .did-floating-select {
  font-size: 12px;
  display: block;
  width: 100%;
  height: 35px;
  padding: 0 20px 0 55px;
  background: #fff;
  color: #323840;
  border: 1px solid #dbdfe5;
  border-radius: 5px;
  box-sizing: border-box
}
.did-floating-input:focus, .did-floating-select:focus {
  outline: none;
  border-color: #2575fc
}
.did-floating-input:focus ~ .did-floating-label, .did-floating-select:focus ~ .did-floating-label {
  top: -8px;
  font-size: 13px;
  opacity: 0
}
select.did-floating-select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}
select.did-floating-select::-ms-expand {
  display: none
}
.did-floating-input:not(:placeholder-shown) ~ .did-floating-label {
  top: -8px;
  font-size: 13px;
  opacity: 0
}
.did-floating-select:not([value=""]):valid ~ .did-floating-label {
  top: -8px;
  font-size: 13px;
  opacity: 0
}
.did-floating-select[value=""]:focus ~ .did-floating-label {
  top: 11px;
  font-size: 13px
}
.did-floating-select:not([multiple]):not([size]) {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='6' viewBox='0 0 8 6'%3E%3Cpath id='Path_1' data-name='Path 1' d='M371,294l4,6,4-6Z' transform='translate(-371 -294)' fill='%23003d71'/%3E%3C/svg%3E%0A");
  background-position: right 15px top 50%;
  background-repeat: no-repeat
}
.did-error-input .did-floating-input, .did-error-input .did-floating-select {
  border: 2px solid #9d3b3b;
  color: #9d3b3b
}
.did-error-input .did-floating-label {
  font-weight: 600;
  color: #9d3b3b
}
.did-error-input .did-floating-select:not([multiple]):not([size]) {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='6' viewBox='0 0 8 6'%3E%3Cpath id='Path_1' data-name='Path 1' d='M371,294l4,6,4-6Z' transform='translate(-371 -294)' fill='%239d3b3b'/%3E%3C/svg%3E%0A")
}
.did-floating-label-content .input-group {
  display: flex
}
.did-floating-label-content .input-group .did-floating-input {
  border-radius: 0 4px 4px 0;
  border-left: 0;
  padding-left: 0
}
.did-floating-label-content .input-group-append {
  display: flex;
  align-items: center
}
.did-floating-label-content .input-group-text {
  display: flex;
  align-items: center;
  font-weight: 400;
  height: 34px;
  color: #323840;
  padding: 0 5px 0 20px;
  font-size: 12px;
  text-align: center;
  white-space: nowrap;
  border: 1px solid #3d85d8;
  border-radius: 4px 0 0 4px;
  border-right: none
}
.did-floating-label-content.userNameID svg, #RCfilCol svg, .did-floating-label-content.registerEmail svg {
  width: 25px;
  left: 15px
}
.did-floating-label-content.registerBankAccno svg {
  width: 28px;
  left: 15px
}
#RCfilCol svg {
  top: 12px
}
.did-floating-label-content.registerPhone svg {
  width: 17px;
  left: 20px;
  top: 4px
}
.did-floating-label-content.registerPasswordIco svg {
  top: 5px
}
.did-floating-label-content.registerAccount svg {
  width: 20px
}
.did-floating-label-content.registerAccountIcon svg {
  width: 20px;
  left: 20px;
  top: 8px
}
.did-floating-label-content.userPhone svg {
  width: 16px;
  top: 5px
}
.did-floating-label.required:after {
  content: '*';
  color: #f00
}
.did-floating-label-content .toggle-password {
  position: absolute;
  right: 8px;
  top: 0;
  cursor: pointer;
  width: 35px;
  height: 35px;
  background-position: center center;
  background-size: 56%;
  background-repeat: no-repeat
}
.did-floating-label-content .pw-eye {
  background-image: url("data:image/svg+xml,%3Csvg  viewBox='0 0 22 12' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.2498 12C6.64003 12 0.981934 8.09276 0.981934 6C0.981934 3.90724 6.64003 0 11.2498 0C15.8596 0 21.5176 3.90724 21.5176 6C21.5176 8.09276 15.8596 12 11.2498 12ZM2.95934 6.46234C3.45217 6.99398 4.12936 7.57615 4.89724 8.10641C6.85469 9.45814 9.06793 10.2774 11.2498 10.2774C13.4316 10.2774 15.6449 9.45814 17.6023 8.10641C18.3702 7.57615 19.0474 6.99398 19.5402 6.46234C19.6993 6.29078 19.8308 6.13295 19.928 6C19.8308 5.86705 19.6993 5.70922 19.5402 5.53766C19.0474 5.00602 18.3702 4.42385 17.6023 3.89359C15.6449 2.54186 13.4316 1.72256 11.2498 1.72256C9.06793 1.72256 6.85469 2.54186 4.89724 3.89359C4.12936 4.42385 3.45217 5.00602 2.95934 5.53766C2.8003 5.70922 2.6688 5.86705 2.57159 6C2.6688 6.13295 2.8003 6.29078 2.95934 6.46234ZM11.2498 9.5C9.26502 9.5 7.65604 7.933 7.65604 6C7.65604 4.067 9.26502 2.5 11.2498 2.5C13.2346 2.5 14.8435 4.067 14.8435 6C14.8435 7.933 13.2346 9.5 11.2498 9.5ZM11.2498 7.7C12.2138 7.7 12.9953 6.93888 12.9953 6C12.9953 5.06112 12.2138 4.3 11.2498 4.3C10.2858 4.3 9.50425 5.06112 9.50425 6C9.50425 6.93888 10.2858 7.7 11.2498 7.7Z' fill-opacity='0.6'/%3E%3C/svg%3E")
}
.did-floating-label-content .pw-eye-slash {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 20 16' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.49908 13.6495L8.93791 12.2107C9.29193 12.2548 9.64639 12.2774 10 12.2774C12.1249 12.2774 14.2804 11.4582 16.1868 10.1064C16.9347 9.57615 17.5942 8.99399 18.0742 8.46235C18.2291 8.29079 18.3571 8.13296 18.4518 8.00001C18.3571 7.86706 18.2291 7.70923 18.0742 7.53767C17.5942 7.00603 16.9347 6.42386 16.1868 5.8936C16.0035 5.76358 15.8178 5.63848 15.63 5.51857L16.8352 4.31338C18.6938 5.53215 20 6.98112 20 8.00001C20 10.0928 14.4895 14 10 14C9.18692 14 8.34035 13.8719 7.49908 13.6495ZM3.16933 11.6896C1.30831 10.4702 0 9.01973 0 8.00001C0 5.90724 5.51049 2.00001 10 2.00001C10.815 2.00001 11.6637 2.12877 12.5069 2.35207L11.0688 3.79015C10.7126 3.74555 10.3558 3.72257 10 3.72257C7.87506 3.72257 5.71956 4.54187 3.81317 5.8936C3.06532 6.42386 2.4058 7.00603 1.92582 7.53767C1.77093 7.70923 1.64286 7.86706 1.54819 8.00001C1.64286 8.13296 1.77093 8.29079 1.92582 8.46235C2.4058 8.99399 3.06532 9.57615 3.81317 10.1064C3.99804 10.2375 4.18526 10.3636 4.37457 10.4844L3.16933 11.6896ZM9.66448 11.4841L13.4841 7.66448C13.4946 7.77491 13.5 7.88683 13.5 8.00001C13.5 9.93301 11.933 11.5 10 11.5C9.88682 11.5 9.7749 11.4946 9.66448 11.4841ZM6.51654 8.34242C6.5056 8.22976 6.5 8.11554 6.5 8.00001C6.5 6.06701 8.067 4.50001 10 4.50001C10.1155 4.50001 10.2298 4.50561 10.3424 4.51655L6.51654 8.34242ZM2.50435 14.5103L16.713 0.301597C17.0061 0.00851703 17.4813 0.00851703 17.7744 0.301597C18.0675 0.594678 18.0675 1.06985 17.7744 1.36294L3.56569 15.5716C3.2726 15.8647 2.79743 15.8647 2.50435 15.5716C2.21127 15.2785 2.21127 14.8034 2.50435 14.5103Z' fill-opacity='0.6'/%3E%3C/svg%3E")
}
.registerPhone .f-dropdown-wrapper {
  position: absolute;
  right: 0;
  margin: 0
}
.registerPhone .f-dropdown-wrapper .f-dropdown > span {
  padding: 0 10px !important;
  border-radius: 0 50px 50px 0 !important;
  border-right: none !important;
  border-top: none !important;
  border-bottom: none !important;
  height: 40px !important;
  background: transparent
}
.registerPhone .f-dropdown-wrapper .f-dropdown > span:before {
  background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15.4 8.7'%3E%3Cg%3E%3Cg%3E%3Cpath d='M7.7 8.6c-0.2 0-0.4-0.1-0.5-0.2l-6.9-7C0 1.1 0 0.6 0.3 0.3C0.5 0 1 0 1.3 0.3l6.4 6.5l6.4-6.5c0.3-0.3 0.8-0.3 1.1 0c0.3 0.3 0.3 0.8 0 1.1l-6.9 7C8.1 8.5 7.9 8.6 7.7 8.6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") !important;
  filter: none !important
}
.form-group-checkbox-custom {
  display: block;
  margin-bottom: 15px
}
.form-group-checkbox-custom input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer
}
.form-group-checkbox-custom label {
  position: relative;
  cursor: pointer
}
.form-group-checkbox-custom label:before {
  content: '';
  -webkit-appearance: none;
  border-radius: 3px;
  background-color: #e3e3e3;
  padding: 8px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 5px
}
.form-group-checkbox-custom input:checked + label:after {
  content: '';
  display: block;
  position: absolute;
  top: 3px;
  left: 6px;
  width: 6px;
  height: 10px;
  border: solid #0079bf;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg)
}
.rgstButton {
  background-image: linear-gradient(to right, #6a11cb, #2575fc);
  color: #fff;
  border-radius: 5px;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  text-transform: uppercase;
  font-size: 1rem !important
}
.rgstButton.rgstXS {
  padding: 6px 10px;
  cursor: pointer
}
.rgstButton:hover {
  background-image: linear-gradient(to right, #2575fc, #6a11cb)
}
.text-underline {
  text-decoration: underline !important
}
.registrationCaptcha {
  display: flex;
  align-items: normal;
  margin-bottom: 10px;
  flex-direction: column
}
.registrationCaptcha .form-block {
  width: 100%
}
.registrationCaptcha .fld-block {
  display: flex;
  justify-content: space-between
}
.registrationCaptcha .captchaimage {
  width: 50%
}
.registrationCaptcha .captchaimage img {
  width: 90% !important;
  margin-right: 15px
}
.captchaInputRefresh {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative
}
.captchaInputRefresh a.captcha-refresh {
  position: absolute;
  right: 10px;
  width: auto
}
.captchaInputRefresh a.captcha-refresh span {
  display: none
}
.captchaInputRefresh .fld {
  height: 38px !important;
  border-radius: 5px !important;
  border: 1px solid #dbdfe5 !important
}
.captchaInputRefresh input.fld:focus {
  border-color: #1676f3
}
.captchaInputRefresh a.captcha-refresh i {
  font-size: 20px;
  color: #1676f3
}
.did-floating-label-content.registerAffiliate svg {
  width: 25px;
  top: 11px;
  left: 17px
}
.modalCloseButton {
  border: none;
  background: #efefef;
  position: absolute;
  right: 15px;
  top: 15px;
  padding: 5px 8px;
  border-radius: 100px;
  display: flex;
  align-items: center;
  width: 28px;
  height: 28px;
  justify-content: center;
  z-index: 10
}
.modalCloseButton svg {
  color: #333;
  width: 100%
}
.registerModalSteps .modal-dialog {
  max-width: 700px !important
}
.registerModalSteps .modal-content {
  width: 100% !important
}
.registerModalSteps .modal-content.one {
  max-width: 100% !important
}
#registerModal .bottom .btn {
  font-size: 1rem !important
}
.hide {
  display: none
}
.selectCustom .select {
  cursor: pointer;
  display: inline-block;
  position: relative;
  color: #fff;
  width: 100%;
  height: 30px
}
.selectCustom select {
  display: none
}
.custom-select-dd {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #fff;
  color: #225084;
  border: 1px solid #dbdfe5;
  border-radius: 5px;
  height: 35px;
  padding: 0 40px 0 55px;
  display: flex;
  align-items: center;
  -moz-transition: all .2s ease-in;
  -o-transition: all .2s ease-in;
  -webkit-transition: all .2s ease-in;
  transition: all .2s ease-in
}
.custom-select-dd:after {
  transform: rotateZ(0deg);
  transition: all .5s;
  content: "";
  display: block;
  position: absolute;
  right: 12px;
  transition: all .3s ease;
  background-repeat: no-repeat;
  background-size: 70%;
  background-position: center center;
  width: 15px;
  height: 15px;
  filter: invert(43%) sepia(90%) saturate(3956%) hue-rotate(201deg) brightness(95%) contrast(99%);
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 19.3 18.7' xml:space='preserve'%3E%3Cpolygon points='9.6 18.6 4.8 9.3 0 0 9.6 0 19.3 0 14.4 9.3 '/%3E%3C/svg%3E")
}
.custom-select-dd:active, .custom-select-dd.active {
  background-color: #fff;
  color: #9e9e9e;
  border-color: #1677f1
}
.custom-select-dd:active:after, .custom-select-dd.active:after {
  transform: rotateZ(180deg);
  transition: all .5s
}
.custom-select-dd:focus {
  outline: 2px
}
.select-options {
  max-height: 200px;
  overflow-y: auto;
  display: none;
  position: absolute;
  top: 110%;
  right: 0;
  left: 0;
  z-index: 999;
  margin: 0;
  padding: 0;
  list-style: none;
  background-color: #fff;
  border-radius: 5px;
  border: 1px solid #ccc
}
.select-options li:first-child {
  display: none
}
.select-options li {
  color: #424242;
  margin: 0;
  padding: 12px 0;
  -moz-transition: all .15s ease-in;
  -o-transition: all .15s ease-in;
  -webkit-transition: all .15s ease-in;
  transition: all .15s ease-in;
  padding-left: 15px
}
.select-options li.inactive {
  font-weight: bold;
  cursor: default;
  padding-left: 5px
}
.select-options li.inactive:hover {
  background: none;
  color: #424242
}
.select-options li:hover {
  color: #ffff;
  background: #1677f1
}
.select-options li[rel="hide"] {
  display: none
}
.select-options::-webkit-scrollbar {
  width: 8px;
  background-color: #f5f5f5;
  border-radius: 0 0 5px 0
}
.select-options::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #9e9e9e
}
.selectCustom {
  width: 100%;
  position: relative;
  margin-bottom: 10px
}
.selectCustom svg {
  width: 24px;
  position: absolute;
  z-index: 1;
  top: 6px;
  left: 17px;
  color: #1676f3
}
.disabled_field:after {
  content: '';
  display: block;
  background-color: #000;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  opacity: .08;
  border-radius: 5px
}
#registerModal button.dropbtn-single-box {
  color: inherit
}
#registerModal .dropdown-single-content {
  right: auto;
  left: 0
}
#registerModal .dropdown-single-content a {
  color: #000 !important;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left
}
#registerModal .dropdown-single-content a p {
  margin: 0
}
.checkregisterpart1, .checkregisterpart2, .checkregisterpart3 {
  width: 100%
}
option.inactive {
  font-weight: bold;
  cursor: default;
  padding-left: 5px
}
.phoneRegisterBorder {
  border: 1px solid #dbdfe5 !important;
  border-radius: 5px !important;
  box-sizing: border-box
}
.border-0:focus, .did-floating-input.border-0 {
  border: none !important
}
.phoneLabel {
  left: 0
}
.did-floating-input.pl-2 {
  padding-left: .5rem !important
}
.hide {
  text-align: left
}
.phone-svg {
  margin-right: -.5rem
}
@media screen and (max-width:768px) {
  .phone-svg {
    margin-right: -.25rem !important
  }
}
.phone-svg-single {
  margin-right: 1.5rem
}
#__AjaxRegisterAntiForgeryForm button#dropdownMenuLink {
  display: none
}
@media screen and (max-width:768px) {
  .phone-svg-single {
    margin-right: -.25rem !important
  }
  #__AjaxRegisterAntiForgeryForm button#dropdownMenuLink {
    display: block
  }
}
#__AjaxRegisterAntiForgeryForm button#dropdownMenuLink .icon-language {
  width: 25px;
  height: 25px
}
@media screen (max-width:767px) {
  .signin-content-v3 {
    padding: 10px 15px !important;
  }
  .registrationCaptcha {
    margin-bottom: 0 !important;
  }
  .signin-form {
    width: 90% !important;
    margin: 0 auto;
  }
  .model-h3 {
    color: #999;
  }
  .form-group {
    margin-bottom: auto !important;
  }
  #btn_Login {
    border-radius: 5px;
  }
  .register-p-b {
    margin-top: 20px !important;
  }
  .signin-form > div {
    padding: 10px !important;
  }
  .error-checkName, .text-danger {
    line-height: .8rem;
  }
  button.dropbtn-single-box {
    background-color: #7be50000;
    color: white;
    font-size: 12px;
    border: none;
    padding: 7px 10px;
    font-weight: 700;
    margin-top: 0;
    margin-left: 5px;
  }
}
.game-history {
  background: #050404;
  padding: 20px 10px;
  height: 100%
}
.game-history .table {
  border-collapse: collapse
}
.game-history table thead tr th {
  padding: 5px 10px !important
}
.game-history tbody tr td {
  padding: 5px 10px;
  border-bottom: 2px solid #000 !important
}
.user-info .panel-toggle {
  background-color: rgba(0, 0, 0, 1) !important
}
.user-info .panel-body {
  background-color: rgba(0, 0, 0, .8) !important
}
.allowAmountNote {
  font-size: 12px;
  color: #f00;
  display: block
}
.amountNote {
  color: #f00
}
.dpt-bank-img {
  width: 110px
}
#top-Withdraw-Btn {
  cursor: pointer
}
#top-Deposit-Btn {
  cursor: pointer
}
.paginationjs-page.J-paginationjs-page.active {
  background-color: transparent;
  background-image: linear-gradient(to right, #6a11cb, #2575fc);
  color: #fff !important
}
.paginationjs-page.J-paginationjs-page.active a {
  color: #fff !important;
  background-color: transparent !important
}
.paginationjs-page.J-paginationjs-page:hover:not(.active) {
  background-color: transparent !important
}
a.btn.btn-qr.badge-pill {
  width: 70%;
  background-color: #fff;
  border: none;
  outline: none;
  display: block;
  margin-bottom: 5px;
  padding: 5px 10px;
  background-image: linear-gradient(to right, #6a11cb, #2575fc);
  color: #fff;
  font-size: .75rem;
  margin: auto
}
a.btn.btn-qr.badge-pill:hover {
  background-image: linear-gradient(to right, #2575fc, #6a11cb);
  color: #fff
}
table.table-dls.table-bordered td, table.table-dls.table-bordered th {
  border: 1px solid #c9c9c9
}
.w-15 {
  width: 15%
}
.w-35 {
  width: 35%
}
table.table-transaction.table-bordered td, table.table-transaction.table-bordered th {
  border: 1px solid #c9c9c9
}
.member-bank-list td.sticky-left {
  background: #f8f8f8
}
.fastdeposit-step2 .whitelabel, .fastdeposit-step2 .fastDepositTimerS2 {
  color: #000
}
td.deletebtn > button {
  background-image: none;
  background: #f00
}
td.deletebtn > button:hover, td.deletebtn > button:active, td.deletebtn > button:visited, td.deletebtn > button:focus {
  background-image: none;
  background: #d80000
}
.games-inner.member-bank-list tbody td {
  background: #fff;
  color: #333
}
.games-inner.member-bank-list tbody tr:nth-child(2n+2) td {
  background: #e2e2e2
}
.games-inner.member-bank-list th, .games-inner.member-bank-list td {
  padding: 5px 5px
}
.games-inner.member-bank-list td, .games-inner.member-bank-list th {
  border: 1px solid #c9c9c9
}
.games-inner.member-bank-list thead {
  background: #201f25 !important;
  color: #fff
}
.games-inner.member-bank-list.table-sticky thead .sticky-left {
  background-color: #5f5c68
}
.games-inner.member-bank-list.table-sticky tbody .sticky-left {
  background: #e2e2e2
}
.games-inner.member-bank-list.table-sticky tbody tr:nth-child(2n+2) .sticky-left {
  background: #d2d2d2
}
.games-inner.member-crypto-list tbody td {
  background: #fff;
  color: #333
}
.games-inner.member-crypto-list tbody tr:nth-child(2n+2) td {
  background: #e2e2e2
}
.games-inner.member-crypto-list th, .games-inner.member-crypto-list td {
  padding: 5px 5px
}
.games-inner.member-crypto-list td, .games-inner.member-crypto-list th {
  border: 1px solid #c9c9c9
}
.games-inner.member-crypto-list thead {
  background: #201f25 !important;
  color: #fff
}
.games-inner.member-crypto-list.table-sticky thead .sticky-left {
  background-color: #5f5c68
}
.games-inner.member-crypto-list.table-sticky tbody .sticky-left {
  background: #e2e2e2
}
.games-inner.member-crypto-list.table-sticky tbody tr:nth-child(2n+2) .sticky-left {
  background: #d2d2d2
}
.tab-content > .active {
  color: #333
}
.side-panel-notification {
  margin: 0;
  padding-left: 10px;
  font-size: 11px
}
.side-panel-notification li {
  list-style: decimal;
  margin-bottom: 10px
}
.side-panel-notification li:last-child {
  margin-bottom: 0
}
#crypto-deposite .alert-secondary {
  border-color: transparent;
  background-color: #f3f3f3
}
.side-panel-notification .h4 {
  margin-left: -10px;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 600
}
.side-panel-notification .h4 i {
  margin-right: 8px
}
.crypto-button-group label.active:after {
  content: '';
  font-family: 'FontAwesome';
  position: absolute;
  right: 10px
}
.crypto-button-group label div {
  position: relative
}
.crypto-button-group > .btn, .crypto-button-group > .btn-group > .btn {
  margin-bottom: 0;
  position: relative;
  padding: 8px 10px;
  width: 49.5%;
  display: inline-flex;
  align-items: center;
  justify-content: start;
  background: #f5f5f5;
  margin-bottom: 8px
}
.crypto-button-group .btn.active {
  background: #28a745;
  color: #fff
}
.crypto-button-group img {
  width: 30px;
  margin-right: 8px
}
.QR-code-crypto .crypto-info {
  padding: 8px
}
.QR-code-crypto .scanQR-crypto {
  width: 40%
}
.QR-code-crypto .crypto-info {
  width: 60%
}
.QR-code-crypto {
  display: flex;
  flex-wrap: wrap;
  align-items: center
}
.QR-code-crypto span {
  color: #333;
  display: block
}
.divider {
  padding-bottom: 8px;
  border-bottom: 1px dashed #e5e5e5;
  margin-bottom: 8px
}
.crypto-info-content small {
  color: #1553a1;
  text-transform: uppercase
}
.QR-code-crypto label {
  width: 100%;
  margin-bottom: 10px;
  word-break: break-all;
  text-transform: capitalize
}
.scanQR-crypto .btn {
  background-image: linear-gradient(to right, #6a11cb, #2575fc);
  color: #fff;
  font-size: 12px;
  text-transform: uppercase
}
.scanQR-crypto img {
  margin-bottom: 5px;
  width: 100%
}
.scanQR-crypto div {
  border: 2px solid #ededed;
  border-radius: 6px;
  margin-bottom: 5px;
  padding: 8px
}
.crypto_qrcode img {
  width: 100%;
  max-width: 100%;
  height: auto
}
.QR-code-crypto span.red {
  color: #f00;
  text-transform: uppercase
}
.button.afb01 {
  background-image: linear-gradient(to right, #6a11cb, #2575fc);
  border: none;
  border-radius: 2px 2px;
  color: #fff
}
.hex-code-foward .form-control {
  display: block;
  position: relative
}
.hex-code-foward .button {
  position: absolute;
  right: 0;
  top: 0
}
.hex-code-foward .form-control {
  display: block;
  position: relative
}
.hex-code-foward {
  position: relative;
  width: 100%
}
.alert-transparent-border {
  background: transparent !important;
  border: 1px solid #e1e1e1 !important
}
.countdownTimer {
  margin-bottom: 12px;
  display: inline-flex;
  padding: 8px 15px;
  background: #ffc107;
  border-radius: 6px;
  flex-wrap: wrap;
  justify-content: center;
  width: 130px
}
#timer {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 20px;
  font-weight: 500
}
.crypto-history {
  padding: 0
}
.crypto-history li {
  background: #f9f9f9;
  padding: 10px 15px;
  margin-bottom: 2px;
  display: flex;
  justify-content: space-between;
  align-items: center
}
.crypto-history li div {
  display: flex;
  align-items: center
}
.crypto-history li small {
  display: block;
  margin-top: 5px;
  font-weight: 600
}
.cryptoCurrency-amount {
  font-size: 17px;
  color: #333;
  margin-left: 8px
}
.crypto-history .h4 {
  font-size: 14px;
  margin-bottom: 5px
}
.button-gray {
  background: #b4b4b4
}
@media only screen and (max-width:1060px) {
  .crypto-button-group > .btn, .crypto-button-group > .btn-group > .btn {
    width: 100%
  }
  .QR-code-crypto .scanQR-crypto, .QR-code-crypto .crypto-info {
    width: 100%
  }
  .QR-code-crypto .crypto-info {
    padding: 0;
    margin-top: 15px
  }
  .countdownTimer {
    width: 100%
  }
}
@media only screen and (max-width:975px) {
  .crypto-button-group > .btn, .crypto-button-group > .btn-group > .btn {
    width: 49%
  }
  .QR-code-crypto .scanQR-crypto {
    width: 40%
  }
  .QR-code-crypto .crypto-info {
    width: 60%;
    padding: 8px;
    margin-top: 0
  }
}
@media only screen and (max-width:560px) {
  .crypto-button-group > .btn, .crypto-button-group > .btn-group > .btn {
    width: 100% !important
  }
  .QR-code-crypto .scanQR-crypto, .QR-code-crypto .crypto-info {
    width: 100%
  }
  .QR-code-crypto .crypto-info {
    padding: 0;
    margin-top: 15px
  }
  .countdownTimer {
    width: 100%
  }
  .crypto-history li {
    flex-wrap: wrap
  }
  .crypto-history li div {
    width: 100%
  }
  .crypto-history li small {
    width: 100%
  }
}
.dpt-crypto-img {
  width: 30px;
  height: 30px
}
.gh-calendar-part {
  height: unset;
  width: 100%;
  background: #eaeaea;
  padding: 5px
}
.gh-calendar-side {
  display: flex
}
.from-date, .end-date {
  border: solid 1px #ccc;
  box-sizing: border-box;
  padding: 4px 8px;
  position: relative;
  display: flex;
  align-items: center;
  background: #fff;
  width: 50%;
  border: 2px solid transparent
}
.from-date {
  margin-right: 5px
}
.end-date {
  margin-left: 5px
}
.gh-calendar-part input {
  width: 100%;
  border: none !important;
  background: #fff !important;
  padding: 10px 0 !important
}
.from-date:focus-within, .end-date:focus-within {
  background: #0373ff;
  color: #fff
}
.gh-calendar-part label {
  color: #555;
  white-space: nowrap;
  margin-bottom: 0;
  text-transform: capitalize;
  margin-top: 0
}
.from-date i.fa.fa-calendar-o, .end-date i.fa.fa-calendar-o {
  color: #555
}
.from-date:focus-within label, .end-date:focus-within label {
  color: #fff
}
.from-date:focus-within input, .end-date:focus-within input {
  background: #0373ff !important;
  color: #fff !important
}
.from-date:focus-within input::placeholder, .end-date:focus-within input::placeholder {
  color: #fff
}
.from-date:focus-within input:focus, .end-date:focus-within input:focus {
  color: #fff !important;
  border: none !important
}
.ui-datepicker .ui-datepicker-header {
  background: #0373ff;
  color: #fff
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus {
  border: none;
  background: none
}
.ui-datepicker .ui-datepicker-prev-hover {
  top: 2px;
  left: 2px
}
.ui-datepicker .ui-datepicker-next-hover {
  top: 2px;
  right: 2px
}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(165deg) brightness(106%) contrast(101%)
}
.from-date:focus-within i.fa.fa-calendar-o, .end-date:focus-within i.fa.fa-calendar-o {
  color: #fff
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
  border: 1px solid #0373ff;
  background: #0373ff;
  font-weight: normal;
  color: #fff
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
  border: 1px solid #0373ff;
  background: #0373ff;
  font-weight: normal;
  color: #fff
}
#WithdrawalTabContent .input-group-append, #DepositTabContent .input-group-append {
  height: calc(1.2em + .75rem + 2px)
}
#WithdrawalTabContent .input-group-text:hover, #DepositTabContent .input-group-text:hover {
  color: #fff;
  background-color: #5a6268;
  border-color: #545b62
}
#WithdrawalTabContent .input-group-text.focus, #DepositTabContent .input-group-text.focus {
  color: #fff;
  background-color: #5a6268;
  border-color: #545b62;
  box-shadow: 0 0 0 .2rem rgba(130, 138, 145, .5)
}