	: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: #0253b0;
		--g2: #0253b0;
	}
	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(#0253b0, #003c80);
		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(#0253b0, #003c80);
		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}}