body {
  width: 100%;
  height: 100vh;
  background-image: url('../img/fon.jpg');
  background-size:100% 100%; 
  background-repeat:no-repeat;
}
#login-fields {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.login-fon {
-webkit-box-shadow: -1px 0px 56px -5px rgba(0,0,0,0.75);
-moz-box-shadow: -1px 0px 56px -5px rgba(0,0,0,0.75);
box-shadow: -1px 0px 56px -5px rgba(0,0,0,0.75);
opacity:10px;
background-color:  #e6e6e6;
-moz-border-radius: 10px;  
-webkit-border-radius: 10px; 
border-radius: 18px; 
height:500px;
position: relative;
margin: 0 auto;

}
.login-image {
  margin-top: 60px;
}
.login-image img {
  width: 100%;
  height: 120px;
}

.login-text {
  text-align:center;
}
.form-control{
  padding-left: 35px;
}
.icon1{
  position:absolute;
  top: 5px;
  left: 27%;
  width:30px;
  height:30px;
  padding:6px 4px;
  text-align:center;
}
.form-check{  
  position:relative;
  margin:auto;
  
}
#checkbox{
  width: 20px;
  height:20px;
  position: relative;
  margin-left:-27%;
  color: #E85438;
  margin-right:10px;
 
}
#checkbox:hover{
  color:#E85438;
}
.buttons{
  width:100%;
  display: flex;
  justify-content: center;
}
.btn  { 
  width: 35%;
  margin-top: 10px;
  background-color: #E85438;

}