:root{
  --smaller-font: 0.7rem;
  --small-font: 0.87rem;
  --normal-font: 1rem;
  --medium-font: 1.1rem;
  --large-font: 1.7rem;
  --x-large-font: 2rem;
  --bg-color: #1e1e1e;
  --g1: #bc0000;
  --g2: #bc0000;
}
body{
  background:var(--bg-color);
  color:#fff;
}
.logo img{
  width:30rem;
  display:block;
  margin-left:auto;
  margin-right:auto;
  margin-top:0.9rem;
  margin-bottom:0.8rem;
}
.rtp-card{
  background:#49166C;
  padding:.7rem;
  text-align:center;
  width:35rem;
  max-width:100%;
  height:100%;
  align-items:center;
  border-radius:7px;
  margin-bottom:.7rem;
  position:relative;
  z-index:1;
}
.rtp-card-img{
  max-width:100%;
  width:29rem;
  display:block;
  margin-left:auto;
  margin-right:auto;
  border-radius:5px;
}
.place-img-rtp{
  width:100%;
  padding:0.5rem;
  position:relative;
  overflow:hidden;
  z-index:1;
  display:flex;
  justify-items:center;
  border-radius:5px;
  box-shadow:1px 0 4px 2px;
  color:#131313;
}
.place-img-rtp:hover{
  cursor:pointer;
}
.btn-play{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  z-index:10;
  border:none;
  border-radius:5px;
  padding:.3rem;
  width:12rem;
  font-size:.6rem;
  font-weight:700;
  text-transform:capitalize;
  max-width:70%;
  border:2px solid var(--first-color);
  background:#49166C;
  color:#fff;
}
.btn-play:hover{
  background:#FF00FD;
}
.pola-wrapper{
  background:#3d3d3d;
  padding:.9rem;
  width:14rem;
  max-width:100%;
  border-radius:5px;
  position:relative;
}
.pola-wrapper h4{
  font-size:.9rem;
}
.pola-wrapper h5{
  font-size:.7rem;
}
.pola-wrapper h4 i{
  color:#fe1f03;
}
.pola-wrapper h5 i{
  color:#fe1f03;
}
.jam-wrapper{
  background:#fe1f03;
  border-radius:50%;
  padding:.6rem
}
.table-pola{
  max-width:100%;
  width:9rem;
}
.table-pola tr td{
  text-align:center;
  font-size:.7rem;
}
.top-game,.hot-game{
  background-repeat:no-repeat!important;
  position:absolute;
  width:3rem;
  top:0;
  height:2.9rem;
  left:.4rem;
  z-index:2;
}
.top-game{
  background:url(../images/top.gif)
}
.hot-game{
  background:url(../images/hot.gif)
}
.icon-providers{
  position:absolute;
  display:block;
  margin-left:auto;
  margin-right:auto;
  width:2rem;
  top:.5rem;
  right:.5rem;
}
.icon-providers img{
  width:1.7rem
}
.slider,.swiper{
  width:50rem;
  max-width:100%;
}
.slider{
  padding:1rem;
}
.slider-img{
  width:40rem;
  max-width:100%;
  display:block;
  margin-left:auto;
  margin-right:auto
}
.slider-wrapper{
  background:#fff;
  height:100%;
  border-bottom:1px dashed var #FFF;
}
.icon-prov{
  background:#49166C;
  display:flex;
  position:relative;
  border-radius:7px;
  overflow:auto!important;
}
.icon-card-bg{
  cursor:pointer;
  padding:.1rem!important;
  color:#fff;
}
.icon-card-bg p{
  font-size:.73rem;
  font-weight:700;
  color:#fff;
  text-align:center;
  white-space:nowrap;
  text-transform:uppercase;
}
.img-prov{
  display:block;
  margin-right:auto;
  margin-left:auto
}
.item-prov{
  padding:0 .5rem
}
.btn-credit{
  background:#fff;
  padding:.6rem;
  color:#fff;
  border:none;
  font-weight:700;
  border-right:#fff;
}
.btn-credit:hover{
  background:#fff;
}
.nav-bottom{
  position:fixed;
  bottom:0;
  display:flex;
  z-index:11;
  overflow:hidden;
  width:100%;
  border-top:3px solid;
}
.item-nav-bottom{
  background:#000;
  color:#fff;
  font-weight:700;
  text-align:center;
  font-size:.8rem;
  padding:.3rem;
}
.item-nav-bottom:hover{
  background:#000;
  cursor:pointer;
}
.item-nav-bottom p{
  margin:0;
  padding:0;
  margin-bottom:0;
}
.btn-up{
  display:none;
  position:fixed;
  bottom:3.8rem;
  right:0;
  z-index:99;
  font-size:.9rem;
}
.percent{
  height:19px;
  margin-top:10px!important;
  display:flex;
  overflow:hidden;
  font-size:.75rem;
  background-color:#d2d2d2;
  position:relative;
  z-index:1;
  border-radius:5px;
  width:100%;
  margin:0 auto;
  position:relative;
}
.percent p{
  z-index:15;
  position:absolute;
  text-align:center;
  width:100%;
  font-size:13px;
  top:-15px;
  font-weight:700;
  transform:translateY(14px);
  color:#000;
}
.percent-bar{
  background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
  background-size:1rem 1rem;
  display:-ms-flexbox;
  display:flex;-ms-flex-direction:column;
  flex-direction:column;-ms-flex-pack:center;
  justify-content:center;
  overflow:hidden;
  color:#fff;
  text-align:center;
  white-space:nowrap;
  transition:width .6s ease;
  -webkit-animation:progress-bar-stripes 2s linear infinite;
  animation:progress-bar-stripes 1s linear infinite;
  z-index:10;
}
.good{
  background-color:#ffa800;
}
.great{
  background-color:#1de24a;
}
.bad{
  background-color:#e91025;
}
.content-home{
  padding:1rem;
  margin-bottom:4rem;
  background:var(--text-first);
  color:var(--text-second)}@media(min-width:1200px)
{
.container,.container-lg,.container-md,.container-sm,.container-xl{{max-width:1100px!important}}