style.css

body{
	padding: 0;
	margin: 0;
}
.container{
	width: 2516px;
	margin: 0 auto;
	padding: 0;
	
}

.content{
	margin: 10px 0px;
	font-size: 12pt;
	padding: 0 0px

}
.menubar{
	margin: 50px 0%;
	height: 80px;
	
	
	
}

.menubar ul{
	margin: 20px;
	
	
	
	
}

.menubar ul li{
	list-style: none;
	float: left;
	padding: 0 10px;
}

.menubar ul li a{
	text-decoration: none;
	color: #fff;
	font-size: 25px;
	transition: .3s;
	padding: 30px 50px;
	border-radius: 0% 40%;
	background-color: #454545;
	
}

.menubar ul li a:hover{
	text-decoration: none;
	color: #fff;
	font-size: 25px;
	transition: .3s;
	padding: 30px 50px;
	border-radius: 40% 0%;
	background-color: #FFAE00;
	
	
}
































.topLoginBar{
	background-color: #454545;
	margin: 0;
	height: 43px;
	overflow: hidden;
	
}
.leftContact{
	float: left;
	width: 70%;

	
}

.leftContact ul{
	
}

.leftContact ul li{
	list-style: none;
	float: left;
	padding: 0 15px;
	
	
	
}
.leftContact ul li a{
	text-decoration: none;
	color: #A6A6A6;
	

}



.rightContact{
	float: right;
	width: 30%;

	
	
	
}

.rightContact ul{
	float: left;
	
		
}

.rightContact ul li{
	list-style: none;
	float: left;
	padding: 0 15px
	
	
	
}
.rightContact ul li a{
	text-decoration: none;
	color: #A6A6A6;

}



.col-md-3 {
	margin: 100px 0px;
	float: left;
	text-align: center;
	padding:  0 50px;
	color: #fff;
	
	
	
}

.pics{
	width: 250px;
	height: 200px;
	border-radius: 50% ;
	transition: .5s;
	box-shadow: 0px 10px 20px #403F3F;
	

}

.pics:hover{
	
	
	border-radius: 50px 0px;
	padding: 15px;
	
}

.heroarea{
	
	background-color: #979696;
	height: 500px;
	margin: 0 auto;
	box-shadow: 0px 10px 20px #403F3F;
		
	
}

.form-control mr-sm-2{
	height: 50px;
}

input.form-control.mr-sm-2{
	width: auto;
	height: 30px;
	transition: .5s;
	

}

input.form-control.mr-sm-2:hover{
	width: 300px;
	
	
}

input.form-control.mr-sm-2:active{
	width: 300px;
	
	
}

.logo{
	
	margin: 0px 0px;
	width: 250px;
	height: 120px;
	float: left;
	background-color: #454545;
	padding: 10px 5px;


}