/*====================================== reset.css is here ========================================*/
*{margin:0; padding:0; box-sizing:border-box; }
table {	border-collapse:collapse; border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal; }
ol,ul { list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {	font-size:100%;	font-weight:bold;}
q:before,q:after {content:'';}
abbr,acronym { border:0;}
.clear{clear:both; font-size:1px;line-height:1px; display:block; height:0;}
.clearfix:after{content:"";display:block;clear:both;}
.last	{margin:0 !important;}
.pad_last{padding:0 !important;}
.no_bg {background:none !important;}
.no_bor{border:0 none !important; }
img{display: block;height: auto;}
header,nav,section,article,aside,footer,hgroup,figure {display: block; }
/**************************************************************************************/
a {color:#4d4d4d; text-decoration:none; outline:0 none !important; }
a:hover, a:focus {color: #ffffff;  text-decoration:none; outline:0 none !important;}
h1 {font-family: 'SegoeUI-Bold';font-size:36px;line-height: 46px;color: #ffffff;font-weight: normal;}
h2 {font-family: 'Oswald-Light';font-size: 66px;line-height: 68px;color:  #C1272D;font-weight: normal;}
h3 {font-family: 'Oswald-Light';font-size: 48px;line-height: 52px;color: black;font-weight: bold;}
h4 {font-family: 'Oswald-Light';font-size:28px;line-height: 34px;color: #808080;font-weight: normal;}
h5 {font-family: 'Oswald-Light';font-size:13px; line-height: 15px; color: #ffffff;padding: 10px 0px;}
h6 {font-family: 'Oswald-Light';font-size: 21px;line-height: 23px;color: #717171;font-weight: normal;} /*color: #999999*/
p {font-family: 'SegoeUI-Light';font-size: 18px;line-height: 24px;color:  #ffffff;font-weight: normal;}
a{font-family: 'Oswald';font-size: 16px;line-height: 17px;color: #ffffff;font-weight: 400;}
strong{font-weight:bold;}
/*------------------fonts----------------*/

@font-face {
  font-family: 'FranklinGothic-Book';
  src: url('../fonts/FranklinGothic-Book/FranklinGothic-Book.eot?#iefix') format('embedded-opentype'), url('../fonts/FranklinGothic-Book/FranklinGothic-Book.woff') format('woff'), url('../fonts/FranklinGothic-Book/FranklinGothic-Book.ttf')  format('truetype'), url('../fonts/FranklinGothic-Book/FranklinGothic-Book.svg#FranklinGothic-Book') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Oswald-Bold';
  src: url('../fonts/Oswald-Bold/Oswald-Bold.eot?#iefix') format('embedded-opentype'),  
  url('../fonts/Oswald-Bold/Oswald-Bold.woff') format('woff'), 
  url('../fonts/Oswald-Bold/Oswald-Bold.ttf')  format('truetype'), 
  url('../fonts/Oswald-Bold/Oswald-Bold.svg#Oswald-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Oswald-Light';
  src: url('../fonts/Oswald-Light/Oswald-Light.eot?#iefix') format('embedded-opentype'),  
  url('../fonts/Oswald-Light/Oswald-Light.woff') format('woff'), 
  url('../fonts/Oswald-Light/Oswald-Light.ttf')  format('truetype'), 
  url('../fonts/Oswald-Light/Oswald-Light.svg#Oswald-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Oswald-Medium';
  src: url('../fonts/Oswald-Medium/Oswald-Medium.eot?#iefix') format('embedded-opentype'),  
  url('../fonts/Oswald-Medium/Oswald-Medium.woff') format('woff'), 
  url('../fonts/Oswald-Medium/Oswald-Medium.ttf')  format('truetype'), 
  url('../fonts/Oswald-Medium/Oswald-Medium.svg#Oswald-Medium') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
	font-family: 'Oswald-Regular';
	src: url('../fonts/Oswald-Regular/Oswald-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Oswald-Regular/Oswald-Regular.woff') format('woff'), url('../fonts/Oswald-Regular/Oswald-Regular.ttf') format('truetype'), url('../fonts/Oswald-Regular/Oswald-Regular.svg#Oswald-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
  font-family: 'Oswald-SemiBold';
  src: url('../fonts/Oswald-SemiBold/Oswald-SemiBold.eot?#iefix') format('embedded-opentype'),  
  url('../fonts/Oswald-SemiBold/Oswald-SemiBold.woff') format('woff'), 
  url('../fonts/Oswald-SemiBold/Oswald-SemiBold.ttf')  format('truetype'), 
  url('../fonts/Oswald-SemiBold/Oswald-SemiBold.svg#Oswald-SemiBold') format('svg');
  font-weight: normal;
  font-style: normal;
}







/*---------------------------------------------------*/
html {}
body {color:#4d4d4d;font-size:15px;background: #fff;font-weight: normal;}
.flt_lt {float:left; display:inline;}
.flt_rt {float:right; display:inline;}
.btn1 {color: #ffffff;text-align: center;background: #1c9dd8;display: block;padding: 12px 17px;border-radius: 5px;}
.btn2 {font-family: 'SegoeUI-Semibold'; font-size: 18px; line-height: 22px; color: #ffffff;text-align: center;background: #cb2e62;display: block;border-radius: 5px;width: 190px;}
.btn3 {font-family: 'SegoeUI-Bold'; font-size: 12px; line-height: 16px; color: rgba(255, 255, 255, 0.9);;text-align: center;background: #ed974f;display: block;border-radius: 15px;width: 70px;}

/*-----------------LayOut Start here-----------------*/
.wrapper{}
.container{width: 1100px; margin: 0 auto; max-width: 100%;}

/*-----------------Header Start here-----------------*/
header{background: #ca161f ;}
.header-in{padding: 23px 80px 23px 80px;border-bottom: 2px solid #808080;}
.img-fluid{max-width: 100%; height: auto;}
.logo{}
.logo figure{margin: 0 0;}
.navbar-brand .slogan{font-family: 'FranklinGothic-Book';font-size: 19.39px;line-height: 22px;font-weight: normal;color: #fcee21;display: block;padding: 0 0 0 7px;letter-spacing: 0px;}
.nav-main{margin: 0 0 0 -53px;padding: 10px 0;}
.nav{padding: 0 0 !important;}
.nav-cont > ul{}
.nav-cont > ul > li{display: inline-block;padding: 0 52px 0 0;}
.nav-cont > ul > li > a{font-family: 'Oswald-Regular';font-size: 16px;line-height: 24px;color: #ffffff !important;font-weight:400; padding: 0 0;}
.nav-cont > ul > li.active > a{ color: #fcee21 !important;}
.register-now{}
.register-now {margin: 0 0;padding: 7px 0;}
.register-now  > li{display: inline-block;padding: 0 0 0 0px; margin-right: 25px;}
/*.register-now > li > a{font-family: 'Oswald-Regular';font-size: 28px;line-height: 28px;font-weight: normal;color: #FCEE21 !important;letter-spacing: -0.3px;}*/
    .register-now > li > a {
        font-family: 'Oswald-Regular';
        font-size: 16px;
        line-height: 28px;
        font-weight: 400;
        color: #FCEE21 !important;
    }

.header-bottom{background: #FCE229;padding: 20px 50px 10px 90px;}
.header-bottom-left{padding: 2px 22px 0 4px;}
.header-bottom-left > ul{ margin: 0 0;}
.header-bottom-left > ul > li {padding: 13px 0 0 0; border-right: 2px solid #ffffff}
.header-bottom-left > ul > li figure{ padding: 14px 0;}
.header-bottom-left > ul > li figure img{}
.header-bottom-left > ul > li .spoker-live{padding: 6px 4px;/*border-right: 2px solid #ffffff;*/ position:relative;}
.header-bottom-left > ul > li .spoker-live span{font-family: 'Oswald-Light';font-size: 36px;line-height: 36px;font-weight: normal;letter-spacing: -0.4px;color: #C1272D;}
.header-bottom-left > ul > li .spoker-live h2 {
		margin: 0 0;
		letter-spacing: -0.7px;
		font-size: 42px;
		position: absolute;
		top: 575%;
		left: 50%;
		margin-right: -50%;
		transform: translate(-50%, -50%)
	}

.games_browse_view_toggle {
	display: flex;
	background-color: white;
	border: 1px solid #d1d5db;
	border-radius: 16px;
}

@media(min-width:1090px) {
	.header-bottom-left > ul > li .spoker-live h5 {
		position: absolute;
		top: 725%;
		left: 35%;
	}
	header-bottom-left > ul > li .spoker-live a {
		font-size: 28px;
	}
}
@media(max-width:1024px) {
	.header-bottom-left > ul > li .spoker-live h2 {
		top: 270%;
	}
	.header-bottom-left > ul > li .spoker-live h5 {
		position:absolute;
		top: 370%;
		left: 35%;
	}
}
@media(max-width:420px) {
	.header-bottom-left > ul > li .spoker-live h5 {
		position: absolute;
		top: 450%;
		left: 15%;
		min-width:65px;
	}
	header-bottom-left > ul > li .spoker-live a {
		font-size: 18px;
	}
	.header-bottom-left > ul > li .spoker-live h2 {
		top: 350%;
	}
}
.header-bottom-left > ul > li .spoker-board{ text-align: center; padding: 0 5px 0 0; /*border-right: 2px solid #ffffff;*/}
.header-bottom-left > ul > li .spoker-board span{font-family: 'Oswald-Light';font-size: 24px; line-height: 26px; letter-spacing: -0.7px;}
.header-bottom-left > ul > li .spoker-board h3{font-family: 'Oswald-Medium';margin: 13px 0 0 0;}
.header-bottom-left > ul > li.leader-board{width: 33%;}
.header-bottom-right{}

@media (max-width: 414px) {
    .header-bottom {
        min-height: 245px;
    }
}
@media (min-width: 576px) {
	.my-games {
		margin-bottom: 10px;
	}
}
.my-games h4{vertical-align: top; text-align: center; padding: 36px 0 0 0;-webkit-flex: 0 0 6%; -ms-flex: 0 0 6%; flex: 0 0 6%; max-width: 6%; margin: 0 0;}
#MyGamesLink{margin-bottom: 20px;}
.game-slider{margin: 0 0;padding: 2px 0 0 25px; -webkit-flex: 0 0 94%; -ms-flex: 0 0 94%; flex: 0 0 94%; max-width: 92%;}
.game-slider li{display: inline-block;/*padding: 0 20px;*/}
.game-rate {
	background-image: url('/img/Black Chip NEW.png');
	background-position: center; 
	background-repeat: no-repeat; /* Prevents the image from repeating */
	width: 110px;
	height: 110px;
}

/*@keyframes rotate {
	100% {
		transform: rotate(1turn);
	}
}

.rainbow {
	position: relative;
	z-index: 0;
	width: 105px;
	height: 105px;
	border-radius: 100%;
	overflow: hidden;	
	display: flex;
	justify-content: center;
	align-items: center;
	
	
	&::before {
		content: '';
        position: absolute;
        z-index: -2;		
		width: 100%;
		height: 100%;		
		background-image: conic-gradient(transparent 30%, rgb(0, 255, 55));
		animation: rotate 2s linear infinite;
	}		 
}*/

.tourney-game-filling {
	position: relative;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	align-content: center;
}


/*.game-rate{border-radius: 100%;text-align: center;background: #ffffff;padding: 8px 0; width: 110px; height: 110px; border: blue dashed; filter:drop-shadow(2px 4px 6px black);}*/

.rate-top{ height: 44px; margin-top: 5px; }
	.rate-top h3 {
		margin: 0 0;
		padding: 0 8px 0 0;
		line-height: 52px;
		font-size: 28px;
	}
.rate-top > h3 > sup{font-family: 'Oswald-Light';  font-size: 18px; line-height: 29px; font-weight: normal;}
.rate-bottom{position:relative;top:-7px;}
.rate-bottom > span{font-family: 'Oswald-Light';font-size: 18px;line-height: 20px;display: block;text-align: center;padding: 8px 0 5px 0;}
span.ActivePlayerFraction{font-family: 'Oswald-Light';font-size: 18px;line-height: 20px;display: block;text-align: center;padding: 8px 0 5px 0;}
.game-slider li > span{font-family: 'Oswald'; font-size: 17.49px; line-height: 21px; font-weight: normal; display: block; padding: 8px 0 0 0px; color: #ffe000;}
.game-slider li {
    cursor: pointer
}
.game-slider.slick-initialized .slick-slide:focus, #GamesContainer.slick-initialized .slick-slide:focus{outline: none;}
.game-slider .slick-prev {left: 7px;width: 18px;height: 34px;margin: -15px 0;}
#GamesContainer .slick-prev{width: 18px;height: 34px;margin: -15px 0;}
.game-slider .slick-prev:before{content: " ";width: 0;height: 0;border-top: 18px solid transparent;border-right: 18px solid #ffffff;border-bottom: 18px solid transparent;position: absolute;top: 0px;left: 0;}
#GamesContainer .slick-prev:before{content: " ";width: 0;height: 0;border-top: 18px solid transparent;border-right: 18px solid #aaa;border-bottom: 18px solid transparent;position: absolute;top: 0px;left: 0;}
.game-slider .slick-next, #GamesContainer .slick-next{ width: 18px; height: 35px;margin: -17px 0 0 0;}
.game-slider .slick-next:before{ content: " ";  width: 0; height: 0; border-top: 18px solid transparent; border-left: 18px solid #ffffff; border-bottom: 18px solid transparent; position: absolute; top: 0; right: 0;}
#GamesContainer .slick-next:before{ content: " ";  width: 0; height: 0; border-top: 18px solid transparent; border-left: 18px solid #aaa; border-bottom: 18px solid transparent; position: absolute; top: 0; right: 0;}
/*-----------Full Block Start here-----------*/

.main_content{padding: 50px 0 0 0;}
.main_content-in{padding: 25px 0 0 22px; margin: 0 -20px;}
.classic-spoker-main{padding: 0 0 0px 0;}
.greed-main{padding: 40px 0 40px 0;}
.hold-main{padding: 32px 0;}
.classic-spoker{border: 2px solid #B3B3B3; border-radius: 30px; background: #F2F2F2;}    
.classic-spoker-in{padding: 0px;}
.classic-spoker-in.GameSelectionContainer{padding: 32px 0 0 0;}
.GameSelectionContainer div{ text-align: center; width: 100%; padding-bottom: 10px; }
.GameSelectionContainer div div.GameTable h6{ margin-bottom: 10px; }
@media (max-width: 767px) { .GameSelectionContainer div div.GameTable h6{ margin-top: 10px; } }
.GameSelectionContainer div div.GameTable ul{ display: flow-root; margin-top: -30px; }
.classic-spoker-left{border-right: 2px solid #999999;padding: 0 0;}
.classic-setting{padding: 0 20px 10px 20px;}
.classic-setting h2{margin: 0 0;line-height: 60px;letter-spacing: -1.4px;-webkit-flex: 0 0 70%; -ms-flex: 0 0 70%; flex: 0 0 70%; max-width: 70%;}
.classic-setting a{font-family: 'Oswald-Light';font-size: 24px;line-height: 26px;font-weight: normal;color: #C1272D;-webkit-flex: 0 0 30%; -ms-flex: 0 0 30%; flex: 0 0 30%; max-width: 30%; margin: 15px 0 0 0;text-align: center;letter-spacing: -0.5px;padding: 11px 0 11px 10px;border: 1px solid #C1272D;border-radius: 10px;}
.game-type{padding: 15px 53px 30px 53px;}
.game-type h6{letter-spacing: -0.4px;}
.game-type ul{margin: 0 0; padding: 20px 0 0 0 ;}
.game-type ul li{display: inline-block;padding:0 93px 0 0;}
.game-type ul li a{font-family: 'Oswald-Regular'; font-size: 21px; line-height: 23px; color: #666666; font-weight: normal;letter-spacing: -0.2px;}
@media(max-width:400px){
	.game-type ul li a {
		font-size: 17px;
	}
}
@media(max-width:320px) {
	.game-type ul li a {
		font-size: 14px;
	}
}
.game-type ul li a.tab_open{color: #c1272d;}

.classic-setting a.play-now{font-family: 'Oswald-Regular';font-size: 28px; line-height: 32px; background: #fce229; font-weight: normal;padding: 7px 8px 9px 0; border: 2px solid #fce229;}
/*-----------Pick Sport Start here-----------*/
.pick-sport{padding: 26px 0 8px 54px; background: #F9F9F7;}
.pick-sport-left{padding:2px 24px 0 0;}
.pick-sport-left a{cursor: default; font-family: 'Oswald-Light';font-size: 23.97px; line-height: 26px; font-weight: normal; color: #cccccc;display: block; text-align: center; padding: 12px 0; letter-spacing: -0.2px; border-radius: 10px; border-bottom: 2px solid #CCCCCC;}
.pick-sport-left a.StartTheGameButton{border: 2px solid #CCCCCC; cursor: not-allowed}
.pick-sport-left a.StartTheGameButton.active {
	cursor: pointer;
}
.pick-sport-left a.border-red{background: transparent !important; border-bottom: 2px solid #c1272d !important; color: #C0262C !important;}
.pick-sport-left a.active{cursor: pointer; color: #C0262C; animation: BackgroundGlowGold 2s; animation-iteration-count: infinite;}
@keyframes BackgroundGlowGold {
	from {
		transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
	}

	50% {
		background: #f8da23;
		transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;
	}

	to {
		transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
	}
}
@keyframes BackgroundBrighten {
	from {
		background: #f8da23;
		transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
	}

	25% {
		background: white;
		transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;
	}

	50% {
		background: #f8da23;
		transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;
	}
	
	75% {
		background: white;
		transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;
	}

	to {
		background: #f8da23;
		transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
	}
}
.pick-sport-left a.active.StartedTheGame { color: black; background: #f8da23;  animation: BackgroundBrighten 0.25s;}
.pick-sport-right{} 
.pick-sport-right ul{margin: 0 0;} 
.pick-sport-right ul li{padding: 0 10px;vertical-align: middle;justify-content: center;} 
.pick-sport-right ul li figure{opacity: 0.5;} 
.pick-sport-right ul li.img1-active figure{opacity: 1;} 
.pick-sport-right ul li figure a{cursor: default;} 
.pick-sport-right ul li.img1-active figure a{cursor: pointer;} 
.pick-sport-right ul li figure a img{} 
.pick-sport-right ul li figure a img.sport-img1{display: none;} 
.pick-sport-right ul li figure a img.sport-img2{display: none;} 
.pick-sport-right ul li span{font-family: 'Oswald-Light';font-size: 14.77px;line-height: 17px;font-weight: normal;color: #cccccc;padding: 17px 15px 0 10px;} 
.pick-sport-left a.active1{background: none; color: #c1272d; border: none; border-bottom: 2px solid #c1272d; cursor: default;}
@keyframes BorderBottomGlowGold {
	from {
		transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
	}

	50% {
		border-bottom-color: #f8da23;
		transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;
	}

	to {
		transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
	}
}

@keyframes NewInviteAnimation {
	from {
		transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
	}

	50% {
		border-color: #C1272D;
		transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;
	}

	to {
		transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
	}
}

@keyframes NewInviteAnimationMobile {
	from {
		transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
	}

	50% {
		background-color: #fcee21;
		transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;
	}

	to {
		transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

#NoLogInLobbyName {
	color: #f8da23;
	text-align: center;
	font-weight: bold;
	padding: 10px;
	font-family: 'Oswald', sans-serif;
	background: black;
	letter-spacing: 0.5vw;
	margin-bottom: -30px;
	z-index: 1;
	position: relative;
}

.pick-sport-left a.active1 {
	animation: BorderBottomGlowGold 2s;
	animation-iteration-count: infinite;
}

@keyframes NewInvite {
	0% {
		background-position: 0 0;
	}
	/*use negative width if you want it to flow right to left else and positive for left to right*/
	20% {
		background-position: -90px 0;
	}

	100% {
		background-position: -900px 0;
	}
}

.NewInvite {
	background-repeat: repeat;
	background-position: 0 0;
	background-image: linear-gradient(90deg, #145de2, #282828);
	animation: NewInvite 2.0s linear;
	animation-iteration-count: infinite;
	background-size: 900px;
}

.NewInviteMobile {
	animation: NewInviteAnimationMobile 2s;
	animation-iteration-count: infinite;
}
.pick-right ul li.img1-active figure a img{display: none;}
.pick-right ul li.img1-active figure a img.sport-img1{display: block;}
.pick-right ul li.img1-active span{color: #808080;}
.pick-sport-right ul li.img2_active figure a img.sport-img1{display: none;}
.pick-sport-right ul li.img2_active figure a img.sport-img2{display: block;}
.pick-sport-right ul li.img2_active span{color: #c1272d;}
/*-----------Select table Start here-----------*/
.select-table{padding: 24px 0 22px 54px;background: transparent;}
.select-table-left{}
.select-table-left a{}
.select-table-right{}
.select-table-right ul{}
.select-table-right ul li a{cursor: default;}
.select-table-right ul li.img1-active a{cursor: pointer;}
.select-tab-in{width: 60px; height: 60px; text-align: center; vertical-align: middle;border: 2px solid #cccccc; border-radius: 100%;}
/*#SpokerPrepTournaments .select-tab-in{width: 70px; height: 70px; text-align: center; vertical-align: middle;border: 2px solid #cccccc; border-radius: 100%;}*/
.select-tab-in a{font-family: 'Oswald-Light';font-size: 29px; line-height: 32px; font-weight: normal; color: #cccccc;display: block; padding: 12px 0 16px 0;}
/*#SpokerPrepTournaments .select-tab-in a{font-family: 'Oswald-Light';font-size: 29px; line-height: 32px; font-weight: normal; color: #cccccc;display: block; padding: 15px 0 16px 0;}*/
.select-tab-in a strong{font-family: 'Oswald-Light';font-size: 29px; line-height: 32px; font-weight: normal; color: #cccccc;display: inline-block; }
.select-tab-in a sub{font-family: 'Oswald-Light';font-size: 16.91px; line-height: 19px; font-weight: normal; color: #cccccc;display: inline-block;vertical-align: top; bottom: 0;}
.img1-active .select-tab-in {border: 2px solid #808080;}
.img1-active .select-tab-in a{}
.img1-active .select-tab-in a strong{color: #808080;}
.img1-active .select-tab-in a sub{color: #808080;}
.img2_active .select-tab-in {border: 2px solid #c1272d;}
/*#SpokerPrepTournaments .img2_active .select-tab-in {border: 2px solid #c1272d;}*/
.img2_active .select-tab-in a{}
.img2_active .select-tab-in a strong{color: #c1272d;}
.img2_active .select-tab-in a sub{color: #c1272d;}
/*-----------Start Game Start here-----------*/
.start-game{padding: 28px 0 38px 54px;background: #F9F9F7;border-bottom-left-radius: 30px;}
.tournament-start-game{padding: 28px 0 38px 54px;background: transparent;border-bottom-left-radius: 30px;border-bottom-right-radius: 30px;}
.tournament-start-game .pick-sport-right{padding: 0px 54px 0px 0px;}
.start-game-left{}
.start-game-left a{}
.start-game-right{padding: 3px 0 0 17px;}
.start-game-right > p, .start-game-right a em {font-family: 'Oswald-Light'; font-size: 21px; line-height: 23px; font-weight: normal; color: #cccccc; margin: 0 0; letter-spacing: -0.4px;}
.start-game-right span{font-family: 'Oswald-Light'; font-size: 21px; line-height: 26px; font-weight: normal; color: #cccccc; display: block;}

/*-----------classic sport Start here-----------*/
.classic-spoker-right {
	margin-top: auto;
	margin-bottom: auto;
}}
.classic-spoker-right-in{padding: 9px 0;}
.classic-spoker-right-in h4{font-size: 30px; line-height: 32px; color: #c1272d; letter-spacing: -0.5px; padding: 0 0 0 7px;}
.TournamentBlockContainer .classic-spoker-right-in h4{color: #1111b7;}
.classic-spoker-right-in figure{margin: 0 0; padding: 39px 0 50px 7px;}
.classic-spoker-right-in figure > a{}
.classic-spoker-right-in figure > a img{margin: 0 auto;}
.classic-spoker-right-in > a{font-family: 'Oswald-Light'; font-size: 23.97px; line-height: 25px; font-weight: normal; width: 244px; border: 2px solid #cccccc; display: inline-block; padding: 12px 0; border-radius: 10px; color: #cccccc;}
.classic-spoker-right-in > a:hover{color: #C0262C; background: #FCE229; border: 2px solid #FCE229;}

/*-----------main tab Start here-----------*/
.main-tab{display: none;}
.tab-content{background: white; border-radius: 30px;}
.tab-content-in{padding: 26px 53px;}
.tab-content-in h3{letter-spacing: -1px;}
.inner-tabs{padding: 20px 0 0 0;}
.inner-tabs ul{margin: 0 0;padding: 0 0 35px 0; -webkit-flex: 0 0 88%; -ms-flex: 0 0 88%; flex: 0 0 88%; max-width: 88%; position: relative;}
.inner-tabs ul:after{content: " "; width: 92%; height: 2px; background: #b5b5b4;position: absolute; bottom: 0; left: 0;}
.inner-tabs ul li{display: inline-block; padding: 0 55px 0 0 !important; background: transparent !important; margin: 0 0; float: none;}
.inner-tabs ul li a{font-family: 'Oswald-Light'; font-size: 25px; line-height: 28px; color: #b3b3b3; font-weight: normal; letter-spacing: -0.4px;}
.inner-tabs ul li a:hover{color: #f8da23;}
.resp-tab-active a{color: #C1272D !important;}
.inner-tabs-content{padding: 15px 60px 0 0;}
.inner-tabs-content p{font-family: 'Oswald-Light'; font-size: 21px; line-height: 25px; font-weight: normal; color: #808080; letter-spacing: -0.5px;}
.inner-tabs ul li.resp-tab-active{border: 0 !important;}
.tab-content-in .resp-tab-content{border: 0; border-top-color:transparent;padding: 15px;}

@keyframes BackgroundGlowGold {
	from {
		transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
	}

	50% {
		background-color: #f8da23;
		color: black;
		transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;
	}

	to {
		transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
	}
}
@keyframes TextDarken {
	from {
		transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
	}

	50% {
		color: black;
		transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;
	}

	to {
		transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
	}
}

/*-----------spoker pop Start here-----------*/
.spoker_pop {background: transparent !important; padding:40px 0 20px 0;}
.spoker_pop h4 { font-family: 'Oswald-Light'; font-size:36px; line-height:38px; color:#fff; text-align:center; letter-spacing: 16px;padding: 0 0 0 18px; transition: 0.2s;}
.spoker_pop h2 { font-family: 'Oswald-Medium'; font-size:80px; line-height:84px; color:#fcee21; text-align:center; padding:0 0 58px 0; transition: 0.2s;}
.choose { text-align:center; }
.choose ul { padding: 0; transition: 0.2s;}
.choose ul li {display:inline-block;vertical-align:top;padding: 0 70px; transition: 0.2s;}
.choose ul li a {display:block;border: #efe221 5px solid;border-radius: 25px; transition: 0.2s;}
/*li.IntroTabBoxes div.current {animation: BackgroundGlowGold 2s; animation-iteration-count: infinite; cursor: pointer;}*/
li.IntroTabBoxes div.current {background: #f8da23; cursor: pointer;}
.choose_cnt {text-align:center;padding: 20px 20px 20px 20px;}
.choose_cnt span  { font-family: 'Oswald-SemiBold'; font-size:50px; line-height:52px; color:#fcee21; display:block; padding:0 0 10px 0; transition: 0.2s;}
/*.choose_cnt.current  span  { animation: TextDarken 2s; animation-iteration-count: infinite;}*/
.choose_cnt.current  span  { color: black; }
.choose_cnt p  {font-family: 'Oswald-Light';font-size:40px;line-height:42px;color:#fff;text-align:center;min-height: 125px; transition: 0.2s;}
/*.choose_cnt.current p  { animation: TextDarken 2s; animation-iteration-count: infinite;}*/
.choose_cnt.current p  { color: black; }


.featherlight .featherlight-content{padding: 0 0;border-bottom: 0;background: none;width: 90%;margin: 0 auto;}
.check_box{padding: 60px 0;}
.check_box label{}
.check_box label input{display: none;}
.check_box label span{font-family: 'Oswald-Light';font-size: 30px;line-height: 32px;font-weight: normal;color: #ffffff;background: url(/img/GamesLobby/check_in.png) no-repeat 0 6px;padding: 0 0 0 55px;background-position: 0 6px;}
.check_box label input:checked+span{background: url(/img/GamesLobby/check.png) no-repeat center left;}
.featherlight .featherlight-close-icon{    position: absolute; right: 48px; width: 41px; background: none; color: #fff; font-size: 44px; line-height: 35px;}
.featherlight .featherlight-close-icon:focus{outline: none;}

/*-------------Bootstarp4 Hacks here-------------*/
.flex-row-reverse {-webkit-flex-direction: row-reverse !important; }
.row{display:-webkit-flex;-webkit-flex-wrap:wrap;}
.flex-wrap{-webkit-flex-wrap:wrap !important;}
.d-flex {display: -webkit-flex;}
.d-inline-flex{display:-webkit-inline-flex!important}
.input-group-append, .input-group-prepend{display: -webkit-flex;}

.input-group>.custom-file, .input-group>.custom-select, .input-group>.form-control{-webkit-flex: 1 1 auto;}
.input-group{display: -webkit-flex;-webkit-flex-wrap: wrap;-webkit-align-items: stretch;}

.navbar{display: -webkit-flex;-webkit-flex-wrap:wrap;-webkit-align-items: center;-webkit-justify-content: space-between;}
.navbar-collapse{-webkit-flex-basis:100%;-webkit-flex-grow: 1;-webkit-align-items: center;}
.navbar-nav{display: -webkit-flex;-webkit-flex-direction: column;}

/*form classess*/
.form-inline{display: -webkit-flex;-webkit-flex-flow: row wrap;-webkit-align-items: center;}
.form-row {display: -webkit-flex;-webkit-flex-wrap: wrap;}

/*align classess*/
.align-items-start{-webkit-align-items:start!important;}
.align-items-end{-webkit-align-items: flex-end!important;}
.align-items-center{-webkit-align-items: center!important;}
.align-items-baseline{-webkit-align-items: baseline!important;}
.align-items-stretch{-webkit-align-items: stretch!important;}
/*Justify Classess*/
.justify-content-start{-webkit-justify-content:flex-start!important;}
.justify-content-end{-webkit-justify-content:flex-end!important;}
.justify-content-center{-webkit-justify-content: center!important;}
.justify-content-between{-webkit-justify-content: space-between!important;}
.justify-content-around{-webkit-justify-content: space-around!important;}
/*align self classes*/
.align-self-start {-webkit-align-self: flex-start!important;}
.align-self-end {-webkit-align-self: flex-end!important;}
.align-self-center {-webkit-align-self: center!important;}
.align-self-baseline {align-self: baseline!important;}
.align-self-stretch {align-self: stretch!important;}

.col-1 {-webkit-flex: 0 0 8.33333%; }
.col-2 {-webkit-flex: 0 0 16.66667%; }
.col-3 {-webkit-flex: 0 0 25%; }
.col-4 {-webkit-flex: 0 0 33.33333%; }
.col-5 {-webkit-flex: 0 0 41.66667%; }
.col-6 {-webkit-flex: 0 0 50%; }
.col-7 {-webkit-flex: 0 0 58.33333%; }
.col-8 {-webkit-flex: 0 0 66.66667%; }
.col-9 {-webkit-flex: 0 0 75%; }
.col-10 {-webkit-flex: 0 0 83.33333%; }
.col-11 {-webkit-flex: 0 0 91.66667%; }
.col-12 {-webkit-flex: 0 0 100%; }

@media (min-width: 576px) {
	.d-sm-flex {    display: -webkit-flex!important;}
	.d-sm-inline-flex{display:-webkit-inline-flex!important}
	.navbar-expand-sm{-webkit-flex-flow: row nowrap;-webkit-justify-content: flex-start;}
	.navbar-expand-sm .navbar-collapse{display: -webkit-flex!important;-webkit-flex-basis: auto;}
	.navbar-expand-sm .navbar-nav{-webkit-flex-direction: row;}
	
  .col-sm-1 {-webkit-flex: 0 0 8.33333%; }
  .col-sm-2 {-webkit-flex: 0 0 16.66667%; }
  .col-sm-3 {-webkit-flex: 0 0 25%; }
  .col-sm-4 {-webkit-flex: 0 0 33.33333%; }
  .col-sm-5 {-webkit-flex: 0 0 41.66667%; }
  .col-sm-6 {-webkit-flex: 0 0 50%; }
  .col-sm-7 {-webkit-flex: 0 0 58.33333%; }
  .col-sm-8 {-webkit-flex: 0 0 66.66667%; }
  .col-sm-9 {-webkit-flex: 0 0 75%; }
  .col-sm-10 {-webkit-flex: 0 0 83.33333%; }
  .col-sm-11 {-webkit-flex: 0 0 91.66667%; }
  .col-sm-12 {-webkit-flex: 0 0 100%; }
	.col-sm-offset-0 {
		margin-left: 0;
	}

	.col-sm-offset-1 {
		margin-left: 8.33333%;
	}

	.col-sm-offset-2 {
		margin-left: 16.66667%;
	}

	.col-sm-offset-3 {
		margin-left: 25%;
	}

	.col-sm-offset-4 {
		margin-left: 33.33333%;
	}

	/*align classess*/
.align-items-sm-start{-webkit-align-items:start!important;}
.align-items-sm-end{-webkit-align-items: flex-end!important;}
.align-items-sm-center{-webkit-align-items: center!important;}
.align-items-sm-baseline{-webkit-align-items: baseline!important;}
.align-items-sm-stretch{-webkit-align-items: stretch!important;}
/*Justify Classess*/
.justify-content-sm-start{-webkit-justify-content:flex-start!important;}
.justify-content-sm-end{-webkit-justify-content:flex-end!important;}
.justify-content-sm-center{-webkit-justify-content: center!important;}
.justify-content-sm-between{-webkit-justify-content: space-between!important;}
.justify-content-sm-around{-webkit-justify-content: space-around!important;}
	/*align self classes*/
.align-self-sm-start {-webkit-align-self: flex-start!important;}
.align-self-sm-end {-webkit-align-self: flex-end!important;}
.align-self-sm-center {-webkit-align-self: center!important;}
.align-self-sm-baseline {-webkit-align-self: baseline!important;}
.align-self-sm-stretch {-webkit-align-self: stretch!important;}
	
}
@media (min-width: 768px) {
	.d-md-flex {    display: -webkit-flex!important;}
	.d-md-inline-flex{display:-webkit-inline-flex!important}
	.navbar-expand-md{-webkit-flex-flow: row nowrap;-webkit-justify-content: flex-start;}
	.navbar-expand-md .navbar-collapse{display: -webkit-flex!important;-webkit-flex-basis: auto;}
	.navbar-expand-md .navbar-nav{-webkit-flex-direction: row;}
	.flex-md-row-reverse {-webkit-flex-direction: row-reverse!important;}
  .col-md-1 {-webkit-flex: 0 0 8.33333%; }
  .col-md-2 {-webkit-flex: 0 0 16.66667%; }
  .col-md-3 {-webkit-flex: 0 0 25%;}
  .col-md-4 {-webkit-flex: 0 0 33.33333%;}
  .col-md-5 {-webkit-flex: 0 0 41.66667%; }
  .col-md-6 {-webkit-flex: 0 0 50%; }
  .col-md-7 {-webkit-flex: 0 0 58.33333%; }
  .col-md-8 {-webkit-flex: 0 0 66.66667%; }
  .col-md-9 {-webkit-flex: 0 0 75%; }
  .col-md-10 {-webkit-flex: 0 0 83.33333%; }
  .col-md-11 {-webkit-flex: 0 0 91.66667%; }
  .col-md-12 {-webkit-flex: 0 0 100%; }
	
	
	/*align classess*/
.align-items-md-start{-webkit-align-items:start!important;}
.align-items-md-end{-webkit-align-items: flex-end!important;}
.align-items-md-center{-webkit-align-items: center!important;}
.align-items-md-baseline{-webkit-align-items: baseline!important;}
.align-items-md-stretch{-webkit-align-items: stretch!important;}
/*Justify Classess*/
.justify-content-md-start{-webkit-justify-content:flex-start!important;}
.justify-content-md-end{-webkit-justify-content:flex-end!important;}
.justify-content-md-center{-webkit-justify-content: center!important;}
.justify-content-md-between{-webkit-justify-content: space-between!important;}
.justify-content-md-around{-webkit-justify-content: space-around!important;}
	/*align self classes*/
.align-self-sm-start {-webkit-align-self: flex-start!important;}
.align-self-sm-end {-webkit-align-self: flex-end!important;}
.align-self-sm-center {-webkit-align-self: center!important;}
.align-self-sm-baseline {-webkit-align-self: baseline!important;}
.align-self-sm-stretch {-webkit-align-self: stretch!important;}
 }
@media (min-width: 1173px) {
	.d-lg-flex {    display: -webkit-flex!important;}
	.d-lg-inline-flex{display:-webkit-inline-flex!important}
	/*.navbar-expand-lg{-webkit-flex-flow: row nowrap;-webkit-justify-content: flex-start;}*/
	.navbar-expand-lg .navbar-collapse{display: -webkit-flex!important;-webkit-flex-basis: auto;}
	.navbar-expand-lg .navbar-nav{-webkit-flex-direction: row;}
	
  .col-lg-1 {-webkit-flex: 0 0 8.33333%; }
  .col-lg-2 {-webkit-flex: 0 0 16.66667%; }
  .col-lg-3 {-webkit-flex: 0 0 25%; }
  .col-lg-4 {-webkit-flex: 0 0 33.33333%; }
  .col-lg-5 {-webkit-flex: 0 0 41.66667%; }
  .col-lg-6 {-webkit-flex: 0 0 50%; }
  .col-lg-7 {-webkit-flex: 0 0 58.33333%; }
  .col-lg-8 {-webkit-flex: 0 0 66.66667%; }
  .col-lg-9 {-webkit-flex: 0 0 75%; }
  .col-lg-10 {-webkit-flex: 0 0 83.33333%;}
  .col-lg-11 {-webkit-flex: 0 0 91.66667%; }
  .col-lg-12 {-webkit-flex: 0 0 100%; }

	/*align classess*/
.align-items-lg-start{-webkit-align-items:start!important;}
.align-items-lg-end{-webkit-align-items: flex-end!important;}
.align-items-lg-center{-webkit-align-items: center!important;}
.align-items-lg-baseline{-webkit-align-items: baseline!important;}
.align-items-lg-stretch{-webkit-align-items: stretch!important;}
/*Justify Classess*/
.justify-content-lg-start{-webkit-justify-content:flex-start!important;}
.justify-content-lg-end{-webkit-justify-content:flex-end!important;}
.justify-content-lg-center{-webkit-justify-content: center!important;}
.justify-content-lg-between{-webkit-justify-content: space-between!important;}
.justify-content-lg-around{-webkit-justify-content: space-around!important;}
	/*align self classes*/
.align-self-lg-start {-webkit-align-self: flex-start!important;}
.align-self-lg-end {-webkit-align-self: flex-end!important;}
.align-self-lg-center {-webkit-align-self: center!important;}
.align-self-lg-baseline {-webkit-align-self: baseline!important;}
.align-self-lg-stretch {-webkit-align-self: stretch!important;}
}
@media (min-width: 1200px) {
	.d-xl-flex {    display: -webkit-flex!important;}
	navbar-expand-xl{-webkit-flex-flow: row nowrap;-webkit-justify-content: flex-start;}
	.navbar-expand-xl .navbar-collapse{display: -webkit-flex!important;-webkit-flex-basis: auto;}
	.navbar-expand-xl .navbar-nav{-webkit-flex-direction: row;}
	
  .col-xl-1 {-webkit-flex: 0 0 8.33333%;}
  .col-xl-2 {-webkit-flex: 0 0 16.66667%;}
  .col-xl-3 {-webkit-flex: 0 0 25%;}
  .col-xl-4 {-webkit-flex: 0 0 33.33333%;}
  .col-xl-5 {-webkit-flex: 0 0 41.66667%;}
  .col-xl-6 {-webkit-flex: 0 0 50%;}
  .col-xl-7 {-webkit-flex: 0 0 58.33333%;}
  .col-xl-8 {-webkit-flex: 0 0 66.66667%;}
  .col-xl-9 {-webkit-flex: 0 0 75%;}
  .col-xl-10 {-webkit-flex: 0 0 83.33333%;}
  .col-xl-11 {-webkit-flex: 0 0 91.66667%;}
  .col-xl-12 {-webkit-flex: 0 0 100%;} 
  
  
 /*align classess*/
.align-items-xl-start{-webkit-align-items:start!important;}
.align-items-xl-end{-webkit-align-items: flex-end!important;}
.align-items-xl-center{-webkit-align-items: center!important;}
.align-items-xl-baseline{-webkit-align-items: baseline!important;}
.align-items-xl-stretch{-webkit-align-items: stretch!important;}
/*Justify Classess*/
.justify-content-xl-start{-webkit-justify-content:flex-start!important;}
.justify-content-xl-end{-webkit-justify-content:flex-end!important;}
.justify-content-xl-center{-webkit-justify-content: center!important;}
.justify-content-xl-between{-webkit-justify-content: space-between!important;}
.justify-content-xl-around{-webkit-justify-content: space-around!important;}
/*align self classes*/
.align-self-xl-start {-webkit-align-self: flex-start!important;}
.align-self-xl-end {-webkit-align-self: flex-end!important;}
.align-self-xl-center {-webkit-align-self: center!important;}
.align-self-xl-baseline {-webkit-align-self: baseline!important;}
.align-self-xl-stretch {-webkit-align-self: stretch!important;}
}
/* For some reason, grid.scss start col-lg-2 at this media query, so we put the lg offsets here */
@media (min-width: 992px) {
	.col-lg-offset-12 {
		margin-left: 100%;
	}

	.col-lg-offset-11 {
		margin-left: 91.66666667%;
	}

	.col-lg-offset-10 {
		margin-left: 83.33333333%;
	}

	.col-lg-offset-9 {
		margin-left: 75%;
	}

	.col-lg-offset-8 {
		margin-left: 66.66666667%;
	}

	.col-lg-offset-7 {
		margin-left: 58.33333333%;
	}

	.col-lg-offset-6 {
		margin-left: 50%;
	}

	.col-lg-offset-5 {
		margin-left: 41.66666667%;
	}

	.col-lg-offset-4 {
		margin-left: 33.33333333%;
	}

	.col-lg-offset-3 {
		margin-left: 25%;
	}

	.col-lg-offset-2 {
		margin-left: 16.66666667%;
	}

	.col-lg-offset-1 {
		margin-left: 8.33333333%;
	}

	.col-lg-offset-0 {
		margin-left: 0;
	}
}

.rules-list {
	padding: 0 8%;
}

	.rules-list li {
		font-size: 14px;
		font-size: 1.4rem;
		margin-bottom: 25px;
		color: #000000;
		list-style-type: decimal !important;
	}

	.rules-list .bidngo-sport-list {
		margin-top: 20px;
		text-align: center;
	}

@media screen and (max-width: 767px) {
	.rules-list {
		padding: 0 10px;
	}
}
.rules-list {
	padding: 0 2%;
	text-align: left;
}

@media (max-width: 767px) {
	.rules-list {
		padding: 0 10px;
	}
}

.rules-list li {
	font-size: 14px;
	font-size: 1.4rem;
	margin-bottom: 25px;
	color: #000000;
}

.rules-list p {
	font-size: 14px;
	font-size: 1.4rem;
	color: #000000;
}

.rules-list table {
	width: 100%;
	margin-bottom: 20px;
}

.rules-list th {
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: normal;
	padding: 5px 5px;
	text-align: center;
	color: #006FBE;
	border-top: solid 1px #D3E3EC;
	border-bottom: solid 2px #D3E3EC;
}

.TournamentRows th {
    font-size: 13px;
    font-weight: normal;
    padding: 5px 0;
    text-align: center;
    color: #006FBE;
    border-top: solid 1px #D3E3EC;
    border-bottom: solid 2px #D3E3EC;
}

.TournamentRows tr td {
    border-bottom: solid 1px #D3E3EC;
    font-size: 13px;
	padding: 5px;
	text-align: right;
}

.rules-list td.text-blue {
	color: #006FBE;
}

@media (max-width: 767px) {
	.rules-list th {
		font-size: 14px;
		font-size: 1.4rem;
	}
}

.rules-list td {
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: normal;
	text-align: center;
	border-right: solid 1px #D3E3EC;
}

@media (max-width: 767px) {
	.rules-list td {
		font-size: 11px;
		font-size: 1.1rem;
	}
}

.rules-list td:last-child {
	border-right: none;
}

.rules-list .two-col-table tr {
	border-bottom: solid 1px #D3E3EC;
}

.rules-list .two-col-table th {
	padding-right: 20px;
	text-align: right;
	vertical-align: middle;
	border: transparent;
	border-right: solid 1px #D3E3EC;
}

.rules-list .two-col-table td {
	line-height: 24px;
	padding-left: 20px;
	text-align: left;
	vertical-align: middle;
}

.rules-list .two-col-table p {
	margin-bottom: 0;
}

.RightArrow {
	max-height: 24px;
	max-width: 24px;
	float: right;
	margin-right: 5px;
	margin-top: -35px;
}
@media(max-width: 1090px) {
	.RightArrow {
		display:none;
	}
}

.NewGameWarningText {
    color: rgb(204, 204, 204);
    text-align: center;
    font-family: Oswald-Light;
    margin-top:5px;
}

.hidden {
    display: none;
}

.MainTournamentRankingList {
	padding: 5px 40px;
	text-align: center;
	margin-bottom: 5px;
	color: white;
}

.TournamentRankingList {
	color: white;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	text-align: justify;
}

.ListDescription {
	display: block;
	margin-left: 25px;
}

.SpokerTournamentList .item {
	margin-bottom: 5px;
	font-size: 16px;
	color: white;
	font-family: 'Oswald', 'Times New Roman-', Times, serif;
	border-bottom: 2px solid silver;
	/*background-color: #3e3d3d;*/
	font-size: 18px;
}

.SpokerTournamentList h4 {
    text-align: center;
	color: gold;
	margin-top: 20px;
}

.TimeSlotSelectContainer, .TierSelectContainer {
	padding-top: 15px;
    padding-bottom: 15px;
    z-index: 1;
}

.multiselect {
    height: 3vw;
    width: 100%;
    display: inline-table;
}

.TimeSlotSelect {
    background-color: #f2f2f2;
    /*text-align: right;*/
    font-size: 22px;
    display: inline-block;
	border: 2px solid;
}

@keyframes BorderGlowGold {
	from {
		transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
	}

	50% {
		border-color: #f8da23;
		transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;
	}

	to {
		transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
	}
}

select.TimeSlotSelect.active1 {
	animation: BorderGlowGold 2s;
	animation-iteration-count: infinite;
}

.PickTournamentTimeBlock .TimeSlotSelectContainer a.CheckTimeSlotButton {
    background: transparent;
    cursor: default;
    font-family: 'Oswald-Light';
    font-size: 23.97px;
    line-height: 26px;
    font-weight: normal;
    color: #cccccc;
    display: inline-block;
    text-align: center;
    padding: 12px 0;
    letter-spacing: -0.2px;
    border-radius: 10px;
    width: 15%;
    margin-left: 5px;
    border: 2px solid #CCCCCC;
}

.PickTournamentTimeBlock .TimeSlotSelectContainer a.CheckTimeSlotButton.TimeSlotFilled {
    background: #c1272d;
    color: #fcee21;
    cursor: pointer;
    border: none;
}

/* Slideshow container */
#TournamentContainer {
	position: relative;
	margin: auto;
	/*background: linear-gradient(#ffd400 20%, black 90%);*/
}

/* Hide the images by default */
#TournamentContainer .mySlides {
	display: none;
	margin: 0px;
	padding: 25px 0px;
}

/* Next & previous buttons */
#TournamentContainer .prev, #TournamentContainer .next {
    cursor: pointer;
    position: fixed;
    top: 50%;
    width: auto;
    margin-top: -22px;
    padding: 30px;
    color: #d52d33;
    font-weight: bold;
    font-size: 34px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
    user-select: none;
}

/* Position the "next button" to the right */
#TournamentContainer .next {
    right: 0;
    border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
#TournamentContainer .prev:hover, #TournamentContainer .next:hover {
    background-color: rgba(218,178,69,0.9);
}

.TournamentHeaderContainer {
	text-align: center;
	padding-bottom: 30px;
	padding-top: 0px;
	z-index: 2;
	position: relative;
	padding-top: 105px;
	transition: 0.5s;
}

@media (max-width: 610px) {
	.TournamentHeaderContainer {
		padding-top: 105px;
	}
}

#MainTournamentSpokerTitleDiv {
	position: relative;
}

@media (max-width: 610px) {
	#MainTournamentSpokerTitleDiv {
		padding-top: 40px;
	}
}

.leaderboards .TournamentHeaderContainer {
	margin: auto;
	text-align: center;
	padding-bottom: 0px;
	padding-top: 0px;
	overflow-x: hidden;
}

@media (max-width: 768px) {
	.leaderboards .TournamentHeaderContainer {
		padding-top: 35px;
	}
}

#ShowdownHeader {
	background: #1b1b1b;
}

@media (min-width: 768px) {
	leaderboards .TournamentHeaderContainer {
		background: none;
	}
	#ShowdownHeader {
		background: none;
	}
}

.TournamentTitle {
	height: 100%;
}

/*@media (min-width: 1024px) {
	.TournamentTitle {
		background: black;
	}
}*/

.TournamentBlockContainer {
	width: 1500px;
	margin: 0 auto;
	max-width: 100%;
}

/* Default: desktop - horizontal list */
.game-type ul {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
}

	/* List items don't wrap and appear in a row */
	.game-type ul li {
		flex: 1;
		text-align: center;
	}

@media (max-width: 768px){
	.leaderboards .TournamentBlockContainer {
		margin-top: -10px;
	}
	.game-type ul {
		display: grid;
		grid-template-columns: 1fr 1fr; /* 2 columns */
		gap: 15px; /* optional spacing */
		justify-items: center;
	}

		.game-type ul li {
			padding: 0;
			width: 100%; /* full width of grid cell */
		}
}

@media (min-width: 768px) {
	.TournamentBlockContainer {
		padding: 20px 50px 20px;
	}
}

/* Sliding animation */
#TournamentContainer .slide {
    -webkit-animation-name: slide;
    -webkit-animation-duration: 1.5s;
    animation-name: slide;
    animation-duration: 1.5s;
}

h2.TournamentGameTitle {
	padding-left: 40px;
	color: #1111b7;
}

/* Tournament font-color */
h2.TournamentGameTitle, div.game-type ul li a.BlueLink, .TournamentGameBlock .pick-sport-left a.active1 {
	color: #1111b7;
}

.pick-sport-left a.border-blue {
	background: transparent !important;
	border-bottom: 2px solid #1111b7 !important;
	color: #1111b7 !important;
}

.TournamentGameBlock .pick-sport-left a.active1 {
	border-bottom: 2px solid #1111b7;
}

.TournamentGameBlockHeader {
	background-repeat: no-repeat;
	background-position: 95%;
	padding-top: 15px;
}

@media (max-width: 767px) {
	.TournamentGameBlockHeader {
		background-position: center;
	}
}

@media (max-width: 1200px) {
	.TournamentGameBlockHeader {
		background-size: contain;
	}
}

.PickTournamentBuyInBlock, .PickTournamentTimeBlock {
	padding-bottom: 20px;
	display: flex;
}

.PickTournamentTimeBlock {
	display: flex;
}

@media (max-width: 767px) {
    h2.TournamentGameTitle {
        padding-left: 10px;
        text-align: center;
    }
}

@-webkit-keyframes slide {
    100% { left: 100px; }
}

@keyframes slide {
    100% { left: 0; }
}

.selectBox {
    position: relative;
}

.selectBox select {
    width: 100%;
    font-weight: bold;
	min-height: 40px;
}

.overSelect {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.TimeSlotCheckboxesContainer {
    display: none;
    width: 100%;
    border: 1px #dadada solid;
    background: #f2f2f2;
	max-height: 200px;
	overflow-y: scroll;
}

.TimeSlotCheckboxesContainer label {
    display: block;
}

.TimeSlotCheckboxesContainer label:not(.FullQualifier):hover {
    background-color: #1e90ff;
}

#MainTournamentSpokerTitle {
	font-weight: bold;
	font-family: Oswald;
	font-size: 80px;
	line-height: 120px;
	color: gold;
	position: relative;
	z-index: 2;
	max-width: 55%;
	margin: 0px auto 0px;
	padding: 10px 0px 10px;
	max-height: 162px;
	min-width: 450px;
}

#MainTournamentSpokerTitleDiv #MainTournamentSpokerTitle {
	padding: 30px 0px 10px;
}

.leaderboards #MainTournamentSpokerTitle {
	max-height: 135px;
}

#TournamentBackgroundSlant::before {
	content: "";
	width: 150px;
	height: 100%;
	background: black;
	position: absolute;
	left: -110px;
}

#ShowdownHeader #TournamentBackgroundSlant::before {
	width: 1000px;
	left: -1000px;
}

.leaderboards #TournamentBackgroundSlant::before {
	width: 150px;
	left: -100px;
}

@media (max-width: 767px) {
	#MainTournamentSpokerTitle {
		font-size: 60px;
	}

	.leaderboards #MainTournamentSpokerTitle {
		font-size: 50px;
		margin: 0px 10px;
		color: #ffc107;
	}
}

#MainTournamentSpokerSubTitle {
	color: black;
	font-size: 30px;
	font-weight: bold;
	position: relative;
	z-index: 3;
	max-width: 450px;
	margin: auto;
	background: linear-gradient(#ffc800, gold);
	box-shadow: 0px 0px 10px;
	line-height: 1.5;
	max-height: 100px;
}

#TournamentSpokerSubTitleImage {
	max-width: 100%;
	margin: auto;
	padding: 10px 0px;
}

.leaderboards #MainTournamentSpokerSubTitle {
	font-size: 32px;
	margin: 0px 10px;
	color: #dab245;
	box-shadow: none;
}

@media (max-width: 767px) {
	#MainTournamentSpokerSubTitle.Prep {
		font-size: 40px;
		margin-top: 0px;
	}
	#MainTournamentSpokerSubTitle {
		font-size: 50px;
		line-height: 1.5;
		margin-top: 0px;
	}
}

.HowToPlayVideo {
	margin: 0px;
}

#MainTournamentVideo, #SitAndGoVideo, #TiersVideo {
	max-width: 100%;
}

#ShowdownVideo {
	max-width: 100%;
	display: block;
	margin: 40px auto 10px;
}

#TournamentLinkHeader {
	background: black;
	/*height: 45px;*/
	padding-top: 30px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
	width: 100%;	
}

@media (max-width: 766px) {
	#TournamentLinkHeader div {
		margin: 0px;
		padding: 0px
	}
}

/*#TournamentLinkHeader div {
	margin-top: 3px;
}*/

@media (max-width: 610px) {
	#TournamentLinkHeader div {
		padding: 11px 0px;
	}
}

#TournamentLinkHeader div span a {
	font-size: 24px;
	color: white;
	transition: 0.2s;
	text-decoration: underline;
}

#TournamentLinkHeader div span {
	font-size: 28px;
	color: white;
}

#TournamentLinkHeader .TournamentTab:not(.active):hover {
	background: #ffca00;
	transition: 0.5s;
}

#TournamentLinkHeader .TournamentTab:not(.active):hover .TournamentDot {
	color: black;
	transition: 0.5s;
}

#TournamentLinkHeader .TournamentTab.active a.TournamentDot {
	color: black;
}

.PreGameBlockDiv {
	margin-bottom: 20px;
}

.PreGameBlockDiv .SpokeramaLlama {
	margin: auto;
}

@media(max-width: 767px) {
	.PreGameBlockDiv {
		justify-content: center;
	}
}

.PreGameBlockDiv span {
	font-size: 24px;
	color: white;
	font-family: Oswald;
}

.PreGameBlockDiv span a.TournamentDot {
	font-size: 24px;
	color: gold;
	font-family: Oswald;
	text-decoration: underline;
}

#TournamentLinkHeader .TournamentTab a.TournamentDot {
	font-size: 32px;
	text-transform: uppercase;
	font-weight: bold;
	color: gold;
	font-family: Oswald;
}

#TournamentLinkHeader #TournamentTabHeaderDiv {
	color: gold;
	text-align: center;
	font-size: 40px;
	font-family: 'Oswald';
	font-weight: bold;
	padding-bottom: 0px;
}

@media (max-width: 610px) {
	#TournamentLinkHeader .TournamentTab a.TournamentDot {
		font-size: 22px;
		width: 100%;
		padding: 8px 0px;
		line-height: 1;
	}
	#TournamentLinkHeader #TournamentTabHeaderDiv {
		font-size: 25px;
	}
}

#MainTournamentBlock {
	margin-top: 20px;
}

@media (max-width: 425px) {
	#MainTournamentBlock {
		margin-top: 60px;
	}
}

.game-rate .rate-top h3.BigBuyIn {
	font-size: 28px;	
}

.game-rate .rate-top h3.BigBuyIn sup {
	font-size: 18px;
}

.game-rate .rate-top h3.BiggerBuyIn {
	font-size: 28px;
}

.game-rate .rate-top h3.BiggerBuyIn sup {
	font-size: 18px;
}

/*div.tourney-game-ready .rate-top h3, div.tourney-game-ready div.rate-bottom span {
    color: white;
}*/

div.game-rate .rate-bottom span {
    color: #666666;
}

div.game-type ul li a.RedLink, .GameLink, div.GameSelectionContainer a.PayoutInfoLink, a.WelcomePageLink {
	color: #c9474c;
}

span.GameLink {
	font-family: 'Oswald-Regular';
	font-size: 21px;
	line-height: 23px;
	font-weight: normal;
	letter-spacing: -0.2px;
}

.GameLink {
	cursor: pointer;
}

div.GameTable ul li {
	padding: 0 40px 10px 40px;
	background: white;
	border-top-right-radius: 20px;
	border-top-left-radius: 20px;
	margin: 10px 0;
	vertical-align: bottom;
	transition: all .2s ease-in-out;
}

@media (max-width: 767px) {
	div.GameTable ul li {
		border-radius: 20px;
	}
}

div.GameTable ul li:hover {
	padding-bottom: 100px;
}

@media (max-width: 960px) {
	div.GameTable ul li {
		padding: 10px;
		width: 100%;
	}
	#LiHidden {
		display: none;
	}
	div.GameTable ul li:hover {
		padding-bottom: 10px;
	}
}

html {
	scroll-behavior: smooth;
}

@keyframes TextGlowGold {
	from {
		transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
	}

	50% {
		color: #f8da23;
		transition: color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;
	}

	to {
		transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
	}
}

div.GameSelectionContainer a.PayoutInfoLink, a.WelcomePageLink {
	display: block;
	background: white;
	padding: 10px 0px;
}

@media (min-width: 797px) {
	div.GameSelectionContainer a.PayoutInfo, a.WelcomePageLink {
		border-right: 2px solid;
	}
}

@media (min-width: 797px) {
	div.GameSelectionContainer a.PayoutInfo {
		border-bottom-left-radius: 20px;
	}
}

#ShowdownLobbyContainer div.GameSelectionContainer a.PayoutInfo {
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	border: none;
}

@media (min-width: 797px) {
	div.GameSelectionContainer a.TutorialLink {
		border-bottom-right-radius: 20px;
	}
}

a.WelcomePageLink {
	text-decoration: underline;
}

@media (max-width: 767px) {
	div.GameSelectionContainer a.PayoutInfoLink.PayoutInfoLink, a.WelcomePageLink {
		margin: 0px auto 20px;
	}
}

div ul li a.RedLink:hover, .GameLink:hover, div ul li a.BlueLink:hover, .GameLinkTutorial:hover, .PayoutInfoLink:hover, a.WelcomePageLink:hover {
	animation: TextGlowGold 1s;
	animation-iteration-count: infinite;
}

@media (min-width: 767px) {
	.PayoutInfoLink:hover, a.WelcomePageLink:hover {
		animation: BackgroundGlowGold 1s;
		animation-iteration-count: infinite;
	}
}

h1 a span.PayoutsExitLink {
	float: right;
	font-family: 'Oswald-Light';
	font-size: 28px;
	color: #666666;
	font-weight: normal;
	margin-right: 0px;
	margin-top: -10px;
	background: black;
	height: 28px;
	width: 28px;
	border-top-right-radius: 10px;
}

.container .tab-content .tab-content-in h3 a span.RulesExitLink {
	float: right;
	font-family: 'Oswald-Light';
	font-size: 48px;
	line-height: 52px;
	color: #666666;
	font-weight: normal;
}

.rules-list tr td.TableTitle {
	font-weight: bold;
	padding: 5px 0;
	text-align: center;
	color: #4d4d4d;	
	font-size: 18px;
}

tr td a.RulesExitLink, tr td a.rules {
	background: #b3b3b3;
	padding: 5px;
	color: white;
	border-radius: 5px;
}

div.tournament-start-game div.TournamentEndingText > p, div.tournament-start-game div.TournamentEndingText > span {
	color: black;
}

ul.payouts-list li.payouts-list-item {
	padding-left: 30%;
	line-height: 40px;
}

@media (max-width: 768px) {
	ul.payouts-list li.payouts-list-item {
		padding-left: 25%;
	}
}

div.IntroCheckBox {
	padding: 0px 0 0 0;
}

.FinishedStep {
	background-color: black;
	cursor: pointer;
}

.choose_cnt.FinishedStep span, .choose_cnt.FinishedStep p {
	color: #f8da23;
}

.MinimizeHeader .spoker_pop {
	background: transparent !important;
	padding: 20px 0 5px 0;
}

.MinimizeHeader .spoker_pop h4 {
	font-size: 20px;
	margin: 0;
	padding: 0 0 15px 0;
	line-height: 0;
	letter-spacing: inherit;
}

.MinimizeHeader .spoker_pop h2 {
	font-size: 25px;
	margin: 0;
	padding: 0;
	line-height: 2;
}

.MinimizeHeader .choose_cnt span {
	font-size: 30px;
}

.MinimizeHeader .choose_cnt p {
	font-size: 30px;
	min-height: 40px;
}

@media (min-width: 330px) and (max-width: 376px) {
	.MinimizeHeader .choose_cnt span {
		font-size: 25px;
	}

	.MinimizeHeader .choose_cnt p {
		font-size: 25px;
	}
}

@media (max-width: 329px) {
	.MinimizeHeader .choose_cnt span {
		font-size: 20px;
	}

	.MinimizeHeader .choose_cnt p {
		font-size: 20px;
	}
}

.IntroTabBoxes .choose_cnt{
	border: #efe221 5px solid;
	border-radius: 25px;
}

#IntroTabContainer {
	background: black;
	position: sticky;
	top: 0;
	z-index: 100;
}

.FilterMyGamesButton {
	cursor: pointer;
	border-radius: 5px;
	padding: 0px 10px;
	margin: 0px 5px;
	transition: 0.25s;
	font-size: 25px;
	white-space: nowrap;
}

@media (max-width: 412px) {
	.FilterMyGames.Rewind, .FilterMyGames.Live, .FilterMyGames.Drafting {
		font-size: 18px
	}
}

.FilterMyGamesRewind {
	color: white;
}

.FilterMyGamesLive {
	color: #21751b;
}

.FilterMyGamesButton.Rewind {
	position: relative;
	background: white;
	color: black;
}

.FilterMyGamesButton.Live {
	position: relative;
	background: white;
	color: black;
}

.FilterMyGamesButton.Rewind::after {
	content: "R";
    position: absolute;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    right: 0%;
    font-size: 14px;
	font-weight: bold;
}

.FilterMyGamesButton.Live::after {
	content: "L";
    position: absolute;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    right: 0%;
    font-size: 14px;
	font-weight: bold;
}

.FilterMyGamesButton.Tourney {
    position: relative;
    background: white;
    color: black;
}

.FilterMyGamesButton.Tourney::after {
    content: "T";
    position: absolute;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    right: 0%;
    font-size: 14px;
	font-weight: bold;
}

.FilterMyGamesButton.Showdown {
    position: relative;
    background: white;
    color: black;
}

.FilterMyGamesButton.Showdown::after {
    content: "S";
    position: absolute;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    right: 0%;
    font-size: 14px;
	font-weight: bold;
}

/*Only want hover effect for desktop devices*/
@media(hover:hover) and (pointer:fine) {
	.FilterMyGamesButton:hover {
		background: #ffd700;
		color: black;
	}
}

.FilterMyGamesButton.ActiveFilter {
	background: #ffd700;
	color: black;
	transition: 0.25s;
}

.ClearFinalGamesContainer {
	color: gold;
	background: black;
	font-size: 14px;
	border: solid 2px;
	border-radius: 10px;
	transition: 0.25s;
	cursor: pointer;
}

.ClearFinalGamesContainer:hover {
	color: black;
	background: gold;
}

.PickDeckListItem {
	background: white;
	border-radius: 10px;
	margin: 0px 0px 10px;
	border: solid 2px;
}

.Inactive {
	color: lightgray;
	border-color: lightgray;
	pointer-events: none;
}

#MyGamesBarHeader .header-bottom.d-flex.flex-wrap {
	min-height: 360px;
	background-color: #303030;
	padding-top: 85px;
	padding-bottom: 15px;
}

#MyGamesBarHeader .header-bottom.d-flex.flex-wrap.MobileMyGamesBar {
	min-height: 427px;
}

@media (max-width: 1313px) {
	#MyGamesBarHeader {
		display: none;
	}
}

@media (max-width: 1274px) {
	#MyGamesBarHeader .header-bottom.d-flex.flex-wrap {
		padding-top: 115px;
	}
}

#TierSelect option:disabled, #SPKRAMASelect option:disabled  {
	color: lightgray;
}

.PrepTournamentsTitle {
	padding-bottom: 10px;
	width: 80%;
	margin: auto;
	display: block;
}

.QualifierTable td {
	border: 1px solid black;
	padding: 10px;
}

.QualifierTable th {
	background: dodgerblue;
	border: 1px solid black;
	padding: 10px;
	text-align: center;
	color: white;
}

p.QualifierNotificationText {
	color: black;
	text-align: center;
	padding-bottom: 5px;
}

.QualifierNotificationText a {
	color: gold;
	text-decoration: underline;
}

.QualifierNotificationText, .QualifierTable {
	font-family: 'Oswald', sans-serif;
}

.QualifierTable {
	margin: auto;
}


#PrepTournamentPayoutInfoContainer {
	padding: 10px;
	border-radius: 10px;
	margin: 10px auto 0;
	display: inline-block;
	background: white;
}

#PrepTournamentPayoutInfoContainer table {
	margin: 10px auto 0;
}

@media (max-width: 767px) {
	#PrepTournamentPayoutInfoContainer {
		width: 280px;
		margin: auto;
		overflow-x: scroll;
		padding: 5px;
	}

	.PrepTournamentPayoutInfoTableContainer {
		margin-top: 10px;
	}
}

#PrepTournamentPayoutInfo {
	background: blue;
	border-radius: 5px;
	color: white;
	font-family: 'Oswald';
	font-weight: bold;
	padding: 10px;
	display: block;
	margin: 10px auto;
	max-width: 200px;
	text-align: center;
}

#PrepTournamentPayoutInfo:hover {
	cursor: pointer;
}

@media (min-width: 768px) {
	#PrepTournamentPayoutInfo {
		margin: 10px 0px;
	}
}

.PrepTournamentVideoTitle {
	color: #dab22a;
	font-weight: bold;
	font-family: Oswald-Regular;
	font-size: 40px;
	display: inherit;
	margin-bottom: 15px;
}

.PrepTournamentVideoContainer {
	text-align: center;
	z-index: 3;
	position: relative;
	padding: 0px 10px 10px;
}

@media(max-width: 470px) {
	#PrepTournamentVideo {
		width: 100%;
	}
}

#PrepTournamentBlock {
	position: relative;
}

#TournamentBannerImage {
	position: absolute;
	z-index: 0;
	max-height: 100%;
	max-width: 100%;
	background-image: url(/img/YellowSpokerBackground.png);
	background-color: #111111;
	background-repeat: no-repeat;
	/*background: linear-gradient(#ffd400 20%, black 90%);*/
	height: 100%;
	width: 100%;
	background-size:cover;
	/*background-attachment: fixed;*/
}

/*@media (min-width: 767px) {
	#TournamentBannerImage {
		height: 50vw;
		width: 100%;
	}
}*/

#SPKRAMAFinalTierDiv, #LEADFINALTierDiv {
	height: 300px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	width: 100%;
	z-index: 1;
	position: relative;
}

#LEADFINALTierDiv {
	height: unset;
}

@media (max-width: 766px) {
	#SPKRAMAFinalTierDiv {
		height: 400px;
		margin-bottom: 20px;
	}

	#LEADFINALTierDiv {
		height: 500px;
	}
}

#SPKRAMAFinalTierDiv h1, #LEADFINALTierDiv h1 {
	width: 100%;
	font-family: 'Oswald';
	text-align: center;
	font-size: 40px;
	padding: 0px 20px;
}

#SPKRAMAFinalTierInfoDiv p, #LEADFINALTierInfoDiv p {
	font-family: 'Oswald';
	text-align: center;
	margin-bottom: 10px;
	font-size: 32px;
	line-height: 1;
}

#SPKRAMAFinalTierInfoDiv ul {
	font-family: 'Oswald';
	list-style: disc;
	padding-top: 10px;
	color: white;
	font-size: 18px;
}

#LEADFINALTierInfoDiv ul {
	font-family: 'Oswald';
	list-style: disc;
	padding-top: 10px;
	color: white;
	font-size: 18px;
}

@media (max-width: 766px) {
	#SPKRAMAFinalTierInfoDiv ul, #LEADFINALTierInfoDiv ul {
		padding-left: 40px;
		padding-right: 10px;
	}

	.games_browse_view_toggle{
		display:none;
	}
}

#SPKRAMAFinalTierBtn, #LEADFINALTierBtn {
	text-align: center;
	background: gold;
	padding: 20px;
	height: 100px;
	position: relative;
	display: inline-block;
	border-radius: 4px;
	margin: 20px;
	transition: 0.25s;
}

#SPKRAMAFinalTierBtn:hover, #LEADFINALTierBtn:hover {
	transform: scale(1.15);
	cursor: pointer;
}

#SPKRAMAFinalTierBtn p, #LEADFINALTierBtn p {
	font-family: 'Oswald';
	color: black;
	font-size: 24px;
	position: relative;
	display: inline-flex;
	height: 100%;
	align-items: center;
}

@media (min-width: 767px) {
	.TournamentBanner {
		margin-bottom: 50px;
	}
}

.LlamaPrepImg {
	max-width: 200px;
}

.SpokeramaLlamaText {
	display: flex;
	flex-direction: column;
	padding: 20px;
	border-radius: 10px;
	border: solid 2px gold;
	box-shadow: 0px 0px 15px white;
	font-family: 'Oswald';
	margin-top: 10px;
	background: black;
	justify-content: center;
}

.SpokeramaLlamaText span:not(.LlamaPrepText) {
	font-style: italic;
	display: inline-block;
	font-weight: bold;
}

.SpokeramaLlamaText span:not(.LlamaPrepText) a {
	color: gold;
	font-style: italic;
	font-weight: bold;
	font-family: "Oswald";
	font-size: 22px;
	text-decoration: underline;
}

.LlamaPrepText {
	text-align: left;
	line-height: 2;
}

#SPKRAMAFinalTierInfoDiv, #LEADFINALTierInfoDiv {
	margin: 0px 20px;
}

.GamesLobbyLlamaDiv {
	align-items: center;
}

.SpokeramaLlama {
	cursor: pointer;
	max-width: 200px;
	transition: 0.5s;
}

.SpokeramaLlama:hover {
	transform: scale(1.15);
}

.ShowdownLeaderboardContainer {
	display: flex;
	justify-content: center;
	margin-bottom: 20px;
}

@media (max-width: 500px) {
	#LEADFINALTierDiv {
		padding-bottom: 50px;
	}
}

#LEADFINALTierInfoList {
	margin: 0 auto;
}

#ShowdownRulesHeader {
	text-align: center;
	color: gold;
	margin-top: 20px;
}
.BasicsHeader {
	text-align: center;
	font-family: 'Oswald-Light';
	font-size: 28px;
	line-height: 34px;
	font-weight: normal;
	color: gold;
}

.TournamentTitle .BasicsHeader {
	color: white;
}

.leaderboards .BasicsHeader {
	margin: 20px auto 50px;
	width: 100%;
}

#ShowdownLobbyContainer .BasicsHeader {
	margin-top: 40px;
}

#TournamentBackgroundSlant {
	background: black;
	width: 80%;
	height: 100%;
	position: absolute;
	top: 0;
	transform: SkewX(-40deg);
	z-index: 0;
}

#FreeToPlayBackgroundSlant {
	background: black;
	width: 80%;
	height: 100%;
	position: absolute;
	top: 0;
	clip-path: polygon(0 0, 100% 0, 90% 100%, 10% 100%);
	z-index: 0;
	left: 10%;
}

#ShowdownHeader #TournamentBackgroundSlant {
	width: 100%;
}

#MainTournamentSpokerSubTitle span {
	font-size: 50px;
	display: block;
	letter-spacing: 5px;
	font-family: 'Oswald';
	margin-bottom: -15px;
}

.leaderboards #MainTournamentSpokerSubTitle {
	margin: auto;
}

