.btm-logo{
    width: 100%
}
.login-block {
    margin: -158px auto !important;
    margin-bottom: 1% !important;
}
.jumbotron{
    height:199px ;
    background-color: #448aff;
    opacity: 0.8;
}
.white-vi{
    color:#fff !important;
}
.white-vi:hover{
    color:blue !important;
}
.a-blue:hover{
    color: #0000EE !important;
  }
  .a-blue-vb:hover{
    color: #0000EE !important;
  }
  .a-blue{
    font-size: 12px;
  }
  .a-blue-vb{
    font-size: 14px;
  }
.logo-set{
    margin-left: -62%;
}
.m-l-5{
margin-left: 5%;
}
.m-b-4{
  margin-bottom: -4%;
}
.hidden{
    /* visibility: hidden; */
    display: none
  }
body {
    background-color: #fff !important;
    font-size: .9375rem;
    overflow-x: hidden;
    color: #373a3c;
    font-family: 'Roboto','Montserrat', sans-serif !important;
        background-attachment: fixed;
    background-image: linear-gradient(#fff,#fff,#fff) !important;
}
@media screen and (max-width: 768px){
    .logo-set{
               margin-left: 1%;
    }
}

.m-b-55{
margin-bottom: 55% !important;
}
/* checkbox */
.container-c {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none; 
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  
  /* Hide the browser's default checkbox */
  .container-c input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
  }
  
  /* Create a custom checkbox */
  .checkmark-sq {
    position: absolute;
    margin-top: 10px;
    left: 9px;
    height: 18px;
    width: 18px;
    background-color: #eee;
    border: 1px solid #2196F3;
  }
  
  /* On mouse-over, add a grey background color */
  .container-c:hover input ~ .checkmark-sq {
    background-color: #ccc;
  }
  
  /* When the checkbox is checked, add a blue background */
  .container-c input:checked ~ .checkmark-sq {
    background-color: #2196F3;
  }
  
  /* Create the checkmark/indicator (hidden when not checked) */
  .checkmark-sq:after {
    content: "";
    position: absolute;
    display: none;
  }
  
  /* Show the checkmark when checked */
  .container-c input:checked ~ .checkmark-sq:after {
    display: block;
  }
  
  /* Style the checkmark/indicator */
  .container-c .checkmark-sq:after {
    left: 6px;
    top: 1px;
    width: 6px;
    height: 11px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .f-s-16{
      font-size: 12px;
  }
  .m-t-5{
    margin-top: 5%;
  }
  .m-t-n5{
    margin-top: -6%;
    /* margin-bottom: -2%; */
    width: 100%;
    /* position: absolute; */
  }
  .m-b-n5{
    margin-bottom: -2%;
    margin-top: -2%;
   
  }
  
 
 .footer {
  background-color: #37474f;
  color: #fff;
  padding: 15px 0;
  bottom: 0;
  width: 100%;
  /* position: fixed !important; */
}
.m-b-5{
  margin-bottom: -5%;
}
.form-bar{
  color: #E63F3C !important;
}
.m-b-0{
margin-bottom: 0 !important
}
@media screen and ( max-height: 1400px ){
  .login-block{
    min-height: 1234px;
  }
}
@media screen and ( max-height: 1024px ){
  .login-block{
    min-height: 892px;
  }
}
@media screen and ( max-height: 950px ){
  .login-block{
    min-height: 815px;
  }
}
@media screen and ( max-height: 900px ){
  .login-block{
    min-height: 762px;
  }
}
@media screen and ( max-height: 800px ){
  .login-block{
    min-height: 665px;
  }
}

@media screen and ( max-height: 700px ){
  .login-block{
    min-height: 527px;
  }
}