.inner-content {
    padding-top: 110px;
}

.welcome-text {
    margin: 15px 0;
}

.splash-title {
    color: #FF5B04;
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 45px;
}

h5 {
    font-weight: bold;
}

.logo {
    margin-top: 20px;
}
.pp-logo-frame img{
    max-width:360px;
}
.splash-container {
    width: 960px;
    height: 532px;
    margin: 100px auto;
    position: relative;
}

.splash-container-bg {
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: 0.6;
    position: absolute;
}

.splash-container-content {
    opacity: 1;
    position: relative;
    text-align: center;
    background: url(/images/landing/v2/background.jpg) no-repeat;
    width: 960px;
    height: 532px;
}

.login-button {
    margin-top: 30px;
}
#main-content-wrapper {
    background: #ececec;
    background-size: cover;
}
a.btn-login {
    background-image: url(/images/landing/login-button-no.png);
    background-repeat: no-repeat;
    display: inline-block;
    text-indent: -9999px;
    width: 240px;
    height: 64px;
    margin-bottom: 5px;
}

    a.btn-login:hover {
        background-image: url(/images/landing/login-button-ro.png);
    }


.login-container{
    display:flex;
    height:100vh;
    width:100%;
    align-items:center;
    justify-content:center;
   

}

    .login-container .inner {
        max-width: 500px;
        text-align: center;
        background: #001c2e;
        padding: 40px 60px;
        background-size: cover;
        border-radius: 20px;
        box-shadow: 10px 10px 10px #cbcbcb;
    }
        .login-container .inner h3 {
            color: #fff;
            font-size: 30px;
            text-transform: uppercase;
        }
    .login-container .login-section input::placeholder{
        color:#fff
    }
#btnLogin {
    background: #047bb7;
    outline:0;
}
    #btnLogin:hover {
        background: #44a9dd;
        outline: 0;
    }
#btnLogin:focus{
    outline:0;
}

    #btnLogin:active{
        transform:scale(.9)
    }
    .login-container .login-section input {
        color: white;
        display: block;
        padding: 1.5em;
        margin-bottom: 1em;
        width: 25em;
        max-width: 30em;
        background-color: rgba(255, 255, 255, 0.15);
        backdrop-filter: saturate(180%) blur(10px);
        border: none;
        outline: none;
        backdrop-filter: blur(3em);
    }

        .login-container .login-section input:focus {
            border: 2px solid rgba(255, 255, 255, 0.15);
            background-color: transparent;
        }

        .login-container .login-section input[type=sumbit] {
            text-transform: uppercase;
            color: rgba(255, 255, 255, 0.15);
            font-weight: bold;
            text-align: center;
            cursor: pointer;
            background-color: transparent;
            border: 2px solid currentColor;
            transition: border var(--transition-timing) ease, background var(--transition-timing) ease, color var(--transition-timing) ease;
        }

            .login-container .login-section input[type=sumbit]:hover {
                color: white;
                border: none;
                background-color: rgba(255, 255, 255, 0.15);
            }
@media only screen and (max-width : 992px) {
    .splash-container {
        width: 100%;
        height: auto;
        margin: 100px auto;
        position: relative;
    }

    .splash-container-content {
        opacity: 1;
        position: relative;
        text-align: center;
        background: #003658;
        width: 100%;
        height: auto;
    }

    .inner-content {
        padding-top: 15px;
    }

    .pp-logo-frame {
        margin: 15px 0;
    }

}

@media only screen and (max-width : 480px) {

    .logo {
        width: 80%;
        height: auto;
    }
}