.breadcrumbs {



	padding: 5px 0;



	color: #fff;



  margin-bottom: 20px;



}



.breadcrumbs .inner {



	display: flex;



	align-items: center;



	justify-content: space-between;



	gap: 10px;



}



.breadcrumbs ul {



	display: flex !important;



	list-style: none;



	align-items: center;



	font-size: 14px;



	margin: 0 !important;



	padding: 0 !important;



	line-height: 1;



  gap: 3px;



}



.breadcrumbs ul li:before {



	display: none !important;



}



.breadcrumbs ul	li:after {



	  display: none !important;



}



.breadcrumbs ul li a{



  color: #fff;



	text-decoration: none;



	font-weight: bold;



}



.breadcrumbs ul li a:hover{



  color: #999;



	text-decoration: underline;



}



.breadcrumbs ul li .text-name{



	display: flex;



	align-items: center;



	gap: 5px;



}



.breadcrumbs .mob, .breadcrumbs .mob svg{



	width: 20px;



	height: 20px;



	fill: #fff;



	margin: 0;



	padding: 0;



}



.breadcrumbs .separator, .breadcrumbs .separator svg {



	width: 12px;



	height: 12px;



	fill: #fff;



  margin-top: 2px;



}



.breadcrumbs .review-last-update {



	display: flex;



	flex-direction: column;



	line-height: 1;



	font-size: 12px;



	align-items: flex-end;



	justify-content: center;



	text-align: end;



	gap: 3px;



	font-weight: 600;



	white-space: nowrap;



}







@media(max-width: 600px) {



	.breadcrumbs .mob{



			display: block;



	}



	.breadcrumbs ul{



    justify-content: flex-start;



    width: 100%;



	}



	.breadcrumbs .inner{



			flex-direction: column;



	}



	.breadcrumbs ul{



			font-size: 12px;



	}



	.breadcrumbs .review-last-update {



			flex-direction: row;



			align-items: flex-end;



			justify-content: flex-start;



			white-space: nowrap;



			width: 100%;



	}



}











body {



	background-image: url(/images/photoshoped-jackpots-lobbybanner.jpg);



	background-size: 1600px;



	line-height: 1.45;



}



.box-dmca-icon img{



	height: 30px;



}



.box-dmca-icon a{



	margin: 5px;



	display: block;



}



.text-pretitle{}







.table-box{overflow: hidden;overflow-x: scroll;margin-bottom: 20px;}



.table-box table{width: 100%;}



.table-box::-webkit-scrollbar{width: 0px;height: 0;}



.table-box table tbody td{



    text-align: center;



    



    padding: 8px;



}



.table-box table tbody tr:nth-child(odd){



	background: #170510;



}



.table-box table thead td, .table-box table thead th{



	font-weight: bold;



	text-align: center;



	color: #e6339b;



	padding: 8px;



	border-bottom: 1px solid #4bfbb8;



	text-transform: uppercase;



}











.content-game{



	display: grid;



	grid-auto-flow: dense;



	grid-gap: 10px;



	margin: 0 0 20px;



	transform: translateZ(0);



	grid-template-columns: repeat(6,1fr);



	



}



.content-game .item-bg {



    grid-column-end: span 2;



    grid-row-end: span 2;



}



.content-game .item{



	border-radius: 15px;



	overflow: hidden;



}



.content-game .box-img{



	position: relative;



	width: 100%;



	height: 100%;



}



.content-game .box-img img{



	width: 100%;



	height: 100%;



	object-fit: cover;



}



.content-game .box-img .box-hover{opacity: 0;transition: all .3s;



    background: rgba(0,0,0,.6);



    position: absolute;



    left: 0;



    right: 0;



    top: 0;



    bottom: 0;}



.content-game .box-img .box-hover:hover{opacity: 1;}



.content-game .box-img .box-hover .title{position: absolute;top: 10px;left: 15px;right: 15px;text-align: center;color: #fff;font-weight: 900;z-index: 10;



	overflow: hidden;



	text-overflow: ellipsis;



	white-space: nowrap;



}



.content-game .box-img .box-hover .btn-box{position: absolute;left: 0;right: 0;top: 0;bottom: 0;display: flex;z-index: 10;align-items: center;justify-content: center;}







