.login_main {
        width: 100%;
        float: left;
        padding: 0;
        margin: 0;
        height: 100vh;
        background-image: url(../image/bg-1.jpg);
        background-size: 100%;
    }
    
    .login_main .container {
        height: 100%;
        display: flex;
        flex-flow: column;
        justify-content: center;
    }
    
    .wrapper.login {
        width: 400px;
        padding: 20px;
        margin: 0 auto;
        background-color: #fff;
        border-radius: 25px;
        box-shadow: 2px 2px 10px -1px rgba(28, 30, 58, 0.75);
    }
    
    .login_data {
        width: 100%;
        float: left;
        padding: 0;
        margin: 20px 0 0;
    }
    
    .log_in {
        position: relative;
    }
    
    .log_in span {
        padding: 15px 0;
        position: absolute;
        z-index: 1;
        left: 0;
    }
    
    .login_data span i {
        color: #1c1e3a;
        font-size: 20px;
    }
    
    .log_in input {
        width: 100%;
        float: left;
        padding: 0 0 0 25px;
        margin: 0;
        height: 50px;
        border-color: transparent transparent #1c1e3a transparent;
        border-radius: 0;
    }
    
    .log_in input:focus {
        outline: none;
        box-shadow: none;
        border-color: transparent transparent #1c1e3a transparent;
    }
    
    .login_data .form-group {
        margin-bottom: 15px;
        float: left;
        width: 100%;
    }
    
    .logo_data {
        width: 100%;
        float: left;
        padding: 0;
        margin: 0px 0 25px;
        text-align: center;
    }
    
    .logo_data img {
        width: 75%;
    }
    
    .forgot {
        width: 100%;
        float: left;
        margin: 0;
        padding: 0;
    }
    
    .forgot span {
        display: inline-block;
        float: right;
    }
    
    .login_btn {
        width: 100%;
        float: left;
        padding: 0;
        margin: 15px 0;
        text-align: center;
    }
    
    .login_btn .btn {
        background-color: #1c1e3a;
        color: #fff;
        width: 100%;
        text-transform: uppercase;
        font-weight: bold;
    }
    
    .login_btn .btn:focus {
        outline: none !important;
        color: #fff !important;
        box-shadow: none;
    }
    
    .login_btn .btn:hover {
        outline: none !important;
        color: #fff !important;
        background-color: #363a6e;
    }
    
    @media screen and (max-width: 915px) {
        .login_data {
            margin: 30px 0 0;
        }
    }
    
    @media screen and (max-width: 767px) {
        .wrapper.login .row {
            flex-flow: row;
        }
        .login_data {
            margin: 0;
        }
    }
    
    @media screen and (max-width: 425px) {
        .wrapper.login .row {
            flex-flow: column;
        }
    }