@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900');
/* 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: 'Poppins', sans-serif;
  overflow-x: hidden;
  cursor: default;
  padding: 0 !important;
}
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:#40A3D0;
  --letterSpace:0.05em;
  --primaryClr:#40A3D0;
  --primarySecClr:#40A3D0;
  --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 {
	position: static;
	/*background: rgba(12,12,12,0.78);#30210A*/
	background: linear-gradient(-135deg, rgb(48, 33, 10) -30%,rgb(66, 162, 240) 100%);
	padding: 10px 0;
}
.mainNav .navbar.navbar-default {
	border: 0;
	border-radius: 0;
	background: transparent;
	margin: 0;
	min-height: inherit;
}
.mainNav .navbar-brand {
	height: auto;
	width: 150px;
	padding-top:0px;
	padding-bottom:0;
}
.navbar-brand img {
    width: 150px;
}
.mainNav .navbar-collapse{
	justify-content: flex-end;
}
.mainNav .navbar ul li a.login {
	color: #fff !important;
    padding: 5px 25px !important;
    margin-right: 10px;
	border: 2px solid #fff;
	border-radius: 50px;
}
.mainNav .navbar ul li a.login:hover	{
	background: linear-gradient(35deg, rgb(66, 162, 240)  40%, rgb(48, 33, 10)) !important;
    box-shadow: 0 4px 10px rgba(36, 36, 36, 0.18);
    border: 0;
    border-radius: 50px;
    padding: 7px 27px !important;
}
.mainNav .navbar ul li:last-child a {
	background: linear-gradient(35deg, rgb(66, 162, 240)  40%, rgb(48, 33, 10)) !important;
	color: #fff !important;
    border-radius: 50px;
    box-shadow: 0 4px 10px rgba(36, 36, 36, 0.18);
}
.mainNav .navbar ul li:last-child a{
	/*border-right: 1px solid #565250;*/
}
.mainNav .navbar ul li a,.mainNav.bgTransLink .navbar ul li a {
	/*background: rgba(12,12,12,0.78) !important;*/
	font-size: 14px;
	color: rgba(225,225,225,0.6) !important;
	line-height: 33px;
	letter-spacing: var(--letterSpace);
	font-weight: 600;
	/*border: 1px solid #565250;*/
	position: relative;
	z-index: 1;
	padding: 7px 25px !important;
	border-right: 0;
    /*box-shadow: 0 4px 10px rgba(36, 36, 36, 0.18);*/
}
.mainNav .navbar ul li a:hover,.mainNav .navbar ul li.active a,.mainNav.bgTransLink .navbar ul li a:hover,.mainNav.bgTransLink .navbar ul li a.active{
  background: transparent;
  color: #fff !important;
}
.mainNav .navbar ul li a:hover {
	/*background: linear-gradient(25deg, rgb(48, 33, 10) -30%,rgb(66, 162, 240) 100%) !important;*/
}
.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;
}
.navbar-toggler {
	margin-right: 15px;
}
/*****************************************************************************
***************************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;
	margin-top: 30px;
	display: inline-block;
	background: #40A3D0;
	min-width: 160px;
	text-align: center;
	padding: 7px;
}
.playNow:hover{
	background-color: #191a1f;
	color: #fff;
}
.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;
	width: 100%;
	position: relative;
}
.gameCategory .overlay {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	/*background: rgba(51, 171, 1, 1);*/
	background: #1e1319;
	width: 100%;
	height: 100%;
}
/*.gameCategory::after {
	content: "";
	position: absolute;
	background: #40A3D0;
	height: 100%;
	width: 100px;
	top: 0;
	transform: skew(-32deg);
	left: -55px;
}
.gameCategory::before {
	content: "";
	position: absolute;
	background: #40A3D0;
	height: 100%;
	width: 100px;
	top: 0;
	transform: skew(32deg);
	right: -55px;
}*/
.categoryBox{
background: #ffb100; /* Old browsers */
background: -moz-linear-gradient(top, rgb(48, 33, 10) -30%,rgb(66, 162, 240) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgb(48, 33, 10) -30%,rgb(66, 162, 240) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(-135deg, rgb(48, 33, 10) -30%,rgb(66, 162, 240) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
color: #fff;
font-size: 20px;
border-radius: 5px;
padding: 20px;
text-align: center;
position: relative;
top: -40px;
box-shadow: 0 4px 10px rgba(36, 36, 36, 0.38);
}
.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') !important;*/
	/*background-image: linear-gradient(0deg, rgba(257, 114, 0, 0.0.5), rgba(51, 171, 1, 0.7), rgba(51, 171, 1, 0.7)) !important;*/
	background: #1e1319 !important;
	background-size: cover;
	background-repeat: no-repeat;
	/*background-attachment: fixed;*/
	padding: 80px 0;
	position: relative;
}
.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 font {
    color: #fff;
    font-weight: 300;
}
.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;
	position: relative;
}
.appSec .overlay {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: -webkit-linear-gradient(90deg, rgba(51, 171, 1, 0.5) -30%, rgba(66, 162, 240, 0.5) 100%);
	width: 100%;
	height: 100%;
}
.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;
	opacity: 0.7;
}
.appsecLeft a {
	display: inline-block;
	position: relative;
	overflow: hidden;
	border-radius: 5px;
	/* max-width: 200px; */
	box-shadow: 0 4px 16px rgba(36, 36, 36, 0.28);
}
.appsecLeft {
	padding-top: 25px;
}
/****loginSignup******/
.modalLeft,.modalright{
	width: 50%;
	padding: 30px;
	float: left;
	min-height: 500px;
}
.modalLeft {
	/*background: url("../images/signup.png");*/
	background: url("../images/login-bg3.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	padding-top: 15%;
	    background-position: center;
}
#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: 30px;
}
.modalright .nav.nav-tabs .nav-item {
	text-align: center;
	cursor: pointer;
	width: 50%;
}
.modalright .nav.nav-tabs .nav-item .nav-link {
	border: 0;
	border-radius: 0;
	border-bottom: 3px solid transparent;
	color: #666666;
}
.modalright .nav.nav-tabs .nav-item .nav-link.active{
	border-bottom-color: var(--secondryClr);
}
.modalright .form-control {
    border: 1px solid #0000004d;
    color: #666666;
    height: 44px;
    font-size: 15px;
    box-shadow: none !important;
}
.loginBtn {
    border: 0;
    width: 100%;
    padding: 10px;
    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%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa600', endColorstr='#ff4f00',GradientType=1 );
}
.loginBtn a{ color: #fff; }
.modalright .form-group a{
	color: var(--secondryClr);
	text-decoration: underline;
}
.modalright p{
	text-align: center;
}
.modalLeft h1 {
	font-size: 60px;
	font-weight: 700;
	color: #fff;
}
.modalLeft h4 {
	color: #fff;
	font-size: 17px;
	margin: 10px 0;
}
.modalLeft a {
	background: #da422e;
	display: block;
	text-align: center;
	margin: 10px 0;
	color: #fff !important;
	padding: 12px;
	border-radius: 5px;
}
.modalLeft a + a{
	background: #5383e9;
}
.modalLeft a:hover{
	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 );
}
.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: #40A3D0; 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:#40A3D0;}
.forgotModal .btn{ width: 50px; height: 50px; font-size: 26px;     border-radius: 50%;
    margin-top: 20px; background:#40A3D0; color: #fff; }
    .forgotModal .bt:hover{ background: var(--primaryClr); }
.forgotModal .btnPar a{ display: block; color: #40A3D0; 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: rgba(12,12,12,0.78);*/
	background: #000;
	padding-top: 50px;
}
.footr_menu ul li {
	display: block;
	line-height: 29px;
	font-size: 14px;
	font-weight: 400;
	color: #ccd5de;
}
.footr_menu ul li i {
	color: #16ff84;
    padding-right: 5px;
}
.footr_menu ul li a{
  color: #ccd5de;
}
.footr_menu ul li a:hover{
  color: #33ab01;
  text-decoration: none;
}
.footer_logo {
	width: 200px;
    margin: 0 auto 10px;
}
.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;
    box-shadow: 0 4px 10px rgba(36, 36, 36, 0.38);
}
.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: linear-gradient(25deg, rgb(48, 33, 10) 0%,rgb(66, 162, 240) 100%);
	color: #fff;
}
.footer_bottom {
	font-size: 14px;
	padding: 15px 0;
	border-top: 1px solid rgba(203,212,221,0.15);
	margin-top: 40px;
}
.copyright {
/*#ccd5de */
	color: #ccd5de;
}
.footer_right li {
	display: inline-block;
}
.footer_right li a {
	display: block;
	color: #ccd5de;
	font-size: 14px;
	position: relative;
	padding: 0 15px;
}
.footer_right li:first-child a {
	padding-left: 0;
}
.footer_right li:last-child a {
	padding-right: 0;
}
.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: 600px;	}
.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(left, rgba(255,166,0,1) 0%, rgba(255,79,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgb(74, 74, 74) 0%,rgb(66, 162, 240) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgb(74, 74, 74) 0%,rgb(66, 162, 240) 100%); /* 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(left, rgba(255,166,0,1) 0%, rgba(255,79,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgb(74, 74, 74) 0%,rgb(66, 162, 240) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgb(74, 74, 74) 0%,rgb(66, 162, 240) 100%); /* 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 -20px 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;
}
.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;
    border-radius: 5px;
    line-height: normal;
}
.newLattInput .subBtn {
    position: absolute;
    top: 0;
    right: -1px;
    z-index: 11;
    background: linear-gradient(-135deg, rgb(48, 33, 10), rgb(66, 162, 240));
    border: 0;
    color: #fff;
    font-size: 18px;
    padding: 12px 20px;
    height: 100%;
    cursor: pointer;
    border-radius: 0 5px 5px 0;
    text-transform: uppercase;
	/*box-shadow: 0 4px 10px rgba(36, 36, 36, 0.28);*/
}
/****************************************************
              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, 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%);
}
.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;
}
.footerBtnpar {
	background: #fff;
    box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.3);
    position: relative;
    z-index: 1;
}
.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(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%);
}
.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{/* position: absolute; left: 40px;  */     width: 150px; margin-bottom: 20px; }
.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; 
    flex-direction: column;
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: #40A3D0;
    min-width: auto;
    text-align: center;
    padding: 15px 40px;
    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, 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%);
    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, 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%);
    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, rgba(255,166,0,1) 0%, rgba(255,79,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgb(74, 74, 74) 0%,rgb(66, 162, 240) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgb(74, 74, 74) 0%,rgb(66, 162, 240) 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, 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 );
    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(-135deg, rgb(48, 33, 10) -30%,rgb(66, 162, 240) 100%);
}
.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: 80px 0;   }
.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:#343a3b; }
.aboutSec p{ color:#838b8c; line-height: 25px; 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: 10px;}
.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; }
.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: #40A3D0; }
.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;}
.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: #7b7a7a; }
.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: #40A3D0;
    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: #40A3D0;
    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;
}
.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: 126px;
}
.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;
    width: 60%;
}
.user_rating .numbers {
    font-size: 70px;
    font-weight: 600;
    color: #f87f03;
}
.user_rating .num_bottom_description {
    font-size: 20px;
    color: #9b9b9b;
}
.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: #40A3D0;
    border-color: #40A3D0;
}
.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.zesty11.com/secureAdmin/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: #40A3D0;
    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;
}


