/* AUTH */
.auth-body { background-image:url("../images/hello2.jpg"); background-size: cover; background-position: top center; background-repeat:no-repeat; }
.auth-box {  background: #2B2B3A; border-radius: 12px; font-size: 1rem;  display: block; width: calc(100% - 2rem);  max-width: 30rem; padding:3.5rem 3rem 3rem 3rem; margin: 6rem auto;  box-shadow: 0 1rem 4rem 0.125rem rgba(0, 0, 0, 0.325);  }
.auth-box a {  }
 

 .auth-box header.auth  { margin-bottom: 3rem; }
 .auth-box header.auth .title { letter-spacing: .2rem; text-transform: uppercase; font-family: Raleway,Lato;  font-weight: 300; font-size: 1.5rem; display:block; float: left; width: calc(100% - 5rem);  }
 .auth-box header.auth .logo {  float: right; text-align: right; width: 5rem;     }
 .auth-box header.auth .logo i {font-family:"fontello";  font-size: 1.9rem;  background:  linear-gradient(135deg, #8B0FBD, #FC4B50) !important; -webkit-background-clip  : text !important;  -webkit-text-fill-color: transparent !important;   }

.auth-box-center { text-align: center; background: #2B2B3A; border-radius: 12px; font-size: 1rem;  display: block; width: calc(100% - 2rem);  max-width: 30rem; padding:3.5rem 3rem 3rem 3rem; margin: 6rem auto;  box-shadow: 0 1rem 4rem 0.125rem rgba(0, 0, 0, 0.325);  }
 .auth-box-center header.auth .title {   text-transform: uppercase;   font-weight: 300; margin:0 0 2rem; font-size: 1.5rem; display:block;   }
 .auth-box-center header.auth .logo {  margin:1rem 0 2rem    }
 .auth-box-center header.auth .logo i {font-family:"fontello";  font-size: 2.9rem;  background:  linear-gradient(135deg, #8B0FBD, #FC4B50) !important; -webkit-background-clip  : text !important;  -webkit-text-fill-color: transparent !important;   }
 .auth-box-center p {margin:0; padding:0;  }

 .auth-content p {line-height:1.6rem;  }
 .auth-box .auth-response { text-align: center; padding: 4rem 0; }
 .auth-box .auth-response h3 { margin: 0 0 2rem; padding: 0; line-height: 130%; }
 .auth-box .auth-response h3 i { font-size: 3rem; }

 .auth-box .auth-response p { margin: 0 0 2rem; padding: 0;  }

.auth-box footer {   text-align: center; }
.auth-box button,.auth-box .button {  text-align: left; margin: 0 0 .6rem;  }
 
.auth-buttons a {  color: #fff; display: block; width: 100%; padding: .5rem 1rem; margin: 0 0 0 0 ;  border-radius:6px;  }
.auth-buttons a:hover { color: #fff !important;   }
.auth-svg    { text-align:center;   }
.auth-svg img  { display:inline;   }

.auth-footer { padding:0  ;  }
.auth-footer .active   { border-bottom:2px solid #000;  }
.footer-alt {  padding:0; margin:0 ; letter-spacing: .2rem; text-transform:uppercase; font-size:.7rem  }
.footer-alt a { text-decoration:none; }

 /* AUTH BLOCK */
.auth-block {color: #fff; display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #fff; z-index: 99999;}
.auth-block.errors { background: #FF2626;}
.auth-block.warning { background: orange;}
.auth-block .center { text-align: center;  display: block; position: absolute; top: 50%; left: 50%; width: 100%; max-width: 25rem;  transform: translate(-50%,-50%);  }
.auth-block .center span { cursor: pointer; }
.auth-block .center h3 {margin: 0; padding: 0; line-height: 130%; color: #fff; }
.auth-block .center h3 i { font-size: 3rem; }
.auth-block .center h3 br {display: inline !important; }
.auth-block .center ul { margin:1rem 0;  padding: 0 ;  }
.auth-block .center ul li {  }
.auth-block-simple .center ul li { line-height:135%; }
 

  @media (max-width: 1300px) {
 
.auth-box {   width: calc(100% - 2rem);  max-width: 25rem; padding:2.5rem 2rem 2rem 2rem; margin: 6rem auto;  box-shadow: 0 1rem 4rem 0.125rem rgba(0, 0, 0, 0.325);  }
 .auth-box header.auth  { margin-bottom: 2rem; }

 .auth-box header.auth .title { letter-spacing: .1rem;  font-size: 1.3rem;    }
 .auth-box header.auth .logo i {  font-size: 1.6rem;   }
 .auth-box input   {  height:3rem;   }
}


 @media (max-width: 800px) {
 
.auth-box {   padding:2rem 1.5rem 1.5rem 1.5rem; margin: 1rem auto;  min-height:calc(100vh - 2rem); box-shadow: 0 1rem 4rem 0.125rem rgba(161, 177, 204, 0.325);  }
 .auth-box input   {  height:3rem !important;   }

}