/**************************************************************
	* @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/new_lobby/sports/background.png') !important;}
	.bg-esports{background-image:url('../../includes/images/new_lobby/esports/background.png') !important;}
	.bg-poker{background-image:url('../../includes/images/new_lobby/card/background.png') !important;}
	.bg-lottery{background-image:url('../../includes/images/new_lobby/lottery/background.png') !important;}
	.bg-horseracing{background-image:url('../../includes/images/new_lobby/horse_racing/background.png') !important;}
	.bg-fishing{background-image:url('../../includes/images/new_lobby/fishing/background.png') !important;}

	.main-content{
		background-repeat: no-repeat;
		background-size: 100% 100%;
		background-position: center center;
		min-height: 600px;
		max-height: 600px;
	}
	/*END MAIN CONTENT*/
	
	/*START ITEM MENU*/
	.content-item-section{
		position: absolute;
		box-shadow: 1px 0px 5px rgb(87 214 244);
		border-radius: 5px;
		border: 1px solid #0F51BB;
		/* margin-top: -45px; */
		z-index: 1;
	}
	.content-item-menu {
		background: linear-gradient(360deg,#3174DE, #0F51BB);
		border-radius: 5px;
		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;
		font-weight: 700;
		animation-timing-function:ease;
		/*transition-duration:0.6s;*/
		font-size: 17px;
	}
	.content-item-menu .selector{
		height:100%;
		display:inline-block;
		position:absolute;
		left:0px;
		top:0px;
		z-index:1;
		border-radius:5px;
		transition-duration:0.4s;
		background: #FAA520;
	}
	.nav-pills .nav-link.active, .nav-pills .show>.nav-link{
		background-color: #FAA520!important;
	}
	/*END ITEM MENU*/
	
	/*START TAB CONTENT*/
	.main-content .p-5{
		padding: 1rem!important;
	}
	
	.main-content .px-5{
		padding-left: 265px!important;
	}

	.tab-content-desc{
		margin-top: 30px;
		position: relative;
    	z-index: 1;
	}

	.bg-fishing2 .tab-content-desc{
		margin-top: 75px;
	}

	.bg-sports .tab-content-desc .doAnimate{
		height: 186px;
	}
	
	.bg-esports .tab-content-desc .doAnimate{
		height: 152px;
		margin-left: -15px;
	}
 
	#pills-vendor1 .tab-content-img-char {
		position: absolute;
		top: -12px;
		left: -150px;
	}
	#pills-vendor2 .tab-content-img-char {
		position: absolute;
		top: 20px;
		left: -170px;
	}
	#pills-vendor3 .tab-content-img-char {
		position: absolute;
		top: -12px;
		left: -125px;
	}
	.tab-content-img .cimg1{position: absolute;left:20%;bottom: 100px;}
	.tab-content-img .cimg3{position: absolute;right: -25px;}
	.tab-content-desc{color:#fff !important;}
	.tab-content-desc h1{font-size: 3rem;}
	/*END TAB CONTENT*/
	
	/*bootstrap custom*/
	.content-item-menu .nav-link.active, .content-item-menu .show>.nav-link{
		background-color: #FAA520;
		transition-duration:0.4s;
		color:#fff !important;
	}
	.content-item-menu .nav-item{
		height:auto !important;
		width:auto !important;
		border-right: 2px solid #3174DE;
	}
	.content-item-menu .nav-item:hover{background: none !important;}
	.btn-section{
		margin: 10px 0px 20px -5px;
	}
	.bg-sports .btn-section{
		margin: 25px 0px 20px -5px;
	}
	.p-2{
		margin-bottom: 20px;
		font-family: 'SF PRO DISPLAY', sans-serif;
		width: 620px;
		margin-left: 0px;
		padding: 0px!important;
	}
	.p-2 h3{
		font-weight: 600;
	}

	.main-content .tab-content{
		min-height: 465px !important;
		max-height: 550px;
	}
	.navbar .dropdown {
		z-index: 2;
	}
	.fishing__cont .tab-content-img.gmt .cimg4 img,
	.fishing__cont .tab-content-img .cimg2 img {
		width: 220px !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*/

@media screen and (min-device-width: 1850px) {
	.bg-fishing2 .tab-content-img.gmt {
		top: -165px!important;
		right: 90px!important;
		position: absolute!important;
	}
	.bg-fishing2 .tab-content-img.jdb {
		position: relative!important;
		left: 0px!important;
		top: -200px!important;
	}
	.bg-fishing2 .tab-content-img.jili {
		position: relative!important;
		left: -10px!important;
		top: -200px!important;
	}

	/* JDB Bubbles */
	.bg-fishing2 .tab-content-img.jdb .jdbimg7{
		top: 616px!important;
		right: 785px!important;
	}
	.bg-fishing2 .tab-content-img.jdb .jdbimg1{
		top: 450px!important;
		right: 765px!important;
	}
	.bg-fishing2 .tab-content-img.jdb .jdbimg6{
		top: 300px!important;
		right: 680px!important;
	}
}

.bg-fishing2 .tab-content-img.gmt {
	top: -165px;
    right: 45px;
    position: absolute;
}
.bg-fishing2 .tab-content-img.jdb {
	position: relative;
    left: 45px;
    top: -200px;
}
.bg-fishing2 .tab-content-img.jili {
	position: relative;
    left: 45px;
    top: -200px;
}
.bg-fishing2 .tab-content-img.jili div,
.bg-fishing2 .tab-content-img.jdb div,
.bg-fishing2 .tab-content-img.pp div,
.bg-fishing2 .tab-content-img.tpg div,
.bg-fishing2 .tab-content-img.ps div,
.bg-fishing2 .tab-content-img.gmt div {
	position: absolute;
}  
/* TPG BUBBLES */
.bg-fishing2 .tab-content-img.gmt .cimg2 {
	right: 190px;
    top: 185px;
}
.bg-fishing2 .tab-content-img.gmt .cimg4 {
	right: 520px;
    top: 175px;
}
/* JDB BUBBLES */
.bg-fishing2 .tab-content-img.jdb .jdbimg1 {
	right: 760px;
	top: 405px;
}
.bg-fishing2 .tab-content-img.jdb .jdbimg2 {
	right: 510px;
	top: 230px;
}
.bg-fishing2 .tab-content-img.jdb .jdbimg3{
	right: 345px;
	top: 235px;
}
.bg-fishing2 .tab-content-img.jdb .jdbimg4 {
	right: 200px;
	top: 315px;
}
.bg-fishing2 .tab-content-img.jdb .jdbimg5 {
	right: 125px;
	top: 460px;
}
.bg-fishing2 .tab-content-img.jdb .jdbimg6 {
	right: 670px;
	top: 265px;
}
.bg-fishing2 .tab-content-img.jdb .jdbimg7 {
	top: 580px;
    right: 765px;
}
.bg-fishing2 .tab-content-img.jdb .jdbimg8 {
	right: 100px;
	top: 590px;
}
/* JILI BUBBLES */

.bg-fishing2 .tab-content-img.jili .jdbimg1 {
	right: 740px;
    top: 405px;
	z-index: 250;
}
.bg-fishing2 .tab-content-img.jili .jdbimg2 {
	right: 280px;
    top: 600px;
}
.bg-fishing2 .tab-content-img.jili .jdbimg3{
	right: 80px;
    top: 225px;
}
.bg-fishing2 .tab-content-img.jili .jdbimg4 {
	right: 80px;
    top: 420px;
}
.bg-fishing2 .tab-content-img.jili .jdbimg5 {
	right: 80px;
    top: 580px;
}
.bg-fishing2 .tab-content-img.jili .jdbimg6 {
	right: 550px;
    top: 340px;
}
.bg-fishing2 .tab-content-img.jili .jdbimg7 {
	top: 580px;
    right: 740px;
}
.bg-fishing2 .tab-content-img.jili .jdbimg8 {
	top: 180px;
    right: 260px;
}
.bg-fishing2 .tab-content-img.jili .jdbimg9 {
	top: 190px;
    right: 670px;
}
.bg-fishing2 .tab-content-img.jili .jdbimg0 {
	top: 180px;
    right: 450px;
}
.bg-fishing2 .tab-content-img.jili .jdbimg11 {
	top: 360px;
    right: 250px;
}
.bg-fishing2 .tab-content-img.jili .jdbimg12 {
	top: 570px;
    right: 560px;
}



.bg-fishing2 .tab-content-img.pp .ppimg1 {
    right: 297px;
    top: 200px;
}
.bg-fishing2 .tab-content-img.pp .ppimg2 {
    right: 76px;
    top: 329px;
}
.bg-fishing2 .tab-content-img.pp .ppimg3 {
	right: 296px;
    top: 486px;
}
.bg-fishing2 .tab-content-img.tpg .tpgimg1 {
	top: 74px;
    right: 390px;
}
.bg-fishing2 .tab-content-img.tpg .tpgimg2 {
	top: 244px;
    right: 361px;
}
.bg-fishing2 .tab-content-img.tpg .tpgimg3 {
	top: 276px;
    right: 123px;
}
.bg-fishing2 .tab-content-img.tpg .tpgimg4 {
	top: 436px;
    right: 320px;
}
.bg-fishing2 .tab-content-img.tpg .tpgimg5 {
	top: 490px;
    right: 120px;
}
.bg-fishing2 .tab-content-img.ps .psimg1 {
	right: 470px;
    top: 290px;
}
.bg-fishing2 .tab-content-img.ps .psimg2 {
	top: 290px;
    right: 300px;
}
.bg-fishing2 .tab-content-img.ps .psimg3 {
	top: 290px;
    right: 115px;
}
.bg-fishing2 .tab-content-img.ps .psimg4 {
	top: 470px;
    right: 410px;
}
.bg-fishing2 .tab-content-img.ps .psimg5 {
	top: 470px;
    right: 240px;
}
.bg-fishing2 .tab-content-img.ps .psimg6 {
	top: 470px;
    right: 70px;
}
.bg-fishing2 .tab-content-img.jdb img {
	width: 140px;
	min-width: 10%;
}
.bg-fishing2 .tab-content-img.tpg img {
	width: 200px;
	min-width: 10%;
}
.bg-fishing2 .tab-content-img.pp img {
	width: 220px;
}
.bg-fishing2 .tab-content-img.ps img {
	width: 150px;
}
.gmt_tokyo_kombat .tab-content-img-char{
	position: absolute;
	
}
.gmt_tokyo_kombat .tab-content-img-char img{
	width: auto;
	max-width: 100%;
}
.bg-fishing2 .tab-content-img .comingsoon__wrapper {
	position: relative !important;
}
.bg-fishing2 .tab-content-img .comingsoon__wrapper img {
	position: absolute;
    top: -150px;
    right: 0;
    width: 60px;
}
.bg-sports #pills-tabContent .tab-content-img .cimg2 {
	position: absolute;
	right: 210px;
    top: 210px;
}
.bg-esports #pills-tabContent .tab-content-img .cimg2{
	position: absolute;
	right: 220px;
    top: 145px;
}
.bg-esports .tab-content-desc{
	margin-top: 75px;
}