.testimonialsSec {
	padding: 30px 0;
}
.testimonialsSec .details {
    min-height: 220px;
	padding: 25px;
	margin: 10px;
	border-radius: 25px;
    text-align: center;
	position: relative;
	box-shadow: 0 2px 10px rgba(64, 155, 227, 0.28);
}
.testimonialsSec .details .overlay {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0; 
	width: 100%;
	height: 100%;
    background: #f5f4f887;
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 0%);
	border-radius: 25px;
    z-index: -1;
}
.testimonialsSec .details .info {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-bottom: 15px;
}
.testimonialsSec .details .img-box {
	width: 50px;
	height: 50px;
	margin-bottom: 10px;
}
.testimonialsSec .details .img-box img {
	border-radius: 50%;
	box-shadow: 0 7px 6px rgba(64, 155, 227, 0.38);
}
.testimonialsSec p {
    font-size: 14px;
    font-weight: 300;
}
.testimonialsSec h5 {
	color: var(--primaryClr);
}
.testimonialsSec .slick-prev:before, .testimonialsSec .slick-next:before {
    color: #000;
	font-size: 30px;
}

@media (min-width: 768px){
	.cardBoxPar .cardPar.cardPayUm {
	    padding: 50px;
	}
}

.payment_btn_wrapr .cardPar {
    flex: 1;
    padding: 25px !important;
    text-align: center;
    border-bottom: 1px solid #ddd;
}
.cardBoxPar .cardPar.cardPayUm {
    border-top: 1px solid #e4e4e4;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}
.payment_btn_wrapr {
    display: flex;
    align-items: center;
    justify-content: center;
}
.payment_btn_wrapr button {
    min-width: 150px !important;
}
.payment_btn_wrapr .cardPar img {
    height: 40px;
    width: auto;
    object-fit: contain;
    margin-bottom: 10px;
}
.payment_btn_wrapr .cardPar:first-child {
    border-right: 1px solid #ddd;
}
.teamBoxSec {
    background-size: cover;
    height: 100vh;
    align-items: center;
    justify-content: center;
    display: flex;
    position: relative;
    z-index: 1;
}
.teamBoxSec:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    z-index: -1;
    opacity: .75;
}