@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
* {
    margin: 0px;
    padding: 0px;
    /*width: 100%;
            height: 100%;*/
}

body {
    /*position: absolute;*/
    width: 100%;
    height: 100%;
    /*left: 0px;
            top: 10px;*/
    /*background-image: url('../images/SL-073119-22070-28_1.png'),url('../images/Group_1560.png'),url('../images/SL-073119-22070-28_1.png');
    background-size: contain,cover,contain;
    background-repeat: no-repeat, no-repeat,no-repeat;
    background-position-y: -215px,115px,409px;
    background-blend-mode: multiply;*/
    margin: 0px;
    /*opacity: 0.8;*/
    /*background: url(../images/liner-bg.png) no-repeat left bottom #4a6e8a !important;
    background-size: contain !important;
    background-attachment: fixed !important;*/
}
.background_Image {
    background-image: url('../images/SL-073119-22070-28_1.png'),url('../images/Group_1560.png'),url('../images/SL-073119-22070-28_1.png');
    background-size: contain,cover,contain;
    background-repeat: no-repeat, no-repeat,no-repeat;
    background-position-y: -215px,110px,409px;
    background-blend-mode: multiply;
    margin: 0px;
}
.bg_image {
    background-image: url('../images/bg-2@4x_1.png'),url('../images/Group_1560.png'),url('../images/SL-073119-22070-28_1.png');
    background-repeat: no-repeat,no-repeat,no-repeat;
    background-position: top right,center,top left;
    background-position-y: 0px,90px,-229px;
}
.wh_Image {
    position: relative;

    padding-bottom: 39%;
  
    margin-top: -10px;
    background: url(../images/Rectangle_763.png)no-repeat;
    width: 100%;
}
.login_title {
    /* Bold/H3 */
    font-family: Lato;
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 24px;
    /* identical to box height, or 100% */
    display: block;
    align-items: center;
    /* Neutral/800 */
    color: #333333;
}

.forgot_password {
   /* position: absolute;*/
    width: 100%;
    height: 16px;
 /*   left: 187px;*/
    /*top: 164px;*/
    /* Regular/Body */
    font-family: Lato;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 16px;
    /* identical to box height, or 123% */
    text-align: right;
    /* Secondary/Navy/400 */
    color: #2D7FF9;
   /* margin-left: 72px;*/
}

.login_input {
    position: relative;
    left: 0%;
    right: 0%;
    top: 0%;
    bottom: 0%;
    /* Secondary/Blue/50 */
    background: #F9FAFF;
    /* Secondary/Blue/150 */
    border: 1px solid #DFE1E6;
    box-sizing: border-box;
    border-radius: 3px;
    width: 333px;
    height: 33px;
    margin-left: 72px;
}

    .login_input label {
        position: absolute;
        width: auto;
        height: 16px;
        left: 0px;
        top: calc(50% - 16px/2);
        /* Regular/Body */
        font-family: Lato;
        font-style: normal;
        font-weight: normal;
        font-size: 13px;
        line-height: 16px;
        /* identical to box height, or 123% */
        display: flex;
        align-items: center;
        /* Neutral/600 */
        color: #898888;
        /* Inside Auto Layout */
        flex: none;
        order: 0;
        flex-grow: 0;
        margin: 0px 0px 0px 16px;
        transition: 0.5s;
    }

    .login_input input:focus ~ label,
    .login_input input:valid ~ label {
        top: -8px;
        left: 0;
    }

    .login_input span {
        /* Ellipse 62 */
        /*position: absolute;*/
        width: 4px;
        height: 4px;
        left: 60px;
        top: 0px;
        /* Status/Red 1 */
        background: #D13917;
        border-radius: 50%;
        /* Inside Auto Layout */
        flex: none;
        order: 1;
        flex-grow: 0;
        margin: -16px 0px 0px 0px;
    }

