body{box-sizing:border-box;background:#2E3944;color:gray;font-family:Tahoma;margin:0;padding:0;overflow-x:hidden}

/*jump up*/ 
.jup:hover{margin-top:-70px;transition:margin-top 2s}

/*for menu*/
.mbb{min-height:50px;white-space:nowrap;line-height:50px;display:block;position:relative;z-index:99999999999999}
.mbbOv{width:100%;font-family:Verdana, Geneva, Tahoma, sans-serif}

/*for links*/
.lnk{font:10pt arial;text-decoration:none;cursor:pointer}
.lnk:hover{color:red;text-decoration:underline}
.nDeco{text-decoration:none}
.mbb .lnk{margin-left:10px}
/*for color*/
.cW{color:#fff}
.cB{color:darkblue}
.cR{color:red}
.cC{color:#009}
.cG{color:green}
.cO{color:orangered}
.cBlu{color:blue}

.cYan{color:#010423}
.cGray{color:gray}
.cBK{color:#000}
.cdarkGreen{color:#0af163}
/*for overflow setting*/
.ovfXYauto{overflow:auto}
.ovf{overflow:hidden}
.ovfX{overflow-x:auto}
.ovfY{overflow-y:hidden}
/*for background colors*/
.bGray{background:#efefef}
.bWyt{background:#fff}
.bGWyt{background:ghostwhite}
.bBlue{background-color:#0a131d}
.bCyan{background:#010423}
.blytGreen{background:#d8f8b2}
.bRed{background:red}
.bDB{background:#070717}
.bO{background-color:orangered}
.bB1{background-color:#212A31}
.bB2{background-color:#254E58}
.bB3{background-color:#2E3944}

.bYellow{background:yellow}

.bNon{background:none}
.bg1{background:url('../_site_img/bg/banner-1.jpg') no-repeat;background-size:100% 100%}
.bg2{background:url('../_site_img/bg/b2.jpg') no-repeat;background-size:100% 100%}
.bg3{background:url('../dimg/shape-3.png') no-repeat;background-size:100% 100%}
.bg4{background:url('../_site_img/bg/atm.jpeg') no-repeat;background-size:100% 100%}
.loan{background:url('../_site_img/bg/loan.jpg') no-repeat;background-size:100% 100%}
.why{background:url('../_site_img/bg/img-1.jpg') no-repeat;background-size:100% 100%}
.terms1{background:url('../_site_img/bg/terms.jpeg') no-repeat;background-size:100% 100%}
.bkgLoan{background:url('../_site_img/loan.jpg') no-repeat;background-size: 100% 100%}
.bkgAccType{background:url('../_site_img/2.jpg') no-repeat;background-size: 100% 100%}
.bkgcardType{background:url('../_site_img/3.jpg') no-repeat;background-size: 100% 100%}
.bkgcard{background:url('../_site_img/cards.jpg') no-repeat;background-size: 100% 100%}

.contact1{background:url('../_site_img/bg/contact.jpg') no-repeat;background-size:100% 100%}
/*for font size*/
.f10{font-size:10pt}
.f12{font-size:12pt}
.f14{font-size:14pt}
.f18{font-size:18pt}
.f40{font-size:40pt}
.bld{font-weight:bold}

.f15{font-size:15pt}
.f20{font-size:20pt}
.f25{font-size:25pt}
.f30{font-size:40pt}
.f50{font-size:50pt}
.bld{font-weight:bold}
.tahoma{font-family:Tahoma}
.calibri{font-family:Calibri}
/*for font family*/
.Verdana{font-family:Verdana}
.tahoma{font-family:Tahoma}
.calibri{font-family:Calibri}
/*for min-height*/
.mh300px{min-height:300px}
.h20px{height:20px}
.h50px{height:50px}

.h40px{height:40px}
.w40px{width:40px}
.h30px{height:30px}
.w30px{width:30px}

.h250px{height:250px}
.h200px{height:200px}
.h400px{height:400px}
.h600px{height:600px}
.w20px{width:20px}
.w50px{width:50px}

.w100{width:100%}
.w200px{width:200px}
.w300px{width:300px}
.w350px{width:350px}
.w20cent{width:20%}
.w25cent{width:25%}

.w30cent{width:30%}
.w40cent{width:40%}
.w45cent{width:45%}
.w50cent{width:50%}
.w80cent{width:80%}

.w400px{width:400px}
.w500px{width:500px}
.mh40{min-height:40px}
.mh80{min-height:80px}
.mh400{min-height:400px}
.mh300{min-height:300px}
.mh600px{min-height:600px}
.mh200px{min-height:200px}
/*for margins*/
.mt0{margin-top:-10px}
.mt10{margin-top:10px}
.mt20{margin-top:20px}
.mt100{margin-top:100px}
.mt150{margin-top:150px}
.mb50{margin-bottom:50px}
.ml10{margin-left:10px}
.ml20{margin-left:20px}
.ml50{margin-left:100px}
.ml10p{margin-left:10%}
.mR2cent{margin-right:2%}
.autm{margin:0 auto}
/*for border setttings*/
.borderSet2{border-top:solid 5px #010423}
.borderSet3{border:solid lightgray 6px;height:auto;border-radius:20px;}
.BorderColapse{border-collapse:collapse}
.noBorder{border-style:none}

.borderSet{border:solid 1px lightgray;border-radius:5px}
.borderTop{border-top:solid 5px darkorange}
.borderTop1{border-top:solid 1px ghostwhite}
.borderTop2{border-top:solid 1px lightgray}
/*for border radius*/
.rad{border-radius:100%}
.rad10{border-radius:10px}
/*for input*/
.txt{height:50px;border-radius:5px;border:solid 1px gray;resize:none;color:gray;outline:none}
select{background:#fff;width:101%}

/*for buttons*/
.btn{border-radius:5px;padding: 5px 5px;min-height:40px}
.btn:hover{color:#fff;background:#095dae}
.deven:nth-child(odd){background:#0c5555;color:#fff}
.deven:nth-child(even){background:#176d7d;color:#fff}

/*for different widths*/
.w10{width:10%}.w20{width:20%}.w70{width:70%}.w50{width:50%}.w60{width:60%}.w100{width:100%}.w100px{width:100px}.w40{width:40%}.w90{width:90%}.w350px{width:350px}.w180px{width:180px}.w200px{width:200px}.w50px{width:50px}

/*for height*/
.h100px{min-height:100px}
.h100px1{height:100px}

.h200px{min-height:200px}
.h400px{min-height:400px}
.h300px{height:300px}
.h600px{min-height:600px}
.h50px{min-height:50px}
.h120px{min-height:120px}
.h150px{min-height:150px}
.h20px{min-height:20px}
.h600pxA{height:600px}
.h400pxA{height:400px}
.h100cent{height:100%}

/*for radius*/
.rd100{border-radius:100%}
/*for z-index*/
.z1{position:absolute;z-index:1}
.z2{position:absolute;z-index:2}
.z3{position:absolute;z-index:3}
.z4{position:absolute;z-index:4}
.z5{position:absolute;z-index:5}
.zR1{position:relative;z-index:1}
.zR2{position:relative;z-index:2}
.zR3{position:relative;z-index:3}
/*for lineheight*/
.lh1{line-height:-5}
.lh2{line-height:2}
.lh5{line-height:5}
.lh10{line-height:10}
/*for padding*/
.p10px{padding:10px;box-sizing:border-box}
.p20px{padding:20px;box-sizing:border-box}
.p100px{padding:100px;box-sizing:border-box}
.p50px{padding:50px;box-sizing:border-box}

/*for comment section*/
.comnt-bdy{margin:0}
.creplies{margin-left:30px;margin-top:0}
.comnt-bdy,.creplies{margin-top:20px}
.comnt-by{font-size:12pt;font-family:Calibri;font-style:italic}
/*for z-index*/
.z4{position:relative;z-index:4}
.z3{position:relative;z-index:3}

/*for inlline block*/
.inblk1{display:inline-block;vertical-align:top}
.inblk2{display:inline-block;vertical-align:top;float:left}
.inblk3{display:block}
.inblk4{display:inline-block;margin:2%}
.inblk5{display:inline-block;vertical-align:top;box-sizing:border-box}
.blk{display:block}
/*for contact*/
.cts{background:url('../_site_img/cts.jpg') no-repeat;background-size:100% 100%}
.abt{background:url('../_site_img/abt.png') no-repeat;background-size:100% 100%}
.exc{background:url('../_site_img/ex.jpeg') no-repeat;background-size:100% 100%}
.sms{background:url('../_site_img/sms1.jpg') no-repeat;background-size:100% 100%}

/*for main, footer and header*/
.hd{width:100%;min-height:100px;background:#010423}
.ft1{background-color:orangered;width:100%;color:#fff;min-height:300px;font-size:12pt}
.ft1 a{display:block;margin-left:0;margin-top:10px}
.ft1 .dsb{width:250px;}
/*for main*/
.main{min-height:500px;width:100%;margin:0 auto;background:#fff;margin-bottom:2px}

/*for holding links*/
.dsb{min-width:250px;display:inline-block;text-align:left;font-family:Verdana;line-height:1.8;color:lightgray}

/*for icons*/
.like{background:url('../_site_img/ic/like.png')}
.dislike{background:url('../_site_img/ic/dislike.png')}
.comment{background:url('../_site_img/ic/comment.jpg')}
.views{background:url('../_site_img/ic/eye.png')}
.more{background:url('../_site_img/ic/readmore.jpg')}
.u{background:url('../_site_img/ic/p.png')}
.sup{background:url('../_site_img/ic/sup.png')}
.out{background:url('../_site_img/ic/lt.png')}
.cat{background:url('../_site_img/ic/cat.png')}
.date{background:url('../_site_img/ic/date.png')}
.srch{background:url('../_site_img/ic/s.png')}
.loc{background:url('../_site_img/ic/loc.png')}
.mail{background:url('../_site_img/ic/mail.png')}
.call{background:url('../_site_img/ic/call.png')}
.bal{background:url('../_site_img/ic/bal.png')}
.logo1{background-image:url(../icons/logo.png);background-repeat:no-repeat;background-size:200px;background-position:center;background-position-x:10px}
.logo2{background-image:url(../icons/logoB.png);background-repeat:no-repeat;background-size:200px;background-position:center;background-position-x:10px}
.dollar{background-image:url(../icons/ds.png);background-repeat:no-repeat;background-size:50px 50px;background-position:left;background-position:0 0;padding-left:50px}
.succ{background-image:url(../icons/succ.png);background-repeat:no-repeat;background-size:50px 50px;background-position:left;background-position:0 0;padding-left:50px}

/**************************************/
.u{background:url('../icons/user.png') no-repeat;background-size: 20px 20px;padding-left:30px;}
.hist{background:url('../icons/history.png') no-repeat;background-size: 20px 20px;padding-left:30px;}
.count{background:url('../icons/count.png') no-repeat;background-size: 20px 20px;padding-left:30px;}
.bal{background:url('../icons/bal.png') no-repeat;background-size: 20px 20px;padding-left:30px;}
.date{background:url('../icons/date.png') no-repeat;background-size: 20px 20px;padding-left:30px;}
.dollar1{background:url('../icons/dollar.png') no-repeat;background-size: 20px 20px;padding-left:30px;box-sizing:border-box}
.url{background:url('../icons/link.png') no-repeat;background-size: 20px 20px;padding-left:30px}
.loc{background:url('../dimg/loc.png') no-repeat;background-size:20px 20px;padding-left:30px;height:20px}
.w{background:url('../icons/withdraw.png') no-repeat;background-size: 20px 20px;padding-left:30px}
.d{background:url('../icons/deposit.png') no-repeat;background-size: 20px 20px;padding-left:30px}
.t{background:url('../icons/trade.png') no-repeat;background-size: 20px 20px;padding-left:30px}
.lt{background:url('../icons/logout.png') no-repeat;background-size: 20px 20px;padding-left:30px}
.upg{background:url('../icons/upgrade.png') no-repeat;background-size: 20px 20px;padding-left:30px}
.h{background:url('../icons/home.png') no-repeat;background-size: 20px 20px;padding-left:30px}
.v{background:url('../icons/verified.png') no-repeat;background-size: 20px 20px;padding-left:30px}
.add{background:url('../icons/add.png') no-repeat;background-size: 20px 20px;padding-left:30px;}
.delete{background:url('../icons/delete.png') no-repeat;background-size: 20px 20px;padding-left:30px;}
.edit{background:url('../icons/edit.png') no-repeat;background-size: 20px 20px;padding-left:30px;}
.view{background:url('../icons/view.png') no-repeat;background-size: 20px 20px;padding-left:30px;}
.credit{background:url('../icons/credit.png') no-repeat;background-size: 20px 20px;padding-left:30px;}
.call{background:url('../icons/call.png') no-repeat;background-size: 20px 20px;padding-left:30px}
.mail{background:url('../icons/mail.png') no-repeat;background-size: 20px 20px;padding-left:30px}
.acc-type{background:url('../icons/acc-type.png') no-repeat;background-size: 20px 20px;padding-left:30px}
.acc-status{background:url('../icons/verified.png') no-repeat;background-size: 20px 20px;padding-left:30px}
.acc-type{background:url('../icons/acc-type.png') no-repeat;background-size: 20px 20px;padding-left:30px}
.btc{background:url('../icons/btc.jpg') no-repeat;background-size: 50px 50px;padding-left:50px}
.eth{background:url('../icons/eth.jpg') no-repeat;background-size: 50px 50px;padding-left:50px}
.mail{background:url('../icons/mail.png') no-repeat;background-size: 20px 20px;padding-left:30px}
.acc-info{background:url('../icons/info.png') no-repeat;background-size: 20px 20px;padding-left:30px}
.gender{background:url('../icons/gender.png') no-repeat;background-size: 20px 20px;padding-left:30px}
.nat{background:url('../icons/nationality.png') no-repeat;background-size: 20px 20px;padding-left:30px}
.pos{background:url('../icons/pos.png') no-repeat;background-size: 20px 20px;padding-left:30px}
.web{background:url('../icons/web.png') no-repeat;background-size: 20px 20px;padding-left:30px}
.atm{background:url('../icons/atm.png') no-repeat;background-size: 20px 20px;padding-left:30px}
.ussd{background:url('../icons/ussd.png') no-repeat;background-size: 20px 20px;padding-left:30px}
.transfer{background:url('../icons/transfer.png') no-repeat;background-size: 20px 20px;padding-left:30px}
.card{background:url('../icons/card.png') no-repeat;background-size: 20px 20px;padding-left:30px}
.st{background:url('../icons/statement.png') no-repeat;background-size: 20px 20px;padding-left:30px}
/*for cursor*/
.cur{cursor:pointer}

/*form header*/
.bn1 {width:100%;color:#000;font-family:Calibri;font-size:14pt;line-height:60px;min-height:50px}
.bn1 .uu{display:inline-block;margin-left:20px;vertical-align:top}
.bn1 div:nth-child(1){margin-left:0}
.bn1 div:nth-child(3){float:right;margin-right:30px}
.bn1 div span{margin-left:40px}

/*for icons settings*/
.icon-settings{background-repeat:no-repeat;background-size:15px 15px;padding-left:20px}
.bName{background:url('../_site_img/ic/logo.jpg') no-repeat;background-size:20px 20px;font-weight:bold}

.hd1{width:100%;display:block;background:#000;color:#fff}
.dArr{float:right;margin-right:20px;width:30px;text-align:center;cursor:pointer}
.dArr div{width:0px;height:10px;border:solid #fff 1px;display:inline-block;vertical-align:top}
.dArr div:nth-child(1){transform:rotate(-45deg)}
.dArr div:nth-child(2){transform:rotate(45deg)}
.micon{border-style:none;border-top:solid #fff 4px;width:30px;height:5px;margin-top:1px;}
/*hide on desktop*/
.hide{display:block}
.hd1Hide{display:none}
/*for search button*/
.tSrch{height:30px;width:80%}
.bSrch{width:15%;height:30px;background:url('../_site_img/ic/s.png') no-repeat;background-size:30px 30px;border:none;cursor:pointer}
.dvsrch{line-height:50px;background:#176d7d;display:none}
/*for repeater row*/
.dRow{background:#fff;border:solid 1px whitesmoke;width:100%}
.dRow:hover{background:whitesmoke}
/*for center text*/  
.cpr{text-align:center}
.jpr{text-align:left}
.talign{text-align:center}
.tleft{text-align:left}

/*for adverts div*/
.ads{background:ghostwhite;width:100%;height:350px;text-align:center}
.adsBkg{background:url('../_site_img/ad.jpg') no-repeat;background-size:cover}
/*for post details*/
.dpd{width:100%;height:auto;line-height:50px;background:ghostwhite;text-align:center}

h1{color:gray;font-size:22pt;font-weight:bold;font-family:Tahoma}
h2,h3{font-family:Calibri;color:#010423;font-size:14pt;font-weight:bold;white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;word-break:keep-all;text-align:left}

/*for pre-blog*/
.pre-blog{white-space:pre-line;white-space:-moz-pre-line;white-space:-pre-line;white-space:-o-pre-line;word-wrap:break-word;word-break:keep-all;line-height:1.5em}
.pre-blog a{font-size:14pt;color:#010423}
.pre-html,.pre-js,.pre-code{overflow-x:auto; background:ghostwhite;font-family:Consolas;font-size:12pt}
/*for share buttons*/
.share{width:50px;height:50px;line-height:70px}
.divshare{float:left;left:0; position:fixed;bottom:5px;z-index:99999}
.imgshare{display:inline-block;width:25px;height:25px;margin-left:10px;border-radius:20px;margin-top:10px;float:left}
/*for wait*/
.wait{width:70px;height:70px;left:0;right:0;bottom:0;top:0;margin:auto;overflow:hidden;border-radius:100%;box-shadow: 1px 1px 10px 10px gray}
.upR{width:100px;height:10px;background:red;position:relative;animation:gl 1.5s infinite}
.dwnL{width:100px;height:10px;background:green;position:relative;animation:gl 2.5s infinite}
.midL{width:100px;height:10px;background:orange;position:relative;animation:gr 1.5s infinite}
.progress{width:20%;height:20px;background-color:#f7f85c;border-radius:5px;animation: increaseWidth 1.5s;transition:width 0.5s ease;text-align:center}
.swp{position:relative;animation:sw infinite 9.5s}
/*for animation*/
@keyframes sw{
    0%{background:url('../_site_img/bg/banner-1.jpg') no-repeat;background-size:100% 100%}
    40%{background:url('../_site_img/bg/banner-2.jpg') no-repeat;background-size:100% 100%}
    80%{background:url('../_site_img/bg/banner-3.jpg') no-repeat;background-size:100% 100%}
    100%{background:url('../_site_img/bg/banner-1.jpg') no-repeat;background-size:100% 100%}

}
@keyframes gl{from{left:100%}to{left:0%}} @keyframes gr{from{left:0%}to{left:100%}} 
@keyframes increaseWidth{from{width:0%}to{width:100%}}

.spClose{position:relative;float:right;margin-right:20px;cursor:pointer}
.spClose:hover{color:lightgreen}
.mbb .spClose{display:none}
.shake{background:#c6ee9e;font-size:10pt;text-align:center;position:fixed;top:10px;z-index:22222;width:50%;line-height:20px;padding:20px;margin-left:20%;animation:shake 0.5s;color:green}
.shakeCont{position:relative;animation:shake 0.5s infinite}
@keyframes shake{
0% {transform: translate(1px,1px) rotate(0deg);}10%{transform:translate(-1px,-2px) rotate(-1deg);}20%{transform:translate(3px,0px) rotate(1deg);}30%{transform:translate(3px,2px) rotate(0deg);}40%{transform:translate(1px,-1px) rotate(1deg);}50%{transform:translate(-1px,2px) rotate(-1deg);}60%{transform:translate(-3px,1px) rotate(0deg);}70%{transform:translate(3px,1px) rotate(-1deg);}80%{transform:translate(-1px,-1px) rotate(1deg);}
 90%{transform:translate(1px,2px) rotate(0deg);}100%{transform:translate(1px,-2px) rotate(-1deg);}}

/*for disabled javascript*/
.js{text-align:center;z-index:9999}

/*for drop down*/
.drop{position:relative;color:gray;display:inline-block;margin-left:2px;text-align:left}
.drop:hover{background:#fff}
.drop:hover .lnk{color:#010423}
.dropItems {display:none;position:relative;width:200px;z-index:22222}
.drop .dropItems {display:none;position:absolute}
.drop:hover .dropItems{margin-top:-2px;margin-left:-0px;display:block;z-index:2;background:#010423}
.arr{border:solid white;border-width:0 3px 3px 0; display:inline-block; padding:2px}.dwn{transform:rotate(45deg);-webkit-transform:rotate(45deg)}

/*for current page*/
.page{width:100%; border-top:solid 1px lightgrey}
.curPage{width:100%; background:#fff;color:darkblue;font-family:Verdana;font-size:10pt;line-height:40px}
/*for dropdown*/

.d-w{width:100%;height:auto;color:black;display:block} 
.cholder{display:block;width:100%;min-height:400px;margin:0;clear:both}

.d-h-w{font-family:Calibri;font-size:12pt;width:43%;margin-top:100px;margin-left:5%;text-align:center;display:inline-block;vertical-align:middle;height:auto;box-sizing:border-box;overflow:hidden} 
.d-h-w p{color:#fff;line-height:30px;font-family:Calibri;font-weight:bold;font-size:20pt}

.cardsDiv{width:250px;height:auto;margin-top:30px;display:inline-block;margin-left:5%}

.d-a{width:20%;padding:10px;font:Calibri 10pt gray;display:inline-block;vertical-align:top;margin-left:1%}

.headline{font-size:14pt;font-family:monospace;font-weight:bold;color:dimgray}
hr{width:80%; background:white; border-color:white}
.uname1{position:absolute;top:10px;right:50px}
/*for aligning button to div bottm*/
.db{position:relative;bottom:-50px}
/*for overlay effect*/
.rgba{background-color:rgba(0,0,0,0.7)}
.rgba1{background-color:rgba(0,0,128,0.9)}
.parent{position:relative}
.parent .pic{position:absolute;width:80px;height:80px;border-radius:100%;border:ridge grey 2px;left:0;right:0;margin: auto;top:-30%;}
.parent .child1{position:absolute;left:0;top:0;}
.parent .child1 .right{right:0}
.parent .child2 {position:absolute;width:90%;background-color:#fff;min-height:300px;z-index:10;left:0;right:0;bottom:-40%;margin: 0 auto}
.parent .child4{display:inline-block;vertical-align:top;margin:1%;padding:20px;min-height:100px;min-width:200px;border-radius:10px;color:darkorange}
.parent .circular {position:absolute;width:150px;height:150px;background-color:orangered;color:#fff;z-index:10;border-radius:100%;font-size:50pt;font-weight:bold;font-family:Verdana;right:-50px;top:40%;text-align:center;padding:20px;box-sizing:border-box;}
.parent .circle2 {position:absolute;width:100px;height:100px;background-color:rgba(239, 106, 28, 0.08);border-radius:100%;right:-10%;top:75%;box-sizing:border-box;}
.parent .close{position:absolute;width:20px;height:20px;right:-40px;border-radius:100%;cursor:pointer}
.parent .rect {position:absolute;width:300px;height:400px;left:0;top:-50%;box-sizing:border-box;transform:rotate(-10deg);background-color:rgba(171, 181, 189, 0.66)}

.lRad{border-top-right-radius:50%;border-bottom-right-radius:50%}
.r{position:absolute;right:0}
.l{position:absolute;left:0}

.overlay{width:100%;height:100%;background:#000;opacity:0.5;z-index:20;
position:fixed;top:0;left:0;display:none} 
.ov2{display:block;opacity:0.9}
.ovTop{display:none;position:fixed;z-index:21;top:0;left:0;height:100%;width:100%}

.ovSld{position:relative}
.ovSldTxt{z-index:1002}
.ovSldTransparent{z-index:100000001;opacity:0.5}
.ovSld .ovSldTfxt,.ovSldTrfansparent{position:absolute;left:0;top:0}

.ovTxt{position:absolute;z-index:3;top:0;height:400px;width:100%}
.ovShade{position:absolute;background:#000;opacity:0.8;z-index:2;height:400px;width:100%}
.ovImg{position:absolute;z-index:1;margin:0}
.ov{width:100%;position:fixed;left:0;top:0;right:0;bottom:0;background:rgba(0, 0, 0, 0.71);display:none;z-index:99999999999999999}
.ov .rpt{min-height:400px;background-color:#fff;margin:5% auto}
.HowTo {margin:20px 50px 100px;border-radius:20px;padding:5px 5px 5px 5px;color:gray;height:auto;background:white}
.shadow{box-shadow: 1px 1px 10px 10px whitesmoke;margin-top:30px;margin-bottom:50px}
.shadowProgress{box-shadow: 1px 1px 5px 5px #e1e230;margin-top:30px;margin-bottom:50px}

.payOnline{margin: 0 auto;margin-top:20px;box-shadow: 1px 1px 10px 10px white;height:auto}
/*for check result btns*/
.check-r{line-height:40px;width:100%;text-align:left}
/*for link butons*/
.divLinks {width:300px;height:100px;line-height:100px;background:whitesmoke;color:white;text-align:center;margin-top:5px;margin-left:50px;margin-bottom:10px;box-shadow:3px 3px 8px 8px lightgray;display:inline-block}
/*for chat*/
.chat{width:60px;height:60px;border-radius:100%;position:fixed;z-index:2000000;bottom:20%;right:10px}
.divshare{float:left;left:0;position:fixed;height:auto;bottom:5px;margin-bottom:0;z-index:99999}
.imgshare{display:inline-block;width:25px;height:25px;margin-left:10px;border-radius:20px;margin-top:10px;float:left}
.cWallet{float:right;margin-right:20px}
/*for richtextbox*/
.rta{background:transparent;border-style:none;float:left}
table{border-collapse:collapse;width:100%;font-size:12pt;color:gray}
thead td{padding-top:10px;padding-bottom:10px;background-color:rgba(9, 9, 9, 0.7);color:#fff}
td{border:solid 1px lightgrey;padding:10px;border-left:none;border-right:none}
tbody{background-color:ghostwhite}
tbody:nth-child(2n+1){background-color:#fff}

.serial{background:#1f91e6;color:#fff;padding:10px;font-family:Calibri;font-size:12pt}

.d-n{width:20px;height:20px;border:solid 1px gray;background:#efe;display:inline-block;vertical-align:top;margin-left:5%}
.d-n:hover{background:#010423;color:crimson}
/*for pos*/
.posR{position:relative}
.posF{position:fixed}
.postimages{max-width:100%;height:auto;margin:0}
.mnu{display:none;position:absolute;cursor:pointer}

.r-pnl{width:20%;height:80%;overflow-y:scroll;color:ghostwhite;border-radius:20px;background:#212A31;font-size:10pt}
.a-r-pnl{height:90%;margin-top:80px;}

.r-pnl a{color:#fff;font-family:Calibri;font-size:12pt;text-decoration:none;margin-left:0;margin-right:0;}
.r-pnl p{border-bottom:dashed 0.002em #525c7a;border-right:none;border-left:none;margin:0;margin-left:10px;transition:margin-left 1.5s}
.r-pnl .hd{margin-left:30px;}
.dc{min-height:20px;border-radius:10px;padding:30px;box-sizing:border-box;width:70%}
.r-pnl,.dc{display:inline-block;vertical-align:top;margin-left:20px;margin-top:2%}
/*=====================================================*/

/* For 620 screens: */
  @media only screen and (max-width:620px)
 {
body {margin: 0}
/*for mobile menu*/
.hd1{position:inherit}
.bn1 .uu{margin:0}
.bn1 div span{margin-left:2px}
.bn1 div:nth-child(3){margin-right:5px}
.dsb{width:100%;}
.mbb{display:none;border-bottom:solid 1px grey;border-top:solid 1px grey;width:100%;height:100%;position:fixed;top:0;left:0;animation:gl 1.5s;background:#254E58}
.mbbOv{background:#212A31;width:80%;height:100%;overflow:hidden auto}
.mbb .lnk{margin-top:15px;display:block}
.mbb .spClose{display:block}
.dc{width:90%;margin:0 auto;margin-top:10px;margin-left:5%;padding:2%}
.r-pnl{display:none;position:absolute;top:-5px;bottom:0;left:-20px;right:0;border-radius:0}
.drop{display:block;color:gray;margin-left:2px;text-align:left;}
.drop .dropItems{display:block;width:100%;position:relative;margin-left:40px}
.drop:hover .dropItems{background:none;margin-left:40px}
.drop:hover{background:none}
.drop .dRow{border:none;background:none}
.hd1Hide{display:block;background:#000} 
.inblk{display:block;margin-top:100px}
.inblk1{display:block;margin-top:30px}
.mnu{display:block}
.parent .child4{display:block;width:90%;margin:auto;margin-top:20px}
.parent .close{position:absolute;width:20px;height:20px;right:-20px;border-radius:100%;cursor:pointer}
.ov .rpt{width:70%;margin:auto;margin-top:10%;min-height:200px}
/*hide on mobile*/
.hide{display:none}
/*for width*/
/*for card*/
.cardsDiv{width:90%;margin:0 auto;margin-top:50px}
.ml10{margin-left:0}.ml20{margin-left:0}.ml50{margin-left:0}.ml10p{margin-left:0}
.w20cent,.w25cent,.w45cent,.w20,.w70,.w60,.w40,.w30cent,.w90,.w30,.w350px,.w180px,.w200px,.w50,.w40cent,.w50cent{width:90%;margin:0 auto}

.shadow{margin-top:50px;margin-bottom:50px}
/*for overflow setting*/
.ovfX{overflow-x:scroll}
.ovfH{overflow:hidden}

.ovfY{overflow-y:hidden}
/*for result checking*/
.cWallet{margin-right:10px}
.d-a{width:80%;display:block;margin:20px auto;background:ghostwhite}
/*for footer*/
.dsb{display:block;margin-left:0;margin-top:30px}
.ft1 .dsb{width:100%}
.d-h-w{width:100%;margin:0}
.p100px{padding:10px;box-sizing:border-box}
.p50px{padding:10px;box-sizing:border-box}
.hdme{display:none}
.mCenter{text-align:center}
/*=============================*/
}
  /*end of @ media screen 620*/
  /*for print devices*/
  @media print{
#divPrint {display:block;width:100%;height:auto;color:#000;font-size:14pt}#divPrint #divmenu-cards,.lblwelcome,.HowTo,.ft1,.ads,.lnk,#cpy, #loadcard{display:none}#pUrl{display:block;font-family:Calibri;font-size:14pt;font-weight:bold;text-align:center;width:100%}.noPrint{display:none}
.check-r{display:none}.mbb{display:none}
}
ul{list-style:circle;padding-left:15px}
.inblk{display:inline-block;vertical-align:top;margin:2%}
.rgba3:before{content:'';width:100%;height:100%;position:absolute;top:0;bottom:0;right:0;left:0;background:rgba(0, 0, 0, 0.009)}
input[type=text],input[type=number],input[type=password],select{width:100%;border-radius:5px;padding:10px;box-sizing:border-box}
input,select{border:solid 1px lightgrey;outline:none;background:none;color:lightgray}

.grad{ background: rgb(0,0,0);background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(255,69,0,1) 93%, rgba(255,69,0,1) 100%)}