html, body{
	height:100%;
	color:#000;
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
}
h2{
	color:#000;
	font-weight:700;
}
h6{
	color:#333;
	font-weight:400;
}
.login-section, .login-section .row{ margin:0; padding:0; height:100%;}
.loginbg {
	height: 100vh;
	background-color: #f3f3f3;	
}
.loginbg .form-top {
	margin: 0;	
	position: absolute;
	top: 50%;	
	width:49%;	
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
@media (max-width: 640px) {
    .loginbg .form-top {
		margin: 0;	
		position: absolute;
		top: 50%;	
		width:100%;	
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}
}
.carousel-inner { 
    bottom: 0px;
	width:100%;
}

.carousel-item {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;  
    background-color: #fff;	
    width:100%;
}

.carousel-caption:active{ 
	height:100px;
	bottom:10%;	
	width:100%;
	margin-left:-80px;
}
.carousel-caption { 
	height:100px;
	bottom:10%;
	width:100%;	
	margin-left:-80px;	
}

.carousel-caption h2 {
	top:1rem;
	position:absolute;
	z-index:1120;
	width:100%;	
}
.carousel-caption h6 {
	top:4rem;
	position:absolute;
	z-index:1120;	
	width:100%;
}

.carousel-control-next {
	opacity:0;
	display:none;
}
.carousel-control-prev {
	opacity:0;
	display:none;	
}
.logoffmsg {
	background-image: url(../images/logoff-bg.png);
	background-size: 100%;
	background-position: center;
	background-repeat: no-repeat; 
	height:550px;
}