body
{
	font-family:verdana; 
}
.m-t
{
	margin-top:5%;
}

.logo
{
	width:100%;
	margin-left:40%;
}

.navbar ul
{
	margin-top:0%;
	margin-right: 4%;
}


.top-head
{
	background-image: url('images/Mortgage-head.png');
	background-size: 100% 100%;
	height:900px;
	padding-top: 1%;
}
.top-text1
{
	font-size:50px;
	font-weight: bold;
	color:white;
	
	margin-top: 13%;
	margin-left: 5%;
}
.top-text2
{
	font-size:35px;
	color:white;

	margin-left: 5%;
	font-weight: bold;
}
.top-text3
{
	font-family:Mistral Regular;
	font-size:50px; 
	text-align:center;
	margin-top:5%;
}
.top-form
{
	margin-top: 1%;	
	width:80%;
	border-radius: 0px;
}
.ipp
{

	padding-left: 2%;
	height: 46px;
	width: 20.0%;
	margin-left:2%; 
	border: 1px solid gray;
	
}
.ip
{
	padding-left: 2%;
	height: 46px;
	width: 22.0%;
	margin-left:2%; 
	border: 1px solid gray;
}

.ip-btn
{
	font-size:20px;
	font-weight: bold;
	border:none;
	margin-top: 3%;
	height: 45px;
	width: 30%;
	background-color:red;
	color:white;
}
.top2
{
	background-image: url('images/head2.png');
	background-size: cover;
	height:280px;
	padding-top:7%;
}

.left-f
{
    width:50%;
    float:right;
}
#pt3
{
    margin-top:52%;
}
.dot
{

	margin-top:2%;
	background-image: url(images/dot-dot.png);
	height:300px;
	background-size:100% 100%; 
}
.point1
{
	margin-left: -35%;
	margin-top: 50%;
	background-color:#d3dde8;
	padding-top:15%;
	padding-bottom:15%;
	width:50%;
	border-radius: 200px;
	border:1px dotted gray;
}
.t1
{
	display:none;
}
.tp1
{
	margin-left: -35%;
}
.point1:hover
{
	background-color:#fff;
}
.point2
{
	margin-top: 17%;
	background-color:#d3dde8;
	padding-top:14%;
	padding-bottom:15%;
	width:50%;
	border-radius: 200px;
	border:1px dotted gray;
}
.point2:hover
{
	background-color:#fff;
}
.point3
{
	margin-top: 50%;
	background-color:#d3dde8;
	padding-top:14%;
	padding-bottom:14%;
	width:50%;
	border-radius: 200px;
	border:1px dotted gray;
}
.point3:hover
{
	background-color:#fff;
}
.point4
{
	margin-top: 50%;
	background-color:#d3dde8;
	padding-top:14%;
	padding-bottom:14%;
	width:50%;
	border-radius: 200px;
	border:1px dotted gray;
}
.point4:hover
{
	background-color:#fff;
}
.point5
{
	margin-top: 10%;
	background-color:#d3dde8;
	padding-top:14%;
	padding-bottom:14%;
	width:50%;
	border-radius: 200px;
	border:1px dotted gray;
}
.point5:hover
{
	background-color:#fff;
}
.top-white-text
{
	font-size: 50px;
	font-weight: 700;
	color:#fff;
	letter-spacing: 1px;
}
.a-m-t
{
	margin-top:18%;	

}
.text-head
{
	font-weight: bold;
	color:#444444;
	font-family: Swis721 BT;
	font-size:32px;
}
.text-subhead
{
	font-weight: bold;
	color:#444444;
	font-family: Swis721 BT;
	font-size:25px;
	

}
.text-para
{
	color:#444444;
	font-family: Swis721 BT;
	font-size:19px;
}
.black-back
{
	background-color:#000;
	height: cover;
}
.black-text-left
{
	font-family: Swis721 BT;
	font-size:18px;
	color:white;
	background-color:#2d2d2d;
	height:50px;
	padding-top:12px;
	padding-right:5%;
	margin-left:20%;
	margin-right:-20%;
	text-align:right; 
	border-radius:5px;
}
.black-text-right
{
	border-radius:5px;
	color:#444444;
	font-family: Swis721 BT;
	font-size:18px;
	background-color:#fff;
	height:50px;
	padding-top:12px;
	padding-left:5%;
	margin-right:20%;
	margin-left:-20%;
	
}
.text-vs
{
	color:#fff;
	font-family: Swis721 BT;
	font-size:22px;
	text-align:center;
	margin-top:5%;
	font-weight:bold;
}
.text-vs1
{
	display:none;
	color:#fff;
	font-family: Swis721 BT;
	font-size:22px;
	text-align:center;
	margin-top:5%;
	font-weight:bold;
}
.black-mid1
{
	font-weight: bold;
	color:#fff;
	font-family: Swis721 BT;
	font-size:20px;
	text-align:right; 
}
.black-mid2
{
	font-weight: bold;
	color:#fff;
	font-family: Swis721 BT;
	font-size:20px;
	text-align: left;
}
.blue-back
{
	background-image:url('images/blue-back.png'); 
	background-size:100% 100%;
	height: 700px; 
}
.blue-text
{
	padding-top:50%; 
}
.house
{
	width:85%;
}
.foot
{
	
	background-color:black;
	padding-top: 3%;
	padding-bottom: 3%;
}
.frame
{
	width:85%;
	height:280px;
}