.bg-sports #pills-tabContent .tab-content-img .cimg2 img,
.bg-esports #pills-tabContent .tab-content-img .cimg2 img {
	object-fit: contain;
}
.bg-sports #pills-tabContent .container .col-5{
	padding: 0px!important;
}
.bg-fishing2 #pills-tabContent .container .col-5{
	padding: 0px!important;
}
.bg-sports .content-item-section{
	margin-left: -15px;
}
.tab-content-desc img.comming__soon {
	width: 80px !important;
	position: relative;
	top: -25px;
	right: 40px;
}
.content-item-section .content-item-menu li img.comming__soon {
	position: absolute;
    width: 40px;
    right: 71px;
    top: -12px;
    z-index: 10;
}

.bg-fishing2 .content-item-section{
	position: absolute;
    box-shadow: 1px 0px 5px rgb(87 214 244);
    border-radius: 5px;
    border: 1px solid #0F51BB;
    margin-top: 465px;
	margin-left: -15px;
    z-index: 1;
}
/* 
.bg-fishing2 .tab-content-img-char{
	left: 760px!important;
    top: 255px!important;
} */
.bg-esports .px-5 #pills-tabContent .tab-pane{
	margin-top: -50px;
}
.bg-esports{
	 background-repeat: no-repeat;
	 background-size: 100% 100%;
	 background-position: center center;
	 min-height: 550px;
	 max-height: 600px;
 }

 .cimg2.sbobet {
	position: absolute !important;
	right: 210px !important;
    top: 35px !important;
}