.login {
    height: 100vh;
    display: flex;
    animation: fadein 2s;
}

.login form {
    margin-top: -80px;
}

.container.login {
    max-width: 100%;
    padding: 0;
}

.logo {
    max-width: 269px;
    margin-bottom: 31px;
}

.login-inner-left {
    flex: 1;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.login-inner-right {
    flex: 1;
}

.login a {
  color: var(--orange);
}

.login a:hover {
  text-decoration: none;
}

.forgotten-password {
    margin-top: 13px;
    margin-bottom: 25px;
}

.forgotten-password p {
    margin-right: 10px;
}

.col-form-label {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 15px;
    margin-bottom: 6px;
}

footer {
    position: absolute;
    bottom: 51px;
}

footer p {
    text-align: left;
    font-size: 12px;
    margin-left: -63px;
}

/* BG Slider */

.vegas-timer {
    z-index: 500 !important;
}
.vegas-timer-progress {
    background: #F24535;
}
.vegas-overlay {
	background-images: url(../img/overlays/02.png);
  opacity: .5;
}

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

.login-inner-left {
    padding: 0 40px;
}

}

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

.login-inner-right {
    display: none;
}

}

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

footer p {
    text-align: left;
    font-size: 12px;
    margin-left: 0;
    padding: 0 40px;
    margin-bottom: 0;
}

.logo {
    max-width: 216px;
    margin-bottom: 31px;
}

.login form {
    margin-top: 41px;
}

.login-inner-left {
    align-items: baseline;
}

footer {
    bottom: 33px;
}

.login {
    height: 100%;
}

.forgotten-password {
    margin-bottom: 8px;
}

.logo {
    margin-bottom: 15px;
}

}

@media screen and (max-height: 667px) {

.logo {
    max-width: 233px;
    margin-bottom: 16px;
}

.forgotten-password {
    margin-top: 9px;
    margin-bottom: 0;
}

footer {
    bottom: 21px;
}

}

@media screen and (max-height: 579px) {

.logo {
    max-width: 233px;
    margin-bottom: 11px;
}

.login form {
    margin-top: -57px;
}

}

@media screen and (max-height: 527px) {

footer {
    bottom: 10px;
}

.logo {
    max-width: 206px;
}

}

@media screen and (max-height: 517px) {

.forgotten-password p {
    margin-bottom: 0;
}

}