html,body{min-height: 100%; font-family: 'Roboto', sans-serif; font-size: 16px;}
body{ background: #141516;}
img{ max-width: 100%;}
.landing-page{height:calc(100vh - 300px);background:url(../images/landing-img.jpg) center; background-size: cover; position: relative;}
.landing-page .landing-contentarea{top:100%; transform: translate(-0,-50%); max-width: 1140px; margin: auto; position: absolute; left: 0; right: 0;}
.landing-page .landing-contentarea .inner-content{border-radius: 5px;box-sizing: border-box; padding: 15px; background: #242527; color: #fff;}
.landing-page .landing-contentarea .inner-content .form-control{ height: 37px; border-radius: 2px; border: #3e4147 solid 1px; background: #0a0b0d; color: #fff;}
.landing-page .landing-contentarea .inner-content label{ font-size: 1rem; color: #a3a3a3; font-weight: 600; display: block;}
.landing-page .landing-contentarea h1{ margin: 10px 0 20px 0; font-size: 1.5rem;}
.landing-page .logo-header{margin-top: 40px;}
.footer-box{background:url(../images/footer-img.png) center; padding-top: 180px; box-sizing: border-box; background-size: cover; height: 300px; width: 100%; border-top:#ff2222 solid 10px; color: #fff;}
address{ margin-top: 135px; color: #fff; display: inline-block; width: 100%; font-size: 20px;}
address a, address a:hover, address a:focus {color: #fff; text-decoration: none;}
address aside{ margin-left: 15px; margin-right: 15px;}
address i{ color:#ff2222; width:50px; height: 40px; text-align: center; display: inline-block;}
#loginfrm .col-md-5, #loginfrm .col-md-2, #loginfrm .col-xs-12{padding-right: 15px; padding-left: 15px;}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {transition: background-color 5000s ease-in-out 0s;-webkit-box-shadow: 0 0 0px 1000px #000000 inset !important; -webkit-text-fill-color: #fff;}


.login-btn,.login-btn:hover,.login-btn:focus,.login-btn:active{ background: #ff2222 !important; border:#ff2d2d solid 1px !important; font-weight: 600; border-radius: 2px; margin-top: 29px;}
/*.login-btn,.login-btn:hover,.login-btn:focus,.login-btn:active{ min-height: 48px; background: #ff2222 !important; border:#ff2d2d solid 1px !important; font-weight: 600; border-radius: 2px; margin-top: 29px;}*/
.forgot-pass, .forgot-pass a{ margin-top: 20px; font-weight: 600; color:#fff;}

.error{ font-size: 12px; color: #ff0000}
@media(max-width:1024px){.landing-page .landing-contentarea{width:calc(100% - 20px)}}
@media(max-width:992px){
    address{ text-align: center; font-size: 20px; margin-top: 20px;}
    .footer-box{padding-top: 220px;ing-bottom: 15px;}
}
@media(max-width:767px){
 .footer-box{padding-top:350px;}
 address aside{margin-bottom:0 !important; margin-left: 0; margin-right: 0;}
.login-btn,.login-btn:hover,.login-btn:focus,.login-btn:active{ margin-top: 0;}
.username, .password{ float: left; width: 100%;}
.landing-page{height:calc(100vh);}
.landing-page .landing-contentarea .inner-content{padding: 10px 10px;}
.landing-page .landing-contentarea{ position: relative;}
}

@media(max-height:630px){
    .footer-box{padding-top:350px;}
    address aside{margin-bottom:0 !important;}
   .login-btn,.login-btn:hover,.login-btn:focus,.login-btn:active{ margin-top: 0;}
   .username, .password{ float: left; width: 100%;}
   .landing-page{height:calc(100vh);}
   .landing-page .landing-contentarea .inner-content{padding: 10px 10px;}
   .landing-page .landing-contentarea{ position: relative;}
   }