@font-face {
    font-family: alexander; /* Имя шрифта */
    src: url(/usr/fonts/alexander.ttf); /* Путь к файлу со шрифтом */
   }
body{
  background: #04619E;
}
.header {
   width: 100%;
   /* position: absolute; */
   margin: 0 auto;
   }
.header_logo
{
    margin: 0 auto;
    height: 482px;
    background-image: url(/usr/img/backlogo.png);
    background-size: auto;
    background-position: center;
    background-repeat: no-repeat;
}
.logo_premier{
  width: 100%;
  padding: 5px;
  height: 55px;
  background: #f7f7f7;
}

.logo_premier_master{
    width: 198px;
    margin: 0 auto;
    height: 55px;
    background-image: url("/usr/img/logomaster.png");
}

.logo_premier_img{
    width: 180px;
    height: 57px;
    background-repeat: no-repeat;
    background-size: contain;
    margin: 0 auto;
    background-image: url(/usr/img/premier_logo.svg);
}
.main_block{position: absolute;margin: 0 auto;width: 320px;left: 50%;margin-left: -160px;top: 55%;margin-top: -190px;}
.login_form_container{position: relative;height: auto;background: white;border-radius: 7px;padding: 18px;box-shadow: 0 0 26px rgba(0,0,0,0.5);}
.header_text_container{
    max-width: 675px;
    min-width: 320px;
    width: 100%;
    /* float: left; */
    /*padding-top: 6%;*/
    margin: 4% auto;
}
.form_img{
   width: 320px;
   height: 67px;
   margin-left: -18px;
   padding-top: 20px;
   border-radius: 12px 12px 0px 0px;
   margin-top: -18px;
   border-bottom: 1px solid black;
   border-color: #cebebe;
   background-image: -webkit-linear-gradient(top, #f5f5f5 100%, #ffffff);
}
.form_logo{
  margin-left: 67px;
}
.login_form{/* top: 0px; *//* height: inherit; */}
.form_label{
    margin-top:         9px;
    margin-left:        27px;
    margin-right:       0px;
    margin-bottom:      0px;
    font-family:        'AleksandraC';
    font-size:          30px;
    color:              #333;
    padding:            0px;
    width:              280px;
    height:             20px;
}
.login_conteiner{
    margin-top: 15px;
    margin-left: 0px;
    width: 280px;
    height: 50px;
    background-color:   rgba(0,0,0,0);
}
.text_header{
  font-family: alexander;
  font-weight: 1;
  
    text-align: center;
  font-weight: 500;
  font-size: 40px;
  color: white;
  line-height: 1;
}
.input{
    margin-top: 18px;
    font-size: 20px;
    border-color: grey;
    /* border-width:       thin; */
    padding-left: 5px;
    border-radius: 5px;
    /*opacity: 1;*/
    background-color:   rgba(0,0,0,0);
    width: 270px;
    height: 50px;
    border-color: #CDE5F9;
    /* font:               23px sans-serif; */
    /* font-style:         italic; */
    /* outline: none; */
     color: black;
}
.input::-webkit-input-placeholder { 
    color:              black;
    opacity:            0.3;
    
}
/*.input:hover{
    border-width:       medium;
    opacity:            1;
    
}*/
/*.inputa:active{
    border-bottom:      2px;
}
.input:focus{
    border:             1px !important;
}*/
.password_conteiner{
    margin-top: 15px;
    margin-left: 0px;
    margin-bottom:      30px;
    width:              280px;
    height: 50px;
}

.ga_conteiner{
    margin-top: 5px;
    margin-left: 0px;
    margin-bottom:      30px;
    width:              280px;
    height: 50px;
}

.enter_button_container{
  margin-top: 45px;
  margin-left: 5px;
  width:              250px;
  /* height: 10px; */
  /* float: left; */
}
.enter_button{
  margin-top: -13px;
  margin-left: -7px;
  font-size: 20px;
  /* width:                100%; */
  width: 160px;
  /* height:               100%; */
  color:                #fff;
  /* text-decoration:      none; */
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 125px;
  /* padding-right: 125px; */
   background: red;
  /*background-image: -webkit-linear-gradient (top, #f0250e 100%, #960F00 );*/
  background: #f0250e; /* Old browsers */
background: -moz-linear-gradient(top, #f0250e 0%, #960f00 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #f0250e 0%,#960f00 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #f0250e 0%,#960f00 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0250e', endColorstr='#960f00',GradientType=0 ); /* IE6-9 */
  /*background-image: -webkit-linear-gradient(top, #f5f5f5 100%, #ffffff);*/
  /* outline:              none; */
  border-radius: 4px 4px 4px 4px;
}
/*.enter_button:hover {
    background:         #1d6165; 
/*  } */
/*.enter_button:active { 
    background:         #1d828d;
  } */

.margin_left{
  width: 12%;
  height: 10px;
  float: left;
}
.animation_enter{
    margin-top:         30px;
    width:              30px;
    height:             30px;
    float:              left;   
}
.animation_enter_button{
    
    font-size:          22px;
    color:              #fff;
    text-decoration:    none;
    background:         #c0392b;
    padding:            12px 12px;
    outline:            none;
    border-radius: 0 4px 4px 0;
  
}
/*.animation_enter_button:hover {
    background:         #c0392b; 
  } 
.animation_enter_button:active { 
    background:         #ff0000;
  } */

.error{
  padding: 10px 9px 10px 40px;
  border-radius: 4px;
  color: white;
  background: #B93428 url(/usr/img/error.png) no-repeat;
  background-position: 3px;
}
.auth{
  padding: 10px 9px 10px 40px;
  border-radius: 4px;
  color: white;
  background: #18ba41;
  background-position: 3px;
}

@media (max-width : 400px) {

  .header_text_container{
    display: none;
  }
  .header_logo{
    display: none;
  }
 
}