@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap');
@import url('style.css');



/* CSS Document */

/*****************************************************************************
***************************Global css start **********************************
******************************************************************************/

ul, ol{margin:0; padding:0; list-style:none;}

h1,h2,h3,h4,h5,h6,p{margin:0;}

a:hover{ text-decoration:none;}
a:focus{ outline:none !important; text-decoration:none; box-shadow: unset !important;}
button:focus{ outline:none !important; box-shadow: unset !important;}
.form-control:focus{ outline: none !important; box-shadow: unset !important;}
a{cursor: pointer !important; }

*{outline: none;}

body{
    font-family: 'Roboto', sans-serif;
  overflow-x: hidden;
  cursor: default;
  padding: 0 !important;
  letter-spacing: 0.6px;
}

*{
    transition: all .3s ease-in-out;
}

img{
	max-width: 100%;
}
em,i,cite{ font-style: normal; }

/*custom row col padding and margin  for bootsrap strat*/
.row.ml0{ margin-left: 0; }
.row.ml5{ margin-left: 5px; }
.row.ml10{ margin-left: 10px; }
.row.mr0{ margin-right: 0; }
.row.mr5{ margin-right: 5px; }
.row.mr10{ margin-right: 10px; }
.row .pl0{ padding-left: 0; }
.row .pl5{ padding-left: 5px; }
.row .pl10{ padding-left: 10px; }
.row .pr0{ padding-right: 0; }
.row .pr5{ padding-right: 5px; }
.row .pr10{ padding-right: 10px; }

/*custom row col padding and margin  for bootsrap end*/
/*****************************************************************************
***************************Global css end ************************************
******************************************************************************/

:root{
  --secondryClr:#f2c850;
  --letterSpace:0.05em;
  --primaryClr: #f2c850;
  --primarySecClr:#39CA78;
  --primaryfont:'Poppins', sans-serif;
  --primarySecFont:'Montserrat', sans-serif;
  --primarySecRobotFont:'Roboto', sans-serif;
  --primaryBdrltClr:#eaeaea;
}


.btn.btnPrimaryThem{
	    background: rgb(255,166,0);
    background: -moz-linear-gradient(left, rgba(255,166,0,1) 0%, rgba(255,79,0,1) 100%);
    background: -webkit-linear-gradient(left, rgb(74, 74, 74) 0%,rgb(66, 162, 240) 100%);
    background: linear-gradient(to right, rgb(74, 74, 74) 0%,rgb(66, 162, 240) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa600', endColorstr='#ff4f00',GradientType=1 );
    color: #fff;
    position: relative;
    border: 0;
    z-index: 1;
}


.btn.btnPrimaryThem:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    background: var(--primaryClr);
    z-index: -1;
    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    border-radius: .25rem;
}
.btn.btnPrimaryThem:hover:after{
    width: 100%;
}
/****************************************************************************
***************************css for header sec start***************************
******************************************************************************/

.topHeader{

  background: var(--primaryClr);
  text-align: right;

}

.container-fluid{
  width: 100%;
  max-width: 1400px;
}

.topHeader ul li{

  display: inline-block;

}

.topHeader ul li a {

  color: #fff ;

  font-size: 12px;

  text-transform: uppercase;

  line-height: 36px;

  letter-spacing: 0.05em;

  padding: 0 40px;

  border-right: 1px solid #505253;

  display: block;

}

.topHeader ul li a:hover{

  color: var(--secondryClr);

}

