body,html{ height: 100% ; scroll-behavior: smooth;}
body{
margin: 0;
padding: 0;
font-size: 14px;
font-family: 'Poppins', sans-serif;
color: black;
line-height: 1.48;
}
*,p,h1,h2,h3,h4,h5,h6,ul{ margin: 0 }
h1, h2, h3, h4, h5, h6{
font-weight: bold;
}
ul{
padding: 0;
list-style-type: none;
}
a{
color: inherit;
text-decoration: none !important;
}
a:hover,
a:focus{
color: var(--first);
}
.td{ text-decoration: none !important; }
.fw1{ font-weight: 300; }
.fw2{ font-weight: 500; }
.fw3{ font-weight: 700; }
.fw4{ font-weight: 600; }
.fw5{ font-weight: 800; }
.us{ user-select:none; }
.pointer{ cursor:pointer; }
.inline{ display: inline-block; }
.flex{display: flex;}
.jc{ justify-content: center; }
.jcb{ justify-content: space-between; }
.jce{ justify-content: flex-end; }
.ai{ align-items: center; }
.fwrap{flex-wrap: wrap;}
.rel{ position: relative; }
.abs{ position: absolute; }
.trans{ transition:0.3s ease }
.fs10{ font-size: 10px }
.fs11{ font-size: 11px }
.fs12{ font-size: 12px }
.fs13{ font-size: 13px }
.fs14{ font-size: 14px }
.fs16{ font-size: 16px }
.fs17{ font-size: 17px }
.fs18{ font-size: 18px }
.fs19{ font-size: 19px }
.fs20{ font-size: 20px }
.fs22{ font-size: 22px }
.fs24{ font-size: 24px }
.fs26{ font-size: 26px }
.fs28{ font-size: 28px }
.fs15{ font-size: 15px }
.fs30{ font-size: 30px !important}
.fs40{ font-size: 40px !important}
.fs50{ font-size: 50px !important}
.fs45{ font-size: 45px !important}
.br100{ border-radius: 100px !important}
.br10{ border-radius: 10px }
.br5{ border-radius: 5px }
.m0{ margin: 0 !important}
.mb0{ margin-bottom: 0 }
.mt0{ margin-top: 0px }
.m10{margin: 10px 0;}
.m15{margin: 15px 0;}
.m20{margin: 20px 0;}
.mt5{ margin-top: 5px }
.mt10{ margin-top: 10px }
.mt15{ margin-top: 15px }
.mt20{ margin-top: 20px }
.mb5{ margin-bottom: 5px }
.mb10{ margin-bottom: 10px }
.mb15{ margin-bottom: 15px }
.mb20{ margin-bottom: 20px }
.mr5{ margin-right: 5px }
.mr10{ margin-right: 10px }
.mr15{ margin-right: 15px }
.mr20{ margin-right: 20px }
.mb30{ margin-bottom: 30px }
.mb40{ margin-bottom: 40px }
.mt30{ margin-top:30px }
.mt35{ margin-top:35px }
.mt40{ margin-top:40px }
.mt45{ margin-top:45px }
.mt50{ margin-top:50px }
.mb30{ margin-bottom:30px }
.mb40{ margin-bottom:40px }
.mb50{ margin-bottom:50px }
.pt0{ padding-top: 0 }
.ml5{ margin-left: 5px !important }
.ml10{ margin-left: 10px !important }
.ml15{ margin-left: 15px !important }
.ml20{ margin-left: 20px !important }
.ml5{ margin-left: 5px !important }
.ml10{ margin-left: 10px !important }
.ml20{ margin-left: 20px !important }
:root{
--first: #ffbf00;
--second: #8BC34A;
--third: #1aaf1a;
--four: #D81B60;
--five: #1E88E5;
}
.cwhite{ color: white !important; }
.cfirst{ color: var(--first); }
.csecond{ color:var(--second) }
.cfirst2{
color: #bf9004;
}
.w100{ width: 100%; }
.ov{ overflow: hidden; }
.mainul{
display: flex;
justify-content: flex-end;
}
.header{position: relative;box-shadow: 0 8px 13px rgb(0 0 0 / 15%);z-index: 99;}
.logo-main{width: 176px;margin: 21px 0 0;}
.main-link{
display: block;
padding: 17px 19px;
border-right: 1px solid gainsboro;
color: #4f4f4f;
transition: 0.3s ease;
height: 100%;
}
.main-link:hover,
.main-link:focus{
background: #dfdfdf;
color: black;
}
.mainul LI{display: inline-block;margin: 0 -2px;vertical-align: bottom;}
.headIcon{
display: block;
font-size: 21px;
margin: auto;
text-align: center;
margin: 0 0 7px;
transition: 0.3s ease;
}
.main-link:hover .headIcon{
transform: translate(0, -6px);
}
.main-link span{
font-weight: 500;
display: flex;
align-items: center;
}
.headBtn{color: black;}
.logBtn{
background: #ebebeb;
}
.signBtn{
background: #d76700;
color: white;
}
.signBtn:hover,
.signBtn:focus{
background: #c99703;
color: white;
}
.homeSlider{
background-color: #ff7c00 !important;
padding: 100px 0;
color: white;
background: url(../img/sliderback.png) no-repeat;
background-size: cover;
overflow: hidden;
background-position: right;
}
.homeSlider .head{font-size: 62px;}
.homeSlider .desc{margin: 20px 0 50px;max-width: 500px;}
.btn1{background: #3a3a3a;color: white !important;border: none !important;outline: none !important;user-select: none;}
.btn1:hover,
.btn1:focus{background: #000000;color: white !important;}
.btn2{background: var(--first);color: rgb(88 37 22) !important;border: none !important;outline: none !important;font-weight: 500;}
.btn2:hover,
.btn2:focus{background: #ffefc1;color: rgb(88 37 22) !important;}
.hslidBtn{
padding: 18px 48px;
font-weight: 500;
font-size: 16px;
}
.hsBox{display: block;text-align: center;width: 260px;padding: 34px 20px;background: oklab(1 0 0 / 0.06);margin: 15px 15px;border-radius: 7px;border: 1px solid lch(90 24.46 81.79 / 0.56);border-bottom: 5px solid lch(90 24.46 81.79 / 0.56);font-size: 18px;transition: 0.3s ease;color: white !important;}
.header{
background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(235,235,235,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(235,235,235,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(235,235,235,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(235,235,235,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(235,235,235,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(235,235,235,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebeb', GradientType=0 );
}
.hsBox img{height: 70px;display: block;margin: 0 auto 15px;transition: 0.25s ease;}
.hsBox:hover{
background: oklab(1 0 0 / 0.26);
box-shadow: 0 3px 15px hsl(0deg 0% 0% / 20%);
}
.homSlidFlex{
border-radius: 10px;
overflow: hidden;
}
.inflex{ display:inline-flex; }
.hsBox:hover img{
transform: translateY(-5px);
}
.homInfoBox{
background: #3a3a3a;
color: white;
padding: 19px 0;
}
.btnpad1{ padding:10px 20px !important}
.hsStats{margin: 36px 0 50px;}
.singleStat{border-right: 1px solid white;padding: 0 22px;}
.singleStat .val{
font-weight: 400;
font-size: 33px;
line-height: 1.2;
}
.singleStat .txt{
font-size: 17px;
}
.hsStats .singleStat:nth-child(1){
padding-left: 0;
}
.hsStats .singleStat:nth-last-child(1){
border: none;
}
.padder1{
padding: 70px 0px;
}
.bg1, .hsec1Box
{
background: rgba(242,239,237,1);
background: -moz-linear-gradient(left, rgba(242,239,237,1) 0%, rgba(235,233,232,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(242,239,237,1)), color-stop(100%, rgba(235,233,232,1)));
background: -webkit-linear-gradient(left, rgba(242,239,237,1) 0%, rgba(235,233,232,1) 100%);
background: -o-linear-gradient(left, rgba(242,239,237,1) 0%, rgba(235,233,232,1) 100%);
background: -ms-linear-gradient(left, rgba(242,239,237,1) 0%, rgba(235,233,232,1) 100%);
background: linear-gradient(to right, rgba(242,239,237,1) 0%, rgba(235,233,232,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2efed', endColorstr='#ebe9e8', GradientType=1 );
}
.cgray{ color: #545454 }
.hsec1Flex{
}
.hsec1Flex .hsec1Box{width: 440px;display: flex;padding: 17px 25px;font-size: 17px;align-items: center;margin: 24px 23px 0;border-radius: 7px;/* box-shadow: 0 2px 8px rgb(0 0 0 / 10%); */margin-left: 0;}
.hsec1Flex .fa-check{margin-right: 20px;border-radius: 100px;background: var(--first);width: 40px;height: 40px;justify-content: center;}
.lineBtn{
border-bottom: 1px solid;
padding-bottom: 3px;
}
.lineBtn:hover,
.lineBtn:focus{
color: #c39408;
}
.hsec2Box{text-align: center;background: white;padding: 40px 30px;border-radius: 7px;border: 2px solid transparent;transition: 0.3s ease;}
.hsec2Box .imgback{
}
.hsec2Box .imgback img{width: 70px;}
.hsec2Box h2{font-size: 21px;margin: 29px 0 10px;}
.hsec2Btn{
margin: 27px 0 0;
}
.hsec2Box:hover{
border: 2px solid var(--first);
}
.hsec2Box img{ transition:0.25s ease }
.hsec2Box:hover img{
transform: translateY(-10px);
}
.person1{
background: url(../img/person1.png) no-repeat;
background-size: contain;
width: 440px;
height: 350px;
position: absolute;
transform: translate(-30px, -5px);
}
.homRecCont{display: flex;width: 100%;align-items: center;}
.homRecCont .col1,
.homRecCont .col2,
.homRecCont .col3,
.homRecCont .col4,
.homRecCont .col5
{
margin-right: 25px;
}
.homRecCont .col1{width: 16%;}
.homRecCont .col2{width: 21%;}
.homRecCont .col3{width: 16%;}
.homRecCont .col4{width: 18%;}
.homRecCont .col5{width: 21%;}
.homRecCont .data{font-size: 15px;}
.homRecCont .status i{display: inline-flex;align-items: center;justify-content: center;background: var(--first);width: 23px;height: 23px;border-radius: 100px;margin-right: 11px;font-size: 12px;}
.homRecCont .status{
display: flex;
align-items: center;
}
/*
.homRecCont .status{
display: inline-block;
background: #ffe76f;
border-radius: 6px;
padding: 5px 12px;
font-size: 11px;
text-transform: uppercase;
font-weight: 500;
}
*/
.homRecCont .payImg{
width: 88px;
}
.homRecCont .head{
font-size: 14px;
margin: 0 0 14px;
padding: 8px 19px;
color: #545454;
background: rgb(220 220 220 / 39%);
border-radius: 7px;
display: flex !important;
align-items: center;
}
.tabecCont{
margin: 25px 0 0;
background: white;
padding: 40px 40px;
border-radius: 7px;
}
.tabRecRow{
padding: 16px 0;
border-bottom: 1px solid #e5e5e5;
padding-left: 18px;
}
.homRecCont div:nth-last-child(1){
margin-right: 0 !important;
}
.homRecCont .head i{margin-right: 9px;font-size: 16px;}
.tabecCont .homRecCont:nth-last-child(1){
margin-bottom: 0;
}
.tabecCont .tabRecRow:nth-last-child(1){
border: none;
}
.footer{background: #212121 url(../img/footerback.png) no-repeat;color: #959595;background-size: cover;padding: 50px 0;}
.footLogo{width: 190px;}
.footSocial a{font-size: 16px;width: 30px;height: 30px;border-radius: 100px;background: hsl(0deg 0% 50.2% / 14.9%);margin-right: 11px;align-items: center;justify-content: center;display: flex;transition: 0.3s ease;}
.footSocial a:hover,
.footSocial a:focus{
background: var(--first);
color: black;
}
.footLink a{
display: inline-block;
margin: 3px 0;
}
.footSocial{
}
.footer .head{
font-size: 19px;
font-weight: 600;
position: relative;
margin: 0 0 27px;
color: #ff7c00;
}
.footer .head::before{
content: "";
display: block;
position: absolute;
width: 60px;
height: 2px;
background: #ff7c00;
bottom: -5px;
}
.paymentsFoot{margin: 40px 0 0;}
.paymentsFoot .cont{background: #3a3a3a;border-radius: 6px;display: inline-flex;align-items: center;justify-content: center;padding: 7px 10px;margin: 0 11px 12px 0;opacity: 0.8;}
.paymentsFoot img{
height: 18px;
}
.btFoot, .bg2{
background: #ff7c00;
}
.block1{background: white;padding: 40px 40px;border-radius: 7px;}
.block2{background: #f1f1f1;padding: 30px 30px;border-radius: 7px;border: 1px solid lightgrey;}
.contLbl{
}
.inpCont{display: block;width: 100%;padding: 12px 13px;outline: none !important;border: 2px solid #dbdbdb;border-radius: 5px;transition: 0.3s ease;margin: 0 0 24px;padding-left: 45px;}
.textarea1{
max-width: 100%;
min-width: 100%;
min-height: 150px;
max-height: 500px;
}
.contactBlock{
}
.contBtn{
padding: 14px 40px;
max-width: 170px;
width: 100%;
}
.inpCont:hover,
.inpCont:focus{
border-color: var(--first);
}
.inpBack{
position: relative;
}
.inpBack i{position: absolute;top: 20px;left: 19px;color: gray;}
.sticky{
position: sticky;
top: 20px;
}
.contSpecBox{
padding: 40px 40px;
background: #fff7de url(../img/btcimg1.png) no-repeat;
margin-left: 30px;
border-radius: 7px;
border: 1px solid #eacf7d;
background-size: 280px;
transition: 0.3s ease;
background-position: 363px 186px;
}
.contSpecBox:hover{
background-position: 343px 166px;
}
.arrowList{
}
.arrowList li{
background: url(../img/arrow1.png) no-repeat 0;
background-size: 21px;
padding: 10px 0;
padding-left: 35px;
}
.moneySlider{
background: url(../img/moneySlider.png) no-repeat 0;
background-size: contain;
width: 660px;
height: 510px;
left: -10px;
top: 54px;
}
.dropdownLi{
position: relative;
}
.dropdownUl {
position: absolute;
background: white;
display: flex;
flex-wrap: wrap;
width: 220px;
border-radius: 7px;
transform: translate(0px, 10px);
z-index: 9;
padding: 10px 0;
box-shadow: 0 5px 7px hsl(19.53deg 100% 16.86% / 18%);
overflow: hidden;
display: none;
}
.dropdownUl a{display: flex;align-items: center;padding: 9px 20px;transition: 0.3s ease;width: 100%;color: #545454;}
.dropdownUl img{height: 19px;margin-right: 12px;}
.dropdownUl li{
width: 100%;
}
.dropdownUl a:hover,
.dropdownUl a:focus{
background: #dfdcdc;
color: #2c2c2c;
}
.copyFoot{
background: #202020;
padding: 10px 0;
color: #898989;
border-top: 1px solid #3c3c3c;
}
.paymentsFoot .cont:hover{
opacity: 1;
}
.topHeadAdBox{
background: #3A3A3A;
padding: 12px 0;
}
.bars{
display: none;
z-index: 10;right: 20px;top: 20px;}
.bars span{
display: block;
width: 20px;
height: 2px;
background: #919191;
margin: 5px 0;
}
.tableBack{
overflow: auto;
padding-bottom: 12px;
}
.cgray2{
color: #a3a3a3;
}
.inp1{width: 100%;padding: 9px 10px;outline: none !important;border: 2px solid #e7e7e7;border-radius: 5px;margin: 0 0 18px;transition: 0.3s ease;}
.inp1:hover,
.inp1:focus{border: 2px solid var(--first);}
.btnpad2{
padding: 13px 10px;
}
.lbl1{
margin: 0 0 6px;
}
.form-check-input{
width: 21px;
height: 21px;
margin-right: 15px;
box-shadow: none !important
}
.form-check-input:checked[type=checkbox]{
background-color: var(--first);
border-color: var(--first) !important;
}
.bg3{
background: #e7e7e7;
}
.logSocialBtn{width: 100%;display: flex;align-items: center;justify-content: center;padding: 13px 13px;color: white !important;font-weight: 400;font-size: 15px;border-radius: 5px;transition: 0.3s ease;}
.social-fb{background: #385899;margin-right: 18px;}
.social-google{
background: #F20000;
}
.social-fb:hover{
background: #24417c;
}
.social-google:hover{background: #bf0303;}
.logregPage .block1{
border: 1px solid #dddddd;
box-shadow: 0 0 12px rgb(0 0 0 / 8%);
}
.logBtnPad{
padding: 12px 23px;
}
.underline{ text-decoration: underline !important; }
.ptcslider{padding: 70px 0;background: #d96400 url(../img/ptcback.png) no-repeat;background-size: cover;color: white;}
.ptcslider h2{
font-size: 56px;
line-height: 1.25;
}
.ptcslider .desc{
margin: 20px 0 40px;
}
.ptcimg1{
background: url(../img/ptcimg1.png) no-repeat;
height: 113px;
width: 100%;
background-size: contain;
max-width: 394px;
}
.ptcsliderimg{
background: url(../img/ptcsliderimg.png) no-repeat;
height: 633px;
width: 560px;
background-size: contain;
transform: translate(-70px, -39px);
}
.partPtcBox{padding: 30px 0;}
.partPtcBox img{
height: 25px;
margin: 0 26px;
}
.ptcAdClickBox{background: rgb(245 145 51);padding: 14px 18px;border-radius: 12px;transform: translate(-121px, 50px);z-index: 1;}
.ptcAdClickBox .top{
}
.ptcAdClickBox .bottom{
font-size: 40px;
line-height: 1;
margin: 6px 0 0;
}
.ptcSec1Box1{background: var(--first);text-align: center;padding: 40px 30px;border-radius: 10px;}
.ptcSec1Box1 a{
background: white;
padding: 9px 20px;
border-radius: 100px;
}
.ptcSec1Box1 p{
margin: 10px 0 40px;
}
.ptcSec1Box1 a:hover{
background: #c97b07;
color: white !important;
}
.ptcS1RightBox{margin: 0px 0px -10px;padding: 30px 29px;border-radius: 8px;margin-left: 10px;}
.ptcS1RightBox .imgBack{margin-right: 22px;transform: translate(0, 4px);}
.ptcS1RightBox .imgBack img{width: 33px;}
.ptcS1RightBox .head{
font-size: 17px;
font-weight: 500;
}
.ptcS1RightBox .desc{
color: #8d8d8d;
margin: 11px 0 0;
}
.ptcStatLand{padding: 22px 0 0;border-top: 2px solid gainsboro;}
.ptcStatLand .head1{
font-size: 15px;
font-weight: 400;
}
.ptcStatLand .data{
font-size: 25px;
margin: 8px 0 0;
}
.ptcSec2Box{padding: 40px 50px;background: white;border-radius: 8px;margin: 0 14px;}
.ptcSec2Box .head{
font-size: 32px;
}
.ptcSec2Box p{
margin: 10px 0 40px;
max-width: 390px;
}
.ptcSec2Box .btnpad1{
padding: 11px 40px;
}
.ptcSec2Box2{
background: #ffbf00;
}
.ptcSec2{
background: #ff7c00 url(../img/emonback.png) no-repeat center;
background-size: cover;
}
.acccDropdowb{
}
.ofop{
object-fit: cover;
object-position: center;
}
.cgreen{ color: var(--third) }
.cred{color: #fb3838;}
.userTopImg{
width: 40px;
height: 40px;
}
.accIconDown{
right: -13px;
top: 23px;
background: #f6f6f6;
padding: 6px;
border: 1px solid #cbcbcb;
border-radius: 100px;
color: darkgrey;
font-size: 9px;
}
.sidebarUl{
}
.sidebarUl li{
border-bottom: 1px solid #d9d9d9;
display: flex;
justify-content: space-between;
align-items: center;
}
.sidebarUl a{display: block;padding: 11px 23px;color: #6a6a6a;width: 100%;}
.sidebarUl .head{font-weight: 600;font-size: 18px;margin: 30px 0 10px;padding: 0 9px;}
.leftSidebarCont{
background: white;
padding: 28px 20px;
border-radius: 7px;
border: 1px solid #d7d7d7;
transition: 0.3s ease;
}
.mt0{ margin-top:0 !important }
.adStatMenu{
}
.adStatMenu span{
display: flex;
align-items: center;
justify-content: center;
width: 22px;
height: 20px;
background: #646464;
border-radius: 7px;
color: white;
margin: 0 2px;
}
.bggreen{
background: var(--third) !important;
}
.bgorange{
background: var(--first) !important;
}
.accRightCont{
background: white;
padding: 20px 20px;
border-radius: 7px;
border: 1px solid #d7d7d7;
border-bottom: 5px solid #d9d9d9;
}
.accProfLeftFlex img{
width: 50px;
height: 50px;
border-radius: 11px;
margin-right: 17px;
}
.sideBtn1{
padding: 9px 11px;
border-radius: 5px;
}
.btn3{
background: #d93939;
color: white !important;
user-select: none;
outline: none;
border: none !important;
}
.btn3:hover,
.btn3:focus{
background: #bf1616;
}
.btn4{border: 1px solid;padding: 3px 11px;border-radius: 25px;background: transparent;}
.btn4:hover,
.btn4:focus{
color: gray;
}
.widget-head{font-size: 19px;border-bottom: 1px solid gainsboro;padding-bottom: 12px;}
.accFlxStat{margin: 30px 0 0;}
.accFlxStat img{width: 50px;margin-right: 15px;}
.accFlxStat .txt1{
}
.accFlxStat .val{
font-size: 22px;
font-weight: 500;
margin: 0 0 11px;
}
.staMiniLink{
font-size: 13px;
color: gray;
}
.h100{
height: 100%;
}
.table tr:hover{
background: #f1f1f1;
}
.table th,
.table th p
{
font-weight: 500;
padding: 9px 4px 6px;
}
.table td,
.table td p
{
font-weight: 400;
font-size: 14px;
}
.memberAccBox{
font-size: 13px;
padding: 2px 7px;
border-radius: 100px;
}
.mem-basic{
background: #dddddd;
}
.mem-one{
background: #ffec67;
}
.mem-two{
background: #83ffba;
}
.mem-three{
background: #714eff;
color: white;
}
.statFlex1{
padding: 10px 0;
border-bottom: 1px solid gainsboro;
}
.tag{
background: #6c6c6c;
padding: 2px 9px;
font-size: 13px;
color: white !important;
border-radius: 100px;
}
.tag1{background: #dbad05;}
.accRightCont .statFlex1:nth-last-child(1) {
border: none;
}
.summflag1{
width: 22px;
margin-right: 7px;
}
.sidebar-head{
margin: 15px 0px 10px;
font-size: 17px;
font-weight: 500;
padding: 14px 31px;
background: rgb(58 58 58);
border: none;
border-radius: 4px;
color: white;
background: rgba(112,112,112,1);
background: -moz-linear-gradient(left, rgba(112,112,112,1) 0%, rgba(74,74,74,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(112,112,112,1)), color-stop(100%, rgba(74,74,74,1)));
background: -webkit-linear-gradient(left, rgba(112,112,112,1) 0%, rgba(74,74,74,1) 100%);
background: -o-linear-gradient(left, rgba(112,112,112,1) 0%, rgba(74,74,74,1) 100%);
background: -ms-linear-gradient(left, rgba(112,112,112,1) 0%, rgba(74,74,74,1) 100%);
background: linear-gradient(to right, rgba(112,112,112,1) 0%, rgba(74,74,74,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#707070', endColorstr='#4a4a4a', GradientType=1 );
width: 100%;
}
.sideUYserBack{text-align: center;}
.personsideimg{height: 90px;width: 90px;border-radius: 100px;}
.sideUYserBack .head{font-size: 21px;margin: 22px 0 11px;font-weight: 500;}
.sideUYserBack .mail{
color: #a7a7a7;
}
.dashflexTop1 i{background: #ece9e8;height: 50px;font-size: 24px;width: 52px;border-radius: 7px;color: #4a4a4a;}
.sidebarUl li:nth-last-child(1) {
border: none !important;
}
.sidebarUl a:hover{
color: black;
}
.sidebarUl .amt{display: flex;align-items: center;justify-content: center;width: 27px;height: 22px;background: #646464;border-radius: 100px;color: white !important;padding: 0;margin: 0 2px;margin-right: 15px;}
.sidebarUl li:hover{
background: #e7e7e7;
}
.sticky{
position: sticky;
top: 20px;
}
.menuMobBack{
display: none;
padding: 12px 23px;
background: white;
margin: 0 0 20px;
color: gray;
}
.sidebarLogo{width: 150px;}
.sideBarCloseBtn{
font-size: 18px;
color: #979797;
padding: 23px;
background: gainsboro;
}
.mobSideTop{
padding-left: 15px;
display: none;
}
.mobDashMenu-show{
left: 0 !important;
}
.padder2{
padding: 50px 0px;
}
.padder3{
padding: 30px 0px;
}
.headTaolLeft{padding: 40px 20px;background: #edebe9;text-align: center;border-radius: 9px;min-height: 350px;}
.headtailcoin{
background: url(../img/headtailcoin.png) no-repeat;
background-size: contain;
height: 200px;
width: 200px;
margin: 0 0 20px;
}
.coinflipmaintxt{
font-weight: bold;
font-size: 37px;
color: #ffe67c;
text-shadow: 0 2px #c97212;
user-select: none;
}
.headtailcoin-flip{
transform: rotateX(0deg);
animation-name: headtailcoin-flip;
animation-iteration-count: 1;
animation-timing-function: linear;
animation-duration: 1s;
}
@keyframes headtailcoin-flip{
0% {
transform: rotateX(0deg);
}
50% {
transform: rotateX(360deg);
}
100% {
transform: rotateX(0deg);
}
}
.coinHtOpt{
background: url(../img/headtailcoin.png) no-repeat;
background-size: contain;
height: 80px;
width: 80px;
margin: auto;
}
.coinHtOpt span{color: white;font-size: 31px;font-weight: 800;text-shadow: 0 2px #874702;}
.coinHBack .txt2{font-size: 16px;margin: 11px 0 0;font-weight: 400;color: #c18414;}
.coinHBack{
text-align: center;
padding: 30px 40px;
border: 2px dashed #e7e7e7;
border-radius: 7px;
cursor: pointer;
user-select: none;
width: 100%;
}
.coinFlipWonTxt{
font-weight: bold;
font-size: 27px;
display: none;
}
.wonFlipTxt{
color: orange;
}
.loseFliptxt{
color: #ff4141;
}
.coinHBack:hover, .coinHBack-active
{
border: 2px solid #ffbf00;
}
.flipScreen ,.flipcoinscreen
{ display: none }
.htarrow{
height: 20px;
opacity: 0.5;
margin: 40px 0 0;
animation-name: htarrow;
animation-duration: 1s;
animation-iteration-count: infinite;
animation-timing-function: ease;
}
@keyframes htarrow{
0% {
transform: translate(-20px, 0px);
}
50% {
transform: translate(20px, 0px);
}
100% {
transform: translate(-20px, 0px);
}
}
.selectScreen, .flipcoinscreen
{
padding: 0 50px;
}
.flipanimsample{
transform: rotate(270deg);
width: 100px;
margin: 0 0 20px;
}
.flipCoinBtn{border: 1px solid #ff6a00;padding: 6px 0;background: var(--first);color: #af3f09;transition: 0.25s ease;}
.flipCoinBtn:hover,
.flipCoinBtn:focus{
background: #dda90d;
}
.flipCoinBtn:disabled{background: #efefef;border: 1px solid #cfcfcf;color: #bfbfbf;}
.disableFlip{
display: none;
background: white;
height: 100%;
width: 100%;
left: 0;
top: 0;
z-index: 999;
opacity: 0.4;
}
.coinflipmaintxt{
display: none;
}
.offerBack{background: #ebe9e896;padding: 17px 17px;border-radius: 6px;border: 1px solid lightgrey;margin: 20px 0 0;}
.offerBack img{
}
.offerBtn{
text-align: center;
background: #ff8100;
padding: 8px 4px;
color: white !important;
transition: 0.3s ease;
}
.offerBtn:hover{
background: black !important;
}
.iframeOffers{
width: 100%;
height: 760px;
}
.iframeLink{
display: none;
}
#iframeBlock{
display: none;
}
.clixgridBack{
}
.clixgridCont{display: flex;flex-wrap: wrap;width: 70%;background: url(../img/clixgridback1.jpg);background-size: cover;background-position: center;border: 1px solid #b9b9b9;}
.clixgridbox{
width: 5%;
height: 30px;
border: 1px solid hsl(0deg 0% 0% / 17%);
}
.clixgridbox:hover{
background: rgb(255 255 255 / 43%);
}
.cgblock2{
padding: 25px 20px;
width: 28%;
}
.cgflexouter .visited{
background: #0003;
}
.cgshareopt{
padding: 20px 0 0;
border-top: 2px solid gainsboro;
margin: 20px 0 0;
}
.cgshareopt .flex a{
display: flex;
align-items: center;
justify-content: center;
width: 29px;
height: 29px;
border-radius: 100px;
border: 1px solid black;
margin-left: 13px;
}
.cgshareopt .flex a:hover{
background: var(--first);
color: black!important;
}
.vaultimg{
background: url(../img/vaultimg.png) no-repeat;
background-size: contain;
width: 100%;
height: 320px;
}
.vaultPad{
}
.vaultblock{background: #43464b url(../img/ironbg.jpg);color: white;padding: 30px 48px;border-radius: 6px;background-size: cover;}
.vaultInp:disabled,
.vaultInp
{
width: 100%;
padding: 0 20px;
font-size: 40px;
text-align: center;
border: none !important;
outline: none !important;
border-radius: 7px;
letter-spacing: 10px;
margin: 14px 0 30px;
opacity: 1 !important;
background: #919191 !important;
}
.vaultnmbrBack{
}
.vaultnmbrBack .nmbr{
display: flex;
align-items: center;
justify-content: center;
width: 50px;
height: 50px;
font-size: 22px;
background: white;
color: black;
margin: 7px 7px;
border-radius: 4px;
cursor: pointer;
box-shadow: inset 0 0px 6px black, 0 2px 0 #1e1e1e;
}
.vault2back{
background: url(../img/vault1.png) no-repeat;
background-size: contain;
width: 360px;
height: 300px;
margin: auto;
}
.vaultHandle{
background: url(../img/vaulthandle.png) no-repeat;
background-size: contain;
width: 70px;
height: 70px;
left: 60px;
top: 60px;
}
.vaultinp1{
width: 100%;
text-align: center;
cursor: pointer;
padding: 9px 10px;
font-size: 21px;
border: none;
outline: none;
background: #ededed;
border-radius: 7px;
margin: 0 4px;
color: #2a2a2a;
background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(176,176,176,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(176,176,176,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(176,176,176,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(176,176,176,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(176,176,176,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(176,176,176,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#b0b0b0', GradientType=0 );
}
.vaultinp1:hover{
background: #bfbfbf;
}
.vaultselBack{
padding: 0 58px;
position: absolute;
bottom: 90px;
width: 100%;
}
.crackBtn{
right: 60px;
top: 72px;
font-size: 17px;
padding: 5px 18px;
border: none;
outline: none !important;
background: #38ab94;
color: white;
border-radius: 6px;
}
.crackBtn:hover{
background: #1e8772;
}
.handleAnimate{
animation-name: handleAnimate;
animation-iteration-count: infinite;
animation-timing-function: linear;
animation-duration: 5s;
}
@keyframes handleAnimate{
0% {
transform: rotate(0);
}
50% {
transform: rotate(345deg);
}
100% {
transform: rotate(0);
}
}
.giftsBack{
background: url(../img/giftback.png);
background-size: contain;
background-color: purple;
color: white;
}
.mjback{
}
.advertSlider{
min-height: 560px;
background: gainsboro url(../img/advslidback.png) no-repeat;
background-size: cover;
background-position: center;
}
.advertSlider .inner{
padding: 40px 48px;
background: rgb(42 41 41 / 85%);
border-bottom: 7px solid var(--first);
box-shadow: 0 0 42px rgb(0 0 0 / 20%);
color: white;
}
.ptcAdSlidBtn{
padding: 15px 23px;
}
.advSlidSelect{
padding: 14px 19px;
border: none;
margin: 10px 0 20px;
border: 1px solid #cbcbcb;
outline: none !important;
}
.advSlidSelect:focus{
border: 1px solid var(--first);;
}
.grad1{
background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(235,235,235,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(235,235,235,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(235,235,235,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(235,235,235,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(235,235,235,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(235,235,235,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebeb', GradientType=0 );
}
.advbox1{padding: 21px 15px;background: rgb(82 106 118 / 8%);border: 1px solid hsl(0deg 0% 77.25%);border-radius: 7px;padding-left: 30px;margin: 20px 0 0;}
.widget-head2{
background: #3A3A3A;
border-radius: 8px;
padding: 13px 21px;
font-size: 22px;
font-weight: 500;
color: #e9e9e9;
}
.advImg1{width: 60px;transition: 0.3s ease;margin-right: 26px;}
.advbox1 .head{
font-size: 18px;
margin: 0 0 15px;
font-weight: 500;
}
.advbox1 .desc{
color: #a3a3a3;
font-size: 13px;
max-width: 250px;
}
.advInp2{
padding: 9px 8px;
margin: 0 0 11px;
outline: none !important;
}
.btnpad3{
padding: 8px 10px;
}
.advbox1:hover .advImg1{
transform: translate(6px, -0px);
}
select{
background-image: url(../img/selectArrow.png);
background-size: 11px;
background-repeat: no-repeat;
background-position: 95%;
}
select {
-webkit-appearance: none;
-moz-appearance: none;
text-indent: 1px;
text-overflow: '';
}
.widget-head3{
background: #e7e7e7;
border-radius: 8px;
padding: 13px 21px;
font-size: 19px;
font-weight: 500;
color: #2c2c2c;
}
.block3{
background: white;
padding: 19px;
border-radius: 6px;
}
/* PTC Ads start */
.ptcBox{
display: flex;
padding: 14px 18px;
border: 1px solid #dfdfdf;
border-bottom: 3px solid #dfdfdf;
border-radius: 7px;
margin: 0 0 20px;
justify-content: space-between;
transition: 0.25s ease;
}
.ptcBox .img1{
height: 36px;
width: 100%;
margin: 3px 0 0;
filter: grayscale(1);
object-fit: contain;
}
.ptcBox .img1:hover{
filter: none;
}
.ptcBox .title{
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 1;
line-clamp: 2;
-webkit-box-orient: vertical;
font-size: 15px;
font-weight: 500;
color: #303030;
}
.ptcBox .flex{
align-items: center;
}
.ptcBox .desc{
font-size: 12px;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2; /* number of lines to show */
line-clamp: 2;
-webkit-box-orient: vertical;
color: #a3a3a3;
padding-right:3px;
}
.ptcBox .amtBack{
background: #4CAF50;
border-radius: 6px;
color: white;
align-items: center;
justify-content: center;
height: 31px;
display: flex;
padding-right:8px;
padding-left:8px;
}
.ptcBox .coin11{
height: 13px;
}
.ptcBox .time{text-align: right;margin: 12px 0 0;}
.ptcBox .inner1{
width: 56px;
margin-right: 18px;
}
.ptcBox .cont1{
}
.ptcBox:hover{
background: #e7e7e7;
}
.ptcvisited{
opacity: 0.5 !important;
background: white !important;
}
.ptcvisited .amtBack{
background: #d3d3d3 !important;
color: #4c4c4c;
}
.fixedPtcCont .amtBack{background: var(--first);color: black;}
.fixedPtcCont .img1{
filter: none;
}
.ptcvisited .img1{
filter: grayscale(1) !important;
}
.adStyle2 .amtBack{background: var(--four);}
.adStyle2 .img1{
filter: grayscale(1);
}
.adStyle2 .coin11{
-webkit-filter: invert(100%);
filter: invert(100%);
}
.adStyle3 .amtBack{background: var(--five);}
.adStyle3 .img1{
filter: grayscale(1);
}
.adStyle3 .coin11{
-webkit-filter: invert(100%);
filter: invert(100%);
}
/* PTC Ads end */
/* micro jobs Single start */
.microjobSingle{
}
.microjobSingle .head1{
font-size: 25px;
font-weight: 400;
}
.microjobSingle .desc{
font-size: 15px;
background: #f4f4f4;
margin: 22px -30px;
padding: 40px 30px;
}
.microjobSingle .status{
background: gainsboro;
margin: 3px 0 0;
padding: 4px 10px;
border-radius: 4px;
font-size: 14px;
color: #525050;
margin-left: 10px;
height: 30px;
}
.mjviewFlex1{margin: 20px 0 0;}
.mjviewFlex1 .flex{
margin-right: 30px;
background: #ededed;
padding: 5px 8px;
color: #424242;
border-radius: 5px;
}
.mjviewFlex1 i{
margin-right: 9px;
}
.mjBtn{
padding: 15px 26px;
font-size: 15px;
border-radius: 5px;
font-weight: 500;
background: #4caf50;
color: white !important;
user-select: none;
border: none !important;
outline: none;
padding-left: 20px;
}
.mjBtn:hover{
background: #3c973f;
}
.mjsocial{
display: flex;
}
.mjsocial a{display: flex;align-items: center;justify-content: center;width: 26px;height: 26px;border-radius: 100px;margin-right: 7px;background: #e5e5e5;color: #424242;}
.mjsocial i{
margin: 0 !important;
}
.mjsocial a:hover{
background: var(--first);
color: black !important;
}
.mjviewCommBox{padding: 30px 30px;background: #f4f4f4;margin: 25px 0 0;border-radius: 8px;}
.mjvTxtarea{
margin: 9px 0 10px;
padding: 20px 20px;
max-width: 100%;
min-width: 100px;
min-height: 180px;
max-height: 400px;
outline: none;
border: 1px solid #d9d9d9 !important;
border: none;
border-left: 5px solid gainsboro !important;
transition: 0.3s ease;
}
.mjvTxtarea:focus{
border: 1px solid #4caf50 !important;
border-left: 5px solid #4caf50 !important;
}
.completeBtn{
background: #4caf50;
padding: 10px 20px;
border-radius: 7px;
color: white;
font-weight: 500;
}
.completeBtn-active{background: #b3b3b3 !important;cursor: no-drop;}
.mjvamt{color: #4caf50;}
.completeBtn:hover{
background: #329136;
}
.overtxt{
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
}
/* micro jobs Single end */
/* play games start */
.gameTopBox{
overflow: hidden;
border-radius: 9px;
height: 410px;
display: block;
position: relative;
}
.gamethumb1{width: 100%;height: 100%;transition: 0.3s ease;}
.gamebtn1{
background: #4CAF50;
padding: 12px 26px;
border-radius: 100px;
font-size: 15px;
font-weight: 500;
color: white !important;
transition: 0.25s ease;
}
.game1inner{bottom: 0;left: 0;right: 0;margin: auto;display: inline-block;color: white;background: #000000bf;padding: 110px 30px 30px;}
.game1Head{
font-size: 25px;
}
.gameicon1{
position: absolute;
right: 40px;
top: -30px;
width: 120px;
border-radius: 10px;
}
.game1inner{
background: rgba(0,0,0,0);
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.82) 78%, rgba(0,0,0,0.82) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(78%, rgba(0,0,0,0.82)), color-stop(100%, rgba(0,0,0,0.82)));
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.82) 78%, rgba(0,0,0,0.82) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.82) 78%, rgba(0,0,0,0.82) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.82) 78%, rgba(0,0,0,0.82) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.82) 78%, rgba(0,0,0,0.82) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
}
.gamebtn1:hover,
.gamebtn1:focus{
background: #2a8d2e;
}
.gameTopBox:hover .gamethumb1{
transform: scale(1.05);
}
.gameSearBack{}
.gamesearInp{border: none;outline: none;font-size: 15px;padding: 0 19px;width: 280px;border: 1px solid #d93939;border-radius: 100px;margin-right: 12px;}
.gamesearInp:hover,
.gamesearInp:focus{
}
.gameserBtn{border-radius: 100px;border: none;outline: none;padding: 8px 20px;}
.morgamBox{position: relative;text-align: center;margin: 20px 0 0;background: #e7e7e7;border-radius: 8px;overflow: hidden;width: 100%;}
.mgthumb{height: 160px;transition: 0.3s ease;}
.mgname{color: #3e3e3e !important;font-weight: 400;}
.mgInner{padding: 11px 12px;padding-left: 17px;}
.moreGamBtn{
background: #4caf50;
color: white !important;
border-radius: 5px;
padding: 2px 8px;
}
.pagination{background: #e7e7e7;padding: 10px;border-radius: 7px;}
.pagination a{font-size: 14px;display: flex;align-items: center;justify-content: center;padding: 6px 11px;background: white;border-radius: 60px;margin-right: 10px;color: #4a4a4a;}
.pagination a:hover{
background: #cfcfcf;
color: #141414;
}
.pagination .current{
background: var(--first) !important;
color: white !important;
}
.morgamBox:hover img{
transform: scale(1.1);
}
.moreGamBtn:hover{
background: #2a8d2e;
}
.morgamBox:hover{
background: #ddd9d9;
}
.gamecatsearch{
width: 170px;
}
/* play games end */
/* game single start */
.gameFrame{
width: 100%;
height: 460px;
}
.gamecontrolBack{
}
.gameright .cont{
padding: 5px 10px;
text-align: center;
background: white;
border-radius: 5px;
user-select: none;
cursor: pointer;
border-radius: 6px;
margin-left: 7px;
color: #727272;
}
.gameright .cont p{
font-size: 12px;
}
.gameright .cont:hover{
color: black;
}
.gameBox2{height: 100px;display: block;margin: 20px 0 0;border-radius: 7px;overflow: hidden;}
.gameBox2 .thumb1{
width: 100%;
height: 100%;
}
.gameBox2 .name{
bottom: 0;
z-index: 1;
width: 100%;
color: white;
text-align: center;
padding: 22px 0 8px;
opacity: 0;
transition: 0.3s ease;
}
.gameBox2:hover .name{
opacity: 1;
}
.gameBox2 .name{
background: rgba(0,0,0,0);
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.71) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,0.71)));
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.71) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.71) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.71) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.71) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
}
/* game single end */
/* micro jobs start */
.microjobBox{display: block;border: 1px solid #dfdfdf;border-bottom: 3px solid #dfdfdf;border-radius: 7px;margin: 0 0 20px;transition: 0.25s ease;overflow: hidden;}
.microjobBox .inner1{
border-bottom: 1px solid #d9d9d9;
padding: 13px 20px !important;
}
.microjobBox .inner{
padding: 20px 20px;
}
.microjobBox .cat{
background: #e7e7e7;
color: #606060;
padding: 4px 10px;
border-radius: 4px;
font-weight: 500;
font-size: 13px;
}
.microjobBox .title{
font-size: 20px;
margin: 0 0 12px;
color: #303030;
font-weight: 500;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
}
.microjobBox .desc{
font-size: 12px;
margin: 0 0 20px;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
line-clamp: 3;
-webkit-box-orient: vertical;
color: #a3a3a3;
}
.microjobBox .amtBackb{
font-size: 16px;
background: #4caf50;
color: white;
padding: 3px 9px;
border-radius: 5px;
}
.microjobBox .amtBackb img{
width: 16px;
margin-right: 11px;
}
.microjobBox .posted{margin: 20px 0 0;color: #a3a3a3;}
.microjobBox .posted img{border-radius: 100px;width: 24px;height: 24px;margin-right: 10px;}
.microjobIcon{
font-size: 120px;
top: 78%;
left: 57%;
opacity: 0.07;
user-select: none;
color: black !important;
transition: 0.3s ease;
}
.microjobBox:hover .microjobIcon{
transform: translate(0px, -20px);
opacity: 0.2;
}
.microjobBox:hover,
.microjobBox:focus{
border: 1px solid #4caf50;
}
.micjobVisited{
opacity: 0.4;
}
.micjobVisited .amtBackb{
background: #d3d3d3 !important;
color: gray;
}
.micjobVisited .inner1 img{
filter: grayscale(1);
}
.micjobVisited .microjobIcon{
transform: none !important;
opacity: 0.12 !important;
}
/* micro jobs end */
.dashlbl1{margin: 0 0 5px;font-weight: 400;color: #7c7c7c;}
.dashinp1{
width: 100%;
padding: 9px 10px;
border: 1px solid #cdcdcd;
outline: none !important;
border-radius: 4px;
margin: 0 0 20px;
}
.dashinp1:hover,
.dashinp1:focus{
border: 1px solid var(--first);
}
.dashppFlex{
}
.dashppFlex img{
width: 86px;
height: 86px;
border-radius: 8px;
}
.hr1{
opacity: 0.15;
}
.dashinp1{
background-position: 96%;
background-size: 8px;
}
.profTabBack{overflow: hidden;border-radius: 7px;}
.profTabBack span{background: #eaeaeb;padding: 9px 14px;cursor: pointer;user-select: none;transition: 0.25s ease;color: #767676;}
.profTabBack .active{background: #d7d7d7 !important;color: #242424 !important;}
.profTabBack span:hover{
background: #dfdfdf;
}
.textarea1{
max-width: 100%;
min-width: 100%;
min-height: 100px;
max-height: 500px;
}
/* alerts start */
.alert{
padding: 11px 17px;
background-size: 16px;
background-repeat: no-repeat;
background-position: 11px 15px;
padding-left: 39px;
}
.alert-info {
color: #208da3;
border: 1px solid #afdae3;
background-image: url(../img/alert-info2.png);
}
.alert-primary{
color: #5c77a0;
border: 1px solid #9bb9e7;
background-image: url(../img/alert-primary.png);
}
.alert-secondary{
color: #6d727b;
border: 1px solid #b9bcc4;
background-image: url(../img/alert-secondary.png);
}
.alert-danger{
color: #ae535b;
border: 1px solid #d1a6aa;
background-image: url(../img/alert-danger.png);
}
.alert-warning{
color: #8d762c;
border: 1px solid #bdaa6e;
background-image: url(../img/alert-warning.png);
}
/* alerts end */
/* badge start */
.badge{
padding: 8px 10px;
font-size: 13px !important;
font-weight: 500 !important;
border-radius: 5px;
}
.badge-info{
background: #e1e1e1;
}
.badge-primary{
background: #e1e1e1;
color: #555353;
}
.badge-success{
background: #1aaf1a;
color: white;
}
.badge-danger{
background: #fb3838;
color: white;
}
.badge-warning{
background: #dfaf00;
color: white;
}
/* badge end */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
border: 1px solid var*--first;
-webkit-text-fill-color: black;
-webkit-box-shadow: none;
transition: background-color 5000s ease-in-out 0s;
}
.pagination2{display: flex;}
.pagination2 a{border-radius: 100px;border: 1px solid #bdbdbd;color: gray;margin-right: 6px;display: flex;align-items: center;justify-content: center;width: 30px;height: 30px;}
.pagination2 a:hover{
border: 1px solid #878787;
color: black;
}
.pagination2 .current{
background: var(--first);
color: white;
}
.table tr:nth-child(odd) {
background: #f1f1f1;
}
.depFlex{
}
.depFlex img{height: 20px;}
.depFlex input{
display: none;
}
.depFlex label{
padding: 10px 14px;
margin: 0 12px 13px 0;
border-radius: 6px;
border: 1px solid #dfdfdf;
cursor: pointer;
user-select: none;
}
.depFlex label:hover,
.debBtnactive
{
background: #ffffff;
border: 1px solid #4caf50 !important;
}
.btn5{
background: #4caf50;
color: white !important;
border: none !important;
outline: none !important;
user-select: none;
cursor: pointer;
}
.btn5:hover,
.btn5:focus{
background: #329136;
}
.refLinkInp{width: 100%;padding: 10px 16px;font-size: 16px;background: none;border: none;color: #8b4d00;}
.refLinkBox{background: orange;color: white;border-radius: 6px;overflow: hidden;}
.refLinkBox, .grad3
{
background: rgba(230,192,39,1);
background: -moz-linear-gradient(top, rgba(230,192,39,1) 0%, rgba(248,80,50,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(230,192,39,1)), color-stop(100%, rgba(248,80,50,1)));
background: -webkit-linear-gradient(top, rgba(230,192,39,1) 0%, rgba(248,80,50,1) 100%);
background: -o-linear-gradient(top, rgba(230,192,39,1) 0%, rgba(248,80,50,1) 100%);
background: -ms-linear-gradient(top, rgba(230,192,39,1) 0%, rgba(248,80,50,1) 100%);
background: linear-gradient(to bottom, rgba(230,192,39,1) 0%, rgba(248,80,50,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6c027', endColorstr='#f85032', GradientType=0 );
}
.refLinkBox .head{
font-size: 27px;
}
.copyLinkBtn{
background: #f3bc31;
padding: 8px 15px;
border: none;
outline: none;
margin: 5px;
border-radius: 6px;
font-weight: 500;
color: white;
font-weight: 600;
}
.copyLinkBtn:hover,
.copyLinkBtn:focus{
background: #e5ae23;
}
.refLinkFlex{
border: 1px solid white;
margin: 20px 0 0;
color: orange;
max-width: 520px;
border-radius: 7px;
background: #ffe7c6;
box-shadow: 0 3px 12px rgb(163 42 10 / 24%);
}
.rebBanLink{width: 100%;padding: 10px 13px;border: 1px solid #c9c9c9;background: #f3f3f3;border-radius: 4px;outline: none !important;}
.txtreflink{
max-width: 100%;
min-width: 100%;
max-height: 140px;
min-height: 90px;
overflow: hidden;
}
.regBack1{
background: url(../img/regBack1.png);
padding: 43px 48px;
background-size: 170px;
}
.megaphone1{
right: 100px;
width: 180px;
bottom: -40px;
}
.memtable{width: 100%;text-align: center;background: white;}
.memtable .mname{
font-size: 23px;
margin: 0px 0 4px;
font-weight: 600;
}
.memtable .desc{
font-weight: 400;
}
.memtable .headRow{
}
.memtable .headRow th{padding: 28px 10px;background: #00ffd0;color: white;}
.memtable .txt1{
text-align: left;
display: flex;
align-items: center;
justify-content: space-between;
}
.memtable .txt2{
}
.memtable .txt2 img{height: 14px;}
.mempriceBack{
padding: 34px 0;
}
.memtable td{
padding: 12px 24px;
border-right: 2px solid #efefef;
}
.memtable .price{font-size: 44px;color: #979797;}
.memtable .tag{border-radius: 5px;margin: 10px 0 0;display: inline-block;background: #b9b9b9;}
.memtable .tag2{background: #009688;}
.memtable .tag3{background: #ffb300;}
.memtable .tag4{background: #5e35b1;}
.memtable .tag5{background: #C2185B;}
.memtable .sign{font-size: 26px;margin-right: 7px;color: #a3a3a3;}
.memtable .amt{font-size: 39px;margin-right: 3px;}
.memtable .time{font-size: 13px;color: #6e6e6e;}
.mempriceBack .flex{
align-items: center;
justify-content: center;
}
.memtable tr:nth-child(odd) {
background: #efefef;
}
.meminfoTop{opacity: 0.2;cursor: pointer;user-select: none;}
.meminfobox{
width: 270px;
text-align: left;
background: white;
padding: 20px 20px;
left: 95%;
top: 4px;
font-size: 13px;
border-radius: 7px;
/* box-shadow: 0 4px 8px rgb(0 0 0 / 12%); */
border: 1px solid #dbdbdb;
color: #747474;
display: none;
user-select: none;
}
.meminfoTop:hover{
opacity: 0.4;
}
.memBtn1{
padding: 10px 51px;
border-radius: 8px;
margin: 20px 0;
width: 100%;
}
.memtable tr:nth-last-child(1) {
background: #efefef;
border-top: 1px solid #d5d5d5;
}
.memtable tr:nth-last-child(1) td {
border-right: 2px solid hsl(0deg 0% 43.31% / 15%);
}
.memtable tr td:nth-child(4) {border-right: 2px solid rgb(255, 179, 0) !important;border-left: 3px solid rgb(255, 179, 0) !important;background: rgb(255 179 0 / 9%);}
.mempopular{
background: #D50000;
left: 0;
right: 0;
margin: auto;
display: inline-block;
padding: 6px 0;
top: -28px;
font-size: 12px;
border-radius: 9px 9px 0 0;
}
.accPage{
padding: 90px 0;
}
.memBlock{
overflow: auto;
padding-top: 70px;
}
.currMember{
}
.contestHeader{
text-align: center;
padding: 80px 0 100px;
color: white;
color: #393F4B;
/* overflow: hidden; */
}
.contestHeader .head{background: url(../img/ribbon12.png) no-repeat;background-size: contain;width: 530px;height: 180px;margin: auto;padding-top: 55px;color: #393F4B;font-size: 34px;}
.contestPad{
padding: 70px 0;
}
.trophy1{
left: -170px;
height: 409px;
bottom: -146px;
}
.trophy12{
right: -130px;
height: 319px;
bottom: -136px;
}
.timerCont{margin: 40px 0 0;position: absolute;left: 0;right: 0;transform: translate(0, 10px);}
.timerCont .time1{
font-size: 50px;
line-height: 1;
}
.timerCont .time2{
font-size: 16px;
}
.timerCont .cont{
margin: 0 6px;
padding: 12px 16px;
background: white;
border-radius: 6px;
box-shadow: 0 2px 3px hsl(45deg 40% 19.61% / 25%);
}
.timerCont #seconds{
color: #e15e5e;
}
.contestPad .block2{
}
.contRight{
padding-left: 30px;
}
.contstPrizBox{
text-align: center;
padding: 20px 30px;
border-radius: 5px;
margin: 15px 0 0;
width: 100%;
}
.hide {
}
.memerCont{
}
.memFlex1{flex-wrap: wrap;}
.memMainBox{
position: relative;
}
.memMainBox .name{
font-size: 19px;
font-weight: 500;
}
.memMainBox{border: 1px solid #b9b9b9;padding: 30px 32px;border-radius: 9px;overflow: hidden;margin: 0 0 23px;}
.memMainBox .sign{font-size: 23px;margin-right: 4px;color: #A3A39C;}
.memMainBox .cost{
font-size: 52px;
margin-right: 1px;
font-weight: 500;
}
.memMainBox .time{
font-size: 16px;
color: #a3a3a3;
}
.memlist1{margin: 0 0 23px;text-align: left;}
.memlist1 li{align-items: center;display: flex;justify-content: space-between;margin: 8px 0;background-repeat: no-repeat !important;background-size: 13px;padding-left: 24px;background-position: 0 5px;color: #484848;}
.meminfoBtn{
}
.buymemBtn{
text-align: center;
padding: 10px 20px;
display: inline-block;
border-radius: 5px;
background: #7E57C2;
width: 100%;
color: white !important;
font-weight: 400;
transition: 0.25s ease;
}
.memMainBox .amtFlex{
align-items: center;
}
.memstyle1 .name{color: #009688;}
.memstyle1 .cost{
color: #009688;
}
.memstyle1 li{
background-image: url(../img/memtick1.png);
}
.memstyle1 .buymemBtn{
background: #009688;
}
.memstyle1{
border: 1px solid #009688;
border-bottom: 2px solid#009688;
background: #ebf7f6;
}
.memstyle2 .name{color: #BF360C;}
.memstyle2 .cost{
color: #BF360C;
}
.memstyle2 li{
background-image: url(../img/memtick2.png);
}
.memstyle2 .buymemBtn{
background: #BF360C;
}
.memstyle2{
border: 1px solid #BF360C;
border-bottom: 2px solid #BF360C;
background: #fdf8f7;
}
.memstyle3 .name{color: #7E57C2;}
.memstyle3 .cost{
color: #7E57C2;
}
.memstyle3 li{
background-image: url(../img/memtick3.png);
}
.memstyle3 .buymemBtn{
background: #7E57C2;
}
.memstyle3{
border: 1px solid #7E57C2;
border-bottom: 2px solid #7E57C2;
background: #f5f2fa;
}
.memstyle4 .name{color: #C2185B;}
.memstyle4 .cost{
color: #C2185B;
}
.memstyle4 li{
background-image: url(../img/memtick4.png);
}
.memstyle4 .buymemBtn{
background: #C2185B;
}
.memstyle4{
border: 1px solid #C2185B;
border-bottom: 2px solid #C2185B;
background: #fdf6f8;
}
.memstyle5 .name{color: #039BE5;}
.memstyle5 .cost{
color: #039BE5;
}
.memstyle5 li{
background-image: url(../img/memtick5.png);
}
.memstyle5 .buymemBtn{
background: #039BE5;
}
.memstyle5{
border: 1px solid #039BE5;
border-bottom: 2px solid #039BE5;
background: rgb(3 155 229 / 7%);
}
.memstyle6 .name{color: #6D4C41;}
.memstyle6 .cost{
color: #6D4C41;
}
.memstyle6 li{
background-image: url(../img/memtick+.png);
}
.memstyle6 .buymemBtn{
background: #6D4C41;
}
.memstyle6{
border: 1px solid #6D4C41;
border-bottom: 2px solid #6D4C41;
background: rgb(109 76 65 / 5%);
}
.memMainBox .subtitle{
font-size: 12px;
margin: 2px 0 10px;
color: #707070;
}
.memMainBox .popTag{background: #FFEB3B;color: #662f00;width: 160px;text-align: center;padding: 6px 0;top: 24px;right: -40px;transform: rotate(45deg);font-size: 12px;}
.memMainBox:hover .buymemBtn{transform: translate(0, -4px);}
.buymemBtn:hover{
box-shadow: 0 7px 8px rgb(0 0 0 / 20%);
}
.payBoxContainer{
display: flex;
font-variant: flex-w;
flex-wrap: wrap;
}
.PayBox2{padding: 7px 9px;border: 1px solid #dfdfdf;border-bottom: 3px solid #dfdfdf;border-radius: 7px;margin: 0 0 20px;transition: 0.25s ease;display: block;width: 18%;margin: 0 9px 16px;}
.payImg2{}
.payTitle2{font-size: 13px;font-weight: 500;}
.payDesc{font-size: 11px;color: #727272;margin: 7px 0 0;line-height: 1.3;}
.payCredFlex{display: flex;align-items: center;justify-content: space-between;padding: 3px 8px;background: #d81b60;color: white;border-radius: 5px;font-size: 13px;margin: 10px 0 0;}
.payTimer1{
}
.payMon2{
}
.payImgBack{
text-align: center;
background: #f1f1f1;
margin: 0 0 13px;
}
@media screen and (max-width: 992px) {
.hide {
display:none;
}
.block992, .bars
{ display: block }
.hide992, .footer .head::before
{ display: none }
.bannAd, .cgblock2
{ width: 100%; }
.tac, .copyFoot
{ text-align: center; }
.footSocial, .paymentsFoot
{ justify-content: center; }
.mb10_{ margin-bottom: 10px }
.mb15_{ margin-bottom: 15px }
.mb20_{ margin-bottom: 20px }
.mb30_{ margin-bottom: 30px }
.mb40_{ margin-bottom: 40px }
.mt10_, .footSocial
{ margin-top: 10px }
.mt15_{ margin-top: 15px }
.mt20_{ margin-top: 20px }
.mt30_{ margin-top: 30px }
.mt40_{ margin-top: 40px }
.fs24_{ font-size:24px !important }
.fs28_{ font-size:28px !important }
.fs30_{ font-size:30px !important }
.fs35_{ font-size:35px !important }
.mainul{padding: 16px 0;border-top: 1px solid gainsboro;display: none;}
.mainul li{display: block;}
.main-link{
display: flex;
align-items: center;
width: 100%;
padding: 8px 10px;
border: none;
}
.menuMobBack{
display: flex;
}
.headIcon{
margin-right: 21px;
transform: none !important;
}
.logo-main {
width: 156px;
margin: 17px 0;
}
.headBtn{
margin: 10px 0 0;
}
.homeSlider{
padding: 60px 0 0;
background-position: right;
}
.homeSlider .head{
font-size: 40px;
}
.table{
width: max-content
}
.hsStats{
flex-wrap: wrap;
margin: 18px 0 20px;
}
.singleStat{
border: none !important;
width: 50%;
padding: 14px 00;
}
.singleStat .val{
font-size: 30px;
}
.moneySlider{
position: static;
width: 300px;
height: 300px;
margin: 50px auto 0;
}
.person1{
position: static;
transform: none;
margin: 60px 00 0;
width: 100%;
}
.regBack1{
padding: 27px 34px;
}
.hsec1Flex .hsec1Box, .hsec2Box{
margin: 20px 0 0;
}
.tabecCont{
padding: 27px 22px;
}
.block1{
padding: 27px 22px;
}
.contSpecBox{
margin: 30px 0 0;
padding: 29px 29px;
}
.btnfull{
display: block;
width: 100%;
text-align: center;
justify-content: center;
max-width: 100%;
}
.homRecCont .col1, .homRecCont .col2, .homRecCont .col3, .homRecCont .col4, .homRecCont .col5
{ width:100% }
.tabRecRow{
padding: 9px 0;
padding-left: 18px;
}
.homRecCont .data {
font-size: 14px;
}
.homRecCont .head{
font-size: 14px;
}
.footer .head{border-top: 1px solid #3e3e3e;padding: 20px 0 3px;margin: 20px 0 20px;}
.ptcslider h2{
font-size: 44px;
}
.ptcsliderimg{position: static;width: 100%;transform: translate(-0, 13px);margin: 20px 0 0;height: 358px;background-position: center;}
.ptcimg1{
}
.ptcAdClickBox{transform: translate(6px, 70px);}
.ptcAdClickBox .bottom{
font-size: 29px;
}
.ptcslider{
padding-bottom: 0;
}
.partPtcBox img{
height: 22px;
margin: 15px 16px;
align-items: center;
}
.ptcSec2Box{
padding: 30px 35px;
}
.footer{
text-align: center;
}
.sidebar-head{
padding: 11px 25px;
}
.sidebarUl a{
padding: 10px 20px;
}
.mobSideTop{display:flex;background: white;border: 1px solid #d7d7d7;}
.accRightCont{
border-bottom: 3px solid #d9d9d9;
overflow-y: auto;
}
.mobDashMenu{
position: fixed;
height: 100%;
width: 100%;
top: 0;
left: -110%;
z-index: 9999;
background: white;
transition: 0.3s ease;
box-shadow: 0 0 62px rgb(0 0 0 / 25%);
overflow: scroll;
}
.leftSidebarCont{margin: 0;padding: 15px 17px;}
.sideUYserBack{
display: flex;
text-align: left;
}
.personsideimg{
height: 60px;
width: 60px;
margin-right: 13px;
}
.sideUYserBack .head{
margin: 0 0 6px;
}
.clixgridbox{
}
.clixgridCont{
width: 100%;
}
/* ptc media start */
.ptcBox{
padding: 12px 11px;
}
.ptcBox .img1{
height: 26px;
}
/* ptc media end */
/* game single media start */
.gameright .cont p{ display: none; }
.gameright .cont{
width: 100%;
margin: 10px 3px 0;
}
/* game single media end */
.contRight{ padding:0 }
.contestHeader .head{
width: 100%;
padding: 38px 0 0;
font-size: 26px;
height: 131px;
}
.timerCont .time1 {
font-size: 31px;
}
.contestHeader{
padding: 40px 0 80px;
}
.timerCont{
margin: 20px 0 0;
}
.widget-head2{
display: block
}
.accIconDown{
right: 18px;
}
.dropdownUl{
width: 100%
}
} /* media 992 */