@import url('https://fonts.googleapis.com/css2?family=Rowdies:wght@300;400;700&display=swap');
	html{
		height:100vh;
	}
	body{
		 background: rgb(46,30,51);
		background: linear-gradient(0deg, rgba(46,30,51,1) 0%, rgba(77,38,89,1) 100%); 
		color:#eafeaf;
		height:100vh;
		font-family: "Rowdies", serif;
		padding:0;
		margin:0;
	}
	* {
    user-select: none;
}
#loading-screen {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(46,30,51,1) 0%, rgba(77,38,89,1) 100%);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

.spinner {
    border: 16px solid #f3f3f3;
    border-top: 16px solid #198754;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

button {
    pointer-events: auto;
}
.slot-item img{
		max-width:80%;
		margin:auto;
	}
.slot-item {
    border-radius: 9px;
    text-align: center;
    position: relative;
    top: -100vh;
    animation:slideDown 1.2s forwards ease-in-out;
	
}
.slot-item-default img{
		max-width:80%;
		margin:auto;
	}
.slot-item-default {
    border-radius: 9px;
    text-align: center;
    position: relative;
	
}
.slot-inner {
	border:1px #6c4b76 solid;
	border-bottom:none;
	border-radius:5px 5px 0 0;
	box-shadow:inset 0px 0px 9px #782193;
	overflow:hidden;
	background:url(../../img/line-inner.png) no-repeat;
	background-size:100%;
	 position: relative;
}

@keyframes slideDown {
    0% {
        top: -100vh;
		opacity: 0.5;
    }
    70% {
        top: 0;
		opacity: 1;
		transform: scale(0.9);
    }
    80% {
        top: -10px;
		transform: scale(1);
    }
    90% {
        top: 0px;
		transform: scale(0.8);
    }
    100% {
        top: 0;
		transform: scale(1);
    }
}

.slot-item.win-item {
    animation: bounce 1.5s forwards ease-in-out infinite;
	z-index:11;
	
}
@keyframes bounce {
    0% {
		top: 0px;
		transform: scale(1);
    }
    30% {
		top: 0px;
		transform: scale(0.8);
    }
    60% {
		top: 0px;
		transform: scale(1.15);
    }
    90% {
		top: 0px;
		transform: scale(0.9);
    }
	100% {
		top: 0px;
		transform: scale(1);
    }
}
.slot-item.win-item { animation-delay: 0.0s !important; }

.row.reel:nth-child(1) .slot-item:nth-child(1) { animation-delay: 0.0s; }
.row.reel:nth-child(1) .slot-item:nth-child(2) { animation-delay: 0.1s; }
.row.reel:nth-child(1) .slot-item:nth-child(3) { animation-delay: 0.3s; }
.row.reel:nth-child(1) .slot-item:nth-child(4) { animation-delay: 0.5s; }
.row.reel:nth-child(1) .slot-item:nth-child(5) { animation-delay: 0.7s; }

.row.reel:nth-child(2) .slot-item:nth-child(1) { animation-delay: 0.1s; }
.row.reel:nth-child(2) .slot-item:nth-child(2) { animation-delay: 0.3s; }
.row.reel:nth-child(2) .slot-item:nth-child(3) { animation-delay: 0.5s; }
.row.reel:nth-child(2) .slot-item:nth-child(4) { animation-delay: 0.7s; }
.row.reel:nth-child(2) .slot-item:nth-child(5) { animation-delay: 0.9s; }

.row.reel:nth-child(3) .slot-item:nth-child(1) { animation-delay: 0.3s; }
.row.reel:nth-child(3) .slot-item:nth-child(2) { animation-delay: 0.5s; }
.row.reel:nth-child(3) .slot-item:nth-child(3) { animation-delay: 0.7s; }
.row.reel:nth-child(3) .slot-item:nth-child(4) { animation-delay: 0.9s; }
.row.reel:nth-child(3) .slot-item:nth-child(5) { animation-delay: 1.1s; }

.linies-box{
	position:absolute;
	margin-left:-72px;
	width:60px;
}
.linie-count {
  width: 60px;
  height: 59px;
}
/*
.linie-count span{
	background: rgb(254,212,0);
	background: linear-gradient(140deg, rgba(254,212,0,1) 0%, rgba(254,252,250,1) 88%); 
	color:#44254d;
	line-height: 48px;
    font-size: 28px;
	font-weight:bold;
	width:46px;
	border-radius:23px;
	height:46px;
	display:block;
	margin:4px auto 0 auto;
	box-shadow:0px 0px 3px #fdb613;
}*/
.linie-count img{
	display:block;
	width:50px;
	right:0;
	position:absolute;
}
.linie-count.active span{
	background: rgb(254,212,0);
	background: linear-gradient(140deg, rgba(254,212,0,1) 0%, rgba(254,252,250,1) 88%); 
	color:#44254d;
}
.border {
	border-color:#6c4b76 !important;
}
.kredit-box {
	text-align:center;
	font-weight:400;
}
.kredit-box span{
	width:100%;
	font-size:26px;
	font-weight:600;
	display:block;
}
.slot-info{
	position:absolute;
	margin-left:-60px;
	margin-top:11px;
	width:50px;
	height:50px;
}
.slot-info button{
	background:url(../../img/btn_info.png) no-repeat center center;
	background-size:100%;
	width:45px;
	height:45px;
	border:none;
}
.modal-header, .modal-body, .modal-footer{
	border:none;
	
}
.modal-content{
	box-shadow:0px 0px 15px #671481;
	border:none;
	background: rgb(46,30,51);
	background: linear-gradient(0deg, rgba(46,30,51,1) 0%, rgba(77,38,89,1) 100%);
}
.pay-table-item {
	margin-bottom:30px;
}
.pay-table-item img {
  width: 90%;
  float: right;
}
.pay-symbol-list {
	list-style:none;
	padding:0;
	margin:15px 0 0 0;
}
.pay-symbol-list li{
	font-size:26px;
	line-height:36px;
}
.sazka-title {
	width:100%;
	text-align:center;
}
.sazka-box{
	width:90%;
	margin:0 5% 15px 5%;
	height:50px;
	border-radius:7px;
}
.sazka-minus, .sazka-plus {
  float: left;
  width: 25%;
  height: 50px;
  border: none;
  font-size: 34px;
  line-height: 0px;
  padding: 0 0 7px 0;
  border-radius: 0;
}
.sazka-minus{
	border-radius:7px 0 0 7px;
}
.sazka-plus{
	border-radius:0 7px 7px 0;
}
.sazka-amount{
	float:left;
	height:50px;
	width:50%;
	display:block;
	text-align:center;
	color:#2a2a2a;
	font-size:36px;
	line-height:46px;
	background:#efefef;
	border-bottom:#b4b4b4 3px solid;

}
#SpinBtn, #SpinBtnDisable {
  font-size: 52px;
  margin-top: 10px;
  margin-bottom:10px;
  padding-left:50px;
  padding-right:50px;
}
#SpinBtnAuto, #SpinBtnAutoStop {
  font-size: 32px;
  margin-top: 10px;
  margin-bottom:10px;
}
.linie-show {
    position: absolute;
	opacity:0;
	transition: opacity 0.2s ease;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    pointer-events: none;
}
#SpinBtn, #SpinBtnDisable {
	border-bottom:5px #0d5e38 solid;
}
#SpinBtnAuto {
	border-bottom:5px #cfa116 solid;
	border-left:0;
}
#SpinBtnAutoStop {
	border-bottom:5px #9a212c solid;
	border-left:0;
}
.sazka-plus, .sazka-minus{
	border-bottom:3px #0d5e38 solid;
}
.kredit-amount{
	float:left;
	height:50px;
	width:50%;
	display:block;
	text-align:center;
	color:#2a2a2a;
	font-size:36px;
	line-height:46px;
	background:#efefef;
	border-bottom:#b4b4b4 3px solid;
	border-radius:5px;
}
.linie-count:hover img{
	transform:scale(1.2);
}