: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: linear-gradient(#bb8b1d, #f9e48b);
	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:#fe1f03;
	color:#fff;
}
.btn-play:hover{
	background:#B30707;
}
.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: linear-gradient(#bb8b1d, #f9e48b);
	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}}