body {
  background-image: url('/do_img/global/bg.webp');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: 100% 100%;
}

.row {
    margin-bottom: 0;
  }

  input {
    color: #fff;
  }
  
#register {
	padding: 0;
}

#reg {
  width: 400px;
  padding: 0 15px 0 !important;
  min-height: 600px;
  border: 2px solid #3a9cce;
  border-radius: 10px;
  margin: 0 0 40px 20px;
  position: relative;
  z-index: 5;
  font-family: "Exo 2";
  background: linear-gradient(to bottom, rgba(31, 31, 31, 0.84) 0%, rgba(0, 0, 0, 0.87) 100% );
  box-shadow: 0px 0px 20px 0px rgba(70, 187, 255, 1);
  color: #fff;
}

#logo {
  background: url(/do_img/global/logoindex.webp) center top no-repeat;
  width: 444px;
  height: 169px;
  margin: -25px 0 0px -38px;
}

.container {
  padding-top: 90px;
  margin: 0 auto;
  position: relative;
}

#reg h1{
  font-family:"Exo 2" !important;
  font-weight: bold;
  font-size:40px;
  text-align: center;
  color: #fff;
}

div.container {
  max-width: 1200px;
}

#logint {
  border-left: 2px solid #3a9cce;
  border-right: 2px solid #3a9cce;
  border-bottom: 2px solid #3a9cce;
  padding: 5px;
  border-radius: 10px;
  margin-top: -2px;
  height: 80px;
  position: absolute;
  right: 0;
  top: 0;
  background: linear-gradient(to bottom, rgba(31, 31, 31, 0.84) 0%, rgba(0, 0, 0, 0.87) 100% );
  box-shadow: 0px 0px 20px 0px rgba(70, 187, 255, 1);
  width: 550px;
  font-family: "Exo 2";
  color: #fff;
}

#login {
	padding: 0;
}

.input-field .helper-text {
  color: #625f5b;
}

#claim {
  position: absolute;
  top: 110px;
  left: 470px;
  z-index: 300;
  font-size: 62px;
  font-weight: 600;
  color: #30c2ff;
  text-shadow: 3px 3px 5px rgba(0, 0, 0, 1);
  line-height: 74px;
  width: 470px;
  font-family: "Exo 2";
}

.btn-large {
  height: 40px;
  line-height: 40px;
  font-size: 15px;
}