.leaderboards #MainTournamentSpokerSubTitle span {
	position: relative;
    color: black;
    font-size: 30px;
    font-weight: bold;
    z-index: 3;
    line-height: 1.5;
    letter-spacing: 0px;
    text-align: center;
    margin: 0px;
}

	@media (min-width: 880px) and (max-width: 1200px) {
		#TournamentBackgroundSlant {
		width: 90%
	}
}

@media (max-width: 879px) {
	#TournamentBackgroundSlant {
		width: 100%;
		transform: none;
		margin: 0px;
	}

	#MainTournamentSpokerSubTitle {
		font-size: 30px;
	}
}

#TournamentSubHeader {
	position: relative;
	z-index: 2;
	color: white;
	font-family: 'Oswald-Light';
	font-size: 30px;
	font-weight: normal;
	letter-spacing: 20px;
	margin: 0px;
	padding-bottom: 15px;
}

@media (min-width: 880px) {
	#MainTournamentSpokerSubTitle::before {
		width: 56px;
		content: '';
		position: absolute;
		height: 100%;
		top: 0px;
		left: -28px;
		transform: skewX( 25deg );
		z-index: -1;
		background: linear-gradient(#ffc800, gold);
	}

	#MainTournamentSpokerSubTitle::after {
		width: 56px;
		content: '';
		position: absolute;
		height: 100%;
		top: 0px;
		right: -28px;
		transform: skewX( -25deg );
		z-index: 0;
		background: linear-gradient(#ffc800, gold);
	}
}


