@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400;500;600;700;800;900&display=swap');
/*--------------------*/
* {box-sizing: border-box; outline: none;}
body {margin: auto; padding: 0; background: #001848;}
.info-bar {width: 554px; height: 43px; background-color: #fff; margin: auto auto; border-radius: 20px; text-align: center; position: absolute; left: 0; right: 0; top: 100px; z-index: 1;}
.info-bar span {font-family: 'Raleway'; font-size: 18px; font-weight: 900; color: #001848; line-height: 43px;}
.login-box {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.login-logo {width: 171px; height: 22px; margin-left: auto; margin-right: auto;}
.logo-text {margin-bottom: 49px; text-align: center; padding-top: 3px;}
.logo-text span {font-family: 'Raleway'; font-size: 11px; font-weight: 400; color: #fff;}
.logo-text .logo-colortext {color: #5ba2e4; font-weight: 900;}
.login {width: 390px; overflow: hidden; background-color: #fff; border-radius: 20px; margin: auto;}
.login-zabudnuteheslo {height: 321px;}
.login-bar {padding-top: 26px; padding-bottom: 23px; text-align: center;}
.login-bar span {font-family: 'Raleway'; font-size: 20px; font-weight: 900; color: #001848;}
.login-form-input {margin-bottom: 17px; text-align: center;}
.login-input {font-family: 'Raleway'; font-size: 12px; font-weight: 400; color: #fff; width: 304px; height: 43px; background-color: #9c9c9c; border: none; border-radius: 20px; padding-left: 20px; padding-right: 20px;}
.login-input::placeholder {opacity: 1; color: #fff;}
.login-input:focus {border: 1px solid #001848;}
.login-btn {font-family: 'Raleway'; font-size: 14px; font-weight: 900; color: #fff; width: 304px; height: 42px; border: 1px solid #001848; background-color: #001848; border-radius: 20px; cursor: pointer; transition: .4s;}
.login-btn:hover {background-color: #fff; color: #001848;}

@media (max-width: 560px) {
  .login,
  .login-box,
  .login-zakaz-vstup {width: 95%;}
  .login-input,
  .login-btn,
  .info-bar {width: 85%;}
}