body{
	background: url('img/backarc.jpg');
	font-family:  "Segoe UI", "Roboto";
	font-weight: 300;
	background-repeat:no-repeat;
}
.container {
	max-width: 1024px;
}

.navbar-brand {
	color: #FFFFFF;
	font-weight: 500;
}
.lead {
	color: #000;
}
#navcontact {
	color:#fff;
	font-size:1.1rem;
}
.navbar{
	color: #10C0F1;	
	font-size:1.3rem;
	padding: 1.2rem .8rem;
	padding-bottom: 1.6rem;
	padding-top: 1.0rem;
}
.head {
	margin-top:105px;
}
.font-weight-lighter{
	font-size:1.2rem;
}
#support {
	color:#fff;
	margin-right:17px;
	font-size:1.1rem;
}			
.whatarc
{
	text-align: center;
	height: 50px;
	font-size:2.2rem;				
	color: #4221C6;
	line-height:50px;
	margin-top:1%;
	margin-bottom:1.9%;
}
.title
{
	text-align: center;
	height: 50px;
	font-size:50px;				
	color: rgb(240, 240, 240);
	line-height:50px;
	margin-top:1%;
	margin-bottom:1.9%;
}
.Features
{
	text-align: center;
	
	height: 50px;
	font-size:1.7rem;				
	color: #31499D;
	font-weight: bold;
	line-height:50px;
	margin-top: 2%;
	margin-bottom:1.3%;
}
.bg-overlay {
	background: linear-gradient(rgba(0,0,0,.7), rgba(0,0,0,.7)), url("../../../images/usecase_pg.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	color: #fff;
	height: 450px;
	padding-top: 150px;
}
.futurehead
{
	text-align: center;
	height: 50px;
	font-size:1.7rem;				
	color: #31499D;
	font-weight: bold;
	line-height:50px;
	margin-top: 2%;
	margin-bottom:1.3%;
}
.feature
{
	font-size:1.2rem;				
	color: #262020;
	line-height:40px;
	margin-top: 2%;
	margin-bottom:1.3%;
}


#navbar {
	background-color: #A64599;
	position: fixed;
	top:-100px;
	width: 100%;
	display: block;
	transition: top 0.3s;
}
.note
{
	text-align: center;
	height: 80px;
	background: -webkit-linear-gradient(left, #2F499D, #A64599);
	color: #fff;
	font-weight: bold;
	line-height: 80px;
	margin-top: 2%;
}
.form-content
{
	padding:2%;
	border: 1px solid #ced4da;
	margin-bottom: 2%;
	background-color: #fff;
}
.contactinfo
{
	padding:1%;
	border: 1px solid #ced4da;				
	background-color: #fff;
}
.form-control{
	border-radius:0.9rem;
	padding:3%;
}
.btnSubmit
{
	border:none;
	border-radius:1.5rem;
	padding: 1%;
	width: 20%;
	cursor: pointer;
	background: #A64599;
	color: #fff;
}			
a, a:focus, a:hover {						
	outline: 0;
}
a:hover {
	color:#FFFFFF;				
}	

.footerbg {				
	   padding-top:17%;	
	   padding-bottom:.8%;			   
	   width: 100%;
	   background: url("../../../images/footerbgarc.png");
	   background-size: cover;
	   color: white;
	   text-align: center;
	}
.foottext{
		color:#fff !important;
	}
@media (max-width:550px) {
	body{
		background: url('../../../img/backmolbilearc.jpg');
		background-repeat:no-repeat;					
	}				
}