body{ background:#f5f5ef; margin: 0; padding: 0; overflow-x: hidden; }
.login-card{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);/* width: 1000px;*/ /* box-shadow: 0 0 5px; */}
.login-card .card{border-radius: 27.5px; overflow: hidden; box-shadow: 0 0 5px #4d809c; background: url(../images/background-banner.jpg);}
/*.login-card-left{ width: 500px; display: inline; }
.login-card-right{ width: 500px; display: inline; }*/
.login1{background: #f5f5ef; padding-top:55px ;}
.login1 h4{font-size: 24px;}
.w-100{ width: 100%; }
.w-105{ width: 105%; }
.mb-2{margin-bottom: 2rem;}
.mobile-none{display: block;}
.m-auto{ margin: auto; }
.wrapper{background: #b69d74; width: 100%; height: 34vh; border-bottom: 5px solid #1f2839; /* position: relative; */}
.login1 .form-control{ padding: 8px !important; font-size: 14px !important;}
input[type="password"]{letter-spacing: 2px;}
.login-card .login-btn {padding: 10px 20px 10px; background-color: #bd9656; border-radius: 4px; font-size: 17px; line-height: 20px; color: #fff; margin-bottom: 24px;}
.login-card .forgot-password-link{font-size: 14px; color: #919aa3; margin-bottom: 12px;}
.login-card a{text-decoration: none;}
.login-card-footer-text { font-size: 16px; color: #0d2366; margin-bottom: 60px;}
.login-card-footer-nav a {font-size: 14px; color: #919aa3;}
.footer{ height:auto; background:#1f2839; font-size: 13px; color:#FFF;}
.footer-text-left{text-align: left; width: 50%; float: left; }
    .footer-text-right{text-align: right; width: 50%; float: left;}
.cfcs{font-family: impact !important; font-weight: 400; color: #c50a0a;}
a.cfcs{text-decoration: none;}
a.cfcs:hover{color: #c50a0a;}
.footer p{ padding:10px 0px  !important; margin: 0 0 0px !important;}
.fixed-bottom{ position: fixed; bottom: 0; width: 100%; }

@media only screen and (max-width: 768px) {
    .footer p{ padding: 0;  }
    .footer-text-left{text-align: center; width: 50%; float: left; }
    .footer-text-right{text-align: center; width: 50%; float: left;}
    .mobile-none{display: none;}
    .login-card {
    position: absolute;
    left: 0%;
    top: 50%;
    transform: translate(0%, -50%);
    }
    .login1 {
        background: #f5f5ef;
        padding-top: 10px;
        text-align: center;
    }
    .w-100 {
    width: 90%;
    margin-left: 1.5%;
    }
    .w-105 {
    width: 95%;
}

}
@media only screen and (max-width: 480px) {
    .footer p{ padding: 0;  }
    .footer-text-left{text-align: center; width: 50%; float: left; }
    .footer-text-right{text-align: center; width: 50%; float: left;}
    .mobile-none{display: none;}
    .login-card {
    position: absolute;
    left: 50%;
    top: 42%;
    transform: translate(-50%, -50%);
    width: 100%;
    }
    .login-card img{
        width: 80%;
        margin: auto;
    }
    .mb-2 {
    margin-bottom: 1rem;
}
.login-card .card{
    padding-bottom: 10px;
}
    .container{
        padding: 0;
    }
    .login1 {
        background: #f5f5ef;
        padding-top:0;
        text-align: center;
    }
    .w-100 {
    width: 91.5%;
    
    }
    .w-105 {
    width: 95%;
}

}