.hdcont a {color:#5ba5ff;}
.hdcont a:hover  {color:#002852; text-decoration: none;}

.hdcont {
width:1100px;
height:auto;
margin:40px auto 40px auto;
background: #fff;
border:1px solid #ccc;
border-bottom:4px solid #ccc;
border-top:4px solid #135e9b;
font-size:13px;
padding:15px 30px 20px 30px;
border-radius: 10px;
color:#444;

box-shadow: 0px 0px 10px 4px rgba(31, 31, 31, 0.25);
-moz-box-shadow: 0px 0px 10px 4px rgba(31, 31, 31, 0.25);
-webkit-box-shadow: 0px 0px 10px 4px rgba(31, 31, 31, 0.25);

box-sizing: border-box !important;
}
.hdcont h3:first-of-type {
padding:15px 0px 15px 30px;
margin:10px 0 30px 0 !important;
text-shadow:1px 1px 2px #666;
width:1010px;
display:block;
color:#fff !important;
border:none;
border-bottom:4px solid #135e9b;
border-radius:3px;
background: transparent;
text-align:left;
margin-top:10px !important;
background:url(graphics/visa_card.png);
background-position:0px -0px;
box-sizing:content-box;
font-size:36px;
font-weight:400;
font-family: 'Oswald', sans-serif;
text-transform:uppercase;
}
.hdcont h3:first-of-type span {
font-size:16px;
font-family:Roboto, 'sans-serif';
text-transform :none;
font-weight:300;
}

.hdcont input[type="text"] , .hdcont input[type="password"] , .hdcont textarea ,.hdcont select {
background:#fff;
height:40px;
line-height:40px;
margin:5px 0;
border-radius:3px;
border:1px solid #e2e2e2;
transform: rotateX(-90deg);
	-o-transform: rotateX(-90deg);
	-ms-transform: rotateX(-90deg);
	-webkit-transform: rotateX(-90deg);
    transform-origin: 0 0 0;
	-ms-transform-origin: 0 0 0;
	-webkit-transform-origin: 0 0 0;
    transition: all 0.3s ease-in-out; 
	-webkit-transition: all 0.3s ease-in-out;

opacity: 1;
    transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
	-ms-transform: rotateX(0deg);
	-webkit-transform: rotateX(0deg);
	transition-delay: 0.2s;
	-webkit-transition-delay: 0.2s;
color:#444;
outline:none;
padding:0 15px;

font-size:13px;
box-sizing:border-box;
}





.hdcont input[type="text"]:focus ,.hdcont input[type="password"]:focus, .hdcont textarea:focus , .hdcont select:focus  {
border-color:#419E4D;
outline:none;
}
.hdcont input[type="text"]:hover ,.hdcont input[type="password"]:hover ,.hdcont textarea:hover ,.hdcont select:hover {
border-color:#1067A0;
outline:none;
}
.hdcont textarea {
min-height:150px;	
}



.hdcont input[type="submit"] , .hdcont .sbmt {
padding:10px 25px; transition-property: background;
transition-duration: 0.2s;
transition-timing-function: linear;
background:#135e9b;color:#fff;
border:0px solid #e2e2e2;outline:none;font-weight:300;font-size:15px;border-radius:3px;
margin:5px 5px 5px 0px;
}

.hdcont input[type="submit"]:hover , .hdcont .sbmt:hover {
background:#5ba5ff   ;

}









.hderrorbox  {
list-style:none;
background:#fff;
margin:0;
color:#666;
font-size:12px;
padding:10px 20px;
border-radius:3px;
}
.hderrorbox li {
list-style:none;
background:#fff;
margin:0;
color:#666;
font-size:12px;
padding:10px 20px;
border-radius:3px;
}


.deposit_confirm  table th {color:#444;}

table tr:first-child th.first{moz-border-radius-topleft:3px;webkit-border-top-left-radius:3px}
table tr:first-child th.last{moz-border-radius-topright:3px;webkit-border-top-right-radius:3px}
table tr:last-child td.first{moz-border-radius-bottomleft:3px;webkit-border-bottom-left-radius:3px}
table tr:last-child td.last{moz-border-radius-bottomright:3px;webkit-border-bottom-right-radius:3px}
.hdcontainer {font-family:'Open Sans';width:960px;height:auto;margin:40px auto;background:#424242;padding:20px;border:1px solid #2d2d2d;-webkit-border-radius: 3px;}
.h3 {width:100%;padding:10px 0;border-radius:3px;background:#5ba5ff;color:#fff;text-align:center;border:1px solid #135e9b;font-size:18px;font-weight:normal;text-transform:uppercase;}



.hd_leftoptmenu {padding:20px 0 10px 0;background:#002852;margin-bottom:0px;}
.hd_usericon {font-size:40px;text-align:center;box-sizing:content-box;border:4px solid #5ba5ff   ;color:#fff;width:40px;height:40px;padding:10px;background:none;border-radius:50px;margin:0px auto 0 auto;}
.hd_usericon i {width:40px;height:40px;}
.hd_username {font-weight:300;font-size:15px;text-align:Center;color:#fff;margin:15px 0 0 0;}
.hd_lastseen {font-size:9px;padding-top:0px;margin:5px 0 10px 0;text-align:Center;color:#fff;}

/*************/
/* Vertical Menu CSS */
/*************/
#hd_leftcont {
width:200px;
height:auto;
background:#5ba5ff;
border:1px solid #135e9b;
border-radius:3px;
padding-top:0px;
margin-right:15px;
vertical-align:top;
display:inline-block;
margin-bottom:20px;
}
#hd_rightcont {
width:770px;
height:auto;
vertical-align:top;
display:inline-block;
}
#hd_rightcont h3 {
background:#fff;
border:1px solid #e2e2e2;
color:#444;
padding:15px;
border-radius:3px;
margin-bottom:5px;
font-size:15px;
font-weight:normal;
}
#hd_menucont {
    width:200px;
	height:auto;
}
#hd_menuconttit {
    width:200px;
	height:40px;
	line-height:40px;
	text-align:center;
	background:#313131;
    margin:2px 0px;
	color:#fff;
}
#hd_menuitems {
    width:200px;
	height:30px;
	line-height:30px;
	text-align:left;
	padding:0px 10px;
	box-sizing:border-box;
	color:#fff;
	background:#002852;
	border-bottom:1px solid #135e9b;
	transition-property: background;
	transition-duration: 0.2s;
	transition-timing-function: linear;
	font-size:13px;
}
#hd_menuitems i {margin-left:5px;margin-right:5px;color:#fff;}
#hd_menuitems:hover {
   
	background:#135e9b;
	color:#fff;
   
}
i {min-width:14px;margin-right:5px;}

.hderror {margin:10px 0;width:auto;padding:15px;background:#f4f9ff;color:#444;border-radius:3px;}

/* Top box for member details */
i {min-width:14px;margin-right:5px;}

.memberinfo {margin:10px 0px 10px 0px;display:block;border:1px solid #e2e2e2;vertical-align:top;height:auto;padding:0px;background:#fff;color:#444;}
.memberinfo_title {padding:15px;border-bottom:1px solid #e2e2e2;color:#444;font-size:14px;font-weight:bold;background:#f4f9ff;}
.memberinfo div.lines {display:inline-block;vertical-align:Top;width:50%;padding:10px 5px;box-sizing:border-box;padding-left:15px;text-align:left;}
.memberinfo div.linesr {color:#444;display:inline-block;vertical-align:Top;width:50%;box-sizing:border-box;padding:10px 5px;padding-right:15px;text-align:right;}
.memberinfo_title span {float:right;padding:2px 20px;font-weight:300;background:#5ba5ff   ;color:#fff;border-radius:3px;}

.misb {width:240px;text-align:Center;display:inline-block;margin-right:10px;}
.misb_span {font-size:25px;padding:15px 20px;}
.nomar {margin-right:0px;}


.hd_Accbalance {height:75px;line-height:75px;padding:0 20px;font-size:20px;background:#5ba5ff   ;color:#Fff;border:1px solid #5ba5ff   ;border-radius:3px;margin:10px 0 0 0;}
.hd_Accbalance span {color:#fff;float:right;font-size:28px;width:130px;display:inline-block;font-weight:700;}

.hdrefurlbox {width:100%;}
.hdrefurlbox div.reftitle {display:inline-block;width:200px;padding:10px 15px;border:1px solid #353021;background:#002852;color:#fff;text-align:center;}
.hdrefurlbox div.refurl {display:inline-block;width:500px;padding:10px 15px;border:0px solid #e2e2e2;background:#f4f9ff;color:#444;text-align:left;border-left:0px solid #e2e2e2;}

.hdvaluebox {margin:15px 10px;width:355px;padding:10px;display:inline-block;text-align:Center;background:#5ba5ff;border:1px solid #135e9b;margin-left:0;}
.hdvaluebox div.hdvbtitle {margin-top:15px;font-size:15px;font-weight:normal;margin-bottom:0px;color:#fff;}
.hdvaluebox div.hdvbvalue {font-size:35px;font-weight:bold;color:#002852;}
.hdvaluebox div.hdvbright {vertical-align:Top;width:200px;height:auto;display:inline-block;}
.hdvaluebox div.hdvbicon {vertical-align:Top;margin:10px;display:inline-block;text-align:Center;width:40px;height:40px;padding:20px;border-radius:100px;font-size:40px;color:#5ba5ff;background:#fff;}

.memberbinfo {width:200px;display:inline-block;vertical-align:top;height:auto;padding:10px 0 10px 0;margin-right:10px;background:none;}
.memberbinfo div.blines {display:inline-block;vertical-align:Top;width:100%;padding:10px 0px;text-align:left;border-bottom:0px solid #3a3526;}
.memberbinfo div.blinesr {border:1px solid #3a3526;background:#002852;color:#fff;display:inline-block;vertical-align:Top;width:95%;padding:10px 0px;padding-right:5%;text-align:right;}

/* News */
.hdnewscont {width:96%;margin-bottom:10px;background:#282828;border-radius:3px; padding:2%;}
.newstitle {background:#524932;padding:5px 2%;width:96%;}
.newsmain {padding:10px 0;width:100%;border-bottom:3px solid #524932;}
.newsfooter {padding-top:10px;text-align:right;color:#5ba5ff;}

/* Deposit Page */
.hd_depbox {
width:222px;
padding:0px;
border:1px solid #e2e2e2;
color:#444;
background:#fff;
border-radius:3px;
margin:10px;
display:inline-block;
vertical-align:top;
box-sizing:border-box;
text-align:center;
 transition-property: background;
transition-duration: 0.2s;
transition-timing-function: linear;
}
.hd_depbox:hover {background:#f4f9ff;}
.hd_depbox i {
font-size:50px;
color:#4A4A4A;
margin:20px 0; 
}
.hd_depradio {
background:#5ba5ff   ;
color:#fff;
height:13px;
text-align:center;
margin-bottom:25px;
}
.hd_depradio div.somespan {
background:#fff;
border:5px solid #5ba5ff   ;
border-radius:100px;
padding:5px;
width:13px;
height:13px;
margin:0 auto;
position:relative;
top:-10px;
}
.hd_deptitle {
font-size:15px;
font-weight:700;
margin-top:10px;
border-top:1px solid #e2e2e2;
border-bottom:2px solid #e2e2e2;
padding:20px;
}
.hd_deptitle span {
font-size:11px;
font-weight:500;
margin-top:3px;
}
.hd_customh3 {
font-weight:bold;
font-size:20px;
background:none;
border:0px solid #e2e2e2;
color:#5ba5ff   ;
text-align:center;
margin-bottom:0px;
}

.hd_depradio div.somespan label > input{ /* HIDE RADIO */
  visibility: hidden; /* Makes input not-clickable */
  position: absolute; /* Remove input from document flow */
}
.hd_depradio div.somespan label > input + div{ /* IMAGE STYLES */
  cursor:pointer;
  border:2px solid transparent;
}
.hd_depradio div.somespan label > input:checked + div{ /* (RADIO CHECKED) IMAGE STYLES */
  border:2px solid #f00;
}
.hd_white {
border:1px solid #e2e2e2;
color:#444;
background:#fff;
border-radius:3px;
margin:10px;

}

.balanceinfo {
background:#5ba5ff   ;
color:#fff;
font-weight:800;
text-align:center;
padding:15px;
}
.abtwhy {
background:url('graphics/abtbg.html') !important;

/* User dashboard modern theme */
.hdcont {
    width: auto;
    max-width: 1180px;
    margin: 24px auto 40px;
    padding: 28px 28px 32px;
    background: rgba(8, 17, 43, 0.95);
    border: 1px solid rgba(80, 142, 237, 0.18);
    border-radius: 28px;
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.32);
    color: #eef5ff;
}
.hdcont h3 {
    font-size: 34px;
    font-weight: 800;
    color: #ffffff;
    margin: 0 0 14px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
}
.hdcont h3 + p {
    font-size: 16px;
    color: #b5c6f3;
    line-height: 1.75;
    max-width: 880px;
    margin-bottom: 28px;
}
.hdcont .deposit-meta {
    display: grid;
    grid-template-columns: repeat(2, minmax(220px, 1fr));
    gap: 16px;
    margin-bottom: 28px;
}
.hdcont .deposit-meta p {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.08);
    color: #dbe5ff;
    padding: 18px 20px;
    border-radius: 18px;
    font-size: 15px;
    line-height: 1.6;
}
.hdcont .deposit-meta p strong {
    display: block;
    font-size: 16px;
    margin-bottom: 8px;
    color: #cee1ff;
    font-weight: 700;
}
.hdcont .dashboard-section {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 22px;
    padding: 22px;
    margin-bottom: 24px;
}
.hdcont .dashboard-section-title {
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    color: #87b4ff;
    margin-bottom: 16px;
}
.hdcont .dashboard-note {
    display: block;
    margin-bottom: 14px;
    padding: 16px 18px;
    background: rgba(255, 255, 255, 0.06);
    border-radius: 14px;
    color: #d1e1ff;
    font-size: 16px;
}
.hdcont .dashboard-note strong {
    color: #ffffff;
}
.hdcont .text-note {
    color: #b8c9ef;
    font-size: 15px;
    margin-bottom: 22px;
}
.hdcont .dashboard-action {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    align-items: center;
}
.hdcont .dashboard-action .sbmt {
    border: none;
    border-radius: 14px;
    padding: 15px 34px;
    font-size: 16px;
    font-weight: 700;
    background: linear-gradient(135deg, #1d68ff, #0c387b);
    color: #fff;
    box-shadow: 0 20px 30px rgba(28, 112, 255, 0.24);
    cursor: pointer;
    transition: transform 0.25s ease, background 0.25s ease;
}
.hdcont .dashboard-action .sbmt:hover {
    transform: translateY(-1px);
    background: linear-gradient(135deg, #2f84ff, #1763c1);
}
.hdcont .dashboard-action .cancel-btn {
    background: rgba(255, 255, 255, 0.08);
    color: #dbe5ff;
}
.hdcont .dashboard-action .cancel-btn:hover {
    background: rgba(255, 255, 255, 0.14);
}
.hdcont .tab, .hdcont .blank, .hdcont .form {
    width: 100%;
    border-collapse: collapse;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 18px;
    overflow: hidden;
    margin-bottom: 24px;
}
.hdcont .tab th, .hdcont .blank th, .hdcont .form th {
    text-align: left;
    padding: 16px 18px;
    font-size: 14px;
    color: #b0c4ff;
    font-weight: 700;
    background: rgba(255, 255, 255, 0.05);
}
.hdcont .tab td, .hdcont .blank td, .hdcont .form td {
    padding: 16px 18px;
    color: #eef5ff;
    font-size: 15px;
    vertical-align: middle;
}
.hdcont .tab tr:nth-child(even), .hdcont .blank tr:nth-child(even) {
    background: rgba(255, 255, 255, 0.02);
}
.hdcont .tab tr:hover, .hdcont .blank tr:hover {
    background: rgba(255, 255, 255, 0.04);
}
.hdcont input[type="text"], .hdcont input[type="password"], .hdcont select, .hdcont textarea {
    width: 100%;
    max-width: 100%;
    padding: 14px 18px;
    border-radius: 14px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: rgba(255, 255, 255, 0.05);
    color: #eef5ff;
    font-size: 15px;
    transition: border-color 0.25s ease, box-shadow 0.25s ease;
}
.hdcont input[type="text"]:focus, .hdcont input[type="password"]:focus, .hdcont select:focus, .hdcont textarea:focus {
    outline: none;
    border-color: rgba(64, 138, 255, 0.7);
    box-shadow: 0 0 0 3px rgba(34, 86, 190, 0.12);
}
#hd-balances, #hd-money {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 18px;
    margin-top: 28px;
}
.hdcont .hd-balances, .hdcont .hd-money {
    min-width: 240px;
    max-width: 300px;
    padding: 22px;
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.10);
    text-align: center;
}
.hdcont .hd-balances i, .hdcont .hd-money i {
    font-size: 32px;
    color: #79a8ff;
    margin-bottom: 14px;
}
.hdcont .hd-balances h5, .hdcont .hd-money h5 {
    font-size: 30px;
    margin: 0 0 8px;
    color: #ffffff;
}
.hdcont .hd-balances p, .hdcont .hd-money p {
    font-size: 14px;
    color: #b7c9f7;
    margin: 0;
}
.ref_content {
    margin-top: 32px;
    padding: 22px 26px;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.10);
    border-radius: 22px;
}
.ref_content h4 {
    margin: 0 0 10px;
    color: #f4f8ff;
    font-size: 20px;
}
.ref_content p a {
    color: #8cafed;
    word-break: break-all;
}
.ref_content span a {
    color: #a9c4ff;
}
.dashboard-hero {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.10);
    border-radius: 22px;
    padding: 24px 28px;
    margin-bottom: 32px;
}
.dashboard-hero h2 {
    font-size: 30px;
    margin: 0 0 10px;
    color: #ffffff;
}
.dashboard-hero p {
    margin: 0;
    color: #c3d2f7;
    font-size: 16px;
    line-height: 1.7;
}
@media (max-width: 980px) {
    .hdcont { padding: 22px 20px 26px; }
    .hdcont h3 { font-size: 28px; }
    .deposit-meta { grid-template-columns: 1fr; }
    #hd-balances, #hd-money { flex-direction: column; align-items: stretch; }
}

background-size:cover;
text-align:Center;
}
.abtwhy  h3 {
background:none;
font-weight:800;
margin:10px;
font-size:30px;
color:#fff
}
.hd_abtelement {
width:100%;
margin:20px 00px;
box-sizing:border-box;
}
.hd_abtelement i {
font-size:50px;
color:#fff;
margin-bottom:10px;
}
.hd_abtelement  h2 {
font-weight:800;
color:#fff;
margin:0px;
}
.hd_abtelement  p {
font-size:13px;
color:#fff;
}
.hdbtn {
width:120px;
text-align:Center;
padding:10px 10px;
margin:20px 0;
background:#5ba5ff   ;
border-radius:3px;
color:#fff;
}
.hd_abt2  H4 {
margin:20px 0;
color:#5ba5ff   ;
font-size:20px;
}


/* Faq Page */
.hd_faqtitle {
padding:10px 25px;
background:#002852   ;
margin:15px 0 0px 0;
color:#fff;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.hd_faqbody {
padding:20px 25px;
background:#fff;
margin:5px 0 0 0;
color:#444;
-webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
border:1px solid #e2e2e2   ;
border-bottom:3px solid #e2e2e2   ;
}
.hd_faqbody a {
	color:#fff;
	background:#5ba5ff;
	padding:3px 8px;
	line-height:20px;
	font-size:12px;
	border-radius:3px;
	margin:0 5px;
}
.hd_faqbody a:hover {
	color:#fff;
	background:#5ba5ff;
}

/* Support Page */
.hd_supportleft {
width:450px;
margin-top:10px;
border-top:3px solid #5ba5ff   ;
display:inline-block;
vertical-align:top;
}
.hd_supportright {
width:587px;
height:524px;
display:inline-block;
vertical-align:top;
margin-left:20px;
background:url("graphics/supportng.html");
padding:330px 50px 0 50px;
box-sizing:border-box;
}
.hd_supportright img {
border-top:3px solid #5ba5ff   ;
}
.hd_supportright p {
background:#fff;
margin-top:20px;
padding:15px;
line-height:20px;
font-size:12px;
border-radius:3px;
border:1px solid #ccc;
}


.hdmemberinfo {
width:696px;
height:90px;
box-sizing:border-box;
background:#857372;
color:#fff;
padding:15px;
padding-left:20px;
border-radius:3px;
display:inline-block;
background:#156096 url(graphics/cashback.html);
}
.hdavatar {
font-size:30px;
background:#2272ae;
padding:10px;
border-radius:100px;
width:40px;
height:40px;
display:inline-block;
text-align:center;
margin-right:20px;
}

.hdavatar i {
margin:3px 0px 0 0px;
}
.hdprofileinfo {
display:inline-block;
position:Relative;
top:8px;
}
.hdprofilelink {
float:right;
margin:20px;
font-weight:300;
font-size:16px;
vertical-align:middle;
}
.hdprofilelink i {
color:#2272ae;
font-size:30px;
vertical-align:middle;
margin-right:10px;

}
.hddepositbtn {
display:inline-block;
width:143px;
height:90px;
box-sizing:border-box;
background:#857372;
color:#fff;
padding:15px;
vertical-align:Top;
margin-left:15px;
border-radius:3px;
background:#114d7a;
text-align:Center;
font-size:16px;
font-weight:300;
}
.hddepositbtn i {
font-size:35px;
margin-bottom:5px;
}
.hdwithdrawbtn {
display:inline-block;
width:144px;
height:90px;
box-sizing:border-box;
color:#fff;
padding:15px;
vertical-align:Top;
margin-left:15px;
border-radius:3px;
background:#1c7cc4;
text-align:Center;
font-size:16px;
font-weight:300;

}
.hdwithdrawbtn i {
font-size:35px;
margin-bottom:5px;
}

.hdsidemenu {
margin:25px 0;
padding:20px;
width:270px;
border-top:3px solid #594639;
box-sizing:border-box;
background-color:#002852;
display:inline-block;
vertical-align:top;
border-radius:3px;
}

.sprite1 {
	background:url(graphics/iconset.html)  no-repeat 0 0;
	width: 90px;
	height: 90px;
margin:20px auto 15px auto;
}


.hdsidemenu p {
text-align:Center;
color:#accce1;
margin-bottom:30px;
}
.hdsidemenu p b {
color:#fff;
}



#hdsidemenuitem a {
padding:15px 15px;
display:block;
margin:0px;
color:#fff;
border-bottom:1px solid #0a3854;
font-size:15px;
 transition-property: background;
transition-duration: 0.2s;
transition-timing-function: linear;
}
#hdsidemenuitem a:hover {
border-radius:3px;
background:#5ba5ff;
}
.hdrightcont {
width:738px;
margin:25px 0px 0 20px; 
padding:20px;
border:1px solid #ddd;
background:#f4f9ff;
border-bottom:4px solid #dbdbdb;
display:inline-block;
vertical-align:top;
border-radius:3px;
}


.hdrightcont h3 {
padding:15px;
border:1px solid #5ba5ff;
font-size:20px;
font-weight:bold;
}

.hdaccbalbox:hover {
	 transition-property: background;
transition-duration: 0.2s;
transition-timing-function: linear;
	background:#f4f9ff   ;
}
.hdaccbalbox {
width:129px;
padding:20px;
text-align:center;
 transition-property: background;
transition-duration: 0.2s;
transition-timing-function: linear;
display:inline-block;
vertical-align:top;
background:#fff;
margin: 0 5px;
border:1px solid #e2e2e2;
border-bottom:3px solid #715A49    ;
margin-bottom:20px;
border-radius:3px;
min-height:155px;
}
.hdaccbalbox span {
font-size:39px;
color:#5ba5ff;
}
.sprite2  {
        background:url(graphics/iconset.html) no-repeat -116px -7px;
	width: 53px;
	height: 67px;
        margin:0 auto 25px auto;
		
}
.sprite3  {
        background:url(graphics/iconset.html) no-repeat -203px -8px;
	width: 53px;
	height: 69px;
        margin:0 auto 25px auto;
}
.sprite4  {
        background:url(graphics/iconset.html)no-repeat -381px -13px;
	width: 56px;
	height: 60px;
        margin:0 auto 25px auto;
}
.sprite5  {
        background:url(graphics/iconset.html) no-repeat -203px -8px;
	width: 53px;
	height: 69px;
        margin:0 auto 25px auto;
}



.hdtracc {
padding:20px 20px;
background:#594639;
border-bottom:1px solid #2A1D1D;
margin:0px 5px;
font-size:15px;
font-weight:300;
color:#fff;

}
.hdtracc span:last-child {
float:right;
color:#fff;
font-weight:bold;
margin-bottom:33px;
}
.hdtracc:nth-child(even) {
background: #594639; /* Old browsers */
background: -moz-linear-gradient(left,  #594639 0%, #492b1a 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #594639 0%,#492b1a 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #594639 0%,#492b1a 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#594639', endColorstr='#492b1a',GradientType=1 ); /* IE6-9 */

}

.hdcalcbox {
width:300px;
padding:15px;
text-align:center;
margin:40px auto 0 auto;
display:block;
background:rgba(17, 142, 35, 0.8);
color:#fff;
font-size:25px;
font-weight:800;
text-transform:uppercase;
border-radius:3px;
border:1px solid #118e23;
}
.hdcalcbox span {
font-weight:200;
font-size:18px;
}

/* Plans */
.hdinvestcont p {
padding:20px 0;
font-size:14px;
font-weight:300;
line-height:25px;
}
.hdinvplan {
width:242px;
VERTICAL-ALIGN:TOP;
text-align:center;
border-radius:3px;
background:#000 url(graphics/top.png);
margin:5px;
display:inline-block;
}
.hdinvplan h1 {
background:#118E22;
padding:10px;
color:#fff;
}
.hdinvplan span {
background:rgba(255,255,255,0.6);
display:block;
border-radius:100px;
border:6px solid #2560A7;
font-weight:800;
color:#215495;
font-size:30px;
width:100px;
height:100px;
line-height:100px;
margin:20px auto;
}
.hdinvplan h2 {
font-weight:300;
color:#fff;
font-size:15px;
padding-bottom:20px;
border-bottom:1px solid #40a0ad;
}
.hdinvplan h5 {
font-weight:300;
color:#fff;
font-size:15px;
padding:10px 0;
border-bottom:1px solid #40a0ad;
}
.hdinvplan h4 {
font-weight:300;
background:rgba(255,255,255,0.9);

margin:5px 10px;
border-radius:3px;
display:block;
color:#444;
font-size:15px;
padding:10px 0;
border-bottom:1px solid #40a0ad;
}
.hdinvboxbtn {
font-weight:600;
background:#2560A7;
margin-top:20px;
display:block;
color:#fff;
font-size:19px;
padding:15px 0;
}


.abtwhy {
background:url(graphics/abtbg-2.html);
background-size:100% 100% !important;
}


.hd_refcomm {
background:rgba(34, 114, 174,0.5);
margin:30px 0 0 0;
padding:15px;
text-align:center;
border-radius:3px;
border:1px solid rgb(34, 114, 174);
font-size:20px;
font-weight:200;
}
.hd_refcomm span {
font-weight:bold;
font-size:50px;
vertical-align:middle;
}



.hd_tabledepo table:hover {
	box-shadow: 0px 0px 9px 1px rgba(119, 119, 119, 0.41);
-moz-box-shadow: 0px 0px 9px 1px rgba(119, 119, 119, 0.41);
-webkit-box-shadow: 0px 0px 9px 1px rgba(119, 119, 119, 0.41);
	
}
.hd_tabledepo {
width:49.7%;
box-sizing:border-box;
padding:10px;
display:inline-block;
}
.hd_tabledepo table {
border:3px solid #5ba5ff;
border-radius:3px;
text-align:Center;
}
.hd_tabledepo table tr td.inheader {
border-right:1px solid #444444;
border-bottom:1px solid #444444;
border-radius:0px;
background:#444444;
padding:15px 10px;
color:#c48787;
}





.hd_tabledepo a i {
color:#fff;
font-size:18px;
background:#5ba5ff ;
padding:5px;
border-radius:50px;
width:25px;
height:25px;
line-height:25px;
text-align:center;
} 

.hd_tabledepo a i:hover {
background:#444444;
color:#fff;
}
.hd_tabledepo b {
line-height:35px;
font-size:16px;
}


.hd_balanceinfodep {
float:right;
background:#002852   ;
font-size:12px;
padding:5px 20px;
border-radius:100px;
font-family:Roboto;
}
.hdtraccef {
background:#5ba5ff;
margin:5px;
padding:10px;
height:40px;
margin-bottom:20px;
border:1px solid #5ba5ff;
border-radius:3px;
padding-left:60px;
color:#fff;
font-size:14px;
}

.hdtraccef div:first-child {
float:left;
}
.hdtraccef div:last-child {
float:right;
margin-top:-30px;
}
.hdtraccef div:last-child a {
background:#fff;
color:#002852;
padding:5px 10px;
display:block;
border-radius:3px;
margin-top:1px;
border:1px solid #999    ;
}
.hdtraccef div:last-child a:hover {
background:#f4f9ff;
}
.sprite6 {
 background:url(graphics/iconset.html) no-repeat -741px -34px;
	width: 25px;
	height: 24px;

position:absolute;
margin-left:-45px;
margin-top:8px;
}
.hd_trdcolleft {
width:350px;
display:inline-block;
vertical-align:Top;
}
.hd_trdcolleft a {
width:158px;
height:134px;
background:#002852;
display:inline-block;
margin:5px;
padding-top:90px;
box-sizing:border-box;
border-radius:3px;
text-align:center;
color:#fff;
}
.hd_trdcolleft a:hover {
background:#5ba5ff;
color:#fff;
}
.sprite10 {
 background:url(graphics/iconset.html) no-repeat -527px -26px;
	width: 40px;
	height: 40px;
position:absolute;
margin:-60px 0 0 15px;
}
.sprite11 {
 background:url(graphics/iconset.html) no-repeat -466px -27px;
	width: 40px;
	height: 40px;
position:absolute;
margin:-60px 0 0 8px;
}
.sprite12 {
 background:url(graphics/iconset.html) no-repeat -588px -27px;
	width: 61px;
	height: 35px;
position:absolute;
margin:-60px 0 0 0px;
}
.sprite13 {
 background:url(graphics/iconset.html)  no-repeat -672px -24px;
	width: 49px;
	height: 49px;
position:absolute;
margin:-60px 0 0 8px;
}

.hd_trdcolright {
width:380px;
display:inline-block;
vertical-align:Top;
background:#fff;
padding-top:130px;

}
.sprite14 {
 background:url(graphics/iconset.html) no-repeat -790px -14px;
	width: 66px;
	height: 66px;
position:absolute;
margin:-95px 00px 0 155px;
}
.hd_trdcolright table tr td {
background:#fff !important;
}
.hd_trdcolright table {
border:0px solid #e2e2e2;
color:#999;
}
.floatcloseopenbtn {
position:absolute;
background:rgba(0,0,0,0.5);
width:25px;
height:25px;
padding:10px;
border-radius:100px;
cursor:pointer;
right:30px;
margin-top:60px;
border:1px solid #ddd;
}
.floatcloseopenbtn  .md-48 {
font-size:25px;
color:#fff;
}

/* Tooltip container */

/* Tooltip text */
.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
 
    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;
	    top: 0px;
    right: 105%; 
}
.tooltip .tooltiptext {
    opacity: 0;
    transition: opacity 1s;
}

.tooltip:hover .tooltiptext {
    opacity: 1;
}
.tooltip .tooltiptext::after {
    content: " ";
    position: absolute;
    top: 50%;
    left: 100%; /* To the right of the tooltip */
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent transparent black;
}
/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
}


/* Deposit Page */



/* Gettings Started */

/* New sub menu css */
.sub-menu {
padding:0px;
margin-bottom:15px;
border-radius:3px;
border:1px soolid #ccc;
padding:5px;
color:#fff;
text-align:center;
}
.sub-menu span {
font-size:26px;
display:block;
margin-top:25px;
font-weight:400;
font-family: 'Oswald', sans-serif;
text-transform:uppercase;
}
.sub-menu span b {
	font-weight:500;
}
.sub-menu small {
font-size:9px;
display:block;
margin:5px;
margin-bottom:10px;
}
.sub-menu span i {
font-size:44px;
color:#fa4b4c;
vertical-align:middle;
}
.sub_menu_rightconts {
float:right;
}
.sub_deposit , .sub_withdraw {
background:#135e9b;
width:100px;
padding:10px 25px;
border-radius:3px;
color:#fff !important;
margin:5px 2px;
display:inline-block;
font-weight:400;
font-size:14px;
border:1px solid #222;
}
.sub_deposit:hover , .sub_withdraw:hover {
color:#fff;
background:#444;
border:1px solid #222;
}
.sub_menu_rightconts  i {
color:#fff;
margin:10px 8px;
font-size:24px;
vertical-align:middle;
}

:root {
    --theme-dark: #002852;
    --theme-primary: #135e9b;
    --theme-light: #5ba5ff;
    --theme-surface: #ffffff;
    --theme-surface-alt: #f4f9ff;
    --theme-text: #0f203a;
    --theme-border: #d1e1f7;
}

.hdcont a {color: var(--theme-light);}
.hdcont h3:first-of-type {background-color: var(--theme-primary); border-bottom:4px solid var(--theme-dark);}
.hdcont input[type="text"]:focus, .hdcont input[type="password"]:focus, .hdcont textarea:focus, .hdcont select:focus {border-color: var(--theme-primary);}
.hdcont input[type="text"]:hover, .hdcont input[type="password"]:hover, .hdcont textarea:hover, .hdcont select:hover {border-color: var(--theme-dark);}
.hdcont input[type="submit"], .hdcont .sbmt {background: var(--theme-primary); color: #ffffff;}
.hdcont input[type="submit"]:hover, .hdcont .sbmt:hover {background: var(--theme-dark);}
.hd_leftoptmenu {background: var(--theme-dark);}
.hd_usericon {border-color: var(--theme-light);}
.hd_username, .hd_lastseen, .hd_menuconttit, #hd_menuitems, .hdrefurlbox div.reftitle {color: #ffffff;}
#hd_menuitems {background: var(--theme-primary); border-bottom:1px solid var(--theme-primary);}
#hd_menuitems:hover {background: var(--theme-dark);}
.hderror {background: var(--theme-surface-alt); color: var(--theme-text);}
.memberinfo_title {background: var(--theme-surface-alt);}
.memberinfo_title span, .hd_Accbalance, .hdvaluebox, .memberbinfo div.blinesr {background: var(--theme-light); border-color: var(--theme-light);}
.hd_Accbalance {color:#fff;}
.hdrefurlbox div.reftitle {background: var(--theme-dark); border-color: var(--theme-dark);}
.hdrefurlbox div.refurl {background: var(--theme-surface-alt);}
.hdvaluebox div.hdvbvalue {color: #ffffff;}
.hdvaluebox div.hdvbicon {color: var(--theme-primary); background: #ffffff;}
.newsfooter {color: var(--theme-primary);}
.hd_depbox:hover, .memberinfo_title, .hdrefurlbox div.refurl {background: var(--theme-surface-alt);}