.login_button {
    position: relative;
/*    width: 351px;
    height: 32px;*/
    left: 0px;
    /*top: 196px;*/
    /* Primary 1 */
    background: #2D7FF9;
    border-radius: 5px;
/*    margin-left: 72px;
    margin-top: 16px;*/
    /* Bold/Body */
    font-family: Lato;
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    line-height: 16px;
    /* identical to box height, or 123% */
    text-align: center;
    /* Neutral/White */
    color: #FFFFFF;
}

.login_button_text {
    position: absolute;
    width: 32px;
    height: 16px;
    left: 150px;
    top: 8px;
    /* Bold/Body */
    font-family: Lato;
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    line-height: 16px;
    /* identical to box height, or 123% */
    text-align: center;
    /* Neutral/White */
    color: #FFFFFF;
}
.container {
    width: 100% !important;
 /*   padding-right: 0px !important;
    padding-left: 0px !important;
    margin-right: 0px !important;
    margin-left: 0px !important;*/
    
}


@media (max-width: 767px) {

    .home-bg {
        background: rgba(255,255,255,0.7);
        padding-top: 15px;
        margin: 15px;
        padding-bottom: 7%;
    }
}

@media (min-width: 768px) {
    .login-div {
        background: #FFFFFF;
        opacity: 0.7;
        padding-top: 16%;
        padding-bottom: 7%;
    }
}
@media (min-width: 1200px) {
    .container {
        max-width: 100% !important;
    }
}
.parent_img {
    position: relative;
}

.over_img {
    position: absolute;
    /*top: 80%;
            left: 20%;*/
}
.image_95 {
    position: relative;
    width: 100%;
    /*height: 72px;*/
    /*left: 205px;*/
    margin-top: 15px;
   /* margin-left: 147px;*/
    background: url('../images/image 295.png');
    margin-bottom: 45px;
}
.login_label_15_tier_experience {
    /* 15 Years of top tier experience in */
  /*  position: absolute;*/
    width: 100% !important;
   /* height: 24px !important;*/
    /*left: 205px;*/
    /*top: 113px;*/
    /* Regular/H3 */
    font-family: Lato !important;
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 24px;
    /* identical to box height, or 100% */
    color: #000000;
    /*margin-left: 147px;*/
}
.login_label_mortgage_technology {
    /* MORTGAGE TECHNOLOGY */
  /*  position: absolute;*/
    width: 100%;
   /* height: 32px;*/
    /*left: 205px;*/
    /*top: 143px;*/
    font-family: Lato !important;
    font-style: normal;
    font-weight: 900;
    font-size: 32px;
    line-height: 32px;
    /* identical to box height, or 100% */
    color: #FAAF40;
    /*margin-top: 15px;*/
    padding: 8px 0 8px 0;
    /*margin-left: 147px;*/
}
.login_label_back_office_processing {
    /* Back Office Processing, Servicing & Secondary Marketing */
  /*  position: absolute;*/
    width: 100%;
   /* height: 24px;*/
    /*left: 205px;*/
    /*top: 179px;*/
    /* Regular/H4 */
    font-family: Lato !important;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 24px;
    /* identical to box height, or 120% */
    color: #000000;
   /* margin-top: 35px;*/
   /* padding: 32px 0 32px 0;*/
  /*  margin-left: 147px;*/
}
/*.Rectangle_816 {*/
    /* Rectangle 816 */
   /* position: absolute;*/
    /*width: 100%;
    height: 4px;*/
    /*left: -96px;*/
    /*top: 14px;*/
    /*background: #E16DAD;*/
    /*margin-top: -25px;
    margin-left: -15px;*/
/*}

.Rectangle_815 {*/
    /* Rectangle 815 */
  /*  position: absolute;*/
    /*width: 100%;
    height: 4px;*/
    /*left: 106px;*/
    /*top: 14px;*/
    /*background: #FAAF40;*/
  /*  margin-top: -25px;
    margin-left: 50px;*/
