body {
    padding: 0;
    margin: 0;
	font-family: 'Roboto', sans-serif;
	background: url(../images/loginbg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
	
}
h1,h2,h3,h4,h5,h6,ul,li,p{padding:0; margin:0}

	a{color:#000}

.login-wrapper{
	padding-bottom:40px;
	
}

.login-wrapper .login-box {
	margin-top:150px;
	box-shadow:0 0 10px #333;
}

.login-wrapper .login-box .login-right{background:#fff; margin:0 -15px; text-align:center; padding:50px 20px;    height: 100%;}
.login-wrapper .login-box .login-right img{margin-bottom:30px;}
.login-wrapper .login-box .login-right h2{margin-bottom:10px;font-weight: bold;}
.login-wrapper .login-box .login-right small{display:block;font-size: .8em;margin-bottom:50px;color: #999;}

.login-wrapper .login-box .login-right .form-group .form-control{border-radius:0;height: 60px;border-color: #eee;}
.login-wrapper .login-box .login-right .form-group .btn{width:100%;}
.login-wrapper .login-box .login-right .form-group.forgotpass{font-size:14px; color:#999;}
.login-wrapper .login-box .login-right .form-group.forgotpass a{color:#999; text-decoration:none;transition:.2s;}
.login-wrapper .login-box .login-right .form-group.forgotpass a:hover{color:#2b519f;}
.login-wrapper .login-box .login-right .form-group.forgotpass .custom-control-label::before,
.login-wrapper .login-box .login-right .form-group.forgotpass .custom-control-label::after  {
    position: absolute;
    top: .15rem;
}
.login-wrapper .login-box .login-right .form-group .btn{height:50px;    border-bottom: 4px solid #dca501; margin:15px 0;    font-size: 1.4em;}
.login-wrapper .login-box .login-right .form-group.signup{}
.login-wrapper .login-box .login-right .form-group.signup label{color:#555;}
.login-wrapper .login-box .login-right .form-group.signup label>a{color:#999; text-decoration:none; transition:.2s;}
.login-wrapper .login-box .login-right .form-group.signup label>a:hover{color:#2b519f;}



.login-wrapper .login-box .login-left{
	background: url(../images/loginbg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
	margin:0 -15px;
	height:100%;
	
}

.login-wrapper .login-box .login-left .lgn-top{
	
}
.login-wrapper .login-box .login-left .lgn-bottom{background:#0f2850; padding:30px;}
.login-wrapper .login-box .login-left .lgn-bottom p{color:#ccc;}

#demo {
    padding-top: 5rem;
}

    #demo img {
        max-width: 100%;
    }

#demo1 img {
    max-width: 80%;
    padding-top: 2.5rem;
}

#demo2 {
    width: 35%;
    margin: auto;
    margin-top: -6rem;
}

    #demo2 img {
        max-width: 100%;
    }

@media(max-width:1520px){
	.login-wrapper .login-box {
		margin-top: 100px;
	}
}

@media(max-width:1520px){
	.login-wrapper .login-box {
		margin-top: 60px;
	}
}
@media(max-width:576px){
	.login-wrapper {
		padding: 0 20px;
	}
	.login-wrapper .login-box {
		margin-top: 30px;
	}
}