html, body {
    margin: 0;
    padding: 0;
}
.outer {
    display: table;
    position: absolute;
    height: 80%;
    width: 100%;
}
.middle {
    display: table-cell;
    vertical-align: middle;
}
.inner {
    margin-left: auto;
    margin-right: auto; 
    width: 100%;
}
.login-block {
    background: linear-gradient(to top, #D5DBEE, #F1F2F4); 
    float:left; 
    width:100%; 
    padding : 50px 0;
}
.banner-sec {
    background-size:cover;
    min-height:500px; 
    border-radius: 0 10px 10px 0; 
    padding:0;
}
.container {
    background:#fff; 
    border-radius: 10px;
}
.carousel-inner {
    border-radius:0 10px 10px 0;
}
.carousel-caption {
    text-align:left;
    left:5%;
}
.login-sec {
    padding: 50px 30px; 
    position:relative;

}
.login-sec .copy-text {
    position:absolute; 
    width:80%; 
    bottom:20px; 
    font-size:13px; 
    text-align:center;
}
.login-sec .copy-text i {
    color:#FEB58A;
}
.login-sec .copy-text a {
    color:#828FC2;
}
.login-sec h2 {
    margin-bottom:30px;
    font-weight:800; 
    font-size:30px; 
    color: #DE6262;
}
.login-sec h2:after {
    content:" ";
    width:100px;
    height:5px;
    background:#FEB58A;
    display:block;
    margin-top:20px;
    border-radius:3px;
    margin-left:auto;
    margin-right:auto;
}
.btn-login {
    background: #828FC2;
    color:#fff;
    font-weight:600;
}
.banner-text {
    text-shadow: 2px 2px 2px #333;
    padding-left:20px;
}
.banner-text h2 {
    color:#fff;
    font-weight:600;
}
.banner-text h2:after {
    content:" ";
    width:100px;
    height:5px;
    background:#FFF;
    display:block;
    margin-top:20px;
    border-radius:3px;
}
.banner-text p {
    color:#fff;
}
.templateTitle  {
    text-align:center;
    margin-bottom: 30px;
}
.rememberMe {
    padding-left:5px;
    padding-top:8px;
    display:inline-block;
}