.topHeader ul li:last-child a{

  border: 0;

}
.navbar-toggler{ border:1px solid #fff; height: 34px; padding: 5px 8px;}
.navbar-toggler span{ 
    width: 25px;
    height: 2px;
    background: #fff;
    position: relative;
    top: -2px;
	 }
.navbar-toggler span:after,.navbar-toggler span:before{ position: absolute; content: ""; width: 100%; height: 100%; top: -7px;  background: #fff; left: 0; right: 0; }
.navbar-toggler span:before{ top: unset; bottom: -7px }
.header_sec {

	position: absolute;

	left: 0;

	width: 100%;

	z-index: 9;

	background: transparent;

	top: 20px;

}
.header_sec.headerStatic{border-bottom: 1px solid #eee; position: static; 
    /* background: linear-gradient( 62deg, rgba(255,255,255,1) 57%, #f2c850 57%, #f2c850 37%, #f2c850 58%, rgb(60 60 60) 6%);  */
        }
.mainNav .navbar.navbar-default {

	border: 0;

	border-radius: 0;

	background: transparent;

	margin: 0;

	min-height: inherit;

}

.mainNav .navbar-brand {

	height: auto;
   width: 220px;
  padding-top:0px;

  padding-bottom:0;

}

.logiSec{

	justify-content: flex-end;

}


/* .mainNav .navbar ul li:last-child a{
	border-right: 1px solid #565250;
} */

.mainNav .navbar ul li a:last-child{
	margin-left: 10px;
}

.mainNav .navbar ul li a {
    font-size: 13px;
    font-weight: 500;
    color: #000;
    cursor: pointer;
    text-align: center;
    border: none;
    background-size: 300% 100%;
    border-radius: 50px;
    padding: 7px 15px !important;
    text-transform: uppercase;
    font-weight: 500;
}

.cstmBtn{
	moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    background-image: linear-gradient(to right, #f2c850, #833904, #2f1008);
    box-shadow: 0.5px 0.5px 0px 0 rgb(229 66 10 / 75%);
    color: #fff !important;
}

.cstmBtn:hover{
	background: #101010;
	color: #fff !important;
	background-position: 100% 0;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.mainNav .navbar ul li .dropdown-menu a{
    line-height: 18px;
    padding: 5px 25px !important;
    border:0 ;
    border-bottom: 1px solid #383737;
}
.mainNav .navbar ul li .dropdown-menu a:last-child{
	border-right: 0 !important;
}

.mainNav .navbar ul li .dropdown-menu{
	background-color: #000;
}
.mainNav.bgTransLink .navbar ul li a:last-child{
	border-right: 1px solid #565250;
}
.mainNav .navbar ul li.signupBtn a {

	position: relative;

	border: 0 !important;

	margin: 0;

	padding: 16px 20px;

}

.mainNav .navbar ul li.signupBtn a::after{

  content: "";

  position: absolute;

  width: 100%;

  top: 0;

  left: 0;

  height: 100%;

  background: var(--secondryClr) !important;

}

.mainNav .navbar ul li.signupBtn a span {

	padding: 0 20px;

	position: relative;

  z-index: 1;

  color: #fff;

}

.mainNav .navbar ul li.signupBtn a::after {

	content: "";

	position: absolute;

	width: 100%;

	top: 0;

	left: 0;

	height: 100%;

	background: var(--secondryClr) !important;

	transform: skew(36deg);

	border-left: 7px solid #fedfd6;

	border-right: 7px solid #fedfd6;

}

.mainNav .navbar ul li.signupBtn a::before {

	content: "";

	position: absolute;

	width: 2px;

	height: 100%;

	background: #fff;

	left: 0;

	right: 0;

	margin: 0 auto;

	top: 0;

	z-index: 8;

	transform: skew(32deg);

}

.mainNav {

	padding-right: 30px;

}



/*****************************************************************************

***************************css for header sec end  ***************************

******************************************************************************/





/*****************************************************************************

***************************css for conten sec start***************************

******************************************************************************/

.bannerHome .slick-list.draggable {

	padding: 0 !important;

}

.bannerImage img {

	width: 100%;

}

.bannerImage{

  position: relative;

}

.bannerContent {

  position: absolute;

  top: 50%;

  left: 0;

  transform: translate(0,-50%);

  width: 100%;

}

.bannerContent h3 {

	color: #fff;

	font-size: 60px;

	font-weight: 800;

}

.bannerContent h3 span{

  display: block;

}

.bannerContent p {

	color: #fff;

	font-size: 24px;

}
.bannerContent p div{ display: none; }
.playNow {

	color: #fff !important;

	font-size: 16px;

	font-weight: 700;

	text-transform: uppercase;

	letter-spacing: var(--letterSpace);

	line-height: 33px;
	display: inline-block;

	min-width: 160px;

	text-align: center;

}




.bannerSlider {
	cursor: -webkit-grab; cursor: grab;
	position: relative;

}
.bannerSlider:active{
	cursor: -webkit-grabbing; cursor: grabbing;
}

.bannerHome .slick-dots {

	position: absolute;

	left: 0;

	bottom: 80px;

	width: 100%;

	text-align: center;

}

.gameCategory .container {

	max-width: 800px;

}

.bannerHome .slick-dots li {

	display: inline-block;

	border: 1px solid var(--secondryClr);

	margin: 0 5px;

  border-radius: 50%;

  height: 15px;

  width: 15px;

  cursor: pointer;

}

.bannerHome .slick-dots li.slick-active{

  background: var(--secondryClr);

}

.bannerHome .slick-dots li button{

  border: 0;

  padding: 0;

  font-size: 0;

}

.comnHead h4{

	font-size: 35px; 
    font-weight: 700;
    padding-bottom: 35px;
    color: #fff;
}

.howtoplayright .comnHead h4 {

	padding-bottom: 50px;

}

/* .gameCategory {

	background: #1e1319;

	position: relative;
width: 100%;
	

}

.gameCategory::after {

	content: "";

	position: absolute;

	background: #409be3;

	height: 100%;

	width: 100px;

	top: 0;

	transform: skew(-32deg);

	left: -55px;

}

.gameCategory::before {

	content: "";

	position: absolute;

	background: #409be3;

	height: 100%;

	width: 100px;

	top: 0;

	transform: skew(32deg);

	right: -55px;

}
 */
.categoryBox{

background: #ffb100; /* Old browsers */

background: -moz-linear-gradient(top, #389483  0%,#5CDB95 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(top, #389483  0%,#5CDB95 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to bottom, #0351a5  0%,#007bff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

/* background: #007bff !important; */

color: #fff;

font-size: 20px;

border-radius: 5px;

padding: 20px;

text-align: center;

position: relative;

top: -40px;
}

.categoryBox img {

	display: block;

	margin: 0 auto 20px;

	max-height: 50px;

}

.ourFeature{

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

	background-size: cover;

	padding: 80px 0;

	background-attachment: fixed;

}

.ourFeature .comnHead h4{

padding-bottom: 60px;

}

.featureBox {

	background:var(--secondryClr);

	font-size: 16px;

	line-height: 28px;

	letter-spacing: 0.03em;

	padding: 15px;

	min-height: 200px;

	display: flex;

	text-align: center;

	flex-direction: column;

	justify-content: center;

	color: #fff;



}

.featureBox:hover {

	box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.1);

	border-radius: 4px;

}

.featureBox i {

	font-size: 30px;

	margin-bottom: 20px;

	line-height: normal;

	-webkit-transition: all 0.5s ease;

	-moz-transition: all 0.5s ease;

	transition: all 0.5s ease;

	

}

.ourFeature .row .col-sm-2:nth-child(2n) .featureBox{

background: #191a1f;

color: var(--secondryClr);

}

.featureBox:hover i {

	transform: translateY(-12px)

}

.skewSec.clearfix {

	display: flex;

}

.skewBoc {

	flex: 0 0 33%;

	position: relative;

	flex-basis: 0 0 1;

	max-width: 33%;

	overflow: hidden;

	/* transform: skew(37deg); */

}

.skewBoc img{

	width: 100%;

}

.howtoplaySec {

	background-image: url('../images/howtoplay.jpg');

	background-size: cover;
	background-repeat: no-repeat;

	background-attachment: fixed;

	padding: 80px 0;

}

.howtoplaySec .pS{ position: static; }

.howtoplayright ul li {

	display: block;

	color: #fff;

	padding-left: 100px;

	font-size: 16px;

	line-height: 28px;

	margin-bottom: 40px;

	position: relative;

}
.howtoplayright ul li br{ display: none; }

.howtoplayright ul li span {

	background:var(--secondryClr);

	position: absolute;

	left: 0;

	top: 4px;

	height: 60px;

	width: 60px;

	border-radius: 50%;

	text-align: center;

	font-size: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

}

.howtoplayright ul li h5 {

	font-size: 22px;

	font-weight: 600;

}

.howtoplayLeft {

	position: relative;

	overflow: hidden;

	border-radius: 6px;
	
}


.videoBtn {

	position: absolute;

	left: 50%;

	top: 50%;

	transform: translate(-50%,-50%);

	display: block;

	max-width: 47px;

}



.testimonialSec{

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

  background-size: cover;

  background-repeat: no-repeat;

  padding: 60px 0;

}

.client_avtar {

	height: 100px;

	width: 100px;

	position: relative;

	overflow: hidden;

	border-radius: 50%;

	backface-visibility: hidden;

	margin: 0 auto 30px;

}

.client_avtar img {

	height: 100%;

	width: 100%;

}
.slider_test_main .avtarContent{
text-align: center;
    padding: 0 30px;
    color: #ffffff;
    max-width: 600px;
    margin: 0 auto;
}
.slider_test_main p {
	font-size: 16px;
	line-height: 32px;
	letter-spacing: 0.03em;
	text-align: center;
}



.testimonialSec .slick-arrow {
	position: absolute;
	z-index: 1;
	left: 0;
	top: 50%;
	transform: translate(0,-50%);
	border: 0;
	padding: 0;
	font-size: 0;
	background: transparent;

}

.testimonialSec .slick-next.slick-arrow {

	left: auto;

	right: 0;

	/* z-index: 9; */

}

.testimonialSec .slick-arrow::before {

	content: "\f105";

	font-family: fontawesome;

	font-size: 30px;

	color: #fff;

}

.testimonialSec .slick-prev.slick-arrow::before {

	content: "\f104";

}

.testimonial_slider h5 {

	color: #fff;

	text-align: center;

	margin-top: 20px;

	font-size: 18px;

	font-weight: normal;

}



.slider_test_main .slick-list.draggable {

	padding: 0 !important;

}



/* .appSec {

	padding: 80px 0 0;

	background-image: url('../images/download_bg.jpg');

	background-size: cover;

	background-attachment: fixed;

} */

.appsecLeft h4 {

	font-size: 25px;

	margin-bottom: 10px;

	text-transform: uppercase;

	font-weight: 600;

	color: var(--secondryClr);

}

.appsecLeft p {

	color: #fff;

	font-size: 20px;

	line-height: 26px;

	letter-spacing: 0.02em;

	margin-bottom: 20px;

}

.appsecLeft a {

	display: inline-block;

	position: relative;

	overflow: hidden;

	border-radius: 5px;

	/* max-width: 200px; */

}

.appsecLeft {

	padding-top: 25px;

}

/****loginSignup******/



.modalLeft,.modalright{
    width: 50%;
    padding: 60px 10vw;
    float: left;
    min-height: 99vh;
    display: flex;
    flex-direction: column;
    justify-content: center;

}
.modalright {
    background: #202020;
}
.modalLeft {
   
	/* background: url("../images/signup.png"); */
    background: var(--primaryClr);

	background-size: cover;

	background-repeat: no-repeat;

	padding-top: 15%;

}

#loginPopup .modal-body{

	padding: 0;
	display: flex;

}

#loginPopup .modal-dialog {
	/* width: 100%;
	max-width: 1000px; */
}

.modalright .nav.nav-tabs {
    border: 0;
    /* display: flex;
    flex-wrap: wrap;
    justify-content: space-between; */
    padding-bottom: 40px;
    /* margin: 0 auto; */
}
.modalright .nav.nav-tabs .nav-item:first-child:after {
    content: "or";
    color: #fff;
    display: inline-block;
    margin: 0 25px;
    opacity: .3;
}
.modalright .nav.nav-tabs .nav-item {

	text-align: center;
	cursor: pointer;
	/* width: 50%; */
    display: flex;
    align-items: center;

}

.modalright .nav.nav-tabs .nav-item .nav-link {

    border: 0;
    border-radius: 0;
    border-bottom: 3px solid transparent;
    color: #999;
    padding: 10px 20px;
    font-weight: 600;
    font-size: 1.15em;

}
.modalright .nav.nav-tabs .nav-item .nav-link:hover{
    color: #fff !important;
}
.modalright .nav.nav-tabs .nav-item .nav-link.active{
    background: transparent;
	border-bottom-color: var(--primaryClr);

}

.modalright .form-control {
    border-bottom: 1px solid #999;
    color: #fff;
    height: 45px;
    font-size: 15px;
    box-shadow: none !important;
    background: transparent;
    border-width: 0 0 1px 0;
    padding: 18px 0px;
    border-radius: 0;
}

.loginBtn {
    border: 0;
    color: #fff;
    border-radius: 50px;
    background: var(--primaryClr);
    padding: 10px 35px;
}
.loginBtn:hover {
    background-color: #fff;
    color: #333;
}
/* .loginBtn a{ color: #fff; } */
.modalright .form-group a{
    color: var(--primaryClr);
    text-decoration: underline;
    font-weight: 500;
}

.modalright p{
    text-align: center;
    color: #999;
    font-size: 15px;
}

.modalLeft h1 {

	font-size: 60px;

	font-weight: 700;

	color: #fff;

}

.modalLeft h4 {

	color: #fff;

	font-size: 17px;

	margin: 10px 0;

}

.modalLeft a {
    background: #202020;
    display: block;
    text-align: center;
    margin: 10px 0;
    color: #fff !important;
    padding: 12px;
    border-radius: 5px;
    font-weight: 500;

}

.modalLeft a + a, .modalLeft a:hover {
    background: #ffffff !important;
    color: #333 !important;
}
.modalLeft a + a:hover{
    background-color: #000;
    color: #fff;
}
.joinAmountPar .topHead{ border-bottom: 1px solid #ccc; color: #24ba38; padding:10px 0;  font-size: 16px; margin-bottom: 20px;}
.currencySymbol{ font-family: var(--primarySecRobotFont); }

.joinAmountPar .centBody .h4{ font-size: 16px; }
.joinAmountPar .centBody .h2{ font-size: 22px; }

.joinAmountPar .centBody p{ font-style: 12px; color: #666; }

.forgotModal .modal-content{ border-radius: 0; }
.forgotModal .modal-header{ position: relative; background: #409be3; color: #fff; border-radius: 0; display: flex; justify-content: center;  }
.forgotModal .modal-header h3{ font-size: 22px; font-weight: 300; text-transform: uppercase; letter-spacing: 1px; }
.forgotModal .modal-header .closeBtn {
    right: -15px;
    left: unset;
    top: -17px;
}
.forgotModal p{ 
    font-size: 18px;
    letter-spacing: 1px;
 }
.verifiCode .h5{ font-size: 16px; margin:40px 0 20px; }

.verifiCode ul{ display: flex;  padding:0 50px;}
.verifiCode ul li{ flex: 1;padding: 0 5px;}
.verifiCode ul li input{  height: 45px;text-align: center;  font-size: 18px; padding-left: 8px; padding-right: 8px;}
.verifiCode ul li input:focus{ border-color:#409be3;}
.forgotModal .btn{ width: 50px; height: 50px; font-size: 26px;     border-radius: 50%;
    margin-top: 20px; background:#409be3; color: #fff; }
    .forgotModal .bt:hover{ background: var(--primaryClr); }
.forgotModal .btnPar a{ display: block; color: #409be3; margin-top: 10px; }

.forgotModal .btnCustom{ border-radius: 0; width: 100%; border:0; font-size: 18px; }
.forgotModal .btnCustom:active{background: var(--primarySecClr) !important;}
.form-control:focus{     border-color: var(--primaryClr); }
/* .modalright .form-control{ height: 35px; } */
/* .loginBtn{ padding: 6px; } */

/****loginSignup******/

/*****************************************************************************

***************************css for conten sec end  ***************************

******************************************************************************/


/*****************************************************************************

***************************css for footer sec start ***************************

******************************************************************************/

.footer_sec {
	background: #292929;
	margin-bottom: 65px;
}

.footr_menu ul li {

	display: block;


	line-height: 29px;

	font-size: 14px;

	font-weight: 400;

}

.footr_menu ul li a, .footr_menu ul li a:hover{

  color: #fff;

}

.footr_menu ul li a:hover{

  color: var(--primaryClr);
  text-decoration: none;

}

.footer_logo {
    width: 215px;
    margin: 0 auto 25px;
}

.social_menu li a {

	height: 35px;

	width: 35px;

	background-color: rgba(204,213,222,0.6);

	display: block;

	border-radius: 50%;

	text-align: center;

	line-height: 37px;

	color: #252b30;

	font-size: 16px;

}
.social_menu li a b i{ font-weight: 700; }
.social_menu li {

	display: inline-block;

	padding: 0px 4px 10px;

}

.social_menu li a:hover {

	background-color: var(--primaryClr);
  color: #fff;
}

.footer_bottom {
    font-size: 14px;
    padding: 35px 0;
    border-top: 1px solid rgba(203,212,221,0.15);
    margin-top: 0;

}

.copyright {
/*#ccd5de */
    opacity: .7; 
	color: #fff;

}

.footer_right li {

	display: inline-block;

}

.footer_right li a:hover{
    opacity: 1;
}

    .footer_right li a {
	display: block;
	color: #fff;
    opacity: .7; 
	font-size: 14px;
	position: relative;
	padding: 0 12px;
}
.footer_right li a:hover{
	color: #fff;
}
.footer_right li a::after {
	content: "|";
	position: absolute;
	right: -4px;
	top: 0;
}

.footer_right li:last-child a::after {
	display: none;
}

.footerSecound h4{ 
font-size: 20px;
    text-transform: uppercase;
    margin: 0 0 20px;
 }
.footerSecound { color: #fff; }
.footerSecound p{ font-size: 14px;  line-height: 20px;  }
.footerSecound ul li{ margin-bottom: 10px; }
.footerSecound ul li img{ max-width: 150px;  }
.footerSecound ul li a{ color: #fff; font-size: 14px;  line-height: 20px; }
.footerSecound ul li a:hover{ color: var(--primaryClr); }



/*****************************************************************************
***************************css for footer sec end ***************************
******************************************************************************/





/*****************************************************************************

***************************teamBoxSec css start ************************************

******************************************************************************/

.teamBoxSec{ background-size: cover; height: 100vh; align-items: center; justify-content: center; display: flex; }

.teamContainer{ width: 100%;position: relative; height: 100%; max-width: 575px;}
.mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown{display: none !important;}
.teamBoxSec .teamHead { 

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffa600+0,ff4f00+100 */

background: rgb(255,166,0); /* Old browsers */

background: -moz-linear-gradient(
-45deg
, #f2c850, #382262 ); /* FF3.6-15 */

background: -webkit-linear-gradient(
-45deg
, #f2c850, #382262 ); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(
-45deg
, #f2c850, #382262 ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa600', endColorstr='#ff4f00',GradientType=1 ); /* IE6-9 */

 position: relative;

 padding:20px 40px;

 }

 .teamBoxSec .teamHead h3{ font-size: 20px; color: #fff; line-height: 30px; cursor: default; }
 .teamBoxSec .teamHead h3 a{ color: #fff; }


.closeBtn{ position: absolute; left: 20px; top:20px; width: 30px; height: 30px; background: #2f2f2f; border:0; z-index: 11;  }
.rightBtn.closeBtn{ left:unset; right:20px; }
.closeBtn span {position: absolute;right: 36px;top: 9px;}

.closeBtn span:hover {background: #000;}

.closeBtn span:before, .closeBtn span:after {
  position: absolute;
  left: 20px;
  top: -3px;
  content: ' ';
  height: 20px;
  width: 2px;
  background-color: #fff;

}



.leftBtn { background: transparent; border:0; }
.closeBtn.loginBtn{
    background: transparent;
    border: 1px solid #fff;
    color: #fff;
    font-size: 12px;
    width: auto;
}

.closeBtn span:before {transform: rotate(45deg);}

.closeBtn span:after { transform: rotate(-45deg);}



.teamBar{ background: #fff;      box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.3); position: relative; z-index: 1;}

.teamBar ul{  padding: 15px 30px;}

.teamBar ul li{  color: #2f2f2f;    letter-spacing: 1px;}

.teamBar ul li img{ position: relative; left: -5px;top: -2px;}

.teamBar ul li:first-child{  font-weight: 600;  }

.teamBar ul li:last-child{text-align: right;}

.teamBar ul li:nth-child(2){ text-align: center; }
.teamBar ul li:nth-child(2) span {min-width: 82px; display: inline-block;}
.teamBar ul li span{ color: var(--primaryClr); text-transform: uppercase;}



.teamBarBotm{ background:rgba(255,255,255,.8); padding:8px;/* position: sticky;*/     box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.3);;}

.teamBarBotm p{ font-size: 14px;  color: #4b5c66;  }

.teamBarBotm span,.headerTitle span{ font-size: 12px;  color: #696969; }

.headerTitle{ text-align:left; padding:10px 30px; background: #fff; margin-bottom: 10px;         box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.3);}
 .headerTitle .h3{     font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    margin-bottom: 0; }
.headerTitle .countPar i{ font-size: 16px;  color: #5d5d5d;}
.headerTitle .count,.badgeTheme{
	padding: 0 8px;
    height: 24px;
    border-radius: 24px;
    background-color: #c51d23;
    color: #fff;
    line-height: 24px;
    text-align: center;
    display: inline-block;
    margin-right: 10px;
}
.btnTrans{ background: transparent;  border:0;}
.headerTitle .btnIcon{ color: #5d5d5d;}


.listOfTeamPar { background:rgba(255,255,255,1); padding: 0 20px 10px;  }



.listOfTeamBox .mCSB_inside > .mCSB_container{ margin-right: 10px; }

.listOfTeamPar h3{ font-size: 16px; padding:10px 10px 5px; font-weight: 600; line-height: 20px; color: var(--primaryClr); }

.listOfTeamPar .listOfTeam{     border-bottom: 1px solid var(--primaryBdrltClr);  margin-bottom: 10px;  padding:5px 10px;}

.listOfTeam ul {display: flex; flex-wrap: wrap; align-items:center;}

.listOfTeam ul li{ flex: 1;  padding:7px 15px;}

.listOfTeam ul li:nth-child(2){ flex:3; }

.listOfTeam li figure{ width: 60px; margin: 0; height: 60px; background: #f5f4f9; overflow: hidden; text-align: center;}

.teamNameShow {width: 100%;display: inline-block;background-color: #f8a402;text-align: center;font-size: 12px;text-transform: uppercase;color: #fff;border-radius: 3px;font-weight: bold;padding: 2px 0 4px 0; }
.teamNameShow.odd{ background-color: #f75001; }
.teamNameShow i{ color: #fff !important; }
.listOfTeam li figure img{width: 100%; }

.listOfTeam ul li label{ font-size: 16px; font-weight: 600; display: block;}

.listOfTeam ul li cite{ color: #b4b4b4;}

.listOfTeam ul li cite i{ font-style: normal; text-transform: uppercase; padding-right: 8px; }

.listOfTeam ul li cite hr{ width: 1px; border:0; height: 12px; display: inline-flex; margin: 0; background: var(--primaryClr);}

.listOfTeam ul li cite u{padding-left: 5px; font-style: normal;}


.selecTeam .radioSelectImg {
	width: 30px;
	position: relative;
}
.selecTeam .radioSelectImg img{
  width: 100%;
  transition: all 200ms cubic-bezier(0.14,1.06,1,0.99);  	
  position: absolute;
  left: 0;top: 0;
  opacity: 0;
}
.selecTeam .radioSelectImg img.active{
	animation: enter-animation 200ms cubic-bezier(0.14,1.06,1,0.99) forwards;
}

@keyframes enter-animation{
	0% {
    opacity: 0;
    transform: scaleX(.5) translateY(50%);
}
100% {
    opacity: 1;
    transform: scaleX(1) translate(0);
}
}
.selecTeam .radioBtn{ margin: 0 5px; } 
.radioBtn{ position: relative; width: 30px; height: 30px;overflow: hidden; z-index: 11; cursor: pointer; }

.radioBtn input{ opacity: 0; z-index: 1; cursor: pointer; position: absolute; left: 0; top: 0; width: 100%; height: 100%; }

.listOfTeam .radioBtn label{ font-size: 14px; position:absolute;   color: #fff; text-transform: uppercase; background: #acacac; left: 0;  top: 0; width: 100%; height: 100%;  display: flex; align-items: center; justify-content: center; }

.listOfTeam .radioBtn input:checked + label{ background: var(--primaryClr); }



.footerBtnpar .btn-primary{
    background: rgb(255,166,0); /* Old browsers */
    background: -moz-linear-gradient(-45deg, #f2c850, #382262); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #f2c850, #382262); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(-45deg, #f2c850, #382262); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa600', endColorstr='#ff4f00',GradientType=1 ); /* IE6-9 */	
    color: #fff;
   transition: all 0.3s ease;
   border:0;
   border-radius: 0;
   padding:15px;
   position: relative;
   z-index: 1;
   text-transform: uppercase;
}



.footerBtnpar .btn-primary:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 100%;
  background: var(--primaryClr);
  z-index: -1;
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
 -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}

.footerBtnpar .btn-primary:hover:after {
    width: 100%;
}



/*****************************************************************************

***************************teamBoxSec css end ************************************

******************************************************************************/





/*****************************************************************************

***************************createTeam page css start ************************************

******************************************************************************/


.tabPar {background:rgba(255,255,255,.8); padding: 10px 20px; }

.tabPar .tabBox{ background: #fff; border-radius: 4px; padding: 10px 20px;  }
.tabFootBar{background-color: #444444;  color: #fff; }
.tabFootBar .tabTopList{ flex-wrap: wrap; display: flex; justify-content: center; align-items: center; padding: 5px 0;}
.tabFootBar .tabTopList li{ position: relative; flex: 1;     font-size: 14px; letter-spacing: 1px;}
.tabFootBar .tabTopList li:not(:last-child):before{ content: ""; position: absolute; right: 0; width: 1px; height: 100%; background: #f2f3f5;  }
.tabFootBar .tabTopList li span{ display: flex; justify-content: center; color: var(--primaryClr); font-weight: 100;  }
.tabFootBar .tabTopList  li label{ color: #fff; font-weight: 100;  margin-bottom: 0; }

.tabFootBar label i{ font-style: normal;  }
.tabPar .tabBottmList{flex-wrap: wrap; display: flex; justify-content: center; align-items: center;}
.tabPar .tabBottmList li{ flex:1; display: flex; justify-content: center; align-items: center; }
.tabPar .tabBottmList li a{ border-bottom: 2px solid #fff ;  color: var(--primaryClr); width: 80%;}
.tabPar .tabBottmList li.active a{ border-bottom: 2px solid var(--primaryClr);  }
.tabPar .tabBottmList li a span{ display: inline-flex; justify-content: center; align-items: center; background: #b7b7b7; color: #fff; width: 20px; height: 20px;  font-size: 12px; border-radius: 50%;  }
.tabPar .tabBottmList li.active a span{ color: #fff; }
.tabPar .tabBottmList li.reject a span{    background: #f5af23;  color: #fff;}
.tabPar .tabBottmList li a i{ font-style: normal;  padding:5px 5px; font-weight: 600; font-size: 14px; display: inline-block;  }

.tabPar .tabBottmList p{  width: 100%; margin-bottom: -10px;} 



.tabPar .teamNavBar{background: #f5f4f9; padding:15px 10px; margin:10px 0px 0;     box-shadow: 0px 0px 10px 1px #d0d0d0; }

.teamNavBar ul{display: flex; flex-wrap: wrap; }

.teamNavBar ul li{ flex:1; text-align: center;}

.teamNavBar ul li a{ color:#393939;  }

.teamNavBar ul li a:after{ color: var(--primaryClr); }

body .dropdown-menu{ min-width: auto; }




.teamBoxSec .tabFixedContent{ height: calc(100% - 125px) }
.cearteTeamBox .listOfTeam ul li span{ width: 100%; display: block; color: #4b5c66; font-weight: 600; }

.cearteTeamBox .listOfTeam ul li i{ color: var(--primaryClr); font-style: normal; transition: all 0.2s; }

.cearteTeamBox .listOfTeam ul li:not(:nth-child(2)){ text-align: center; }

.cearteTeamBox .listOfTeam ul li a{ font-size: 30px;  }

.cearteTeamBox .listOfTeam ul li .active i {
    color: #f32727;
    transform: translate(0px, 0px) rotate(315deg);
}

/*****************************************************************************

***************************createTeam page css end ************************************

******************************************************************************/





/*****************************************************************************

***************************myTeams page css end ************************************

******************************************************************************/

.widgetsPar{padding: 0 40px;  }

.widgetsPar  > p{ color: #4b5c66; font-size: 16px; text-align: center; padding:20px 0 5px; }

.widgetsPar h4{ color: var(--primaryClr); font-size: 16px;     padding: 10px 0; }

.widgetsPar .widgetBox{background: #fff; box-shadow:0 0 6px #dadada; padding:10px 15px;}

.widgetsPar .widgetBox p{ color: #696969;  }

.widgetsPar h5{ color: #479708; font-weight: 600; font-size: 16px; padding: 10px 0;}



.row.ml-10{ margin-left: -10px !important; }

.row.mr-10{ margin-right: -10px !important; }

.row.ml-5{ margin-left: -5px !important; }

.row.mr-5{ margin-right: -5px !important; }



.row .pl10{ padding-left: 10px !important; }

.row .pr10{ padding-right: 10px !important; }

.row .pl5{ padding-left: 5px !important; }

.row .pr5{ padding-right:5px !important; }



.widgetsPar .editBar{ padding:20px 20px; }

.editBar ul li i{ color: var(--primaryClr); display: inline-block; padding-right: 10px; }

.editBar ul li a{ color: #696969;   }

.editBar ul li:last-child{ text-align: right; }

.editBar ul li:nth-child(2){ text-align: center; }


/*****************************************************************************

***************************myTeams page css end ************************************

******************************************************************************/


/*****************************************************************************

***************************recentTransation page css start *******************

******************************************************************************/



.dashboardPar{  padding-top: 5px;}

.dashboardPar .tabNabBar ul{ display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}

.dashboardPar .tabNabBar li{ flex: 1; padding-right: 2px; text-align: center; box-shadow: 0 0 6px #dadada;  }

.dashboardPar .tabNabBar li a{ display: block; color: #696969; padding:8px 0; background: #fff; }

.dashboardPar .tabNabBar li:last-child{  padding-right: 0;  padding-left: 2px; }

.dashboardPar .tabNabBar li.active a{ color: var(--primaryClr); }



.dashboardBox{ padding:20px 20px; }

.dashboardBox .card-header{ background:#f7f7f7;  border-bottom:1px solid  var(--primaryBdrltClr); }

.dashboardBox .card-header a{ color: #555555;  }

.dashboardBox .card-header a i{ float: right; text-align: right; font-size: 25px; }

.dashboardBox .card{ border-radius: 0; border:0;  background: #f5f4f9; }



.dashboardBox .card-body{   text-align: center;    padding: 0;}

.dashboardBox .card-body p{ background: #e4e4e4; padding:10px;}

.recentList ol {  display: flex; justify-content: space-between; align-items: center; text-align: left; }
.cursorPointer{ cursor: pointer !important; }
.recentList ol li cite{ 
    color: #9b9b9b;
    font-size:14px ;
    display: block;
 }
.recentList ol li span{
	color: #000;
	font-size:14px ;
}
.recentList ol li i{ font-size: 25px; }
.recentList ol li p{ background-color: transparent !important; padding:0 !important; }
.dashboardBox .card-header .card-link.collapsed i{ transform: rotate(180deg); }

.dashboardBox .helpIcon {

    background: #9b9b9b;

    color: #fff;

    border-radius: 50%;

    cursor: pointer;

    display: inline-block;

    text-align: center;

    height: 1.333em;

    line-height: 1.4em;

    width: 1.333em;

    margin-left: .3em;

}



/*****************************************************************************

***************************recentTransation page css end *******************

******************************************************************************/



/*****************************************************************************

***************************personalDetails page css start *******************

******************************************************************************/
.persDetPar{  background: #fff; }
.PersonalDetFormBox{ padding:30px 30px;}

.infoTooltipBox {
	    background-color: #e4f0ff;
    display: flex;
    margin: 10px 15px;
    border-radius: 4px;
    flex-direction: column;
    position: relative;
    z-index: 1;
    padding:10px 15px;
    font-family: var(--primarySecFont);
}
.infoTooltipBox:before{
	content: "";
    height: 20px;
    width: 20px;
    transform: rotate(45deg);
    margin: 0 0 -4px 8px;
    background-color: #e4f0ff;
    align-self: flex-start;
    z-index: -1;
    position: absolute;
    bottom: -3px;
    left: 20px;
}
.infoTooltipBox .h4{     font-size: 16px;font-weight: 500; }

.infoTooltipBox p{ font-size: 14px; margin-bottom: 5px; }
.infoTooltipBox span{ color: #888; font-size: 14px;  }

.PersonalDetFormBox .form-control{ border-radius: 0; border: 0; border-bottom: 1px solid #cbcbcb; padding: 10px 0;  }

.PersonalDetFormBox .form-group label{ font-size: 14px; color: #888; }

.PersonalDetFormBox .form-group select.form-control{ height: auto; }

.PersonalDetFormBox .form-group{ position: relative; }

.PersonalDetFormBox .form-group .editBtn{ background: transparent;  position: absolute; right: -4px; bottom: -20px;}
.PersonalDetFormBox  .form-group.formInputPar .editBtn{top:27px;}
.PersonalDetFormBox .form-group .disabled{ opacity: .5; }

.PersonalDetFormBox .form-group .form-control[disabled]{ background: transparent; }

.userSecleImgBody .userSecleImg{ display: flex; align-content: center; flex-wrap: wrap; }
.userSecleImgBody .userSecleImg {display: flex;      flex-wrap: wrap;width: 100%;padding: 10px;}



.userSecleImgBody .userSecleImg ul {
    width: 100px;
    height:100px;
    border-radius: 100%;
    overflow: hidden;
    margin: 10px 0;
    text-align: center;
    position: relative;
    cursor: pointer;
    margin-right: 10px;
      	
}
.themTxtColor{ color: var(--primaryClr) !important; }
.userSecleImgBody .userSecleImg ul:after,.userSecleImgBody .userSecleImg ul:before{
	content: "";
	position: absolute;
	left: 0;
	top:0;
	width: 100%;
	height: 100%;
	opacity: 0;
	background-color:#ffa600c2;
}
.userSecleImgBody .userSecleImg ul:before{
    content: "\f00c";
    font: normal normal normal 14px/1 FontAwesome;
    width: 30px;
    height: 30px;
    background-color: #f75e30;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    opacity: 0;
    font-size: 14px;
    z-index: 11;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    color: #fff;
}
.userSecleImgBody .userSecleImg ul.active:after,.userSecleImgBody .userSecleImg ul.active:before{
	opacity: 1;
}

.forgotModal .btn.smFont{
	font-size: 16px;
}

/* The container */

.PersonalDetFormBox .form-group .radioPar {

    display: block;

    position: relative;

    padding-left: 35px;

    margin-bottom: 12px;

    cursor: pointer;

    font-size: 16px;

  color: #495057;

}

.entrBox{     text-align: center;
    padding: 15px;
    box-shadow: 0 0 10px rgba(5,5,6,0.2);
    margin: 30px 10px; }
.entrBox h6{ font-size: 14px; }
.entrBox h6 span{ color: #ff0000; display: inline-block; margin-left: 10px; }
.entrBox p{ font-size: 12px;     color: #888; margin-top: 10px; }
/* Hide the browser's default radio button */

.radioPar input {

    position: absolute;

    opacity: 0;

    cursor: pointer;

}



/* Create a custom radio button */

.radioPar .checkmark {

    position: absolute;

    top: 0;

    left: 0;

    height: 22px;

    width: 22px;

    border:2px solid #cbcbcb;

    border-radius: 50%;

}



/* Style the indicator (dot/circle) */

.radioPar .checkmark:after {

      content: "";

    position: absolute;

    display: none;

  top: 3px;

  left: 3px;

  width: 12px;

  height: 12px;

  border-radius: 50%;

  background: #000;

}
.radioPar input:checked ~ .checkmark{ border-color: #000; }



/* Show the indicator (dot/circle) when checked */

.radioPar input:checked ~ .checkmark:after {display: block;}

.dobBox{ display: flex; flex-wrap: wrap;}
.dobBox .dobCol { flex: 1; }
.dobBox .dobCol label{ border-bottom: 1px solid #cbcbcb;  text-align: center; display: block;}
.dobBox .dobCol:not(:last-of-type) label{ border-right:1px solid #cbcbcb; }
.dobBox .dobCol label .form-control{ border-bottom: 0; text-align: center; font-size: 20px; }



/*****************************************************************************

***************************personalDetails page css end *******************

******************************************************************************/
/****************************************************
              newsLatterSec start
***************************************************/
.newsLatterSec{
	    background: #292929;
    padding: 30px 0;
    color: #fff;
    display: none;
}
.newsLatterSec h5{ font-size: 25px; line-height: 35px;  }
.newLattInput{ position: relative; z-index: 1; }
.newLattInput input{
      height: 50px;
    width: 100%;
    padding: 6px 12px;
    border: 0;
    color: #000;
    font-size: 15px;
    border: 0;
    line-height: normal;
}

.newLattInput .subBtn {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 11;
    background: var(--primaryClr);
    border: 0;
    color: #fff;
    font-size: 18px;
    padding: 12px 20px;
    height: 100%;
    cursor: pointer;
        text-transform: uppercase;
    
}


/****************************************************
              newsLatterSec end
***************************************************/


/*****************************************************************************

***************************payment page css start *******************

******************************************************************************/

.teamBar cite{ font-style:normal; color: #f85e30; font-size: 13px; }

.teamBar label{ text-align: center;   }

/*****************************************************************************

***************************payment page css end *******************

******************************************************************************/



/*****contest*******/

.walletBtn {

	padding: 0;

	background: transparent;

	border: 0;

	color: #fff !important;

	position: absolute;

	right: 20px;

	top: 50%;

	transform: translate(0,-50%);

	font-size: 20px;

}
.walletBtn.btn {
    font-size: 16px;
    border: 1px solid #fff;
    padding: 3px 7px;
}
.filterCotest > ul {

	display: flex;

}

.filterCotest > ul > li {

	flex: 0 0 25%;

	max-width: 25%;

	text-align: center;

}

.filterCotest ul li a {

	color: #393939;

	padding: 5px 0;

	display: block;

}

.filterCotest ul li a:hover,.filterCotest ul li .btn.btn-primary:hover{

	color: var(--secondryClr);

}

.filterCotest ul li .btn.btn-primary {

	background: transparent !important;

	border: 0 !important;

	padding: 5px  0;

	color: #393939;

	box-shadow: none !important;

}

.filterCotest ul li .dropdown-menu {

	border: 0;

	border-radius: 0;

	margin: 0;

	padding: 0;

}

.filterCotest ul li .dropdown-toggle::after {

	border-top: 8px solid ;

	border-right: 8px solid transparent;

	border-left: 8px solid transparent;

	top: 3px;

	position: relative;

}

.filterCotest ul li .dropdown-menu .dropdown-item {

	display: block;

	padding: 8px;

	border-bottom: 1px solid #39393933;

}

.contestBoxpar{ 
    background-color: #fff;
    padding-top: 10px;
 }
.contestBoxHead{ position: relative; 
padding-bottom: 10px;
     border-bottom: 1px solid #f99b04;
}
 .contestBoxHead img{
    max-width: 35px;
    position: absolute;
    left: 15px;
    top: 0px;
 }
 .contestBoxHead .contestHeadCont{ padding-left: 70px;  }
 .contestHeadCont h2{
 	    font-size: 16px;
    line-height: 18px;
    font-weight: 500;
    margin-bottom: 0;
 }
  .contestHeadCont p{ 
  	font-size: 12px;
    color: #696969;
   }
.contestList .contestBox {
	padding: 10px 0;
    border-bottom: 1px solid #eaeaea;
	margin-bottom: 10px;
}
.contestBoxpar .footLink{ font-size: 14px; }
.contestBoxpar .footLink i{color: #5d5d5d; }
.contestCenterGroup{     background: #f7f7f7; margin-top: 10px;padding: 10px 20px; }
.contestCenterGroup p{ color: #737272; }
.contestCenterGroup .btn{ margin-top: 10px; margin-bottom: 5px; }
.contestBottom ul li img{
	 display: inline-block;
    width: 40px;
    padding-right: 10px;

}
.contestBottom ul li a h5{ font-size: 16px; color: #000; }
.contestBottom ul li a p{ font-size: 14px; color: #6d6d6d; }
.melist.contestBottom ul li a:hover{	border-bottom: 1px solid rgba(105,105,105,0.4);  }
.contestBox ul {
	display: flex;
}

.contestBox ul li {

	flex: 0 0 33%;

	max-width: 33.33%;

	text-align: center;

	color: #9b9b9b;

	font-size: 14px;

}

.contestBox ul li:first-child {

	text-align: left;

}

.contestBox ul li:last-child {

	text-align: right;

}

.contestBox ul li span {
	color: #232323;
	display: block;

}

.contestBox .btn.btn-primary {

	background: transparent !important;

	color: #262626 !important;

	padding: 0;

	border: 0;

	box-shadow: none !important;

	text-decoration: underline;

}
.contestBox ul li .toggleBtn a{
	font-size: 16px;
	color: #000;
}
.contestProgress h4 {

	font-size: 14px;
	padding-bottom: 5px;
	margin-top: 0px;

}
.contestProgress a{ display: block; padding:5px 0 0;  color: #000;}
.contestProgress h4 span{

	float: right;

}

.contestProgress .progress-bar{

background: rgb(255,166,0);

background: -moz-linear-gradient(left, #389483  0%,#5CDB95 100%);

background: -webkit-linear-gradient(left, #389483  0%,#5CDB95 100%);

background: linear-gradient(to right, #389483  0%,#5CDB95 100%);

}

.contestProgress .progress {

	height: 7px;

}
.contestProgress .progress.sm{ height: 4px;	 }
.contestListFooter {

	position: relative;

	padding-right: 100px;

	margin-top: 10px;

}

.contestListFooter .joinBtn {

	position: absolute;

	right: 0;

	background: transparent;

	border: 1px solid var(--secondryClr);

	color: var(--secondryClr) !important;

	top: -7px;

	border-radius: 5px;

	padding: 1px 15px;

}

.contestListFooter .joinBtn:hover{

	color: #fff !important;

	background: var(--secondryClr);

}

.contestList {

	/* max-height: 372px; */

}

.btn.btn-block.btn-primary.doubleBtn {
flex: 1;

	margin: 0;

}

.btn.btn-block.btn-primary.doubleBtn + .btn.btn-block.btn-primary.doubleBtn{

	background: #232323;

}
a.btn.disabled{
	    cursor: not-allowed !important;
	     pointer-events: auto !important;
}

button{

	cursor: pointer;

}

/******contest page- end*****/

/******home-page-start*********/

.teamBarBotm.text-center.homeHead {

	padding: 0;

}

.matchTab .nav.nav-tabs li {

	flex: 0 0 33.33%;

	float: none;

	margin: 0;

	text-align: center;

}

.matchTab .nav.nav-tabs {

	display: flex;

}

.matchTab .nav.nav-tabs li .nav-link {

	color: #393939;

	border-bottom: 0;

	border-bottom: 2px solid transparent;

	margin-bottom: -1px;

	border-radius: 0;

	background: transparent;

	font-size: 16px;

}

.matchTab .nav.nav-tabs li .nav-link.active,.matchTab .nav.nav-tabs li .nav-link:hover{

	color: var(--secondryClr);

	border-bottom-color: var(--secondryClr);

}

.upcomingFilter {

	position: relative;
	margin-bottom: 10px;
	padding: 5px 15px 5px 0;
    border-bottom: 1px solid var(--primaryBdrltClr);
	color: #818181;

}

.upcomingFilter a {

	position: absolute;

	right: 0;

	top: 3px;

	color: var(--secondryClr);

}

.matchListBox ul {
	display: flex;
}



 .matchlistFoot{
padding: 7px 10px;
    background: #f7f7f7;
    margin-bottom: -10px;
    margin-top: 5px;
} 
 .matchlistFoot cite{ color: var(--secondryClr); }
.matchlistFoot a{ 
	    color: #737272;
 }

.matchListBox ul li {

	flex: 0 0 25%;

	text-align: center;

	font-size: 13px;

	color: #4b5c66;

}
.matchListBox.raniking{
	position: relative;
	padding: 0;
	margin-top: 10px;
}
.matchListBox.raniking img{width: 100%;}
.matchListBox.raniking h5{ position: absolute; 
top:40%;
left: 0;
right: 0;
margin: auto;
    font-size: 24px;
    text-transform: uppercase;
  text-align: center; color: #fff;
 }


.matchListBox ul li:nth-child(2n) {
	flex-basis: 50%;
}

.matchListBox ul li img {

	/* max-width: 53px; */

	height: 60px;

	display: block;

	margin: 0 auto 9px;

}

.matchListBox ul li p {

	text-decoration: underline;

	margin: 1px 0;

	color: var(--secondryClr);

}

.matchListBox ul li i {

	font-size: 20px;

}

.matchListBox {
	box-shadow:  0 1px 2px 0 rgba(0, 0, 0, 0.3);
    border-bottom: 1px solid var(--primaryBdrltClr);
	padding: 10px 0;
    margin-bottom: 10px;
    background: linear-gradient(123deg, white 48%, #f4f4f4 49%);
}

.matchList .matchListBox:last-child{    margin-bottom: 0; }

.mCSB_inside > .mCSB_container {

	margin-right: 12px;
    margin-left: 12px;

}

.footerBtnpar {
	background: #fff;
    box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.3);
    position: relative;
    z-index: 1;

}

.PointSys .teamBarBotm.homeHead {
    margin: 10px 12px;
}


.footerMenu {
	display: flex;
    padding: 10px 10px 20px;
}

.footerMenu li {

	flex: 0 0 25%;

	text-align: center;

}

.footerMenu li a{

	color: #818181;

	font-size: 16px;

	line-height: 20px;

}

.footerMenu li a i{

	font-size: 25px;

	display: block;

	margin: 0 auto 0px;

}

.footerMenu li a:hover,.footerMenu li.active a{

	color: var(--secondryClr);

}

button.backBtn {

    position: absolute;

    left: 20px;

    top: 50%;

    padding: 0;

    background: transparent;

    border: 0;

    color: #fff;

    transform: translate(0,-50%);

    font-size: 18px;

    font-weight: normal;

}

/******home-page-end*********/

/*****joined-Contest-start******/

.joinedContestList {
    background: #fff;
   
    margin:0 20px 20px;
}
.joinedContestPar .joinedContestList {
	    box-shadow: 0px 0px 5px #b5b4b49e;
}
.joinedBox ul {

	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;

}

.joinedBox ul li {

	font-size: 16px;

	color: var(--secondryClr);

	line-height: 26px;

}



.joinedBox ul li span{

	color:#696969 ;

	display: block;

	font-weight: 600;

}
.joinedBox .linkList li{ display: block; width: 100%; }
.joinedBox .linkList li a{
	font-size: 16px;
    color: var(--secondryClr);
    line-height: 26px;
    display: block; width: 100%;
    position: relative;

}
.joinedBox .linkList li a i{ 
    color: #8e8e8e;
    font-size: 20px;


 }
.joinedBox {

	border-bottom: 1px solid var(--primaryBdrltClr);

	padding: 10px 15px;

}
.joinedContestList .joinedBox:nth-child(3){
	border-bottom: 0;
	background: #f3f3f3;
}


/*****joined-Contest-end******/

/*****my_contest-start******/

.listOfTeamPar.myContest {
    padding: 15px 30px;
}

.tabFiexdNavParent.nav.nav-tabs{ background: #fff;    padding: 15px 30px; }
.myContest .nav.nav-tabs,.tabFiexdNavParent.nav.nav-tabs {

	border: 0;

	display: flex;

	flex-wrap: wrap;

	justify-content: space-between;

}

.myContest .nav.nav-tabs li,.tabFiexdNavParent.nav.nav-tabs li{

	text-align: center;

	flex: 0 0 33%;

	margin: 0;

	border: 0 !important;

	float: none;

}
.tabFiexdNavParent.home.nav.nav-tabs li{
	flex: 0 0 100% !important;

}
.myContest .nav.nav-tabs li a,.tabFiexdNavParent.nav.nav-tabs li a {

	background: #fff;
	border:1px solid var(--primaryClr);
	color: var(--primaryClr);

	font-size: 15px;

	font-weight: 600;

	border-radius: 0;

	padding: 7px;

}

.myContest .nav.nav-tabs li a:hover,.myContest .nav.nav-tabs li a.active,.tabFiexdNavParent.nav.nav-tabs li a:hover,.tabFiexdNavParent.nav.nav-tabs li a.active{
	color: #fff;
	background: var(--primaryClr);


}

.myContest .tab-content .tab-content {

	padding: 15px 0;

}
.mCSB_scrollTools a + .mCSB_draggerContainer{
	margin:0 !important;
}

.myContest .tab-content .tab-content p{

	text-align: center;

	color: #696969;

}
.myContest .tab-content .tab-content em{
	font-size: 14px;
}

.myContest .tab-content .tab-content cite{ color: var(--primaryClr); }

.primaryTextCol{ color: var(--primaryClr); }
/*****my_contest-end******/

/*****myAccounet-start******/

.accountSec .teamBar p {

    color: #4b5c66;

    font-size: 15px;

    padding: 10px 30px;

    line-height: 26px;

}

.accountSec .joinedContestList {

    /* max-height: 350px; */

}

.joinedBox ul li .comnBtn {
    color: #fff;
    border: 0;
    background: var(--secondryClr);
    padding: 5px 15px;
    border-radius: 5px;
    display: inline-block;
    font-size: 16px;

}

.joinedBox ul li .comnBtn:hover{

background: #4b5c66;

}

.joinedBox p {

    color: #8e8e8e;

}

.joinedBox ul li a{
	color: #8e8e8e;
	font-size: 16px;
}

.accountSec .mCSB_scrollTools .mCSB_draggerContainer{
	right: -10px;
}

/*****myAccounet-end******/

/*****preview-start*****/

.previewBg {
	background: url(../images/preview_bg.jpg);
    height: 100%;
    background-size: 100%;
    border: 4px solid #fff;
    padding: 5px;
    width: 100%;
    position: relative;
    background-position: center;
    max-height: 694px;
    background-repeat: no-repeat;
    max-width: 744px;
}
.previewBg.football-bg {
    background-size: cover !important;
}

.previewBg .teamPreviewRow {
	/*border-bottom: 1px solid #b1b1b1;*/
	padding: 10px 0;
}
.previewBg .teamPreviewRow:last-child{ border-bottom: 0; padding-bottom: 0;	 }
.previewBg.previkabi{ background-size: 100% 100%; }
.previewBg.previkabi .teamPreviewRow{ border-bottom: 0; margin-top: 20px;}
.previewBg .teamPreviewRow h2{ 
font-size: 16px;
    line-height: 25px;
    color: #ffffff;
    text-shadow: 0 0 5px #191919;
   text-align: center;
   margin: 0;	
 }
.previewBg ul {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
	position: relative;
	flex-wrap: wrap;
	
}

.previewBg ul li{	
    display: flex;
    flex-direction: column;
    align-items: center;
	position: relative;
margin-top: 10px;	
}

.playerImg {

	height: 40px;

	width: 40px;

	border-radius: 50%;

	overflow: hidden;

	backface-visibility: hidden;

	margin: 0 auto -3px;

}

.playerName {

	display: inline-block;

	background: #326eb5;

	padding: 3px 10px 1px;

	color: #fff;

	font-size: 10px;

	border-radius: 4px;

}

.previewBg ul li span {

	display: block;

	color: #fff;

	font-size: 12px;

	margin-top: 0px;

}


.previewBg .teamPreviewRow li.wicket-keeper {
    top: -14px;
}
.previewBg .teamPreviewRow li.batsman {
    top: 60px;
}

.previewBg .teamPreviewRow li.all-rounders {
    top: 92px;left: -10px;
}
.previewBg .teamPreviewRow li.bowlers {
    top: 128px;
}

.teamBoxSec.accountSec .mCSB_container{
	height: 600px !important;
}


.teamName {

	color: #fff;

	text-align: center;
margin-top: 10px;

}

.previewBg .closeBtn.rounded-circle {

	position: absolute;

	right: 10px;

	left: auto;

	top: 20px;

	z-index: 1;

}

.captaine {

	position: absolute;

	left: -10px;

	top: -5px;

	background: #1c3f79;

	height: 25px;

	width: 25px;

	line-height: 32px;
		font-weight: 600;
	color: #fff;

	border-radius: 50%;

	font-size: 12px;
    display: flex;
    justify-content: center;
    align-items: center;

}

.captain.captaine {

	background: #fcf659;

	color: #000;

}

.playerName.blckbg {

	background: #3b3b3b;

}

/*****preview-end*****/

/*****me*****/

.listOfTeamPar.meSec {

	background: #fff;

	min-height: 400px;

}
.meSec .melist ul li span{ display: inline-block; width: 40px; } 
.meSec .melist ul li span i{ float: none;     font-size: 20px; }
.melist ul li a {
	display: block;
	border-bottom: 1px solid var(--primaryBdrltClr);
	color: #6d6d6d;
	padding: 10px 0;
}

.melist ul li a span{

	font-size: 20px;

}

.melist ul li a i {
	    color: #737272;
    float: right;

    font-size: 25px;

}
.melist ul li a:hover i{ color: var(--primarySecClr); }
.melist ul li a:hover{

	color: var(--secondryClr);

	border-color: var(--secondryClr);

}

/*****me-end*****/

/****verification-start****/

.nav.nav-tabs{

	border: 0;

}

.listOfTeamPar.verifyList {

    background: #fff;

}


.verifyList .form-control {

    color: #9d9d9d;

    box-shadow: 0px 3px 11px rgba(5,5,6,0.3);

    border-color: rgba(5,5,6,0.1);

}

.verifyList .form-control[type="file"]{

	background: #e4e4e4;

}

.verifyList .form-group span{

	color: var(--secondryClr);

	margin-top: 5px;

	display: block;

}

.verifyList h4{

	color: var(--secondryClr);

	font-size: 20px;

	margin-bottom: 5px;

}

.verifyList h4 small{

	display: block;

	color: #9d9d9d;

	margin: 10px 0;

}

.verifyList .tab-content {

    padding: 30px 0;

}

button.loginbtn {

    padding: 9px 25px;

    border: 0;

    color: #fff;

	border-radius: 4px;

	background: rgb(255,166,0);

	background: -moz-linear-gradient(
-45deg
, #f2c850, #382262);

	background: -webkit-linear-gradient(
-45deg
, #f2c850, #382262);

	background: linear-gradient(
-45deg
, #f2c850, #382262);

}

.verifySec .matchTab .nav.nav-tabs {

    background: #fff;

}

.verifySec .teamBar {

    box-shadow: none;

}

.nav-tabs .nav-link{

	border-left: 0;

	border-right: 0;

	border-top: 0;

}

.verifyList .teamBar{

	box-shadow: none;

}

.verifySec .matchTab .nav.nav-tabs li {

    box-shadow: 0 0 11px rgba(5,5,6,0.3);

    z-index: 1;

}

.otpField button.otpBtn {

    position: absolute;

    right: 0;

    top: 0;

    padding: 7px 20px;

    border: 0;

    color: #fff;

	border-radius: 5px;

	background: rgb(255,166,0);

	background: -moz-linear-gradient(left, rgba(255,166,0,1) 0%, rgba(255,79,0,1) 100%);

	background: -webkit-linear-gradient(left, rgb(74, 74, 74) 0%,rgb(66, 162, 240) 100%);

	background: linear-gradient(to right, rgb(74, 74, 74) 0%,rgb(66, 162, 240) 100%);

}

.otpField {

    position: relative;

    padding-right: 120px;

}

.otpField .form-control{

	background: #e4e4e4;

}

.verifySec .teamBar ul ,.contestSec .teamBar ul,.joinedSec .teamBar ul{

    justify-content: space-between;

    display: flex;

    flex-wrap: wrap;

}

/****verification-end****/

/*****contestDetails-start*****/

.beakupBox {

    color: #898989;

}

.beakupBox ul {

    display: flex;
    flex-wrap: nowrap;
justify-content: flex-start;
    overflow-x: auto;
    padding-bottom: 10px;

}

.beakupBox ul li {
    flex: 0 0 20%;
    padding: 7px 10px;
    box-shadow: 0px 0px 5px #b5b4b49e;
	margin: 10px 5px 0;
	color: #898989;
}
.beakupBox ul li:first-child{ color: var(--secondryClr); }
.beakupBox ul li:nth-child(2){

	color: #f8bb00;

}

.beakupBox ul li:nth-child(3){

	color: #479708;

}

.beakupBox ul li:nth-child(4){

	

}



.beakupBox ul li span{

	display: block;

	padding: 5px 0;

	color: #696969;

}

.detailsBox ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
	align-items: center;
	padding: 10px 0;
}

.detailsBox ul li {

    flex: 0 0 33%;

}


.detailsBox ul li:nth-child(2n){

	text-align: center;

}

.detailsBox ul li:last-child{

	text-align: right;

}

.detailsBox ul li a{ color:var(--primaryClr);  }

.detailsBox ul li a.collapsed i{
    transform: rotate(180deg) translateY(-3px);
}

.leaderBox ul {

    margin-top: 20px;

    display: flex;

    justify-content: space-between;
    border-top: 1px solid #e8e8e8;
        padding: 5px 0;
        align-items: center;
}



.leaderBox ul li{

	font-size: 16px;


}

.leaderBox ul li a{

	font-size: 20px;

	color: #898989;

}

.teamRank ul{

	background: var(--secondryClr);

}

.teamRank p {

    padding: 10px;

    text-align: center;

    color: #898989;

}

.teamRank ul {

    background: var(--secondryClr);

    color: #fff;

    padding: 10px;

    display: flex;

    justify-content: space-between;

    margin-top: 10px;

}
.teamListPar{ 
    align-items: center;
    display: flex;
    padding: 10px;
    border-bottom: 1px solid #e8e8e8;
 }
.teamListPar figure{
	    width: 36px;
    height: 36px;
    overflow: hidden;
    margin-bottom: 0;
    background-color: #fff;
}
.teamListPar figure img{     width: 100%; }
.teamListPar .teamConten{
    display: flex;
    flex-grow: 1;
    padding-left: 20px;
}
.teamListPar .teamConten p{ padding: 0; text-align: left;}
.teamListPar .teamConten em{
	    font-size: 14px;
    color: #9c9c9c;
}
.teamListPar .teamContenRight{
	display: flex;
    justify-content: space-between;
    align-items: center;
}

.infoTittle{ display: flex; font-size: 12px; margin-top: 5px; color: #9b9b9b; }
.infoTittle span{background-color: #68a9c7; 
    align-items: center;
    border-radius: 8px;
    color: #fff;
    display: flex;
    height: 15px;
    justify-content: center;
    margin: 0 4px 0 0;
    text-align: center;
    width: 15px;font-size: 12px; 	

}
.infoTittle span.warn{ background-color: #67cba5; }

.listOfDetail .infoTittlePar{ margin:0 -15px; }

.listOfDetail{     
	border-bottom: 1px solid #d5d5d5;
     padding: 10px 15px;
    margin: 0 15px 10px; }
.listOfDetail .btomBar{ margin:10px 0 -10px; }

.btomBar a{
    color: #616161;
    background: #efefef;
    padding: 10px 15px;

}

.outlineBtn{
    background: transparent;
    border: 1px solid var(--secondryClr);
    color: var(--secondryClr);
}
.outlineBtn:hover{
	    color: #fff;
    background: var(--secondryClr);
}
/*****contestDetails-start*****/

.comonScrool {

    height: 100%;

}


/*****************************************************************************
***************************payment page css start *******************
******************************************************************************/
.teamBar cite{ font-style:normal; color: #f85e30; font-size: 13px; }
.teamBar label{ text-align: center;   }
.teamBar p{ color: #656565; }

.teamBar .virImg{ display: block; text-align: right; }

.cardBoxPar{ background: #f5f4f9;  }
.cardBoxPar .cardPar{ position: relative; padding: 20px 80px 20px 100px;}
.cardBoxPar .cardPar img{ 
    width: 120px;
    display: block;
    margin-bottom: 15px; }
.cardBoxPar .cardPar h4{ font-size: 16px; color: #555555; }
.cardBoxPar .cardPar p{ font-size: 12px; color: #9d9d9d;}
.cardBoxPar .cardPar.cardPayUm{ 
	border-top: 1px solid #e4e4e4;
    display: flex;
    align-items: center; 
        justify-content: center;
}
.cardBoxPar .cardPar.cardPayUm .playNow {
    color: #fff !important;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: var(--letterSpace);
    line-height: 20px;
    margin-top: 0;
    display: inline-block;
    background: #409be3;
     min-width: auto; 
    text-align: center;
    padding: 12px 25px;
    border-radius: 4px;
    border: 0;
}
.cardBoxPar .cardPar.cardPayUm .playNow:hover {
    background-color: #4b5c66;
}
.teamBoxSec .editBtn{ font-size: 22px; background: transparent; color: #b2b2b2; position: absolute; right: 20px; top: 10px; }
.cardBoxPar .cardPar .editBtn{ right: 35px; }
.cardBoxPar .headPar{ background: #e4e4e4; padding:15px 40px; font-size: 14px; color: #757575;}

.cardBoxPar .gridBoxPar{ display: flex; flex-wrap: wrap; }
.cardBoxPar .gridBoxPar .gridChild{ flex: 1;  background: #fff; text-align: center; border-bottom: 1px solid #f0f0f0; display: flex; align-items: center; justify-content: center; }
.cardBoxPar .gridBoxPar .gridChild:not(:last-of-type){border-right:1px solid #f0f0f0;}
.cardBoxPar .gridBoxPar .gridChild a{ color: #000;  padding:14px; display: block; width: 100%;}
.cardBoxPar .gridBoxPar .gridChild img{ width:30px; display: inline-block; padding-right: 10px; }
.gridBoxPar >p a{padding: 10px 40px; color:#f85e30; display: inline-block;}
.paymentBox{padding: 10px 20px 30px; background: #fff;}
.paymentBox .paymentBoxHead{ border-bottom:2px solid #f0f0f0; padding-bottom: 10px;}
.paymentBox .paymentBoxHead p{ float: right; color: #15507d; }
.paymentBox .paymentBoxHead a span{ color: #000; }
.payImgpar img{ width: 45px; display: inline-block; padding-right: 10px;}

.paymentBox .paymentBoxConten{ width: 100%; padding-top: 10px;}


/*****************************************************************************
***************************payment page css end *******************
******************************************************************************/

/*****************************************************************************
***************************quickCheck page css start *******************
******************************************************************************/
.teamBar>article{ text-decoration: none; padding: 10px 20px; }

.widgetsPar h3{ font-size: 18px; color: var(--primaryClr); padding-top: 40px;}
.widgetsPar h4{ color: #696969; font-size: 16px; text-align: center; font-weight: 600; padding-bottom: 10px;}
.widgetsPar .dobGriadPar .dobGriadBox{ display: flex;text-align: center;  flex-wrap: wrap;}
.dobGriadPar .dobGriadCol{ flex: 1; padding: 20px 20px 10px; background: #fff; box-shadow: 0 0 6px 1px #dadada; margin: 0 20px;}
.dobGriadPar .dobGriadBox span{ color: var(--primaryClr); }
.dobGriadPar .dobGriadBox .form-control{ font-size:22px; border:0; border-radius: 0; text-align: center;}

.widgetsPar label{ font-size: 18px; color: var(--primaryClr); padding:30px 0 0; }
.widgetsPar .form-control{ border:0; border-radius: 0;	 border-bottom: 1px solid #cbcbcb; padding: 5px 0 10px; height: auto !important; background: transparent;}

/*****************************************************************************
***************************quickCheck page css end *******************
******************************************************************************/

/*****************************************************************************
***************************quickCheck page css end *******************
******************************************************************************/


/*****popup css start*****/
.modal-dialog.comnPopup {
    max-width: 632px;
    border-radius: 0;
    width: 100%;
    margin: 0 auto;
    padding: 0 15px;
}
.modal-dialog.comnPopup .modal-content {
    border-radius: 0;
}
.modal-dialog.comnPopup .modal-header {
    position: relative;
 text-align: center;
 background: rgb(255,166,0);
    background: -moz-linear-gradient(left, #389483  0%,#5CDB95 100%);
    background: -webkit-linear-gradient(left, #389483  0%,#5CDB95 100%);
    background: linear-gradient(to right, #389483  0%,#5CDB95 100%);
    border-radius:0;
}
.modal-dialog.comnPopup .modal-header h5 {
    text-align: center;
    display: block;
    width: 100%;
    color: #fff;
}
.modal-dialog.comnPopup .modal-header button.close {
    position: absolute;
    top: 0;
    right: 0;
    height: 35px;
    width: 35px;
    background: #2f2f2f;
    opacity: 1;
    color: #fff;
    padding: 0;
    font-weight: normal;
    font-size: 22px;
    border-radius: 50px;
}
.modal-dialog.comnPopup .modal-body.clearfix {
    padding: 30px;
}
.winingList h4 {
    text-align: center;
    font-size: 18px;
    color: #3d3c3c;
    line-height: 30px;
}
.winingList h4 span{
 display: block;
 color: var(--secondryClr);
}
.winingList ul li {
    display: block;
    border-bottom: 1px solid var(--primaryBdrltClr);
    font-size: 16px;
    color: #525252;
    line-height: 40px;
}
.winingList ul li span{
 float: right;
}

.winingList {
    margin-bottom: 10px;
}
.popupbtn {
    background: rgb(255,166,0);
    background: -moz-linear-gradient(left, #389483  0%,#5CDB95 100%);
    background: -webkit-linear-gradient(left, #389483  0%,#5CDB95 100%);
    background: linear-gradient(to right, #389483  0%,#5CDB95 100%);
    border: 0;
    padding: 5px 20px;
    color: #fff !important;
    margin-top: 15px;
    position: relative;
    z-index: 1;
}
.popupbtn:hover:after,.btn.btnNeed:hover:after{
	width: 100%;
}
.popupbtn:after,.btn.btnNeed:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    background: var(--primaryClr);
    z-index: -1;
    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    border-radius: .25rem;
}
.add_money ul li {
	display: inline-block;
    width: 24%;
    margin: 0 4%;
    color: #f99605;
    text-align: center;
    padding: 5px;
    border-radius: 5px;
    background-color: #ece9e9;
    cursor: pointer;
    margin-bottom: 20px;	
}
.comnPopup .btnCreat{ 
background: rgb(255,166,0); /* Old browsers */
background: -moz-linear-gradient(left, #389483  0%,#5CDB95 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #389483  0%,#5CDB95 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #389483  0%,#5CDB95 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa600', endColorstr='#ff4f00',GradientType=1 ); /* IE6-9 */
color: #fff;
position: relative;
border:0;
z-index: 1;
 }
.modalBox .btnOk{ padding: 7px 30px; margin-top: 10px;}
.modalBox .btnCreat:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    background: var(--primaryClr);
    z-index: -1;
    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
        border-radius: .25rem;
}

.modalBox .btnCreat:hover:after {
    width: 100%;
}
.modalBox { padding: 15px 15px; }
.modalBox h5{ font-size: 16px; color: #000;  }
.modalBox p{ font-size: 14px; color: #9b9b9b; margin-top: 10px;}
.modal-body.clearfix {
    padding: 30px;
    padding-bottom: 0;
}

.modalBox .codeInput input{
    border-radius: 0;
    border: 0;
    border-bottom: 1px solid #cbcbcb;
    padding: 10px 0;
}


/* The container */
.checkBoxPar {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
}

/* Hide the browser's default checkbox */
.checkBoxPar input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom checkbox */
.checkBoxPar .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    border: 2px solid #cbcbcb;
}




/* Create the checkmark/indicator (hidden when not checked) */
.checkBoxPar .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.checkBoxPar input:checked ~ .checkmark { border-color: #000; }
.checkBoxPar input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.checkBoxPar .checkmark:after {
    left: 5px;
    top: 1px;
    width: 6px;
    height: 12px;
    border: solid #000;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.checkboxList ul li .checkBoxPar { padding-left: 0; margin-bottom: 0; }
.checkboxList ul li .checkBoxPar  .checkmark{ left: unset; right:0;     top: 13px;}
.currentBalaModBox h6{ color: #000; font-size: 16px; }
.currentBalaModBox ul li{ padding: 10px 0; }
.currentBalaModBox ul li h5{ color: var(--primaryClr); font-size: 16px; line-height: 20px;}
.currentBalaModBox ul li p{ line-height: 20px; color: #000; padding: 0;	 margin: 0;	 }
.currentBalaModBox p{ color: #9b9b9b; font-size: 16px; line-height: 22px; margin: 10px 0; }

.currentBalaModBox .joinBar{ margin:20px 0; }
.currencyTextInput{ position: relative; }
.currencyTextInput input{ padding-left: 32px;	 }
.currencyTextInput cite{ position: absolute; left: 10px; top: 7px; font-style: normal;	 }

/*****popup css end*****/

.btn.btnNeed{
	 position: fixed;
    z-index: 11;
    top: 70%;
    display: inline-block;
        background: rgb(255,166,0);
    background: -moz-linear-gradient(left, #389483  0%,#5CDB95 100%);
    background: -webkit-linear-gradient(left, #389483  0%,#5CDB95 100%);
    background: linear-gradient(to right, #389483  0%,#5CDB95 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa600', endColorstr='#ff4f00',GradientType=1 );
    border:0;
    color: #fff;
    transform: translateX(500px);
}
.appBox{ background: background-color: #f2f2f2;
    border-bottom: 1px solid #e8e8e8; }
.appBox .appImg img{max-width: 150px;}


/*****about page start*****/
.bannerSec, .contactImage {
    position: relative;
    background: linear-gradient(-45deg, #f2c850, #343c45);
    border-top: 1px solid rgba(255,255,255,.2);
}
.bannerSec img{ width: 100%; }
.bannerSec h1{ z-index:1;  font-size: 45px; font-weight: 300; line-height: 40px; position: relative; }
.bannerSec h1:after{
    content: "";
    position: absolute;
    width: 45px;
    height: 4px;
    bottom: -20px;
    left: 0;
    background: #fff;
    z-index: -1;
}
.bannerSec .bannerCont{position: absolute; top:36%; left: 0; right: 0; margin: auto; color: #fff; text-transform: uppercase;}
.aboutSec{ padding: 160px 0 40px;}
.primaryHead span{ display: block; font-size:12px; color: #898e8f;  text-transform:uppercase;}
.primaryHead h2{ font-size: 25px; line-height: 30px; font-weight: 600;   text-transform:uppercase; color:#f2c850; position: relative; }
.primaryHead h2:after{ content: '';
    position: absolute;
    width: 160px;
    height: 2px;
    background-color: #f2c850;
    top: 30px;
    left: 0; }
.aboutSec p{ color:#3a3a3a; line-height: 28px; font-size: 14px; margin-top:20px; }

.aboutSec .nav {display: flex; flex-wrap: wrap; justify-content: center; align-items: center;    }
.aboutSec .nav li {text-align: center; margin-bottom: -6px;
    float: left;
    width: 175px;}
.aboutSec .tab-pane h3{      font-size: 30px;
    font-weight: 700; }
.captRow{ display: flex; flex-wrap:wrap;}
.captRow .capCol{ flex: 1;  }
.captRow .capCol:last-child{ flex: 4;  }
.captRow .capCol .rounded-circle{ margin:0 auto; }
.captRow .capCol .circleImg{ width: 150px; height: 150px; overflow: hidden; }
.aboutCentetSec {background-color: #1e1319; padding: 80px 0; }

.navFixed.scroll-to-fixed-fixed {
      background: #f1f1f1;
    padding: 15px 0;
    border-bottom: 2px solid #d8d8d8;
}
.aboutSec .nav  li a{  color: #222; background: #d4d1d1; border-radius: 0; margin: 0 5px;  min-width: 180px;	   }
.aboutSec .nav  li a.active{ background: var(--primaryClr);
    color: #fff;
    margin: 3px 0 0 0;
    padding: 10px 0 10px 0;
    background: #343c45;
    color: #ffffff;
    /* color: #ff6831; */
    z-index: 4;
    outline: none; }
.captRow .capCol h5{ font-size: 18px; line-height: 24px; font-weight: 700;  margin-top: 15px;	}
.captRow .capCol h6{ font-size: 16px; line-height: 24px; color:#898e8f; margin-top: 10px;  }
.tab-content p{ margin-top: 5px; line-height: 20px; }
.captRow .capCol .h3{ font-size: 20px; font-weight: 700; margin-bottom: 15px; }
.imgThumlist .h2{ font-size: 34px;
    line-height: 46px;
    font-weight: 700;
    letter-spacing: 1px; }
.imgThumlist ul li{  margin-top: 10px; }

.listOfTrust .ul{ /* padding:80px 0;  */ border-bottom: 1px solid #cfcfcf; }
.listOfTrust .ul .display-4{     font-size: 18px;
    padding: 5px 0 18px;
	font-weight: 400;
	 font-family: var(--primarySecFont);
     }

.listOfTrust .ul .li p {
    font-size: 16px;
    line-height: 2;
    color: #747474;
    font-weight: 400;
    font-family: var(--primarySecFont);
}

.aboutCentetSec .primaryHead span,.aboutCentetSec .primaryHead h2{ color: #409be3; }
.aboutCentetSec .h6{ font-size: 16px; color: #fff;  font-weight: 300; margin:30px 0 20px; text-transform:uppercase;}
.aboutCentetSec p{ font-size: 14px; line-height: 25px; color: #838b8c; }


.blogViewSec{ padding: 80px 0; background: #fff; }
.blogViewSec img{width: 100%; display: inline-block; margin-top: 30px;}
.blogViewSec p{ margin-top: 20px; font-size: 14px; line-height: 25px; color: #838b8c; }

.conctBtnPar .btn{ padding: 10px 30px; background: var(--primaryClr); color: #fff; border-radius: 0; margin-top:60px; text-transform:uppercase; font-weight: 600;}
.conctBtnPar .btn:hover{background: #de780f;}
/*****about page end*****/

/*****contact Us page start*****/
.mapSec{ padding: 30px 0; background: #fff; }
.mapSec img{ width: 100%; display: inline-block; margin-top: 30px; }
 
.concatInfoSec { padding: 80px 0; background: #1e1319; text-align: center; color: #fff; }
.concatInfoSec cite{ font-size: 30px; display: flex; justify-content: center; align-items: center; margin:auto; width: 60px; height: 60px; border:2px solid var(--primaryClr); color: #fff; border-radius: 50%; }

.concatInfoSec ul{ margin-top: 30px; text-transform: uppercase; }


.contacSec{ padding: 80px 0; background: #fff; text-align: center;}
.contacSec h3{ margin-bottom: 20px; font-size: 25px; font-weight: 300; text-transform: uppercase;  letter-spacing: 1px; }

.contacSec input{ margin-bottom: 10px; height: 45px; }
.contacSec .form-control:focus{ border-color: var(--primaryClr); }
/*****contact Us page end*****/

/*****privacypolicy page end*****/
.privaSec{ font-family: var(--primarySecFont);
    padding-bottom: 20px;
    font-size: 12px;
    line-height: 25px;
    color: #4a4a4a;
    padding-top: 20px;

 }
 .privaSec h4{ 
    font-size: 12px;
    line-height: 25px;
    color: #4a4a4a;
    font-weight: 700;
  }
.privaSec h5{ 
    font-size: 16px;
    font-weight: 700;
    color: #4a4a4a;
    margin-bottom: 0;
 }
.privaSec h6{
	text-align: center;
    font-weight: bold;
     font-size: 12px;
    line-height: 25px;
    color: #4a4a4a;
}

.privaSec p{ 
    font-size: 12px;
    line-height: 25px;
    color: #4a4a4a;

 }

.privaSec dd {
    margin-left: 19px;
    border-bottom: 1px solid #d7d7d7;
    padding-bottom: 10px;

}
.privaSec dd ul{padding-left: 20px; list-style: disc;}
.privaSec dd ul ul {list-style: circle;}
/*****privacypolicy page start*****/



/*********help page start*********/
.accordionPar .card-header{
	padding: 10px 20px;
	border-radius: 0 !important;
}
.accordionPar .card-body .card-header{ padding: 7px 20px;     background: #ececec;}
.accordionPar .card-header .btn{ padding: 0;     color: #333;	
    width: 100%;
    text-align: left;
    position: relative;
	white-space: inherit !important;
 }
 .accordionPar .card-header .btn span{ display: inline-block; padding-right: 30px;	    word-break: break-word;	 }


.accordionPar .card{ border-radius: 0 !important; border: 0; margin-bottom: 10px;}

.accordionPar .card   i {
    transform: rotate(180deg);
     padding-right: 5px;
    position: absolute;
    top: 0px;
    right: 10px;
    font-size: 25px;
    color: #9c9a9a;
}
.accordionPar .card-header a{ width: 100%; position: relative; display: block; color: #333;}
.accordionPar .card  .collapsed i {
    transform: rotate(0deg);
    right: 5px;
}
.accordionPar   .card-body { border:1px solid rgba(0,0,0,.125); border-top: 0;     font-size: 14px; }

/*********help page end*********/

/**************Points System page start ************/
.listRow{display: flex; border-bottom: 1px solid rgba(0,0,0,.125);     padding: 7px 10px;}
.listRow .listCol{ flex: 3; }
.listRow .listCol:last-child{ flex: 1; }
.listRow .listCol h5{  font-size: 14px; color: #252525; }
.listRow .listCol p{    font-size: 11px;
    color: #7b7a7a;
    margin-top: 5px;
    text-transform: capitalize;}
.listRow .listCol span{  
	color: #25ba38;
    font-size: 14px;
    text-align: right;
    display: block;
    font-weight: 700;
 }

.listRow .listCol .minusVal{ color: #f58323; }

.listOfTeamPar.accordionPar .card-header{ padding: 10px 10px; }

.listOfTeamPar.accordionPar .card-link{ display: flex; align-items: center; font-size: 13px; }
    .listOfTeamPar.accordionPar .card-link cite{ font-style: normal; }
.listOfTeamPar.accordionPar .card-link label{ width: 24px; margin-right: 10px; margin-bottom: 0;}
.listOfTeamPar.accordionPar .card-link img{ width: 100%; }
.listOfTeamPar.accordionPar .card-link p{ font-size: 12px; color: #e5e0e0; }
.listOfTeamPar.accordionPar .subList{ list-style: disc; line-height: 16px; font-size: 12px;    padding-left: 25px;
    padding-right: 42px;  margin: 30px 0; }


.listOfTeamPar.accordionPar small{ display: block; text-align: center; padding:7px; }

.smTable table{font-size: 11px;  font-weight: 700; }
.smTable table th{ background: #e4e4e4; padding:5px; }
.smTable table td {  padding: 5px;}
.smTable table tr td:not(:first-child),.smTable table tr th:not(:first-child){ text-align: center; }

/**************Points System page end **************/


/**************How To Play page end **************/
.toPlay {font-size: 12px;   }
.toPlay	p{ margin-bottom: 10px; font-size:12px; }
.toPlay h4{ font-size:12px; font-weight: 600; margin-bottom: 10px;}
.toPlay .titelList{ margin-bottom: 10px; }
.toPlay .titelList .h6{ font-weight: 600; font-size: 12px; margin-bottom: 0; }
.toPlay .titelList small{  font-size: 12px; }
.toPlay h6{ font-size:12px; font-weight: 600; margin-bottom: 10px;}

.toPlay .thumImg img{ max-width: 400px; }
.toPlay .thumImg { margin-bottom: 10px; }
.toPlay  ul li {margin-bottom: 15px;}
.toPlay  ol{ list-style-type: decimal; list-style-position: inside;}
.toPlay  ol li{ margin-bottom: 15px; }


/**************managePayments page start **************/
.TodolistPar li a{ 
display: flex;
    color: #323232;
    align-items: center;
    position: relative;
    padding: 8px 5px;
    border-bottom: 1px solid rgba(105,105,105,0.2);
} 
.TodolistPar li label{
	    width: 24px;
    margin-right: 10px;
    margin-bottom: 0;

}

.TodolistPar li cite { font-style: normal; font-size: 14px; }
.TodolistPar li cite p {font-size: 12px; color: #7b7a7a; }
.TodolistPar li a{ position: relative; }
.TodolistPar li i{ 
    position: absolute;
    right: 0;
    color: #8e8e8e;
    font-size: 25px;
        top: 25%;

 }

 .TodolistPar li span{    font-size: 12px;
    color: #3b5998; 
 position: absolute;
    right: 0;
    top: 30%;
}

.no-cards {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 50px 10px 20px;
        border-bottom: 1px solid #e8e8e8;
}

.no-cards-image {
    width: 64px;
}

.no-cards-title {
    padding: 15px 0;
    font-size: 14px;
}

.no-cards-text {
    color: #7b7a7a;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
}

.cardBox{ padding:20px 0; }
.cardBox .stamp{ margin-top: -10px; display: inline-block; }
.codeInput input {
    border-radius: 0;
    border: 0;
    border-bottom: 1px solid #cbcbcb;
    padding: 10px 0;
        font-size: 14px;
}
.codeInput label{ 
margin-bottom: 0;
    font-size: 14px;
 }

.codeInput span{ 
    font-size: 12px;
    color: #9b9b9b;
    width: 100%;
    padding-top: 5px;
    line-height: 15px;
    display: block;
 }
.cardBox .cardBtnPar{ margin-top: 20px; }

.cardBox small{  font-size: 12px;
    color: #9b9b9b; margin: 10px 0 0; display: block; }


.NubInput { position: relative; }
.NubInput span{
	position: absolute;
	left: 0;
	font-size: 14px;
	top: 10px;
 }
.NubInput input{ 
    border-radius: 0;
    border: 0;
    border-bottom: 1px solid #cbcbcb;
    padding: 10px 0;
    font-size: 14px;
    padding-left: 28px;
 }

/**************managePayments page end **************/

/**************inviteFriend page end **************/
.inviteFienPar .inviteFienhead{
	background: url(../images/invite-top-bg.jpg) center center no-repeat;
	    background-size: cover;
    padding: 20px;
    height: 190px;
}

.inviteFienhead .h3{
	font-size: 24px;
    font-weight: 700;
    line-height: 28px;
}
.inviteFienhead a{ 
    color: #3759a5;
    display: inline-block;
    margin-top: 20px;
 }
.inviteFienPar .inviteContent {
    display: flex;
    align-items: center;
    flex-direction: column;
   padding-top: 15px;
    width: 100%;
}

.inviteFienPar .inviteCodeWrapper{
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 4px;
    background-color: #fff;
    border: 1px solid #d5d5d5;
    margin: 15px 0;
    padding: 10px 0;
    width: 72%;
}
.inviteCodeWrapper span {
    font-size: 10px;
    color: #7b7b7b;
    padding-bottom: 5px;
}

.inviteCodeWrapper small {
    color: #252525;
    font-size: 24px;
    font-weight: 700;
}

.inviteFienPar .socialShare{
    width: 100%;
    margin: 15px 0;
    font-size: 12px;
}
.socialShare p {
    margin: 0;
    font-weight: 700;
    text-align: center;
}

.socialShare .socialShareBox {
    padding: 0 10%;
    display: flex;
    justify-content: space-around;
    margin: 15px 0;
    width: 100%;
}

.socialShareBox .socialLink {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.socialLink a span {
    background: url(../images/social-share.png) no-repeat;
    display: inline-block;
    height: 24px;
    width: 24px;
}

.socialLink a {
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    width: 40px;
}
.socialLink label{
    display: block;
    padding-top: 10px;
}

.socialShareBox .linkWa a {
    background: #0ad561;
}
.socialLink a .whatsapp-icon {
    background-position: 0 99%;
    background-size: 100%;
}
.socialShareBox .linkFb a {
    background: #3b5998;
}
.socialLink a .facebook-icon {
    background-position: 0 0;
    background-size: 100%;
}
.socialLink a .twitter-icon {
    background-position: 0 49.074074%;
    background-size: 99.5%;
}
.socialShareBox .linkTw a {
    background: #50abf1;
}

.inviteBtmLink a {
    color: #3759a5;
    font-size: 12px;
}


.inviteFienPar .inviteBottomContent {
    background: url(../images/invite-app-image.png) center bottom no-repeat #fff5e5;
    background-size: auto 240px;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    text-align: center;
    padding: 15px 15px 240px;
    margin-top: 10px;
    width: 100%;
}

.inviteBottomContent .h4 {
    font-size: 16px;
    font-weight: 700;
}
.inviteBottomContent .downloadBtn {
    margin: 15px 0;
}

.inviteBottomContent .downloadBtn a {
    background: #3759a5;
    color: #fff;
}
/**************inviteFriend page end **************/

/**************How It Works page start **************/

.howItWorkList .h2{ margin: 20px 0; font-size: 22px;  }

.howItWorkList ul li{ display: flex; align-items: center; flex-wrap: wrap; margin-bottom: 20px;}

.howItWorkList li .imgPar { max-width: 100px; }

.howItWorkList  li .listContent { padding-left: 20px;}

li .listContent .h3{ font-size: 18px; font-weight: 300; margin-bottom: 0;}

li .listContent p{ font-size: 14px;  }
.howItWorkList cite{  font-size: 14px;  font-style: normal; line-height: 26px; }
.howItWorkList cite span{ color: #7b7b7b; }

/**************How It Works page end **************/




body .alert {
    padding: 23px;
    color: #fff;
    background-color: #ef4c40;
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 111;
    top: 0px;
    border-radius: 0;
    border: 0;
    box-shadow: 1px 1px 5px rgba(0,0,0,0.4);
        -webkit-animation: fadeShow 1s ease-out ;
    animation: fadeShow 1s ease-out ;
}

 @keyframes fadeShow
    {
      0%   {opacity: 0;}
      100% {opacity: 1;}
    }
.alert .closebtn{ 
margin-left: 15px;
    color: white;
    font-weight: bold;
    float: right;
    font-size: 22px;
    line-height: 20px;
    cursor: pointer;
    transition: 0.3s; 
        font-size: 16px;
 }

 body .alert.success{
 	background-color: #4CAF50;
 }

  body .alert.warning{
 	background-color: #f5a615;
 }

/*yogesh start*/
.alertmsg {
  position: fixed;
    z-index: 99999;
    padding: 14px 30px 15px 10px;
    display: flex;
    color: #fff;
    right: 0;
    left: 0;
    top: 0;
    margin: auto;
    max-width: 700px;
    min-height: 70px;
    align-items: center;
}
.alertmsg.success{
 background: green;
}
.alertmsg.error{
	background: red;
}
.alertmsg span.closebtn {
    position: absolute;
    top: 0;
    right: 8px;
    color: #fff;
    font-size: 22px;
    cursor: pointer;
}

.green {
	color: #25ba38 ! important;
}




.filterCotest > ul li .dropdown-toggle.up:after{
	    transform: rotate(180deg);
}

/*yogesh end*/


/*fantastHead page start*/
.teamBar.homeHead.fantastHead {padding: 10px 35px;}
.teamBar.fantastHead ul{ padding: 0 0; }
.teamBar.fantastHead ul li{     margin-right: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1; }
.teamBar.fantastHead ul li span{ text-transform: uppercase;  color: #000;	    font-weight: 500;    font-size: 16px;}
.teamBar.fantastHead ul li img{
	    margin-right: 10px;
    max-width: 40px;
        height: 35px;
         position: static;
}
.teamBar.fantastHead  .h6{ font-size: 16px; color: var(--primaryClr); margin-bottom: 0;}

.table thead th{
	    white-space: nowrap;
    background: #f7f7f7;
    font-weight: 500;
    border-bottom: 0;
}

.table-sm td, .table-sm th{
	padding: 8px;
	border-color: var(--primaryBdrltClr);
	font-size: 14px;
}

.forgotModal .linkList li a{ color: #fff;  background:var(--primaryClr);
    text-align: center;
    margin: 10px 0 0;    border-radius: 5px;

 padding: 10px 5px; width: 100%; display: block;  }


.forgotModal .linkList li.whats a{ background: #50ca5d; }
.forgotModal .linkList li.mage a{ background: #777676; }
.forgotModal .linkList li.googl a{ background: #ea4335; }
.forgotModal .linkList li a:hover{ color: #fff;   background:var(--primarySecClr) !important; }
/*fantastHead page end*/


/**************skillUp page start **************/
/*mediaCardSec*/
.mediaCardSec{ padding: 60px 0; }
.mediaCardSec h4 {
	text-align: center;
    color: #252c33;
	font-size: 35px; 
    font-weight: 700;
    padding-bottom: 35px;
}
.mediaCardSec .card{ border:0; }
.mediaCardSec .card-group{ margin-bottom: 20px;	 }
.mediaCardSec .card-body{ padding: 0; }
.mediaCardSec .card-group>.card:only-child .card-img-top{ border-radius: 0; }
.mediaCardSec .card-title{ margin: 10px 0;      font-size: 15px;
    font-weight: 700; line-height: 18px; text-transform: uppercase;  }
.mediaCardSec .card-body .card-title a {color: #151618;}
.mediaCardSec .card-body .card-title a:hover{color: var(--primaryClr);}
.mediaCardSec .card-body .card-text{ font-size: 13px; line-height: 18px; }

.mediaCardSec .card-body small{ 
    font-size: 13px;
    background: #ececec;
    padding: 7px 15px;
    display: block;
    margin-top: 10px;
 }
 .mediaCardSec .card-img-top{ overflow: hidden; }
.mediaCardSec .card-img-top img {
	    transition: all 0.4s ease-in-out 0.1s;
}

.mediaCardSec .card-group:hover img{
	transform: rotateZ(10deg) scale(1.5);
}
 .mediaCardSec .btn{ background: var(--primaryClr); padding: 7px 15px; color: #fff; border-radius: 0;  margin-top: 30px;}
 .mediaCardSec .btn:hover{ background: #191a1f; color: #fff;  }

/*mediaCardSec*/

/*blogSec start*/
.blogSec{ padding: 60px 0; }
.breadcrumb{ padding: 7px 10px; font-size: 14px; border-radius: 0; }
.breadcrumb a{ color: #222;  }
.breadcrumb a:hover{color: var(--primaryClr);}
.blogSec h2,.mediaCardSec h2{
    font-weight: 500;
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 20px;
}

.blogCont .badge a{ color: var(--primaryClr);}
.blogCont p{
	    line-height: 22px;
    margin: 0 0 20px;
    font-size: 14px;
}
.blogCont ol{    list-style-type: decimal; padding-left: 15px;}
.blogCont ol li{
	font-size: 14px;
	line-height: 22px;
}

.socialIcon ul li a{ 
	display: flex;
	justify-content: center;
	align-items: center;
	height: 37px;
    width: 37px;
    border-radius: 50%;
        line-height: 37px;
    color: #fff;
    font-size: 16px;
    margin-right: 15px;	
  }
  .socialIcon ul li.face a{ background: #3b5898; }
  .socialIcon ul li.twit a{ background:#30a0f3; }
.socialIcon ul li a:hover{
	    background-color: var(--secondryClr);
    color: #fff;
}

.blogPostLink ul li {
    display: block;
    font-size: 14px;
   margin-bottom: 5px;	
    padding: 0px 0;
    padding-left: 15px;
    color: #222;
   	padding: 10px 20px;
    position: relative;
    background: #f5f5f5;

}


.blogPostLink ul li a {color: var(--primaryClr);display: block;}

.blogPostLink ul li a:hover{ color: #222; }
.blogSearch{ position: relative; }

.blogSearch input {
    background: #e1e2e4;
    border: 0;
    width: 100%;
    padding: 10px 56px 10px 10px;
    color: #000;
    height: 50px;
    
}

.btn.btn_search {
    position: absolute;
    right: 0;
    top: 0;
    background: #222;
    height: 100%;
    color: #fff;
    border-radius: 0 ;
    padding: 0 20px;
}
.btn.btn_search:hover{
	background: var(--primaryClr);
}

.blogSec h3 {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 18px;
    margin-bottom: 15px;
    color: #212529;
}

.page-link{
	 background-color: #1f1f1f;
	 color: #fff;
}
.page-link:hover,.page-link.active{
	background-color: var(--primaryClr);
	color: #fff;
}
/*blogSec end*/



/**************skillUp page end **************/


/**************testimo page start **************/
.testimoBanner{ position: relative; }
.testimoBanner img{ width: 100%; }
.testimoBanner .testimoBanTxt{ position: absolute; left: 60px; top:35%; z-index: 1; }
.testimoBanTxt h3{ 
    color: #fff;
   font-size: 20px;
 }

.testimoBanTxt .btn{ 
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: var(--letterSpace);
    margin-top: 20px;
    display: inline-block;
    background: #409be3;
    text-align: center;
    padding: 7px 15px;
    border-radius: 0;

 }
.testimoBanTxt .btn:hover {
    background-color: #191a1f;
    color: #fff;
}
 .testimoSec .container{ max-width: 768px; width: 100%;	 }

.media img{ 
 width: 88px;
    height: 88px; border-radius: 50%; border:2px solid #d4d4d4; }
.media h5{ font-size: 20px; margin-bottom: 5px;}
.media em{ font-size: 16px;  display: block; line-height: 16px; color:#6b6969;}
.media cite{ font-size: 14px;  display: block; line-height: 16px; color:#9e9e9e;}
.media p{ margin-top: 10px; font-size: 14px; line-height: 20px; }

.media .media-body {
    /*background: #f5f5f5;*/
    padding: 7px 15px;
    border-radius: 4px;
}
.aboutSec .careerPar{     
	padding: 25px;
    border: 2px #8c8c8c dotted;
    text-align: center;
     }
.careerPar h4{ font-size: 22px; }
.careerPar h5{ font-size: 16px; font-weight: 100; }
.careerContent .btn {
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: var(--letterSpace);
    margin-top: 20px;
    display: inline-block;
    background: #409be3;
    text-align: center;
    padding: 7px 15px;
    border-radius: 0;
}

.careerContent .btn:hover {
    background-color: #191a1f;
    color: #fff;
}


.chat .chat-history {
    padding: 30px 30px 20px;
    border-bottom: 2px solid white;		
}

.chat .chat-history .message-data {
    margin-bottom: 15px;
}

.chat .chat-history .message-data-time {
    color: #a8aab1;
    padding:0 10px;
    font-size: 14px;
}



.online,.me {
    margin-right: 3px;
    font-size: 10px;
    color: #3edc81;
}

.chat .chat-history .other-message {
    background: rgb(255,166,0);
}



.chat .chat-history .my-message {
    background: #f74f02;
}

.chat .chat-message {
    padding: 30px;
}

.chat .chat-message textarea {
    width: 100%;
    border: none;
    padding: 10px 20px;
    font: 14px/22px "Lato", Arial, sans-serif;
    margin-bottom: 10px;
    border-radius: 5px;
    resize: none;
}

.chat .chat-history .message {
    color: #fff;
    padding: 18px 20px;
    line-height: 20px;
    font-size: 14px;
    border-radius: 4px;
    margin-bottom: 30px;
    width: 90%;
    position: relative;
}

.chatFoot li .form-control{
	    height: 38px;
    resize: none;
    font-size: 14px;
}
.chatFoot li .btn{    
	padding: 5px 12px;
    background: transparent !important;
    border: 1px solid var(--secondryClr) !important;
    color: var(--secondryClr);
    border-radius: 4px;

}
.chatFoot li .btn.btn-primarySec{
	border: 1px solid #f74f02 !important;
	 color: #f74f02;
}
.chatFoot li .btn.btn-primarySec:after{
	background: #f74f02;
}
.chatFoot li .btn:hover{ color: #fff; }

.message .list-group .list-group-item{ 
padding: 0px 0px;
 }
  .message .list-group{ margin-top: 10px; }
 .message .list-group .list-group-item a{ display: block; text-align: center; padding: 7px 15px;  color: var(--primaryClr);}
 .message .list-group .list-group-item a:hover{  color: var(--primaryClr); background: #e6e6e6;  font-size: 15px; letter-spacing: 1px;}




/**************testimo page end **************/

/**************apply page start **************/
.linkedPar .btn{
    background: #0084bf;
    border-color: #0084bf;
	color: #fff;
	cursor: default !important;
	font-size: 14px;
}
.linkedPar p {
    color: #969799;
    font-size: 12px;
    line-height: 14px;
    display: inline-block;
    padding: 10px 0;
    margin: 0;
    vertical-align: middle;
}
.fileInpBtn { position: relative; cursor: pointer;}
.fileInpBtn input{ position: absolute; left: 0; top: 0; width: 100%; opacity: 0; }
.contacSec h5{ font-size: 20px; margin-top: 30px; margin-bottom: 20px; }
.selectFilter {
    width: 8px;
    height: 8px;
    background-color: green;
    border: solid 1px #fafafa;
    border-radius: 50%;
    position: absolute;
    right: 17px;
    top: 24px;
}

.howtoplaySec iframe {
	display: none;
    position: absolute;
    right: 15px;
    width: calc(50% - 30px);
    top: 77px;
    height: 431px;
    border-radius: 6px;
    z-index: 9;
}
.howtoplaySec .col-sm-6{
	position: static;
}
.howtoplaySec .container{
	position: relative;
}
/**************apply page end **************/
.filterCotest > ul li .dropdown-toggle.up:after{
	    transform: rotate(180deg);
}

/*yogesh end*/

.selectFilter {
    width: 8px;
    height: 8px;
    background-color: green;
    border: solid 1px #fafafa;
    border-radius: 50%;
    position: absolute;
    right: 17px;
    top: 24px;
}

.choosTeamcheck h4.customCheck::after {
    content: "";
    position: absolute;
    border: 2px solid red;
    width: 20px;
    height: 20px;
    left: 0;
    top: 9px;
    border-radius: 3px;
}

.choosTeamcheck h4.customCheck {
    text-align: left;
    position: relative;
    padding-left: 25px;
}

.choosTeamcheck h4.customCheck.checked::before {
    content: "\f14a";
    position: absolute;
    /* background: red; */
    /* width: 13px; */
    /* height: 13px; */
    left: 1px;
    top: 8px;
    font-family: fontawesome;
    color: red;
    font-size: 20px;
}


*[disabled="disabled"] {
    cursor: not-allowed;
}

h4.customCheck.checked[disabled="disabled"]{
    opacity: 0.5;
}

.teamListPar.active {
	background-color: #fa9c03;
}
.teamListPar.active .teamConten p,.teamListPar.active .teamConten em{
	color: #fff;
}

.tabPar .tabBottmList li.warning span {
    background: #f5af23;
}
.tabPar .tabBottmList li.success span {
    background: #24ba38;
}

.tabPar .tabBottmList li.active a span{ color: #fff; }
.listRow .listCol span p {
    display: inline-block;
}

.tabFootBar .tabTopList  li label{ color: #fff; font-weight: 100;  margin-bottom: 0;font-size: 12px; }
.tabPar .tabBottmList li.active a span{  color: #fff; }

.teamBoxSec.accountSec .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    position: static !important;
}

.playerSelectCenter {
    position: absolute;
    color: #fff;
    z-index: 99999999;
    left: 50%;
    padding: 10px;
    background: rgba(0,0,0,0.4);
    border-radius: 5px;
    top: 50%;
    transform: translate(-50%,-50%);
text-align:center;
}
.playerSelectCenter p {
    font-weight: 600;
    font-size: 13px;
}




/**************creatTeam page end **************/
.teamOfViewBox ul{ display: flex; justify-content: center; align-items: center;}
.teamOfViewBox ul li{ flex:1; }

.teamOfViewBox ul li figure{ margin-bottom: 0; }

.teamOfViewBox ul li .imgPar{
    height: 70px;
    width: 70px;
    background-color: #eee;
    overflow: hidden;
}

.teamOfViewBox ul{ border-bottom: 1px solid var(--primaryBdrltClr); padding: 7px 0; }
.teamOfViewBox ul li .imgPar img{ width: 100%;  } 
.teamOfViewBox ul li  figure p{ font-size: 10px; color: #b4b4b4;  }
.teamOfViewBox ul li  figure p span{  color: #c51d23; text-transform: uppercase;}

.teamOfViewBox ul li cite{
font-size: 16px;
color:#b4b4b4;
display: block;
line-height: 18px;

}

.teamOfViewBox ul li em{
	font-size: 25px;
	color: var(--primaryClr);
}

.teamOfViewBox ol{padding: 5px 0; display: flex; border-bottom: 1px solid var(--primaryBdrltClr);}
.teamOfViewBox ol li{ flex: 1; }

.teamOfViewBox ol li cite{ 
	display: block;
	color:#b4b4b4;
	font-size: 14px;
	  }

.teamOfViewBox ol li em{
font-size: 14px;
}

.teamOfViewBox strong{ display: block; padding: 5px 10px; text-align: center; font-size: 14px; font-weight: 600; background-color: #fafafa;}
.teamOfViewBox .table thead th{padding: 5px 7px; background: #eaeaea;}

.teamOfViewBox .table tbody td{padding: 5px 7px;     vertical-align: middle; }

.teamOfViewBox .table  p{ font-size: 14px; line-height: 16px; }
.teamOfViewBox .table span{ font-size: 12px; color:#b4b4b4; line-height: 14px;}
/**************creatTeam page start **************/


/**************champions page start **************/
.levelUpSec{ padding: 50px 0; }
.levelUpSec h4{
	line-height: 26px;
    color: #3b3b3b;
    font-weight: 600;
    margin-bottom: 20px;
}
.levelUpSec p{ 
	font-size: 15px;
    color: #878787;
    font-weight: 600;
    margin-top: 20px;
 }
 .levelUpSec img{ max-width: 400px; width: 100%;}

.iconBoxSec{    
	background: #f1f1f1;
    padding: 40px 0 0;  text-align: center;}
.iconBoxSec .iconBox{ padding-bottom: 40px; }
.iconBoxSec .iconBox img{
    max-width: 70px;
}

/*.contactDetails li .icon{
	background: gradient(-45deg, rgb(154, 26, 26), rgb(162, 111, 34)) !important;
}*/

.iconBoxSec .iconBox p{ 
    font-size: 14px;
    color: #878787;
    margin-top: 20px;
 }
.hereSec{ padding: 40px 0; }
.hereSec h4{ font-size: 20px; font-weight: 400;  }
.hereSec .hereHead .h3{ padding-top: 20px; font-size: 18px;  padding-bottom: 15px;      color: #3b3b3b;
    border-bottom: solid 1px #e2e2e2;}

.hereSec .hereHead p{
    color: #666;
    margin-top: 10px;
    font-size: 14px;
}

.hereSec ul {
    list-style: disc;
    padding-left: 17px;
    margin-top: 20px;
    margin-bottom: 20px;
}
.hereSec .h5{
    margin-top: 30px;
    font-size: 14px;
    margin-bottom: 20px;
}

.hereSec .exampleList{
	background: #fafafa;
    border: 1px solid #ddd;
    border-radius: 4px;
    margin-top: 13px;
    margin-bottom: 15px;
    padding: 24px 20px 24px 40px;
}
.exampleList li {
    font-size: 14px;
    color: #666;
    margin-bottom: 10px;
}

.faqSec{ background: #f1f1f1; padding: 60px 0; }

.faqSec .card .card-header a:not(.collapsed) .rotate-icon {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.faqSec .h5{
       margin-bottom: 20px;
}
.faqSec .card .fa-angle-down {
    float: right;
    font-size: 24px;
}

.faqSec .card{ border:0; border-radius: 0; }
.faqSec .card a{ color: #666;  font-size: 14px;}
.faqSec  .card-body{ font-size: 14px;}


/**************champions page end **************/



.animsition-loading{
	z-index: 9999999;
}
.iframemodal .modal-lg{max-width: 500px;}
.iframemodal .modal-body p,.iframemodal .modal-body li{
	display: none;

}
.iframemodal .modal-body iframe{width: 100%;}

.iframemodal .closeBtn{
	right: -14px;
    top: -13px;
    left: unset;
    background: #000;
    width: 30px;
    height: 30px;
}
.iframemodal .closeBtn span:before, .iframemodal .closeBtn span:after {
    position: absolute;
    left: 20px;
    top: -4px;
    content: ' ';
    height: 20px;
    width: 2px;
    background-color: #fff;
}
 .iframemodal .closeBtn span:after{
 	transform: rotate(-45deg);
 }
.iframemodal .closeBtn span{
	position: absolute;
    right: 36px;
    top: 9px;
}
/*inviteAllPlay start*/
.invitePlaySec{
	color: #fff;
	background-size: cover;
	padding-top: 100px;
}
.invitePlaySec .invilogoImg{
	width: 230px;
    margin-bottom: 10px;
}
.invitePlaySec h3{
	    font-size: 36px;
    font-weight: bold;
    letter-spacing: 2px;
    margin-bottom: 3px;
}
.invitePlaySec p{
font-size: 19px;
    font-weight: 600;
    margin-bottom: 24px;
}

.invitePlaySec .phoneOuter {
    position: absolute;
   top:20px;
}

.txtField input {
border-radius: 4px;
    background-color: #fff;
    border: 1px solid #e8e8e8;
    box-sizing: border-box;
    color: #4a4a4a;
    float: left;
    font-size: 18px;
    height: 50px;
    position: relative;
    padding: 10px 20px 10px 60px;
    width: 100%;
    z-index: 1;
    line-height: 1.3;
}
.invitForm { max-width: 450px; width: 100%; }
.invitForm .txtField { position: relative;  
	display: flex;
}
.invitForm .txtField span{
	position: absolute;
    left: 0;
    max-width: 200px;
    flex-basis: 0 0 200px;
    display: block;
    text-align: center;
    line-height: 33px;
    width: 50px;
    color: #4a4a4a;
    font-size: 20px;
    top: 10px;
    z-index: 11;
   	border-right: 1px solid #dedede;
}

.invitForm .getAppBtn {
    background: var(--secondryClr);
    color: #fff;
    border-radius: 5px;
    padding: 1px 15px;
    margin-left: 20px;
    font-size: 18px;
    height: 50px;

}

.invitForm .errorLabel{ color: #e13939; margin-top: 5px; }

.invitePlaySec cite {
    font-size: 12px;
    color: #d5d5d5;
    margin-top: 74px;
        margin-bottom: 30px;
    display: inline-block;
}


.user_rating {
    margin-top: 46px;
    margin-bottom: 73px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: auto;
    text-align: center;
}

.user_rating .numbers {
    font-size: 70px;
    font-weight: 600;
    color: #f87f03;
}

.user_rating .num_bottom_description {
    font-size: 20px;
    color: #9b9b9b;
}
.user_rating .user_box .num_description img {
	width: 100px;
}

.user_rating .middle_box {
    padding-left: 29px;
}

.screenShortSec h2{
	text-transform: uppercase;
}
.screenShortSec ul{
	display: flex;
	flex-wrap: wrap;
	margin:20px -15px 0;

}
.screenShortSec ul li{
	max-width: 25%;
	padding: 0 15px;

}

.screenShortSec h2{
	font-size: 18px;
    font-weight: bold;
    color: #282828;
}

.screenShortSec {
	margin-top: 24px;
}

.stepBoxSec{
	    background: #fafafa;
    padding: 12px 0;
    position: relative;
    padding: 20px 0; margin-top: 30px;
}
.stepBoxSec h3 {
    font-size: 18px;
    color: #282828;
        font-weight: bold;
}
.stepBoxSec .tagglePar.collapsed i {
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}
.stepBoxSec .tagglePar{
	position: relative;
	padding-right: 40px;
	cursor: pointer;
}

.stepBoxSec .tagglePar i{
    position: absolute;
   right: 0;
    top: -9px;
    font-size: 40px;
     -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
.stepBoxSec .step{margin-top: 30px; margin-bottom: 50px;}
.stepBoxSec .step_info {
     width: 180px;
    position: absolute;
    top: 80px;
    z-index: 0;
    left: 330px;
}
.stepBoxSec .step img{
	max-width: 400px;
}
.stepBoxSec .step_number {
    background-image: linear-gradient(to left, #fafafa, #f87f03);
    font-size: 24px;
    font-weight: bold;
    color: #ffffff;
    height: 60px;
    line-height: 60px;
    padding-left: 10px;
}
.stepBoxSec .step_information {
    font-size: 18px;
    text-align: left;
    color: #323232;
    padding-left: 10px;
    margin-top: 20px;
}

.app_call_to_action {
    text-align: center;
    padding: 60px 0;
    background-image: url(../images/download_bg.jpg);
    background-size: cover;
    background-attachment: fixed;
}
.app_call_to_action h3 {
    font-size: 25px;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-weight: 600;
    color: var(--secondryClr);
}
.app_call_to_action ul{
display: flex;
    max-width: 600px;
    width: 100%;
    flex-wrap: wrap;
    margin: auto;
    justify-content: center;
    align-items: center;

}

.app_call_to_action ul li{
	flex:1;
}
/*inviteAllPlay end*/


.listOfTranDetail.card-header{ border-bottom: 0; }
.listOfTranDetail ul li{
	display: flex;
	flex-wrap: wrap;
}
.listOfTranDetail ul li span{
	flex:1;
}









.cardBoxPar .headPar {
    display: block;
    width: 100%;
    background: #e4e4e4;
    padding: 15px 40px;
    font-size: 14px;
    color: #757575;
}
.wireFormBody h3 {
    font-size: 16px;
    margin-bottom: 10px;
}
.wireFormPar .wireFormBody {
    padding: 20px;
}
.file-upload .file-select {
    display: block;
    border-radius: .25rem;
    border: 1px solid #ced4da;
    color: #34495e;
    cursor: pointer;
    height: 40px;
    line-height: 40px;
    text-align: left;
    background: #FFFFFF;
    overflow: hidden;
    position: relative;
}

.file-upload .file-select .file-select-button {
    background: #dce4ec;
    padding: 0 10px;
    display: inline-block;
    height: 40px;
    line-height: 40px;
}
.file-upload .file-select .file-select-name {
    line-height: 40px;
    display: inline-block;
    padding: 0 10px;
}

.file-upload .file-select input[type=file] {
    z-index: 100;
    cursor: pointer;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    filter: alpha(opacity=0);
}

.previewBg.previkabi .captaine {
    left: -90px;
    right: 0;
    margin: auto;
}


.teamUser {
    background-size: cover;
    padding: 30px 0;
}

.teamUser .userImgPar {
    margin: auto;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    position: relative;
}

.userImg {
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 50%;
    background-color: #fff;
}

.teamUser .chooseImg {
    background: #e6e6e6;
    border: 0;
    position: absolute;
    right: -8px;
    color: #7a7a78;
    top: 8px;
    border-radius: 50%;
    width: 30px;
    height: 30px;
}

.chooseImg {
    text-align: center;
    line-height: 30px;
}

.localteamImagePreview {
	background : #ee4032;
}


img.errorImage {
    max-height: 100vh;
    margin: 0 auto;
    display: block;
}

.contacturl {
    position: absolute;
    height: 55px;
    width: 70px;
    /* background: red; */
    z-index: 9;
    left: 50%;
    top: 45%;
    transform: translate(-50%,-45%);
}
.list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: #409be3;
    border-color: #409be3;
}
.list-group.site_map {
    margin: 0 auto;
    max-width: 500px;
}
.list-group.site_map h4 {
    text-align: center;
    margin-bottom: 15px;
    color: #fff;
}
.siteMapSec {
    background: url(https://www.funtush11.com/funtush/uploads/frontImage/1539193110_shutterstock_406740199_web_1024x1024.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 30px 0;
}
.list-group.site_map a:hover {
    background: #409be3;
    color: #fff;
}


.teamBoxSec.offerSection .comnBtn {
    width: 125px !important;
    color: #fff;
    border: 0;
    background: var(--secondryClr);
    padding: 5px 15px;
    border-radius: 5px;
    display: inline-block;
    font-size: 16px;
}
.teamBoxSec.offerSection .accordionPar .card-header a {
    display: inline-block;
    width: auto;
}
.teamBoxSec.offerSection a.accounetBtn.comnBtn {
    float: right;
}
.teamBoxSec.offerSection .card-header h4 {
    font-size: 16px;
    margin-top: 20px;
    padding-bottom: 8px;
}
.teamBoxSec.offerSection .card-header p {
    padding-bottom: 10px;
}
.teamBoxSec.offerSection .accordionPar .card-header a strong {
    line-height: 34px;
    font-weight: 500;
}
.feedbackForm input.btn.playNow {
    margin-top: 0;
}
.contactImage img {
    width: 100%;
}
.category-sub-question.open {
    padding: 10px !important;
}

.teamBar ul li img {
    position: relative;
    left: -5px;
    top: -2px;
    width: 25px;
    height: 25px;
}
.footer_bottom .col-sm-3 p img{
	width: 80px;
}
/*.footer_bottom p img {
    width: 47px;
}*/

.membership{
	text-align: center;color: #fff;
}

.membership p{
	text-align: center;color: #fff;
}

/*.membership img{
	height: 75px;
}*/
.membership img {
    height: 100px;
    margin-bottom: 15px;
}

.fair .teamBar ul {
 padding: 15px 15px;
}

.fair .teamBar ul li:nth-child(2) {
    text-align: right;
}

.fair .teamBar ul li.col-sm-6 {
    padding: 0;
}

.fair .teamBar ul li img {
    position: relative;
    left: -5px;
    top: -2px;
    width: 65px !important;
    height: auto !important;
    text-align: right;
}
.previewBg.football-bg {
background-size: cover !important;
}

.feedbackForm .playNow {
	background: #00ce22;
    box-shadow: 0px 0px 8px 1px #00ce22;
}

.feedbackForm .playNow:hover{
    box-shadow: 0px 0px 10px 4px #00ce22;
}
.playNow a{
	background: #fff;
	border: 0px;
	border-radius: 50px;
	color: #333 !important;
   padding: 7px 19px;
        font-size: 19px;
	transition: all 0.5s ease-in-out !important;
}
/*.playNow a:hover {
    color: #fff !important;
    background: #101010 !important;
	transition: all 0.5s ease-in-out !important;
}*/
.getApp{
	/*background-image: linear-gradient(-45deg, #f2c850, #382262 );*/
	background: linear-gradient(112deg, rgba(0,0,0) 15%, #000 50%, rgba(0,0,0,0) 44%, rgba(255,255,255,1) 51%, #f2c850 43%);
	padding: 120px 0px !important;
}
.getApp input {
    background: #fff;
    border: 0px;
    border-radius: 2px;
    outline: none !important;
    padding-left: 10px;
    line-height: 34px;
    width: 411px;
}

.down-load-form{
	position: relative;
}

.down-load-form a{
    position: absolute;
    top: 0px;
    right: 65px;
}
.getApp a {
    color: #fff;
    background: var(--primaryClr);
    outline: none;
    border-radius: 2px;
    padding: 6px 15px;
    /* border-radius: 50px; */
}
.loremText h3{
	color: var(--primaryClr);
}

.loremText p{
	color: #fff !important;
}

.subscribe input{
    background: #fff;
    border: 0px;
    /* border-bottom: 1px solid #9b231b; */
    padding-bottom: 5px;
    border: none;
    padding-top: 10px;
    padding-bottom: 10px;
  /*  box-shadow: 1px 3px 13px 8px rgb(107 124 147 / 15%), 0 3px 4px 0 rgb(107 124 147 / 20%), inset 0 -2px 0 0 #c2cfde;*/
    border-radius: 5px;
    padding-left: 20px;
        padding-right: 118px;
    width: 100%;
}

.innerClass{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: relative;
    z-index: 0;
}

.innerClass:after{
content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 4px;
    top: 38.5px;
    left: calc(-50% + 8px);
    right: 0;
    background: #f2c850;
    border: 2px #f2c850 solid;
    z-index: -1;
}

.gameCategory2{
	padding: 70px 0px !important;
}

.lorem2{
       background-image: url(../images/nextlevel11-bg1.jpg);
    background-position: bottom;
    background-size: cover;
    height: 366px;
    position: relative;
    background-repeat: no-repeat;
    z-index: 0;
    display: flex;
    align-items: center;
}

.lorem2:after {
    position: absolute;
    content: "";
   background-color: rgb(2 2 2 / 90%);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.gameCategory2 .col-md-4:first-child .innerClass:after{
	content: none;
}


.innerClass h6 {
    font-size: 15px;
    font-weight: 700;
}

.gameCategory{
	/*background-color: rgb(132 132 132 / 12%);*/
    pointer-events: none;
}
.bannerBreadcrumb .playNow a {
    margin-top: 0px !important;
    background:#000;
    color: #fff !important;
    margin-left: 18px;
}
.innerClass center {
    margin-bottom: 13px;
    width: 80px;
    height: 80px;
    background-color: #f2c850;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.innerClass center img{
	filter: brightness(100);
}
.subscribe a{
	color: #fff;
	/*background: #9b231b;*/
	border: 0px;
	outline: none;
	border-radius: 0px;
	padding: 8px 15px;
}
.subscribe a:hover{
	box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.3);
}
.downloadApp img{
	cursor: pointer;
}
.downloadApp img:last-child{
	display: none;
}
.flex_center {
	display: flex;
	justify-content: center;
	align-items: center;
	}
.downloadApp a {
    background-color: transparent;
       padding: 0;
}
.downloadApp a img:last-child {
    display: block;
}
.bannerBreadcrumb{
/*background: linear-gradient(
-45deg
, #f2c850, #382262 ); */
    padding: 20px 27px;
    position: relative;
    margin-top: -33px;
    text-align: center;
    border-radius: 0;
    max-width: 47%;
    margin: auto;
    margin-top: 0%;

}

.bannerBreadcrumb .playNow{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: -60px;
    position: relative;
    /* flex-direction: column; */
    /* margin-bottom: 27px; */
    background: #f2c850;

    /* padding: 26px 0; */
    border-radius: 6px
}

/*.bannerBreadcrumb .playNow:after{
	content: "";
    width: 58px;
    height: 3px;
    display: block;
    left: 50% !important;
    position: absolute;
    transform: translate(-50%);
    bottom: 0;
    background: linear-gradient(-45deg, #f2c850, #382262);
}*/



.playNow span{
font-size: 24px;
    text-align: left;
    display: inline-block;
    /* -webkit-background-clip: text !important; */
    /* -webkit-text-fill-color: transparent; */
    /* background: linear-gradient(
-45deg
, #ffffff, #000000); */
    margin-bottom: 17px;
    margin-top: 17px;
}

.bannerBreadcrumb .playNow a {
    margin-top: 0px !important;
}
.teamBoxSec {
    background-size: cover;
    height: 100vh;
    align-items: center;
    justify-content: center;
    display: flex;
    position: relative;
    z-index: 1;
}



/*  new css */
/* .mainNav a.nav-link, .footr_menu ul li a, .footer_right li a, .playNow a { */
.footr_menu ul li a, .footer_right li a{
   /*pointer-events: none;*/
}

a.navbar-brand > span {
    font-weight: bold;
    letter-spacing: 2px;
    text-transform: uppercase;
    display: inline-block;
    color: #ec8a0f;
    font-size: 1.3em;
}
a.navbar-brand > span >span{
	color: #fff;
    padding: 1px 7px;
    background: #2f1008;
    font-size: .9em;
    border-radius: 3px;
    margin-right: 5px;
}
.gameCategory img {
    filter: brightness(0.09);
}

.subscribe a {
color: #ffffff;
background: #f2c850;
border: 0px;
outline: none;
border-radius: 0px;
padding: 4px 23px;
position: absolute;
right: 0;
top: 0px;
font-size: 14px;
border-radius: 0px 4px 4px 0px;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}

.loremText {
    width: 100%;
    max-width: 610px;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 21px;
}

.subscribe ::-webkit-input-placeholder{
	color: #8c8c8c;
}

.subscribe {
       width: 100%;
    max-width: 450px;
    margin: 0px auto;
}

.subscribe form{
	position: relative;
}

.bannerSec1{
	background-image: url(../images/common-bg.png);
	background-position: 100% 100%;
	background-size: contain;
	min-height: 400px;
	position: relative;
	background-color: #2f1008;
}

.aboutSec p h1 font {
    font-family: inherit;
    font-size: 14px;
}

.aboutSec p h1{
	line-height: 24px;
}
.viewSectioninner{
  padding: 40px 0px;
  margin-top: 40px;
}

.viewSectioninner .media img{
	border-radius: 0px;
	border: none;
	height: 48px;
	width: auto;
}

.viewSectioninner .media p{
    margin-top: 8px;
    color: #fff;
    opacity: .6;
    font-size: 17px;
}

.viewSectioninner .media img.mds-icon{
	height: 39px;
}

.viewSectioninner .media h5{
    margin-bottom: 0px;
    color: #fff;
    font-weight: 600;
    font-size: 26px;
}
.viewSectioninner .media-body{
	background: transparent;
	    flex: none;
}
.viewSectioninner .media  {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    align-items: center !important;
}
.viewSectioninner span {
    display: flex;
    background: #f0f0f0;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
}
.gameCategory .col-4:first-child .innerClass:after {
    display: none;
}
.cstmBtn {
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    background: #f2c850;
    box-shadow: 0.5px 0.5px 0px 0 rgb(229 66 10 / 75%);
}

:root{
    --primaryClr: #f2c850;
}

/* news CSS */
.topSocialHeader .container{
    display: flex;
    justify-content: flex-end;
}
.topSocialHeader {
    background-color: var(--primaryClr);
    display: flex;
    justify-content: flex-end;
}

.topSocialHeader .social_menu li {
    padding: 6px 4px;
}
.topSocialHeader .social_menu li a {
    width: 30px;
    height: 30px;
    background: #ffff;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.commonHeading.text-white h2:after {
    border-color: #fff !important;
}
    .commonHeading h2:after {
    content: "";
    position: absolute;
    width: 65px;
    border-color: var(--primaryClr) !important;
    border-left: 38px solid ;
    border-right: 20px solid ;
    height: 4px;
    border-radius: 100px;
    bottom: 0;
    left: 50%;
    transform: translate(-50%);
}
.commonHeading {
    position: relative;
    margin-bottom: 50px;
    padding-bottom: 20px;
}
.commonHeading h2 {
    font-weight: 600;
}
.stepItem h5 {
    margin-bottom: 40px;
    font-size: 22px;
    margin-top: 5px;
    opacity: .9;
}
.stepItem {
    text-align: center;
}
.stepItem h3 {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 45px;
}
.stepWrapr {
    background: var(--primaryClr);
    color: #fff;
}
.reviewItem img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    object-fit: cover;
    display: block;
    margin: 0 auto 25px;
}   
.reviewItem {
    text-align: center;
    line-height: 1.7;
}
.reviews .carousel:before {
    content: "\f10d";
    position: absolute;
    font-family: 'FontAwesome';
    font-size: 260px;
    top: -114px;
    color: #fff;
    opacity: .1;
    left: -104px;
}
/* .reviews .carousel-control-next, .reviews .carousel-control-prev{
    filter: brightness(0.5);

} */
.reviewItem p {
    font-size: 1.1em;
    width: 80%;
    margin: 0 auto;
}

/* #accordionExample .collapse:not(.in) {
    overflow: hidden;
    display: none;
} */

@media(min-width: 768px) {
    .burger{
        padding-top: 70px;
        padding-bottom: 70px;
    }
}

@media(max-width: 767px) {
    .burger{
        padding-top: 70px;
        padding-bottom: 70px;
    }
}

.app_name_link{
    text-transform: uppercase;
}
.topSocialHeader .social_menu li a:hover {
    background: #000;
}
.fixedImg {
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    position: relative;
    z-index: 1;
}
.fixedImg:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    z-index: -1;
}
.reviews{
    color: #fff;
}
.fixedBtmBar a i{
    margin-left: 5px;
    font-size: 1.52em;
}
.fixedBtmBar a:hover {
    background: #fff;
    color: #333;
    transform: scale(1.05);
}
.fixedBtmBar a{
    transition: all ease .3s;
    font-size: 1.05em;
    background-color: #171717;
    color: #fff;
    display: inline-block;
    margin: 0 10px;
    padding: 8px 25px;
    border-radius: 50px;
}
.fixedBtmBar{
    text-align: center;
    background-color: var(--primaryClr);
    padding: 10px 0;
}
.aboutSec p h5 {
    font-size: 14px;
    line-height: 18px;
}
.aboutSec p h5:first-child {
    font-size: 18px;
    margin-bottom: 15px;
    font-weight: 600;
}

.aboutSec ul {
   /* width: 670px;
    height: 80px;*/
    margin: 0 auto;
    list-style: none;
    overflow: hidden;
    padding: 0;
}

.tab-content.listOfTrust {
    width: 670px;
    height: 380px;
    margin: 0 auto;
    background: #fff;
    -webkit-box-shadow: 2px 8px 25px -2px rgb(0 0 0 / 30%);
    -moz-box-shadow: 2px 8px 25px -2px rgba(0,0,0,0.3);
    box-shadow: 2px 8px 25px -2px rgb(0 0 0 / 30%);
    -webkit-border-bottom-right-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-radius-bottomright: 8px;
    -moz-border-radius-bottomleft: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    padding: 26px;

}

.contactFormNew {
    background-color: #fff;
    padding: 25px;
    color: #212529;
    margin-bottom: 20px;
    border-radius: 12px;
	box-shadow: 0 1px 16px rgb(0 0 0 / 22%);
}

.contactDetails {
    background-color: #f2c850;;
    padding: 25px;
    color: #fff;
    margin-bottom: 20px;
    border-radius: 12px;
}

.contactDetails a {
    color: #fff !important;
}

.contactFormNew .heading h2 {
    font-size: 20px;
}

.contactFormNew  .feedbackForm h1 {
    font-size: 15px;
    margin: 10px 0;
}

.contactDetails li .icon {
    background: inherit !important;
    width: 35px !important;
    height: 35px !important;
    border-radius: 50% !important;
    text-align: center;
    padding-top: 2px;
    margin-bottom: 10px;
    display: flex;
    font-size: 16px !important;
    color: var(--primaryClr);
    align-items: center;
    justify-content: center;
    flex: 0 0 35px;

}
.contactDetails li .icon {
    background-color: #fff !important;
}

.faqSixer .card-header {
    background-color: rgb(29 25 68);
    border-bottom: 1px solid rgb(239 138 54);
    color: #fff !important;
}

.faqSixer .card-header .btn span, .faqSixer .card i {
    color: #fff;
}

.faqSixer .card-body {
    border: 1px solid rgb(24 23 62);
}

.PointSys .accordionPar ul.listBox {
    border: 1px solid #382262;
}

.PointSys .accordionPar .card-header {
    border: 1px solid #ffffff;
    background-color: #382262;
}

.PointSys .accordionPar .card-header a {
    color: #fff;
}

.PointSys .accordionPar ul.subList {
    border: 1px solid #ffffff;
    padding: 25px;
    box-shadow: 0px 1px 4px 0px rgb(0 0 0 / 30%);
}

.footer_sec {
    padding-top: 30px;
    padding-bottom: 60px;
}

.testimoSec {
    min-height: calc(100vh - 443px);
}


/* fluid modal */
.fluidModal .modal-dialog {
    max-width: 100% !important;
    margin: 0;
    width: 100%;
}

.fluidModal .closeBtn{
    left: auto;
    right: 20px;
}
.checkbox_custom {
    margin-top: 20px;
    color: #999;
    font-size: 15px;
}
.feedbackForm label {
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 3px;
}
.feedbackForm .form-control {
    font-size: 14px;
    height: 40px;
}
.invitePlaySec .invilogoImg img {
    filter: brightness(100);
}

figure{
    margin: 0;
}

.mCustomScrollbar, .mCustomScrollbar * {
    transition: none !important;
}