/*}

.Rectangle_817 {*/
    /* Rectangle 817 */
   /* position: absolute;*/
    /*width: 100%;
    height: 4px;*/
    /*left: 104px;*/
    /*top: 14px;*/
    /*background: #59CAE2;*/
   /* margin-top: -25px;
    margin-left: 60px;*/
/*}*/
.login_label_powered_by {
    /* Powered by */
   /* position: absolute;*/
    width: 125px;
    height: 32px;
   
    margin-top: 2px;
    font-family: Lato;
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 32px;
    /* identical to box height, or 133% */
    color: #000000;
    margin-left: 400px;
}

.Rectangle_818 {
    /* Rectangle 818 */
   /* position: absolute;*/
    width: 40px;
    height: 40px;
    /*left: 526px;*/
    margin-left: 518px;
    margin-top: -10px;
    background: #000000;
}

.ellipse_117 {
    /* Ellipse 117 */
    position: relative;
    width: 9px;
    height: 9px;
    margin-top: 13px;
    border-radius: 50%;
    background: #FAAF40;
    margin-left: 519px;
}

.login_label_AI {
    /* AI */
    position: absolute;
    width: 25px;
    height: 32px;
    /*left: 539px;*/
    margin-top: -22px;
    font-family: Lato;
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 32px;
    /* identical to box height, or 133% */
    color: #FFFFFF;
    margin-left: 530px;
}
.password_must_have {
    /* Password Must Have: */
    /*
            position: absolute;
            width: 126px;*/
    height: 16px;
    left: 16px;
    top: 16px;
    /* Bold/Body */

    font-family: Lato;
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    line-height: 16px;
    /* identical to box height, or 123% */
    /* Neutral/800 */

    color: #333333;
}

.invalid {
    /* Minimum 8 Charecters */
    /*  position: static;
            width: 144px;
            height: 16px;
            left: 16px;
            top: 0px;*/
    /* Regular/Caption */

    font-family: Lato;
    font-style: normal;
    font-weight: normal;
    font-size: 11px;
    line-height: 16px;
    /* identical to box height, or 145% */
    /* Status/Red 1 */

    color: #D13917;
    /* Inside Auto Layout */

    flex: none;
    order: 1;
    flex-grow: 0;
    margin: 0px 8px;
}

.valid {
    /* One Uppercase */
    /*  position: static;
            width: 75px;
            height: 16px;
            left: 16px;
            top: 0px;*/
    /* Regular/Caption */

    font-family: Lato;
    font-style: normal;
    font-weight: normal;
    font-size: 11px;
    line-height: 16px;
    /* identical to box height, or 145% */
    /* Neutral/800 */

    color: #333333;
    /* Inside Auto Layout */

    flex: none;
    order: 1;
    flex-grow: 0;
    margin: 0px 8px;
}

.password_info {
    /* Password info */
    /* position: relative;
            width: 164px;
            height: 172px;*/
    /* Neutral/White */

    background: #FFFFFF;
    /* Elevation/Popups */

    box-shadow: 0px 8px 5px rgba(23, 43, 77, 0.04), 0px 11px 13px rgba(23, 43, 77, 0.08);
    border-radius: 5px;
}
.input_text {
    position: relative;
    left: 0%;
    right: 0%;
    top: 0%;
    bottom: 0%;
    /* Secondary/Blue/50 */
    background: #F9FAFF;
    /* Secondary/Blue/150 */
    border: 1px solid #DFE1E6;
    box-sizing: border-box;
    border-radius: 3px;
    width: 100%;
    /*height: 33px;*/
    /*margin-left: 72px;*/
}

    .input_text label {
        position: absolute;
        width: auto;
        height: 16px;
        left: 0px;
        top: calc(50% - 16px/2);
        /* Regular/Body */
        font-family: Lato;
        font-style: normal;
        font-weight: normal;
        font-size: 13px;
        line-height: 16px;
        /* identical to box height, or 123% */
        display: flex;
        align-items: center;
        /* Neutral/600 */
        color: #898888;
        /* Inside Auto Layout */
        flex: none;
        order: 0;
        flex-grow: 0;
        margin: 0px 0px 0px 16px;
        transition: 0.5s;
    }

    .input_text input:focus ~ label,
    .floating-input:not(:placeholder-shown) ~ label {
        top: -8px !important;
        left: 0;
    }