.content-game .item.item-bg .box-hover .btn-a {font-size: 50px;padding: 10px 55px 1px;}



















.content-catro-box .item {



		background-color: transparent;



    text-shadow: 1px 1px 2px #312626;



    border-radius: 7px;



    padding: 20px;



    height: 100%;



		



		background: #2a2d37;



		padding: 15px 15px 5px 60px;



}



.content-catro-box .item{



	position: relative;



}



.content-catro-box .item .title {



	font-size: 20px;



	color: #fff;



	font-weight: 900;



	text-transform: uppercase;



	margin-bottom: 5px;



	text-align: left;



	overflow: hidden;



	position: relative;



	padding-bottom: 0px;



}



.content-catro-box .item .pretitle{



	font-size: 14px;



	line-height: 18px;



	color: #b4b4b8;



}



.content-catro-box .item .scetcik{



    position: absolute;



    left: 0;



    top: 0;



    width: 30px;



    height: 30px;



    display: flex;



    align-items: center;



    justify-content: center;



    font-size: 22px;



    font-weight: 700;



    color: #b6b6b6;



    background: rgba(0,0,0,.1);



    border-right: 1px solid #807d7d;



    border-bottom: 1px solid #807d7d;



    border-bottom-right-radius: 8px;



}



.content-catro-box .item .scetcik span{



	margin-top: 3px;



}











.content-mobile-desktop .title-box {



    position: absolute;



    left: 0;



    right: 0;



    top: -35px



}







.content-mobile-desktop .title {



    position: relative;



    padding: 10px 65px;



    font-size: 20px;



    text-transform: uppercase;



    font-weight: 900;



    z-index: 10



}







.content-mobile-desktop .title:before {



    content: "";



    position: absolute;



    top: 0;



    right: 0;



    bottom: 0;



    left: 0;



    background-color: #4bfbb8;



    transform: skew(170deg);



    z-index: -1



}







.content-mobile-desktop .title:after {



    content: "";



    position: absolute;



    top: 0;



    right: 0;



    bottom: 0;



    left: 0;



    background-color: #4bfbb8;



    transform: skew(-170deg);



    z-index: -1



}







.content-mobile-desktop .item {



	background: #170510;



	text-shadow: 1px 1px 2px #312626;



	border-radius: 7px;



	padding: 40px 20px 20px 20px;



	height: 100%;



	position: relative;



	border: 1px solid #e6339b;



}







i.icon-mobile {



    background-image: url(/images/icon/002-smartphone.png);



    width: 40px;



    height: 40px;



}



i.icon-desktop {



    background-image: url(/images/icon/001-computer.png);



    width: 40px;



    height: 40px;



}















.content-tvo-box .item {



		border: 1px solid #e6339b;



    text-shadow: 1px 1px 2px #312626;



    border-radius: 7px;



    padding: 0px;



    height: 100%;



    position: relative;



    text-align: center;



		background: rgba(230,51,155,.1)



}







.content-tvo-box .item .title {



    position: relative;



    padding: 11px 0 7px;



    font-size: 20px;



    text-transform: uppercase;



    font-weight: 900;



    z-index: 10;



    background-color: #e6339b;



    text-align: center;



    display: block;



    margin-bottom: 10px;



    border-radius: 7px 7px 0px 0px;



}



.content-tvo-box .item .pretitle{



	padding: 20px;



	border-radius: 0 0 7px 7px;



}



.content-tvo-box .item .pretitle ul{



	text-align: left;



	padding: 0;



	list-style-type: none;



}



.content-tvo-box .item .pretitle li{



	position: relative;



	padding-left: 30px;



}



.content-tvo-box .item .pretitle li:before{



	content: "-";



	position: absolute;



	left: 0;



	top: 50%;



	font-size: 16px;



	font-weight: bold;



	color: #4bfbb8;



	width: 20px;



	height: 20px;



	background-color: #e6339b;



	vertical-align: top;



	text-align: center;



	line-height: 21px;



	border-radius: 50%;



	margin-top: -12px;



}



.content-tvo-box .ferst .item .pretitle li:before{



	content: "+";



}











