@import url("https://use.typekit.net/hga2mqz.css");
* {
    font-family: "new-frank", sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 12px;
}

body {
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.logo {
    width: 248px;
    height: 44px;
    background: url('/Assets/Img/login-logo-2.png') no-repeat left top;
    margin: 0 auto 0;
}

.login-poster {
    background-image: url("/Assets/Img/login-backround-screen.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 100vh;
    position: relative;
}

.home-banner-info-card {
    max-width: 485px;
    position: absolute;
    min-height: 280px;
    top: 50%;
    right: 30px;
    border-radius: 20px;
    transform: translateY(-50%);
    background: rgba(255, 255, 255, 0.85);
    padding: 20px;
}

.spl-quote  {
    font-size: 54px;
    line-height: 20px;
    display: inline-block;
    color: #9333EA;
}
.quote-top {
    position: absolute;
    left: 0px;
    top: 13px;
}
.quote-bottom {
    position: absolute;
    bottom: 3px;
}
.info-card-text {
    letter-spacing: 0.4px;
    font-size: 22px;
    line-height: 32px;
    font-weight:700;
    padding-left:30px;
    position:relative;
}
.heading-underline {
    font-weight:700;
}
.heading-text {
    font-size:35px;
    font-weight:700;
    margin-bottom:35px;
}
#frmLogin label {font-weight:700; font-size:14px;}
#frmLogin .form-control {height:40px; font-size:16px; border-radius:6px;}
#frmLogin .btn {height:40px; font-size:16px; font-weight:700;}
#environment-name { color: red; font-size: 14px; font-weight: normal; text-align: center; }