.form-group.floating-label.move-up .floating_label {
    top: -8px !important;
    background: white;
}
.floating-label {
    position: relative;
    margin-bottom: 20px;
}

.floating-input, .floating-select {
    /* Secondary/Blue/50 */
  /*  width: 90%;*/
    background: #F9FAFF;
    /* Secondary/Blue/150 */
    border: 1px solid #DFE1E6;
    box-sizing: border-box;
    border-radius: 3px;
    height: 33px;
    font-family: Lato;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 16px;
}

    .floating-input:focus, .floating-select:focus {
        outline: none;
        /*border-bottom: 2px solid #5264AE;*/
    }

.floating_label {
    position: absolute;
    width: auto;
    height: 16px;
    left: 0px;
    top: calc(50% - 16px/2);
    /* Regular/Body */
    font-family: Lato;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 16px;
    /* identical to box height, or 123% */
    display: flex;
    align-items: center;
    /* Neutral/600 */
    color: #898888;
    /* Inside Auto Layout */
    flex: none;
    order: 0;
    flex-grow: 0;
    margin: 0px 0px 0px 16px;
    transition: 0.5s;
    pointer-events: none;
}

.floating_mandatory {
    width: 4px;
    height: 4px;
    left: 60px;
    top: 0px;
    /* Status/Red 1 */
    background: #D13917;
    border-radius: 50%;
    /* Inside Auto Layout */
    flex: none;
    order: 1;
    flex-grow: 0;
    margin: -16px 0px 0px 0px;
}

.floating-input:focus ~ label, .floating-input:not(:placeholder-shown) ~ label
 {
    top: -8px !important;
    background: white;
    /*font-size: 14px;
    color: #5264AE;*/
}
.active2 .floating-input ~ label
 {
    top: -8px !important;
    background: white;
    /*font-size: 14px;
    color: #5264AE;*/
}
.floating-select:focus ~ label, .floating-select:not([value=""]):valid ~ label {
   /* top: -8px;*/
    /*font-size: 14px;
    color: #5264AE;*/
}

/* active state */
.floating-input:focus ~ .bar:before, .floating-input:focus ~ .bar:after, .floating-select:focus ~ .bar:before, .floating-select:focus ~ .bar:after {
    width: 50%;
}


.floating-textarea {
    min-height: 30px;
    max-height: 260px;
    overflow: hidden;
    overflow-x: hidden;
}

/* highlighter */
.highlight {
   /* position: absolute;
    height: 50%;
    width: 100%;
    top: 15%;
    left: 0;*/
    pointer-events: none;
   /* opacity: 0.5;*/
}


/* active state */
.floating-input:focus ~ .floating_label, .floating-select:focus ~ .floating_label {
    /*-webkit-animation: inputHighlighter 0.3s ease;
    -moz-animation: inputHighlighter 0.3s ease;
    animation: inputHighlighter 0.3s ease;*/
}
/* active state */
.floating-input:focus ~ .highlight, .floating-select:focus ~ .highlight {
    /*-webkit-animation: inputHighlighter 0.3s ease;
    -moz-animation: inputHighlighter 0.3s ease;
    animation: inputHighlighter 0.3s ease;*/
}
/* animation */
@-webkit-keyframes inputHighlighter {
    from {
        background: #5264AE;
    }

    to {
        width: 0;
        background: transparent !important;
    }
}

@-moz-keyframes inputHighlighter {
    from {
        background: #5264AE;
    }

    to {
        width: 0;
        background: transparent !important;
    }
}

@keyframes inputHighlighter {
    from {
        background: #5264AE;
    }

    to {
        width: 0;
        background: transparent !important;
    }
}