<div class="page">
    <div class="page-main">
        <div class="overlay"></div>
        <div class="masthead anim">
            <!-- <div class="masthead-bg"></div> -->
            <div class="container  mastheadheight">
                <div class="row h-100">
                    <div class="col-12 my-auto">
                        <div class="masthead-content text-dark py-5 py-md-0">
                            <form class="" method="post">
                                <div class="card logincard anim animLv2">
                                    <div class="text-center mb-3 anim animLv2 animLogo">
                                        <img src="assets/img/logo.png" class="loginLogo" alt="">
                                    </div>
                                    <div class="card-body">
                                        <div class="card-title text-center text-white">Inicia sesi&oacute;n </div>
                                        <div class="form-group anim animLv3">
                                            <label class="form-label text-white">
                                                <svg version="1.1" class="user-icon" x="0px" y="0px" viewBox="-255 347 100 100" xml:space="preserve" height="36px" width="30px">
                                                    <path class="user-path" d="
                                                    M-203.7,350.3c-6.8,0-12.4,6.2-12.4,13.8c0,4.5,2.4,8.6,5.4,11.1c0,0,2.2,1.6,1.9,3.7c-0.2,1.3-1.7,2.8-2.4,2.8c-0.7,0-6.2,0-6.2,0
                                                    c-6.8,0-12.3,5.6-12.3,12.3v2.9v14.6c0,0.8,0.7,1.5,1.5,1.5h10.5h1h13.1h13.1h1h10.6c0.8,0,1.5-0.7,1.5-1.5v-14.6v-2.9
                                                    c0-6.8-5.6-12.3-12.3-12.3c0,0-5.5,0-6.2,0c-0.8,0-2.3-1.6-2.4-2.8c-0.4-2.1,1.9-3.7,1.9-3.7c2.9-2.5,5.4-6.5,5.4-11.1
                                                    C-191.3,356.5-196.9,350.3-203.7,350.3L-203.7,350.3z" />
                                                </svg>
                                                Usuario
                                            </label>
                                            <input type="email" class="form-control username submitEnterUser" id="submitEnterUser" placeholder="Ingresa tu usuario">
                                        </div>
                                        <div class="form-group anim animLv3">
                                            <label class="form-label text-white">
                                                <svg version="1.1" class="password-icon" x="0px" y="0px" viewBox="-255 347 100 100" height="36px" width="30px">
                                                    <path class="key-path" d="M-191.5,347.8c-11.9,0-21.6,9.7-21.6,21.6c0,4,1.1,7.8,3.1,11.1l-26.5,26.2l-0.9,10h10.6l3.8-5.7l6.1-1.1
                                                            l1.6-6.7l7.1-0.3l0.6-7.2l7.2-6.6c2.8,1.3,5.8,2,9.1,2c11.9,0,21.6-9.7,21.6-21.6C-169.9,357.4-179.6,347.8-191.5,347.8z" />
                                                </svg>
                                                Contraseña
                                            </label>
                                            <input type="password" class="form-control password submitEnter" placeholder="Ingresa tu contraseña">
                                        </div>
                                        <div class="form-group anim animLv3">
                                            <label class="custom-control custom-checkbox">
                                                <a href="#" class="float-right small text-white">olvidé mi contraseña</a>
                                                <input type="checkbox" class="custom-control-input" />
                                                <span class="custom-control-label text-white">Recordarme</span>
                                            </label>
                                        </div>
                                        <div class="form-footer mt-2 anim animLv3">
                                            <a id="loginBtn" class="btn btn-info btn-block text-white"><i class="fa fa-check-square"></i>Entrar</a>
                                        </div>
                                        <!-- <div class="mt-2 anim animLv3" id='googleIn'>
                                            <a href="#" class="btn btn-google btn-block"><i class="fa fa-google" ></i> Ingrese con Google</a>
                                        </div> -->
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>