.text-pretitle blockquote{



	display: flex;



	width: 100%;



	padding: 20px 20px 20px 60px;



	border: 1px solid #e6339b;



	position: relative;



	border-radius: 7px;



	margin-bottom: 20px;



	align-items: center;



	min-height: 80px;



}



.text-pretitle blockquote p{margin: 0;padding: 0;}



.text-pretitle blockquote:before{



	content: '';



	position: absolute;



	left: 0;



	top: 0px;



	bottom: 0;



	background-image: url(/images/src/ico/vishny.png);



	width: 60px;



	height: 100%;



	background-repeat: no-repeat;



	background-size: 40px;



	background-position: center;



	margin-top: 0;



}











.faq-blocks .faq-header{



	text-transform: uppercase;



	font-size: 20px;



	color: #e6339b;



	border: 1px solid #4bfbb8;



	border-radius: 7px;



	padding: 20px 60px 20px 20px;



	margin-bottom: 20px;



	position: relative;



	cursor: pointer;



}



.faq-blocks .faq-header:before{



	content: '';



	position: absolute;



	right: 20px;



	top: 0;



	bottom: 0;



	background-image: url(/images/icon/back-to-top.png);



	width: 60px;



	height: 100%;



	background-repeat: no-repeat;



	background-size: 40px;



	background-position: center;



	transition: all .3s;



}



.faq-blocks .faq-header.rotate:before{



	transform: rotate(180deg);



}







.faq-blocks .faq-content{transition: all .3s;}











.content-mobile-compatible-devices{text-align: center;}



