html{
  height: 100%;
}
body {
    position: relative;
    min-height: 100%;
   font-family: 'Nunito', sans-serif;
   font-family: 'Oswald', sans-serif;
   font-family: 'Noto Sans', sans-serif;
  /* font-family: 'Roboto', sans-serif;*/
}


/*  body {
  font-family: 'Montserrat', sans-serif;
  transition: 3s;
}
*/
.login-container {
  margin-top: 6%;
  border: 1px solid #CCD1D1;
  border-radius: 5px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
 /* max-width: 50%;*/
}

.ads {
  background-color: #A569BD;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  color: #fff;
  padding: 15px;
  text-align: center;
}

.ads h1 {
  margin-top: 20%;
}

#fl {
  font-weight: 600;
}

#sl {
  font-weight: 100 !important;
}

.profile-img {
  text-align: center;
}

.profile-img img {
  border-radius: 50%;
  /* animation: mymove 2s infinite; */
}

@keyframes mymove {
  from {border: 1px solid #F2F3F4;}
  to {border: 8px solid #F2F3F4;}
}

.login-form {
 padding: 60px 60px 13px 60px;
}

.login-form h4 {
  
     padding-top: 85px;
    font-weight: 700;
    font-family: sans-serif;
 

}
.login-form p{
    font-size: 16px;
    font-weight: 600;
    color: #6c757d;
}

.form-control {
  font-size: 14px;
}
.forget-password{
    text-align: right;
    text-align: -webkit-right;
}

.forget-password a {
  font-weight: 500;
  text-decoration: none;
  font-size: 14px;
  color: #6c757dcf;
    font-family: sans-serif;
}
input.form-control.log-in{
    text-align: center;
    text-align: -webkit-center;
    border-radius: 0px ! important;
        font-family: sans-serif;
}
.btn-color{
    background-color: #4d498c;
    border-color: #4d498c;
}
.btn-color:hover{
     background-color: #4d498ce6;
    border-color: #4d498ce6;
}
.btn-color:active{
      background-color: #4d498c ! important;
    border-color: #4d498c ! important;

}
.login-logo{
    text-align: right;
    text-align: -webkit-right;
        margin-top: 74px;
}
.login-logo img{
  height: 100px;
}

.login-back{
   background: white;
}
.main-footer {
    background: #4d498c;
    padding: 15px;
    color: white;
    border-top: 1px solid #d2d6de;
    text-align: center;
    text-align: -webkit-center;

}
.btn-log{
    border-radius: 0rem ! important;
}
.nav_list{
    padding-left: 15px ! important;
    padding-right: 15px ! important;
}
a.nav_list{
    color: #4d498c ! important ;
    font-weight: 600;
    font-size: 17px;
    font-family: sans-serif;
}
a.nav_list:hover{
       color: #4d498cc7 ! important;
       border-bottom: 2px solid;
}
.main-footer a{
    color: white;
}

/*background*/

.bg-img-01{
    height: -webkit-fill-available;

  min-height: 590px;

  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

  /* Needed to position the navbar */
  position: relative;
}
.bg-img {
  /* The image used */
 height: 882px;
   
 /* height: -webkit-fill-available;
  min-height: 590px;*/

  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

  /* Needed to position the navbar */
  position: relative;
}
#footer {
  
    position: absolute;
  /*  bottom: -95px ! important;*/
    clear: both;
    width: 100%;
    /* margin-top: 20px; */
}

@media (max-width:767px) {
    #footer {
  
    position: absolute;
    bottom: -505px ! important;
    clear: both;
    width: 100%;
    /* margin-top: 20px; */
}


.bg-img-01 {
     min-height: 609px;
}
}