:root {
	--bodyBG: #24262B;
	--white: #FFFFFF;
	--cardBG: #191B1E;
	--leftbarBG: #1E2024;
	--pink: #F96277;
	--green:#01D676;
	--greenlight:#5DDB28;
	--greenlight2: #43B31E;
	--yellow: #FCD12F;
	--yellowlight: #FFCC00;
	--gray1: #818A94;
	--light1: #34373F;
	--dark1: #141619;
}

html {
	position: relative;
	min-height: 100%;
}

* {
	margin:0px;
	padding:0px;
}
body {
	font-size:21px;
	color:#0c0c0c;
	background:var(--bodyBG);
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding:0px;
	line-height:1.66;
	letter-spacing:0em;
	font-family: 'AvertaStd';
	font-weight: 400;
}
.fl { 
	float:left; 
}
.fr { 
	float:right; 
}
li, ul, ol { 
	list-style:none; 
	margin:0px;
	padding:0px;
}
a, a img {
	text-decoration:none;
	border:0;
	outline:none !important;
}
a {
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
a:hover,
a:focus {
	text-decoration:none;
	outline:none;
}
h1, h2, h3, h4, h5, h6 {
	font-style:normal;
	font-weight:normal;
	margin:0px;
	padding:0px;
}

.clear:before,
.clear:after {
	display: table;
	content: "";
}
.clear:after { 
	clear:both; 
}
input, textarea { 
	outline:none !important; 
}
#wrapper {
	width:100%;
}
input[type=text]::-moz-placeholder,
input[type=search]::-moz-placeholder,
.input-text::-moz-placeholder,
.input_text::-moz-placeholder {
	color: inherit;
	opacity: 1;
}

input[type=text]::-webkit-input-placeholder,
input[type=search]::-webkit-input-placeholder,
.input-text::-webkit-input-placeholder,
.input_text::-webkit-input-placeholder {
	color: inherit;
	opacity: 1;
}

input[type=text]::-ms-placeholder,
input[type=search]::-ms-placeholder,
.input-text::-ms-placeholder,
.input_text::-ms-placeholder {
	color: inherit;
	opacity: 1;
}

input[type=email]::-moz-placeholder {
	color: inherit;
	opacity: 1;
}

input[type=email]::-webkit-input-placeholder {
	color: inherit;
	opacity: 1;
}

input[type=email]::-ms-placeholder {
	color: inherit;
	opacity: 1;
}

textarea::-moz-placeholder {
	color: inherit;
	opacity: 1;
}

textarea::-webkit-input-placeholder {
	color: inherit;
	opacity: 1;
}

textarea::-ms-input-placeholder {
	color: inherit;
	opacity: 1;
}

::-webkit-scrollbar {
  width: 10px;
  height: 10px;
	border-radius: 10px;
}

::-webkit-scrollbar-track-piece {
  background-color: #111315;
	border-radius: 10px;
}

::-webkit-scrollbar-thumb:vertical {
  height: 30px;
  background-color: #2D2F34;
	border-radius: 10px;
}


/*============ Default Css End ============*/



/*============ Bootstrap Class Overwriter CSS Code Start ============*/

@media (min-width: 768px) {
	.container {
		width:750px;
	}
}
@media (min-width: 992px) {
	.container {
		width:970px;
	}
}
@media (min-width: 1200px) {
	.container {
		width:1170px;
		max-width:1170px;
	}
}
@media (min-width: 1440px) {
	.container {
		width:1270px;
		max-width:1270px;
	}
}
@media (min-width: 1600px) {
	.container {
		width:1450px;
		max-width:1450px;
	}
}
@media (min-width: 1700px) {
	.container {
		width:1605px;
		max-width:1605px;
	}
}

.center-block { float:none;}
.container { padding-left: 15px; padding-right: 15px;}
.container .row { margin-left: -15px; margin-right: -15px;}
.container .row [class*="col-"] { padding-left: 15px; padding-right: 15px;}

/* navbar start */

/*=========================================*/
/* Elements css Start  */
/*=========================================*/