.content-mobile-compatible-devices h3{color: #4bfbb8;}











.content-bonuses .item{



	border: 0px solid #4bfbb8;



	border-radius: 7px;



	overflow: hidden;



	background: #170510;



	box-shadow: 0px 1px 1px #e6339b;



	position: relative;



	height: 100%;



	padding-bottom: 90px;



}



.content-bonuses .title{



    text-transform: uppercase;



    font-size: 18px;



    color: #e6339b;



    border-bottom: 1px solid #4bfbb8;



    margin-bottom: 20px;



    padding: 20px 20px 16px;



    line-height: 20px;



}



.content-bonuses .text{    padding: 0px 10px;}







.content-bonuses .text p{    line-height: 18px;



    text-align: justify;



    margin-bottom: 10px;}







.content-bonuses .btn-box{



	position: absolute;



	left: 20px;



	right: 20px;



	bottom: 20px;



}



.cocie {



    position: fixed;



    bottom: 0;



    left: 0;



    right: 0;



    background: rgba(13,9,15,.8);



    z-index: 9999;



    padding: 10px



}



.box-header{



	padding-top: 275px;



}



.box-header h1{



	font-size: 50px;



}



.text-pretitle{



	margin-top: 20px;



}



.footer{



	margin-top: 30px;



	padding-top: 30px;



	padding-bottom: 30px;



}



p {



    margin: 0 0 10px;



}



.box-dmca-icon .plus18 {



    display: flex;



    justify-content: center;



    align-items: center;



    width: 40px;



    height: 40px;



    color: #888;



    background: rgba(57,57,57,.2);



    font-size: 16px;



    font-weight: 700;



    line-height: 1;



    border: 2px solid #888;



    border-radius: 50%



}



.box-dmca-icon .plus18 span{margin-top: 4px;}







@media (max-width: 992px){



header {background: rgba(0,0,0,.4);}



.box-header h1{font-size: 41px;}



.content-game {grid-template-columns: repeat(4,1fr);}



}







@media (max-width: 768px){



.box-header h1{font-size: 31px;}



	header .btn-box a.btn-a{display: none;}



	header .btn-box a {margin-left: 0px;}



	 .btn-box a.btn-b{margin-left: 10px;}



	header{padding: 0px;}



	body {background-image: none;}



	.box-header {padding-top: 30px;}



	.text-pretitle {padding: 10px;}



	.box-content h2{font-size: 20px;margin-bottom: 15px;}



	.box-content h3,.box-content h4 {font-size: 18px;margin-bottom: 15px;}



	.content-mobile-desktop .title {padding: 10px 10px;font-size: 15px;}



	.content-game {grid-template-columns: repeat(2,1fr);}



	.text-pretitle p > img{max-width: 100%;height: auto;float: none!important;display: block;margin: auto;}



}







@media (max-width: 576px){



	header .btn-box a .img-res{width: 70px;}



	header .btn-box a.btn-b{font-size: 11px;margin-left: 10px;}



	.content-game .box-img .box-hover .btn-box{top: 30px;}



}







body.box-ban-animate {



	background-image: none;



}



.box-ban-animate .box-header {



	padding-top: 0px;



}



.box-ban-img-login{



	position: relative;



	height: 300px;



}



.box-ban-img-login .img-login{



    width: 100%;



    height: 100%;



    object-fit: cover;



}



.box-ban-img-login .logo-slid{



	position: absolute;



    z-index: 10;



    left: 0;



    right: 0;



    bottom: 20px;



    display: flex;



    justify-content: center;



    align-items: center;



}



.box-ban-img-login .btn-slid{



    position: absolute;



    z-index: 10;



    left: calc(50% - 108.5px);



    top: 20px;



    padding: 15px;



}



.box-ban-img-login .btn-slid:after, .box-ban-img-login .btn-slid:before {



    content: '';



    position: absolute;



    left: -50px;



    top: -14px;



    background-image: url(/images/blur-left.png);



    background-repeat: no-repeat;



    background-position: left;



    background-size: cover;



    width: 280px;



    height: 150px;



    animation: splide-loading 2s infinite;



}



.box-ban-img-login .btn-slid:before {



    background-image: url(/images/blur-right.png);



    left: auto;



    right: -50px;



    top: -17px;



    animation: splide-loading2 2s infinite;



}



.box-ban-img-login .btn-slid a {



	position: relative;



	z-index: 100;



}



.box-ban-img-login .btn-slid a:before{



	content: '';



    position: absolute;



    right: -44px;



    bottom: -63px;



    background-image: url(/images/cursore.png);



    width: 60px;



    height: 60px;



    background-position: center;



    background-size: cover;



    z-index: 30;



    animation: splide-loading3 2s infinite;



}



.href-footer{



    text-transform: uppercase;



    font-size: 20px;



    color: #e6339b;



    text-align: center;



    display: block;



    font-weight: 600;



}



.href-footer:hover{



    color: #e6339b;



    opacity: .9;



}



@keyframes splide-loading {



    0% {



      opacity: 1;



    }



    50% {



      opacity: .4;



    }



    100% {



      opacity: 1;



    }



}



@keyframes splide-loading2 {



    0% {



      opacity: .5;



    }



    50% {



      opacity: 1;



    }



    100% {



      opacity: .5;



    }



}



@keyframes splide-loading3 {



    0% {



      opacity: 0;



	    right: -44px;



	    bottom: -63px;



    }



    100% {



    	opacity: 1;



	    right: -30px;



	    bottom: -29px;



    }



}



.footer-links {



    display: flex;



    flex-wrap: wrap;



    justify-content: space-around;



    margin-bottom: 15px;



}



.fl-item {



    display: inline-block;



    color: #fff;



    margin: 5px;



    line-height: 1.2;



}



.fl-item:hover {



    text-decoration: underline;



    color: #fff;



}



.gray-block {



	 display: flex;



   align-items: center;



	 background: #2a2d37;



	 color: #fff;



	 border-radius: 10px;



   margin: 25px 0;



	 padding: 20px;



	 overflow: hidden;



}



 .gray-block .gb-text {



	 flex: 1 1 auto;



}



 .gray-block .gb-img {



	 flex: 0 0 430px;



   display: flex;



   justify-content: center;



	 margin-left: 20px;



}



 .gray-block img {



   border: 1px solid #fff;



	 border-radius: 20px;



   box-shadow: 0 0 25px 0px #000;



   max-width: 100%;



   height: auto;



}



 .gray-block .gb-btn {



	 display: flex;



	 justify-content: center;



	 margin-top: 15px;



}



 .gray-block .btn {



	 color: #000 !important;



	 box-shadow: none !important;



	 min-width: 160px;



}



 @media (max-width: 991px) {



	 .gray-block {



		 flex-direction: column;



     margin: 15px 0;



	}



	 .gray-block .gb-img {



		 flex: 0 0 auto;



		 margin: 20px 0 0 0;



	}



}