@media (min-width: 880px) {
	.CreatorClashSubTitle{
		max-height: 175px !important;
	}
	.CreatorClashSubText{
		max-height:175px !important;
	}
	.CreatorClashSubTitle::before {
		left: -45px !important;
		width: 90px !important;
	}
	.CreatorClashSubTitle::after {
		right: -45px !important;
		width: 90px !important;
	}
}
@media (max-width: 500px) {
	#MainTournamentSpokerTitle, #TournamentSpokerSubTitleImage {
		min-width: 100%;
	}
}

#LeaderboardSpokerSubTitle {
	font-size: 32px;
	margin: 0px 10px;
	font-weight: bold;
	color: gold;
}

#TournamentTabContainer {
	font-size: 32px;
	text-transform: uppercase;
	font-weight: bold;
	display: flex;
	justify-content: space-evenly;
}

.TournamentTab:not(.LlamaMessage) {
	flex: 0.4;
	cursor: pointer;
	padding: 5px 0px;
	transition: 0.5s;
	border-radius: 10px;
	border: solid 3px white;
}

@media (max-width: 610px) {
	#TournamentTabContainer {
		font-size: 12px;
	}
	.TournamentTab {
		display: flex;
		justify-content: center;
		align-items: center;
	}
}

.TournamentTab.active {
	background: linear-gradient(#ffca00, gold);
}

/*FLIP TESTING STARTS HERE */

.transparent-background {
	background: transparent !important;
	padding: 0;
}

.swal2-confirm {
	position:absolute;
	bottom: 38px;
	right: 40px;	
	border-radius: 30%;
}


	/*FLIP TESTING ENDS HERE */

	.spokerSweetAlert {
		position: relative;
		opacity: 1;
		font-weight: bold;
		vertical-align: top;
		background: #6699ff;
		padding: 1px 6px 1px 6px;
		text-align: center;
		border-radius: 50%;
		cursor: pointer;
		color: white;
		font-size: 12px;
	}

.MyGamesBarDivLeft {
	position: relative;
	border-right: solid 2px white;
	display: flex;
	justify-content: space-around
}

.MyGamesBarProfileListItem {
	height: 100%;
	display: flex;
	justify-content: center;
	align-content: flex-start;
	align-items: center;
	flex-direction: column;
}

.MyGamesBarProfileListItem h1 {
	font-family: Oswald; 
	font-size: 24px;
}

.MyGamesBarLeaderboardListItem {
	display: flex;
	flex-direction: column;
	height: 100%;
	justify-content: center;
	text-align: center;
	font-family: Oswald;
	color: white !important;
}

.MyGamesBarLeaderboardListItem span {
	font-size: 22px;
	line-height: 1;
	position: relative;
	color: #ffe000;
}

.MyGamesBarLeaderboardListItem .spokerTooltip {
	display: inline-block;
	padding: 2px 6px 2px 6px;
    bottom: -5px;
    right: -5px;
	font-size: 14px;
}

@media (min-width: 769px) {
	.main_content .TournamentHeaderContainer {
		padding: 0px;
	}
}

@media (max-width: 768px) {
	.main_content .TournamentHeaderContainer {
		padding-top: 35px;
		padding-bottom: 0px;
		padding-left: 0px;
		padding-right: 0px;
	}
	#MainTournamentSpokerTitle {
		padding-left: 10px;
		padding-right: 10px;
	}
}

.leaderboards .rules-list table.table {
	table-layout: fixed;
}

.leaderboards .rules-list table thead td {
	color: #006FBE;
	font-weight: bold;
}

.leaderboards .rules-list table thead td {
	border-top: none;
}

.leaderboards .rules-list table tr td {
	font-size: 1.3rem;
}

.TournamentDot .TournamentDotInfo {
	display: block;
}

@media (min-width: 500px) {
	.TournamentDot .TournamentDotInfo {
		padding-bottom: 10px;
	}
}

.OverlayButtons {
	font-size: 20px;
	margin: 0 auto;
	margin-bottom: 10px;
	padding: 10px 20px;
	text-align: center;
	color: #FFFFFF;
	border: none;
	border-bottom: #740000 5px solid;
	background: #A00000;
}