body {
  padding: 0;
  margin: 0;
  background: url(../../assets/images/login/bg1.png) repeat repeat; 
  color: #f5f5f5;
}

A:link {
  text-decoration: none;
  color: #ACACAC;
}

A:visited {
  text-decoration: none;
  color: #ACACAC;
}

A:active {
  text-decoration: none;
  color: #ACACAC;
}

A:hover {
  text-decoration: none;
  color: red;
}

A.linkage:link {text-decoration: none; color: black;} 
A.linkage:visited {text-decoration: none; color: black;} 
A.linkage:active {text-decoration: none; color: black;} 
A.linkage:hover {text-decoration: underline; color: red;} 

.btn-align {
  padding: 6px 12px;
  line-height: 1.42857143;
  vertical-align: middle;

}

#wrap {
  width: 100%;
  max-width: 1200px;
  margin:auto;
}

.btn-purple {
  color: #fff !important;
  background-color: #9c27b0 !important;
}

.btn-green {
  color: #fff!important;
  background-color: #4CAF50!important;
}

.btn:hover {
  color: #000!important;
  background-color: #ccc!important;
  border: 1px solid #ccc ;
  transition: 0.7s;
}

.modal {
  color: #000;
}

.lost-pass-reset {
  border-radius:10px;
  margin:auto;
  width: 100%;
  max-width: 600px;
}

.register {
    border-radius:10px;
    margin:auto;
    width: 100%;
    max-width: 600px;
}

.login {
  border-radius:10px;
  margin:auto;
  width: 100%;
  max-width: 600px;
}

.payment {
  border-radius:10px;
  margin:auto;
  width: 100%;
  max-width: 600px;
}

.black {
  color: #000;
}

#bgbgbg {
  background: url(../../assets/images/login/front-page.webp) repeat repeat;
}



@media (max-width:500px) {

  .lost-pass {
    margin-top: 10px;
    font-size: .6rem;
  }

  .terms {
    font-size: .6rem;
  }
}