 * {
 	box-sizing: border-box;
 }

 *::-webkit-scrollbar {
  width: 5px;               /* width of the entire scrollbar */
  height: 5px;
}

*::-webkit-scrollbar-track {
  background: #1a1a1a;       /* color of the tracking area */
}

*::-webkit-scrollbar-thumb {
  background-color: grey;    /* color of the scroll thumb */
  border-radius: 10px;       /* roundness of the scroll thumb */
  border: 1px solid #1a1a1a;  /* creates padding around scroll thumb */
}

* {
  scrollbar-width: thin;	/* Works on Firefox */
  scrollbar-color: grey #1a1a1a;
}

html, body {
	background: url(../img/ground.png);
	/*background-image: url(../img/regi.jpg);
	background-size: cover;*/
	/*background-repeat: no-repeat;	*/
  	font-family: "Poppins", sans-serif;
  	height: 100vh;
	color: black;
	text-align: center;
	text-overflow: ellipsis;
	word-wrap: break-word;
}

a {
	cursor: pointer;
	color: white;
  	display:inline-block;
  	text-decoration: none;
  	font-weight: 400;
  	font-size: 17px;
  	font-weight: bolder;
  	padding: 4px;

}

button, a[b] {
	font-size: 30px;
	font-weight: bolder;
    font-family: "Jost", sans-serif;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 1px;
    display: inline-block;
    padding: 10px 28px 11px 28px;
    border: none;
    border-radius: 50px;
    transition: 1.0s;
    margin: 10px 0 0 0;
    color: #fff;
    background: #0577da;
    text-decoration: none;
    cursor: pointer;
}

form {
/*	background:#9999990f;*/
	color: white;
	width: 50%;
	border-radius: 10px;
	margin: auto;
	margin-top: 33px;
	padding: 33px;
	text-align: center;
	-webkit-border-radius: 10px 10px 10px 10px;
  border-radius: 10px 10px 10px 10px;
/*  -webkit-box-shadow: 0 30px 60px 0 rgba(0,0,0,0.3);*/
/*  box-shadow: 0 30px 60px 0 rgba(0,0,0,0.3);*/

}

form button {
	 background-color: #0577da;
  border: none;
  color: white;
  padding: 15px 80px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  text-transform: uppercase;
  font-size: 20px;
  -webkit-box-shadow: 0 10px 30px 0 rgb(255, 153, 0);
  box-shadow: 0 10px 30px 0 rgb(21 24 49);
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  margin: auto;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
	text-transform: uppercase;
}

form h1 {
	text-transform: uppercase;
/*	  border-top: 1px solid  #0577da;*/
	  border-radius: 12px;
}

form [x]:not([x='']) {
	display: none;
}

input, select, textarea {
	width: 100%;
/*	background: #cccccc;*/
	color: black;
	font-weight: bolder;
	font-size: 18px;
	padding: 15px;
	border: 3px #0577da;
	border-radius: 5px;
	display: block;
	margin: auto;
	margin-bottom: 20px;
	border-style: none;
}

select {
	cursor: pointer;
}

input[type="checkbox"], input[type="radio"] {
	cursor: pointer;
	display: inline;
	width: unset;
	padding: unset;
	margin-right: 5px;
}

input:focus, textarea:focus, select:focus {
	border: 3px solid #0577da;
}

button[disabled], form button[disabled], a[disable] {
	background: red;
	color: white;
}

div.stats>div {
	background: #0577da;
	border: 1px solid white;
	border-radius: 10px;
	display: inline-block;
	width: 30%;
	margin: 42px auto 0 auto;
	padding: 10px;
	transition: 0.5s;
}

div.stats>div span {
	color: white;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bolder;
}

div.stats>div p {
	font-size: 30px;
	font-weight: bolder;
}

div.stats>div a {
	font-size: 30px;
	font-weight: bolder;
    font-family: "Jost", sans-serif;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 1px;
    display: inline-block;
    padding: 10px 28px 11px 28px;
    border-radius: 50px;
    transition: 1.0s;
    margin: 10px 0 0 0;
    color: #fff;
    background: #000000CC;
    text-decoration: none;
}

div.ref {
	background: black;
	width: 90.5%;
	margin: auto;
	border-radius: 3px;
	color: white;
	transition: 0.5s;
	padding: 10px;
	overflow: hidden;
	margin: 5px auto 5px auto;
	text-shadow: 1px 1px black;
}

div.ref>div h1 {
	color: #0577da;
}

div.forms>div {
	background: #e6e6e6;
	color: #0577da;
	border: 1px solid #0577da;
	border-radius: 3px;
	display: inline-table;
	width: 30%;
	min-height: 415px;
	margin: 5px auto 20px auto;
	padding: 10px;
}

div.forms>div#deposit h4 {
	margin: auto auto 13px auto;
}

div.forms>div#deposit p {
	color: black;
	font-size: 12px;
}

div.forms>div#deposit i {
	text-align: left;
	font-size: unset;
}

div.forms>div#deposit p b {
	font-style: normal;
	float: right;
}

div.forms>div#profile input {
	margin: 13px auto 13px auto;
}

@media only screen and (max-device-width: 450px), only screen and (max-width: 450px) {
	form {
		width: 98%;
	}

	form button {
		width: unset;
/*		padding: 10px 97px;*/
	}

	input, select, textarea {
		width: 99%;
	}
}
#google_translate_element {
  color: transparent;
}
#google_translate_element a {
  display: none;
}
.goog-te-gadget {
   color: transparent !important;
}
.goog-te-gadget img{
    display:none !important;
}
body > .skiptranslate {
    display: none;
}
body {
    top: 0px !important;
}
 .VIpgJd-ZVi9od-aZ2wEe-wOHMyf {
    display: none !important;
}
