:root {
  --primary:#E91E63;
  --primary-hover:#C2185B;
  --grey:#F6F6F6;
  --dark:#0f1720;
  --muted:#6b7280;
  --gradient: linear-gradient(135deg, #8c076b 0%, #3b0f4a 100%);
}

html, body {overflow-x:hidden; height:100vh; }
body{ font-family: 'Poppins', sans-serif; font-weight: normal; color: #333;  font-size: 15px;  line-height: 1.6;  background-size: cover;
  height: 100vh;  background-position: center;  background-repeat: no-repeat;  position: relative;  display: block; background-color: #f5f5f5;}

  .splash_body {background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; display: block; height: 100vh; }


a{color:var(--primary);-webkit-transition:all linear .2s 0s; transition:all linear .2s 0s; display: inline-block;}
a:hover{color:var(--primary);}
a:focus,button:focus{text-decoration:none;outline:0;}
.form-control,.form-select{box-shadow: none;}
img {max-width: 100%;}
.container {padding: 0 25px;}

.bg-grey{background-color: var(--grey);}
.btn,.btn:hover,.btn:focus,.form-control,.form-control:hover,.form-control:focus,input:hover,input:focus,.form-select:hover,.form-select:focus{box-shadow:none;outline:none}
.btn_styled{font-size: 18px; padding:10px 30px; font-weight:500;border-radius: 0; font-size: 16px; border-radius: 5px; }
.btn-primary {background: var(--primary); border-color: var(--primary); color: white;}
.btn-primary:hover, .btn-primary:focus, .btn-primary:disabled {background: var(--primary-hover) ; border-color: var(--primary-hover) ; color: white;}

label.error {
    color: red;
    font-style: italic;
    display: none;
}


input.error,
textarea.error,
select.error {
    border: 1px solid red !important;
}



.splash_header {margin-top:20px; position:absolute; left:0; right:0; top:0;}
.splash_wrapper { position: relative; margin-top:30px;}
.splash_wrapper .container {max-width:1800px; }



.splash_form_wrapper { position: fixed; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);
  width: 100%; max-width: 1000px; margin: 0 auto; overflow: visible; z-index: 40;}
.splash_form_wrapper .inner {box-shadow: rgba(0,0,0,0.10) 0 0 15px;  background-color: white; border-radius:35px; padding: 25px;}
.splash_form_wrapper .row { align-items: stretch; }
.splash_form_wrapper .logo img {max-width: 300px; margin-bottom: 10px;}


  .splash_form {font-size: 15px; width: 100%; margin-left: 20px;}
.splash_form .form-control{ height:auto; padding:10px 15px; border-radius:25px; border:1px solid #ddd; font-size: 15px; }
.splash_form  .btn {border-radius:25px; font-weight:400 }

.splash_form h1,  .splash_form h2, .splash_form .h4{font-weight: 600; }

.form_bar, .small_text{font-size:13px}

.splash_img {height: 100%; width: 100%;  display: flex; align-items: center;}
.splash_img img {height: 100%; width: 100%; object-fit: cover; border-radius: 20px; }

.logo img { max-width: 300px; }
.banner_logo img{filter: invert(92%) sepia(4%) saturate(14%) hue-rotate(104deg) brightness(108%) contrast(104%); }


.contact_info_wrapper {background: rgba(255,255,255,0.06); border-radius: 18px; padding: 20px; box-shadow: 0 10px 30px rgba(11,15,25,0.45); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); border: 1px solid rgba(255,255,255,0.06); width:100%; max-width: 600px; margin-bottom:10px; margin-top: 12vh;  }
ul.contact_info_list{list-style:none;padding:0;margin:0;}
ul.contact_info_list li{position:relative; padding-left:25px;  margin-bottom:10px; display:inline-block}
ul.contact_info_list li:first-child{margin-right:15px}
ul.contact_info_list li a{display:block;color:rgba(255,255,255,0.8);font-weight:400; text-decoration: none;}
ul.contact_info_list li:last-child{margin-bottom:0}
ul.contact_info_list li i.bi{ position:absolute;left:0;top:0; color: white; }
ul.contact_info_list li a:hover{color:white;text-decoration:none}

.splash_banner_text { color: white; position:relative; margin-top:20vh;}
.splash_banner_text h1 {font-size: 55px; font-weight: 700; margin-bottom: 15px;}
.splash_banner_text h4 {font-size:20px; margin-bottom:30px; font-weight:normal;}
.member_block {margin-top: 25px; }
.member_block  img{margin-left:10px; filter: invert(92%) sepia(4%) saturate(14%) hue-rotate(104deg) brightness(108%) contrast(104%);  max-width: 200px;}
.auth_power_block {margin-top: 25px; }
.auth_power_block  img{margin-left:10px; max-width: 130px;}
.btn_block{margin-top: 20px;}
.btn_block .btn+.btn{margin-left: 7px;}
.disclaimer {color:rgba(255,255,255,0.8);  margin-top:10px; position:absolute; left:50%; -webkit-transform: translateX(-50%); transform: translateX(-50%);bottom:15px;width:100%; z-index:999;}
.splash_header .container, .disclaimer .container {max-width: 1800px; padding:0 40px;}
.disclaimer p {margin-bottom:1px;}
.disclaimer_auth_page_text {font-size:11px; margin-top: 15px; bottom: 0;}
.disclaimer_text {font-size:11px; position: fixed; left: 0; right: 0; bottom: 15px; z-index: 999; padding: 0 40px;}
.core_logo {text-align: center; margin-bottom: 15px;}

@media (max-width:1593px) {
  .splash_banner_text h1 {font-size: 50px; }
  .splash_banner_text h4 {font-size: 18px; }
}
@media (max-width:1460px) {
  .splash_banner_text h1 {font-size: 45px; }
  .splash_banner_text h4 {font-size: 16px; }
}
@media (max-width:1399px) {
  .splash_banner_text h1 {font-size: 50px; }
  .splash_banner_text h4 {font-size: 18px; }
}
@media (max-width:1211px) {
  .splash_banner_text h1 {font-size: 45px; }
  .splash_banner_text h4 {font-size: 16px; }
  .splash_banner_text{margin-top: 15vh;}
}
@media (max-width:991px) {

.splash_form_wrapper {position: relative; left: inherit; top: inherit;-webkit-transform:none;transform: none; padding:30px 0; margin:0 auto; }
    .splash_body:before {  position: fixed; left: 0; right: 0; top: 0; bottom: 0; content: "";

    background: linear-gradient(267deg,rgba(1, 29, 57, 1) 30%, rgba(0, 0, 0, 0) 100%); opacity: 0.65;}

.splash_form {margin-left: 0; margin-top:20px }

}

@media (max-width:822px) {
   .splash_banner_text {margin-top: 10vh;}
   .contact_info_wrapper{margin-top: 10vh; }
}
@media (max-width:821px) {
  .splash_banner_text h1 {font-size: 40px; }
  .splash_banner_text h4 {font-size: 15px; }
  ul.contact_info_list li{font-size: 14px;}
}

@media (max-width:767px) {
  .splash_wrapper {margin-top: 20px; }

  .splash_banner_text h1 {font-size: 40px;}

  .splash_body:before{opacity: .8;}
  .splash_form_wrapper .logo img{max-width: 200px; }
}
@media (max-width:480px) {
   .splash_form_wrapper .logo img{max-width: 150px; }
     .splash_banner_text h1 {font-size: 30px;}
}
@media (max-width:375px) {
    .splash_wrapper {padding:30px 10px; }
    .splash_form_wrapper .inner{padding:20px 15px;}
    .member_block img{max-width: 150px;}
    .auth_power_block img{max-width: 120px;}
}