.flxrow {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.flxwrap {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.flxcol {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column; 
	flex-direction: column;
}
.flxfix {
	-ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
}
.flxflexi {
	-ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    position: relative;
}

p { margin: 0; padding: 0;}
h1,
h2,
h3,
h4,
h5,
h6 {
	margin:0; padding:0; color:var(--white); font-weight: 700;
}
body { padding: 90px 0 0 0;}
.btnbox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.main_wapper { height: calc(100vh - 90px); overflow: hidden; margin: 0 0 0 320px;}
.header_wrapper { position: fixed; left: 320px; top: 0; right: 0; box-shadow: 0 0 6px rgba(0,0,0,0.24); background: var(--bodyBG); z-index: 2;}
.header_wrapper .headermain { align-items: center; padding: 0 27px 0 51px; height: 90px;}
.header_wrapper .logo { margin: 0;}
.header_wrapper .logo_icon { margin: 0; display: none;}

.header_wrapper .logo a { display: block;}
.header_wrapper .logo a img { max-height: 40px; width: auto;}
.header_wrapper .rightheader { margin: 0 0 0 auto;}
.header_wrapper .howtouse { position: relative;}
.header_wrapper .howtouse a.howbtn { height: 46px; border-radius: 50px; padding: 0 19px 0 9px; align-items: center; font-size: 18px; font-weight: 600; color: var(--white); box-shadow: 0 0 10px rgba(255,110,132,0.27);
	background: rgb(249,98,119);
	background: -moz-linear-gradient(-45deg,  rgba(249,98,119,1) 0%, rgba(191,48,68,1) 100%);
	background: -webkit-linear-gradient(-45deg,  rgba(249,98,119,1) 0%,rgba(191,48,68,1) 100%);
	background: linear-gradient(135deg,  rgba(249,98,119,1) 0%,rgba(191,48,68,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f96277', endColorstr='#bf3044',GradientType=1 );
}
.header_wrapper .howtouse a.howbtn img { margin: 0 8px 0 0;}
.header_wrapper .howtouse a.howclose { align-items: center; justify-content: center; width: 18px; height: 18px; position: absolute; right: -4px; top: 0; z-index: 1; background: var(--white); border: solid 1px var(--bodyBG); border-radius: 20px;}
.header_wrapper .headbtnwrap { align-items: center; margin: 0 0 0 20px;}
.header_wrapper .headbtnwrap a { height: 46px; border: solid 2px var(--gray1); border-radius: 50px; padding: 0 26px; color: var(--gray1); font-size: 18px; font-weight: 600;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex; align-items: center;
}
.header_wrapper .headbtnwrap a:hover { background: var(--gray1); color: var(--dark1);}
.header_wrapper .headbtnwrap a.signup { border: none; color: var(--white); box-shadow: 0 0 10px rgba(126, 255, 152, 0.24);
	background: rgb(23,221,115);
	background: -moz-linear-gradient(-45deg,  rgba(23,221,115,1) 0%, rgba(0,159,74,1) 100%);
	background: -webkit-linear-gradient(-45deg,  rgba(23,221,115,1) 0%,rgba(0,159,74,1) 100%);
	background: linear-gradient(135deg,  rgba(23,221,115,1) 0%,rgba(0,159,74,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#17dd73', endColorstr='#009f4a',GradientType=1 );
}
.header_wrapper .headbtnwrap a + a { margin: 0 0 0 20px;}

.header_wrapper .smalliconwrp { align-items: center; margin: 0 0 0 40px;}
.header_wrapper .smalliconwrp a { width: 46px; height: 46px; position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex; align-items: center; justify-content: center;
}
.header_wrapper .smalliconwrp a + a { margin: 0 0 0 9px;}
.header_wrapper .smalliconwrp a img { float: left;}
.header_wrapper .smalliconwrp a .amt { position: absolute; border: solid 2px var(--bodyBG); width: 18px; height: 18px; border-radius: 50px; color: var(--white); font-size: 9px; font-weight: 700; align-items: center; justify-content: center; line-height: 1;}
.header_wrapper .smalliconwrp a .notispan { bottom: 8px; right: 1px; background: var(--pink);}
.header_wrapper .smalliconwrp a .chatspan { top: 4px; right: 0px; background: var(--greenlight2);}

.header_wrapper .loggedbox { align-items: center;}
.header_wrapper .loggedbox * { line-height: 1;}
.header_wrapper .loggedbox .avatarbox { width: 46px; height: 46px; border-radius: 100px; background: var(--green); font-size: 26px; font-weight: 500; color: var(--white); text-transform: uppercase; align-items: center; justify-content: center; box-shadow: 0 0 6px rgba(0,0,0,0.50) inset; margin: 0 10px 0 0; border: solid 4px #fff;}
.header_wrapper .loggedbox .avatarbox img { object-fit: cover; width: 100%; height: 100%;}
.header_wrapper .loggedbox .namebox { white-space: nowrap; font-size: 17px; color: var(--white); font-weight: 500; padding: 0 0 5px 0;}
.header_wrapper .loggedbox .avatartabs { margin: 0; align-items: center;}
.header_wrapper .loggedbox .avatartabs .nav-tabs { margin: 0 0 0 18px; padding: 0; border: none; outline: none; border-radius: 0; box-shadow: none; background: none; border-radius: 100px; overflow: hidden; background: #34373F; align-items: center; height: 22px;}
.header_wrapper .loggedbox .avatartabs .nav-tabs .nav-item { margin: 0; padding: 0; border: none; outline: none; border-radius: 0; box-shadow: none; background: none; align-items: center;}
.header_wrapper .loggedbox .avatartabs .nav-tabs .nav-item .nav-link { margin: 0; padding: 0; border: none; outline: none; border-radius: 0; box-shadow: none; background: none; align-items: center; justify-content: center; width: 24px; height: 22px;}
.header_wrapper .loggedbox .avatartabs .nav-tabs .nav-item .nav-link img {}
.header_wrapper .loggedbox .avatartabs .nav-tabs .nav-item .nav-link.active { background: #16171C;}

.header_wrapper .loggedbox .avatartabs .headinbox { align-items: center; font-size: 17px; color: var(--yellow); font-weight: 500;}
.header_wrapper .loggedbox .avatartabs .headinbox .imgwrap { width: 16px; height: 16px; align-items: center; justify-content: center; margin: 0 5px 0 0;}
.header_wrapper .loggedbox .avatartabs .headinbox .imgwrap img { max-width: 100%; max-height: 100%;}
.header_wrapper .loggedbox .dropdown { margin: 0 0 0 10px;}
.header_wrapper .loggedbox .dropdown .btn { border: none; padding: 5px 5px; margin: 0; background: none; outline: none; box-shadow: none; float: left; align-items: center;}
.header_wrapper .loggedbox .dropdown .btn::after { display: none;}
.header_wrapper .loggedbox .dropdown .btn img { float: left;}
.header_wrapper .loggedbox .dropdown .btn.show img { transform: rotate(180deg);}
.header_wrapper .loggedbox .dropdown-menu { margin: 25px 0 0 0; background: #191B1E; border-radius: 20px 0 20px 20px; padding: 0;}
.header_wrapper .loggedbox .dropdown-menu li { margin: 0;}
.header_wrapper .loggedbox .dropdown-menu li + li { border-top: solid 1px rgba(255,255,255,0.1);}
.header_wrapper .loggedbox .dropdown-menu li a { height: auto; line-height: normal; border: none; padding: 15px 20px; margin: 0; display: block; width: 100%; border-radius: 0; font-weight: 400; font-size: 16px;}
.header_wrapper .loggedbox .dropdown-menu li a:hover { background: none; color: var(--white);}

.leftbars { position: fixed; left: 0; top: 0; bottom: 0; height: 100vh; width: 320px; background: var(--leftbarBG); padding: 0 0 0 0; overflow: auto; z-index: 3;}
.leftbars .lnavmn { margin: 0; padding: 28px 0 0 0;}
.leftbars .lnavmn + .lnavmn { margin-top: 35px;}
.leftbars .lnavmn ul { display: block; margin: 0; padding: 0;}
.leftbars .lnavmn ul li { margin: 0; padding: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.leftbars .lnavmn ul li a { padding: 0 30px 0 24px; border-radius: 0 30px 30px 0; font-weight: 600; color: var(--gray1); font-size: 18px; height: 60px; position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex; align-items: center;
}
.leftbars .lnavmn ul li a::before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 50px; z-index: 0; opacity: 0; visibility: hidden;
	background: -moz-linear-gradient(left,  rgba(0,105,49,1) 0%, rgba(0,105,49,0) 100%);
	background: -webkit-linear-gradient(left,  rgba(0,105,49,1) 0%,rgba(0,105,49,0) 100%);
	background: linear-gradient(to right,  rgba(0,105,49,1) 0%,rgba(0,105,49,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006931', endColorstr='#00006931',GradientType=1 );
}
.leftbars .lnavmn ul li a .iconbox { display: block; margin: 0 20px 0 0;}
.leftbars .lnavmn ul li a p { margin: 0; padding: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
}
.leftbars .lnavmn ul li a strong { width: 0; font-weight: 600; width: 100%; display: block;}
.leftbars .lnavmn ul li a span { display: inline-block; vertical-align: top; font-size: 10px; font-weight: 400; background: #353840; border-radius: 20px; padding: 0 9px; height: 15px; line-height: 15px; clear: both; color: var(--yellowlight);}
.leftbars .lnavmn ul li a img { float: left;}
.leftbars .lnavmn ul li a > * { position: relative; z-index: 1;}
.leftbars .lnavmn ul li a.active { background: var(--light1); color: var(--white);}
.leftbars .lnavmn ul li a.active::before { opacity: 1; visibility: visible;}

.leftbars .promotionbox { border-top: solid 1px #292C32; margin: 35px 20px 0; padding: 20px 0 20px 0;}
.leftbars .promotionbox .p_titlbox { align-items: center;}
.leftbars .promotionbox .p_titlbox .imgbox { margin: 0 20px 0 0;}
.leftbars .promotionbox .p_titlbox h4 { font-weight: 800; font-style: italic; font-size: 23px; margin: 0; padding: 0; color: var(--greenlight);}
.leftbars .promotionbox .throw { margin: 0 -7px 0 -8px; padding: 20px 5px 0;}
.leftbars .promotionbox .throw .thcols { padding: 0 7px 0 8px ;}
.leftbars .promotionbox .throw .thavbox { display: block; width: 80px; height: 80px; border-radius: 26px; background: var(--dark1); margin: 0 0 10px 0;}
.leftbars .lnavmn.second { border-top: solid 1px #292C32; padding: 20px 0 0 0;}

.leftbars .left_language { margin: 15px 20px 0; border-top: solid 1px #292C32; padding: 20px 14px 20px;}
.leftbars .left_language .labeltext { display: block; color: var(--gray1); font-size: 12px; font-weight: 600; padding: 0 0 17px 6px; line-height: normal;}
.leftbars .left_language .lanselect { width: 100%; height: 53px; background: #25282C; border-radius: 60px; border: none; outline: none; padding: 0 20px 0 30px; font-size: 18px; color: var(--white); font-weight: 600;}

.leftbars .liveleftsupp { padding: 22px 14px 22px; margin: 15px 20px 0; border-top: solid 1px #292C32;}
.leftbars .liveleftsupp a { background: #25282C; height: 54px; border-radius: 60px; font-weight: 600; font-size: 18px; color: var(--white);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex; align-items: center;
}
.leftbars .liveleftsupp a .iconbox { width: 54px; height: 54px; background: var(--greenlight2); border-radius: 60px; margin: 0 20px 0 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex; align-items: center; justify-content: center;
}

.backto_link { width: 100%; margin: 0 0 15px 0;}
.backto_link a { font-size: 20px; color: #37CDE5; font-weight: 700; margin: 0; padding: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex; align-items: center;
}
.backto_link a img { margin: 0 12px 0 0;}

.rightcontent { margin: 0; overflow: auto;}
.inrightmn { padding: 45px 50px;/*  padding-top: 0px  */}
.inrightmn .dhmntop1 { margin: 0;}
.inrightmn .dhmntop1 .row { margin: 0 -20px;}
.inrightmn .dhmntop1 .row [class*="col-"] { padding: 0 20px;}
.inrightmn .dhmntop1 .getpaidfor_image { margin: 0; padding: 0;}
.inrightmn .dhmntop1 .getpaidfor_image a { display: block; margin: 0; padding: 0;}
.inrightmn .dhmntop1 .getpaidfor_image a img { max-width: 100%; height: auto;}
.inrightmn .dhmntop1 .getpaidfor { margin: 0; padding: 15px 15px 15px 28px; border-radius: 30px; position: relative; height: 100%; align-items: center;
	background: rgb(35,7,100);
	background: -moz-linear-gradient(45deg,  rgba(35,7,100,1) 0%, rgba(90,35,243,1) 44%, rgba(75,124,203,1) 74%, rgba(116,191,255,1) 100%);
	background: -webkit-linear-gradient(45deg,  rgba(35,7,100,1) 0%,rgba(90,35,243,1) 44%,rgba(75,124,203,1) 74%,rgba(116,191,255,1) 100%);
	background: linear-gradient(45deg,  rgba(35,7,100,1) 0%,rgba(90,35,243,1) 44%,rgba(75,124,203,1) 74%,rgba(116,191,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#230764', endColorstr='#74bfff',GradientType=1 );
}
.inrightmn .dhmntop1 .getpaidfor h3 { color: var(--yellow); font-size: 35px; line-height: 1.5; font-weight: 900; margin: 0; padding: 0; text-transform: uppercase; font-style: italic; text-shadow: 2px 2px 1px rgba(0,0,0,0.5);}
.inrightmn .dhmntop1 .getpaidfor h6 { font-size: 26px; font-weight: 600; margin: 0; padding: 0;}
.inrightmn .dhmntop1 .getpaidfor .rigimg { margin: 0 0 0 auto;}
.inrightmn .dhmntop1 .getpaidfor .rigimg img { max-height: 182px; max-width: 292px;}
.inrightmn .dhmntop1 .getpaidfor .earnbox { margin: 15px 0 0 0; align-items: center;}
.inrightmn .dhmntop1 .getpaidfor .iconbox { margin: 0 15px 0 0;}
.inrightmn .dhmntop1 .getpaidfor .tline { margin: 0; font-size: 22px; color: var(--white); font-weight: 400; line-height: normal;}
.inrightmn .dhmntop1 .getpaidfor .tline strong { font-weight: 700; font-style: italic; color: #22D676;}
.inrightmn .dhmntop1 .getpaidfor .bline { line-height: normal; align-items: center;}
.inrightmn .dhmntop1 .getpaidfor .bline .rbox { margin: 0 10px 0 0;}
.inrightmn .dhmntop1 .getpaidfor .bline .rbox img { float: left;}
.inrightmn .dhmntop1 .getpaidfor .bline strong { font-weight: 700; font-style: italic; color: #22D676;}

.inrightmn .dhmntop1 .record_wrap { position: relative; height: 100%; border-radius: 30px; padding: 18px 0;
	background: rgb(15,15,33);
	background: -moz-linear-gradient(-45deg,  rgba(15,15,33,1) 0%, rgba(10,27,52,1) 100%);
	background: -webkit-linear-gradient(-45deg,  rgba(15,15,33,1) 0%,rgba(10,27,52,1) 100%);
	background: linear-gradient(135deg,  rgba(15,15,33,1) 0%,rgba(10,27,52,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f0f21', endColorstr='#0a1b34',GradientType=1 );
}
.inrightmn .dhmntop1 .record_wrap .reco_col { padding: 0;}
.inrightmn .dhmntop1 .record_wrap .recolin { text-align: center; padding: 0 50px 0; position: relative; height: 100%; align-items: center; justify-content: flex-start;}
.inrightmn .dhmntop1 .record_wrap .recolin .iconbox { margin: 0 auto 5px;}
.inrightmn .dhmntop1 .record_wrap .recolin h4 { color: var(--yellow); font-size: 22px; font-weight: 700;}
.inrightmn .dhmntop1 .record_wrap .recolin p { color: var(--white); font-style: italic; font-size: 18px; line-height: 1.33; padding: 5px 0 0 0;}
.inrightmn .dhmntop1 .record_wrap .reco_col + .reco_col { border-left: solid 1px rgba(255,255,255,0.1);}

.inrightmn .dhmnmid1 { margin: 38px 0 0 0; padding: 10px 0; border-radius: 30px; background: var(--cardBG);}
.inrightmn .dhmnmid1 .dhcol { padding: 0;}
.inrightmn .dhmnmid1 .dhcol + .dhcol { border-left: solid 1px var(--bodyBG);}
.inrightmn .dhmnmid1 .indh2col { padding: 15px 30px; position: relative; height: 100%;}
.inrightmn .dhmnmid1 .dh2titlebox { align-items: center;}
.inrightmn .dhmnmid1 .dh2titlebox .dh2heading { color: var(--white); font-size: 22px; line-height: normal; font-weight: 700;}
.inrightmn .dhmnmid1 .dh2titlebox .iconbox { margin: 0 20px 0 0;}
.inrightmn .dhmnmid1 .dh2titlebox.offertl .dh2heading strong { font-weight: 700; color: var(--pink);}
.inrightmn .dhmnmid1 .dh2titlebox.withdrawtl .dh2heading strong { font-weight: 700; color: var(--yellow);}
.inrightmn .dhmnmid1 .dharrowbox { margin: 0; overflow: hidden; width: 40px; border-radius: 10px;}
.inrightmn .dhmnmid1 .dharrowbox a { height: 26px; width: 100%; background: var(--bodyBG);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex; align-items: center; justify-content: center;
}
.inrightmn .dhmnmid1 .dharrowbox a.disable svg * { fill: #818A94;}
.inrightmn .dhmnmid1 .dharrowbox a.slick-hidden svg * { fill: #818A94;}
.inrightmn .dhmnmid1 .dharrowbox hr { margin: 0; padding: 0; display: block; background: var(--cardBG);}
.inrightmn .dhmnmid1 .dmlistwrp { margin: 23px 0 0 0;}
.inrightmn .slick-vertical .slick-slide { border: none;}
.inrightmn .dhmnmid1 .dmlistrow { align-items: center; margin: 7px 1px;}
.inrightmn .dhmnmid1 .dmlistrow + .dmlistrow { }
.inrightmn .dhmnmid1 .dmlistrow .dmusicon { margin: 0 10px 0 0; border-radius: 10px; overflow: hidden; width: 40px; height: 40px; background: var(--bodyBG);}
.inrightmn .dhmnmid1 .dmlistrow .dmusicon img { object-fit: cover; float: left; width: 100%; height: 100%;}
.inrightmn .dhmnmid1 .dmlistrow .dmusdetail { margin: 0;}
.inrightmn .dhmnmid1 .dmlistrow .dmusdetail h6 { font-size: 14px; color: var(--white); font-weight: 700; text-transform: uppercase; line-height: normal;}
.inrightmn .dhmnmid1 .dmlistrow .dmusdetail p { color: var(--gray1); font-size: 14px; padding: 2px 0 0 0; margin: 0; line-height: normal;}
.inrightmn .dhmnmid1 .dmlistrow .dmamt { font-size: 14px; font-weight: 700; color: var(--white); padding: 0 12px; border-radius: 12px; border: solid 1px var(--white); height: 34px; align-items: center; justify-content: center;}
.inrightmn .dhmnmid1 .dmlistwrp.offerbox .dmamt { color: var(--yellow); border-color: var(--yellow);}
.inrightmn .dhmnmid1 .dmlistwrp.withdrawbox .dmamt { color: var(--green); border-color: var(--green);}

.inrightmn .dhmnmid1 .middsec { text-align: center;}
.inrightmn .dhmnmid1 .middsec h2 { margin: 0; padding: 0; text-transform: uppercase; color: var(--green); font-size: 36px; font-weight: 700;}
.inrightmn .dhmnmid1 .middsec h4 { margin: 0; padding: 12px 0 0 0; font-size: 26px; color: var(--white); font-weight: 400;}
.inrightmn .dhmnmid1 .middsec .cashoutamt { margin: 5px 0 0 0; color: var(--yellow); font-size: 36px; font-weight: 700;}
.inrightmn .dhmnmid1 .middsec .btnbox { justify-content: center; padding: 20px 0 0 0;}
.inrightmn .dhmnmid1 .middsec .btnbox a { height: 50px; padding: 0 30px; border-radius: 60px; color: var(--green); font-size: 18px; font-weight: 600; background: var(--dark1); box-shadow: 0 0 4px rgba(34, 216, 113, 0.33);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex; align-items: center; justify-content: center;
}

.comtitle { margin: 0; padding: 0; text-align: center;}
.comtitle h2 { font-size: 36px; color: var(--white); font-weight: 700; margin: 0; padding: 0;}
.comtitle h2 span { color: var(--pink);}
.comtitle p { color: #7E8791; font-size: 14px; margin: 0; padding: 5px 0 0 0;}

.howtoget_start { margin: 0; padding: 72px 0 0 0;}
.howtoget_start .howtorow { padding: 0; margin: 0 -20px;}
.howtoget_start .howtorow [class*="col-"] { padding: 0 20px; margin-top: 30px;}
.howtoget_start .howtoblock { margin: 0; padding: 20px 30px 50px; border-radius: 30px; background: var(--cardBG); position: relative; height: 100%;}
.howtoget_start .howtoblock .intitle { align-items: center; justify-content: center;}
.howtoget_start .howtoblock .intitle .iconbox { margin: 0 18px 0 0; padding: 0;}
.howtoget_start .howtoblock .intitle .iconbox img { vertical-align: top; float: left; margin: 0;}
.howtoget_start .howtoblock h3 { font-size: 22px; font-weight: 700; color: #22D676;}
.howtoget_start .howtoblock .choosetask { padding: 6px; align-items: center; background: #25282C; border-radius: 200px; margin: 30px 0 0 0; box-shadow: 2px 2px 0 rgba(0,0,0,0.16);}
.howtoget_start .howtoblock .choosetask .imgbox { width: 48px; height: 48px; border-radius: 100px; background-size: cover; background-repeat: no-repeat; background-position: center center; margin: 0 14px 0 0;}
.howtoget_start .howtoblock .choosetask span { font-size: 16px; letter-spacing: 0.01em; color: #7E8791;}
.howtoget_start .howtoblock .linkbtn { margin: 0 0 0 auto;}
.howtoget_start .howtoblock .linkbtn a { height: 48px; font-size: 16px; font-weight: 700; color: var(--white); padding: 0 24px; background: var(--leftbarBG); border-radius: 100px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex; align-items: center; justify-content: center;
}
.howtoget_start .howtoblock p { text-align: center; color: #7E8791; font-size: 16px; letter-spacing: 00.01em; margin: 0; padding: 10px 0 0 0;}
.howtoget_start .howtoblock .startbtn { justify-content: center; align-items: center; padding: 20px 0 0 0;}
.howtoget_start .howtoblock .startbtn a { height: 45px; background: #25282C; border-radius: 200px; box-shadow: 2px 2px 0 rgba(0,0,0,0.16); color: var(--white); font-weight: 700; padding: 0 25px; font-size: 16px; text-transform: uppercase; min-width: 134px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex; align-items: center; justify-content: center;
}
.howtoget_start .mnstartbtn { align-items: center; justify-content: center; padding: 40px 0 0 0;}
.howtoget_start .mnstartbtn a { height: 56px; border-radius: 50px; padding: 0 26px; font-size: 22px; font-weight: 600; border: none; color: var(--white); box-shadow: 0 0 10px rgba(126, 255, 152, 0.24); text-shadow: 1px 1px 2px rgba(0,0,0,0.30);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex; align-items: center;
	background: rgb(23,221,115);
	background: -moz-linear-gradient(-45deg,  rgba(23,221,115,1) 0%, rgba(0,159,74,1) 100%);
	background: -webkit-linear-gradient(-45deg,  rgba(23,221,115,1) 0%,rgba(0,159,74,1) 100%);
	background: linear-gradient(135deg,  rgba(23,221,115,1) 0%,rgba(0,159,74,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#17dd73', endColorstr='#009f4a',GradientType=1 );
}

.review_wrap { padding: 72px 0 0 0;}
.review_wrap .review_mnrow { margin: 40px 0 0 0; width: 100%;}
.review_wrap .review_mnrow .mnreview { width: 170px; margin: 0 40px 0 0;}
.review_wrap .review_mnrow .mnreview h4 { font-size: 25px; color: var(--white); font-weight: 600; margin: 0; padding: 0 0 6px 0;}
.review_wrap .review_mnrow .mnreview .starbigrow { justify-content: space-between;}
.review_wrap .review_mnrow .mnreview .starbigrow span { display: block;}
.review_wrap .review_mnrow .mnreview .starbigrow span svg { float: left;}
.review_wrap .review_mnrow .mnreview .starbigrow span.active svg * { fill: var(--green);}
.review_wrap .review_mnrow .mnreview .basedon { font-size: 14px; font-weight: 600; margin: 0; padding: 15px 0 0 0; color: #818A94;}
.review_wrap .review_mnrow .mnreview .basedon span { color: #37CDE5;}
.review_wrap .review_mnrow .mnreview .trustpilot { align-items: center; padding: 23px 0 0 0;}
.review_wrap .review_mnrow .mnreview .trustpilot span { display: block; margin: 0 10px 0 0;}
.review_wrap .review_mnrow .mnreview .trustpilot span svg { float: left;}
.review_wrap .review_mnrow .mnreview .trustpilot strong { font-weight: 600; font-size: 17px; color: var(--white);}
.review_wrap .review_mnrow .rvsliwrap { margin: 0; width: calc(100% - 210px); padding: 0 54px; position: relative;}
.review_wrap .review_mnrow .review_slider { margin: 0;}
.review_wrap .review_mnrow .reviewbox { width: 100%;}
.review_wrap .review_mnrow .reviewbox .rvtopline { margin: 0; align-items: center;}
.review_wrap .review_mnrow .reviewbox .starsmall { margin: 0; padding: 0;}
.review_wrap .review_mnrow .reviewbox .starsmall span { display: block;}
.review_wrap .review_mnrow .reviewbox .starsmall span + span { margin: 0 0 0 6px;}
.review_wrap .review_mnrow .reviewbox .starsmall span svg { float: left; width: 20px; height: 20px;}
.review_wrap .review_mnrow .reviewbox .starsmall span.active svg * { fill: var(--green);}
.review_wrap .review_mnrow .reviewbox .datebox { margin: 0 0 0 auto; font-size: 12px; color: var(--gray1);}
.review_wrap .review_mnrow .reviewbox .mainrvtitle { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #B6B9BC; font-size: 16px; font-weight: 600; padding: 14px 0 0 0;}
.review_wrap .review_mnrow .reviewbox p { font-size: 12px; line-height: 1.2; color: var(--white); margin: 0; padding: 10px 0 0 0;}
.review_wrap .review_mnrow .reviewbox .authorname { padding: 15px 0 0 0; font-size: 12px; color: #B6B9BC; font-weight: 600; font-style: italic;}
.review_wrap .review_mnrow #MyNavs { position: absolute; left: 0; top: 0; right: 0; top: 50%; height: 0; align-items: center; justify-content: space-between;}
.review_wrap .review_mnrow #MyNavs button { width: 30px; height: 30px; border: solid 1px var(--gray1); box-shadow: none; outline: none; cursor: pointer; background: none; border-radius: 50px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex; align-items: center; justify-content: center;
}

.featureoffer_section { margin: 0;}
.featureoffer_section .featuretitle { justify-content: flex-start; align-items: center; text-align: left;}
.featureoffer_section .featuretitle .iconbox { margin: 0 30px 0 0;}
.featureoffer_section .offer_row { margin: 40px 0 0 0;}
.featureoffer_section .offer_row .offer_col { margin: 0; padding: 0; width: 218px;}
.featureoffer_section .offer_row .offer_col + .offer_col{ margin: 0 0 0 20px;}
.featureoffer_section .offer_box { width: 100%; height: 128px; position: relative; border-radius: 20px; overflow: hidden; background-size: cover; background-repeat: no-repeat; background-position: center center;}
.featureoffer_section .offer_box .top_part { margin: 0; padding: 11px 17px 11px;}
.featureoffer_section .offer_box .top_part h6 { font-size: 12px; font-weight: 700; color: var(--cardBG); letter-spacing: 00.01em;}
.featureoffer_section .offer_box .top_part h4 { font-size: 22px; font-weight: 800; color: var(--cardBG); letter-spacing: 00.01em; padding: 4px 0 0 0;}
.featureoffer_section .offer_box .bottom_part { margin: auto 0 0 0; background: rgba(0,0,0,0.60); padding: 8px 8px 8px 17px;}
.featureoffer_section .offer_box .bottom_part .trow { align-items: center;}
.featureoffer_section .offer_box .bottom_part h6 { font-weight: 600; font-size: 14px; margin: 0; padding: 0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: var(--white); line-height: normal;}
.featureoffer_section .offer_box .bottom_part .mnybox { min-width: 41px; height: 18px; background: var(--white); color: #000000; font-size: 9px; font-weight: 700; border-radius: 30px; align-items: center; justify-content: center;}
.featureoffer_section .offer_box .bottom_part .brow { font-size: 12px; color: var(--white); padding: 2px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; line-height: normal;}
.featureoffer_section .offer_box .promotag { min-width: 48px; height: 18px; background: var(--bodyBG); color: var(--yellow); text-transform: uppercase; position: absolute; right: 9px; top: 9px; font-size: 9px; font-weight: 700; border-radius: 30px; align-items: center; justify-content: center; padding: 2px 4px 0;}
.cashout_infoline { display: block;
    background-color: #191B1E;
    color: #7E8791;
    padding: 20px;
    font-size: 14px;
    padding-top: 8px;
    padding-bottom: 8px;
    border-radius: 30px;
    background-image: url(../images/cashout_info_icon.svg);
    background-repeat: no-repeat;
    background-position: 10px center;
    padding-left: 35px;
}
.offerwallsec { margin: 50px 0 0 0; padding: 0;}
.offerwallsec .titlebgbox_wrap { position: relative; align-items: flex-end; overflow: hidden;}
.offerwallsec .titlebgbox { position: relative; align-items: center; background: var(--cardBG); border-radius: 20px 0 0 0; padding: 11px 0 10px 17px;}
.offerwallsec .titlebgbox .shapebox { position: absolute; left: 100%; top: 0; width: 86px; height: 112px;}
.offerwallsec .titlebgbox .iconbox { margin: 0 7px 0 0;}
.offerwallsec .titlebgbox .detailbox { margin: 0;}
.offerwallsec .titlebgbox h2 { font-size: 30px; color: var(--white); font-weight: 700; margin: 0; padding: 0; font-style: italic;}
.offerwallsec .titlebgbox h2 span { color: var(--pink);}
.offerwallsec .titlebgbox p { color: #7E8791; font-size: 14px; margin: 0; padding: 5px 0 0 0;}
.offerwallsec .wallslwrap { padding: 33px; border-radius: 0 30px 30px 30px; background: var(--cardBG);}
.offerwallsec .logobox { height: 120px; width: 100%; align-items: center; justify-content: center; border-radius: 20px; background: var(--leftbarBG);}
.offerwallsec .logobox img { width: auto; height: auto; max-width: 100%; max-height: 100%;}
.offerwallsec .logobox.greendark { background: #11271E;}
.offerwallsec .rightpart { margin: 0 0 0 auto; padding: 0 0 20px 0; align-items: center;}
.offerwallsec .rightpart .labelbox { margin: 0 10px 0 0; padding: 0 15px; height: 30px; border-radius: 50px; background: var(--cardBG); color: var(--gray1); font-size: 12px; font-weight: 700; align-items: center;}
.offerwallsec .rightpart .labelbox span { color: var(--green); margin: 0 3px 0 0;}
.offerwallsec #offerwallnav { align-items: center;}
.offerwallsec #offerwallnav button { width: 30px; height: 30px; border: none; box-shadow: none; outline: none; cursor: pointer; background: var(--cardBG); border-radius: 50px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex; align-items: center; justify-content: center;
}
.offerwallsec #offerwallnav button + button { margin: 0 0 0 10px;}


.giftcardsec_wrap { margin: 50px 0 0 0;}
.giftcardsec_wrap .titlebgbox_wrap { position: relative; align-items: flex-end; overflow: hidden;}
.giftcardsec_wrap .titlebgbox { position: relative; align-items: center; background: var(--cardBG); border-radius: 20px 0 0 0; padding: 11px 0 10px 17px;}
.giftcardsec_wrap .titlebgbox .shapebox { position: absolute; left: 100%; top: 0; width: 86px; height: 112px;}
.giftcardsec_wrap .titlebgbox .iconbox { margin: 0 7px 0 0;}
.giftcardsec_wrap .titlebgbox .detailbox { margin: 0;}
.giftcardsec_wrap .titlebgbox h2 { font-size: 30px; color: var(--white); font-weight: 700; margin: 0; padding: 0; font-style: italic;}
.giftcardsec_wrap .titlebgbox h2 span { color: var(--green);}
.giftcardsec_wrap .titlebgbox p { color: #7E8791; font-size: 14px; margin: 0; padding: 5px 0 0 0;}
.giftcardsec_wrap .wallgiftwrap { padding: 17px 33px; border-radius: 0 30px 30px 30px; background: var(--cardBG);}
.giftcardsec_wrap .giftrow { margin: 0 -17px;}
.giftcardsec_wrap .giftrow .giftcol { padding: 17px; width: 100%; max-width: 16.6666%;}
.giftcardsec_wrap .giftrow .giftbox { height: auto; width: 100%; border-radius: 20px; overflow: hidden;}
.giftcardsec_wrap .giftrow .giftbox img { object-fit: cover; max-width: 100%; max-height: 100%; width: auto; height: auto;}

.footer { padding: 50px 50px 0; background: #1B1D21;}
.footer h3 { color: var(--white); font-size: 18px; font-weight: 700; margin: 0; padding: 0 0 15px 0;}
.footer .fnav { margin: 0; padding: 0;}
.footer .fnav ul { display: block; margin: 0; padding: 0;}
.footer .fnav ul li { margin: 0; padding: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex; align-items: center;
}
.footer .fnav ul li + li { margin: 8px 0 0 0;}
.footer .fnav ul li a { margin: 0; padding: 0; font-size: 14px; color: var(--gray1);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex; align-items: center;
}
.footer .fnav ul li a:hover { color: var(--white);}
.footer .fnav ul li a img { margin: 0 10px 0 0;}
.footer .copyright { margin: 30px 0 0 0; padding: 30px 0; border-top: solid 1px #292C32; text-align: center;}
.footer .copyright p { font-size: 14px; margin: 0; padding: 0; color: var(--gray1);}
.footer .copyright p a { color: var(--gray1);}
.footer .copyright p span.color1 { color: #01D676;}
.footer .copyright p span.color2 { color: #FFFFFF;}
.footer .copyright p span.color3 { color: #F96277;}


.btn-close { position: absolute; right: 14px; top: 14px; background: none; opacity: 1; border: none; box-shadow: none; outline: none; border-radius: 50px; width: 28px; height: 28px; background: var(--white); padding: 0; margin: 0; z-index: 2;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex; align-items: center; justify-content: center;
}
.btn-close:hover { opacity: 1;}
.signinpopup_wrap .modal-dialog { max-width: 768px;}
.signinpopup_wrap .modal-content { background: none; border: none; box-shadow: none; outline: none; border-radius: 0;}
.signinpopup_wrap .modal-body { padding: 0;}
/* .exrtasigninup { position: fixed; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.24); align-items: center; justify-content: center; z-index: 11;} */
.signinup_popup { padding: 29px; background: #24262B; box-shadow: 0 0 40px rgba(0,0,0,0.80); border-radius: 30px; /* width: 768px; */}
.signinup_popup .leftpop { width: 254px; text-align: center;}
.signinup_popup .leftpop h3 { color: var(--white); font-size: 24px; font-weight: 600; margin: 0; padding: 0;}
.signinup_popup .leftpop .imageboxwith { margin: 0;}
.signinup_popup .leftpop .imageboxwith .imgbox { text-align: center;}
.signinup_popup .leftpop .freecointext { height: 43px; justify-content: center; position: relative;}
.signinup_popup .leftpop .freecointext img { width: 278px; height: 105px;}
.signinup_popup .leftpop .freecointext .logobox { position: absolute; left: 0; top: 0; right: 0; height: 43px; align-items: center; justify-content: center;}
.signinup_popup .leftpop .freecointext .logobox img { width: auto; height: auto; max-width: 100%; max-height: 100%;}
.signinup_popup .leftpop .liststep { margin: 20px 0 0 0; position: relative; z-index: 1;}
.signinup_popup .leftpop .liststep ul { display: block; margin: 0; padding: 0;}
.signinup_popup .leftpop .liststep ul li { margin: 0; padding: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex; align-items: center; justify-content: center;
}
.signinup_popup .leftpop .liststep ul li + li { margin: 10px 0 0 0;}
.signinup_popup .leftpop .liststep ul li .roundbox { align-items: center; justify-content: center; width: 20px; height: 20px; border-radius: 30px; background: rgba(34, 214, 118, 0.35); color: var(--green); font-size: 12px; font-weight: 600; margin: 0 7px 0 0;}
.signinup_popup .leftpop .liststep ul li span { display: block; font-size: 12px; color: var(--gray1);}
.signinup_popup .leftpop .possible_four { text-align: center; padding: 20px 0 0 0;}
.signinup_popup .leftpop .possible_four h5 { text-align: center; color: var(--white); font-size: 16px; font-weight: 400; padding: 0 0 10px 0; margin: 0;}
.signinup_popup .leftpop .possibrow { margin: 0 -10px 0;}
.signinup_popup .leftpop .possibrow .possicols { padding: 10px; width: 100%; max-width: 50%;}
.signinup_popup .leftpop .amountbox { width: 100%; height: 94px; border-radius: 10px; align-items: center; justify-content: center; text-align: center;}
.signinup_popup .leftpop .amountbox.color1 { background: rgba(1, 214, 118, 0.09);}
.signinup_popup .leftpop .amountbox.color2 { background: rgba(251, 208, 67, 0.09);}
.signinup_popup .leftpop .amountbox.color3 { background: rgba(249, 98, 118, 0.09);}
.signinup_popup .leftpop .amountbox.color4 { background: rgba(129, 138, 148, 0.09);}
.signinup_popup .leftpop .amountbox img { max-width: 100%; max-height: 100%;}
.signinup_popup .leftpop .amountbox span { font-size: 13px; color: var(--white); font-weight: 600; padding: 7px 0 0 0; display: block; width: 100%; text-align: center;}

.signinup_popup .rightpop { padding: 0 0 0 50px;}
.signinup_popup .rightpop .popuptabnav { margin: 0;}
.signinup_popup .rightpop .popuptabnav ul { margin: 0; padding: 0; border: none; box-shadow: none; opacity: 1; background: none;}
.signinup_popup .rightpop .popuptabnav ul li { display: block; margin: 0; padding: 0; border: none; box-shadow: none; opacity: 1; background: none;}
.signinup_popup .rightpop .popuptabnav ul li + li { margin: 0 0 0 45px;}
.signinup_popup .rightpop .popuptabnav ul li .nav-link { display: block; margin: 0; padding: 0 0 10px 0; border: none; box-shadow: none; opacity: 1; background: none; font-size: 17px; color: #818A94; position: relative;}
.signinup_popup .rightpop .popuptabnav ul li .nav-link::after { content: ''; position: absolute; left: 0; bottom: 0; right: 0; height: 2px; background: var(--green); opacity: 0; visibility: hidden;}
.signinup_popup .rightpop .popuptabnav ul li .nav-link.active { font-weight: 600; color: var(--green);}
.signinup_popup .rightpop .popuptabnav ul li .nav-link.active::after { opacity: 1; visibility: visible;}
.signinup_popup .rightpop .form_row { position: relative; display: block; margin: 26px 0 0 0;}
.signinup_popup .rightpop .form_row .label_text { margin: 0; display: block; padding: 3px 8px; font-weight: 400; position: absolute; left: 17px; top: -10px; line-height: 1.2; background: var(--bodyBG); border-radius: 5px; font-size: 12px; color: var(--white);}
.signinup_popup .rightpop .form_row .input_text { width: 100%; height: 50px; border-radius: 10px; resize: none; background: #1B1D1F; border: none; outline: none; padding: 0 20px 0; color: var(--white); font-size: 14px; font-weight: 400; color: #818A94;}
.signinup_popup .rightpop .form_row .submit_btn { padding: 0 38px 3px; border: none; outline: none; box-shadow: none; height: 50px; border-radius: 10px; background: #353935; color: var(--green); font-size: 14px; font-weight: 600; color: var(--green);}
.signinup_popup .rightpop .form_row .submit_btn:hover { background: var(--green); color: var(--white);}
.signinup_popup .rightpop .form_row.btnbox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex; align-items: center;
}
.signinup_popup .rightpop .form_row .forget_padd { margin: 0 0 0 auto;}
.signinup_popup .rightpop .form_row .forget_padd a { display: block; font-size: 14px; font-weight: 600; color: #818A94; margin: 0; padding: 0;}
.signinup_popup .rightpop .form_row .forget_padd a:hover { color: #ffffff;}
.signinup_popup .rightpop .form_row.termscheckbox { border: none;}
.signinup_popup .rightpop .form_row.termscheckbox label { font-size: 11px; line-height: 18px; color: #818A94; margin: 0; padding: 0 0 0 30px; position: relative; cursor: pointer; display: block;}
.signinup_popup .rightpop .form_row.termscheckbox input[type="checkbox"] { display: none;}
.signinup_popup .rightpop .form_row.termscheckbox label::before { content: ''; width: 23px; height: 23px; border-radius: 6px; border: solid 1px #818A94; position: absolute; left: 0; top: 0;}
.signinup_popup .rightpop .form_row.termscheckbox label::after { content: ''; width: 23px; height: 23px; border-radius: 6px; border: none; position: absolute; left: 0; top: 0; background: url(../images/checkmark.svg) no-repeat center center; opacity: 0; visibility: hidden;}
.signinup_popup .rightpop .form_row.termscheckbox input[type="checkbox"]:checked + label::before { background: var(--green); border-color: var(--green);}
.signinup_popup .rightpop .form_row.termscheckbox input[type="checkbox"]:checked + label::after { opacity: 1; visibility: visible;}
.signinup_popup .rightpop .form_row.termscheckbox label a { color: var(--green);}

.signinup_popup .rightpop .orseprator { margin: 15px 0; justify-content: center; position: relative;}
.signinup_popup .rightpop .orseprator::before { content: ''; display: block; position: absolute; left: 0; top: 50%; right: 0; height: 1px; background: #818A94;}
.signinup_popup .rightpop .orseprator strong { display: block; padding: 0 11px; background: var(--bodyBG); font-size: 14px; color: #818A94; font-weight: 600; position: relative; z-index: 1;}
.signinup_popup .rightpop .moreoption { margin: 0 -8px 0; padding: 0;}
.signinup_popup .rightpop .moreoption [class*="col-"] { padding: 0 8px;}
.signinup_popup .rightpop .moreoption a { width: 100%; font-size: 14px; font-weight: 600; color: var(--white); background: #2D2F35; height: 50px; border-radius: 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex; align-items: center;
}
.signinup_popup .rightpop .moreoption a span { margin: 0 auto 0 0;}
.signinup_popup .rightpop .moreoption a img { margin: 0 34px 0 14px;}
.signinup_popup .rightpop .privacy_bottom { margin: 0; padding: 20px 0 0 0;}
.signinup_popup .rightpop .privacy_bottom p { font-size: 11px; line-height: 18px; color: #818A94; margin: 0; padding: 0;}
.signinup_popup .rightpop .privacy_bottom p a { color: var(--green);}


.howtousepopup_wrap .modal-dialog { max-width: 768px;}
.howtousepopup_wrap .modal-content { border: none; outline: none; background: #24262B; box-shadow: 0 0 40px rgba(0,0,0,0.80); border-radius: 30px;}
.howtousepopup_wrap .modal-body { padding: 38px;}
.howtousepopup_wrap .modal-header { background: #191B1E; border-radius: 30px 30px 0 0; border: none; box-shadow: none; padding: 20px 40px;}
.howtousepopup_wrap .modal-header h5 { font-size: 30px; font-weight: 700; color: var(--white); margin: 0; padding: 0;}
.howtousepopup_wrap .captionbox { margin: 0; padding: 15px 0 0 0; align-items: center;}
.howtousepopup_wrap .captionbox h4 { font-size: 20px; font-weight: 700; margin: 0; padding: 0; color: var(--green);}
.howtousepopup_wrap .captionbox p { font-size: 16px; color: #B6B9BC; font-weight: 400; margin: 0; padding: 0;}
.howtousepopup_wrap .captionbox .startbtn { margin: 0 0 0 auto;}
.howtousepopup_wrap .captionbox .startbtn a { height: 42px; border-radius: 50px; padding: 0 26px; font-size: 18px; font-weight: 600; border: none; color: var(--white); text-shadow: 1px 1px 2px rgba(0,0,0,0.30);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex; align-items: center;
	background: rgb(23,221,115);
	background: -moz-linear-gradient(-45deg,  rgba(23,221,115,1) 0%, rgba(0,159,74,1) 100%);
	background: -webkit-linear-gradient(-45deg,  rgba(23,221,115,1) 0%,rgba(0,159,74,1) 100%);
	background: linear-gradient(135deg,  rgba(23,221,115,1) 0%,rgba(0,159,74,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#17dd73', endColorstr='#009f4a',GradientType=1 );
}
.howtousepopup_wrap .howtoslider_wrap .owl-carousel .owl-nav { position: absolute; left: -15px; top: 0; right: -15px; top: calc(50% - 50px); height: 0; align-items: center; justify-content: space-between;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.howtousepopup_wrap .howtoslider_wrap .owl-carousel .owl-nav button { width: 30px; height: 30px; border: solid 1px var(--gray1); box-shadow: none; outline: none; cursor: pointer; background: #24262B	; border-radius: 50px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex; align-items: center; justify-content: center;
}
.howtousepopup_wrap .howtoslider_wrap .owl-carousel .owl-dots { padding: 15px 0 0 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex; align-items: center; justify-content: center;
}
.howtousepopup_wrap .howtoslider_wrap .owl-carousel .owl-dots button { margin: 0; padding: 0; opacity: 1; outline: none; border: none; box-shadow: none;}
.howtousepopup_wrap .howtoslider_wrap .owl-carousel .owl-dots button + button { margin: 0 0 0 10px;}
.howtousepopup_wrap .howtoslider_wrap .owl-carousel .owl-dots button span { width: 10px; height: 10px; display: block; border-radius: 10px; background: #818A94;}
.howtousepopup_wrap .howtoslider_wrap .owl-carousel .owl-dots button.active span { background: var(--green);}



.page_title { align-items: center; padding: 0 0 40px 0;}
.page_title img { margin: 0 25px 0 0;}
.page_title h2 { font-size: 36px; font-weight: 700; margin: 0; padding: 0; color: var(--white);}

.profile_sec1 { margin: 0;}
.profile_sec1 .row { margin: 0 -10px;}
.profile_sec1 .row [class*="col-"] { padding: 0 10px;}
.profile_sec1 .pbox1 { padding: 24px; background: #191B1E; border-radius: 30px; position: relative; height: 100%;}
.profile_sec1 .pbox1 .imgtextrow { align-items: center;}
.profile_sec1 .pbox1 .avatarbox { width: 66px; height: 66px; border-radius: 20px; align-items: center; justify-content: center; color: var(--white); font-size: 36px; font-weight: 700; margin: 0 20px 0 0;}
.profile_sec1 .pbox1 .proinfo { margin: 0; align-items: center;}
.profile_sec1 .pbox1 .proinfo .namebox { color: var(--white); font-size: 26px; font-weight: 500; margin: 0; padding: 0; align-items: center;}
.profile_sec1 .pbox1 .proinfo .namebox a { display: block; margin: 0 0 0 35px;}
.profile_sec1 .pbox1 .proinfo .namebox a img { vertical-align: top; float: left;}
.profile_sec1 .pbox1 .proinfo .metainfo { color: #818A94; font-size: 18px; font-weight: 400;}
.profile_sec1 .pbox1 .bottompart { margin: 22px -24px 0; padding: 20px 24px 0; align-items: center; border-top: solid 1px #24262B;}
.profile_sec1 .pbox1 .bottompart .publicvis { font-size: 24px; color: #818A94; font-weight: 500; margin: 0; padding: 0;}
.profile_sec1 .pbox1 .bottompart .checkwrap { align-items: center; margin: 0 0 0 auto; border-radius: 100px; overflow: hidden;}
.profile_sec1 .pbox1 .bottompart .checkwrap .check_in { width: 93px;}
.profile_sec1 .pbox1 .bottompart .checkwrap input[type="radio"] { display: none;}
.profile_sec1 .pbox1 .bottompart .checkwrap label { background: #34373F;height: 40px; width: 100%; color: #818A94; font-size: 16px; font-weight: 600; cursor: pointer;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex; align-items: center; justify-content: center;
}
.profile_sec1 .pbox1 .bottompart .checkwrap input[type="radio"]:checked + label { background-color: var(--pink); color: var(--white);}

.profile_sec1 .pbox2 { padding: 20px; background: #191B1E; border-radius: 30px; position: relative; height: 100%; align-items: center; justify-content: flex-start;}
.profile_sec1 .pbox2 .iconbox { margin: 0;}
.profile_sec1 .pbox2 .numberbox { text-align: center; color: var(--green); font-size: 38px; font-weight: 500; margin: 0; padding: 10px 0; width: 100%; line-height: 1.1;}
.profile_sec1 .pbox2 .disbox { text-align: center; font-size: 21px; color: #818A94; font-weight: 500; width: 100%; line-height: 1.1;}

.profile_sec2 { margin: 50px 0 0 0;}
.profile_sec2 .titlebgbox_wrap { position: relative; align-items: flex-end; overflow: hidden;}
.profile_sec2 .titlebgbox { position: relative; align-items: center; background: var(--cardBG); border-radius: 20px 0 0 0; padding: 18px 0px;}
.profile_sec2 .titlebgbox .shapebox { position: absolute; left: 100%; top: 0; width: 86px; height: 112px;}
.profile_sec2 .titlebgbox .iconbox { margin: 0 7px 0 0;}
.profile_sec2 .titlebgbox .detailbox { margin: 0;}
.profile_sec2 .titlebgbox h2 { font-size: 30px; color: var(--white); font-weight: 700; margin: 0; padding: 0; font-style: italic;}
.profile_sec2 .titlebgbox h2 span { color: var(--green);}
.profile_sec2 .titlebgbox p { color: #7E8791; font-size: 14px; margin: 0; padding: 5px 0 0 0;}
.profile_sec2 .ps2_sec_in { padding: 17px 33px; border-radius: 0 30px 30px 30px; background: var(--cardBG);}
.profile_sec2 .ps2_tabnav { margin: 0;}
.profile_sec2 .ps2_tabnav .nav-tabs { margin: 0; padding: 0; border: none; box-shadow: none;}
.profile_sec2 .ps2_tabnav .nav-tabs li { display: block; margin: 0; padding: 0;}
.profile_sec2 .ps2_tabnav .nav-tabs li + li { border-left: solid 1px #24262B;}
.profile_sec2 .ps2_tabnav .nav-tabs li .nav-link { height: auto; line-height: normal; padding: 0 30px; height: 40px; font-size: 24px; font-weight: 500; color: #818A94; border: none; background: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex; align-items: center;
}
.profile_sec2 .ps2_tabnav .nav-tabs li .nav-link svg { margin: 0 10px 0 0;}
.profile_sec2 .ps2_tabnav .nav-tabs li .nav-link.active { color: var(--green); font-weight: 700;}
.profile_sec2 .ps2_tabnav .nav-tabs li .nav-link.active svg *:not(.dollar) { fill: var(--green);}
.profile_sec2 .general_tabinfo { margin: 0;}
.profile_sec2 .general_tabinfo .gene_row { align-items: center; padding: 15px 0;}
.profile_sec2 .general_tabinfo .gene_row + .gene_row{ border-top: solid 1px #24262B;}
.profile_sec2 .general_tabinfo .labelbox { font-size: 16px; color: #818A94; font-weight: 500; margin: 0; padding: 0;}
.profile_sec2 .general_tabinfo .valuebox { font-size: 16px; color: var(--green); font-weight: 700; margin: 0 0 0 auto; padding: 0; text-align: right;}

.profile_sec2 .earning_tab_nav {}
.profile_sec2 .earning_tab_nav { margin: 0 0 20px 0;}
.profile_sec2 .earning_tab_nav .nav-tabs { margin: 0; padding: 0; border: none; box-shadow: none;}
.profile_sec2 .earning_tab_nav .nav-tabs li { display: block; margin: 0; padding: 0;}
.profile_sec2 .earning_tab_nav .nav-tabs li + li { margin: 0 0 0 10px;}
.profile_sec2 .earning_tab_nav .nav-tabs li .nav-link { height: auto; line-height: normal; padding: 0 30px; height: 50px; font-size: 16px; font-weight: 700; color: var(--white); border: none; background: #34373F; border-radius: 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex; align-items: center;
}
.profile_sec2 .earning_tab_nav .nav-tabs li .nav-link svg { margin: 0 10px 0 0;}
.profile_sec2 .earning_tab_nav .nav-tabs li .nav-link.active { color: var(--green); background: #191B1E; box-shadow: 0 0 4px rgba(34, 216, 113, 0.33);}
.profile_sec2 .earning_tab_nav .nav-tabs li .nav-link.active svg *:not(.dollar) { fill: var(--green);}
.profile_sec2 .earning_tabdetail { padding: 10px; background: #24262B; border-radius: 20px;}
.profile_sec2 .earning_tabdetail .earn_tabnav {}
.profile_sec2 .earning_tabdetail .earn_tabnav .nav-tabs { margin: 0; padding: 0; border: none; box-shadow: none; background: #1E2024; border-radius: 100px;}
.profile_sec2 .earning_tabdetail .earn_tabnav .nav-tabs li { display: block; margin: 0; padding: 0;}
.profile_sec2 .earning_tabdetail .earn_tabnav .nav-tabs li + li { margin: 0;}
.profile_sec2 .earning_tabdetail .earn_tabnav .nav-tabs li .nav-link { height: auto; line-height: normal; padding: 0 30px 4px; height: 40px; font-size: 14px; font-weight: 500; color: var(--white); border: none; background: none; border-radius: 100px; line-height: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex; align-items: center;
}
.profile_sec2 .earning_tabdetail .earn_tabnav .nav-tabs li .nav-link.active { color: var(--yellow); background: #141619;}
.profile_sec2 .tableboxwrap { margin: 14px 0 0 0;}
.profile_sec2 .tableboxwrap .theadrow { background: #191B1E; width: 100%; border-radius: 10px;}
.profile_sec2 .tableboxwrap .tcolbox { width: 100%; max-width: 20%; padding: 0 20px; line-height: 1.1; font-size: 14px; color: #818A94; font-weight: 300;}
.profile_sec2 .tableboxwrap .theadrow .tcolbox { height: 50px; line-height: 50px; color: var(--white); font-size: 14px; font-weight: 700;}
.profile_sec2 .tableboxwrap .tbodyrow { margin: 0; padding: 20px 0;}
.profile_sec2 .tableboxwrap .tbodyrow + .tbodyrow { border-top: solid 1px #2E3033;}
.profile_sec2 .rightselect { margin: 0 0 0 auto; align-items: center;}
.profile_sec2 .rightselect label { font-weight: 300; color: #818A94; font-size: 14px; white-space: nowrap; margin: 0 15px 0 0;}
.profile_sec2 .rightselect .offerwallselect { width: 222px; height: 40px; background: #34373F; border-radius: 60px; border: none; outline: none; padding: 0 20px 0 16px; font-size: 14px; color: var(--green); font-weight: 500;}

.faq_sec_wrap { margin: 50px 0 0 0;}
.faq_sec_wrap .faq_tabnav { margin: 0 0 20px 0;}
.faq_sec_wrap .faq_tabnav .nav-tabs { margin: 0; padding: 0; border: none; box-shadow: none;}
.faq_sec_wrap .faq_tabnav .nav-tabs li { display: block; margin: 0; padding: 0;}
.faq_sec_wrap .faq_tabnav .nav-tabs li + li { margin: 0 0 0 10px;}
.faq_sec_wrap .faq_tabnav .nav-tabs li .nav-link { height: auto; line-height: normal; padding: 0 30px; height: 50px; font-size: 16px; font-weight: 700; color: var(--white); border: none; background: #34373F; border-radius: 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex; align-items: center;
}
.faq_sec_wrap .faq_tabnav .nav-tabs li .nav-link svg { margin: 0 10px 0 0;}
.faq_sec_wrap .faq_tabnav .nav-tabs li .nav-link.active { color: var(--green); background: #191B1E; box-shadow: 0 0 4px rgba(34, 216, 113, 0.33);}
.faq_sec_wrap .faq_tabnav .nav-tabs li .nav-link.active svg *:not(.dollar) { fill: var(--green);}
.faq_sec_wrap .fawtabwrap { padding: 0;}
.faq_sec_wrap .faqaccsec { margin: 0;}
.faq_sec_wrap .faqaccsec .accordion-item { margin: 0; padding: 0; border: none; background: #191B1E; border-radius: 10px; overflow: hidden;}
.faq_sec_wrap .faqaccsec .accordion-item + .accordion-item { margin: 10px 0 0 0;}
.faq_sec_wrap .faqaccsec .accordion-item h2 { font-size: 19px; color: var(--white); font-weight: 700; padding: 0; background: none; box-shadow: none; outline: none;}
.faq_sec_wrap .faqaccsec .accordion-item h2 button { background: none; box-shadow: none; outline: none; padding: 16px 30px; color: var(--white); border-radius: 0; font-size: 19px; color: var(--white); font-weight: 700;}
.faq_sec_wrap .faqaccsec .accordion-body { padding: 15px 30px 20px; font-size: 15px; color: #818A94; font-weight: 400; margin: 0;}
.page_title.flxrow.faq_tit {
    padding-top: 0;
    padding-bottom: 0;
}


.leader_tab_nav {}
.leader_tab_nav .nav-tabs { margin: 0; padding: 0; border: none; box-shadow: none; border-radius: 0; background: none;}
.leader_tab_nav .nav-tabs .nav-item { margin: 0; padding: 0; border: none; box-shadow: none; border-radius: 0; background: none;}
.leader_tab_nav .nav-tabs .nav-item + .nav-item { margin: 0 0 0 20px;}
.leader_tab_nav .nav-tabs .nav-item .nav-link { margin: 0; padding: 0 22px; background: #34373F; border-radius: 10px; outline: none; box-shadow: none; height: 50px; font-size: 18px; color: #818A94; font-weight: 400; border: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex; align-items: center;
}
.leader_tab_nav .nav-tabs .nav-item .nav-link.active { color: var(--green); font-weight: 700; background: #191B1E;}

.leader_top_wrap { margin: 20px 0 0 0; padding: 0;}
.leader_top_wrap .intop1 { text-align: center;}
.leader_top_wrap .intop1 h6 { font-size: 28px; color: var(--green); font-weight: 700; margin: 0; padding: 0; text-transform: uppercase;}
.leader_top_wrap .intop1 .ribbonboxwrap { justify-content: center; margin: 5px 0 0 0;}
.leader_top_wrap .intop1 .in_ribbonbox { align-items: flex-start; justify-content: center;}
.leader_top_wrap .intop1 .in_ribbonbox .left_shade,
.leader_top_wrap .intop1 .in_ribbonbox .right_shade { margin: 13px 0 0 0;}
.leader_top_wrap .intop1 .in_ribbonbox .left_shade img,
.leader_top_wrap .intop1 .in_ribbonbox .right_shade img { float: left; max-width: 100%; max-height: 100%;}
.leader_top_wrap .intop1 .in_ribbonbox .middpart { height: 64px; padding: 0 35px; align-items: center; justify-content: center; white-space: nowrap; background: url(../images/middle_gradient.svg) no-repeat center center; background-size: cover; position: relative; z-index: 1; margin: 0 -22px; font-size: 48px; font-weight: 900; color: #000000; text-transform: uppercase; text-shadow: 1px 1px 1px var(--yellow);}

.leader_steps_wrap { margin: 170px 0 0 0;}
.leader_steps_wrap .leaderstepsrow { justify-content: center; align-items: flex-start;}
.leader_steps_wrap .leader_step_box { background: #191B1E; padding: 15px; border-radius: 20px; width: 100%; max-width: 280px; align-items: center; margin: 0 20px;}
.leader_steps_wrap .leader_step_box.place_1 { margin-top: -80px; order: 2;}
.leader_steps_wrap .leader_step_box.place_2 { order: 1;}
.leader_steps_wrap .leader_step_box.place_3 { order: 3;}
.leader_steps_wrap .leader_step_box .price_trophy { margin: -78px auto 0;}
.leader_steps_wrap .leader_step_box .usericon { width: 47px; height: 47px; overflow: hidden; border-radius: 14px; border: solid 1px #24262B; margin: 10px 0 0 0;}
.leader_steps_wrap .leader_step_box .usericon img { object-fit: cover;}
.leader_steps_wrap .leader_step_box .username { width: 100%; font-size: 12px; color: var(--white); text-align: center; line-height: 1.2; font-weight: 400; padding: 5px 0 0 0;}
.leader_steps_wrap .leader_step_box .userpoints { width: 100%; font-size: 14px; color: #B6B9BC; font-weight: 700; text-align: center;}
.leader_steps_wrap .leader_step_box .earnedcoind { width: 100%; border-radius: 10px; min-height: 216px; position: relative;
	background: rgb(37,40,44); align-items: flex-end; justify-content: center; padding: 20px; margin: 20px 0 0 0;
	background: -moz-linear-gradient(top,  rgba(37,40,44,1) 0%, rgba(25,27,30,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(37,40,44,1) 0%,rgba(25,27,30,1) 100%);
	background: linear-gradient(to bottom,  rgba(37,40,44,1) 0%,rgba(25,27,30,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#25282c', endColorstr='#191b1e',GradientType=0 );
}
.leader_steps_wrap .leader_step_box .earnedcoind img { max-width: 100%; max-height: 100%;}
.leader_steps_wrap .leader_step_box .amountbox { justify-content: center; position: absolute; left: 0; top: -11px; right: 0;}
.leader_steps_wrap .leader_step_box .amountbox .in_amount { background: var(--green); height: 22px; border-radius: 20px; font-size: 12px; line-height: 1; font-weight: 700; color: #191B1E; align-items: center; padding: 0 4px;}
.leader_steps_wrap .leader_step_box .amountbox .in_amount img { float: left;}

.leader_end_in { margin: 0;}
.leader_end_in .endinwrap { justify-content: center; margin: -50px 0 0 0;}
.leader_end_in .endinwrap h6 { font-size: 17px; color: var(--yellow); text-transform: uppercase; font-weight: 700; text-align: center; margin: 0; padding: 0;}
.leader_end_in .endinwrap .in_endsin { align-items: center; justify-content: center;}
.leader_end_in .endinwrap .timebox { align-items: center; border: solid 1px #454749; border-radius: 100px; padding: 7px; margin: 6px 0 0 0;}
.leader_end_in .endinwrap .timebox .timecol { font-weight: 600; color: #6B6E71; font-size: 16px; text-transform: uppercase; padding: 0 10px; line-height: 1.4; }
.leader_end_in .endinwrap .timebox .timecol + .timecol { border-left: dashed 1px rgba(112, 112, 112, 0.44);}
.leader_end_in .endinwrap .timebox .timecol span { color: var(--white);}
.leader_end_in .notewrap { justify-content: center; margin: 20px 0 0 0;}
.leader_end_in .notewrap .notebox { font-size: 17px; color: #B6B9BC; font-weight: 400; background: #1E2024; border-radius: 50px; padding: 10px 30px;}
.leader_end_in .notewrap .notebox span { color: var(--green); font-weight: 700;}

.leader_rank_listing { margin: 42px 0 0 0;}
.leader_rank_listing .lead_tablebox { margin: 0; border-radius: 20px; overflow: hidden; background: #1E2024;}
.leader_rank_listing .lead_tablebox .tablehead { background: #191B1E; border-radius: 20px 20px 0 0; padding: 20px 0;}
.leader_rank_listing .lead_tablebox .tablehead .tablecol { font-size: 20px; font-weight: 600; color: #B6B9BC;}
.leader_rank_listing .lead_tablebox .tablebody { padding: 16px 0;}
.leader_rank_listing .lead_tablebox .tablebody + .tablebody { border-top: solid 3px #24262B;}
.leader_rank_listing .lead_tablebox .tablecol { font-size: 18px; width: 100%; max-width: 25%; padding: 0 30px; color: var(--white);}
.leader_rank_listing .lead_tablebox .tablecol.rankcol { color: var(--yellow);}
.leader_rank_listing .lead_tablebox .tablecol.prizecol { text-align: right;}
.leader_rank_listing .lead_tablebox .tablebody .tablecol.prizecol { color: var(--green);}



.commonpopup_wrap .modal-dialog { max-width: 920px;}
.commonpopup_wrap .modal-content { border: none; outline: none; background: #24262B; box-shadow: 0 0 40px rgba(0,0,0,0.80); border-radius: 30px;}
.commonpopup_wrap .modal-body { padding: 38px;}
.commonpopup_wrap .modal-header { background: #191B1E; border-radius: 30px 30px 0 0; border: none; box-shadow: none; padding: 20px 40px;}
.commonpopup_wrap .modal-header h5 { font-size: 30px; font-weight: 700; color: var(--white); margin: 0; padding: 0;}
.commonpopup_wrap .modal-header .popheadright { align-items: center; padding: 0 20px 0 0;}
.commonpopup_wrap .modal-header .coinbundle { align-items: center; font-size: 15px; color: var(--white); font-weight: 700;}
.commonpopup_wrap .modal-header .coinbundle img { margin: 0 10px 0 0;}
.commonpopup_wrap .startbtn { margin: 0 0 0 20px;}
.commonpopup_wrap .startbtn a { height: 50px; border-radius: 50px; padding: 0 30px; font-size: 15px; font-weight: 700; border: none; color: var(--white); text-shadow: 1px 1px 2px rgba(0,0,0,0.30);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex; align-items: center;
	background: rgb(23,221,115);
	background: -moz-linear-gradient(-45deg,  rgba(23,221,115,1) 0%, rgba(0,159,74,1) 100%);
	background: -webkit-linear-gradient(-45deg,  rgba(23,221,115,1) 0%,rgba(0,159,74,1) 100%);
	background: linear-gradient(135deg,  rgba(23,221,115,1) 0%,rgba(0,159,74,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#17dd73', endColorstr='#009f4a',GradientType=1 );
}
.commonpopup_wrap .modal-body h6 { font-size: 18px; font-weight: 700; margin: 0; padding: 0; color: var(--green);}
.commonpopup_wrap .modal-body p { font-size: 14px; color: #B6B9BC; font-weight: 400; margin: 0; padding: 10px 0 0 0;}
.commonpopup_wrap .modal-body p + h6 { padding: 25px 0 0 0;}
.commonpopup_wrap .modal-body ol { display: block; margin: 0; padding: 5px 0 0 0;}
.commonpopup_wrap .modal-body ol li { font-size: 14px; color: #B6B9BC; font-weight: 400; margin: 0; padding: 10px 0 0 0;}

.commonpopup_wrap.offerwallpopup .modal-body { padding: 25px; text-align: center;}
.commonpopup_wrap.offerwallpopup .modal-body img { max-width: 100%;}
.commonpopup_wrap.offerwallpopup .modal-header img { margin: 0 auto 0 18px;}




.cashoutamazon { margin: 0 0 0 0; padding: 0;}
.cashoutamazon .titlebgbox_wrap { position: relative; align-items: flex-end; overflow: hidden;}
.cashoutamazon .titlebgbox { position: relative; align-items: center; background: var(--cardBG); border-radius: 20px 0 0 0; padding: 11px 0 10px 17px;}
.cashoutamazon .titlebgbox .shapebox { position: absolute; left: 100%; top: 0; width: 86px; height: 112px;}
.cashoutamazon .titlebgbox .iconbox { margin: 0 7px 0 0;}
.cashoutamazon .titlebgbox .detailbox { margin: 0;}
.cashoutamazon .titlebgbox h2 { font-size: 30px; color: var(--white); font-weight: 700; margin: 0; padding: 0; font-style: italic;}
.cashoutamazon .titlebgbox h2 span { color: var(--green);}
.cashoutamazon .titlebgbox p { color: #7E8791; font-size: 14px; margin: 0; padding: 5px 0 0 0;}
.cashoutamazon .wallslwrap { padding: 17px 30px; border-radius: 0 30px 30px 30px; background: var(--cardBG);}
.cashoutamazon .logobox { height: 120px; width: 100%; align-items: center; justify-content: center; border-radius: 20px; background: var(--leftbarBG);}
.cashoutamazon .logobox img { width: auto; height: auto; max-width: 100%; max-height: 100%;}
.cashoutamazon .logobox.greendark { background: #11271E;}
.cashoutamazon .rightpart { margin: 0 0 0 auto; padding: 0 0 14px 0; align-items: center;}
.cashoutamazon .rightpart .labelbox { margin: 0 10px 0 0; padding: 0 15px; height: 30px; border-radius: 50px; background: var(--cardBG); color: var(--gray1); font-size: 12px; font-weight: 700; align-items: center;}
.cashoutamazon .rightpart .labelbox span { color: var(--green); margin: 0 3px 0 0;}
.cashoutamazon .rightpart .labelbox img { margin: 0 5px 0 0;}
.cashoutamazon .rightpart .selectcountry { margin: 0 0 0 30px; position: relative;}
.cashoutamazon .rightpart .selectcountry .countryflag { position: absolute; left: 7px; top: 7px; bottom: 7px; width: 40px; height: 40px; border-radius: 100px; overflow: hidden; z-index: 1; pointer-events: none;}
.cashoutamazon .rightpart .selectcountry .countryflag img { object-fit: cover; width: 100%; height: 100%;}
.cashoutamazon .rightpart .selectcountry select { height: 54px; background: #34373F; border: none; outline: none; border-radius: 100px; width: 257px; font-size: 18px; font-weight: 600; color: var(--white); padding: 0 0 0 62px;}
.cashoutamazon .giftrow { margin: 0 -17px;}
.cashoutamazon .giftrow .giftcol { padding: 17px; width: 100%; max-width: 16.6666%;}
.cashoutamazon .giftrow .giftbox { height: 120px; width: 100%; border-radius: 20px; position: relative;}
.cashoutamazon .giftrow .giftbox img { object-fit: cover; width: 100%; height: 100%; border-radius: 20px;}
.cashoutamazon .giftrow .giftbox input[type="checkbox"] { display: none;}
.cashoutamazon .giftrow .giftbox label { display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; border-radius: 20px; cursor: pointer;}
.cashoutamazon .giftrow .giftbox label::after { content: ''; width: 24px; height: 24px; left: 8px; top: 8px; position: absolute; background: url(../images/check_ok.svg); opacity: 0; visibility: hidden; pointer-events: none;}
.cashoutamazon .giftrow .giftbox input[type="checkbox"]:checked + label { box-shadow: 0 0 6px rgba(34, 212, 120, 0.55);}
.cashoutamazon .giftrow .giftbox input[type="checkbox"]:checked + label::after { visibility: visible; opacity: 1;}

.cashoutamazon .sepratoebox { margin: 0 -31px 0;}
.cashoutamazon .sepratoebox img { width: 100%; height: auto;}
.cashoutamazon .cashbottom { margin: 0;}
.cashoutamazon .cashbrow { margin: 0 -17px; align-items: center;}
.cashoutamazon .cashbrow .cashbcol { padding: 17px; width: 100%; max-width: 16.6666%;}
.cashoutamazon .cashbrow .cashbox { height: auto; width: 100%; border-radius: 20px; position: relative;}
.cashbox .topline { align-items: center; font-size: 18px; color: #B6B9BC; font-weight: 400; padding: 0 0 10px 0; line-height: 1;}
.cashbox .topline .txt1 { margin: 0;}
.cashbox .topline .txt2 { margin: 0 0 0 auto;}
.cashbox .mainline { background: #34373F; border-radius: 11px; padding: 15px 22px 15px 11px; align-items: center; font-size: 16px; font-weight: 600; color: var(--green);}
.cashbox .mainline .coinprice { margin: 0; align-items: center;}
.cashbox .mainline .coinprice img { margin: 0 7px 0 0;}
.cashbox .mainline .coinright { margin: 0 0 0 auto;}
.cashoutamazon .cashbottom .mnstartbtn { align-items: center; justify-content: center; padding: 0 17px; margin: 0 0 0 auto; width: auto;}
.cashoutamazon .cashbottom .mnstartbtn a { height: 56px; border-radius: 50px; padding: 0 26px; font-size: 22px; font-weight: 600; border: none; color: var(--white); box-shadow: 0 0 10px rgba(126, 255, 152, 0.24); text-shadow: 1px 1px 2px rgba(0,0,0,0.30);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex; align-items: center;
	background: rgb(23,221,115);
	background: -moz-linear-gradient(-45deg,  rgba(23,221,115,1) 0%, rgba(0,159,74,1) 100%);
	background: -webkit-linear-gradient(-45deg,  rgba(23,221,115,1) 0%,rgba(0,159,74,1) 100%);
	background: linear-gradient(135deg,  rgba(23,221,115,1) 0%,rgba(0,159,74,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#17dd73', endColorstr='#009f4a',GradientType=1 );
}


.commonpopup_wrap .your_refferel { align-items: center; padding: 20px 0 0 0;}
.commonpopup_wrap .your_refferel .labelboxref { color: var(--white); font-size: 14px; font-weight: 700; padding: 0 5px 0 0;}
.commonpopup_wrap .your_refferel .linktext { font-size: 14px; color: #B2B4B7; font-weight: 400; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.commonpopup_wrap .your_refferel .btnbox { align-items: center; margin: 0 0 0 35px;}
.commonpopup_wrap .your_refferel .btnbox a { display: block;}
.commonpopup_wrap .your_refferel .btnbox a + a { margin: 0 0 0 24px;}
.commonpopup_wrap .your_refferel .btnbox a img { float: left;}
.commonpopup_wrap .ref_form form { display: block;}
.commonpopup_wrap .changerefcode { align-items: center; margin: 20px 0 0 0; box-shadow: 0 3px 6px rgba(0,0,0,0.16); border-radius: 10px;}
.commonpopup_wrap .changerefcode .input_text { border-radius: 10px 0 0 10px; height: 50px; background: #34363B; border: none; padding: 0 20px; outline: none; box-shadow: none; font-size: 14px; color: #636469;}
.commonpopup_wrap .changerefcode .ref_btn { height: 50px; border-radius: 0 10px 10px 0; background: var(--green); border: none; color: var(--white); font-size: 16px; font-weight: 700; padding: 0 34px; width: auto;}
.commonpopup_wrap .ref_bottom_btn { margin: 27px -13px 0;}
.commonpopup_wrap .ref_bottom_btn .refbot_col { padding: 0 13px; max-width: 50%; width: 100%;}
.commonpopup_wrap .ref_bottom_btn .refbotbtn { height: 50px; align-items: center; padding: 0 20px; border-radius: 10px; color: var(--white); font-size: 14px; font-weight: 700; background: #34363B;}
.commonpopup_wrap .ref_bottom_btn .refbotbtn strong { font-weight: 700; font-size: 18px; color: var(--green); padding: 0 0 0 5px;}
.commonpopup_wrap.affiliatespopup .modal-dialog { max-width: 650px;}
.commonpopup_wrap.affiliatespopup .modal-body p { padding: 0;}
.commonpopup_wrap.affiliatespopup .modal-body p + p { padding: 10px 0 0 0;}

.chatboard_wrp { position: fixed; top: 90px; right: 0; width: 322px; background: var(--leftbarBG); bottom: 0; box-shadow: 0 0 10px rgba(0,0,0,0.26); z-index: 5;
	transform: translateX(100%);
}
.chat_open .chatboard_wrp {
	transform: translateX(0%);
}
.chatboard_wrp .chattitle { align-items: center; background: #191B1E; padding: 17px 20px 17px 15px;}
.chatboard_wrp .chattitle h4 { color: var(--green); font-size: 18px; font-weight: 700; margin: 0 auto 0 0; padding: 0;}
.chatboard_wrp .chattitle a.closechat { display: block; margin: 0 0 0 auto;}
.chatboard_wrp .chattitle a.closechat img { float: left;}
.chatboard_wrp .chatwrapmain { overflow: auto; padding: 16px;}
.chatboard_wrp .chatrow { width: 100%; background: #282A2F; padding: 9px; border-radius: 10px;}
.chatboard_wrp .chatrow + .chatrow { margin: 12px 0 0 0;}
.chatboard_wrp .chatrow .chatmeta_top { align-items: center; width: 100%;}
.chatboard_wrp .chatrow .useravatar { width: 26px; height: 26px; align-items: center; justify-content: center; border-radius: 100px; background: #191B1E; color: var(--green); font-size: 14px; font-weight: 700; text-transform: uppercase; margin: 0 9px 0 0;}
.chatboard_wrp .chatrow .namebox { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color: var(--white); font-size: 13px; font-weight: 700;}
.chatboard_wrp .chatrow .timebox { white-space: nowrap; font-size: 11px; color: #6E6E6E; padding: 0 3px 0 15px;}
.chatboard_wrp .chatrow p { font-size: 12px; line-height: 1.2; color: #A7A7A7; margin: 0; padding: 12px 0 0 0;}
.chatboard_wrp .chatbottommain { margin: 0; padding: 16px 16px 0;}
.chatboard_wrp .chatbottommain .chat_input_wrap { position: relative;}
.chatboard_wrp .chatbottommain .chat_input_wrap .emoji_trigger { position: absolute; right: 8px; bottom: 6px; display: block;}
.chatboard_wrp .chatbottommain .chat_input_wrap .emoji_trigger img { float: left;}
.chatboard_wrp .chatbottommain .chat_input_wrap .emoji_trigger a { display: block; float: left;}
.chatboard_wrp .chatbottommain .input_area { width: 100%; height: 70px; background: #121417; border-radius: 10px; padding: 10px; resize: none; border: none; outline: none; box-shadow: none; font-size: 12px; color: #6E6E6E; vertical-align: top;}
.chatboard_wrp .chatbottommain .online_row { padding: 7px 0 11px 0; align-items: center; font-size: 14px; font-weight: 700; color: var(--white);}
.chatboard_wrp .chatbottommain .online_row img { vertical-align: top; margin: 0 10px 0 0;}


/* Added on 5-9-2022 : Start */
.reward_sec1 { margin: 0;}
.reward_sec1 .pbox2 { padding: 20px; background: #191B1E; border-radius: 30px; position: relative; height: 100%; align-items: center; justify-content: flex-start;}
.reward_sec1 .pbox2 .iconbox { margin: 0;}
.reward_sec1 .pbox2 .numberbox { text-align: center; color: var(--green); font-size: 38px; font-weight: 500; margin: 0; padding: 10px 0; width: 100%; line-height: 1.1;}
.reward_sec1 .pbox2 .disbox { text-align: center; font-size: 21px; color: #818A94; font-weight: 500; width: 100%; line-height: 1.1;}
.reward_refferal { background: #191B1E; padding: 20px; border-radius: 30px; position: relative; height: 100%;}
.reward_refferal h3 { font-size: 21px;}
.reward_refferal .your_refferel { align-items: center; padding: 20px 0 0 0;}
.reward_refferal .your_refferel .labelboxref { color: var(--white); font-size: 14px; font-weight: 700; padding: 0 5px 0 0;}
.reward_refferal .your_refferel .linktext { font-size: 14px; color: #B2B4B7; font-weight: 400; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.reward_refferal .your_refferel .btnbox { align-items: center; margin: 0 0 0 35px;}
.reward_refferal .your_refferel .btnbox a { display: block;}
.reward_refferal .your_refferel .btnbox a + a { margin: 0 0 0 24px;}
.reward_refferal .your_refferel .btnbox a img { float: left;}
.reward_refferal .ref_form { margin: auto 0 0 0;}
.reward_refferal .ref_form form { display: block;}
.reward_refferal .changerefcode { align-items: center; margin: 20px 0 0 0; box-shadow: 0 3px 6px rgba(0,0,0,0.16); border-radius: 10px;}
.reward_refferal .changerefcode .input_text { border-radius: 10px 0 0 10px; height: 50px; background: #34363B; border: none; padding: 0 20px; outline: none; box-shadow: none; font-size: 14px; color: #636469;}
.reward_refferal .changerefcode .ref_btn { height: 50px; border-radius: 0 10px 10px 0; background: var(--green); border: none; color: var(--white); font-size: 16px; font-weight: 700; padding: 0 34px; width: auto; margin: auto 0 0 0;}
.reward_topwin { background: #191B1E; padding: 20px; border-radius: 30px; position: relative; height: 100%;}
.reward_topwin h3 { font-size: 21px;}
.reward_topwin .topwinrow { align-items: flex-start; justify-content: space-between;}
.reward_topwin .topwinrow .topwincol { max-width: 33.3333%; width: 100%; }
.reward_topwin .topwinrow .topwinbox { justify-content: center; align-items: center; margin: 20px 0 0 0;}
.reward_topwin .topwinrow .cointbox { justify-content: center;}
.reward_topwin .topwinrow .cointbox .in_cointbox { background: #01D676; height: 22px; border-radius: 50px; width: 75px; font-weight: 800; color: #191B1E; font-size: 12px; align-items: center; padding: 0 4px;}
.reward_topwin .topwinrow .cointbox .in_cointbox img { margin: 0;}
.reward_topwin .topwinrow .cointbox .in_cointbox span { margin: 0 auto;}
.reward_topwin .topwinrow .namebox { color: #ffffff; font-size: 13px; font-weight: 400; margin: 0; padding: 5px 0 0 0; text-align: center;}


.reward_sec2 { margin: 45px 0 0 0; padding: 0;}
.reward_sec2 .titlebgbox_wrap { position: relative; align-items: flex-end; overflow: hidden;}
.reward_sec2 .titlebgbox { position: relative; align-items: center; background: var(--cardBG); border-radius: 20px 0 0 0; padding: 16px 0 15px 27px;}
.reward_sec2 .titlebgbox .shapebox { position: absolute; left: 100%; top: 0; width: 86px; height: 112px;}
.reward_sec2 .titlebgbox .iconbox { margin: 0 7px 0 0;}
.reward_sec2 .titlebgbox .detailbox { margin: 0;}
.reward_sec2 .titlebgbox h2 { font-size: 30px; color: var(--white); font-weight: 700; margin: 0; padding: 0; font-style: italic;}
.reward_sec2 .titlebgbox h2 span { color: var(--yellow);}
.reward_sec2 .titlebgbox p { color: #7E8791; font-size: 14px; margin: 0; padding: 5px 0 0 0;}
.reward_sec2 .rightpart { margin: 0 0 0 auto; padding: 0 0 14px 0; align-items: center;}
.reward_sec2 .rightpart .labelbox { margin: 0 10px 0 0; padding: 0 15px; height: 30px; border-radius: 50px; background: var(--cardBG); color: var(--gray1); font-size: 12px; font-weight: 700; align-items: center;}
.reward_sec2 .rightpart .labelbox span { color: var(--green); margin: 0 3px 0 0;}
.reward_sec2 .rightpart .labelbox strong { color: var(--green); font-weight: 600; padding: 0 3px;}
.reward_sec2 .rightpart .labelbox img { margin: 0 5px 0 0;}
.reward_sec2 .wallslwrap { padding: 17px 30px; border-radius: 0 30px 30px 30px; background: var(--cardBG);}
.reward_sec2 .rewarddayrow.row { margin: 0 -10px;}
.reward_sec2 .rewarddayrow .rewarddaycol { width: 100%; max-width: 10%; padding: 10px;}
.reward_sec2 .rewarddaybox { background: #24262B; border-radius: 20px; align-items: center; justify-content: center; padding: 10px 0; pointer-events: none; cursor: not-allowed; border: solid 2px #24262B;}
.reward_sec2 .rewarddaybox .iconbox { margin: 0 auto 8px;}
.reward_sec2 .rewarddaybox .iconbox svg { float: left;}
.reward_sec2 .rewarddaybox .daynumber { color: #656565; font-weight: 700; margin: 0; padding: 0; text-align: center; font-size: 16px; line-height: 1.2;}
.reward_sec2 .rewarddaybox .coincounter { color: #656565; font-size: 14px; margin: 0; padding: 0; font-weight: 400; line-height: 1.2; padding: 5px 0 0 0;}
.reward_sec2 .rewarddaybox .claimbtn { justify-content: center; padding: 10px 0 0 0;}
.reward_sec2 .rewarddaybox .claimbtn a { display: block; padding: 0 10px; height: 20px; line-height: 20px; border-radius: 5px; background: #191B1E; font-size: 12px; color: #656565; font-weight: 400;}
.reward_sec2 .rewarddaybox.todayclaim { pointer-events: all; cursor: auto; border-color: #22D676;} 
.reward_sec2 .rewarddaybox.todayclaim .iconbox svg { fill: #22D676;}
.reward_sec2 .rewarddaybox.todayclaim .daynumber,
.reward_sec2 .rewarddaybox.todayclaim .coincounter { color: #ffffff;}
.reward_sec2 .rewarddaybox.todayclaim .claimbtn a { background: #22D676; color: #000000;}

.reward_sec2 .rewarddaybox.claimdone { border-color: #22D676; opacity: 0.5;} 
.reward_sec2 .rewarddaybox.claimdone .iconbox svg { fill: #22D676;}
.reward_sec2 .rewarddaybox.claimdone .daynumber,
.reward_sec2 .rewarddaybox.claimdone .coincounter { color: #ffffff;}
.reward_sec2 .rewarddaybox.claimdone .claimbtn a { background: #22D676; color: #000000;}

.reward_socialgroup { margin: 25px 0 0 0;}
.reward_socialgroup .row { margin: 0 -12px;}
.reward_socialgroup .row [class*="col"] { padding: 0 12px;}
.reward_socialgroup .socailbox { background: #191B1E; padding: 20px; border-radius: 20px; align-items: center;}
.reward_socialgroup .socailbox .iconbox { width: 60px; height: 60px; background: #24262B; border-radius: 6px; align-items: center; justify-content: center; padding: 5px; margin: 0 16px 0 0;}
.reward_socialgroup .socailbox .iconbox img { max-width: 100%; max-height: 100%;}
.reward_socialgroup .socailbox h4 { white-space: nowrap; font-size: 16px; font-weight: 600; color: #ffffff; margin: 0; padding: 0;}
.reward_socialgroup .socailbox .btnbox { justify-content: flex-start; padding: 5px 0 0 0;}
.reward_socialgroup .socailbox .btnbox a { display: block; background: #22D676; border-radius: 5px; color: #000000; font-size: 13px; font-weight: 700; height: 30px; line-height: 30px; white-space: nowrap; padding: 0 13px;}





/* Added on 5-9-2022 : End */