@charset "utf-8";
/* CSS Document */
.wrapper{
	width: 100%;
	height: auto;
	text-align: center;
	margin: 0 auto;
	font-size: 1.0rem;
	font-family: Roboto, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
	color: #ffffff;
	background: #000b26;
	overflow: hidden;
	display: block;
}
.w-100, .section{
	width: 100%;
	height: auto;
	text-align: center;
	margin: 0 auto;
	display: block;
}
.section{
	padding: 10px 0;
}
.header{
	background: #19264b;
}
.icon-lang img{
	width: 22px;
	margin-right: 10px;
}
.icon-user img{
	width: 15px;
	margin-right: 5px;
}
.btn-lang{
	color: #ffffff;
}
.logo a img{
	width: 65px;
	height: auto;
	text-align: left;
	padding: 5px 0;
}
.left-one ul li{
	width: 100%;
	height: auto;
	text-align: left;
	margin: 7px auto;
	vertical-align: middle;
	display: block;
}
.left-one ul li a{
	color: #e3e3e3;
	font-size: 1.0rem;
	padding: 10px 0;
	vertical-align: middle;
	display: block;
}
.left-one ul li a span{
	vertical-align: middle;
}
.left-one ul li a span.icon-pc{
	width: 25px;
	height: 25px;
	display: inline-block;
	margin-right: 7px;
}
.left-one ul li:hover> a, .left-one ul li.actives a{
	color: #ffc107;
}
.left-one ul li a span.icon-pc-home{
	background: url("../images/icon/home.png") no-repeat;
	background-size: 100% 100%;
	
}
.left-one ul li:hover span.icon-pc-home, .left-one ul li.actives span.icon-pc-home{
	background: url("../images/icon/hover/home.png") no-repeat;
	background-size: 100% 100%;
	
}
.left-one ul li a span.icon-pc-wallet{
	background: url("../images/icon/wallet.png") no-repeat;
	background-size: 100% 100%;
	
}
.left-one ul li:hover span.icon-pc-wallet, .left-one ul li.actives span.icon-pc-wallet{
	background: url("../images/icon/hover/wallet.png") no-repeat;
	background-size: 100% 100%;
	
}
.left-one ul li a span.icon-pc-promo{
	background: url("../images/icon/promo.png") no-repeat;
	background-size: 100% 100%;
	
}
.left-one ul li:hover span.icon-pc-promo, .left-one ul li.actives span.icon-pc-promo{
	background: url("../images/icon/hover/promo.png") no-repeat;
	background-size: 100% 100%;
	
}
.left-one ul li a span.icon-pc-livechat{
	background: url("../images/icon/chat.png") no-repeat;
	background-size: 100% 100%;
	
}
.left-one ul li:hover span.icon-pc-livechat, .left-one ul li.actives span.icon-pc-livechat{
	background: url("../images/icon/hover/chat.png") no-repeat;
	background-size: 100% 100%;
	
}
.left-one ul li a span.icon-pc-sport{
	background: url("../images/icon/sport.png") no-repeat;
	background-size: 100% 100%;
	
}
.left-one ul li:hover span.icon-pc-sport, .left-one ul li.actives span.icon-pc-sport{
	background: url("../images/icon/hover/sport.png") no-repeat;
	background-size: 100% 100%;
	
}
.left-one ul li a span.icon-pc-casino{
	background: url("../images/icon/casino.png") no-repeat;
	background-size: 100% 100%;
	
}
.left-one ul li:hover span.icon-pc-casino, .left-one ul li.actives span.icon-pc-casino{
	background: url("../images/icon/hover/casino.png") no-repeat;
	background-size: 100% 100%;
	
}
.left-one ul li a span.icon-pc-slot{
	background: url("../images/icon/slot.png") no-repeat;
	background-size: 100% 100%;
}
.left-one ul li:hover span.icon-pc-slot, .left-one ul li.actives span.icon-pc-slot{
	background: url("../images/icon/hover/slot.png") no-repeat;
	background-size: 100% 100%;
}
.left-one ul li a span.icon-pc-lottery{
	background: url("../images/icon/lottery.png") no-repeat;
	background-size: 100% 100%;
}
.left-one ul li:hover span.icon-pc-lottery, .left-one ul li.actives span.icon-pc-lottery{
	background: url("../images/icon/hover/lottery.png") no-repeat;
	background-size: 100% 100%;
}
.left-one ul li a span.icon-pc-number{
	background: url("../images/icon/number.png") no-repeat;
	background-size: 100% 100%;
}
.left-one ul li:hover span.icon-pc-number, .left-one ul li.actives span.icon-pc-number{
	background: url("../images/icon/hover/number.png") no-repeat;
	background-size: 100% 100%;
}
.left-one ul li a span.icon-pc-fishing{
	background: url("../images/icon/fishing.png") no-repeat;
	background-size: 100% 100%;
}
.left-one ul li:hover span.icon-pc-fishing, .left-one ul li.actives span.icon-pc-fishing{
	background: url("../images/icon/hover/fishing.png") no-repeat;
	background-size: 100% 100%;
}
.left-one ul li a span.icon-pc-cocks{
	background: url("../images/icon/cocks.png") no-repeat;
	background-size: 100% 100%;
}
.left-one ul li:hover span.icon-pc-cocks, .left-one ul li.actives span.icon-pc-cocks{
	background: url("../images/icon/hover/cocks.png") no-repeat;
	background-size: 100% 100%;
}
.left-one ul li a span.icon-pc-poker{
	background: url("../images/icon/poker.png") no-repeat;
	background-size: 100% 100%;
}
.left-one ul li:hover span.icon-pc-poker, .left-one ul li.actives span.icon-pc-poker{
	background: url("../images/icon/hover/poker.png") no-repeat;
	background-size: 100% 100%;
}
.left-one ul li a span.icon-pc-voucher{
	background: url("../images/icon/voucher.png") no-repeat;
	background-size: 100% 100%;
}
.left-one ul li:hover span.icon-pc-voucher, .left-one ul li.actives span.icon-pc-voucher{
	background: url("../images/icon/hover/voucher.png") no-repeat;
	background-size: 100% 100%;
}
.left-one ul li a span.icon-pc-app{
	background: url("../images/icon/download.png") no-repeat;
	background-size: 100% 100%;
}
.left-one ul li:hover span.icon-pc-app, .left-one ul li.actives span.icon-pc-app{
	background: url("../images/icon/hover/download.png") no-repeat;
	background-size: 100% 100%;
}
.mainpage{
	padding-top: 100px;
}
.left-one{
	padding: 10px 0;
	border-bottom: 1px solid #19264b;
}
.carousel-item img{
	border-radius: 10px;
}
.millions{
	background: #131d39;
	border-radius: 10px;
	display: block;
	overflow: hidden;
}
.icon-millions img{
	width: 100%;
	height: auto;
	max-width: 100px;
}
.header-section{
	width: 100%;
	height: auto;
	text-align: left;
	padding: 10px 5px;
	display: block;
}
.header-section h1{
	font-size: 1.1rem;
	font-weight: bold;
	display: block;
}
.title-millions{
	text-align: left;
}
.title-millions p{
	font-size: 1.0rem;
	color: #ffffff;
}
.title-millions p{
	font-size: 1.1rem;
	color: #ffffff;
}
.million-user{
	text-align: left;
	vertical-align: middle;
}
.million-user span{
	display: inline-block;
	color: #ffffff;
	vertical-align: middle;
}
.million-user span p{
	color: #ffffff;
	font-size: 0.8rem;
}
.amount{
	text-align: right;
}
.amount p{
	color: #ffc107;
	font-size: 0.9rem;
}
.item-million{
	width: 100%;
	height: auto;
	padding: 10px 10px;
}
.bg-01{
	background: #15234b;
}
.header-millions{
	padding: 0 10px;
}
.surprise{
	background: url("../images/surprise/luck-surprise-bg_v3.webp") no-repeat;
	background-size: 100% 100%;
	height: 212px;
	display: block;
}
.text-luck{
	position: absolute;
	left: 50px;
	top: 50px;
	z-index: 1;
	font-size: 1.9rem;
	color: #ffffff;
	font-weight: bold;
}
.icon-surprise{
	position: absolute;
	left: 100px;
	top: 20px;
	z-index: 2;
}
.text-surprise{
	position: absolute;
	left: 165px;
	top: 90px;
	font-size: 1.9rem;
	color: #ffffff;
	font-weight: bold;
	z-index: 3;
}
.footer-surprise{
	width: 100%;
	height: auto;
	text-align: center;
	margin: 0 auto;
	display: block;
}
.footer-surprise span{
	font-size: 1.0rem;
	color: #ffffff;
	padding: 5px 2px;
}
.float {
      animation: float 6s ease-in-out infinite;
}
@keyframes float {
  0% {
    -webkit-filter: drop-shadow(10px 15px 5px #222);
    filter: drop-shadow(10px 15px 5px #222);
    transform: translatey(0px); }
  50% {
    -webkit-filter: drop-shadow(25px 15px 15px #222);
    filter: drop-shadow(25px 15px 15px #222);
    transform: translatey(-20px); }
  100% {
    -webkit-filter: drop-shadow(10px 15px 5px #222);
    filter: drop-shadow(10px 15px 5px #222);
    transform: translatey(0px); } 
}
.licenses{
	background: #19264b url("../images/licenses/bg_v2.webp") no-repeat;
	padding: 10px 10px;
}
.container-licenses ul{
	display: flex;
	padding: 10px;
}
.container-licenses ul li{
	flex: 1;
	margin: 2px;
}
.container-licenses ul li img{
	width: 100%;
	border-radius: 5px;
}
.header-licenses{
	text-align: left;
}
.header-licenses h1{
	font-size: 1.1rem;
	padding: 10px 0;
}
.box-commitment{
	background-image: radial-gradient(ellipse at top left, rgba(24, 16, 152, 1) 0%, transparent 50%), radial-gradient(ellipse at bottom right, rgba(24, 16, 152, 1) 0%, transparent 33%);
    background-size: 100% 100%;
	border-radius: 15px;
	position: relative;
	padding: 10px 20px;
	display: block;
}
.header-commit{
	width: 100%;
	height: 60px;
}
.header-commit p{
	width: 100%;
	height: auto;
	max-width: 200px;
	text-align: left;
	padding: 10px 0;
	font-size: 16px;
	font-weight: bold;
	line-height: 20px;
	color: #ffffff;
	display: block;
}
.contain-comm{
	padding: 20px 0;
}
.contain-comm p{
	font-size: 14px;
	color: #FFFFFF;
	text-align: left;
	line-height: 18px;
	display: block;
}
.icon-commi{
	position: absolute;
	right: 0;
	top: 20px;
	z-index: 1;
}
.icon-commi img{
	width: 50px;
}
.recom-hot{
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
	background: #155191;
	border-radius: 10px;
	overflow: hidden;
}
.hot-recom {
  position: relative;
  width: 100%;
	
}

.image-rh {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
}

.middle {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

.hot-recom:hover .image-rh {
  opacity: 0.3;
}

.hot-recom:hover .middle {
  opacity: 1;
}

.icon-play {
  color: white;
  font-size: 16px;
  padding: 16px 32px;
}
.title-recom span{
	font-size: 0.8rem;
	color: #ffffff;
	font-weight: bold;
	text-transform: uppercase;
	vertical-align: middle;
	white-space: nowrap;
	flex: 1;
}
.title-recom span img{
	height: 20px;
	width: auto;
	text-align: right!important;
}
.icon-play img{
	width: 55px;
	height: auto;
}
.title-recom span.logo-game{
	text-align: right !important;
}
.title-recom{
	width: 100%;
	height: auto;
	padding: 5px;
	display: flex;
}
.recom-hot:hover> .hot-recom{
	text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px darkblue;
}
.thumbnail{
	width: 100%;
	height: auto;
	background: url("../images/bg-games.png") no-repeat;
	background-size: 100% 100%;
	padding: 10px;
	position: relative;
	display: block;
}
.img-wrap {
  margin: 0 auto;
  display: table;
  margin-top: 2%;
  img {
    height: auto;
    width: 100%;
    transition: transform 0.5s;
  }
  :hover {
    -ms-transform: scale(1.1); /* IE 9 */
    -webkit-transform: scale(1.1); /* Safari 3-8 */
    transform: scale(1.1);
  }
}
.titlegams{
	width: 100%;
	height: auto;
	text-align: center;
	margin: 0 auto;
	font-size: 1.1rem;
	color: #ffffff;
	font-weight: bold;
	position: absolute;
	left: 0;
	bottom: 27px;
	text-transform: uppercase;
	z-index: 1;
}
.thumbnail:hover> .titlegams{
	text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px darkblue;
}
.bg-footer{
	background: #0a1430;
}
.header-section-footer h1{
	font-size: 0.9rem;
	color: #EFEFEF;
	display: block;
}
.section-footer{
	padding: 10px 0;
	text-align: left;
}
.contain-footer ul {
	text-align: left;
}
.contain-footer ul li{
	display: inline-block;
	padding: 10px 10px;
}
.contain-footer ul li a img{
	height: 30px;
}
.nav-footer ul{
	display: flex;
}
.nav-footer ul li{
	flex: 1;
}
.nav-footer ul li a{
	width: 100%;
	padding: 10px 0;
	display: block;
	color: #ffffff;
	font-size: 0.9rem;
}
.copy-right{
	width: 100%;
	text-align: right;
}
.copy-right p{
	color: #EBEBEB;
	font-size: 0.9rem;
	padding: 10px 0;
}
.thumbnails-bg {
  width: 100%;
  height: auto;
  text-align: center;
  margin: 0 auto; }
.thumbnails-bg a {
  position: relative;
  display: block;
  height: 245px;
  background-size: cover; }
.thumbnails-bg a img {
  max-width: 100%;
  height: auto;
  vertical-align: middle; }
.thumbnails-bg a span {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100px;
  padding: 0 15px;
  transition-duration: 0.3s;
  color: white;
  font-size: 20px;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold; }
.thumbnails-bg a:hover {
  transform: translateY(5px); }
.thumbnails-bg a:hover > span {
  transform: translateY(-10px); }
.bg-slots {
    background: url(../images/lobby/slot/slot-lobby-bg.png) no-repeat;
    background-size: 100% 100%;
    display: block;
}
.sport-lobby {
    background: url(../images/lobby/sport/sport-lobby-bg.png) no-repeat;
    background-size: 100% 100%;
    display: block;
}
.casino-lobby {
    background: url(../images/lobby/casino/casino-lobby-bg.png) no-repeat;
    background-size: 100% 100%;
    display: block;
}
.poker-lobby {
    background: url(../images/lobby/poker/bg.png) no-repeat;
    background-size: 100% 100%;
    display: block;
}
.box {
  width: 100%;
  height: auto;
  color: #fff;
  font-size: 16px;
  overflow: hidden;
  position: relative;
  text-align: right;
  -webkit-transition: all 0.45s ease;
  transition: all 0.45s ease;
  border-radius: 10px;
  margin-bottom: 7px;
  background: #465586 url("../images/lobby/getimgs.svg") no-repeat; }
.box img {
  width: 100%;
  height: 100%; }
.box:before, .box:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #120b6f;
  opacity: 0.5;
  -webkit-transition: all 0.45s ease;
  transition: all 0.45s ease; }
.box:before {
  -webkit-transform: skew(30deg) translateX(80%);
  transform: skew(30deg) translateX(80%); }
.box:after {
  -webkit-transform: skew(-30deg) translateX(70%);
  transform: skew(-30deg) translateX(70%); }
.box:hover:before, .box.hover:before {
  -webkit-transform: skew(30deg) translateX(30%);
  transform: skew(30deg) translateX(30%);
  -webkit-transition-delay: 0.05s;
  transition-delay: 0.05s; }
.box:hover:after, .box.hover:after {
  -webkit-transform: skew(-30deg) translateX(20%);
  transform: skew(-30deg) translateX(20%); }
.box .box-content {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: 1;
  bottom: 0;
  padding: 20px 20px 20px 40%; }
.box .box-content:before, .box .box-content:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #120b6f;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.7);
  opacity: 0.5;
  z-index: -1;
  -webkit-transition: all 0.45s ease;
  transition: all 0.45s ease; }
.box .box-content:before {
  -webkit-transform: skew(30deg) translateX(100%);
  transform: skew(30deg) translateX(100%); }
.box .box-content:after {
  -webkit-transform: skew(-30deg) translateX(90%);
  transform: skew(-30deg) translateX(90%); }
.box:hover .box-content:before, .box.hover .box-content:before {
  -webkit-transform: skew(30deg) translateX(50%);
  transform: skew(30deg) translateX(50%);
  -webkit-transition-delay: 0.15s;
  transition-delay: 0.15s; }
.box:hover .box-content:after, .box.hover .box-content:after {
  -webkit-transform: skew(-30deg) translateX(40%);
  transform: skew(-30deg) translateX(40%);
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s; }
.box h3, .box p {
  margin: 0;
  opacity: 0;
  letter-spacing: 1px; }
.box h3 {
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 10px;
  text-transform: uppercase; }
.box p {
  font-size: 15px; }
.box:hover h3, .box.hover h3, .box:hover p, .box.hover p {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 0.9; }
.pc{
	display: inline-block;
}
	.m{
		display: none;
	}
@media (max-width: 600px){
	.pc{
	display: none;
}
	.m{
		display: inline-block !important;
	}
	.logo a img {
		width: 100px;
		height: auto;
		text-align: left;
		padding: 5px 0;
}
	.logo a{
		display: inline-block;
		vertical-align: middle;
	}
	.logo a.m{
		margin-right: 10px;
	}
	.logo a.m img{
		width: 25px;
	}
	.logo{
		padding: 5px 0;
	}
	.copy-right{
		text-align: center;
	}
	.mainpage {
    padding-top: 76px;
}
	.titlegams {
    width: 100%;
    height: auto;
    text-align: center;
    margin: 0 auto;
    font-size: 0.8rem;
    color: #ffffff;
    font-weight: bold;
    position: absolute;
    left: 0;
    bottom: 10px;
    text-transform: uppercase;
    z-index: 1;
}
.title-recom span {
    font-size: 0.6rem;
    color: #ffffff;
    font-weight: bold;
    text-transform: uppercase;
    vertical-align: middle;
    white-space: nowrap;
    flex: 1;
}
	.offcanvas{
		background: #19264b;
	}
	.btn-close{
		width: 25px;
		height: 25px;
		background: none;
		opacity: 1;
		display: inline-block;
	}
	.item-nav-mobile{
		width: 100%;
		height: auto;
		background: #263b73;
		border-radius: 10px;
		position: relative;
		overflow: hidden;
		display: block;
	}
	.item-nav-mobile img{
		width: 100%;
	}
	.item-nav-mobile p{
		position: absolute;
		left: 20px;
		top: 10px;
		color: #ffffff;
		font-size: 0.8rem;
		display: block;
	}
	.offcanvas-body{
		padding: 5px !important;
	}
	.nav-mobile ul li{
		width: 100%;
		height: auto;
		text-align: left;
		margin: 2px auto;
		vertical-align: middle;
		display: block;
	}
	.nav-mobile ul li a{
		font-size: 0.9rem;
		color: #ffffff;
		width: 100%;
		height: auto;
		padding: 10px 10px;
		display: block;
	}
	.nav-mobile ul li.action-nav a{
		color: #0dcaf0;
	}
	.nav-mobile ul li a span{
		width: 24px;
		height: 24px;
		margin-right: 10px;
		display: inline-block;
		vertical-align: middle;
	}
	.nav-mobile ul li a span.icon-home{
		background: url("../images/icon/home.png") no-repeat;
		background-size: 100% 100%;
		display: inline-block;
	}
	.nav-mobile ul li a span.icon-deposit{
		background: url("../images/icon/deposit.png") no-repeat;
		background-size: 100% 100%;
		display: inline-block;
	}
	.nav-mobile ul li a span.icon-withdraw{
		background: url("../images/icon/withdraw.png") no-repeat;
		background-size: 100% 100%;
		display: inline-block;
	}
	.nav-mobile ul li a span.icon-transfter{
		background: url("../images/icon/transfter.png") no-repeat;
		background-size: 100% 100%;
		display: inline-block;
	}
	.nav-mobile ul li a span.icon-vip{
		background: url("../images/icon/vip.png") no-repeat;
		background-size: 100% 100%;
		display: inline-block;
	}
	.nav-mobile ul li a span.icon-affiliate{
		background: url("../images/icon/affiliate.png") no-repeat;
		background-size: 100% 100%;
		display: inline-block;
	}
	.nav-mobile ul li a span.icon-downloads{
		background: url("../images/icon/downloads.png") no-repeat;
		background-size: 100% 100%;
		display: inline-block;
	}
	.nav-mobile ul li a span.icon-Contact{
		background: url("../images/icon/24-hours-support.png") no-repeat;
		background-size: 100% 100%;
		display: inline-block;
	}
	.btn-block{
		width: 100%;
	}
	.icon-lang-mobile{
		margin-right: 10px;
	}
	.icon-lang-mobile img{
		width: 24px;
		height: auto;
	}
	.thumbnails-bg a {
        position: relative;
        display: block;
        height: 135px !important;
        background-size: cover;
    }
	    .thumbnails-bg a span {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 50px;
        padding: 0 15px;
        transition-duration: 0.3s;
        color: white;
        font-size: 20px;
        text-transform: uppercase;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: bold;
    }
}