body {
	margin: 0px;
	padding: 0px;
	font-family: Verdana;
	color: grey;
}
.bgdivs, a, button, form {
	background-color: rgba(255, 215, 0, 0.4);
	color: grey;
}

.sitelogo {
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 10;
	background-color: whitesmoke;
	text-align: center;
	align-content: center;
}
.sitelogo p {
/*	width: 10%;*/
	margin: auto;
	padding-top: 30px;
}
.sitelogo span {
/*	margin-bottom: -30px;*/
}
.sitelogo img {
	width: 60px;
	margin-top: -20px;
}
* {box-sizing:border-box}

/* Slideshow container */
.slideshow-container {
/* max-width: 1000px;*/
 position: relative;
 margin: auto;
 margin-top: 100px;
/* background-color: rgba(255, 215, 0, 0.4);*/
}

/* Hide the images by default */
.mySlides {
 display: none;
}


/* Next & previous buttons */
.prev, .next {
 cursor: pointer;
 position: absolute;
 top: 50%;
 width: auto;
 margin-top: -22px;
 padding: 16px;
 color: white;
 font-weight: bold;
 font-size: 18px;
 transition: 0.6s ease;
 border-radius: 0 3px 3px 0;
 user-select: none;
}

/* Position the "next button" to the right */
.next {
 right: 0;
 border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
 background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text {
 color: grey;
 font-size: 30px;
 font-weight: bold;
 padding: 8px 12px;
 position: absolute;
 bottom: 8px;
 width: 100%;
 text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
 color: #f2f2f2;
 font-size: 12px;
 padding: 8px 12px;
 position: absolute;
 top: 0;
}

/* The dots/bullets/indicators */
.dot {
 cursor: pointer;
 height: 15px;
 width: 15px;
 margin: 0 2px;
 background-color: #bbb;
 border-radius: 50%;
 display: inline-block;
 transition: background-color 0.6s ease;
}

.active, .dot:hover {
 background-color: #717171;
}

/* Fading animation */
.fade {
 animation-name: fade;
 animation-duration: 1.5s;
}

@keyframes fade {
 from {opacity: .4}
 to {opacity: 1}
}

.cpanel_inactive{
	height: 300px;
	text-align: center;
	align-content: center;
/*	padding: 20px;*/
}
.cpanel_inactive p {
	margin-top: 100px;
}
.cpanel_inactive a {
	text-decoration: none;
	padding: 10px;
	border: 2px solid whitesmoke;
}
/*.cpanel_inactive form input {
	overflow: hidden;
}*/
footer {
	position: relative;
}
footer .bgdivs {
	padding: 10px;
}
footer .bgdivs div {
	padding: 20px;
/*	text-align: justify;*/
}
#about   {
	text-align: left;
}
#getstarted  {
	text-align: right;
}
.link, .partner  {
	text-align: center;
	align-content: center;
	padding: 20px;
	margin-bottom: 20px;
}
.link a, .partner a {
	text-decoration: none;
	padding: 10px;
	border: 2px solid whitesmoke;	
	background-color: transparent;
}
.link a:hover, .partner a:hover{
	cursor: pointer;
}
footer ul li {
	display: inline-block;
	list-style: none;
	padding: 20px;
}
.feet  {
	background-color: whitesmoke;
	margin-top: -20px;
	padding: 20px;
	margin-bottom: 0px;
}
.getstarted_panel, .privacy_panel, .copy_panel {
	position: absolute;
	top: 30%;
	left: 10%;
	background-color: whitesmoke;
/*	opacity: 0.8;*/
	width: 80%;
	padding: 20px;
	display: none;
	box-shadow: 6px 9px grey;
	color: grey;
	border-radius: 2px;
	max-height: 400px;
	overflow-y: scroll;
}
.getstarted_panel span, .privacy_panel span, .copy_panel span, .certificate span{
	float: right; font-weight: bold; padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
	background-color: rgba(194, 24, 7, 0.4); border-radius: 8px;}
.getstarted_panel span:hover, .privacy_panel span:hover, .copy_panel span:hover, .certificate span:hover{
	cursor: pointer;}
.certificate {
	position: absolute;
	top: 30%;
	left: 10%;
	background-color: whitesmoke;
/*	opacity: 0.8;*/
	width: 80%;
	padding: 20px;
	display: none;
	box-shadow: 6px 9px grey;
	color: grey;
	border-radius: 2px;
	max-height: 400px;
	overflow-y: scroll;
}
.network_img {
	align-content: center;
	width: 121px;
	margin: 0px;
}
.depositadd {
	background-color: white;
	padding: 5px;
	color: skyblue;
}
form{
	padding: 30px;
/*	text-align: left;*/
}
form input {
	padding: 5px;
	margin: 8px;
}
form textarea {
	padding: 10px;
	margin: 8px;
}
form button {
	background-color: transparent;
	border: 1px solid whitesmoke;
	border-radius: 4px;
	padding: 5px;
	margin: 8px;
}
form button:hover{cursor: pointer;}
form label:hover {
	cursor: pointer;
}
.actvepanel li {
	list-style: none;
/*	padding: 20px;*/
/*	overflow: hidden;*/
}
#leftcp ul {
	
}
#leftcp li, #rightcp li {
	border: 2px solid whitesmoke;
	background: transparent;
	padding: 10px;
	margin: 10px;
	margin-left: -30px;
	text-align: center;
	word-break: break-all;
/*	width: 100%;*/

}
#centercp {
/*	margin-left: -30px;*/
	text-align: center;

}
#centercp span {
/*	font-size: 30ox;*/
	font-weight: bold;
	color: grey;
	margin: 50px;
	padding: 30px;
	text-align: center;
/*	width: 100%;*/
}
#leftcp li:hover, #rightcp li:hover,.md .head span:hover {
	cursor: pointer;
}
.md {
	position: absolute;
	top: 10%;
	background-color: whitesmoke;
/*	opacity: 0.8;*/
	width: 100%;
	padding: 20px;
	display: none;
	box-shadow: 6px 9px grey;
	color: grey;
	border-radius: 2px;
	max-height: 500px;
	overflow-y: scroll;
}
.md .head {
	position: relative;
}
.md .head span {
	position: absolute;
	top: 10%;
	left: 95%;
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
	background-color: rgba(194, 24, 7, 0.4); border-radius: 8px;
}
.mdbody {
	width: 80%;
	margin: auto;
/*	text-align: center;*/
}
.mdbody dt {
	font-weight: bold;
}
.mdbody dt, .mdbody dl {
	padding: 10px;
}
.utr {
	max-height: 400px;
	overflow-y: scroll;
}
.utr h4{
	text-align: center;
}
.utr p, .hwtouse h4 {
	padding: 20px;
}
.utr tr, .utr td, .utr th {
	border: 1px solid whitesmoke;
}
.ok {
	padding: 10px;background-color: seablue;text-decoration: none;color: grey;
}
/*@media only screen and (max-width:600px){
	#rightcp li, #leftcp li {
		overflow: hidden;
	}
}*/
.uwithdraw input {
	width: 100%;
}
/*.investmentcal {
	width: 50%;
}*/