body, html
{
	height: 100%;
}
/*.background
{
	background: url(../Image/uxdesigner.jpg);
	height: 100vh;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
}*/
.background-overlay
{
	height: 100%;
	width: 100%;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #3d3c3d;
	position: absolute;
	opacity: 0.2;
}
.header-background
{
	background: #fff;
	color: #000;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 45%;
}
.header-background h3
{
	margin-top: 10px;
	color: #06c; /* text-transform:uppercase; */
	font-size: 24px;
	font-weight: 700;
}
.body-background
{
	position: relative;
	padding-bottom: 15px;
}
.body-background .form
{
	padding: 15px;
}
.body-background .form label
{
	color: #fff;
	margin-bottom: 15px;
	font-size: 16px;
	font-weight: 700;
}
.overlay
{
	height: 100%;
	width: 100%;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #3d3c3d;
	position: absolute;
	opacity: 0.5;
}

.input-text
{
	display: block;
	width: 100%;
	height: 46px;
	padding: 6px 12px;
	font-size: 16px;
	line-height: 1.42857143;
	color: #fff;
	background-color: transparent;
	background-image: none;
	border: 1px solid #fff;
	border-radius: 0px;
}
.sign-in-button, .sign-in-button:hover, .sign-in-button:active, .sign-in-button:focus
{
	background: #ff6600;
	border-color: #ff6600;
	border-radius: 0px;
	font-size: 16px;
	padding: 10px 12px;
	margin-top: 40px;
}
.forgot-password, .forgot-password:hover, .forgot-password:active, .forgot-password:focus
{
	font-size: 16px;
	color: #fff;
	text-decoration: none;
}
.contact-us p, .contact-us a
{
	font-size: 16px;
	color: #fff;
}
.online-meeting
{
	margin-top: 40%;
	color: #fff;
	padding: 15px;
	border: 2px solid #fff;
}
.online-meeting h1
{
	font-size: 50px;
	color: #655757;
	font-weight: 700;
}
.B2B
{
	background: #655757;
	padding: 15px;
	margin-top: -15px;
}
.B2B h1
{
	font-size: 66px;
	color: #fff;
	font-weight: 700;
	margin-top: 10px;
}
.B2B h2
{
	color: #fff;
}
@media screen and (min-width : 0px) and (max-width : 767px)
{
	.background
	{
		position: relative;
		height: auto;
		width: 100%;
	}
	.background-overlay
	{
		height: 100%;
		width: 100%;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background: #3d3c3d;
		position: absolute;
		opacity: 0.5;
	}
	.online-meeting
	{
		margin-top: 5%;
		color: #fff;
		padding: 15px;
		border: 2px solid #fff;
	}
	.online-meeting h1
	{
		font-size: 30px;
		color: #fff;
		font-weight: 700;
	}
	.B2B h1
	{
		font-size: 32px;
		color: #fff;
		font-weight: 700;
		margin-top: 10px;
	}
	.header-background
	{
		margin-top: 5%;
	}
}
@media screen and (min-width : 768px) and (max-width : 1023px)
{
	.online-meeting
	{
		margin-top: 76%;
		color: #fff;
		padding: 15px;
		border: 2px solid #fff;
	}
	.online-meeting h1
	{
		font-size: 28px;
		color: #fff;
		font-weight: 700;
	}
	.B2B h1
	{
		font-size: 32px;
		color: #fff;
		font-weight: 700;
		margin-top: 10px;
	}
}