/**************************************************************
	* @Author: Anthony Payumo 
	* @Date:   November 23, 2020
	* @Email: 1010payumo@gmail.com
	* @Desc: GAMES PAGE | CONTENT DESIGN
	
	NOTE:
	for animation can do animation fade in (right, left, center)
	or you can apply this line inside "tab-content-img" selector for animation of dice and chips
	sample tags commented in first tabs pane
	
	PAGE CONTROLS:
		- sportsbook.php
		- esports.php
		- poker.php
		- lottery.php
		- horseracing.php
		- fishing.php
	
	***************************************************************/
	/*START MAIN CONTENT*/
	.bg-sports{background-image:url('../../includes/images/sportsbook/new/pagebg.png') !important;}
	.bg-esports{background-image:url('../../includes/images/esports/new/pagebg.png') !important;}
	.bg-livecasino{background-image:url('../../includes/images/livecasino/new/pagebg.png') !important;}
	.bg-pokers{background-image:url('../../includes/images/poker/new/pagebg.png') !important;}
	.bg-lottery{background-image:url('../../includes/images/lottery/new/pagebg.png') !important;}
	.bg-horseracing{background-image:url('../../includes/images/horseracing/new/pagebg.png') !important;}
	.bg-fishing{background-image:url('../../includes/images/fishing/new/pagebg.png') !important;}
	.bg-miki{background-image:url('../../live-racing/images/Frame1000003301.png') !important;}
	.bg-mikirace{background-image:url('../../includes/images/mikirace/pagebg.png') !important;}

	/*START MAIN CONTENT*/
	.main-content{
		background-repeat: no-repeat;
		background-size: 100% 100%;
		background-position: top center;
	}
	/*END MAIN CONTENT*/
	
	/*START ITEM MENU*/
	.content-item-section{
		position:absolute;
		box-shadow: 2px 2px 1px rgba(216,58,58,1);
		border-radius: 35px;
		border: 1px solid #f58672;
		margin-top: -75px;
	}
	.content-item-menu {
		background: rgb(216,58,58);
		background: linear-gradient(360deg, rgba(216,58,58,1) 0%, rgba(245,134,114,1) 79%, rgba(245,134,114,1) 100%);
		border-radius: 35px;
		position: relative;
		z-index:0;
	}
	.content-item-menu a{
		display: inline-block;
		cursor: pointer;
		box-sizing: border-box;
		position:relative;
		z-index:1;
		color:#fff;
		padding: .5rem .4rem;
		font-weight: 700;
		animation-timing-function:ease;
		/*transition-duration:0.6s;*/
		font-size: 14px;
	}
	.content-item-menu .selector{
		/* height:100%; */
		height: 35px;
		display:inline-block;
		position:absolute;
		left:0px;
		top:0px;
		z-index:1;
		border-radius:35px;
		transition-duration:0.4s;
		/*transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);*/
		background: #fff;
	}
	/*END ITEM MENU*/
	
	/*START TAB CONTENT*/
	.tab-content-desc{margin-top: 30px;}
	.tab-content-img .cimg1{position: absolute;left:20%;bottom: 100px;}
	.tab-content-img .cimg2{position: relative;left: 48px;}
	.tab-content-img .cimg3{position: absolute;right: -25px;}
	.tab-content-img .cimg2 img{ width: 800px;object-fit: contain;min-width: 100%;max-width: 100%;}
	.tab-content-img .cimg2.jili__char img{ 
		width: 800px;
		position: relative;
		object-fit: unset;
		min-width: unset;
		max-width: unset;
	}
	.tab-content-desc{color:#fff !important;}
	.tab-content-desc h1{font-size: 4rem;}
	.jili_games {
		position: relative;
		display: grid;
		grid-template-columns: auto auto auto auto;
		gap: 10px;
		z-index: 1;
		margin-bottom: 20px;
	}
	.jili_cards {
		position: relative;
		display: grid;
		grid-template-columns: auto auto auto;
		gap: 10px;
		z-index: 1;
		margin-bottom: 30px;
	}
	/* PULSE */
	.pulse:hover {
		animation-name: pulse;
		animation-duration: 1s;
		animation-timing-function: ease-out;
		animation-iteration-count: infinite;
		animation-direction: reverse;
	}
	@keyframes pulse {
		50% {
		transform: scale(0.9);
		}
		100% {
		transform: scale(1);
		}
	}
	.jili_games .jiligame1,
	.jili_games .jiligame2,
	.jili_games .jiligame3,
	.jili_games .jiligame4,
	.jili_games .jiligame5,
	.jili_games .jiligame6,
	.jili_games .jiligame7,
	.jili_games .jiligame8,
	.jili_games .jiligame9,
	.jili_games .jiligame10,
	.jili_games .jiligame11 {
		width: 160px;
		height: 160px;
	}
	.jili_cards .jilicard1 img,
	.jili_cards .jilicard2 img,
	.jili_cards .jilicard3 img,
	.jili_cards .jilicard4 img,
	.jili_cards .jilicard5 img,
	.jili_cards .jilicard6 img,
	.jili_cards .jilicard7 img,
	.jili_cards .jilicard8 img,
	.jili_cards .jilicard9 img,
	.jili_cards .jilicard10 img,
	.jili_cards .jilicard11 img,
	.jili_cards .jilicard12 img,
	.jili_cards .jilicard13 img,
	.jili_cards .jilicard14 img {
		width: 225px;
		height: auto;
	}
	/*END TAB CONTENT*/
	
	/*bootstrap custom*/
	.content-item-menu .nav-link.active, .content-item-menu .show>.nav-link{
		background-color: transparent !important;
		transition-duration:0.4s;
		color:#643111 !important;
	}
	.content-item-menu .nav-item{height:auto !important; width:auto !important;}
	.content-item-menu .nav-item:hover{background: none !important;}
	.btn-section{ margin-top: 100px;}
	.btn-section.jili-fishing{ 
		margin-top: unset;
	}
	.btn-section .btn-primary{
		border-radius: 35px !important;
		border-style: solid;
		border-width: 4px;
		border-color: #fff;
		background: rgb(245,134,114) !important;
		background: linear-gradient(90deg, rgba(245,134,114,1) 0%, rgba(216,58,58,1) 50%, rgba(245,134,114,1) 100%) !important;
		padding: .375rem 2rem;
	}
	.btn-section .btn-primary:active, .btn-section .btn-primary:focus{
		box-shadow: none !important;
		border-color: #fff !important;
		background: rgb(216,58,58) !important;
		background: linear-gradient(90deg, rgba(216,58,58,0.6811099439775911) 0%, rgba(216,58,58,1) 50%, rgba(216,58,58,0.6895133053221288) 100%) !important;
	}
	
	/*START ANIMATION*/
	.doAnimate{
		-webkit-animation-duration: .5s;
		animation-duration: .5s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
	}
	.doDelay3s{
		-webkit-animation-delay: .3s;
		-moz-animation-delay: .3s;
		animation-delay: .3s;
	}
	.doDelay2s{
		-webkit-animation-delay: .2s;
		-moz-animation-delay: .2s;
		animation-delay: .2s;
	}
	
	/*FADE IN*/
	@-webkit-keyframes fadeIn {
		from {opacity: 0; }
		to {opacity: 1;}
	}
	@keyframes fadeIn {
		from {opacity: 0;}
		to {opacity: 1;}
	}
	.fadeIn {
		-webkit-animation-name: fadeIn;
		animation-name: fadeIn;
	}

	/*FADE IN RIGHT*/
	@-webkit-keyframes fadeInRight {
		from {
			opacity: 0;
			-webkit-transform: translate3d(100%, 0, 0);
			transform: translate3d(100%, 0, 0);
		}
		to {
			opacity: 1;
			-webkit-transform: none;
			transform: none;
		}
	}
	@keyframes fadeInRight {
		from {
			opacity: 0;
			-webkit-transform: translate3d(100%, 0, 0);
			transform: translate3d(100%, 0, 0);
		}
		to {
			opacity: 1;
			-webkit-transform: none;
			transform: none;
		}
	}

	.fadeInRight {
		-webkit-animation-name: fadeInRight;
		animation-name: fadeInRight;
	}

	/*FADE IN LEFT*/
	@-webkit-keyframes fadeInLeft {
		from {
			opacity: 0;
			-webkit-transform: translate3d(-100%, 100px, 0);
			transform: translate3d(-100%, 100px, 0);
		}
		to {
			opacity: 1;
			-webkit-transform: none;
			transform: none;
		}
	}
	@keyframes fadeInLeft {
		from {
			opacity: 0;
			-webkit-transform: translate3d(-100%,100px, 0);
			transform: translate3d(-100%, 100px, 0);
		}
		to {
			opacity: 1;
			-webkit-transform: none;
			transform: none;
		}
	}
	.fadeInLeft {
		-webkit-animation-name: fadeInLeft;
		animation-name: fadeInLeft;
	}

	/*FADE IN CENTER*/
	@-webkit-keyframes fadeInCenter {
		from {
			opacity: 0;
			-webkit-transform: translate3d(5%, 10%, 0);
			transform: translate3d(5%, 10%, 0);
		}
		to {
			opacity: 1;
			-webkit-transform: none;
			transform: none;
		}
	}
	@keyframes fadeInCenter {
		from {
			opacity: 0;
			-webkit-transform: translate3d(5%, 0, 0);
			transform: translate3d(5%, 0, 0);
		}
		to {
			opacity: 1;
			-webkit-transform: none;
			transform: none;
		}
	}
	.fadeInCenter {
		  -webkit-animation-name: fadeInCenter;
		  animation-name: fadeInCenter;
	}
	/*END ANIMATION*/



/* New style */
/* @seth */
.page .new-badge {
    background-image: url('/includes/images/header_footer/new_navbar/menu_icons/new-v2.png');
    background-size: contain;
    background-repeat: no-repeat;
}

  
.page .hot-badge {
    background-image: url('/includes/images/header_footer/new_navbar/menu_icons/hot-new.png');
    background-size: contain;
    background-repeat: no-repeat;
}
  
.page .new-badge-menu {
    width: 43px;
    height: 23px;
    right: -20px;
    bottom: 30px;
}

.page .new-badge-menu.lm {
    right: -14px;
}
  
.page .new-badge-item {
    width: 50px;
    height: 50px;
    right: -14%;
    top: -16%;
}

.page .icon {
    display: flex;
    width: 18px;
    height: 18px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    margin-left: 14px;
}
.page .icon.sportsbook {
    background-image: url('../images/header_footer/new_navbar/menu_icons/sports.png');
}
.page .icon.esports {
    background-image: url('../images/header_footer/new_navbar/menu_icons/E-Sports.png');
}
.page .icon.livecasino {
    background-image: url('../images/header_footer/new_navbar/menu_icons/casino.png');
}
.page .icon.slots {
    background-image: url('../images/header_footer/new_navbar/menu_icons/slots.png');
}
.page .icon.pokers {
    background-image: url('../images/header_footer/new_navbar/menu_icons/Cards.png');
}
.page .icon.lottery {
    background-image: url('../images/header_footer/new_navbar/menu_icons/Lottery.png');
}
.page .icon.fishing {
    background-image: url('../images/header_footer/new_navbar/menu_icons/Fishing.png');
}
.page .icon.racing {
    background-image: url('../images/header_footer/new_navbar/menu_icons/APP.png');
}
.page .icon.horse {
    background-image: url('../images/header_footer/new_navbar/menu_icons/horse.png');
}
.page .icon.download {
    background-image: url('../images/header_footer/new_navbar/menu_icons/download.png');
}

/* .page .announcement .timer {
    width: 120px;
} */
.page .announcement .texts {
    width: 100%;
}

.download-app {
    margin-top: 40px;
}
.download-app .content {
    background: #FFFFFF;
    box-shadow: 0px 0px 10px 0px #0000001A;
    border-radius: 25px;
    overflow: hidden;
}
.download-app .content > div {
    display: flex;
    justify-content: center;
    padding: 10px 0;
    position: relative;
}
.download-app .content .bg {
    background-color: #0B1B4B;
}
.download-app .content .bg > div {
    gap: 16px;
}
.download-app .content .bg img {
    width: 202px;
    height: 68px;
}
.download-app .content .bg p {
    color: #D8D8D8;
    font-size: 14px;
    font-weight: 400;
    line-height: 19px;
    margin: 0;
}

.download-app .content .divider {
    width: 1px;
    background: #DCDCDC;
    height: 106px;
    float: right;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.download-app .content .header h5 {
    color: #0B1B4B;
    font-size: 36px;
    font-weight: 700;
}
.download-app .content .header h6 {
    color: #FFA300;
    font-size: 36px;
    font-weight: 400;
}

.download-app .content .qr-codes .logo {
    display: flex;
    align-items: center;
    gap: 6px;
}
.download-app .content .qr-codes .logo img {
    width: 15.6px;
    height: 17.83px;
}
.download-app .content .qr-codes .logo span {
    color: #999999;
    font-size: 20px;
    font-weight: 700;
}
.download-app .content .qr-codes .qr-code > img {
    width: 114.41px;
    height: 114.41px;
}




/* Sports */
.page .sports {
    margin-top: 60px;
    padding-bottom: 60px;
}
.page .carousel .carousel-inner {
    padding: 80px 0;
}
.page .carousel .carousel-item {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

.page .carousel .carousel-item .saba .body {
    background-image: url('../images/sportsbook/new/saba-bg.png');
}
.page .carousel .carousel-item ._77sports .body {
    background-image: url('../images/sportsbook/new/77sports-bg.png');
}
.page .carousel .carousel-item .sbobet .body {
    background-image: url('../images/sportsbook/new/sbobet-bg.png');
}
.page .carousel .carousel-item .afb88 .body {
    background-image: url('../images/sportsbook/new/afb88-bg.png');
}
.page .carousel .carousel-item .pinnacle .body {
    background-image: url('../images/sportsbook/new/pinnacle-bg.png');
}

.page .carousel .carousel-item .item .body {
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    text-align: right;
    width: 100%;
    height: 463.2px;
    border-radius: 0 0 13.35px 13.35px;
    overflow: hidden;

}
.page .carousel .carousel-item .item .body .mask {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(102.96deg, rgba(0, 0, 0, 0.79) 39.85%, rgba(0, 0, 0, 0.32) 100%);
}
.page .carousel .carousel-item .item .body .line {
    background-image: url('../images/sportsbook/new/line.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 241px;
    height: 8px;
    align-self: center;
    margin: 0 auto;
}
.page .carousel .carousel-item .item .body .header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding: 10px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    z-index: 2;
}
.page .carousel .carousel-item .item .overlay {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(463px - 36px);
    background: rgba(0, 0, 0, 0.65);
}
.page .carousel .carousel-item .item .overlay > div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.page .carousel .carousel-item .item .overlay > div h5 {
    font-size: 20px;
    font-weight: 700;
    color: #FFFFFF;
}
.page .carousel .carousel-item .item .overlay > div p {
    font-size: 12px;
    font-weight: 600;
    color: #FFFFFF;
    margin: 0;
}
.page .carousel .carousel-item .item .overlay > div p.colored {
    color: #FFA300;
}
.page .carousel .carousel-item .item:hover .top,
.page .carousel .carousel-item .item:hover .bottom {
    background: #FFA300;
}
.page .carousel .carousel-item .item:hover .overlay {
    display: flex;
    justify-content: center;
    align-items: center;
}
.page .carousel .carousel-item .item .body > img {
    position: absolute;
    top: 0;
    right: 0;
}
.page .carousel .carousel-item .item {
    width: 267px;
    height: 508px;
    /* overflow: hidden; */
    border-radius: 13.35px;
    position: relative;
}
.page .carousel .carousel-item .item .top {
    background: #296760;
    color: #FFFFFF;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    padding: 10px 0;
    position: relative;
    border-radius: 13.35px 13.35px 0 0;
}
.page .carousel .carousel-item .item .top h4 {
    margin: 0;
    font-size: 16px;
}
.page .carousel .carousel-item .item .spacer {
    background-color: #ffffff;
    height: 4px;
    width: 100%;
}
.page .carousel .carousel-item .item .bottom {
    position: absolute;
    bottom: 0;
    height: 36px;
    width: 100%;
    background: rgba(0, 0, 0, 0.8);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 4;
    border-radius: 0 0 13.35px 13.35px;
}
.page .carousel .carousel-item .item .bottom p {
    font-size: 16px;
    font-weight: 600;
    color: #FFFFFF;
    margin: 0;
}
.page .carousel .carousel-item .item.is-maintenance .overlay {
    display: flex!important;
    justify-content: center;
}
.page .carousel .carousel-item .item.is-maintenance .overlay > div {
    display: none;
}
.page .carousel .carousel-item .item.is-maintenance .overlay .maintenance {
    display: flex!important;
}
.page .carousel .carousel-item .item.is-maintenance .top,
.page .carousel .carousel-item .item.is-maintenance .bottom {
    background: #B4B4B4;
}
.page .carousel .carousel-item .item.is-maintenance .bottom p {
    display: none;
}
.page .carousel .carousel-item .item.is-maintenance .bottom p.maintenance { 
    display: block!important;
}
.page .carousel .carousel-item .item .maintenance {
    display: none!important;
}

.page .carousel-nav {
    width: 100%;
    height: 120px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 50px;
}
.page .carousel-nav * {
    position: relative;
}
.page .carousel-nav a {
    width: 39px;
    height: 39px;
    background: #B4B4B4;
    border-radius: 31px;
}
.page .carousel-nav a:hover {
    background: #0B1B4B;
}
.page .carousel-nav .carousel-indicators {
    bottom: 0;
    margin: 0;
}
.page .carousel-nav .carousel-indicators li {
    width: 14px;
    height: 14px;
    background-color: #D9D9D9!important;
    border: none;
    outline: none;
}
.page .carousel-nav .carousel-indicators li.active {
    background-color: #FFA300!important;
}


/* E-Sports */
.main-content.bg-esports {
    background-size: auto;
}
.esports-page .carousel .carousel-item .pinnacle .body {
    background-image: url('../images/esports/new/pinnacle-bg.png');
}
.esports-page .carousel .carousel-item .saba .body {
    background-image: url('../images/esports/new/saba-bg.png');
}
.esports-page .carousel .carousel-item .im .body {
    background-image: url('../images/esports/new/im-bg.png');
}
.esports-page .carousel .carousel-item .cmd368 .body {
    background-image: url('../images/esports/new/cmd368-bg.png');
}
.esports-page .carousel .carousel-item .item .top {
    background: #871EA3;
}


/* Lottery */
.main-content.bg-lottery {
    background-size: 100% 110%;
}
.lottery-page .carousel .carousel-item .bd .body {
    background-image: url('../images/lottery/new/bd-bg.png');
}
.lottery-page .carousel .carousel-item .gpi_foreign .body {
    background-image: url('../images/lottery/new/gpi-foreign-bg.png');
}
.lottery-page .carousel .carousel-item .gpi_government .body {
    background-image: url('../images/lottery/new/gpi-government-bg.png');
}
.lottery-page .carousel .carousel-item .item .top {
    background: #30788E;
}

/* Live Casino */
.livecasino-page .carousel .carousel-item .sbo .body {
    background-image: url('../images/livecasino/new/sbo-bg.png');
}
.livecasino-page .carousel .carousel-item .won-casino .body {
    background-image: url('../images/livecasino/new/won-casino-bg.png');
}
.livecasino-page .carousel .carousel-item .sa-gaming .body {
    background-image: url('../images/livecasino/new/sa-gaming-bg.png');
}
.livecasino-page .carousel .carousel-item .pp .body {
    background-image: url('../images/livecasino/new/pp-bg.png');
}
.livecasino-page .carousel .carousel-item .evolution .body {
    background-image: url('../images/livecasino/new/evolution-bg.png');
}
.livecasino-page .carousel .carousel-item .item .top {
    background: #B00C0C;
}

/* Pokers */
.main-content.bg-pokers {
    background-size: auto;
}
.pokers-page .carousel .carousel-item .kp .body {
    background-image: url('../images/poker/new/kp-bg.png');
}
.pokers-page .carousel .carousel-item .km .body {
    background-image: url('../images/poker/new/km-bg.png');
}
.pokers-page .carousel .carousel-item .item .top {
    background: #B07E47;
}

/* Miki Race */
.main-content.bg-mikirace {
    background-size: auto;
}
.mikirace-page .carousel .carousel-item .miki .body {
    background-image: url('../images/mikirace/miki-bg.png');
}
.mikirace-page .carousel .carousel-item .item .top {
    background: #6F1C02;
}

/* Horse Race */
.main-content.bg-horseracing {
    background-size: auto;
}
.horseracing-page .carousel .carousel-item .evo .body {
    background-image: url('../images/horseracing/new/evo-bg.png');
}
.horseracing-page .carousel .carousel-item .item .top {
    background: #0D35AC;
}

/* Fishing */
.main-content.bg-fishing {
    background-size: auto;
}
.fishing-page .carousel .carousel-item .item {
    width: 353.99px;
    height: auto;
}
.fishing-page .carousel .carousel-item .item .content {
    display: flex;
}
.fishing-page .carousel .carousel-item .item .content .figure {
    width: 245px;
    transition: all 0.2s ease-in-out;
}
.fishing-page .carousel .carousel-item .item .content .ribbon,
.fishing-page .carousel .carousel-item .item .content h4 {
    position: absolute;
}
.fishing-page .carousel .carousel-item .item .content .ribbon {
    bottom: -13px;
}
.fishing-page .carousel .carousel-item .item .content h4 {
    bottom: 16px;
    left: 50%;
    transform: translateX(-50%);
    font-family: NotoSansBold;
    color: #FFFFFF;
    font-weight: 600;
    font-size: 16px;
    text-shadow: rgb(59, 70, 152) 3px 0px 0px, 
                rgb(59, 70, 152) 2.83487px 0.981584px 0px, 
                rgb(59, 70, 152) 2.35766px 1.85511px 0px, 
                rgb(59, 70, 152) 1.62091px 2.52441px 0px, 
                rgb(59, 70, 152) 0.705713px 2.91581px 0px, 
                rgb(59, 70, 152) -0.287171px 2.98622px 0px, 
                rgb(59, 70, 152) -1.24844px 2.72789px 0px, 
                rgb(59, 70, 152) -2.07227px 2.16926px 0px, 
                rgb(59, 70, 152) -2.66798px 1.37182px 0px, 
                rgb(59, 70, 152) -2.96998px 0.42336px 0px, 
                rgb(59, 70, 152) -2.94502px -0.571704px 0px, 
                rgb(59, 70, 152) -2.59586px -1.50383px 0px, 
                rgb(59, 70, 152) -1.96093px -2.27041px 0px, 
                rgb(59, 70, 152) -1.11013px -2.78704px 0px, 
                rgb(59, 70, 152) -0.137119px -2.99686px 0px, 
                rgb(59, 70, 152) 0.850987px -2.87677px 0px, 
                rgb(59, 70, 152) 1.74541px -2.43999px 0px, 
                rgb(59, 70, 152) 2.44769px -1.73459px 0px, 
                rgb(59, 70, 152) 2.88051px -0.838247px 0px;
    margin: 0;
    width: 100%;
    text-align: center;
}
.fishing-page .carousel .carousel-item .item .overlay {
    height: auto;
    background-color: transparent;
}
.fishing-page .carousel .carousel-item .item .overlay .play a {
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 400;
    text-decoration: none;
    border: 1px solid #FFFFFF99;
    padding: 4px 12px;
    border-radius: 5px;
}
.fishing-page .carousel .carousel-item .item .overlay .play a:hover {
    background-color: #FFA300;
}
.fishing-page .carousel .carousel-item .item:hover .figure,
.fishing-page .carousel .carousel-item .item.is-maintenance .figure {
    -webkit-filter: brightness(50%);
    -moz-filter: brightness(50%);
    filter: brightness(50%);
}
.fishing-page .carousel .carousel-item .item.is-maintenance {
    pointer-events: none;
}
.fishing-page .carousel .carousel-item .item .overlay .maintenance {
    justify-content: flex-start;
    margin-top: 50px;
}
.fishing-page .carousel .carousel-item .item .overlay .maintenance p {
    font-size: 11px;
    font-weight: 500;
}
.fishing-page .carousel .carousel-item .item .icon-holder {
    position: relative;
    background: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 160px;
    height: 42px;
    border-radius: 40px;
    box-shadow: 0px 3px 8px 0px #00000040;
    margin: 24px auto 0;
    transition: all 0.2s ease-in-out;
}
.fishing-page .carousel .carousel-item .item:hover .icon-holder {
    background-color: #FFA300;
}
.fishing-page .carousel .carousel-item .item.is-maintenance .icon-holder .maintenance {
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block!important;
    border-radius: 40px;
}
.fishing-page .new-badge-menu {
    width: 60px;
    height: 37px;
    right: -40px;
    bottom: 22px;
}
.fishing-page .carousel .carousel-inner {
    padding: 120px 0 250px;
}


/* Slots page */
.game-page .carousel-item {
    /*height: 420px;*/
}
.game-page .carousel-item img {
    width: 100%;
}
.game-page .pricePool {
    background-image: url('/includes/images/slots/new/pagebg.png');
    background-repeat: repeat-y;
    background-position: top center;
    background-size: auto;
}
.game-page .pricePool .vendorTabs {
    width: 1200px;
    height: 50%;
    bottom: 0;
    margin: 70px auto 0;
    /* box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1); */
    border-radius: 41px;
    padding-bottom: 210px;
}
.game-page .pricePool .vendorTabs .tab {
    display: flex;
    flex-wrap: wrap;
    background-color: #FFFFFF;
    border-top-left-radius: 41px;
    border-top-right-radius: 41px;
    overflow: hidden;
    border-bottom: 5px solid #0B1B4B;
    box-shadow: 0px -29px 89px -45px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0px -29px 89px -45px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px -29px -89px -45px rgba(0,0,0,0.5);
}
.game-page .pricePool .vendorTabs .tablinks {
    width: 171px;
    height: 50px;
    display: flex;
    justify-content: center;
    position: relative;
    align-items: center;
}
.game-page .pricePool .vendorTabs .tablinks > img {
    width: 60%;
}
.game-page .pricePool .vendorTabs .tablinks:hover,
.game-page .pricePool .vendorTabs .tablinks.active {
    background-color: #EAEAEA;
}
.game-page .new-badge-menu {
    right: 20px;
    top: 0;
}
.game-page .pricePool .vendorTabs .tablinks .maintenance {
    display: none;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
}
.game-page .pricePool .vendorTabs .tablinks .maintenance img {
    width: 33px;
    height: 33px;
}
.game-page .pricePool .vendorTabs .tablinks .maintenance p {
    font-size: 12px;
    font-weight: 500;
    color: #FFFFFF;
    margin: 0;
}
.game-page .pricePool .vendorTabs .tablinks .maintenance.is-maintained {
    display: flex;
    gap: 10px;
    justify-content: center;
    align-items: center;
}

.game-page .pricePool .vendorTabs .tabcontent {
    background-color: #FFFFFF;
    border-bottom-left-radius: 41px;
    border-bottom-right-radius: 41px;
    padding: 30px 20px 0;
    box-shadow: 0px 29px 89px -50px rgba(0,0,0,0.49);
    -webkit-box-shadow: 0px 29px 89px -50px rgba(0,0,0,0.49);
    -moz-box-shadow: 0px 29px 89px -50px rgba(0,0,0,0.49);
}
.game-page .pricePool .vendorTabs .tabcontent > h4 {
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 0px;
    text-align: left;
    color: #153574;
}
.game-page .pricePool .vendorTabs .tabcontent .filter {
    margin-top: 18px;
}
.game-page .pricePool .vendorTabs .tabcontent .filter ul {
    margin-block-start: 0;
    margin-block-end: 0;
    padding-inline-start: 0;
    display: inline;
    gap: 20px;
    align-items: center;
}
.game-page .pricePool .vendorTabs .tabcontent .filter ul li {
    display: inline-block;
    margin: 0px;
    line-height: 28px;
    margin-right: 10px;
}

.game-page .pricePool .vendorTabs .tabcontent .filter a {
    /* font-size: 18px; */
    font-weight: 400;
    text-align: left;
    color: #838C9D;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;

    /* Add */
    padding-left: 30px;
    background-repeat: no-repeat;
    background-size: contain;
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 8px;
}
.game-page .pricePool .vendorTabs .tabcontent .filter a:hover,
.game-page .pricePool .vendorTabs .tabcontent .filter ul li.active-category a {
    color: #0B1B4B;
}
.game-page .pricePool .vendorTabs .tabcontent .filter .icon-all {
    background-image: url('/includes/images/filter_icons/iall.png');
}
.game-page .pricePool .vendorTabs .tabcontent .filter .icon-new {
    background-image: url('/includes/images/filter_icons/inew.png');
}
.game-page .pricePool .vendorTabs .tabcontent .filter .icon-hot {
    background-image: url('/includes/images/filter_icons/ihot.png');
}
.game-page .pricePool .vendorTabs .tabcontent .filter a:hover .icon-all,
.game-page .pricePool .vendorTabs .tabcontent .filter ul li.active-category .icon-all {
    background-image: url('/includes/images/filter_icons/iall_c.png');
}
.game-page .pricePool .vendorTabs .tabcontent .filter a:hover .icon-new,
.game-page .pricePool .vendorTabs .tabcontent .filter ul li.active-category .icon-new {
    background-image: url('/includes/images/filter_icons/inew_c.png');
}
.game-page .pricePool .vendorTabs .tabcontent .filter a:hover .icon-hot,
.game-page .pricePool .vendorTabs .tabcontent .filter ul li.active-category .icon-hot {
    background-image: url('/includes/images/filter_icons/ihot_c.png');
}
.game-page .pricePool .vendorTabs .tabcontent .filter .icon-search {
    background-image: url('/includes/images/filter_icons/search.png');
}
.game-page .pricePool .vendorTabs .tabcontent .filter .icon {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    box-shadow: 0px 0px 8px 0px #9A9A9A40;
    border-radius: 50%;
    width: 35px;
    height: 35px;
}




.game-page .pricePool .vendorTabs .tabcontent .filter ul li
.game-page .pricePool .vendorTabs .tabcontent .filter ul li img {
width: auto;
height: auto;
}
.game-page .pricePool .vendorTabs .tabcontent .filter ul li span {
padding: 0px 0px 0px 35px;
}
.game-page .pricePool .vendorTabs .tabcontent .filter ul li .icon-heart {
background-image: url('/includes/images/slots/Filter Icons/icon-heart.svg');
}
.game-page .pricePool .vendorTabs .tabcontent .filter ul li .icon-heart:hover {
background-image: url('/includes/images/slots/Filter Icons/icon-heart.svg');
}
.game-page .pricePool .vendorTabs .tabcontent .filter ul li .icon-heart-sel {
background-image: url('/includes/images/slots/Filter Icons/icon-heart-sel.svg');
}
.game-page .pricePool .vendorTabs .tabcontent .filter ul li .icon-star {
background-image: url('/includes/images/slots/Filter Icons/icon-star.svg');
}
.game-page .pricePool .vendorTabs .tabcontent .filter ul li .icon-star:hover {
background-image: url('/includes/images/slots/Filter Icons/icon-star.svg');
}
.game-page .pricePool .vendorTabs .tabcontent .filter ul li .icon-heart-sel {
background-image: url('/includes/images/slots/Filter Icons/icon-star-sel.svg');
}
.game-page .pricePool .vendorTabs .tabcontent .filter ul li .icon-multistar {
background-image: url('/includes/images/slots/Filter Icons/icon-multi-star.svg');
}
.game-page .pricePool .vendorTabs .tabcontent .filter ul li .icon-multistar:hover {
background-image: url('/includes/images/slots/Filter Icons/icon-multi-star.svg');
}
.game-page .pricePool .vendorTabs .tabcontent .filter ul li .icon-multistar-sel {
background-image: url('/includes/images/slots/Filter Icons/icon-multi-star-sel.svg');
}
.game-page .pricePool .vendorTabs .tabcontent .filter ul li.category-slots .game-category{
background-image: url('/includes/images/slots/Filter Icons/icon-seven.svg');
}
.game-page .pricePool .vendorTabs .tabcontent .filter ul li.category-slots .game-category:hover {
background-image: url('/includes/images/slots/Filter Icons/icon-seven.svg');
}
.game-page .pricePool .vendorTabs .tabcontent .filter ul li .icon-seven-sel {
background-image: url('/includes/images/slots/Filter Icons/icon-seven-sel.svg');
}
.game-page .pricePool .vendorTabs .tabcontent .filter ul li.category-table_and_cards .game-category,
.game-page .pricePool .vendorTabs .tabcontent .filter ul li.category-live_dealer .game-category,
.game-page .pricePool .vendorTabs .tabcontent .filter ul li.category-table_games .game-category {
background-image: url('/includes/images/slots/Filter Icons/icon-chip.svg');
}
.game-page .pricePool .vendorTabs .tabcontent .filter ul li.category-table_and_cards .game-category:hover,
.game-page .pricePool .vendorTabs .tabcontent .filter ul li.category-table_games .game-category:hover {
background-image: url('/includes/images/slots/Filter Icons/icon-chip.svg');
}

.game-page .pricePool .vendorTabs .tabcontent .filter ul li.category-free_spin .game-category,
.game-page .pricePool .vendorTabs .tabcontent .filter ul li.category-arcade .game-category,
.game-page .pricePool .vendorTabs .tabcontent .filter ul li.category-arcade .game-category:hover,
.game-page .pricePool .vendorTabs .tabcontent .filter ul li.category-video_poker1 .game-category,
.game-page .pricePool .vendorTabs .tabcontent .filter ul li.category-video_poker1 .game-category:hover,
.game-page .pricePool .vendorTabs .tabcontent .filter ul li.category-video_poker .game-category,
.game-page .pricePool .vendorTabs .tabcontent .filter ul li.category-video_poker .game-category:hover {
background-image: url('/includes/images/promotion/icon-electronic-offer.svg');
}

.game-page .pricePool .vendorTabs .tabcontent .filter ul li.category-others .game-category,
.game-page .pricePool .vendorTabs .tabcontent .filter ul li.category-fixed_odds .game-category,
.game-page .pricePool .vendorTabs .tabcontent .filter ul li.category-fixed_odds .game-category{
background-image: url('/includes/images/promotion/icon-sports-offer.svg');
}
.game-page .pricePool .vendorTabs .tabcontent .filter ul li.category-card_games .game-category {
background-image: url('/includes/images/promotion/icon-poker-offer.png');
}
.game-page .pricePool .vendorTabs .tabcontent .filter ul li.category-scratch_card .game-category{
background-image: url('/includes/images/promotion/icon-scratch.png');
}
.game-page .pricePool .vendorTabs .tabcontent .filter ul li.category-sports .game-category{
background-image: url('/includes/images/promotion/icon-sports.png');
}
.game-page .pricePool .vendorTabs .tabcontent .filter ul li.category-others .game-category:hover {
background-image: url('/includes/images/promotion/icon-sports-offer.svg');
}
.game-page .pricePool .vendorTabs .tabcontent .filter ul li .game-all {
background-image: url('/includes/images/promotion/icon-live-offer.svg');
}
.game-page .pricePool .vendorTabs .tabcontent .filter ul li .game-all:hover {
background-image: url('/includes/images/promotion/icon-live-offer.svg');
}
.game-page .pricePool .vendorTabs .tabcontent .filter ul li .icon-chip-sel {
background-image: url('/includes/images/slots/Filter Icons/icon-chip-sel.svg');
}
.game-page .pricePool .vendorTabs .tabcontent .filter ul li.category-tournament .game-category,
.game-page .pricePool .vendorTabs .tabcontent .filter ul li.category-tournament .game-category:hover{
background-image: url('/includes/images/slots/Filter Icons/icon-tournament.svg');
}
.game-page .pricePool .vendorTabs .tabcontent .filter ul li.category-bingo .game-category,
.game-page .pricePool .vendorTabs .tabcontent .filter ul li.category-bingo .game-category:hover{
background-image: url('/includes/images/slots/Filter Icons/icon-bingo.svg');
}

.game-page .pricePool .vendorTabs .tabcontent .filter ul li.category-mini_games .game-category {
  background-image: url('/includes/images/slots/Filter Icons/icon-mini-games.svg');
}

.slotsPage .pricePool .vendorTabs .tabcontent .filter ul li.active-category {
    border-bottom: 2px solid #ff7d00;
}




.game-page .pricePool .vendorTabs .tabcontent .filter .searchDiv {
    display: flex;
    box-shadow: 0px 0px 10px 0px #0000001A;
    border-radius: 10px;
    overflow: hidden;
    flex: auto 0;
    justify-content: flex-end;
}
.game-page .pricePool .vendorTabs .tabcontent .filter .searchDiv input {
    width: 200px;
    height: 35px;
    background-color: #FFFFFF;
    padding: 9px 16px;
    color: #0B1B4B;
    border: none;
}
.game-page .pricePool .vendorTabs .tabcontent .filter .searchDiv input:focus-visible {
    outline: none;
}
.game-page .pricePool .vendorTabs .tabcontent .filter .searchDiv button {
    background-color: #0B1B4B;
    border-radius: 0 10px 10px 0;
    height: 35px;
    width: 35px;
    display: flex;
}
.game-page .pricePool .vendorTabs .tabcontent .filter .searchDiv button .icon {
    box-shadow: none;
}

.game-page .pricePool .vendorTabs .tabcontent .carousel .carousel-inner {
    padding: 30px 0;
}
.game-page .pricePool .vendorTabs .tabcontent .carousel .carousel-item {
    display: none;
}
.game-page .pricePool .vendorTabs .tabcontent .carousel .carousel-item.active {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 25px;
}
.game-page .pricePool .vendorTabs .tabcontent .carousel .carousel-item .item {
    width: 208px;
    height: 196px;
    box-shadow: 0px 0px 8px 0px #9A9A9A40;
    border-radius: 10px;
}
.game-page .pricePool .vendorTabs .tabcontent .carousel .carousel-item .item .top {
    height: 149px;
    width: 207px;
    overflow: hidden;
    display: flex;
    border-radius: 10px 10px 0 0;
    position: relative;
}
.game-page .pricePool .vendorTabs .tabcontent .carousel .carousel-item .item .top > img {
    width: 200%;
    height: 100%;
    margin-left: -90px;
}
.game-page .pricePool .vendorTabs .tabcontent .carousel .carousel-item .item .top .play {
    display: none;
    position: absolute;
    justify-content: center;
    align-items: center;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.55);
}
.game-page .pricePool .vendorTabs .tabcontent .carousel .carousel-item .item .top .play a {
    background-color: #FFA300;
    width: 183.02px;
    height: 37.1px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 500;
    color: #FFFFFF;
    text-decoration: none;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.game-page .pricePool .vendorTabs .tabcontent .carousel .carousel-item .item:hover .top .play {
    display: flex;
}
.game-page .pricePool .vendorTabs .tabcontent .carousel .carousel-item .item.is-maintenance:hover .top .play {
    display: none;
}
.game-page .pricePool .vendorTabs .tabcontent .carousel .carousel-item .item .top .maintenance {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
}
.game-page .pricePool .vendorTabs .tabcontent .carousel .carousel-item .item .top .maintenance > img {
    width: 50px;
    height: 50px;
}
.game-page .pricePool .vendorTabs .tabcontent .carousel .carousel-item .item .top .maintenance p {
    font-size: 11px;
    font-weight: 500;
    text-align: center;
    color: #FFFFFF;
    margin: 0;
}
.game-page .pricePool .vendorTabs .tabcontent .carousel .carousel-item .item .top .maintenance p.colored {
    color: #F19D27;
}
.game-page .pricePool .vendorTabs .tabcontent .carousel .carousel-item .item.is-maintenance .maintenance {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.game-page .pricePool .vendorTabs .tabcontent .carousel .carousel-item .item.is-maintenance + .play {
    display: none;
}

.game-page .pricePool .vendorTabs .tabcontent .carousel .carousel-item .item .bottom {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 47px;
}
.game-page .pricePool .vendorTabs .tabcontent .carousel .carousel-item .item .bottom p {
    font-size: 16px;
    font-weight: 400;
    color: #1F44B8;
    margin: 0;
}
.game-page .pricePool .vendorTabs .tabcontent .carousel .carousel-item.active {
    pointer-events: unset!important;
}

.game-page .pricePool .vendorTabs .carousel-nav-container {
    position: absolute;
    bottom: -110px;
    left: 50%;
    transform: translateX(-50%);
}
.game-page .pricePool .vendorTabs .carousel-nav {
    width: 100%;
    /* height: 210px; */
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 50px;
}
.game-page .pricePool .vendorTabs .carousel-nav * {
    position: relative;
}
.game-page .pricePool .vendorTabs .carousel-nav a {
    width: 39px;
    height: 39px;
    background: #B4B4B4;
    border-radius: 31px;
}
.game-page .pricePool .vendorTabs .carousel-nav a:hover {
    background: #0B1B4B;
}
.game-page .pricePool .vendorTabs .carousel-nav .carousel-indicators {
    bottom: 0;
    margin: 0;
}
.game-page .pricePool .vendorTabs .carousel-nav .carousel-indicators li {
    width: 14px;
    height: 14px;
    background-color: #D9D9D9!important;
    border: none;
    outline: none;
}
.game-page .pricePool .vendorTabs .carousel-nav .carousel-indicators li.active {
    background-color: #FFA300!important;
}


/* Game page */
.game-page.single-game-page .pricePool .vendorTabs {
    width: 1200px;
    height: 50%;
    bottom: 0;
    margin: 0;
    border-radius: 41px;
    padding: 30px 0;
}
.game-page.single-game-page .pricePool .vendorTabs .tabcontent > h4,
.game-page.single-game-page .pricePool .vendorTabs .tabcontent > div h4 {
    display: flex;
    gap: 14px;
    align-items: flex-end; 
}
.game-page.single-game-page .pricePool .vendorTabs .tab {
    background-color: #0B1B4B;
    justify-content: space-between;
    padding: 20px;
}

/* Fishing Game page */
.fishing-game.game-page .pricePool {
    background: none;
}
.bg-fishing.fishing-game {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
}

/* Poker Game page */
.poker-game.game-page .pricePool {
    background: none;
}
.bg-pokers.poker-game {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
}

/* Lottery Game page */
.lottery-game.game-page .pricePool {
    background: none;
    min-height: 630px;
}
.bg-lottery.lottery-game {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
}


@media (max-width: 980px) {
    .page .carousel .carousel-item {
        flex-direction: column;
    }
    .bg-sports {
        background-image: none!important;
    }
    .download-app {
        padding: 10px;
    }
    .download-app .content {
        width: 100%;
        margin: 0 auto;
    }
    .download-app .content .divider {
        display: none;
    }
    .page .announcement .timer {
        width: 40px;
    }
}

/* HIDE SLOTS DEMO BUTTON */
.vendorTabs .tournament.game-tournament .btn-play,
.vendorTabs .game-SMG_108HeroesWaterMargin .btn-play,
.vendorTabs .game-SMG_sharkPlatinum .btn-play{
    display: none !important;
}